{"version":3,"names":["expandableItemCss","ExpandableItem","constructor","hostRef","this","id","ID_COUNTER","onHeaderClick","e","toggle","toggler","ElementToggler","header","undefined","isOpen","close","doClose","open","doOpen","preventDefault","expandableOpened","emit","hide","el","shadowRoot","show","render","h","class","onClick","name","svgStyle","role","stencilHasStaticMembersWithInit","expandableListCss","ExpandableList","multiple","onExpandableChanged","detail","querySelectorAll","forEach","item","target","then"],"sources":["node_modules/@oebb-web-team/oebb-web-components/dist/collection/components/expandable-item/expandable-item.css?tag=oebbx-expandable-item&encapsulation=shadow","node_modules/@oebb-web-team/oebb-web-components/dist/collection/components/expandable-item/expandable-item.js","node_modules/@oebb-web-team/oebb-web-components/dist/collection/components/expandable-list/expandable-list.css?tag=oebbx-expandable-list&encapsulation=shadow","node_modules/@oebb-web-team/oebb-web-components/dist/collection/components/expandable-list/expandable-list.js"],"sourcesContent":["/* Default Colors */\n/* CI/CD Colors */\n/* 2021 TS Colors */\n/* Scrollbars */\n*:focus {\n\toutline: var(--oebb-outline, 2px dotted var(--oebb-accent-color, #e2002a));\n\toutline-offset: var(--oebb-outline-offset, 2px);\n}\n\n*:focus:not(:focus-visible) {\n\toutline: none;\n}\n\n*:focus-visible {\n\toutline: var(--oebb-outline, 2px dotted var(--oebb-accent-color, #e2002a));\n\toutline-offset: var(--oebb-outline-offset, 2px);\n}\n\n.hidden {\n\tdisplay: none;\n}\n\n.invisible {\n\tvisibility: hidden;\n}\n\n.offscreen {\n\tposition: absolute;\n\tleft: -1000em;\n}\n\n.screen-reader-text {\n\tposition: absolute;\n\n\twidth: 1px;\n\theight: 1px;\n\tmargin: -1px;\n\tpadding: 0;\n\toverflow: hidden;\n\n\tborder: 0;\n\tclip-path: inset(50%);\n\n\twhite-space: nowrap;\n}\n\n.screen-reader-text--focusable:active,\n.screen-reader-text--focusable:focus {\n\tposition: relative;\n\n\twidth: auto;\n\theight: auto;\n\tmargin: 0;\n\toverflow: visible;\n\n\tclip-path: none;\n\n\twhite-space: inherit;\n}\n\n/** @deprecated */\n/** \".is-tabbing\" should be added via JavaScript and shows the outline. Used with class to not show outline on clicking elements. */\n.is-tabbing button::-moz-focus-inner,\n:host(.is-tabbing) button::-moz-focus-inner {\n\tborder: 0;\n}\n\n.is-tabbing--focus,\n.is-tabbing a:focus,\n.is-tabbing button:focus,\n.is-tabbing div:focus,\n.is-tabbing input:focus,\n.is-tabbing input:focus ~ span[role=\"presentation\"],\n:host(.is-tabbing) a:focus,\n:host(.is-tabbing) button:focus,\n:host(.is-tabbing) div:focus,\n:host(.is-tabbing) input:focus,\n:host(.is-tabbing) input:focus ~ span[role=\"presentation\"] {\n\toutline: 2px dotted #e2002a;\n\toutline-offset: 2px;\n\tz-index: 10;\n}\n\n:host {\n  --expandable-internal-separator: var(--expandable-separator, 1px solid #e4e4e4);\n  --expandable-internal-header-gap: var(--expandable-header-gap, 5px);\n  --expandable-internal-header-color: var(--expandable-header-color, inherit);\n  --expandable-internal-header-color-hover: var(--expandable-header-color-hover, inherit);\n  --expandable-internal-header-background: var(--expandable-header-background, #fff);\n  --expandable-internal-header-background-hover: var(--expandable-header-background-hover, transparent);\n  --expandable-internal-header-icon-color: var(--expandable-header-icon-color, currentColor);\n  --expandable-internal-header-icon-color-hover: var(--expandable-header-icon-color-hover, currentColor);\n  --expandable-internal-body-background: var(--expandable-body-background, #fff);\n  --expandable-internal-padding: var(--expandable-padding, 0.75rem);\n  --expandable-internal-padding-calc: calc(var(--expandable-internal-padding) + var(--expandable-internal-header-gap) + 15px);\n  --expandable-internal-animation-height-duration: 0.3s;\n  --expandable-internal-animation-fade-in-duration: 0.5s;\n  --expandable-internal-animation-fade-out-duration: 0.3s;\n}\n\n.expandable-item {\n  border-bottom: var(--expandable-internal-separator);\n  /* Visibility animation prevents items inside to get focus if the expandable item is not open. */\n}\n.expandable-item-header {\n  display: flex;\n  gap: var(--expandable-internal-header-gap);\n  box-sizing: border-box;\n  width: 100%;\n  padding: var(--expandable-internal-padding) var(--expandable-internal-padding-calc) var(--expandable-internal-padding) var(--expandable-internal-padding);\n  color: var(--expandable-internal-header-color);\n  background: var(--expandable-internal-header-background);\n  border: none;\n  cursor: pointer;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: 700;\n  text-decoration: none;\n  text-align: inherit;\n  align-items: center;\n}\n.expandable-item-header:hover {\n  color: var(--expandable-internal-header-color-hover);\n  background: var(----expandable-internal-header-background-hover);\n}\n.expandable-item-header:hover oebbx-icon svg {\n  fill: var(--expandable-internal-header-icon-color-hover);\n}\n.expandable-item-header oebbx-icon svg {\n  fill: var(--expandable-internal-header-icon-color);\n  transform: translateY(2px) rotate(90deg);\n  transition: transform 0.3s ease-in-out;\n}\n.expandable-item-open .expandable-item-header oebbx-icon svg {\n  transform: translateY(2px) rotate(-90deg);\n}\n.expandable-item-body {\n  overflow: hidden;\n  background: var(--expandable-internal-body-background);\n  transition: height var(--expandable-internal-animation-height-duration) ease-in-out;\n  height: 0;\n}\n.expandable-item-open .expandable-item-body {\n  height: auto;\n}\n.expandable-item-content {\n  padding: var(--expandable-internal-padding) var(--expandable-internal-padding-calc);\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity var(--expandable-internal-animation-fade-out-duration) ease-in-out, visibility 0.01s ease var(--expandable-internal-animation-height-duration);\n}\n.expandable-item-open .expandable-item-content {\n  opacity: 1;\n  visibility: visible;\n  transition: opacity var(--expandable-internal-animation-fade-in-duration) ease-in-out, visibility 0.01s ease 0s;\n}","import { h } from '@stencil/core';\nimport { ElementToggler } from \"../../utils\";\nclass ExpandableItem {\n  constructor() {\n    this.id = ++ExpandableItem.ID_COUNTER;\n    this.onHeaderClick = e => this.toggle(e);\n    this.toggler = new ElementToggler('.expandable-item-body');\n    this.header = undefined;\n    this.isOpen = undefined;\n  }\n  async close() {\n    if (this.isOpen) {\n      this.doClose();\n    }\n  }\n  async open() {\n    if (!this.isOpen) {\n      this.doOpen();\n    }\n  }\n  toggle(e) {\n    e.preventDefault();\n    this.isOpen ? this.doClose() : this.doOpen();\n    this.expandableOpened.emit(this.isOpen);\n  }\n  doClose() {\n    this.isOpen = false;\n    this.toggler.hide(this.el.shadowRoot);\n  }\n  doOpen() {\n    this.isOpen = true;\n    this.toggler.show(this.el.shadowRoot);\n  }\n  render() {\n    return (h(\"li\", { class: {\n        'expandable-item': true,\n        'expandable-item-open': this.isOpen,\n      } }, h(\"button\", { class: \"expandable-item-header\", id: `expandable-item-header-${this.id}`, \"aria-controls\": `expandable-item-body-${this.id}`, \"aria-expanded\": this.isOpen ? 'true' : 'false', onClick: this.onHeaderClick }, h(\"oebbx-icon\", { name: \"triangle\", svgStyle: null }), h(\"slot\", { name: \"header-icon\" }), h(\"slot\", { name: \"header\" }), h(\"span\", null, this.header)), h(\"div\", { class: \"expandable-item-body\", id: `expandable-item-body-${this.id}`, \"aria-labelledby\": `expandable-item-header-${this.id}`, \"aria-expanded\": this.isOpen ? 'true' : 'false', role: \"region\" }, h(\"div\", { class: \"expandable-item-content\" }, h(\"slot\", null)))));\n  }\n  static get is() { return \"oebbx-expandable-item\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"expandable-item.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"expandable-item.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"header\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"\"\n        },\n        \"attribute\": \"header\",\n        \"reflect\": false\n      },\n      \"isOpen\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"\"\n        },\n        \"attribute\": \"is-open\",\n        \"reflect\": false\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"expandableOpened\",\n        \"name\": \"expandableOpened\",\n        \"bubbles\": true,\n        \"cancelable\": true,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"close\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<void>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"\",\n          \"tags\": []\n        }\n      },\n      \"open\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<void>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get stencilHasStaticMembersWithInit() { return true; }\n}\nExpandableItem.ID_COUNTER = 0;\nexport { ExpandableItem };\n//# sourceMappingURL=expandable-item.js.map\n","/* Default Colors */\n/* CI/CD Colors */\n/* 2021 TS Colors */\n/* Scrollbars */\n.expandable-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}","import { h } from '@stencil/core';\nexport class ExpandableList {\n  constructor() {\n    this.multiple = undefined;\n  }\n  onExpandableChanged(e) {\n    if (e.detail && !this.multiple) {\n      this.el.querySelectorAll('oebbx-expandable-item').forEach(item => {\n        if (item !== e.target) {\n          item.close().then();\n        }\n      });\n    }\n  }\n  render() {\n    return (h(\"ul\", { class: \"expandable-list\" }, h(\"slot\", null)));\n  }\n  static get is() { return \"oebbx-expandable-list\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"expandable-list.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"expandable-list.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"multiple\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"\"\n        },\n        \"attribute\": \"multiple\",\n        \"reflect\": false\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get listeners() {\n    return [{\n        \"name\": \"expandableOpened\",\n        \"method\": \"onExpandableChanged\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n//# sourceMappingURL=expandable-list.js.map\n"],"mappings":"6LAAA,MAAMA,EAAoB,8iI,MCEpBC,EAAc,MAClB,WAAAC,CAAAC,G,6DACEC,KAAKC,KAAOJ,EAAeK,WAC3BF,KAAKG,cAAgBC,GAAKJ,KAAKK,OAAOD,GACtCJ,KAAKM,QAAU,IAAIC,EAAe,yBAClCP,KAAKQ,OAASC,UACdT,KAAKU,OAASD,S,CAEhB,WAAME,GACJ,GAAIX,KAAKU,OAAQ,CACfV,KAAKY,S,EAGT,UAAMC,GACJ,IAAKb,KAAKU,OAAQ,CAChBV,KAAKc,Q,EAGT,MAAAT,CAAOD,GACLA,EAAEW,iBACFf,KAAKU,OAASV,KAAKY,UAAYZ,KAAKc,SACpCd,KAAKgB,iBAAiBC,KAAKjB,KAAKU,O,CAElC,OAAAE,GACEZ,KAAKU,OAAS,MACdV,KAAKM,QAAQY,KAAKlB,KAAKmB,GAAGC,W,CAE5B,MAAAN,GACEd,KAAKU,OAAS,KACdV,KAAKM,QAAQe,KAAKrB,KAAKmB,GAAGC,W,CAE5B,MAAAE,GACE,OAAQC,EAAE,KAAM,CAAEC,MAAO,CACrB,kBAAmB,KACnB,uBAAwBxB,KAAKU,SAC1Ba,EAAE,SAAU,CAAEC,MAAO,yBAA0BvB,GAAI,0BAA0BD,KAAKC,KAAM,gBAAiB,wBAAwBD,KAAKC,KAAM,gBAAiBD,KAAKU,OAAS,OAAS,QAASe,QAASzB,KAAKG,eAAiBoB,EAAE,aAAc,CAAEG,KAAM,WAAYC,SAAU,OAASJ,EAAE,OAAQ,CAAEG,KAAM,gBAAkBH,EAAE,OAAQ,CAAEG,KAAM,WAAaH,EAAE,OAAQ,KAAMvB,KAAKQ,SAAUe,EAAE,MAAO,CAAEC,MAAO,uBAAwBvB,GAAI,wBAAwBD,KAAKC,KAAM,kBAAmB,0BAA0BD,KAAKC,KAAM,gBAAiBD,KAAKU,OAAS,OAAS,QAASkB,KAAM,UAAYL,EAAE,MAAO,CAAEC,MAAO,2BAA6BD,EAAE,OAAQ,Q,CA2GnoB,0CAAWM,GAAoC,OAAO,IAAK,C,0BAE7DhC,EAAeK,WAAa,E,UClJ5B,MAAM4B,EAAoB,uD,MCCbC,EAAc,MACzB,WAAAjC,CAAAC,G,UACEC,KAAKgC,SAAWvB,S,CAElB,mBAAAwB,CAAoB7B,GAClB,GAAIA,EAAE8B,SAAWlC,KAAKgC,SAAU,CAC9BhC,KAAKmB,GAAGgB,iBAAiB,yBAAyBC,SAAQC,IACxD,GAAIA,IAASjC,EAAEkC,OAAQ,CACrBD,EAAK1B,QAAQ4B,M,MAKrB,MAAAjB,GACE,OAAQC,EAAE,KAAM,CAAEC,MAAO,mBAAqBD,EAAE,OAAQ,M"}