@oiz/stzh-components 4.5.0 → 4.6.0-beta1

package/dist/esm/stzh-textandimage.entry.js

@@ -71,7 +71,7 @@ const StzhTextandimage = class {
             [`stzh-textandimage--size-${this.size}`]: !!this.size,
             [`stzh-textandimage--image-position-${this.imagePosition}`]: !!this.imagePosition,
         };
-        return (h(Host, { key: 'b048d44b8cdf23ae54600c02988dcb8a92af1c1d', single: isSingle, "image-position": this.imagePosition }, h("div", { key: 'c7a94f3827ae9d6b713e6b14b9182610300c9318', class: classes }, h("div", { key: '8464f591f604ce8a3b32d8a6149ea10ba44d0d76', class: "stzh-textandimage__left" }, h("slot", { key: '0405f5108e24821524c0fe013c68c7503a0056cb', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '07f0cfe69a45527f16dd381543c1f33ed7444f1e', class: "stzh-textandimage__right" }, h("div", { key: '70177315414f568da413ff9b60a3b5fe7aad5311', class: this.imageMoves ? "stzh-textandimage__wrapper" : "" }, h("slot", { key: 'abd388c79f1e36f74c28015e88e91d969dfe2645', name: "right", onSlotchange: () => forceUpdate(this.element) }))))));
+        return (h(Host, { key: 'd854fe51001461bed48517ae440e3c84a6e020e0', single: isSingle, "image-position": this.imagePosition }, h("div", { key: 'ca7570f4afb348816734c52e128829a6c5ce1616', class: classes }, h("div", { key: 'd3b9718f7a03111100c7686c1c96f1b0a523ac9e', class: "stzh-textandimage__left" }, h("slot", { key: '77c1be8daf279294940fb5f659418ce253abce53', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '843a95bffea789133b8798d75be6bee7ddaf3f85', class: "stzh-textandimage__right" }, h("div", { key: 'f34a01a4197d7448b07b7bda3c00f3cb56ecfdbb', class: this.imageMoves ? "stzh-textandimage__wrapper" : "" }, h("slot", { key: '4c6b303604479b4d399153e6d407d1d1cffafa23', name: "right", onSlotchange: () => forceUpdate(this.element) }))))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-timeline-item.entry.js

@@ -256,7 +256,7 @@ const StzhTimelineItem = class {
             "stzh-timeline-item--is-foldable": this._foldable,
             "stzh-timeline-item--is-completed": this.completed,
         };
-        return (h(Host, { key: '930482ee6c9bc0e3a09acf43e184b99d916fc1e0', role: "listitem", "is-foldable": this._foldable, tabindex: this.disabled ? null : this.rootTabindex, onFocus: this.onRootFocus }, h("div", { key: '132029773724ca80b2fc1b9197c319c177bca025', class: classes }, h(Heading, { key: 'c0347d74af49b847af742cc052937a85ecfa7334', id: `${this.timelineItemId}-header`, class: "stzh-timeline-item__heading", onClick: this.handleHeaderClick }, h("button", { key: '3ac98122e4b5e4905061f9f30d22bf5b1b480b90', ref: el => (this.buttonElement = el), class: "stzh-timeline-item__button", "aria-controls": `${this.timelineItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, "aria-disabled": !this._foldable ? "true" : "false", disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onButtonKeydown, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: '18a4877faf05faa794fdc8fd9f02043ebe58120b', class: "stzh-timeline-item__bullet" }, hasIcon || this.completed ? (h("span", { class: "stzh-timeline-item__bullet-icon-wrapper" }, this.icon || this.completed ? (h("stzh-icon", { class: "stzh-timeline-item__bullet-icon", name: this.icon ? this.icon : "checkmark" })) : (h("slot", { name: "icon" })))) : (h("span", { class: "stzh-timeline-item__bullet-text" }, this.step)), (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: 'cd44fed3b57708b383027c23d45c6216b1a278a7', class: "stzh-timeline-item__badge", label: this.badge, type: this.badgeType }))), h("div", { key: 'baa755c58fc348532372fedd689315347b826003', class: "stzh-timeline-item__button-inner" }, h("span", { key: '21b68e0de062864d8b611615bd118ed2af536536', class: "stzh-timeline-item__button-text" }, h("span", { key: 'd42906d3dc1ce4e319b4298c60e39cc99e69270a', class: "stzh-timeline-item__heading-text" }, this.heading), h("span", { key: '827a608fabd03e4828d0d58cf93192f3b49f3699', class: "stzh-timeline-item__description" }, this.description)), this._foldable && h("span", { key: '3dcf1e2c05cabf49ab34784a529f0b3eab517787', class: "stzh-timeline-item__button-icon" })))), h("div", { key: '1127803b95633dbee2f5d36e392d5ee35d9f3ec1', id: `${this.timelineItemId}-content`, ref: el => (this.bodyElement = el), class: "stzh-timeline-item__content", "aria-labelledby": `${this.timelineItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, h("div", { key: 'ad6efefd864f4cd9909857f1d99c046fcf90870c', class: "stzh-timeline-item__content-inner" }, h("slot", { key: '0ff1a00e931ea5de6d42713a189b2b61ceb96c62' }))))));
+        return (h(Host, { key: '252897024b683b788aaa9d9b08b7a0aaea680628', role: "listitem", "is-foldable": this._foldable, tabindex: this.disabled ? null : this.rootTabindex, onFocus: this.onRootFocus }, h("div", { key: '14bc316a0a2d8ff17b0440f170ff03cd9e923981', class: classes }, h(Heading, { key: 'cf8dc7a69ee41d7eecb1a534cfb9502a580493ac', id: `${this.timelineItemId}-header`, class: "stzh-timeline-item__heading", onClick: this.handleHeaderClick }, h("button", { key: 'f83cdab03657dbdfc9dcb1ed2d25050d3f81f7a4', ref: el => (this.buttonElement = el), class: "stzh-timeline-item__button", "aria-controls": `${this.timelineItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, "aria-disabled": !this._foldable ? "true" : "false", disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onButtonKeydown, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: '09ca54f97ab66d5267e70f5d49c65728edae311c', class: "stzh-timeline-item__bullet" }, hasIcon || this.completed ? (h("span", { class: "stzh-timeline-item__bullet-icon-wrapper" }, this.icon || this.completed ? (h("stzh-icon", { class: "stzh-timeline-item__bullet-icon", name: this.icon ? this.icon : "checkmark" })) : (h("slot", { name: "icon" })))) : (h("span", { class: "stzh-timeline-item__bullet-text" }, this.step)), (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: '51b984d8a8f7d843c4867d5845df3d964a0709d3', class: "stzh-timeline-item__badge", label: this.badge, type: this.badgeType }))), h("div", { key: '2e6f4d9f8ea8f439a608a97660df5ca420ba7d4d', class: "stzh-timeline-item__button-inner" }, h("span", { key: 'f0538916305f93370e293ba25fb8251651e27da4', class: "stzh-timeline-item__button-text" }, h("span", { key: '8dfc03c9f8c5b33b3d5724db4de1d7d26edae6c3', class: "stzh-timeline-item__heading-text" }, this.heading), h("span", { key: '1f3741707d40b9add49a4f88bdf4b98d38cc4bae', class: "stzh-timeline-item__description" }, this.description)), this._foldable && h("span", { key: '4c8d0f6cd62d3c13a8971d4987da6a7316a16303', class: "stzh-timeline-item__button-icon" })))), h("div", { key: 'b2231aa8a087549dad439b3a7c78a8568f63e2e3', id: `${this.timelineItemId}-content`, ref: el => (this.bodyElement = el), class: "stzh-timeline-item__content", "aria-labelledby": `${this.timelineItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, h("div", { key: '0fc5410da9129574fff489d2b5528f10680a26ba', class: "stzh-timeline-item__content-inner" }, h("slot", { key: 'bd8964adf707362947c3bbb6cb41e04995f2b74b' }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-timeline.entry.js

@@ -92,7 +92,7 @@ const StzhTimeline = class {
         const classes = {
             "stzh-timeline": true,
         };
-        return (h(Host, { key: 'da9f399c3c379bf7f609a8b3889da2ed9d4a2eb3' }, h("div", { key: 'decf0faf2ca83452b5713885add50db66410b74a', class: classes, role: "list" }, h("slot", { key: 'f59386b33573ecce9b6b83ebb45f58df44d72efa', onSlotchange: this.handleSlotchange }))));
+        return (h(Host, { key: '36b71566829dff1fc671c576342df5cc9c719d4b' }, h("div", { key: '26e00c5c6b013e317e480b795679b678636d2d66', class: classes, role: "list" }, h("slot", { key: '93d58b95ffe33685d99ddeed144ca63d113e2b95', onSlotchange: this.handleSlotchange }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-timepicker.entry.js

@@ -73,7 +73,7 @@ const StzhTimepicker = class {
         const classes = {
             "stzh-timepicker": true,
         };
-        return (h(Host, { key: 'ecdd8abae96e3bc13a753a7d8be48eb72764146e', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '3203e976d76a0c9dccd3d40dadcc4f8bbc51292a', class: classes }, h("stzh-dropdown", { key: 'ab8a6310b0112bcaaa67938d7091fb9f56e52e2f', open: this.open, class: "stzh-timepicker__dropdown", iconAngle: "clock", label: this.label, ref: el => (this.input = el), onStzhChange: this.onDropdownChange, options: this._dropdownOptions, items: [this.value], required: this.required, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, popoverPlacement: this.popoverPlacement, a11yDescribedby: this.a11yDescribedby, name: this.name, size: this.size, invalid: this.invalid, hideOptional: this.hideOptional }))));
+        return (h(Host, { key: '90d04a7417032c9c2478ff8601a4dd08648d3b2a', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '97f320161d1b0cf25fb0cc725feb150c98fc01b8', class: classes }, h("stzh-dropdown", { key: 'b116dba51e9239659164c73eb1d713ada056a902', open: this.open, class: "stzh-timepicker__dropdown", iconAngle: "clock", label: this.label, ref: el => (this.input = el), onStzhChange: this.onDropdownChange, options: this._dropdownOptions, items: [this.value], required: this.required, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, popoverPlacement: this.popoverPlacement, a11yDescribedby: this.a11yDescribedby, name: this.name, size: this.size, invalid: this.invalid, hideOptional: this.hideOptional }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-toast_2.entry.js

@@ -174,10 +174,10 @@ const StzhToast = class {
             "stzh-toast--has-close-hidden": this.hideClose,
             [`stzh-toast--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'c91c2a462c58051f784c95e14a1bdc9b2b54eac1' }, h("div", { key: '97de4754a19b043980938fa11c79455ab9d70870', ref: el => (this.rootElement = el), class: classes }, h("div", { key: '49b0c65564de552a72cb07ce4f15b2d6e8e5d58d', class: "stzh-toast__content" }, h("div", { key: 'cadad11688227fac42e7e58245f4373c3e37d1e9', class: "stzh-toast__icon-wrapper" }, h("stzh-icon", { key: '45808e4ce5f61aac856be9aca28fa0739f458006', class: "stzh-toast__icon", name: (this.type === "info" && "info-help-filled") ||
+        return (h(Host, { key: 'feda086cea30bbc52cfea339f87173e0398915de' }, h("div", { key: '792ae294ee842086d5c1eed357cf06e7987b7ff1', ref: el => (this.rootElement = el), class: classes }, h("div", { key: '2cc591d5129ae91b512945833009372162edc57d', class: "stzh-toast__content" }, h("div", { key: 'b80eee232999f58aec00968ce636b7709936e70c', class: "stzh-toast__icon-wrapper" }, h("stzh-icon", { key: '935ecd5ca7c885621e85b0680ddb77de4e112aa6', class: "stzh-toast__icon", name: (this.type === "info" && "info-help-filled") ||
                 (this.type === "success" && "checkmark-circle-filled") ||
                 (this.type === "warning" && "important-warning-filled") ||
-                (this.type === "error" && "warning-filled") })), h("div", { key: '3b773117531a6eefe0c58396f9f56375fd78dffb', class: "stzh-toast__text-wrapper" }, h("div", { key: 'aa51433d6e395c51edfd295d2db1eb28c7822984', class: "stzh-toast__label" }, this.label), h("div", { key: '366563de8fe942b708e8138a1188d41cc92d4bde', class: "stzh-toast__link" }, h("slot", { key: 'ed6a7e9c56d5290380dfdad17ee4737a47c46ec7', name: "link", onSlotchange: this.handleLinkSlotchange })))), !this.hideClose && (h("div", { key: '6a3a3fa4eb23df864b253285902d759943ae62f7', class: "stzh-toast__close-wrapper" }, h("stzh-button", { key: '0bf67ac0c4f0444188f941b464ad815b303cd7b0', class: "stzh-toast__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+                (this.type === "error" && "warning-filled") })), h("div", { key: '7d3b99d765aaff5fc3e2941b30ef68e8b0df070a', class: "stzh-toast__text-wrapper" }, h("div", { key: 'ef7ac9faaefc5598bacc86043c9ec5c60d02c9b9', class: "stzh-toast__label" }, this.label), h("div", { key: 'f0fabf10763fbd16a8faca64317ed7e9848df286', class: "stzh-toast__link" }, h("slot", { key: 'e35cc4180b2476275cbc1d91ea9df22acb298ddc', name: "link", onSlotchange: this.handleLinkSlotchange })))), !this.hideClose && (h("div", { key: '8a15292db588f29463226d5588f8cbb25da14258', class: "stzh-toast__close-wrapper" }, h("stzh-button", { key: 'c4d43207f27d1654619f97f14ead667cb98970b2', class: "stzh-toast__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -315,7 +315,7 @@ const StzhToastbar = class {
         const classes = {
             "stzh-toastbar": true,
         };
-        return (h(Host, { key: '124fcfd3e69b89f9e2f258bf7b3064c14316617f' }, h("div", { key: '25339e7b3cc89046176ac92dc5d8033273e5a69b', class: classes }, h("slot", { key: 'ac422019afff84a64ada6095809a5fc5fc744a48', onSlotchange: this.handleSlotchange }))));
+        return (h(Host, { key: '9f89aad266fd0fafd91bea98f836c2898ad142d0' }, h("div", { key: '6199f1fc96aac871a545958bdfcb5a3f58e6cefc', class: classes }, h("slot", { key: 'ccb7700c12301dede6a89cbefc9d94914397b21e', onSlotchange: this.handleSlotchange }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-toggle.entry.js

@@ -125,11 +125,11 @@ const StzhToggle = class {
             "stzh-toggle--has-description-long": descriptionLongUsed,
             [`stzh-toggle--has-label-${this.labelPosition}`]: !!this.labelPosition,
         };
-        return (h(Host, { key: 'f61ed599c604aaf1af903b4a8b807da9a50b2790', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '9aefb7a4fab626c0acf820fe9b5269ac9c9d8c6e', class: classes }, h("label", { key: '16a52b336e89a6d460a12a5ca6d86cfffdc70874', class: "stzh-toggle__field-wrapper" }, h("input", { key: '9c77d6fd3489914adc4305464b39354243529fe8', class: "stzh-toggle__input", ref: el => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: 'c9094a0548e39a29632833b919a92dc98b277610', class: "stzh-toggle__mark" }, h("div", { key: 'c9531478c55af53346c51f6f6dbde8d9f3519596', class: "stzh-toggle__check" })), h("div", { key: '0db172faacddec80fec0ae89ca779dc6499c4a18', class: "stzh-toggle__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '8fa9d41692006eedce48b9176e67a1031bb45138', class: "stzh-toggle__marker" }, h("span", { key: '0ae3850dfc182ce3d1c61584eeb5d1035d148c7f', class: "stzh-toggle__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: 'c573f18dbbfe352a83256295e7d658aba6e3af3c', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'd671821e15d497cab952c0b6eb7720751e5ca86a', class: classes }, h("label", { key: 'd2d3755138d92fa0e9eccfc34bb39a5fa307c3e3', class: "stzh-toggle__field-wrapper" }, h("input", { key: 'd352c5e5293eff254daadbfcf7e2847be5e39c2b', class: "stzh-toggle__input", ref: el => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: 'e7ec846399555e772e6b1c1e7817c350e77c96a5', class: "stzh-toggle__mark" }, h("div", { key: '31bdc6b747669690c1be7ccbb97ec5087aa2d2f5', class: "stzh-toggle__check" })), h("div", { key: '6b099738460f19f59e7073b3ab9aae3ac0380919', class: "stzh-toggle__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: 'd1e4fcd84b442e091912d4cef736a24986d1b009', class: "stzh-toggle__marker" }, h("span", { key: 'c979be0788ee13d16c0d10fd9e5c229479b7ea69', class: "stzh-toggle__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'f45dd6f9c0a8c2bfde428b3df35c702a43d063c5', class: "stzh-toggle__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '3d47e6d2da04416c996aa35da0179b62d8f874fd', class: "stzh-toggle__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), h(StzhInputDescription, { key: '3f6fa8f3c17065c53112e0d7f02777ca86fded3c', classPrefix: "stzh-toggle", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel }))));
+            : this.localization.$globals.optionalFieldText))))), h(StzhInputDescription, { key: '3eb6f9b2ba9c6fda3199d4e425c86b9964a6a01a', classPrefix: "stzh-toggle", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-tooltip.entry.js

@@ -336,7 +336,7 @@ const StzhTooltip = class {
             [`stzh-tooltip--open`]: this.open,
             [`stzh-tooltip--placement-${this.computedPlacement}`]: !!this.computedPlacement,
         };
-        return (h(Host, { key: 'f54ce964dd7fbf7c8cf639629ae9c6f3debe41b5' }, h("div", { key: 'e1bd6c9a8d5388378d9a1978c7350478c56f1da2', class: classes }, h("div", { key: '6b1a695d7f160377e89a4d64e3012022f1ef814b', class: "stzh-tooltip__trigger", ref: el => (this.triggerElement = el) }, h("slot", { key: '5c8ae192703254c6e0dd082eb2e021ec5c388bde' })), this.hasTrigger("click") && (h("div", { key: '5444340aa4e9e41ed1598e4fd94214f2aa962167', class: "stzh-tooltip__vhidden", id: `${this.id}-trigger-description` }, this.localization.open)), h("div", { key: 'a210bef95fcb3b59cd5d763e8c4897a871538a4a', class: "stzh-tooltip__content", id: `${this.id}-content`, ref: el => (this.contentElement = el), tabindex: "-1", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.onEscKey, onMouseEnter: this.onMouseEnterTrigger, onMouseLeave: this.onMouseLeaveTrigger, onFocusin: this.onFocusTrigger, onFocusout: this.onBlurTrigger }, h("div", { key: 'd6e69920cd80a3e5ae230a2a2320844b7d3640e5', class: "stzh-tooltip__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow }), this.label && (h("h2", { key: '04acd151927077f8c88c4e3f864a0af189fe777a', id: `${this.id}-label`, class: "stzh-tooltip__vhidden" }, this.label)), this.hasTrigger("click") && (h("button", { key: 'fb4d913114554c29f70a0c24d1cb916ae861bac0', class: "stzh-tooltip__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: '7e08a05a8610bd9713a136e2a349b2361379b052', name: "close", class: "stzh-tooltip__icon" }), h("span", { key: '03bdeb548fed00dd6415fa756fc7486f2c068b50', class: "stzh-tooltip__vhidden" }, this.localization.close))), h("stzh-text", Object.assign({ key: '2808ef4f365f76b0555618699a4ff7d0650e6f3d', curve: this.type === "overlay" ? "none" : "caption" }, (this.type === "button" ? { font: "heavy" } : {}), { class: "stzh-tooltip__content-slot" }), this.content ? this.content : h("slot", { name: "content" }))))));
+        return (h(Host, { key: '67948b0604c4871d4899392840b2fdf271ea2121' }, h("div", { key: '67f57022d1b018ad810f0b5358aaa812f4647bb8', class: classes }, h("div", { key: 'ad0215e2fbdcb7b43496cd087069e3eade407033', class: "stzh-tooltip__trigger", ref: el => (this.triggerElement = el) }, h("slot", { key: 'fe4761d1bbbf89e4b485b12d23372115d1b8ff61' })), this.hasTrigger("click") && (h("div", { key: '6620e0a3e9d70c83a0feb79267e4c7260b7e43fb', class: "stzh-tooltip__vhidden", id: `${this.id}-trigger-description` }, this.localization.open)), h("div", { key: '6e51c0a23b8c1d9fc6a7896e624cba9622c30db7', class: "stzh-tooltip__content", id: `${this.id}-content`, ref: el => (this.contentElement = el), tabindex: "-1", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.onEscKey, onMouseEnter: this.onMouseEnterTrigger, onMouseLeave: this.onMouseLeaveTrigger, onFocusin: this.onFocusTrigger, onFocusout: this.onBlurTrigger }, h("div", { key: '6eab6ee7e6868b89af87fd8682ec5156a1d38c13', class: "stzh-tooltip__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow }), this.label && (h("h2", { key: '588bea989466372661403e88d968e8cf0f1ea250', id: `${this.id}-label`, class: "stzh-tooltip__vhidden" }, this.label)), this.hasTrigger("click") && (h("button", { key: 'f38f700ab6d4de381d3ebe95a8d5848be8dc92a3', class: "stzh-tooltip__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: 'b44e77e22003362c138e336402f27f043b7276ea', name: "close", class: "stzh-tooltip__icon" }), h("span", { key: 'e3074bb2ee0e793b9ac62fde8906cfcd4e7aaffa', class: "stzh-tooltip__vhidden" }, this.localization.close))), h("stzh-text", Object.assign({ key: '3821fd2e06d38551cd7e212aaa9cb93acfeef189', curve: this.type === "overlay" ? "none" : "caption" }, (this.type === "button" ? { font: "heavy" } : {}), { class: "stzh-tooltip__content-slot" }), this.content ? this.content : h("slot", { name: "content" }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-twocolumns.entry.js

@@ -38,7 +38,7 @@ const StzhTwocolumns = class {
             "stzh-twocolumns--has-left": leftSlotUsed,
             "stzh-twocolumns--has-right": rightSlotUsed,
         };
-        return (h(Host, { key: 'c28f76996890fa489fa70653d0f12cdbb020d584' }, h("div", { key: '01c0674fd8b41c24dd95748f97212e54d8cd7d71', class: classes }, h("div", { key: 'bd3f15c9fa0eff5aed6062151aed31bb30c2140b', class: "stzh-twocolumns__left" }, h("slot", { key: 'bfb2e87c7f903a4264bdbc69da8c6608fc8a6adf', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '000ef53649e8fb1dbecf9813e89ee13d5aa540f5', class: "stzh-twocolumns__right" }, h("slot", { key: '37baf79fb1e12ee1656b44c5ac307080ce7e2efa', name: "right", onSlotchange: () => forceUpdate(this.element) })))));
+        return (h(Host, { key: 'ea51dbcb9a4b00425d4c3edebf441378229fc4c8' }, h("div", { key: '479d3e53ccca109f8222d699a9d92148f3c8fe40', class: classes }, h("div", { key: '7ab3f9a35b59d543c6530af6e407c91ef582f75c', class: "stzh-twocolumns__left" }, h("slot", { key: 'a99911d417d9a14d7880e7e9bae47fd995302bd0', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '09a261f24a2d0b83c5ff9daa4da39a50909ad906', class: "stzh-twocolumns__right" }, h("slot", { key: '8b3626ede07ae7930ce0519e2fcdaba7d676900f', name: "right", onSlotchange: () => forceUpdate(this.element) })))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-upload.entry.js

@@ -14143,10 +14143,10 @@ const StzhUpload = class {
         };
         const fileRestrictionsLocalization = this.localization.description;
         const totalFileSizeLimitLocalization = this.localization.descriptionTotalFileSizeLimit;
-        return (h(Host, { key: 'a60be43213ba3aba2e283ae5a70fd97cb7459fa4', "is-invalid": this.invalid || errorUsed }, h("stzh-toastbar", { key: 'c37ee964da436de9a1193ed7c9d1375b60b5da68' }), h("div", { key: 'f3552136385a52cfcaddbfd5188874dbaba372b6', class: classes, ref: el => (this.dropzoneElement = el) }, h("div", { key: 'bd7ac2d34d546ee7aa3bfae6ff48fc56f880a79e', ref: el => (this.hiddenInputContainerElement = el) }), h("div", { key: '86936929f36e751091bec353aed262b54074e498', id: `${this.uploadId}-label` }, this.label && h("div", { key: '2f0fc3e22713038c4539de2850550cb539e9a83c', class: "stzh-upload__label" }, this.label)), h("div", { key: 'dfa112092700ecc0fd14eb58f01917b342d37d31', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, h("div", { key: '33f4d71ad192d0dd1ed8fe6911f0dc26a6932107', class: "stzh-upload__heading-wrapper" }, h("div", { key: '2d36e7f20982333e21f6fad0b2c8de9b7961b338', class: "stzh-upload__heading-inner-wrapper" }, h("div", { key: 'aa1c5a84b2d9957af1dfc230e325d2f05038a561', class: "stzh-upload__heading" }, this.heading ? this.heading : this.localization.heading), h("div", { key: '0f6ad3a25c03f9aa5841fbfb98d517221bbd22c6', class: "stzh-upload__buttons-wrapper" }, h("stzh-button", { key: 'a3a82dea6dbd29ce04e0707632e9df3e3816571b', class: "stzh-upload__button", variant: "secondary", size: "small", ref: el => (this.linkElement = el), label: this.button ? this.button : this.localization.button, a11yDescribedby: `${this.uploadId}-label ${this.uploadId}-instruction` +
-                (((_b = this._error) === null || _b === void 0 ? void 0 : _b.length) > 0 ? ` ${this.uploadId}-description` : ""), disabled: this.disabled, a11yControls: `${this.uploadId}-previews` }, h("stzh-icon", { key: 'bd18ae051d59e8303a425b6ab7b185b7de4ed54c', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (h("stzh-button", { key: '2c31fd7f61fe420921429479fb43f8b6d6ce5cc1', class: "stzh-upload__button-scan", variant: "secondary", size: "small", label: this.buttonScan ? this.buttonScan : this.localization.buttonScan, onClick: this.onButtonScanClick }, h("stzh-icon", { key: '2eb1eb73c8d37e4c03413355d899d26f611a6fab', slot: "icon", name: "camera" })))), h("div", { key: '8f2c1e59d916b69dd7a5ba2f4cca9cde7daded1b', class: "stzh-upload__hint-wrapper" }, h("span", { key: 'fcf153916839cb0b20a98bf54e2b304df8c7e02f' }, this.localization.buttonIntro)))), h("div", { key: '3245b65555d4446313bbeb04ad8c8eac8b20f997', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, h("p", { key: 'b038aae62879d5cbbd2be1bebf33266f2b608486' }, this.description && (h("span", { key: '693c018986a75fb30b5bf7fb7790ad757ecb1b5c', class: "stzh-upload__instructions__description" }, this.description, h("br", { key: 'cb066950935dc1a2ead3a3ae0a2bf00cc85428d2' }))), fileRestrictionsLocalization
+        return (h(Host, { key: '66cb842ecefb5cd97d6f9e18bfbd88c18b05af79', "is-invalid": this.invalid || errorUsed }, h("stzh-toastbar", { key: 'b7f84cc7f8e026f46296d14ee196d4f9c87626bb' }), h("div", { key: '42f90661136845b98db2aff1872b60451091ccde', class: classes, ref: el => (this.dropzoneElement = el) }, h("div", { key: 'c4ef7bbfd40a8cf1e7a1ab5634cfd7ae9c213cf2', ref: el => (this.hiddenInputContainerElement = el) }), h("div", { key: 'caf8e386c1feef758d4d5fd46f83e33d3adff8bc', id: `${this.uploadId}-label` }, this.label && h("div", { key: '49a8e3bfaaef44d1a5c0495b48be2cfb374af407', class: "stzh-upload__label" }, this.label)), h("div", { key: 'c4fffbb2cbd2aa0b6d4ce7c9255ee661b4181574', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, h("div", { key: '4105396cf64bd2ab949c148a5acbbf9a653a92d5', class: "stzh-upload__heading-wrapper" }, h("div", { key: 'ef37a4eb79c9a55883a35f6444ee86bdb81f05e3', class: "stzh-upload__heading-inner-wrapper" }, h("div", { key: '751d3a6b69cf021ec333cc4edf23a1bac4e9fb4e', class: "stzh-upload__heading" }, this.heading ? this.heading : this.localization.heading), h("div", { key: 'df978b6347af5ebc18d041ccbe2285233ddc343c', class: "stzh-upload__buttons-wrapper" }, h("stzh-button", { key: '748745ade043c72e6522ea4ee8cbf65b4a1e1724', class: "stzh-upload__button", variant: "secondary", size: "small", ref: el => (this.linkElement = el), label: this.button ? this.button : this.localization.button, a11yDescribedby: `${this.uploadId}-label ${this.uploadId}-instruction` +
+                (((_b = this._error) === null || _b === void 0 ? void 0 : _b.length) > 0 ? ` ${this.uploadId}-description` : ""), disabled: this.disabled, a11yControls: `${this.uploadId}-previews` }, h("stzh-icon", { key: 'c01da91532cc0ecb5d45e8054672997c05dafe91', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (h("stzh-button", { key: '28d7560f984d4403e7ecd1cae629dfbee467aeb1', class: "stzh-upload__button-scan", variant: "secondary", size: "small", label: this.buttonScan ? this.buttonScan : this.localization.buttonScan, onClick: this.onButtonScanClick }, h("stzh-icon", { key: '309e94d6ca77a6a8053d85902116b5c4897c65d2', slot: "icon", name: "camera" })))), h("div", { key: '922ae1d81fb797bff98e2dfa626b970aad50ea85', class: "stzh-upload__hint-wrapper" }, h("span", { key: 'bb877cd7f647aa88bc1e22d243314662e40abb33' }, this.localization.buttonIntro)))), h("div", { key: '930ea760ee1e3fe76d5d4f5a58f4cd183e452b19', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, h("p", { key: 'c52989a62370a1391871141f43f6b9f37eb66099' }, this.description && (h("span", { key: '386816f851574fa455beb77d24e4911c0d9a5f1c', class: "stzh-upload__instructions__description" }, this.description, h("br", { key: 'e59c186173c9f22641d53e15a19cac283915d68b' }))), fileRestrictionsLocalization
             .replace("{{fileformats}}", this.acceptedFiles)
-            .replace("{{filesize}}", `${this.maxFilesize}`), h("br", { key: 'ce7b675234f6523ec32237ac1afcf951d4bc9332' }), totalFileSizeLimitLocalization.replace("{{maxFilesizeTotal}}", `${this.maxFilesizeTotal}`)))), errorUsed && (h("div", { key: '9c0ad41d3444bb3137d25fcd8fdb3b0c635bc089', class: "stzh-upload__description-wrapper" }, h(StzhInputDescription, { key: '0a1595217ed043d668c2a3f70015cc330c3904d6', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error }))), h("div", { key: '8e6800fa806e5c5f91fa0841c94458c7443edc5f', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, h("div", { key: '91e448a7c9389e48d6bd79cfa7d6c3054860e0f7', class: "stzh-upload__previews-inner-wrapper" }, h("div", { key: 'fe6a9dda04013821e2e3a33205d1eccc704e3bf0', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), h("div", { key: '7092c958d98d9b22aa0305391901c3642629ac6f', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (h("div", { key: 'b66322401ad81347d5f415cda2b6e524e5299671', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '072e432acb5d26d66eb840410027ed799f1a2db8', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, h("stzh-text", { key: '1ac85f639b5f365948c2afe423f10d6d4681a367' }, h("p", { key: 'bc9b43e0fb527a54cbe17eadada570dd2e340724' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), h("p", { key: '012c677dfa91a1520da1992633ff8dce9351f4fb' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (h("div", { key: 'f2309ce268d585d52ac70d45271df7d35be74f0d', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: 'fd561192017bc8de5efd4265f1c04434b6bf0b9a', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, h("stzh-text", { key: '7feb1ddfc5c919010171eb6c2075bbe21de02739' }, h("p", { key: 'ee161a015d9e42fb790671fe268dc9f0cc6ee293' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), h("stzh-dialog", { key: '731c6702ff599e51d5a8f28daf59dbc36e53945e', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, h("stzh-button", { key: '2ee17f59c9b7c8d0579f3391019bac03b0772032', class: "stzh-upload-photographing__back-button", icon: "arrow-left", size: "small", variant: "tertiary-plain", "no-padding-left": "true", "no-padding-right": "true", onClick: this.closePhotographingOverlay }, this.localization.back), this.isPhotographingAvailable && (h(Fragment, { key: 'a53f6e1536d3420ea578796c9d5aa3a20505d0c8' }, h("div", { key: 'b9d7a1d1204ff267d26c87d2afa269329d1f1b8a', class: "stzh-upload-photographing__info" }, h("div", { key: '338b3c47f36540f82e955c67b1b2003768948c75', class: "stzh-upload-photographing__text-qrcode" }, h("div", { key: '8626e347581d79c68082278c19698a2a070b9df1', class: "stzh-upload-photographing-qrlink-container" }, h("stzh-text", { key: 'e43cda90c48e4d61c476db2d841b87d560372498' }, this.localization.photographingText1)), h("div", { key: '7d19352385fff7107a9eb41d88751e27d0d33b90', class: "stzh-upload-photographing-qrcode-container" }, h("canvas", { key: 'ecaf1911757ac902bf12d94e48bccb5bac6e5928', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), h("div", { key: 'df0ff02d7ab566e44665e585422c2362b0376c5e', class: "stzh-upload-photographing__info" }, h("stzh-heading", { key: 'd326ca088c7dc0dfe1158cd8a2b9831530f25a59', level: "3" }, this.localization.photographingTitle2), h("stzh-text", { key: 'eba8bf2e456400668af3880461362243125bccd7' }, this.localization.photographingText2)), h("div", { key: '849446b25e80178f944e64870a6d9faaf32137af', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (h("stzh-link", { key: '8e4b7d43a32dc248154f7fb20f96347daa63de49', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
+            .replace("{{filesize}}", `${this.maxFilesize}`), h("br", { key: '52fe455ba64783908a6e01df903e3f9691ec1b76' }), totalFileSizeLimitLocalization.replace("{{maxFilesizeTotal}}", `${this.maxFilesizeTotal}`)))), errorUsed && (h("div", { key: 'c457a454f59a88b64a2629b153db9f7c619315a9', class: "stzh-upload__description-wrapper" }, h(StzhInputDescription, { key: 'd432db31a0fc01bc8a63707fa042127273f1f8f4', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error }))), h("div", { key: 'cae70f2a24007c0d8652ecfbbbd02b32039cb2ad', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, h("div", { key: '35b896a63d5d8e82a2cc65437a5befe5cdd6dd8c', class: "stzh-upload__previews-inner-wrapper" }, h("div", { key: '07154df4cd786cd9c3c881a28fe4df4a17271259', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), h("div", { key: '3b13f9e419df073aeeb87ee932686dd5a76b3ea4', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (h("div", { key: '196bbfbd893ad6848badfb7b3cab6b589a307331', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: 'd84eff728b1233219b251cf7dd79f3dc89411364', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, h("stzh-text", { key: '3e646c1c5cfe3c04a2306461db1a968bfc633ccb' }, h("p", { key: '7bd78b43cd2064280f4e3126efde28e73e022902' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), h("p", { key: '9a1b17609ea56ac2727aaf062c38fc530c486d33' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (h("div", { key: '236cd5acd0929d9598e004870316b285ec4694bd', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: 'fb6afda90a6e63abb14ea713985c1d3a2a8b46d0', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, h("stzh-text", { key: '40f6d3ef6d766dd83138b0afceb1f7fb100acfae' }, h("p", { key: '7cd54ee1c83dca2892c4f412f19a0d4f111ec681' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), h("stzh-dialog", { key: '0be2f9914fdb395851cc0374d4662b9755fee57b', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, h("stzh-button", { key: '327cdb02aa161b3567fc1a53eb3a981e541c9007', class: "stzh-upload-photographing__back-button", icon: "arrow-left", size: "small", variant: "tertiary-plain", "no-padding-left": "true", "no-padding-right": "true", onClick: this.closePhotographingOverlay }, this.localization.back), this.isPhotographingAvailable && (h(Fragment, { key: '5be40010d99425a04923f2438b23662b565f29af' }, h("div", { key: '237db9048382d0db0dd0531bae82a7c98fb21884', class: "stzh-upload-photographing__info" }, h("div", { key: '08f1a5c5021729819438a271d0f48109c4897de2', class: "stzh-upload-photographing__text-qrcode" }, h("div", { key: '7a9ee5e22a3542e16e9bc0b49c2fe3c40c48a487', class: "stzh-upload-photographing-qrlink-container" }, h("stzh-text", { key: '82ae38879c9c2031d44642f0ad7fc2acddd2d87e' }, this.localization.photographingText1)), h("div", { key: 'f745392b7bd0d380563a36666ab77d4902e50306', class: "stzh-upload-photographing-qrcode-container" }, h("canvas", { key: '6b1567bd913b81017fdae244ff2ac484b3515c45', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), h("div", { key: '501847a5a90615801b0a746550d934eed98f683f', class: "stzh-upload-photographing__info" }, h("stzh-heading", { key: '8c54548b84a002804165a9ca1c97d4f8c9fb4ba6', level: "3" }, this.localization.photographingTitle2), h("stzh-text", { key: '5415bcd34c46bcb322d68ee699f7f866a2e9cb6a' }, this.localization.photographingText2)), h("div", { key: '383fabf5a24e5d8186d2dccf862824c17df3b403', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (h("stzh-link", { key: 'c3305677b6c5a23429534480829a9a5e889efb99', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-visuallyhidden.entry.js

@@ -8,9 +8,9 @@ const StzhVisuallyhidden = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '9cefe75f5e220a3e05bd67feffdf6148a2eacd15' }, h("div", { key: '52f4997638e9324eb980146a51e05f38d9e4206f', class: {
+        return (h(Host, { key: '599ee652c6a48b89b6c2a3be26ffd57726cee23f' }, h("div", { key: '6c57168d07a448347bd4e448a3b3007a573fb27b', class: {
                 "stzh-visuallyhidden": true,
-            } }, h("slot", { key: '710b4b42c15925872e34c49b59f7472990c824a6' }))));
+            } }, h("slot", { key: '584c98a4a24f09d95d6d9fbf37b8c8f508ae2441' }))));
     }
 };
 StzhVisuallyhidden.style = StzhVisuallyhiddenStyle0;

package/dist/esm/stzh-vspace.entry.js

@@ -20,11 +20,11 @@ const StzhVspace = class {
         this.border = "none";
     }
     render() {
-        return (h(Host, { key: '56d43c88fe9e3c4aa08b7abfff6454e01adf9b37' }, h("div", { key: 'f0e1c7b25938222a030ef7a4cf70964478c45d1b', class: {
+        return (h(Host, { key: '2f975b0a16cda55cee23a6c8c7ce1e1aee9e2fd2' }, h("div", { key: '4ec84777fc1eed233ce63969a78a87e8097c5f92', class: {
                 "stzh-vspace": true,
                 [`stzh-vspace--justify-${this.justify}`]: !!this.justify,
                 [`stzh-vspace--items-${this.items}`]: !!this.items,
-            } }, h("slot", { key: '50de504c5c92fac9adc1ac95c71c6664e019b7b6' }))));
+            } }, h("slot", { key: 'adf37f4cc7c558e867c030f01b9e8513c92ac3fb' }))));
     }
 };
 StzhVspace.style = StzhVspaceStyle0;

package/dist/esm/stzh-youtube.entry.js

@@ -38,7 +38,7 @@ const StzhYoutube = class {
             "&enablejsapi=1" +
             "&widgetid=1" +
             (this.previewSkipped ? "" : "&autoplay=1");
-        return (h(Host, { key: 'f915218fc3ef5b9b13bc15d5bb291c655ccf70c6' }, h("div", { key: '2487cb89f2c3e36b2971e583afb8b652396a9670', class: classes }, h("stzh-ratio", { key: 'd854f8a366e6af63b3ff79dedb825bf5c5656361' }, h("stzh-iframe", { key: '065aedde9c2b79ff6f5f55ce2d3a2efe72c879d9', src: url, previewLabel: this.localization.previewLabel, previewIcon: "play", cookie: this.cookie, cookieConfirmLabel: this.localization.confirmLabel, cookieConfirmIcon: "play", cookieExpires: this.cookieExpires, skipPreview: this.skipPreview, skipPreviewIfCookieAccepted: this.skipPreviewIfCookieAccepted, onStzhPreviewSkip: this.handlePreviewSkipped }, h("slot", { key: '9ba4be8f219c93c653773ec763e50de56c163d7d', name: "preview-logo", slot: "preview-logo" }), h("slot", { key: '57c58b21543679072de7bf1a74fc3b8e8a5bb7a0', name: "preview-image", slot: "preview-image" }), h("div", { key: '5fe6ec8bed3e854a6ce0be066a12f64fb092c63a', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
+        return (h(Host, { key: '7677c18c200ea5ac5b9720c191d1095926296382' }, h("div", { key: '3eee0c107361a8c62fb198fa4fb434868a1a21a5', class: classes }, h("stzh-ratio", { key: 'f812f92bff4438e97e780c5ea3d4081cd3fae384' }, h("stzh-iframe", { key: '3dc3cc4d74dc37272274e0b6b36e605c794ff83b', src: url, previewLabel: this.localization.previewLabel, previewIcon: "play", cookie: this.cookie, cookieConfirmLabel: this.localization.confirmLabel, cookieConfirmIcon: "play", cookieExpires: this.cookieExpires, skipPreview: this.skipPreview, skipPreviewIfCookieAccepted: this.skipPreviewIfCookieAccepted, onStzhPreviewSkip: this.handlePreviewSkipped }, h("slot", { key: '91116cf6a6731c8414340fc26336081a5965c9a3', name: "preview-logo", slot: "preview-logo" }), h("slot", { key: 'cb753543214916c63f4ddd9a3941b4318c18d808', name: "preview-image", slot: "preview-image" }), h("div", { key: '65b289188b1524cd8ef64cb3076002ac334d2268', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
     }
     get element() { return getElement(this); }
 };

package/dist/stzh-components/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["tc","translation","count","parts","split","part","trim","length","replace","toString","StzhSocialmediastreamItemActionVariant","VBZ","BASE_TYPE_GLOBAL","CHANNEL_TICKER","CHANNEL_INFO_URL_FILTER","DISTURBANCE_GLOBAL","DISTURBANCE_INFORMATION","DISTURBANCE_CONSTRUCTION","DISTURBANCE_NORMAL","DISTURBANCE_EVENT","DISTURBANCE_BUS"],"sources":["src/index.ts"],"sourcesContent":["// ---\n// Global window types\n// ---\n\nexport type StzhLocaleFormats = {\n  datetime?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n  datetimeLong?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n  datetimeInput?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n  date?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n  dateLong?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n  dateInput?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n  time?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n  timeInput?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n}\n\ntype MonthsNames = [string, string, string, string, string, string, string, string, string, string, string, string]\ntype DayNames = [string, string, string, string, string, string, string]\n\nexport type StzhLocaleGlobals = {\n  dateRange: string,\n  timeRange: string,\n  externalLinkLabel: string\n  downloadLinkLabel: string\n  requiredFieldMarker: string\n  requiredFieldText: string\n  optionalFieldMarker: string\n  optionalFieldText: string\n  invalidFieldText: string\n  clearButtonLabel: string\n  moreInfoButtonLabel: string\n  dayNames: DayNames\n  dayNamesShort: DayNames\n  monthNames: MonthsNames\n  monthNamesShort: MonthsNames\n}\n\nexport type StzhLocaleComponent = {\n  $locale: \"de\" | \"en\",\n  $formats: StzhLocaleFormats,\n  $formatsIso: StzhLocaleFormats,\n  $formatsLegacy: StzhLocaleFormats,\n  $globals: StzhLocaleGlobals\n}\n\nexport function tc(translation: string, count: number): string {\n  if (!translation) {\n    return \"\";\n  }\n\n  const parts = translation.split(\"|\");\n  let part = parts[0].trim();\n\n  if (parts.length === 3 && count === 1) {\n    part = parts[1].trim();\n  } else if (parts.length === 3 && (count > 1 || count === null)) {\n    part = parts[2].trim();\n  }\n\n  if (parts.length === 2 && count !== 1) {\n    part = parts[1].trim();\n  }\n\n  return part.replace(/\\{n\\}/ig, count?.toString() || \"\");\n}\n\nexport type StzhDateFormat = ((date: Date, type?: string) => string)\nexport type StzhDateParse = ((input: string, type?: string) => Date | undefined)\n\nexport interface StzhLocaleAdapter {\n  format: StzhDateFormat,\n  parse: StzhDateParse,\n  formatSpan: (date: Date | string, date2: Date | string, type: string) => string\n  parseSpan: (string: string, type: string) => [Date, Date, string]\n}\n\nexport type WindowStzhComponents = {\n  version: string;\n  supportedLocales: string[];\n  defaultLocale: string;\n  translations: null | StzhLocaleComponent;\n  translationsLoading: Promise<StzhLocaleComponent>;\n  pathMedia: string;\n  pathTranslations: string;\n  pathVendors: string;\n  cacheTranslations: boolean;\n  formats: StzhLocaleFormats;\n  fixAutofocus: boolean;\n  fixHashfocus: boolean;\n  utils: {\n    getLocale: (element: HTMLElement) => string;\n    fetchTranslations: (\n      host: HTMLElement,\n      component: string\n    ) => Promise<StzhLocaleComponent & any>;\n\n    format: (date: Date, type: string) => string;\n    parse: (string: string, type: string) => Date;\n    formatSpan: (\n      date: Date | string,\n      date2: Date | string,\n      type: string\n    ) => string;\n    parseSpan: (string: string, type: string) => [Date, Date, string];\n    createFormatParseAdapter: (\n      formats: StzhLocaleFormats,\n      globals: StzhLocaleGlobals\n    ) => StzhLocaleAdapter;\n  };\n};\n\ndeclare global {\n  interface Window {\n    stzhComponents: WindowStzhComponents;\n    stzhReadspeakerHasGlobalBodyObserver: boolean;\n    // global third party library\n    pannellum: any;\n    Dropzone: any;\n    proj4: any;\n    // readspeaker lib APIs\n    readpage: any;\n    ReadSpeaker: any;\n    rsConf: any;\n    rspkr: any;\n  }\n}\n\n// ---\n// Event Types\n// ---\n\n/* Sortable */\n\nexport type StzhSortableUpdateEvent = {\n  component: \"stzh-sortable\";\n  data: string[];\n  item: HTMLElement;\n  newIndex: number;\n  oldIndex: number;\n};\n\nexport type StzhSortableDisableEvent = {\n  component: \"stzh-sortable\";\n  disabled: boolean;\n};\n\n/* Panorama */\n\nexport type PanoramaScene = {\n  sceneId: string;\n  imageSrc: string;\n  imageTitle: string;\n\n  imageAuthor?: string;\n  imageType?: \"equirectangular\" | \"cubemap\" | \"multires\";\n  caption?: string;\n  copyright?: string;\n\n  pitch?: number;\n  yaw?: number;\n  hfov?: number;\n\n  hotspots: PanoramaSceneHotSpot[];\n};\n\nexport type PanoramaScenesLibrary = {\n  [sceneKey: string]: {\n    title?: string;\n    author?: string;\n    panorama: string;\n    type?: \"equirectangular\" | \"cubemap\" | \"multires\";\n\n    pitch?: number;\n    yaw?: number;\n    hfov?: number;\n\n    hotSpots: PanoramaSceneHotSpot[];\n  };\n};\n\nexport type PanoramaSceneHotSpot = {\n  pitch: number;\n  yaw: number;\n  type: string;\n  text: string;\n  url?: string;\n  id?: string;\n  sceneId?: string;\n  targetPitch?: number;\n  targetYaw?: number;\n\n  cssClass?: string;\n  createTooltipFunc?: Function;\n  createTooltipArgs?: any;\n};\n\nexport type StzhPanoramaLoadEvent = {\n  component: \"stzh-panorama\";\n};\n\nexport type StzhPanoramaChangeEvent = {\n  component: \"stzh-panorama\";\n  value: { pitch: number; yaw: number; hfov: number };\n};\n\nexport type StzhPanoramaFullscreenChangeEvent = {\n  component: \"stzh-panorama\";\n  value: boolean;\n};\n\nexport type StzhPanoramaSceneChangeEvent = {\n  component: \"stzh-panorama\";\n  value: string;\n};\n\nexport type StzhPanoramaZoomChangeEvent = {\n  component: \"stzh-panorama\";\n  value: number;\n};\n\n/* Iframe */\n\nexport type StzhIframeView = \"iframe\" | \"cookiewall\" | \"preview\";\n\nexport type StzhIframeViewChangeEvent = {\n  component: \"stzh-iframe\";\n  value: StzhIframeView;\n};\n\nexport type StzhIframePreviewSkipEvent = {\n  component: \"stzh-iframe\";\n};\n\n/* Olmap */\n\nexport type OlmapLayer = {\n  title?: string;\n  thumbnailUrl: string;\n  options: {\n    url: string;\n    layer: string;\n    matrixSet: string;\n    origin: number[];\n    extent: number[];\n  };\n};\n\nexport type StzhOlmapFeatureWithPopover = {\n  id: string;\n  title?: string;\n  text?: string;\n  imageUri?: string;\n  href?: string;\n  data?: { icon: string; text: string }[];\n};\n\nexport type StzhOlmapInitializedEvent = {\n  component: \"stzh-olmap\";\n};\n\nexport type StzhOlmapPostRenderEvent = {\n  component: \"stzh-olmap\";\n};\n\nexport type StzhOlmapMoveStartEvent = {\n  component: \"stzh-olmap\";\n};\n\nexport type StzhOlmapMoveEndEvent = {\n  component: \"stzh-olmap\";\n};\n\nexport type StzhOlmapMovePanZoomEvent = {\n  component: \"stzh-olmap\";\n};\n\n/* Sticky */\n\nexport type StzhStickyStuckTopEvent = {\n  component: \"stzh-sticky\";\n  sticky: boolean;\n};\n\nexport type StzhStickyStuckBottomEvent = {\n  component: \"stzh-sticky\";\n  sticky: boolean;\n};\n\n/* Table */\n\nexport type StzhDatatableCellData = {\n  value: string | number;\n  isHeader?: boolean;\n  align?: \"left\" | \"right\" | \"center\";\n  valign?: \"auto\" | \"middle\" | \"bottom\" | \"top\";\n  colspan?: number;\n  rowspan?: number;\n  id?: string;\n};\n\nexport type StzhDatatableRowData = {\n  [key: string]: StzhDatatableCellData;\n};\n\nexport type StzhDatatableInputRowData = {\n  [key: string]: StzhDatatableCellData | string | number;\n};\n\nexport type StzhDatatableColumnData = {\n  key: string;\n  text?: string;\n  align?: \"left\" | \"right\" | \"center\";\n  valign?: \"auto\" | \"middle\" | \"bottom\" | \"top\";\n  sort?:\n  | boolean\n  | {\n    type?: \"numerical\" | \"text\";\n    field?: string;\n  };\n  fixed?: \"left\" | \"right\";\n  isHeader?: boolean;\n  colspan?: number;\n  rowspan?: number;\n  hideColumnHeading?: boolean;\n  analyticsId?: string;\n  style?: {\n    [key: string]: string;\n  };\n};\n\nexport type StzhDatatableRowClickEvent = {\n  component: \"stzh-datatable\";\n  row: any;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatatableCellClickEvent = {\n  component: \"stzh-datatable\";\n  row: any;\n  column: any;\n  cellIndex: number;\n  rowIndex: number;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatatableHeadingCellClickEvent = {\n  component: \"stzh-datatable\";\n  column: any;\n  index: number;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatatableSortClickEvent = {\n  component: \"stzh-datatable\";\n  column: any;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatatableSortByChangeEvent = {\n  component: \"stzh-datatable\";\n  value: string;\n  oldValue: string;\n};\n\nexport type StzhDatatableSortDirectionChangeEvent = {\n  component: \"stzh-datatable\";\n  value: \"asc\" | \"desc\";\n  oldValue: \"asc\" | \"desc\";\n};\n\n/* Archivelist */\n\nexport type StzhArchivelistItem = {\n  label: string;\n  labelClamp?: any; // attributes of HTMLStzhClampElement\n  href: string;\n  dateline?: string;\n  description?: string;\n  descriptionClamp?: any; // attributes of HTMLStzhClampElement\n};\n\nexport type StzhArchivelistItemClickEvent = {\n  component: \"stzh-archivelist\";\n  item: StzhArchivelistItem;\n  originalEvent: MouseEvent;\n};\n\n/* Anchornav */\n\nexport type StzhAnchornavItem = {\n  label: string;\n  href?: string;\n  icon?: string;\n};\n\nexport type StzhAnchornavItemClickEvent = {\n  component: \"stzh-anchornav\";\n  item: StzhAnchornavItem;\n  originalEvent: MouseEvent;\n};\n\n/* TopnewsMostsearchedSection */\n\nexport type StzhTopnewsItem = {\n  subtitle?: string;\n  label: string;\n  href?: string;\n  isHighlighted?: boolean;\n};\n\nexport type StzhMostsearchedItem = {\n  label: string;\n  href: string;\n};\n\n/* VBZ Quicklinks */\n\nexport type StzhVbzQuicklink = {\n  label: string;\n  href: string;\n};\n\n/* Status */\n\nexport type StzhStatusType =\n  | \"default\"\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\";\n\n/* Badge */\n\nexport type StzhBadgeType =\n  | \"default\"\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\";\n\n/* Actionset */\n\nexport type StzhActionsetItem = {\n  id: string;\n  label?: string;\n  icon?: string;\n  iconPosition?: \"left\" | \"right\";\n  iconOnly?: boolean;\n  badge?: string;\n  badgeEmpty?: boolean;\n  badgeType?: StzhBadgeType;\n  variant?: StzhButtonVariant;\n  size?: StzhButtonSize;\n  badgePosition?: \"icon\" | \"button\";\n  tooltipContent?: string;\n};\n\nexport type StzhActionsetItemClickEvent = {\n  component: \"stzh-actionset\";\n  action: StzhActionsetItem;\n  originalEvent: MouseEvent;\n};\n\n/* Audio */\n\nexport type StzhAudioPlayEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioPlayingEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioPauseEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioReplayEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioEndEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioEndedEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioErrorEvent = {\n  component: \"stzh-audio\";\n  originalEvent: ErrorEvent;\n};\n\n/* Share */\n\nexport type ShareService =\n  | \"facebook\"\n  | \"twitter\"\n  | \"linkedin\"\n  | \"xing\"\n  | \"mail\";\n\n/* Footer Editor */\n\nexport type StzhEditorLink = {\n  label: string;\n  href?: string;\n  icon?: string;\n  rel?: string;\n  target?: string;\n};\n\n/* Header */\n\nexport type StzhHeaderMenuItem = {\n  label: string;\n  href?: string;\n  items?: StzhHeaderMenuItem[];\n  id?: string;\n};\n\nexport type StzhHeaderMetanavItem = {\n  label: string;\n  labelShort?: string;\n  labelHidden?: boolean;\n  stay?: boolean;\n  stayAndShowInMobileMenu?: boolean;\n  variant?: \"default\" | \"secondary\"; // used for menu-item and popover\n  size?: \"default\" | \"large\"; // used for menu-item and popover\n  important?: boolean;\n  importantSubmenu?: boolean;\n  badgeEmpty?: boolean;\n  badgeType?: StzhBadgeType;\n  badge?: string;\n  icon?: string;\n  iconOpen?: string;\n  href?: string;\n  target?: string;\n  id?: string;\n  items?: StzhHeaderMetanavItemChild[];\n  itemButton?: StzhHeaderMetanavItemButton;\n  itemButtonExtra?: StzhHeaderMetanavItemButton;\n  cssOrder?: boolean;\n};\n\nexport type StzhHeaderMetanavItemChild = {\n  label: string;\n  href?: string;\n  target?: string;\n  id?: string;\n  icon?: string;\n  counter?: number;\n  badge?: string;\n  badgeType?: StzhBadgeType;\n};\n\nexport type StzhHeaderMetanavItemButton = {\n  label: string;\n  href?: string;\n  target?: string;\n  size?: StzhButtonSize;\n  id?: string;\n};\n\nexport type StzhHeaderMetanavItemClickEvent = {\n  component: \"stzh-header\";\n  item: StzhHeaderMetanavItem;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhHeaderMetanavItemChildClickEvent = {\n  component: \"stzh-header\";\n  itemChild: StzhHeaderMetanavItemChild;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhHeaderMetanavItemButtonClickEvent = {\n  component: \"stzh-header\";\n  itemButton: StzhHeaderMetanavItemButton;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhHeaderMenuItemClickEvent = {\n  component: \"stzh-header\";\n  item: StzhHeaderMenuItem;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhHeaderLanguageChangeEvent = {\n  component: \"stzh-header\";\n  value: string;\n};\n\nexport type StzhHeaderSearchChangeEvent = {\n  component: \"stzh-header\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\nexport type StzhHeaderSearchChangedEvent = {\n  component: \"stzh-header\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\n/* Homepage Search */\n\nexport type StzhHomepageSearchSearchChangeEvent = {\n  component: \"stzh-homepage-search\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\nexport type StzhHomepageSearchSearchChangedEvent = {\n  component: \"stzh-homepage-search\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\n/* App Nav */\nexport type StzhAppNavItem = {\n  text: string;\n  href: string;\n  id?: string;\n  badge?: string;\n  badgeType?: StzhBadgeType;\n  icon?: string;\n  active?: boolean;\n  a11yCurrent?: string;\n};\n\nexport type StzhAppNavItemClickEvent = {\n  component: \"stzh-app-nav\";\n  item: StzhAppNavItem;\n  originalEvent: MouseEvent;\n};\n\n/* PI Pagetitle  */\n\nexport type StzhPiPagetitleMenuItem = {\n  label: string;\n  href?: string;\n  active?: boolean;\n  items?: StzhPiPagetitleMenuItem[];\n  id?: string;\n};\n\n/* Search */\n\nexport type StzhSearchOverlayCloseClickEvent = {\n  component: \"stzh-search\";\n  originalEvent: MouseEvent;\n};\n\n/* Geo Ref Data */\n\nexport type StzhGeoRefDataOverlayCloseClickEvent = {\n  component: \"stzh-geo-ref-data\";\n  originalEvent: MouseEvent;\n};\n\n/* Breadcrumb */\n\nexport type StzhBreadcrumbItem = {\n  label: string;\n  href: string;\n};\n\nexport type StzhBreadcrumbItemClickEvent = {\n  component: \"stzh-breadcrumb\";\n  item: StzhBreadcrumbItem;\n  originalEvent: MouseEvent;\n};\n\n/* Card */\n\nexport type StzhCardHeaderAction = {\n  id: string;\n  label?: string;\n  icon?: string;\n  badge?: string;\n  badgeEmpty?: boolean;\n  badgeType?: StzhBadgeType;\n};\n\nexport type StzhCardSubtitleClickEvent = {\n  component: \"stzh-card\";\n  originalEvent: MouseEvent;\n};\n\nexport type StzhCardCollapseEvent = {\n  component: \"stzh-card\";\n  collapsed: boolean;\n};\n\nexport type StzhCardClickEvent = {\n  component: \"stzh-card\";\n  originalEvent: MouseEvent;\n  href?: string;\n};\n\nexport type StzhCardStarClickEvent = {\n  component: \"stzh-card\";\n  starred: boolean;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhCardHeaderActionClickEvent = {\n  component: \"stzh-card\";\n  action: StzhCardHeaderAction;\n  originalEvent: MouseEvent;\n};\n\n/* Card Navigation */\n\nexport type StzhCardNavigationClickEvent = {\n  component: \"stzh-card-navigation\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhPiCardNavigationClickEvent = {\n  component: \"stzh-pi-content-navigation\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Pi Teaser */\n\nexport type StzhPiTeaserClickEvent = {\n  component: \"stzh-pi-teaser\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Card Superteaser */\n\nexport type StzhCardSuperteaserClickEvent = {\n  component: \"stzh-card-superteaser\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Card Searchresult */\n\nexport type StzhCardSearchresultClickEvent = {\n  component: \"stzh-card-searchresult\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Search */\n\nexport type StzhSearchResult = {\n  html?: string;\n  href?: string;\n  heading?: string;\n  dateline?: string;\n  description?: string;\n  image?: string;\n  imagePosition?: \"default\" | \"right\";\n  tag?: string;\n  topic?: string;\n  service?: string;\n  serviceColor?: string;\n  serviceBackgroundColor?: string;\n  meta?: string[];\n  breadcrumbItems?: StzhBreadcrumbItem[];\n  eventDateStart?: string;\n  eventDateEnd?: string;\n  eventLocation?: string;\n  download?: string;\n  downloadHeading?: string;\n  downloadMeta?: string[];\n};\n\nexport type StzhSearchChipsResult = {\n  label: string;\n  value: string;\n  amount?: number;\n  options?: { text: string; value: string }[];\n};\n\n/* Microsite Teaserlist */\n\nexport type StzhMicrositeTeaserlistTag = {\n  id: string;\n  name: string;\n};\n\nexport type StzhMicrositeTeaserlistItem = {\n  title?: string;\n  description?: string;\n  image?: string;\n  link: string;\n  tags: string[];\n  teaserid: string;\n};\n\n/* Cardlist */\n\nexport type StzhCardlistCollapseAllEvent = {\n  component: \"stzh-cardlist\";\n  allCollapsed: boolean;\n};\n\n/* Calendar */\n\nexport type StzhCalendarChangeEvent = {\n  component: \"stzh-calendar\";\n  valueAsDate: Date;\n  value: string;\n};\n\n/* Datepicker */\n\nexport type StzhDatepickerChangeEvent = {\n  component: \"stzh-datepicker\";\n  value: string;\n  valueAsDate: Date;\n};\n\n/* Pagination */\n\nexport type StzhPaginationChangeEvent = {\n  component: \"stzh-pagination\";\n  page: number;\n};\n\n/* Timepicker */\n\nexport type StzhTimepickerChangeEvent = {\n  component: \"stzh-timepicker\";\n  value: string;\n};\n\n/* Monthyearpicker */\n\nexport type StzhMonthyearpickerChangeEvent = {\n  component: \"stzh-monthyearpicker\";\n  value: string;\n  valueMonth: string;\n  valueYear: string;\n};\n\n/* Amount */\n\nexport type StzhAmountChangeEvent = {\n  component: \"stzh-amount\";\n  value: string;\n};\n\n/* Appointments */\n\nexport type StzhAppointmentsChangeEvent = {\n  component: \"stzh-appointments\";\n  value: string;\n};\n\nexport type StzhAppointment = {\n  value: string;\n  start: Date | string;\n  end: Date | string;\n  place?: string;\n  caption?: string;\n  disabled?: boolean;\n}\n\n/* Skiplink */\n\nexport type StzhSkiplinkFocusEvent = {\n  component: \"stzh-skiplink\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhSkiplinkBlurEvent = {\n  component: \"stzh-skiplink\";\n  originalEvent: FocusEvent;\n};\n\n/* Checkbox */\n\nexport type StzhCheckboxChangeEvent = {\n  component: \"stzh-checkbox\";\n  originalEvent: InputEvent | Event;\n  value: string;\n  checked: boolean;\n};\n\nexport type StzhCheckboxFocusEvent = {\n  component: \"stzh-checkbox\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhCheckboxBlurEvent = {\n  component: \"stzh-checkbox\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhCheckboxgroupChangeEvent = {\n  component: \"stzh-checkboxgroup\";\n  value: string[];\n};\n\n/* Toggle */\n\nexport type StzhToggleChangeEvent = {\n  component: \"stzh-toggle\";\n  originalEvent: InputEvent;\n  value: string;\n  checked: boolean;\n};\n\nexport type StzhToggleFocusEvent = {\n  component: \"stzh-toggle\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhToggleBlurEvent = {\n  component: \"stzh-toggle\";\n  originalEvent: FocusEvent;\n};\n\n/* Button */\n\nexport type StzhButtonVariant =\n  | \"default\"\n  | \"secondary\"\n  | \"tertiary\"\n  | \"tertiary-plain\";\nexport type StzhButtonSize = \"default\" | \"small\" | \"tiny\";\n\nexport type StzhButtonFocusEvent = {\n  component: \"stzh-button\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhButtonBlurEvent = {\n  component: \"stzh-button\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhButtonClickEvent = {\n  component: \"stzh-button\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhButtonChangeEvent = {\n  component: \"stzh-button\";\n  originalEvent: InputEvent;\n  value: string;\n  checked: boolean;\n};\n\n/* Link */\n\nexport type StzhLinkSize = \"default\" | \"small\" | \"inherit\";\n\nexport type StzhLinkFocusEvent = {\n  component: \"stzh-link\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhLinkBlurEvent = {\n  component: \"stzh-link\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhLinkClickEvent = {\n  component: \"stzh-link\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Menu (Item) */\n\nexport type StzhMenuVariant = \"default\" | \"secondary\";\nexport type StzhMenuSize = \"default\" | \"large\";\n\nexport type StzhMenuItemFocusEvent = {\n  component: \"stzh-menu-item\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhMenuItemBlurEvent = {\n  component: \"stzh-menu-item\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhMenuItemClickEvent = {\n  component: \"stzh-menu-item\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Carousel */\n\nexport type StzhCarouselSlideStartEvent = {\n  component: \"stzh-carousel\";\n  index: number;\n};\n\nexport type StzhCarouselSlidePassedEvent = {\n  component: \"stzh-carousel\";\n  index: number;\n};\n\nexport type StzhCarouselSlideEndEvent = {\n  component: \"stzh-carousel\";\n  index: number;\n};\n\n/* Chipselect */\n\nexport type StzhChipselectItem = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n  variant?: StzhChipVariant;\n  type?: StzhChipType;\n  inverted?: boolean;\n  counter?: string;\n  icon?: string;\n  size?: StzhChipSize;\n};\n\nexport type StzhChipselectChangeEvent = {\n  component: \"stzh-chipselect\";\n  value: string[] | string;\n};\n\n/* Gallery */\n\nexport type StzhGalleryItem = {\n  width: number;\n  height: number;\n  src: string;\n  srcLightbox?: string;\n  srcsetLightbox?: string;\n  alt?: string;\n  copyright?: string;\n  heading?: string;\n  headingLightbox?: string;\n  caption?: string;\n  captionLightbox?: string;\n  lightboxHtml?: string;\n  hideCounter?: boolean;\n};\n\n/* Datalist */\n\nexport type StzhDatalistItemEntry = {\n  value: string;\n  leadingIcon?: string;\n  label?: string;\n  meta?: string;\n  icon?: string;\n  iconLabel?: string;\n  iconTooltip?: string;\n  statusLabel?: string;\n  statusType?: StzhStatusType;\n  href?: string;\n  rel?: string;\n  target?: string;\n  items?: StzhDatalistItemEntry[];\n};\n\nexport type StzhDatalistVariant = \"default\" | \"table\";\nexport type StzhDatalistDirection = \"vertical\" | \"horizontal\";\n\nexport type StzhDatalistVariantChangeEvent = {\n  component: \"stzh-datalist\";\n  value: StzhDatalistVariant;\n};\n\nexport type StzhDatalistBigLabelChangeEvent = {\n  component: \"stzh-datalist\";\n  value: boolean;\n};\n\nexport type StzhDatalistDirectionChangeEvent = {\n  component: \"stzh-datalist\";\n  value: \"vertical\" | \"horizontal\";\n};\n\n/* Datalist Item */\n\nexport type StzhDatalistItemActionClickEvent = {\n  component: \"stzh-datalist-item\";\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatalistItemClickEvent = {\n  component: \"stzh-datalist-item\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Datamessagelist */\n\nexport type StzhDatamessagelistItemEntryMeta = {\n  label: string;\n  value: string;\n};\n\nexport type StzhDatamessagelistItemEntryAction = {\n  id: string | number;\n  icon: string;\n  label: string;\n  badge?: string;\n};\n\nexport type StzhDatamessagelistItemEntryTag = {\n  icon: string;\n  label: string;\n  type?: StzhChipType;\n  inverted?: boolean;\n};\n\nexport type StzhDatamessagelistItemEntryLoadingStatus = {\n  percent: number;\n  label: string;\n  type: \"default\" | \"success\" | \"warning\" | \"error\";\n};\n\nexport type StzhDatamessagelistItemClickEvent = {\n  component: \"stzh-datamessagelist-item\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhDatamessagelistItemActionClickEvent = {\n  component: \"stzh-datamessagelist-item\";\n  action: StzhDatamessagelistItemEntryAction;\n  originalEvent: MouseEvent;\n};\n\n/* Cta */\n\nexport type StzhCtaFocusEvent = {\n  component: \"stzh-cta\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhCtaBlurEvent = {\n  component: \"stzh-cta\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhCtaClickEvent = {\n  component: \"stzh-cta\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Tag */\n\nexport type StzhTagSize = \"default\" | \"large\";\nexport type StzhTagType = \"default\" | \"secondary\";\n\nexport type StzhTagClickEvent = {\n  component: \"stzh-tag\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhTagFocusEvent = {\n  component: \"stzh-tag\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhTagBlurEvent = {\n  component: \"stzh-tag\";\n  originalEvent: FocusEvent;\n};\n\n/* Chip */\n\nexport type StzhChipVariant = \"tag\" | \"filter\" | \"input\";\nexport type StzhChipSize = \"default\" | \"small\" | \"large\";\nexport type StzhChipType = \"default\" | \"success\" | \"warning\" | \"error\" | \"info\";\n\nexport type StzhChipClickEvent = {\n  component: \"stzh-chip\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhChipRemoveEvent = {\n  component: \"stzh-chip\";\n  originalEvent: MouseEvent;\n};\n\nexport type StzhChipFocusEvent = {\n  component: \"stzh-chip\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhChipBlurEvent = {\n  component: \"stzh-chip\";\n  originalEvent: FocusEvent;\n};\n\n/* VBZ Major Ticker */\n\nexport type StzhVbzMajortickerDisturbance = {\n  id: string;\n  head: string;\n  text: string;\n  startDate: Date;\n  endDate: Date;\n  altStart: string;\n  altEnd: string;\n  infoUrl?: VbzTickerInfoUrl;\n};\n\nexport type StzhVbzMajortickerDisturbanceFetchedEvent = {\n  component: \"stzh-vbz-majorticker\";\n  disturbance: StzhVbzMajortickerDisturbance | null;\n};\n\n/* VBZ Ticker */\n\nexport type VbzTickerInfoUrl = {\n  name: string;\n  url: string;\n};\n\nexport type VbzTickerDisturbance = {\n  id: string;\n  head: string;\n  startDate: Date;\n  endDate: Date;\n  altStart: string;\n  altEnd: string;\n  baseType?: string;\n  infoUrl?: VbzTickerInfoUrl;\n  category:\n  | typeof VBZ.DISTURBANCE_INFORMATION\n  | typeof VBZ.DISTURBANCE_CONSTRUCTION\n  | typeof VBZ.DISTURBANCE_NORMAL\n  | typeof VBZ.DISTURBANCE_EVENT\n  | typeof VBZ.DISTURBANCE_BUS;\n};\n\nexport type VbzTickerLine = {\n  line: VBZ.Lines;\n  name: string;\n  disturbances: VbzTickerDisturbance[];\n  // whether normal or big disturbance for this line exist\n  alert: boolean;\n  // 2 = Fernverkehr / 16 = Schiff / 32 = S-Bahn/Reg / 64 = Bus / 128 = Bergbahn / 256 = Nachtnetz / 512 = Tram\n  category: \"2\" | \"16\" | \"32\" | \"64\" | \"128\" | \"256\" | \"512\";\n};\n\n/* VBZ Line Chip */\n\nexport type StzhVbzLinechipLine = {\n  color: string;\n  background: string;\n  comment?: string;\n};\n\nexport type StzhVbzLinechipFocusEvent = {\n  component: \"stzh-vbz-linechip\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhVbzLinechipBlurEvent = {\n  component: \"stzh-vbz-linechip\";\n  originalEvent: FocusEvent;\n};\n\n/* Clamp */\n\nexport type StzhClampClampEvent = {\n  component: \"stzh-clamp\";\n  clamped: boolean;\n};\n\nexport type StzhClampExpandEvent = {\n  component: \"stzh-clamp\";\n  expanded: boolean;\n};\n\n/* Image Comparison */\n\nexport type StzhImagecomparisonChangeEvent = {\n  component: \"stzh-imagecomparison\";\n  originalEvent: InputEvent;\n  value: number;\n};\n\n/* Dialog */\n\nexport type StzhDialogOpenEvent = {\n  component: \"stzh-dialog\";\n};\n\nexport type StzhDialogCloseEvent = {\n  component: \"stzh-dialog\";\n};\n\n/* Contact */\n\nexport type ContactEmail = {\n  label: string;\n  text: string;\n  href?: string;\n  analyticsId?: string;\n};\n\nexport type ContactNumber = {\n  type: \"tel\" | \"fax\";\n  label: string;\n  number: string;\n  analyticsId?: string;\n};\n\nexport type StzhContactAvailabilityItem = {\n  weekday: string;\n  hours: string[];\n};\n\n/* Eventinfo */\n\nexport type StzhEventinfoItemInput = {\n  calendarUrl?: string;\n  calendarLabel?: string;\n  start: string | Date;\n  end: string | Date;\n};\n\nexport type StzhEventinfoItem = {\n  calendarUrl?: string;\n  calendarLabel?: string;\n  start: Date | undefined;\n  end: Date | undefined;\n};\n\nexport type StzhEventinfoMonth = {\n  name: string;\n  events: StzhEventinfoItem[];\n};\n\n/* Overlay */\n\nexport type StzhOverlayOpenEvent = {\n  component: \"stzh-overlay\";\n};\n\nexport type StzhOverlayCloseEvent = {\n  component: \"stzh-overlay\";\n};\n\n/* Banner */\n\nexport type StzhBannerOpenEvent = {\n  component: \"stzh-banner\";\n};\n\nexport type StzhBannerCloseEvent = {\n  component: \"stzh-banner\";\n};\n\n/* Message */\n\nexport type StzhMessageOpenEvent = {\n  component: \"stzh-message\";\n};\n\nexport type StzhMessageCloseEvent = {\n  component: \"stzh-message\";\n};\n\n/* Toastbar */\n\nexport type StzhToastbarInitialToast = {\n  label: string;\n  type?: StzhToastType;\n  link?:\n  | HTMLStzhLinkElement\n  | {\n    href: string;\n    label: string;\n  };\n  cookie?: string;\n  cookieExpires?: number;\n};\n\n/* Disturber */\n\nexport type StzhDisturberOpenEvent = {\n  component: \"stzh-disturber\";\n};\n\nexport type StzhDisturberCloseEvent = {\n  component: \"stzh-disturber\";\n};\n\nexport type StzhDisturberOpenedEvent = {\n  component: \"stzh-disturber\";\n};\n\nexport type StzhDisturberClosedEvent = {\n  component: \"stzh-disturber\";\n};\n\n/* Toast */\n\nexport type StzhToastType = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport type StzhToastOpenEvent = {\n  component: \"stzh-toast\";\n};\n\nexport type StzhToastCloseEvent = {\n  component: \"stzh-toast\";\n};\n\nexport type StzhToastOpenedEvent = {\n  component: \"stzh-toast\";\n};\n\nexport type StzhToastClosedEvent = {\n  component: \"stzh-toast\";\n};\n\n/* Ghettobox */\n\nexport type StzhGhettoboxOpenEvent = {\n  component: \"stzh-ghettobox\";\n};\n\nexport type StzhGhettoboxCloseEvent = {\n  component: \"stzh-ghettobox\";\n};\n\n/* Input */\n\nexport type StzhInputChangeEvent = {\n  component: \"stzh-input\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\nexport type StzhInputChangedEvent = {\n  component: \"stzh-input\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\nexport type StzhInputFocusEvent = {\n  component: \"stzh-input\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhInputBlurEvent = {\n  component: \"stzh-input\";\n  originalEvent: FocusEvent;\n};\n\n/* Popover */\n\nexport type StzhPopoverOpenEvent = {\n  component: \"stzh-popover\";\n};\n\nexport type StzhPopoverOpenedEvent = {\n  component: \"stzh-popover\";\n};\n\nexport type StzhPopoverCloseEvent = {\n  component: \"stzh-popover\";\n};\n\nexport type StzhPopoverClosedEvent = {\n  component: \"stzh-popover\";\n};\n\n/* Timeline */\n\nexport type StzhTimelineFoldableChangeEvent = {\n  component: \"stzh-timeline\";\n  value: boolean;\n};\n\n/* TimelineItem */\n\nexport type StzhTimelineItemOpenEvent = {\n  component: \"stzh-timeline-item\";\n};\n\nexport type StzhTimelineItemOpenedEvent = {\n  component: \"stzh-timeline-item\";\n};\n\nexport type StzhTimelineItemCloseEvent = {\n  component: \"stzh-timeline-item\";\n};\n\nexport type StzhTimelineItemClosedEvent = {\n  component: \"stzh-timeline-item\";\n};\n\nexport type StzhTimelineItemFocusEvent = {\n  component: \"stzh-timeline-item\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhTimelineItemBlurEvent = {\n  component: \"stzh-timeline-item\";\n  originalEvent: FocusEvent;\n};\n\n/* Accordion */\n\nexport type StzhAccordionVariant = \"default\" | \"title\" | \"table\" | \"menu\";\n\nexport type StzhAccordionVariantChangeEvent = {\n  component: \"stzh-accordion\";\n  value: StzhAccordionVariant;\n};\n\nexport type StzhAccordionItemOpenEvent = {\n  component: \"stzh-accordion-item\";\n};\n\nexport type StzhAccordionItemOpenedEvent = {\n  component: \"stzh-accordion-item\";\n};\n\nexport type StzhAccordionItemCloseEvent = {\n  component: \"stzh-accordion-item\";\n};\n\nexport type StzhAccordionItemClosedEvent = {\n  component: \"stzh-accordion-item\";\n};\n\nexport type StzhAccordionItemFocusEvent = {\n  component: \"stzh-accordion-item\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhAccordionItemBlurEvent = {\n  component: \"stzh-accordion-item\";\n  originalEvent: FocusEvent;\n};\n\n/* Pi Menu */\n\nexport type StzhPiMenuOpenEvent = {\n  component: \"stzh-pi-menu\";\n};\n\nexport type StzhPiMenuOpenedEvent = {\n  component: \"stzh-pi-menu\";\n};\n\nexport type StzhPiMenuCloseEvent = {\n  component: \"stzh-pi-menu\";\n};\n\nexport type StzhPiMenuClosedEvent = {\n  component: \"stzh-pi-menu\";\n};\n\nexport type StzhPiMenuItemClickEvent = {\n  component: \"stzh-pi-menu\";\n  originalEvent: MouseEvent;\n};\n\n/* Tooltip */\n\nexport type StzhTooltipOpenEvent = {\n  component: \"stzh-tooltip\";\n};\n\nexport type StzhTooltipOpenedEvent = {\n  component: \"stzh-tooltip\";\n};\n\nexport type StzhTooltipCloseEvent = {\n  component: \"stzh-tooltip\";\n};\n\nexport type StzhTooltipClosedEvent = {\n  component: \"stzh-tooltip\";\n};\n\n/* Radio */\n\nexport type StzhRadioChangeEvent = {\n  component: \"stzh-radio\";\n  originalEvent: InputEvent;\n  value: string;\n  checked: boolean;\n};\n\nexport type StzhRadioFocusEvent = {\n  component: \"stzh-radio\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhRadioBlurEvent = {\n  component: \"stzh-radio\";\n  originalEvent: FocusEvent;\n};\n\n/* Daterange */\n\nexport type StzhDaterangeRanges = \"today\" | \"tomorrow\" | \"next7days\";\n\n/* Dropdown */\n\nexport type StzhDropdownSize = \"default\" | \"small\" | \"tiny\" | StzhChipSize;\n\nexport type StzhDropdownOption = {\n  text: string;\n  value: string;\n  disabled?: boolean;\n};\n\nexport type StzhDropdownChangeEvent = {\n  component: \"stzh-dropdown\";\n  value: string | string[];\n};\n\nexport type StzhDropdownItemAddEvent = {\n  component: \"stzh-dropdown\";\n  value: string;\n};\n\nexport type StzhDropdownItemRemoveEvent = {\n  component: \"stzh-dropdown\";\n  value: string;\n};\n\nexport type StzhDropdownOptionAddEvent = {\n  component: \"stzh-dropdown\";\n  value: string;\n};\n\nexport type StzhDropdownOptionRemoveEvent = {\n  component: \"stzh-dropdown\";\n  value: string;\n};\n\nexport type StzhDropdownOpenEvent = {\n  component: \"stzh-dropdown\";\n};\n\nexport type StzhDropdowCloseEvent = {\n  component: \"stzh-dropdown\";\n};\n\nexport type StzhDropdownFocusEvent = {\n  component: \"stzh-dropdown\";\n  originalEvent: {\n    target: Element;\n  };\n};\n\nexport type StzhDropdownBlurEvent = {\n  component: \"stzh-dropdown\";\n};\n\nexport type StzhDropdowInitEvent = {\n  component: \"stzh-dropdown\";\n};\n\n/** Stepper */\n\nexport type StzhStepperDataItem = {\n  label: string;\n  icon?: string;\n  disabled?: boolean;\n  clickDisabled?: boolean;\n  incomplete?: boolean;\n  analyticsId?: string;\n};\n\n/* Stepper Item */\n\nexport type StzhStepperItemClickEvent = {\n  component: \"stzh-stepper-item\";\n  originalEvent: MouseEvent;\n  index: number;\n};\n\nexport type StzhStepperItemDottedClickEvent = {\n  component: \"stzh-stepper-item\";\n  originalEvent: MouseEvent;\n  index: number;\n};\n\n/* Saptcha */\nexport type StzhSaptchaChangeEvent = {\n  component: \"stzh-saptcha\";\n  originalEvent: CustomEvent;\n  value: string;\n};\n\n/* Upload */\n\nexport type StzhUploadFilesItem = {\n  name: string;\n  size: number;\n  [key: string]: any;\n};\n\nexport type StzhUploadFile = File & {\n  xhr: XMLHttpRequest;\n  status: string;\n  upload: any;\n  accepted: boolean;\n  previewElement: HTMLElement;\n  uuid: string;\n  _id: number;\n};\n\nexport type StzhUploadFileAddedEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadFilesAddedEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n};\n\nexport type StzhUploadFileRemoveEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadFileRemovedEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  force: boolean;\n};\n\nexport type StzhUploadSendingEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  xhr: XMLHttpRequest;\n  formData: FormData;\n};\n\nexport type StzhUploadSendingMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n  xhr: XMLHttpRequest;\n  formData: FormData;\n};\n\nexport type StzhUploadProcessingEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadProcessingMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n};\n\nexport type StzhUploadProgressEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  progress: number;\n  bytesSent: number;\n};\n\nexport type StzhUploadProgressTotalEvent = {\n  component: \"stzh-upload\";\n  totalUploadProgress: number;\n  totalBytes: number;\n  totalBytesSent: number;\n};\n\nexport type StzhUploadErrorEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  message: string;\n  xhr: XMLHttpRequest;\n};\n\nexport type StzhUploadErrorMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n  message: string;\n  xhr: XMLHttpRequest;\n};\n\nexport type StzhUploadSuccessEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  responseText: string;\n  event: ProgressEvent;\n};\n\nexport type StzhUploadSuccessMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n  responseText: string;\n  event: ProgressEvent;\n};\n\nexport type StzhUploadCanceledEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadCanceledMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n};\n\nexport type StzhUploadCompleteEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadCompleteMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n};\n\n// Merged Types\n\nexport type StzhFocusEvent =\n  | StzhAccordionItemFocusEvent\n  | StzhButtonFocusEvent\n  | StzhCheckboxFocusEvent\n  | StzhChipFocusEvent\n  | StzhDropdownFocusEvent\n  | StzhInputFocusEvent\n  | StzhLinkFocusEvent\n  | StzhMenuItemFocusEvent\n  | StzhRadioFocusEvent\n  | StzhToggleFocusEvent\n  | StzhVbzLinechipFocusEvent\n  | StzhSkiplinkFocusEvent;\n\n/* GeoRefData */\n\nexport type StzhAvailableTag = {\n  label: string;\n  value: string;\n};\n\nexport type StzhPoiGeoRefData = {\n  poiid: string;\n  category: string;\n  street: string;\n  zip: string;\n  zvv: string;\n  ou: string;\n  poiname: string;\n  poinamezus: string;\n  title: string;\n  description: string;\n  image: string;\n  path: string;\n  date: string;\n  tags: string[];\n  data: { text: string; icon: string }[];\n};\n\nexport type StzhMapGeoRefData = {\n  lat: string;\n  lon: string;\n  poiid: string;\n};\n\nexport type StzhCombinedGeoRefData = StzhPoiGeoRefData & StzhMapGeoRefData;\n\n/* Poi Card and List */\n\nexport type StzhPoiCardItemData = {\n  variant: \"lido\" | \"parking\" | \"iceskating\";\n  url: string;\n  title: string;\n  distance?: string;\n  temp?: string;\n  statusMessage?: string;\n  statusMessageContent?: string;\n  success?: boolean;\n};\n\nexport type StzhPoiListMetaData = {\n  itemsPerPage: number;\n  totalItems: number;\n  currentPage: number;\n  totalPages: number;\n  sortBy: {\n    [key: string]: \"DESC\" | \"ASC\";\n  };\n};\n\nexport type StzhPoiListData = {\n  items: StzhPoiCardItemData[];\n  meta: StzhPoiListMetaData;\n};\n\n/* Bathstatus Item and List */\n\nexport type StzhBathstatusItemData = {\n  url: string;\n  title: string;\n  description?: string;\n  temp?: string;\n  statusMessage?: string;\n  lastUpdate?: string;\n  uvIndexPrediction?: number;\n};\n\nexport type StzhBathstatusListData = {\n  items: StzhBathstatusItemData[];\n};\n\n/* Socialmedia Stream */\n\nexport enum StzhSocialmediastreamItemActionVariant {\n  likes = \"likes\",\n  comments = \"comments\",\n  shares = \"shares\",\n}\n\nexport type StzhSocialmediastreamItemData = {\n  image?: string;\n  link: string;\n  date: string;\n  account: {\n    title: string;\n    handle: string;\n    url: string;\n  };\n  channel: \"facebook\" | \"instagram\" | \"x\" | \"twitter\" | \"youtube\";\n  text: string;\n  actions: {\n    title: string;\n    url: string;\n    variant: StzhSocialmediastreamItemActionVariant;\n    count: number;\n  }[];\n};\n\n// ---\n// Prop Types\n// ---\n\nexport type StzhCalendarDateDisabledPredicate = (date: Date) => boolean;\n\nexport namespace Layout {\n  export type Ratio = \"16:9\" | \"1:1\" | \"5:4\" | \"4:3\" | \"3:2\" | \"2:1\" | \"21:9\";\n\n  export type Justify =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"between\"\n    | \"around\"\n    | \"evenly\";\n\n  export type Items = \"start\" | \"end\" | \"center\" | \"baseline\" | \"stretch\";\n\n  export type JustifySelf = \"auto\" | Justify;\n\n  export type AlignSelf = \"auto\" | Items;\n}\n\nexport namespace Space {\n  export type Sizes =\n    | \"xxxsmall\"\n    | \"xxsmall\"\n    | \"xsmall\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"xlarge\"\n    | \"xxlarge\"\n    | \"xxxlarge\"\n    | \"xxxxlarge\"\n    | \"big\"\n    | \"xbig\"\n    | \"huge\"\n    | \"xhuge\"\n    | \"none\"\n    | \"inherit\";\n\n  export type Curves =\n    | \"tiny\"\n    | \"small\"\n    | \"regular\"\n    | \"medium\"\n    | \"large\"\n    | \"big\"\n    | \"huge\"\n    | \"none\";\n}\n\nexport namespace Font {\n  export type Fonts = \"light\" | \"regular\" | \"medium\" | \"heavy\" | \"default\";\n\n  export type Sizes =\n    | \"pico\"\n    | \"nano\"\n    | \"micro\"\n    | \"milli\"\n    | \"centi\"\n    | \"deci\"\n    | \"regular\"\n    | \"deca\"\n    | \"hecto\"\n    | \"kilo\"\n    | \"mega\"\n    | \"giga\"\n    | \"hero\";\n\n  export type Curves =\n    | \"p1\"\n    | \"p2\"\n    | \"lead\"\n    | \"caption\"\n    | \"h4\"\n    | \"h3\"\n    | \"h2\"\n    | \"h1\"\n    | \"hero\"\n    | \"h1home\"\n    | \"default\"\n    | \"none\";\n}\n\nexport namespace VBZ {\n  export const BASE_TYPE_GLOBAL = \"GLOBAL\";\n\n  export const CHANNEL_TICKER = \"ticker\";\n  export const CHANNEL_INFO_URL_FILTER = \"stadt-zuerich.ch/vbz\";\n\n  export const DISTURBANCE_GLOBAL = \"__global__\";\n  export const DISTURBANCE_INFORMATION = \"0\";\n  export const DISTURBANCE_CONSTRUCTION = \"1\";\n  export const DISTURBANCE_NORMAL = \"2\";\n  export const DISTURBANCE_EVENT = \"4\";\n  export const DISTURBANCE_BUS = \"5\";\n\n  export type Lines =\n    | \"2\"\n    | \"3\"\n    | \"4\"\n    | \"5\"\n    | \"6\"\n    | \"7\"\n    | \"8\"\n    | \"9\"\n    | \"10\"\n    | \"11\"\n    | \"12\"\n    | \"13\"\n    | \"14\"\n    | \"15\"\n    | \"16\"\n    | \"17\"\n    | \"19\"\n    | \"20\"\n    | \"21\"\n    | \"23\"\n    | \"24\"\n    | \"25\"\n    | \"29\"\n    | \"31\"\n    | \"32\"\n    | \"33\"\n    | \"34\"\n    | \"35\"\n    | \"36\"\n    | \"37\"\n    | \"38\"\n    | \"39\"\n    | \"40\"\n    | \"45\"\n    | \"46\"\n    | \"54\"\n    | \"61\"\n    | \"62\"\n    | \"63\"\n    | \"64\"\n    | \"66\"\n    | \"67\"\n    | \"69\"\n    | \"70\"\n    | \"72\"\n    | \"73\"\n    | \"75\"\n    | \"76\"\n    | \"77\"\n    | \"78\"\n    | \"79\"\n    | \"80\"\n    | \"83\"\n    | \"89\"\n    | \"91\"\n    | \"94\"\n    | \"95\"\n    | \"99\"\n    | \"151\"\n    | \"152\"\n    | \"153\"\n    | \"156\"\n    | \"161\"\n    | \"162\"\n    | \"163\"\n    | \"165\"\n    | \"184\"\n    | \"185\"\n    | \"200\"\n    | \"201\"\n    | \"215\"\n    | \"220\"\n    | \"235\"\n    | \"236\"\n    | \"245\"\n    | \"301\"\n    | \"302\"\n    | \"303\"\n    | \"304\"\n    | \"305\"\n    | \"306\"\n    | \"307\"\n    | \"308\"\n    | \"309\"\n    | \"311\"\n    | \"314\"\n    | \"315\"\n    | \"317\"\n    | \"321\"\n    | \"323\"\n    | \"325\"\n    | \"350\"\n    | \"444\"\n    | \"445\"\n    | \"701\"\n    | \"702\"\n    | \"703\"\n    | \"704\"\n    | \"705\"\n    | \"720\"\n    | \"721\"\n    | \"725\"\n    | \"726\"\n    | \"727\"\n    | \"742\"\n    | \"743\"\n    | \"744\"\n    | \"745\"\n    | \"747\"\n    | \"748\"\n    | \"751\"\n    | \"752\"\n    | \"753\"\n    | \"754\"\n    | \"759\"\n    | \"760\"\n    | \"765\"\n    | \"768\"\n    | \"781\"\n    | \"786\"\n    | \"787\"\n    | \"910\"\n    | \"912\"\n    | \"916\"\n    | \"917\"\n    | \"918\"\n    | \"919\"\n    | \"E\"\n    | \"N\"\n    | \"N1\"\n    | \"N2\"\n    | \"N4\"\n    | \"N5\"\n    | \"N6\"\n    | \"N7\"\n    | \"N8\"\n    | \"N9\"\n    | \"N10\"\n    | \"N11\"\n    | \"N12\"\n    | \"N13\"\n    | \"N14\"\n    | \"N15\"\n    | \"N16\"\n    | \"N17\"\n    | \"N18\"\n    | \"N19\"\n    | \"N30\"\n    | \"N31\"\n    | \"N32\"\n    | \"N33\"\n    | \"N34\"\n    | \"N45\"\n    | \"N72\"\n    | \"N78\"\n    | \"SN1\"\n    | \"SN4\"\n    | \"SN5\"\n    | \"SN6\"\n    | \"SN7\"\n    | \"SN8\"\n    | \"SN9\"\n    | \"S2\"\n    | \"S3\"\n    | \"S4\"\n    | \"S5\"\n    | \"S6\"\n    | \"S7\"\n    | \"S8\"\n    | \"S9\"\n    | \"S10\"\n    | \"S11\"\n    | \"S14\"\n    | \"S15\"\n    | \"S16\"\n    | \"S18\"\n    | \"S19\"\n    | \"S20\"\n    | \"S21\"\n    | \"S23\"\n    | \"S24\"\n    | \"S25\";\n}\n\n// ---\n// Teaser layout types\n// ---\n\nexport type PiTeaser = {\n  type: \"teaser\";\n  href: string;\n  dateline?: string;\n  heading: string;\n  date?: string;\n  imageSrc?: string;\n  lead?: string;\n}\n\nexport type EmptyTeaser = {\n  type: \"empty-teaser\";\n}\n\n// ---\n// Stencil component types\n// ---\n\nexport * from \"./components\";\n"],"mappings":"SAoEgBA,EAAGC,EAAqBC,GACtC,IAAKD,EAAa,CAChB,MAAO,E,CAGT,MAAME,EAAQF,EAAYG,MAAM,KAChC,IAAIC,EAAOF,EAAM,GAAGG,OAEpB,GAAIH,EAAMI,SAAW,GAAKL,IAAU,EAAG,CACrCG,EAAOF,EAAM,GAAGG,M,MACX,GAAIH,EAAMI,SAAW,IAAML,EAAQ,GAAKA,IAAU,MAAO,CAC9DG,EAAOF,EAAM,GAAGG,M,CAGlB,GAAIH,EAAMI,SAAW,GAAKL,IAAU,EAAG,CACrCG,EAAOF,EAAM,GAAGG,M,CAGlB,OAAOD,EAAKG,QAAQ,WAAWN,IAAK,MAALA,SAAK,SAALA,EAAOO,aAAc,GACtD,C,IAs0DYC,GAAZ,SAAYA,GACVA,EAAA,iBACAA,EAAA,uBACAA,EAAA,kBACD,EAJD,CAAYA,MAAsC,K,IAgHjCC,GAAjB,SAAiBA,GACFA,EAAAC,iBAAmB,SAEnBD,EAAAE,eAAiB,SACjBF,EAAAG,wBAA0B,uBAE1BH,EAAAI,mBAAqB,aACrBJ,EAAAK,wBAA0B,IAC1BL,EAAAM,yBAA2B,IAC3BN,EAAAO,mBAAqB,IACrBP,EAAAQ,kBAAoB,IACpBR,EAAAS,gBAAkB,GAyLhC,EApMD,CAAiBT,MAAG,Y"}
+{"version":3,"names":["tc","translation","count","parts","split","part","trim","length","replace","toString","StzhSocialmediastreamItemActionVariant","VBZ","BASE_TYPE_GLOBAL","CHANNEL_TICKER","CHANNEL_INFO_URL_FILTER","DISTURBANCE_GLOBAL","DISTURBANCE_INFORMATION","DISTURBANCE_CONSTRUCTION","DISTURBANCE_NORMAL","DISTURBANCE_EVENT","DISTURBANCE_BUS"],"sources":["src/index.ts"],"sourcesContent":["// ---\n// Global window types\n// ---\n\nexport type StzhLocaleFormats = {\n  datetime?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n  datetimeLong?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n  datetimeInput?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n  date?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n  dateLong?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n  dateInput?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n  time?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n  timeInput?: {\n    format: string | StzhDateFormat,\n    parse: string | StzhDateParse\n  },\n}\n\ntype MonthsNames = [string, string, string, string, string, string, string, string, string, string, string, string]\ntype DayNames = [string, string, string, string, string, string, string]\n\nexport type StzhLocaleGlobals = {\n  dateRange: string,\n  timeRange: string,\n  externalLinkLabel: string\n  downloadLinkLabel: string\n  requiredFieldMarker: string\n  requiredFieldText: string\n  optionalFieldMarker: string\n  optionalFieldText: string\n  invalidFieldText: string\n  clearButtonLabel: string\n  moreInfoButtonLabel: string\n  dayNames: DayNames\n  dayNamesShort: DayNames\n  monthNames: MonthsNames\n  monthNamesShort: MonthsNames\n}\n\nexport type StzhLocaleComponent = {\n  $locale: \"de\" | \"en\",\n  $formats: StzhLocaleFormats,\n  $formatsIso: StzhLocaleFormats,\n  $formatsLegacy: StzhLocaleFormats,\n  $globals: StzhLocaleGlobals\n}\n\nexport function tc(translation: string, count: number): string {\n  if (!translation) {\n    return \"\";\n  }\n\n  const parts = translation.split(\"|\");\n  let part = parts[0].trim();\n\n  if (parts.length === 3 && count === 1) {\n    part = parts[1].trim();\n  } else if (parts.length === 3 && (count > 1 || count === null)) {\n    part = parts[2].trim();\n  }\n\n  if (parts.length === 2 && count !== 1) {\n    part = parts[1].trim();\n  }\n\n  return part.replace(/\\{n\\}/ig, count?.toString() || \"\");\n}\n\nexport type StzhDateFormat = ((date: Date, type?: string) => string)\nexport type StzhDateParse = ((input: string, type?: string) => Date | undefined)\n\nexport interface StzhLocaleAdapter {\n  format: StzhDateFormat,\n  parse: StzhDateParse,\n  formatSpan: (date: Date | string, date2: Date | string, type: string) => string\n  parseSpan: (string: string, type: string) => [Date, Date, string]\n}\n\nexport type WindowStzhComponents = {\n  version: string;\n  supportedLocales: string[];\n  defaultLocale: string;\n  translations: null | StzhLocaleComponent;\n  translationsLoading: Promise<StzhLocaleComponent>;\n  pathMedia: string;\n  pathTranslations: string;\n  pathVendors: string;\n  cacheTranslations: boolean;\n  formats: StzhLocaleFormats;\n  fixAutofocus: boolean;\n  fixHashfocus: boolean;\n  utils: {\n    getLocale: (element: HTMLElement) => string;\n    fetchTranslations: (\n      host: HTMLElement,\n      component: string\n    ) => Promise<StzhLocaleComponent & any>;\n\n    format: (date: Date, type: string) => string;\n    parse: (string: string, type: string) => Date;\n    formatSpan: (\n      date: Date | string,\n      date2: Date | string,\n      type: string\n    ) => string;\n    parseSpan: (string: string, type: string) => [Date, Date, string];\n    createFormatParseAdapter: (\n      formats: StzhLocaleFormats,\n      globals: StzhLocaleGlobals\n    ) => StzhLocaleAdapter;\n  };\n};\n\ndeclare global {\n  interface Window {\n    stzhComponents: WindowStzhComponents;\n    stzhReadspeakerHasGlobalBodyObserver: boolean;\n    // global third party library\n    pannellum: any;\n    Dropzone: any;\n    proj4: any;\n    // readspeaker lib APIs\n    readpage: any;\n    ReadSpeaker: any;\n    rsConf: any;\n    rspkr: any;\n  }\n}\n\n// ---\n// Event Types\n// ---\n\n/* Sortable */\n\nexport type StzhSortableUpdateEvent = {\n  component: \"stzh-sortable\";\n  data: string[];\n  item: HTMLElement;\n  newIndex: number;\n  oldIndex: number;\n};\n\nexport type StzhSortableDisableEvent = {\n  component: \"stzh-sortable\";\n  disabled: boolean;\n};\n\n/* Panorama */\n\nexport type PanoramaScene = {\n  sceneId: string;\n  imageSrc: string;\n  imageTitle: string;\n\n  imageAuthor?: string;\n  imageType?: \"equirectangular\" | \"cubemap\" | \"multires\";\n  caption?: string;\n  copyright?: string;\n\n  pitch?: number;\n  yaw?: number;\n  hfov?: number;\n\n  hotspots: PanoramaSceneHotSpot[];\n};\n\nexport type PanoramaScenesLibrary = {\n  [sceneKey: string]: {\n    title?: string;\n    author?: string;\n    panorama: string;\n    type?: \"equirectangular\" | \"cubemap\" | \"multires\";\n\n    pitch?: number;\n    yaw?: number;\n    hfov?: number;\n\n    hotSpots: PanoramaSceneHotSpot[];\n  };\n};\n\nexport type PanoramaSceneHotSpot = {\n  pitch: number;\n  yaw: number;\n  type: string;\n  text: string;\n  url?: string;\n  id?: string;\n  sceneId?: string;\n  targetPitch?: number;\n  targetYaw?: number;\n\n  cssClass?: string;\n  createTooltipFunc?: Function;\n  createTooltipArgs?: any;\n};\n\nexport type StzhPanoramaLoadEvent = {\n  component: \"stzh-panorama\";\n};\n\nexport type StzhPanoramaChangeEvent = {\n  component: \"stzh-panorama\";\n  value: { pitch: number; yaw: number; hfov: number };\n};\n\nexport type StzhPanoramaFullscreenChangeEvent = {\n  component: \"stzh-panorama\";\n  value: boolean;\n};\n\nexport type StzhPanoramaSceneChangeEvent = {\n  component: \"stzh-panorama\";\n  value: string;\n};\n\nexport type StzhPanoramaZoomChangeEvent = {\n  component: \"stzh-panorama\";\n  value: number;\n};\n\n/* Iframe */\n\nexport type StzhIframeView = \"iframe\" | \"cookiewall\" | \"preview\";\n\nexport type StzhIframeViewChangeEvent = {\n  component: \"stzh-iframe\";\n  value: StzhIframeView;\n};\n\nexport type StzhIframePreviewSkipEvent = {\n  component: \"stzh-iframe\";\n};\n\n/* Olmap */\n\nexport type OlmapLayer = {\n  title?: string;\n  thumbnailUrl: string;\n  options: {\n    url: string;\n    layer: string;\n    matrixSet: string;\n    origin: number[];\n    extent: number[];\n  };\n};\n\nexport type StzhOlmapFeatureWithPopover = {\n  id: string;\n  title?: string;\n  text?: string;\n  imageUri?: string;\n  href?: string;\n  data?: { icon: string; text: string }[];\n};\n\nexport type StzhOlmapInitializedEvent = {\n  component: \"stzh-olmap\";\n};\n\nexport type StzhOlmapPostRenderEvent = {\n  component: \"stzh-olmap\";\n};\n\nexport type StzhOlmapMoveStartEvent = {\n  component: \"stzh-olmap\";\n};\n\nexport type StzhOlmapMoveEndEvent = {\n  component: \"stzh-olmap\";\n};\n\nexport type StzhOlmapMovePanZoomEvent = {\n  component: \"stzh-olmap\";\n};\n\n/* Sticky */\n\nexport type StzhStickyStuckTopEvent = {\n  component: \"stzh-sticky\";\n  sticky: boolean;\n};\n\nexport type StzhStickyStuckBottomEvent = {\n  component: \"stzh-sticky\";\n  sticky: boolean;\n};\n\n/* Table */\n\nexport type StzhDatatableCellData = {\n  value: string | number;\n  isHeader?: boolean;\n  align?: \"left\" | \"right\" | \"center\";\n  valign?: \"auto\" | \"middle\" | \"bottom\" | \"top\";\n  colspan?: number;\n  rowspan?: number;\n  id?: string;\n};\n\nexport type StzhDatatableRowData = {\n  [key: string]: StzhDatatableCellData;\n};\n\nexport type StzhDatatableInputRowData = {\n  [key: string]: StzhDatatableCellData | string | number;\n};\n\nexport type StzhDatatableColumnData = {\n  key: string;\n  text?: string;\n  align?: \"left\" | \"right\" | \"center\";\n  valign?: \"auto\" | \"middle\" | \"bottom\" | \"top\";\n  sort?:\n  | boolean\n  | {\n    type?: \"numerical\" | \"text\";\n    field?: string;\n  };\n  fixed?: \"left\" | \"right\";\n  isHeader?: boolean;\n  colspan?: number;\n  rowspan?: number;\n  hideColumnHeading?: boolean;\n  analyticsId?: string;\n  style?: {\n    [key: string]: string;\n  };\n};\n\nexport type StzhDatatableRowClickEvent = {\n  component: \"stzh-datatable\";\n  row: any;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatatableCellClickEvent = {\n  component: \"stzh-datatable\";\n  row: any;\n  column: any;\n  cellIndex: number;\n  rowIndex: number;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatatableHeadingCellClickEvent = {\n  component: \"stzh-datatable\";\n  column: any;\n  index: number;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatatableSortClickEvent = {\n  component: \"stzh-datatable\";\n  column: any;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatatableSortByChangeEvent = {\n  component: \"stzh-datatable\";\n  value: string;\n  oldValue: string;\n};\n\nexport type StzhDatatableSortDirectionChangeEvent = {\n  component: \"stzh-datatable\";\n  value: \"asc\" | \"desc\";\n  oldValue: \"asc\" | \"desc\";\n};\n\n/* Archivelist */\n\nexport type StzhArchivelistItem = {\n  label: string;\n  labelClamp?: any; // attributes of HTMLStzhClampElement\n  href: string;\n  dateline?: string;\n  description?: string;\n  descriptionClamp?: any; // attributes of HTMLStzhClampElement\n};\n\nexport type StzhArchivelistItemClickEvent = {\n  component: \"stzh-archivelist\";\n  item: StzhArchivelistItem;\n  originalEvent: MouseEvent;\n};\n\n/* Anchornav */\n\nexport type StzhAnchornavItem = {\n  label: string;\n  href?: string;\n  icon?: string;\n};\n\nexport type StzhAnchornavItemClickEvent = {\n  component: \"stzh-anchornav\";\n  item: StzhAnchornavItem;\n  originalEvent: MouseEvent;\n};\n\n/* TopnewsMostsearchedSection */\n\nexport type StzhTopnewsItem = {\n  subtitle?: string;\n  label: string;\n  href?: string;\n  isHighlighted?: boolean;\n};\n\nexport type StzhMostsearchedItem = {\n  label: string;\n  href: string;\n};\n\n/* VBZ Quicklinks */\n\nexport type StzhVbzQuicklink = {\n  label: string;\n  href: string;\n};\n\n/* Status */\n\nexport type StzhStatusType =\n  | \"default\"\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\";\n\n/* Badge */\n\nexport type StzhBadgeType =\n  | \"default\"\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\";\n\n/* Actionset */\n\nexport type StzhActionsetItem = {\n  id: string;\n  label?: string;\n  icon?: string;\n  iconPosition?: \"left\" | \"right\";\n  iconOnly?: boolean;\n  badge?: string;\n  badgeEmpty?: boolean;\n  badgeType?: StzhBadgeType;\n  variant?: StzhButtonVariant;\n  size?: StzhButtonSize;\n  badgePosition?: \"icon\" | \"button\";\n  tooltipContent?: string;\n};\n\nexport type StzhActionsetItemClickEvent = {\n  component: \"stzh-actionset\";\n  action: StzhActionsetItem;\n  originalEvent: MouseEvent;\n};\n\n/* Audio */\n\nexport type StzhAudioPlayEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioPlayingEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioPauseEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioReplayEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioEndEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioEndedEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioErrorEvent = {\n  component: \"stzh-audio\";\n  originalEvent: ErrorEvent;\n};\n\n/* Share */\n\nexport type ShareService =\n  | \"facebook\"\n  | \"twitter\"\n  | \"linkedin\"\n  | \"xing\"\n  | \"mail\";\n\n/* Footer Editor */\n\nexport type StzhEditorLink = {\n  label: string;\n  href?: string;\n  icon?: string;\n  rel?: string;\n  target?: string;\n};\n\n/* Header */\n\nexport type StzhHeaderMenuItem = {\n  label: string;\n  href?: string;\n  items?: StzhHeaderMenuItem[];\n  id?: string;\n};\n\nexport type StzhHeaderMetanavItem = {\n  label: string;\n  labelShort?: string;\n  labelHidden?: boolean;\n  stay?: boolean;\n  stayAndShowInMobileMenu?: boolean;\n  variant?: \"default\" | \"secondary\"; // used for menu-item and popover\n  size?: \"default\" | \"large\"; // used for menu-item and popover\n  important?: boolean;\n  importantSubmenu?: boolean;\n  badgeEmpty?: boolean;\n  badgeType?: StzhBadgeType;\n  badge?: string;\n  icon?: string;\n  iconOpen?: string;\n  href?: string;\n  target?: string;\n  id?: string;\n  items?: StzhHeaderMetanavItemChild[];\n  itemButton?: StzhHeaderMetanavItemButton;\n  itemButtonExtra?: StzhHeaderMetanavItemButton;\n  cssOrder?: boolean;\n};\n\nexport type StzhHeaderMetanavItemChild = {\n  label: string;\n  href?: string;\n  target?: string;\n  id?: string;\n  icon?: string;\n  counter?: number;\n  badge?: string;\n  badgeType?: StzhBadgeType;\n};\n\nexport type StzhHeaderMetanavItemButton = {\n  label: string;\n  href?: string;\n  target?: string;\n  size?: StzhButtonSize;\n  id?: string;\n};\n\nexport type StzhHeaderMetanavItemClickEvent = {\n  component: \"stzh-header\";\n  item: StzhHeaderMetanavItem;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhHeaderMetanavItemChildClickEvent = {\n  component: \"stzh-header\";\n  itemChild: StzhHeaderMetanavItemChild;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhHeaderMetanavItemButtonClickEvent = {\n  component: \"stzh-header\";\n  itemButton: StzhHeaderMetanavItemButton;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhHeaderMenuItemClickEvent = {\n  component: \"stzh-header\";\n  item: StzhHeaderMenuItem;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhHeaderLanguageChangeEvent = {\n  component: \"stzh-header\";\n  value: string;\n};\n\nexport type StzhHeaderSearchChangeEvent = {\n  component: \"stzh-header\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\nexport type StzhHeaderSearchChangedEvent = {\n  component: \"stzh-header\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\n/* Homepage Search */\n\nexport type StzhHomepageSearchSearchChangeEvent = {\n  component: \"stzh-homepage-search\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\nexport type StzhHomepageSearchSearchChangedEvent = {\n  component: \"stzh-homepage-search\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\n/* App Nav */\nexport type StzhAppNavItem = {\n  text: string;\n  href: string;\n  id?: string;\n  badge?: string;\n  badgeType?: StzhBadgeType;\n  icon?: string;\n  active?: boolean;\n  a11yCurrent?: string;\n};\n\nexport type StzhAppNavItemClickEvent = {\n  component: \"stzh-app-nav\";\n  item: StzhAppNavItem;\n  originalEvent: MouseEvent;\n};\n\n/* PI Pagetitle  */\n\nexport type StzhPiPagetitleMenuItem = {\n  label: string;\n  href?: string;\n  active?: boolean;\n  items?: StzhPiPagetitleMenuItem[];\n  id?: string;\n};\n\n/* Search */\n\nexport type StzhSearchOverlayCloseClickEvent = {\n  component: \"stzh-search\";\n  originalEvent: MouseEvent;\n};\n\n/* Geo Ref Data */\n\nexport type StzhGeoRefDataOverlayCloseClickEvent = {\n  component: \"stzh-geo-ref-data\";\n  originalEvent: MouseEvent;\n};\n\n/* Breadcrumb */\n\nexport type StzhBreadcrumbItem = {\n  label: string;\n  href: string;\n};\n\nexport type StzhBreadcrumbItemClickEvent = {\n  component: \"stzh-breadcrumb\";\n  item: StzhBreadcrumbItem;\n  originalEvent: MouseEvent;\n};\n\n/* Card */\n\nexport type StzhCardHeaderAction = {\n  id: string;\n  label?: string;\n  icon?: string;\n  badge?: string;\n  badgeEmpty?: boolean;\n  badgeType?: StzhBadgeType;\n};\n\nexport type StzhCardSubtitleClickEvent = {\n  component: \"stzh-card\";\n  originalEvent: MouseEvent;\n};\n\nexport type StzhCardCollapseEvent = {\n  component: \"stzh-card\";\n  collapsed: boolean;\n};\n\nexport type StzhCardClickEvent = {\n  component: \"stzh-card\";\n  originalEvent: MouseEvent;\n  href?: string;\n};\n\nexport type StzhCardStarClickEvent = {\n  component: \"stzh-card\";\n  starred: boolean;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhCardHeaderActionClickEvent = {\n  component: \"stzh-card\";\n  action: StzhCardHeaderAction;\n  originalEvent: MouseEvent;\n};\n\n/* Card Navigation */\n\nexport type StzhCardNavigationClickEvent = {\n  component: \"stzh-card-navigation\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhPiCardNavigationClickEvent = {\n  component: \"stzh-pi-content-navigation\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Pi Teaser */\n\nexport type StzhPiTeaserClickEvent = {\n  component: \"stzh-pi-teaser\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Pi Teaser Layout Element */\n\nexport type StzhPiTeaserLayoutItemClickEvent = {\n  component: \"stzh-pi-teaser-layout-item\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Card Superteaser */\n\nexport type StzhCardSuperteaserClickEvent = {\n  component: \"stzh-card-superteaser\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Card Searchresult */\n\nexport type StzhCardSearchresultClickEvent = {\n  component: \"stzh-card-searchresult\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Search */\n\nexport type StzhSearchResult = {\n  html?: string;\n  href?: string;\n  heading?: string;\n  dateline?: string;\n  description?: string;\n  image?: string;\n  imagePosition?: \"default\" | \"right\";\n  tag?: string;\n  topic?: string;\n  service?: string;\n  serviceColor?: string;\n  serviceBackgroundColor?: string;\n  meta?: string[];\n  breadcrumbItems?: StzhBreadcrumbItem[];\n  eventDateStart?: string;\n  eventDateEnd?: string;\n  eventLocation?: string;\n  download?: string;\n  downloadHeading?: string;\n  downloadMeta?: string[];\n};\n\nexport type StzhSearchChipsResult = {\n  label: string;\n  value: string;\n  amount?: number;\n  options?: { text: string; value: string }[];\n};\n\n/* Microsite Teaserlist */\n\nexport type StzhMicrositeTeaserlistTag = {\n  id: string;\n  name: string;\n};\n\nexport type StzhMicrositeTeaserlistItem = {\n  title?: string;\n  description?: string;\n  image?: string;\n  link: string;\n  tags: string[];\n  teaserid: string;\n};\n\n/* Cardlist */\n\nexport type StzhCardlistCollapseAllEvent = {\n  component: \"stzh-cardlist\";\n  allCollapsed: boolean;\n};\n\n/* Calendar */\n\nexport type StzhCalendarChangeEvent = {\n  component: \"stzh-calendar\";\n  valueAsDate: Date;\n  value: string;\n};\n\n/* Datepicker */\n\nexport type StzhDatepickerChangeEvent = {\n  component: \"stzh-datepicker\";\n  value: string;\n  valueAsDate: Date;\n};\n\n/* Pagination */\n\nexport type StzhPaginationChangeEvent = {\n  component: \"stzh-pagination\";\n  page: number;\n};\n\n/* Timepicker */\n\nexport type StzhTimepickerChangeEvent = {\n  component: \"stzh-timepicker\";\n  value: string;\n};\n\n/* Monthyearpicker */\n\nexport type StzhMonthyearpickerChangeEvent = {\n  component: \"stzh-monthyearpicker\";\n  value: string;\n  valueMonth: string;\n  valueYear: string;\n};\n\n/* Amount */\n\nexport type StzhAmountChangeEvent = {\n  component: \"stzh-amount\";\n  value: string;\n};\n\n/* Appointments */\n\nexport type StzhAppointmentsChangeEvent = {\n  component: \"stzh-appointments\";\n  value: string;\n};\n\nexport type StzhAppointment = {\n  value: string;\n  start: Date | string;\n  end: Date | string;\n  place?: string;\n  caption?: string;\n  disabled?: boolean;\n}\n\n/* Skiplink */\n\nexport type StzhSkiplinkFocusEvent = {\n  component: \"stzh-skiplink\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhSkiplinkBlurEvent = {\n  component: \"stzh-skiplink\";\n  originalEvent: FocusEvent;\n};\n\n/* Checkbox */\n\nexport type StzhCheckboxChangeEvent = {\n  component: \"stzh-checkbox\";\n  originalEvent: InputEvent | Event;\n  value: string;\n  checked: boolean;\n};\n\nexport type StzhCheckboxFocusEvent = {\n  component: \"stzh-checkbox\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhCheckboxBlurEvent = {\n  component: \"stzh-checkbox\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhCheckboxgroupChangeEvent = {\n  component: \"stzh-checkboxgroup\";\n  value: string[];\n};\n\n/* Toggle */\n\nexport type StzhToggleChangeEvent = {\n  component: \"stzh-toggle\";\n  originalEvent: InputEvent;\n  value: string;\n  checked: boolean;\n};\n\nexport type StzhToggleFocusEvent = {\n  component: \"stzh-toggle\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhToggleBlurEvent = {\n  component: \"stzh-toggle\";\n  originalEvent: FocusEvent;\n};\n\n/* Button */\n\nexport type StzhButtonVariant =\n  | \"default\"\n  | \"secondary\"\n  | \"tertiary\"\n  | \"tertiary-plain\";\nexport type StzhButtonSize = \"default\" | \"small\" | \"tiny\";\n\nexport type StzhButtonFocusEvent = {\n  component: \"stzh-button\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhButtonBlurEvent = {\n  component: \"stzh-button\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhButtonClickEvent = {\n  component: \"stzh-button\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhButtonChangeEvent = {\n  component: \"stzh-button\";\n  originalEvent: InputEvent;\n  value: string;\n  checked: boolean;\n};\n\n/* Link */\n\nexport type StzhLinkSize = \"default\" | \"small\" | \"inherit\";\n\nexport type StzhLinkFocusEvent = {\n  component: \"stzh-link\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhLinkBlurEvent = {\n  component: \"stzh-link\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhLinkClickEvent = {\n  component: \"stzh-link\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Menu (Item) */\n\nexport type StzhMenuVariant = \"default\" | \"secondary\";\nexport type StzhMenuSize = \"default\" | \"large\";\n\nexport type StzhMenuItemFocusEvent = {\n  component: \"stzh-menu-item\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhMenuItemBlurEvent = {\n  component: \"stzh-menu-item\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhMenuItemClickEvent = {\n  component: \"stzh-menu-item\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Carousel */\n\nexport type StzhCarouselSlideStartEvent = {\n  component: \"stzh-carousel\";\n  index: number;\n};\n\nexport type StzhCarouselSlidePassedEvent = {\n  component: \"stzh-carousel\";\n  index: number;\n};\n\nexport type StzhCarouselSlideEndEvent = {\n  component: \"stzh-carousel\";\n  index: number;\n};\n\n/* Chipselect */\n\nexport type StzhChipselectItem = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n  variant?: StzhChipVariant;\n  type?: StzhChipType;\n  inverted?: boolean;\n  counter?: string;\n  icon?: string;\n  size?: StzhChipSize;\n};\n\nexport type StzhChipselectChangeEvent = {\n  component: \"stzh-chipselect\";\n  value: string[] | string;\n};\n\n/* Gallery */\n\nexport type StzhGalleryItem = {\n  width: number;\n  height: number;\n  src: string;\n  srcLightbox?: string;\n  srcsetLightbox?: string;\n  alt?: string;\n  copyright?: string;\n  heading?: string;\n  headingLightbox?: string;\n  caption?: string;\n  captionLightbox?: string;\n  lightboxHtml?: string;\n  hideCounter?: boolean;\n};\n\n/* Datalist */\n\nexport type StzhDatalistItemEntry = {\n  value: string;\n  leadingIcon?: string;\n  label?: string;\n  meta?: string;\n  icon?: string;\n  iconLabel?: string;\n  iconTooltip?: string;\n  statusLabel?: string;\n  statusType?: StzhStatusType;\n  href?: string;\n  rel?: string;\n  target?: string;\n  items?: StzhDatalistItemEntry[];\n};\n\nexport type StzhDatalistVariant = \"default\" | \"table\";\nexport type StzhDatalistDirection = \"vertical\" | \"horizontal\";\n\nexport type StzhDatalistVariantChangeEvent = {\n  component: \"stzh-datalist\";\n  value: StzhDatalistVariant;\n};\n\nexport type StzhDatalistBigLabelChangeEvent = {\n  component: \"stzh-datalist\";\n  value: boolean;\n};\n\nexport type StzhDatalistDirectionChangeEvent = {\n  component: \"stzh-datalist\";\n  value: \"vertical\" | \"horizontal\";\n};\n\n/* Datalist Item */\n\nexport type StzhDatalistItemActionClickEvent = {\n  component: \"stzh-datalist-item\";\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatalistItemClickEvent = {\n  component: \"stzh-datalist-item\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Datamessagelist */\n\nexport type StzhDatamessagelistItemEntryMeta = {\n  label: string;\n  value: string;\n};\n\nexport type StzhDatamessagelistItemEntryAction = {\n  id: string | number;\n  icon: string;\n  label: string;\n  badge?: string;\n};\n\nexport type StzhDatamessagelistItemEntryTag = {\n  icon: string;\n  label: string;\n  type?: StzhChipType;\n  inverted?: boolean;\n};\n\nexport type StzhDatamessagelistItemEntryLoadingStatus = {\n  percent: number;\n  label: string;\n  type: \"default\" | \"success\" | \"warning\" | \"error\";\n};\n\nexport type StzhDatamessagelistItemClickEvent = {\n  component: \"stzh-datamessagelist-item\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhDatamessagelistItemActionClickEvent = {\n  component: \"stzh-datamessagelist-item\";\n  action: StzhDatamessagelistItemEntryAction;\n  originalEvent: MouseEvent;\n};\n\n/* Cta */\n\nexport type StzhCtaFocusEvent = {\n  component: \"stzh-cta\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhCtaBlurEvent = {\n  component: \"stzh-cta\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhCtaClickEvent = {\n  component: \"stzh-cta\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Tag */\n\nexport type StzhTagSize = \"default\" | \"large\";\nexport type StzhTagType = \"default\" | \"secondary\";\n\nexport type StzhTagClickEvent = {\n  component: \"stzh-tag\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhTagFocusEvent = {\n  component: \"stzh-tag\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhTagBlurEvent = {\n  component: \"stzh-tag\";\n  originalEvent: FocusEvent;\n};\n\n/* Chip */\n\nexport type StzhChipVariant = \"tag\" | \"filter\" | \"input\";\nexport type StzhChipSize = \"default\" | \"small\" | \"large\";\nexport type StzhChipType = \"default\" | \"success\" | \"warning\" | \"error\" | \"info\";\n\nexport type StzhChipClickEvent = {\n  component: \"stzh-chip\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhChipRemoveEvent = {\n  component: \"stzh-chip\";\n  originalEvent: MouseEvent;\n};\n\nexport type StzhChipFocusEvent = {\n  component: \"stzh-chip\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhChipBlurEvent = {\n  component: \"stzh-chip\";\n  originalEvent: FocusEvent;\n};\n\n/* VBZ Major Ticker */\n\nexport type StzhVbzMajortickerDisturbance = {\n  id: string;\n  head: string;\n  text: string;\n  startDate: Date;\n  endDate: Date;\n  altStart: string;\n  altEnd: string;\n  infoUrl?: VbzTickerInfoUrl;\n};\n\nexport type StzhVbzMajortickerDisturbanceFetchedEvent = {\n  component: \"stzh-vbz-majorticker\";\n  disturbance: StzhVbzMajortickerDisturbance | null;\n};\n\n/* VBZ Ticker */\n\nexport type VbzTickerInfoUrl = {\n  name: string;\n  url: string;\n};\n\nexport type VbzTickerDisturbance = {\n  id: string;\n  head: string;\n  startDate: Date;\n  endDate: Date;\n  altStart: string;\n  altEnd: string;\n  baseType?: string;\n  infoUrl?: VbzTickerInfoUrl;\n  category:\n  | typeof VBZ.DISTURBANCE_INFORMATION\n  | typeof VBZ.DISTURBANCE_CONSTRUCTION\n  | typeof VBZ.DISTURBANCE_NORMAL\n  | typeof VBZ.DISTURBANCE_EVENT\n  | typeof VBZ.DISTURBANCE_BUS;\n};\n\nexport type VbzTickerLine = {\n  line: VBZ.Lines;\n  name: string;\n  disturbances: VbzTickerDisturbance[];\n  // whether normal or big disturbance for this line exist\n  alert: boolean;\n  // 2 = Fernverkehr / 16 = Schiff / 32 = S-Bahn/Reg / 64 = Bus / 128 = Bergbahn / 256 = Nachtnetz / 512 = Tram\n  category: \"2\" | \"16\" | \"32\" | \"64\" | \"128\" | \"256\" | \"512\";\n};\n\n/* VBZ Line Chip */\n\nexport type StzhVbzLinechipLine = {\n  color: string;\n  background: string;\n  comment?: string;\n};\n\nexport type StzhVbzLinechipFocusEvent = {\n  component: \"stzh-vbz-linechip\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhVbzLinechipBlurEvent = {\n  component: \"stzh-vbz-linechip\";\n  originalEvent: FocusEvent;\n};\n\n/* Clamp */\n\nexport type StzhClampClampEvent = {\n  component: \"stzh-clamp\";\n  clamped: boolean;\n};\n\nexport type StzhClampExpandEvent = {\n  component: \"stzh-clamp\";\n  expanded: boolean;\n};\n\n/* Image Comparison */\n\nexport type StzhImagecomparisonChangeEvent = {\n  component: \"stzh-imagecomparison\";\n  originalEvent: InputEvent;\n  value: number;\n};\n\n/* Dialog */\n\nexport type StzhDialogOpenEvent = {\n  component: \"stzh-dialog\";\n};\n\nexport type StzhDialogCloseEvent = {\n  component: \"stzh-dialog\";\n};\n\n/* Contact */\n\nexport type ContactEmail = {\n  label: string;\n  text: string;\n  href?: string;\n  analyticsId?: string;\n};\n\nexport type ContactNumber = {\n  type: \"tel\" | \"fax\";\n  label: string;\n  number: string;\n  analyticsId?: string;\n};\n\nexport type StzhContactAvailabilityItem = {\n  weekday: string;\n  hours: string[];\n};\n\n/* Eventinfo */\n\nexport type StzhEventinfoItemInput = {\n  calendarUrl?: string;\n  calendarLabel?: string;\n  start: string | Date;\n  end: string | Date;\n};\n\nexport type StzhEventinfoItem = {\n  calendarUrl?: string;\n  calendarLabel?: string;\n  start: Date | undefined;\n  end: Date | undefined;\n};\n\nexport type StzhEventinfoMonth = {\n  name: string;\n  events: StzhEventinfoItem[];\n};\n\n/* Overlay */\n\nexport type StzhOverlayOpenEvent = {\n  component: \"stzh-overlay\";\n};\n\nexport type StzhOverlayCloseEvent = {\n  component: \"stzh-overlay\";\n};\n\n/* Banner */\n\nexport type StzhBannerOpenEvent = {\n  component: \"stzh-banner\";\n};\n\nexport type StzhBannerCloseEvent = {\n  component: \"stzh-banner\";\n};\n\n/* Message */\n\nexport type StzhMessageOpenEvent = {\n  component: \"stzh-message\";\n};\n\nexport type StzhMessageCloseEvent = {\n  component: \"stzh-message\";\n};\n\n/* Toastbar */\n\nexport type StzhToastbarInitialToast = {\n  label: string;\n  type?: StzhToastType;\n  link?:\n  | HTMLStzhLinkElement\n  | {\n    href: string;\n    label: string;\n  };\n  cookie?: string;\n  cookieExpires?: number;\n};\n\n/* Disturber */\n\nexport type StzhDisturberOpenEvent = {\n  component: \"stzh-disturber\";\n};\n\nexport type StzhDisturberCloseEvent = {\n  component: \"stzh-disturber\";\n};\n\nexport type StzhDisturberOpenedEvent = {\n  component: \"stzh-disturber\";\n};\n\nexport type StzhDisturberClosedEvent = {\n  component: \"stzh-disturber\";\n};\n\n/* Toast */\n\nexport type StzhToastType = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport type StzhToastOpenEvent = {\n  component: \"stzh-toast\";\n};\n\nexport type StzhToastCloseEvent = {\n  component: \"stzh-toast\";\n};\n\nexport type StzhToastOpenedEvent = {\n  component: \"stzh-toast\";\n};\n\nexport type StzhToastClosedEvent = {\n  component: \"stzh-toast\";\n};\n\n/* Ghettobox */\n\nexport type StzhGhettoboxOpenEvent = {\n  component: \"stzh-ghettobox\";\n};\n\nexport type StzhGhettoboxCloseEvent = {\n  component: \"stzh-ghettobox\";\n};\n\n/* Input */\n\nexport type StzhInputChangeEvent = {\n  component: \"stzh-input\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\nexport type StzhInputChangedEvent = {\n  component: \"stzh-input\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\nexport type StzhInputFocusEvent = {\n  component: \"stzh-input\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhInputBlurEvent = {\n  component: \"stzh-input\";\n  originalEvent: FocusEvent;\n};\n\n/* Popover */\n\nexport type StzhPopoverOpenEvent = {\n  component: \"stzh-popover\";\n};\n\nexport type StzhPopoverOpenedEvent = {\n  component: \"stzh-popover\";\n};\n\nexport type StzhPopoverCloseEvent = {\n  component: \"stzh-popover\";\n};\n\nexport type StzhPopoverClosedEvent = {\n  component: \"stzh-popover\";\n};\n\n/* Timeline */\n\nexport type StzhTimelineFoldableChangeEvent = {\n  component: \"stzh-timeline\";\n  value: boolean;\n};\n\n/* TimelineItem */\n\nexport type StzhTimelineItemOpenEvent = {\n  component: \"stzh-timeline-item\";\n};\n\nexport type StzhTimelineItemOpenedEvent = {\n  component: \"stzh-timeline-item\";\n};\n\nexport type StzhTimelineItemCloseEvent = {\n  component: \"stzh-timeline-item\";\n};\n\nexport type StzhTimelineItemClosedEvent = {\n  component: \"stzh-timeline-item\";\n};\n\nexport type StzhTimelineItemFocusEvent = {\n  component: \"stzh-timeline-item\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhTimelineItemBlurEvent = {\n  component: \"stzh-timeline-item\";\n  originalEvent: FocusEvent;\n};\n\n/* Accordion */\n\nexport type StzhAccordionVariant = \"default\" | \"title\" | \"table\" | \"menu\";\n\nexport type StzhAccordionVariantChangeEvent = {\n  component: \"stzh-accordion\";\n  value: StzhAccordionVariant;\n};\n\nexport type StzhAccordionItemOpenEvent = {\n  component: \"stzh-accordion-item\";\n};\n\nexport type StzhAccordionItemOpenedEvent = {\n  component: \"stzh-accordion-item\";\n};\n\nexport type StzhAccordionItemCloseEvent = {\n  component: \"stzh-accordion-item\";\n};\n\nexport type StzhAccordionItemClosedEvent = {\n  component: \"stzh-accordion-item\";\n};\n\nexport type StzhAccordionItemFocusEvent = {\n  component: \"stzh-accordion-item\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhAccordionItemBlurEvent = {\n  component: \"stzh-accordion-item\";\n  originalEvent: FocusEvent;\n};\n\n/* Pi Menu */\n\nexport type StzhPiMenuOpenEvent = {\n  component: \"stzh-pi-menu\";\n};\n\nexport type StzhPiMenuOpenedEvent = {\n  component: \"stzh-pi-menu\";\n};\n\nexport type StzhPiMenuCloseEvent = {\n  component: \"stzh-pi-menu\";\n};\n\nexport type StzhPiMenuClosedEvent = {\n  component: \"stzh-pi-menu\";\n};\n\nexport type StzhPiMenuItemClickEvent = {\n  component: \"stzh-pi-menu\";\n  originalEvent: MouseEvent;\n};\n\n/* Tooltip */\n\nexport type StzhTooltipOpenEvent = {\n  component: \"stzh-tooltip\";\n};\n\nexport type StzhTooltipOpenedEvent = {\n  component: \"stzh-tooltip\";\n};\n\nexport type StzhTooltipCloseEvent = {\n  component: \"stzh-tooltip\";\n};\n\nexport type StzhTooltipClosedEvent = {\n  component: \"stzh-tooltip\";\n};\n\n/* Radio */\n\nexport type StzhRadioChangeEvent = {\n  component: \"stzh-radio\";\n  originalEvent: InputEvent;\n  value: string;\n  checked: boolean;\n};\n\nexport type StzhRadioFocusEvent = {\n  component: \"stzh-radio\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhRadioBlurEvent = {\n  component: \"stzh-radio\";\n  originalEvent: FocusEvent;\n};\n\n/* Daterange */\n\nexport type StzhDaterangeRanges = \"today\" | \"tomorrow\" | \"next7days\";\n\n/* Dropdown */\n\nexport type StzhDropdownSize = \"default\" | \"small\" | \"tiny\" | StzhChipSize;\n\nexport type StzhDropdownOption = {\n  text: string;\n  value: string;\n  disabled?: boolean;\n};\n\nexport type StzhDropdownChangeEvent = {\n  component: \"stzh-dropdown\";\n  value: string | string[];\n};\n\nexport type StzhDropdownItemAddEvent = {\n  component: \"stzh-dropdown\";\n  value: string;\n};\n\nexport type StzhDropdownItemRemoveEvent = {\n  component: \"stzh-dropdown\";\n  value: string;\n};\n\nexport type StzhDropdownOptionAddEvent = {\n  component: \"stzh-dropdown\";\n  value: string;\n};\n\nexport type StzhDropdownOptionRemoveEvent = {\n  component: \"stzh-dropdown\";\n  value: string;\n};\n\nexport type StzhDropdownOpenEvent = {\n  component: \"stzh-dropdown\";\n};\n\nexport type StzhDropdowCloseEvent = {\n  component: \"stzh-dropdown\";\n};\n\nexport type StzhDropdownFocusEvent = {\n  component: \"stzh-dropdown\";\n  originalEvent: {\n    target: Element;\n  };\n};\n\nexport type StzhDropdownBlurEvent = {\n  component: \"stzh-dropdown\";\n};\n\nexport type StzhDropdowInitEvent = {\n  component: \"stzh-dropdown\";\n};\n\n/** Stepper */\n\nexport type StzhStepperDataItem = {\n  label: string;\n  icon?: string;\n  disabled?: boolean;\n  clickDisabled?: boolean;\n  incomplete?: boolean;\n  analyticsId?: string;\n};\n\n/* Stepper Item */\n\nexport type StzhStepperItemClickEvent = {\n  component: \"stzh-stepper-item\";\n  originalEvent: MouseEvent;\n  index: number;\n};\n\nexport type StzhStepperItemDottedClickEvent = {\n  component: \"stzh-stepper-item\";\n  originalEvent: MouseEvent;\n  index: number;\n};\n\n/* Saptcha */\nexport type StzhSaptchaChangeEvent = {\n  component: \"stzh-saptcha\";\n  originalEvent: CustomEvent;\n  value: string;\n};\n\n/* Upload */\n\nexport type StzhUploadFilesItem = {\n  name: string;\n  size: number;\n  [key: string]: any;\n};\n\nexport type StzhUploadFile = File & {\n  xhr: XMLHttpRequest;\n  status: string;\n  upload: any;\n  accepted: boolean;\n  previewElement: HTMLElement;\n  uuid: string;\n  _id: number;\n};\n\nexport type StzhUploadFileAddedEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadFilesAddedEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n};\n\nexport type StzhUploadFileRemoveEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadFileRemovedEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  force: boolean;\n};\n\nexport type StzhUploadSendingEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  xhr: XMLHttpRequest;\n  formData: FormData;\n};\n\nexport type StzhUploadSendingMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n  xhr: XMLHttpRequest;\n  formData: FormData;\n};\n\nexport type StzhUploadProcessingEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadProcessingMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n};\n\nexport type StzhUploadProgressEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  progress: number;\n  bytesSent: number;\n};\n\nexport type StzhUploadProgressTotalEvent = {\n  component: \"stzh-upload\";\n  totalUploadProgress: number;\n  totalBytes: number;\n  totalBytesSent: number;\n};\n\nexport type StzhUploadErrorEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  message: string;\n  xhr: XMLHttpRequest;\n};\n\nexport type StzhUploadErrorMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n  message: string;\n  xhr: XMLHttpRequest;\n};\n\nexport type StzhUploadSuccessEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  responseText: string;\n  event: ProgressEvent;\n};\n\nexport type StzhUploadSuccessMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n  responseText: string;\n  event: ProgressEvent;\n};\n\nexport type StzhUploadCanceledEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadCanceledMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n};\n\nexport type StzhUploadCompleteEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadCompleteMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n};\n\n// Merged Types\n\nexport type StzhFocusEvent =\n  | StzhAccordionItemFocusEvent\n  | StzhButtonFocusEvent\n  | StzhCheckboxFocusEvent\n  | StzhChipFocusEvent\n  | StzhDropdownFocusEvent\n  | StzhInputFocusEvent\n  | StzhLinkFocusEvent\n  | StzhMenuItemFocusEvent\n  | StzhRadioFocusEvent\n  | StzhToggleFocusEvent\n  | StzhVbzLinechipFocusEvent\n  | StzhSkiplinkFocusEvent;\n\n/* GeoRefData */\n\nexport type StzhAvailableTag = {\n  label: string;\n  value: string;\n};\n\nexport type StzhPoiGeoRefData = {\n  poiid: string;\n  category: string;\n  street: string;\n  zip: string;\n  zvv: string;\n  ou: string;\n  poiname: string;\n  poinamezus: string;\n  title: string;\n  description: string;\n  image: string;\n  path: string;\n  date: string;\n  tags: string[];\n  data: { text: string; icon: string }[];\n};\n\nexport type StzhMapGeoRefData = {\n  lat: string;\n  lon: string;\n  poiid: string;\n};\n\nexport type StzhCombinedGeoRefData = StzhPoiGeoRefData & StzhMapGeoRefData;\n\n/* Poi Card and List */\n\nexport type StzhPoiCardItemData = {\n  variant: \"lido\" | \"parking\" | \"iceskating\";\n  url: string;\n  title: string;\n  distance?: string;\n  temp?: string;\n  statusMessage?: string;\n  statusMessageContent?: string;\n  success?: boolean;\n};\n\nexport type StzhPoiListMetaData = {\n  itemsPerPage: number;\n  totalItems: number;\n  currentPage: number;\n  totalPages: number;\n  sortBy: {\n    [key: string]: \"DESC\" | \"ASC\";\n  };\n};\n\nexport type StzhPoiListData = {\n  items: StzhPoiCardItemData[];\n  meta: StzhPoiListMetaData;\n};\n\n/* Bathstatus Item and List */\n\nexport type StzhBathstatusItemData = {\n  url: string;\n  title: string;\n  description?: string;\n  temp?: string;\n  statusMessage?: string;\n  lastUpdate?: string;\n  uvIndexPrediction?: number;\n};\n\nexport type StzhBathstatusListData = {\n  items: StzhBathstatusItemData[];\n};\n\n/* Socialmedia Stream */\n\nexport enum StzhSocialmediastreamItemActionVariant {\n  likes = \"likes\",\n  comments = \"comments\",\n  shares = \"shares\",\n}\n\nexport type StzhSocialmediastreamItemData = {\n  image?: string;\n  link: string;\n  date: string;\n  account: {\n    title: string;\n    handle: string;\n    url: string;\n  };\n  channel: \"facebook\" | \"instagram\" | \"x\" | \"twitter\" | \"youtube\";\n  text: string;\n  actions: {\n    title: string;\n    url: string;\n    variant: StzhSocialmediastreamItemActionVariant;\n    count: number;\n  }[];\n};\n\n// ---\n// Prop Types\n// ---\n\nexport type StzhCalendarDateDisabledPredicate = (date: Date) => boolean;\n\nexport namespace Layout {\n  export type Ratio = \"16:9\" | \"1:1\" | \"5:4\" | \"4:3\" | \"3:2\" | \"2:1\" | \"21:9\";\n\n  export type Justify =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"between\"\n    | \"around\"\n    | \"evenly\";\n\n  export type Items = \"start\" | \"end\" | \"center\" | \"baseline\" | \"stretch\";\n\n  export type JustifySelf = \"auto\" | Justify;\n\n  export type AlignSelf = \"auto\" | Items;\n}\n\nexport namespace Space {\n  export type Sizes =\n    | \"xxxsmall\"\n    | \"xxsmall\"\n    | \"xsmall\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"xlarge\"\n    | \"xxlarge\"\n    | \"xxxlarge\"\n    | \"xxxxlarge\"\n    | \"big\"\n    | \"xbig\"\n    | \"huge\"\n    | \"xhuge\"\n    | \"none\"\n    | \"inherit\";\n\n  export type Curves =\n    | \"tiny\"\n    | \"small\"\n    | \"regular\"\n    | \"medium\"\n    | \"large\"\n    | \"big\"\n    | \"huge\"\n    | \"none\";\n}\n\nexport namespace Font {\n  export type Fonts = \"light\" | \"regular\" | \"medium\" | \"heavy\" | \"default\";\n\n  export type Sizes =\n    | \"pico\"\n    | \"nano\"\n    | \"micro\"\n    | \"milli\"\n    | \"centi\"\n    | \"deci\"\n    | \"regular\"\n    | \"deca\"\n    | \"hecto\"\n    | \"kilo\"\n    | \"mega\"\n    | \"giga\"\n    | \"hero\";\n\n  export type Curves =\n    | \"p1\"\n    | \"p2\"\n    | \"lead\"\n    | \"caption\"\n    | \"h4\"\n    | \"h3\"\n    | \"h2\"\n    | \"h1\"\n    | \"hero\"\n    | \"h1home\"\n    | \"default\"\n    | \"none\";\n}\n\nexport namespace VBZ {\n  export const BASE_TYPE_GLOBAL = \"GLOBAL\";\n\n  export const CHANNEL_TICKER = \"ticker\";\n  export const CHANNEL_INFO_URL_FILTER = \"stadt-zuerich.ch/vbz\";\n\n  export const DISTURBANCE_GLOBAL = \"__global__\";\n  export const DISTURBANCE_INFORMATION = \"0\";\n  export const DISTURBANCE_CONSTRUCTION = \"1\";\n  export const DISTURBANCE_NORMAL = \"2\";\n  export const DISTURBANCE_EVENT = \"4\";\n  export const DISTURBANCE_BUS = \"5\";\n\n  export type Lines =\n    | \"2\"\n    | \"3\"\n    | \"4\"\n    | \"5\"\n    | \"6\"\n    | \"7\"\n    | \"8\"\n    | \"9\"\n    | \"10\"\n    | \"11\"\n    | \"12\"\n    | \"13\"\n    | \"14\"\n    | \"15\"\n    | \"16\"\n    | \"17\"\n    | \"19\"\n    | \"20\"\n    | \"21\"\n    | \"23\"\n    | \"24\"\n    | \"25\"\n    | \"29\"\n    | \"31\"\n    | \"32\"\n    | \"33\"\n    | \"34\"\n    | \"35\"\n    | \"36\"\n    | \"37\"\n    | \"38\"\n    | \"39\"\n    | \"40\"\n    | \"45\"\n    | \"46\"\n    | \"54\"\n    | \"61\"\n    | \"62\"\n    | \"63\"\n    | \"64\"\n    | \"66\"\n    | \"67\"\n    | \"69\"\n    | \"70\"\n    | \"72\"\n    | \"73\"\n    | \"75\"\n    | \"76\"\n    | \"77\"\n    | \"78\"\n    | \"79\"\n    | \"80\"\n    | \"83\"\n    | \"89\"\n    | \"91\"\n    | \"94\"\n    | \"95\"\n    | \"99\"\n    | \"151\"\n    | \"152\"\n    | \"153\"\n    | \"156\"\n    | \"161\"\n    | \"162\"\n    | \"163\"\n    | \"165\"\n    | \"184\"\n    | \"185\"\n    | \"200\"\n    | \"201\"\n    | \"215\"\n    | \"220\"\n    | \"235\"\n    | \"236\"\n    | \"245\"\n    | \"301\"\n    | \"302\"\n    | \"303\"\n    | \"304\"\n    | \"305\"\n    | \"306\"\n    | \"307\"\n    | \"308\"\n    | \"309\"\n    | \"311\"\n    | \"314\"\n    | \"315\"\n    | \"317\"\n    | \"321\"\n    | \"323\"\n    | \"325\"\n    | \"350\"\n    | \"444\"\n    | \"445\"\n    | \"701\"\n    | \"702\"\n    | \"703\"\n    | \"704\"\n    | \"705\"\n    | \"720\"\n    | \"721\"\n    | \"725\"\n    | \"726\"\n    | \"727\"\n    | \"742\"\n    | \"743\"\n    | \"744\"\n    | \"745\"\n    | \"747\"\n    | \"748\"\n    | \"751\"\n    | \"752\"\n    | \"753\"\n    | \"754\"\n    | \"759\"\n    | \"760\"\n    | \"765\"\n    | \"768\"\n    | \"781\"\n    | \"786\"\n    | \"787\"\n    | \"910\"\n    | \"912\"\n    | \"916\"\n    | \"917\"\n    | \"918\"\n    | \"919\"\n    | \"E\"\n    | \"N\"\n    | \"N1\"\n    | \"N2\"\n    | \"N4\"\n    | \"N5\"\n    | \"N6\"\n    | \"N7\"\n    | \"N8\"\n    | \"N9\"\n    | \"N10\"\n    | \"N11\"\n    | \"N12\"\n    | \"N13\"\n    | \"N14\"\n    | \"N15\"\n    | \"N16\"\n    | \"N17\"\n    | \"N18\"\n    | \"N19\"\n    | \"N30\"\n    | \"N31\"\n    | \"N32\"\n    | \"N33\"\n    | \"N34\"\n    | \"N45\"\n    | \"N72\"\n    | \"N78\"\n    | \"SN1\"\n    | \"SN4\"\n    | \"SN5\"\n    | \"SN6\"\n    | \"SN7\"\n    | \"SN8\"\n    | \"SN9\"\n    | \"S2\"\n    | \"S3\"\n    | \"S4\"\n    | \"S5\"\n    | \"S6\"\n    | \"S7\"\n    | \"S8\"\n    | \"S9\"\n    | \"S10\"\n    | \"S11\"\n    | \"S14\"\n    | \"S15\"\n    | \"S16\"\n    | \"S18\"\n    | \"S19\"\n    | \"S20\"\n    | \"S21\"\n    | \"S23\"\n    | \"S24\"\n    | \"S25\";\n}\n\n// ---\n// Teaser layout types\n// ---\n\nexport type PiTeaser = {\n  type: \"teaser\";\n  href: string;\n  dateline?: string;\n  heading: string;\n  date?: string;\n  imageSrc?: string;\n  lead?: string;\n}\n\nexport type EmptyTeaser = {\n  type: \"empty-teaser\";\n}\n\n// ---\n// Stencil component types\n// ---\n\nexport * from \"./components\";\n"],"mappings":"SAoEgBA,EAAGC,EAAqBC,GACtC,IAAKD,EAAa,CAChB,MAAO,E,CAGT,MAAME,EAAQF,EAAYG,MAAM,KAChC,IAAIC,EAAOF,EAAM,GAAGG,OAEpB,GAAIH,EAAMI,SAAW,GAAKL,IAAU,EAAG,CACrCG,EAAOF,EAAM,GAAGG,M,MACX,GAAIH,EAAMI,SAAW,IAAML,EAAQ,GAAKA,IAAU,MAAO,CAC9DG,EAAOF,EAAM,GAAGG,M,CAGlB,GAAIH,EAAMI,SAAW,GAAKL,IAAU,EAAG,CACrCG,EAAOF,EAAM,GAAGG,M,CAGlB,OAAOD,EAAKG,QAAQ,WAAWN,IAAK,MAALA,SAAK,SAALA,EAAOO,aAAc,GACtD,C,IA80DYC,GAAZ,SAAYA,GACVA,EAAA,iBACAA,EAAA,uBACAA,EAAA,kBACD,EAJD,CAAYA,MAAsC,K,IAgHjCC,GAAjB,SAAiBA,GACFA,EAAAC,iBAAmB,SAEnBD,EAAAE,eAAiB,SACjBF,EAAAG,wBAA0B,uBAE1BH,EAAAI,mBAAqB,aACrBJ,EAAAK,wBAA0B,IAC1BL,EAAAM,yBAA2B,IAC3BN,EAAAO,mBAAqB,IACrBP,EAAAQ,kBAAoB,IACpBR,EAAAS,gBAAkB,GAyLhC,EApMD,CAAiBT,MAAG,Y"}