{
  "version": 3,
  "sources": ["/cdn/shop/t/3/assets/slideover.js?cv=573c0a5"],
  "sourcesContent": ["import ClickToOpen from \"./click-to-open.js\";\nimport { l as layout } from \"./layout-store.js\";\nimport { E } from \"./preact-signals.js\";\nclass SlideOver extends ClickToOpen {\n  constructor() {\n    super();\n    this.direction = \"right\";\n    this.restricted = false;\n    this.type = null;\n    this.paramsOpened = false;\n    this.visible = false;\n    this.isOpen = true;\n    this.typeClasses = [`slideover--${this.direction}`];\n    this.layout = layout;\n    this.slideoverEl = this.querySelector(\".slideover\");\n    this.closeEl = this.querySelector(\".close\");\n    if (!this.slideoverEl) {\n      console.error(\"Slideover couldn't find slideover element\");\n      console.log(this);\n      return;\n    }\n    if (this.id === void 0 || this.id == null) {\n      console.error(\"Slideover needs id value\");\n      console.log(this);\n      return;\n    }\n    this.type = this.dataset.type;\n    if (this.type) {\n      this.typeClasses.push(`slideover--${this.type}`);\n    }\n    this.typeClasses.forEach((cl) => {\n      this.slideoverEl.classList.add(cl);\n    });\n    this.dialogEl = this.querySelector(\".slideover__panel\");\n    this.initDialog();\n    E(() => {\n      if (this.layout.slideover.value == this.id) {\n        this.isOpen = true;\n        document.body.classList.add(\"slideover-open\");\n        this.slideoverEl.classList.add(\"active\");\n      } else {\n        this.isOpen = false;\n        document.body.classList.remove(\"slideover-open\");\n        this.slideoverEl.classList.remove(\"active\");\n      }\n      document.documentElement.style.overflow = this.isOpen ? \"hidden\" : \"\";\n      this.syncDialogState(Boolean(this.isOpen));\n    });\n    this.querySelectorAll(\"a\").forEach((el) => {\n      el.addEventListener(\"click\", (e) => {\n        if (this.isOpen) {\n          this.close();\n        }\n      });\n    });\n  }\n  open() {\n    this.layout.slideover.value = this.id;\n    this.dispatchEvent(new Event(\"open\", { bubbles: true, composed: true }));\n  }\n  close() {\n    this.layout.slideover.value = null;\n    this.visible = true;\n    this.dispatchEvent(new Event(\"close\", { bubbles: true, composed: true }));\n  }\n}\nif (!customElements.get(\"slide-over\")) {\n  customElements.define(\"slide-over\", SlideOver);\n}\nexport {\n  SlideOver,\n  SlideOver as default\n};\n"],
  "mappings": "AAAA,OAAO,gBAAiB,qBACxB,OAAS,KAAK,WAAc,oBAC5B,OAAS,MAAS,sBAClB,MAAM,kBAAkB,WAAY,CAClC,aAAc,CAYZ,GAXA,MAAM,EACN,KAAK,UAAY,QACjB,KAAK,WAAa,GAClB,KAAK,KAAO,KACZ,KAAK,aAAe,GACpB,KAAK,QAAU,GACf,KAAK,OAAS,GACd,KAAK,YAAc,CAAC,cAAc,KAAK,SAAS,EAAE,EAClD,KAAK,OAAS,OACd,KAAK,YAAc,KAAK,cAAc,YAAY,EAClD,KAAK,QAAU,KAAK,cAAc,QAAQ,EACtC,CAAC,KAAK,YAAa,CACrB,QAAQ,MAAM,2CAA2C,EACzD,QAAQ,IAAI,IAAI,EAChB,MACF,CACA,GAAI,KAAK,KAAO,QAAU,KAAK,IAAM,KAAM,CACzC,QAAQ,MAAM,0BAA0B,EACxC,QAAQ,IAAI,IAAI,EAChB,MACF,CACA,KAAK,KAAO,KAAK,QAAQ,KACrB,KAAK,MACP,KAAK,YAAY,KAAK,cAAc,KAAK,IAAI,EAAE,EAEjD,KAAK,YAAY,QAAS,IAAO,CAC/B,KAAK,YAAY,UAAU,IAAI,EAAE,CACnC,CAAC,EACD,KAAK,SAAW,KAAK,cAAc,mBAAmB,EACtD,KAAK,WAAW,EAChB,EAAE,IAAM,CACF,KAAK,OAAO,UAAU,OAAS,KAAK,IACtC,KAAK,OAAS,GACd,SAAS,KAAK,UAAU,IAAI,gBAAgB,EAC5C,KAAK,YAAY,UAAU,IAAI,QAAQ,IAEvC,KAAK,OAAS,GACd,SAAS,KAAK,UAAU,OAAO,gBAAgB,EAC/C,KAAK,YAAY,UAAU,OAAO,QAAQ,GAE5C,SAAS,gBAAgB,MAAM,SAAW,KAAK,OAAS,SAAW,GACnE,KAAK,gBAAgB,EAAQ,KAAK,MAAO,CAC3C,CAAC,EACD,KAAK,iBAAiB,GAAG,EAAE,QAAS,IAAO,CACzC,GAAG,iBAAiB,QAAU,GAAM,CAC9B,KAAK,QACP,KAAK,MAAM,CAEf,CAAC,CACH,CAAC,CACH,CACA,MAAO,CACL,KAAK,OAAO,UAAU,MAAQ,KAAK,GACnC,KAAK,cAAc,IAAI,MAAM,OAAQ,CAAE,QAAS,GAAM,SAAU,EAAK,CAAC,CAAC,CACzE,CACA,OAAQ,CACN,KAAK,OAAO,UAAU,MAAQ,KAC9B,KAAK,QAAU,GACf,KAAK,cAAc,IAAI,MAAM,QAAS,CAAE,QAAS,GAAM,SAAU,EAAK,CAAC,CAAC,CAC1E,CACF,CACK,eAAe,IAAI,YAAY,GAClC,eAAe,OAAO,aAAc,SAAS,EAE/C,OACE,UACA,aAAa",
  "names": []
}