{"version":3,"file":"56bf5f6.js","mappings":"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","sources":["webpack://nuxt-app/./node_modules/@88labs/tsukuri-components-vue/libs/wc-tsukuri-layout-TVSENOYV.js"],"sourcesContent":["import \"./chunk-3YE5DHWY.js\";\nimport {\n  __decorateClass\n} from \"./chunk-OBQLDQMV.js\";\nimport {\n  TsukuriUniversalHeader\n} from \"./chunk-2LTZL5SR.js\";\nimport \"./chunk-4LDI6TSG.js\";\nimport \"./chunk-4EFJXH2K.js\";\nimport \"./chunk-53NIWC4E.js\";\nimport \"./chunk-6HS2BT3X.js\";\nimport \"./chunk-CTD4PDJH.js\";\nimport \"./chunk-LIDQ3EQT.js\";\nimport \"./chunk-UEABATP3.js\";\nimport \"./chunk-BBNU5ANV.js\";\nimport \"./chunk-RPIQ2LLD.js\";\nimport \"./chunk-HCFE3PAH.js\";\nimport \"./chunk-XNP2TMGY.js\";\nimport \"./chunk-X6F5WTMZ.js\";\nimport \"./chunk-GCQY4XSU.js\";\nimport \"./chunk-YPVMPZET.js\";\nimport \"./chunk-23NHRZR6.js\";\nimport \"./chunk-LKKVCIMO.js\";\nimport \"./chunk-RHBM4X5G.js\";\nimport \"./chunk-UKGVOFIA.js\";\nimport \"./chunk-LGCDDBCK.js\";\nimport \"./chunk-FH3RWWXY.js\";\nimport \"./chunk-CSTPWNON.js\";\nimport \"./chunk-7UBZKMHG.js\";\nimport \"./chunk-O6FMPWRI.js\";\nimport \"./chunk-ZVKNMDWP.js\";\nimport \"./chunk-SVB7QVGC.js\";\nimport \"./chunk-VLPFIM3K.js\";\nimport \"./chunk-ZD2W5NM5.js\";\nimport \"./chunk-DNDA3TIE.js\";\nimport \"./chunk-EPEIW5CT.js\";\nimport \"./chunk-KG7JXOZT.js\";\nimport \"./chunk-2K2X2VFV.js\";\nimport \"./chunk-KYGNPTYE.js\";\nimport \"./chunk-JO2RVYIO.js\";\nimport \"./chunk-BBOFWZ7B.js\";\nimport \"./chunk-444UF7LD.js\";\nimport {\n  ValidatePropertiesController,\n  validateBoolean\n} from \"./chunk-Z77RWYJX.js\";\n\n// ../../components/components/Layout/libs/chunk-IFSASVVO.js\nimport {\n  LitElement,\n  html,\n  unsafeCSS\n} from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nvar setWindowSize = (ele) => {\n  let h = document.documentElement.clientHeight, w = document.documentElement.clientWidth;\n  ele.style.setProperty(\"--vh\", `${h * 0.01}px`), ele.style.setProperty(\"--vw\", `${w * 0.01}px`), requestAnimationFrame(() => {\n    let h2 = document.documentElement.clientHeight, w2 = document.documentElement.clientWidth;\n    ele.style.setProperty(\"--vh\", `${h2 * 0.01}px`), ele.style.setProperty(\"--vw\", `${w2 * 0.01}px`);\n  });\n}, style_default = ':host{all:initial;box-sizing:border-box;display:grid;grid-template:\"navbar navbar\" auto \"navrail main\" 1fr/auto 1fr;height:calc(var(--vh, 1vh)*100 - 1px);margin:0;visibility:inherit;width:calc(var(--vw, 1vw)*100 - 1px)}:host([responsive]){position:relative}[data-tsukuri-component=layout-header]{grid-area:navbar;margin-bottom:-7px;overflow-x:auto;padding-bottom:7px;position:relative;z-index:10}[data-tsukuri-component=layout-sidebar]{grid-area:navrail;overflow-y:auto}[data-tsukuri-component=layout-sidebar][data-tsukuri-state-layout-sidebar-active=false]{display:none}[data-tsukuri-component=layout-sidebar][data-tsukuri-state-layout-is-sidebar-overlay=true]{height:100%}[data-tsukuri-component=layout-main]{grid-area:main;overflow:auto;padding:32px}[data-tsukuri-component=layout-main][data-tsukuri-state-layout-is-sidebar-overlay=true]{position:relative;z-index:1}[data-tsukuri-component=layout-main][data-tsukuri-state-layout-is-sidebar-overlay=true][data-tsukuri-state-layout-sidebar-active=true]{overflow:hidden}[data-tsukuri-component=layout-main][data-tsukuri-state-layout-full=true]{padding:0}[data-tsukuri-component=layout-sidebar-scrim]{align-items:flex-start;height:100%;justify-content:flex-start;position:absolute}', WindowSizeController = class {\n  constructor(host) {\n    this.host = host, this._isWide = !0, this.setSize = this.setSize.bind(this), this.host.addController(this);\n  }\n  setSize() {\n    setWindowSize(this.host);\n    let isWide = document.documentElement.clientWidth >= 1280;\n    this.isWide !== isWide && (this._isWide = isWide, this.host.requestUpdate());\n  }\n  get isWide() {\n    return this._isWide;\n  }\n  hostConnected() {\n    window.addEventListener(\"resize\", this.setSize);\n  }\n  hostDisconnected() {\n    window.removeEventListener(\"resize\", this.setSize);\n  }\n}, Header = class {\n  constructor(host, onToggleSidebar, isActive) {\n    this.host = host, this.onToggleSidebar = onToggleSidebar, this.isActive = isActive, this.host.addController(this), this.onSlotChange = this.onSlotChange.bind(this);\n  }\n  onSlotChange(e) {\n    var _a, _b;\n    if (!(e.target instanceof HTMLSlotElement)) return;\n    (_a = this.removeHandler) == null || _a.call(this), this.header = e.target.assignedElements().find((ele) => ele instanceof TsukuriUniversalHeader), this.header && (this.header.withSidebar = this.host.toggleSidebar, this.header.activeSidebar = this.isActive());\n    let a = (e2) => {\n      e2 instanceof CustomEvent && this.onToggleSidebar(e2.detail);\n    };\n    (_b = this.header) == null || _b.addEventListener(\"toggle-sidebar\", a), this.removeHandler = () => {\n      var _a2;\n      (_a2 = this.header) == null || _a2.removeEventListener(\"toggle-sidebar\", a);\n    };\n  }\n  syncActive(isActive) {\n    this.header && (this.header.activeSidebar = isActive);\n  }\n  get template() {\n    return html`<div data-tsukuri-component=\"layout-header\"> <slot name=\"header\" @slotchange=\"${this.onSlotChange}\"></slot> </div>`;\n  }\n  hostDisconnected() {\n    var _a;\n    (_a = this.removeHandler) == null || _a.call(this);\n  }\n}, TsukuriLayout = class extends LitElement {\n  constructor() {\n    super(), this.toggleSidebar = !1, this.responsive = !1, this.full = !1, this.activeSidebar = !0, new ValidatePropertiesController(this, {\n      toggleSidebar: validateBoolean,\n      responsive: validateBoolean,\n      full: validateBoolean\n    }), this.header = new Header(\n      this,\n      (b) => {\n        this.activeSidebar = b;\n      },\n      () => this.activeSidebar\n    ), this.windowSize = new WindowSizeController(this), this.onClickSidebar = this.onClickSidebar.bind(this);\n  }\n  get isSidebarOverlay() {\n    return this.responsive && !this.windowSize.isWide && this.toggleSidebar;\n  }\n  syncSidebar() {\n    this.toggleSidebar && this.header.syncActive(this.activeSidebar);\n  }\n  onClickSidebar(e) {\n    this.isSidebarOverlay && e.composedPath().some((ele) => ele instanceof HTMLAnchorElement) && (this.activeSidebar = !1);\n  }\n  firstUpdated() {\n    this.windowSize.setSize(), this.toggleSidebar && (this.activeSidebar = this.windowSize.isWide), this.syncSidebar();\n  }\n  willUpdate() {\n    this.syncSidebar();\n  }\n  render() {\n    let sidebar = html`<div data-tsukuri-component=\"layout-sidebar\" data-tsukuri-state-layout-is-sidebar-overlay=\"${this.isSidebarOverlay}\" data-tsukuri-state-layout-sidebar-active=\"${this.activeSidebar}\"> <slot name=\"sidebar\" @click=\"${this.onClickSidebar}\"></slot> </div>`;\n    return html` ${this.header.template} ${this.isSidebarOverlay ? [] : sidebar} <div data-tsukuri-component=\"layout-main\" class=\"contents\" tabindex=\"0\" data-tsukuri-state-layout-is-sidebar-overlay=\"${this.isSidebarOverlay}\" data-tsukuri-state-layout-sidebar-active=\"${this.activeSidebar}\" data-tsukuri-state-layout-full=\"${this.full}\"> <slot></slot> ${this.isSidebarOverlay ? html`<wc-tsukuri-scrim data-tsukuri-component=\"layout-sidebar-scrim\" ?open=\"${this.activeSidebar}\" @click-scrim=\"${() => {\n      this.activeSidebar = !1;\n    }}\">${sidebar}</wc-tsukuri-scrim>` : []} </div> `;\n  }\n};\nTsukuriLayout.styles = unsafeCSS(style_default), __decorateClass([\n  property({ attribute: \"toggle-sidebar\", type: Boolean })\n], TsukuriLayout.prototype, \"toggleSidebar\", 2), __decorateClass([\n  property({ type: Boolean, reflect: !0 })\n], TsukuriLayout.prototype, \"responsive\", 2), __decorateClass([\n  property({ type: Boolean })\n], TsukuriLayout.prototype, \"full\", 2), __decorateClass([\n  state()\n], TsukuriLayout.prototype, \"activeSidebar\", 2), TsukuriLayout = __decorateClass([\n  customElement(\"wc-tsukuri-layout\")\n], TsukuriLayout);\nexport {\n  TsukuriLayout\n};\n//# sourceMappingURL=wc-tsukuri-layout-TVSENOYV.js.map"],"names":["setWindowSize","ele","h","w","h2","w2","style_default","WindowSizeController","host","isWide","Header","onToggleSidebar","isActive","e","_a","_b","a","e2","_a2","TsukuriLayout","b","sidebar"],"sourceRoot":""}