@oiz/stzh-components 4.5.0 → 4.6.0-beta1

package/dist/cjs/stzh-text.cjs.entry.js

@@ -21,7 +21,7 @@ const StzhText = class {
         this.sizeUltra = "inherit";
     }
     render() {
-        return (index.h(index.Host, { key: '1ec9314cc970b7a79bbedae80e303b125dc19157' }, index.h("div", { key: '825ebf793d96136e562ceb2b1766f9db718bccab', class: {
+        return (index.h(index.Host, { key: '358852e9ff3f3371de26c3bc0b7e58f4ffb30b93' }, index.h("div", { key: '4033c19385a0a578a8eb0f0a3e07279c7055eedb', class: {
                 "stzh-text": true,
                 "stzh-text--is-lead": this.lead,
                 [`stzh-text--font-${this.font}`]: !!this.font,
@@ -31,7 +31,7 @@ const StzhText = class {
                 [`stzh-text--size-medium-${this.sizeMedium}`]: !!this.sizeMedium,
                 [`stzh-text--size-large-${this.sizeLarge}`]: !!this.sizeLarge,
                 [`stzh-text--size-ultra-${this.sizeUltra}`]: !!this.sizeUltra,
-            } }, index.h("div", { key: '279ba05023ca81c3c37332dd4aa91183632b0b8d', class: "stzh-text__text" }, index.h("div", { key: '8991039f634dd5722439bfda60b57dda1975fec0', class: "stzh-text__icon" }, index.h("slot", { key: '59534b453bae64bf2ba2e563b86c1f9198f48c64', name: "icon" })), index.h("div", { key: 'c8aa41f6be05d1586fc2569107011ab95fbb9e1f', class: "stzh-text__text-inner" }, index.h("slot", { key: '649a5bede6d99063f718cedb86cc2584dcf08adb' }))))));
+            } }, index.h("div", { key: '073aa7e7cefb5f6eb2bbc9388f030ef2085326bc', class: "stzh-text__text" }, index.h("div", { key: '90aa0f792ad6aa1bfcaa03d969751ae055cef227', class: "stzh-text__icon" }, index.h("slot", { key: '1c9da57696dbc4e79a20bb2719ed4c03e5d4fc53', name: "icon" })), index.h("div", { key: '204d41fd981d654839a63426f386f7574b08bff3', class: "stzh-text__text-inner" }, index.h("slot", { key: 'bec62bfb9db142a57114829bb9b17d30ef8ebbd6' }))))));
     }
 };
 StzhText.style = StzhTextStyle0;

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

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

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

@@ -260,7 +260,7 @@ const StzhTimelineItem = class {
             "stzh-timeline-item--is-foldable": this._foldable,
             "stzh-timeline-item--is-completed": this.completed,
         };
-        return (index.h(index.Host, { key: '930482ee6c9bc0e3a09acf43e184b99d916fc1e0', role: "listitem", "is-foldable": this._foldable, tabindex: this.disabled ? null : this.rootTabindex, onFocus: this.onRootFocus }, index.h("div", { key: '132029773724ca80b2fc1b9197c319c177bca025', class: classes }, index.h(Heading, { key: 'c0347d74af49b847af742cc052937a85ecfa7334', id: `${this.timelineItemId}-header`, class: "stzh-timeline-item__heading", onClick: this.handleHeaderClick }, index.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 }, index.h("span", { key: '18a4877faf05faa794fdc8fd9f02043ebe58120b', class: "stzh-timeline-item__bullet" }, hasIcon || this.completed ? (index.h("span", { class: "stzh-timeline-item__bullet-icon-wrapper" }, this.icon || this.completed ? (index.h("stzh-icon", { class: "stzh-timeline-item__bullet-icon", name: this.icon ? this.icon : "checkmark" })) : (index.h("slot", { name: "icon" })))) : (index.h("span", { class: "stzh-timeline-item__bullet-text" }, this.step)), (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: 'cd44fed3b57708b383027c23d45c6216b1a278a7', class: "stzh-timeline-item__badge", label: this.badge, type: this.badgeType }))), index.h("div", { key: 'baa755c58fc348532372fedd689315347b826003', class: "stzh-timeline-item__button-inner" }, index.h("span", { key: '21b68e0de062864d8b611615bd118ed2af536536', class: "stzh-timeline-item__button-text" }, index.h("span", { key: 'd42906d3dc1ce4e319b4298c60e39cc99e69270a', class: "stzh-timeline-item__heading-text" }, this.heading), index.h("span", { key: '827a608fabd03e4828d0d58cf93192f3b49f3699', class: "stzh-timeline-item__description" }, this.description)), this._foldable && index.h("span", { key: '3dcf1e2c05cabf49ab34784a529f0b3eab517787', class: "stzh-timeline-item__button-icon" })))), index.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 }, index.h("div", { key: 'ad6efefd864f4cd9909857f1d99c046fcf90870c', class: "stzh-timeline-item__content-inner" }, index.h("slot", { key: '0ff1a00e931ea5de6d42713a189b2b61ceb96c62' }))))));
+        return (index.h(index.Host, { key: '252897024b683b788aaa9d9b08b7a0aaea680628', role: "listitem", "is-foldable": this._foldable, tabindex: this.disabled ? null : this.rootTabindex, onFocus: this.onRootFocus }, index.h("div", { key: '14bc316a0a2d8ff17b0440f170ff03cd9e923981', class: classes }, index.h(Heading, { key: 'cf8dc7a69ee41d7eecb1a534cfb9502a580493ac', id: `${this.timelineItemId}-header`, class: "stzh-timeline-item__heading", onClick: this.handleHeaderClick }, index.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 }, index.h("span", { key: '09ca54f97ab66d5267e70f5d49c65728edae311c', class: "stzh-timeline-item__bullet" }, hasIcon || this.completed ? (index.h("span", { class: "stzh-timeline-item__bullet-icon-wrapper" }, this.icon || this.completed ? (index.h("stzh-icon", { class: "stzh-timeline-item__bullet-icon", name: this.icon ? this.icon : "checkmark" })) : (index.h("slot", { name: "icon" })))) : (index.h("span", { class: "stzh-timeline-item__bullet-text" }, this.step)), (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: '51b984d8a8f7d843c4867d5845df3d964a0709d3', class: "stzh-timeline-item__badge", label: this.badge, type: this.badgeType }))), index.h("div", { key: '2e6f4d9f8ea8f439a608a97660df5ca420ba7d4d', class: "stzh-timeline-item__button-inner" }, index.h("span", { key: 'f0538916305f93370e293ba25fb8251651e27da4', class: "stzh-timeline-item__button-text" }, index.h("span", { key: '8dfc03c9f8c5b33b3d5724db4de1d7d26edae6c3', class: "stzh-timeline-item__heading-text" }, this.heading), index.h("span", { key: '1f3741707d40b9add49a4f88bdf4b98d38cc4bae', class: "stzh-timeline-item__description" }, this.description)), this._foldable && index.h("span", { key: '4c8d0f6cd62d3c13a8971d4987da6a7316a16303', class: "stzh-timeline-item__button-icon" })))), index.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 }, index.h("div", { key: '0fc5410da9129574fff489d2b5528f10680a26ba', class: "stzh-timeline-item__content-inner" }, index.h("slot", { key: 'bd8964adf707362947c3bbb6cb41e04995f2b74b' }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -77,7 +77,7 @@ const StzhTimepicker = class {
         const classes = {
             "stzh-timepicker": true,
         };
-        return (index.h(index.Host, { key: 'ecdd8abae96e3bc13a753a7d8be48eb72764146e', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '3203e976d76a0c9dccd3d40dadcc4f8bbc51292a', class: classes }, index.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 (index.h(index.Host, { key: '90d04a7417032c9c2478ff8601a4dd08648d3b2a', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '97f320161d1b0cf25fb0cc725feb150c98fc01b8', class: classes }, index.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 index.getElement(this); }
     static get watchers() { return {

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

@@ -178,10 +178,10 @@ const StzhToast = class {
             "stzh-toast--has-close-hidden": this.hideClose,
             [`stzh-toast--type-${this.type}`]: !!this.type,
         };
-        return (index.h(index.Host, { key: 'c91c2a462c58051f784c95e14a1bdc9b2b54eac1' }, index.h("div", { key: '97de4754a19b043980938fa11c79455ab9d70870', ref: el => (this.rootElement = el), class: classes }, index.h("div", { key: '49b0c65564de552a72cb07ce4f15b2d6e8e5d58d', class: "stzh-toast__content" }, index.h("div", { key: 'cadad11688227fac42e7e58245f4373c3e37d1e9', class: "stzh-toast__icon-wrapper" }, index.h("stzh-icon", { key: '45808e4ce5f61aac856be9aca28fa0739f458006', class: "stzh-toast__icon", name: (this.type === "info" && "info-help-filled") ||
+        return (index.h(index.Host, { key: 'feda086cea30bbc52cfea339f87173e0398915de' }, index.h("div", { key: '792ae294ee842086d5c1eed357cf06e7987b7ff1', ref: el => (this.rootElement = el), class: classes }, index.h("div", { key: '2cc591d5129ae91b512945833009372162edc57d', class: "stzh-toast__content" }, index.h("div", { key: 'b80eee232999f58aec00968ce636b7709936e70c', class: "stzh-toast__icon-wrapper" }, index.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") })), index.h("div", { key: '3b773117531a6eefe0c58396f9f56375fd78dffb', class: "stzh-toast__text-wrapper" }, index.h("div", { key: 'aa51433d6e395c51edfd295d2db1eb28c7822984', class: "stzh-toast__label" }, this.label), index.h("div", { key: '366563de8fe942b708e8138a1188d41cc92d4bde', class: "stzh-toast__link" }, index.h("slot", { key: 'ed6a7e9c56d5290380dfdad17ee4737a47c46ec7', name: "link", onSlotchange: this.handleLinkSlotchange })))), !this.hideClose && (index.h("div", { key: '6a3a3fa4eb23df864b253285902d759943ae62f7', class: "stzh-toast__close-wrapper" }, index.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") })), index.h("div", { key: '7d3b99d765aaff5fc3e2941b30ef68e8b0df070a', class: "stzh-toast__text-wrapper" }, index.h("div", { key: 'ef7ac9faaefc5598bacc86043c9ec5c60d02c9b9', class: "stzh-toast__label" }, this.label), index.h("div", { key: 'f0fabf10763fbd16a8faca64317ed7e9848df286', class: "stzh-toast__link" }, index.h("slot", { key: 'e35cc4180b2476275cbc1d91ea9df22acb298ddc', name: "link", onSlotchange: this.handleLinkSlotchange })))), !this.hideClose && (index.h("div", { key: '8a15292db588f29463226d5588f8cbb25da14258', class: "stzh-toast__close-wrapper" }, index.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 index.getElement(this); }
     static get watchers() { return {
@@ -319,7 +319,7 @@ const StzhToastbar = class {
         const classes = {
             "stzh-toastbar": true,
         };
-        return (index.h(index.Host, { key: '124fcfd3e69b89f9e2f258bf7b3064c14316617f' }, index.h("div", { key: '25339e7b3cc89046176ac92dc5d8033273e5a69b', class: classes }, index.h("slot", { key: 'ac422019afff84a64ada6095809a5fc5fc744a48', onSlotchange: this.handleSlotchange }))));
+        return (index.h(index.Host, { key: '9f89aad266fd0fafd91bea98f836c2898ad142d0' }, index.h("div", { key: '6199f1fc96aac871a545958bdfcb5a3f58e6cefc', class: classes }, index.h("slot", { key: 'ccb7700c12301dede6a89cbefc9d94914397b21e', onSlotchange: this.handleSlotchange }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -129,11 +129,11 @@ const StzhToggle = class {
             "stzh-toggle--has-description-long": descriptionLongUsed,
             [`stzh-toggle--has-label-${this.labelPosition}`]: !!this.labelPosition,
         };
-        return (index.h(index.Host, { key: 'f61ed599c604aaf1af903b4a8b807da9a50b2790', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '9aefb7a4fab626c0acf820fe9b5269ac9c9d8c6e', class: classes }, index.h("label", { key: '16a52b336e89a6d460a12a5ca6d86cfffdc70874', class: "stzh-toggle__field-wrapper" }, index.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 }), index.h("div", { key: 'c9094a0548e39a29632833b919a92dc98b277610', class: "stzh-toggle__mark" }, index.h("div", { key: 'c9531478c55af53346c51f6f6dbde8d9f3519596', class: "stzh-toggle__check" })), index.h("div", { key: '0db172faacddec80fec0ae89ca779dc6499c4a18', class: "stzh-toggle__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: '8fa9d41692006eedce48b9176e67a1031bb45138', class: "stzh-toggle__marker" }, index.h("span", { key: '0ae3850dfc182ce3d1c61584eeb5d1035d148c7f', class: "stzh-toggle__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: 'c573f18dbbfe352a83256295e7d658aba6e3af3c', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'd671821e15d497cab952c0b6eb7720751e5ca86a', class: classes }, index.h("label", { key: 'd2d3755138d92fa0e9eccfc34bb39a5fa307c3e3', class: "stzh-toggle__field-wrapper" }, index.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 }), index.h("div", { key: 'e7ec846399555e772e6b1c1e7817c350e77c96a5', class: "stzh-toggle__mark" }, index.h("div", { key: '31bdc6b747669690c1be7ccbb97ec5087aa2d2f5', class: "stzh-toggle__check" })), index.h("div", { key: '6b099738460f19f59e7073b3ab9aae3ac0380919', class: "stzh-toggle__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: 'd1e4fcd84b442e091912d4cef736a24986d1b009', class: "stzh-toggle__marker" }, index.h("span", { key: 'c979be0788ee13d16c0d10fd9e5c229479b7ea69', class: "stzh-toggle__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: 'f45dd6f9c0a8c2bfde428b3df35c702a43d063c5', class: "stzh-toggle__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '3d47e6d2da04416c996aa35da0179b62d8f874fd', class: "stzh-toggle__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), index.h(stzhInputDescription.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))))), index.h(stzhInputDescription.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 index.getElement(this); }
     static get watchers() { return {

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

@@ -340,7 +340,7 @@ const StzhTooltip = class {
             [`stzh-tooltip--open`]: this.open,
             [`stzh-tooltip--placement-${this.computedPlacement}`]: !!this.computedPlacement,
         };
-        return (index.h(index.Host, { key: 'f54ce964dd7fbf7c8cf639629ae9c6f3debe41b5' }, index.h("div", { key: 'e1bd6c9a8d5388378d9a1978c7350478c56f1da2', class: classes }, index.h("div", { key: '6b1a695d7f160377e89a4d64e3012022f1ef814b', class: "stzh-tooltip__trigger", ref: el => (this.triggerElement = el) }, index.h("slot", { key: '5c8ae192703254c6e0dd082eb2e021ec5c388bde' })), this.hasTrigger("click") && (index.h("div", { key: '5444340aa4e9e41ed1598e4fd94214f2aa962167', class: "stzh-tooltip__vhidden", id: `${this.id}-trigger-description` }, this.localization.open)), index.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 }, index.h("div", { key: 'd6e69920cd80a3e5ae230a2a2320844b7d3640e5', class: "stzh-tooltip__arrow", ref: el => (this.arrowElement = el), innerHTML: arrow.Arrow }), this.label && (index.h("h2", { key: '04acd151927077f8c88c4e3f864a0af189fe777a', id: `${this.id}-label`, class: "stzh-tooltip__vhidden" }, this.label)), this.hasTrigger("click") && (index.h("button", { key: 'fb4d913114554c29f70a0c24d1cb916ae861bac0', class: "stzh-tooltip__close", onClick: () => this.hide(), type: "button" }, index.h("stzh-icon", { key: '7e08a05a8610bd9713a136e2a349b2361379b052', name: "close", class: "stzh-tooltip__icon" }), index.h("span", { key: '03bdeb548fed00dd6415fa756fc7486f2c068b50', class: "stzh-tooltip__vhidden" }, this.localization.close))), index.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 : index.h("slot", { name: "content" }))))));
+        return (index.h(index.Host, { key: '67948b0604c4871d4899392840b2fdf271ea2121' }, index.h("div", { key: '67f57022d1b018ad810f0b5358aaa812f4647bb8', class: classes }, index.h("div", { key: 'ad0215e2fbdcb7b43496cd087069e3eade407033', class: "stzh-tooltip__trigger", ref: el => (this.triggerElement = el) }, index.h("slot", { key: 'fe4761d1bbbf89e4b485b12d23372115d1b8ff61' })), this.hasTrigger("click") && (index.h("div", { key: '6620e0a3e9d70c83a0feb79267e4c7260b7e43fb', class: "stzh-tooltip__vhidden", id: `${this.id}-trigger-description` }, this.localization.open)), index.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 }, index.h("div", { key: '6eab6ee7e6868b89af87fd8682ec5156a1d38c13', class: "stzh-tooltip__arrow", ref: el => (this.arrowElement = el), innerHTML: arrow.Arrow }), this.label && (index.h("h2", { key: '588bea989466372661403e88d968e8cf0f1ea250', id: `${this.id}-label`, class: "stzh-tooltip__vhidden" }, this.label)), this.hasTrigger("click") && (index.h("button", { key: 'f38f700ab6d4de381d3ebe95a8d5848be8dc92a3', class: "stzh-tooltip__close", onClick: () => this.hide(), type: "button" }, index.h("stzh-icon", { key: 'b44e77e22003362c138e336402f27f043b7276ea', name: "close", class: "stzh-tooltip__icon" }), index.h("span", { key: 'e3074bb2ee0e793b9ac62fde8906cfcd4e7aaffa', class: "stzh-tooltip__vhidden" }, this.localization.close))), index.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 : index.h("slot", { name: "content" }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

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

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

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

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

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

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

@@ -42,7 +42,7 @@ const StzhYoutube = class {
             "&enablejsapi=1" +
             "&widgetid=1" +
             (this.previewSkipped ? "" : "&autoplay=1");
-        return (index.h(index.Host, { key: 'f915218fc3ef5b9b13bc15d5bb291c655ccf70c6' }, index.h("div", { key: '2487cb89f2c3e36b2971e583afb8b652396a9670', class: classes }, index.h("stzh-ratio", { key: 'd854f8a366e6af63b3ff79dedb825bf5c5656361' }, index.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 }, index.h("slot", { key: '9ba4be8f219c93c653773ec763e50de56c163d7d', name: "preview-logo", slot: "preview-logo" }), index.h("slot", { key: '57c58b21543679072de7bf1a74fc3b8e8a5bb7a0', name: "preview-image", slot: "preview-image" }), index.h("div", { key: '5fe6ec8bed3e854a6ce0be066a12f64fb092c63a', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
+        return (index.h(index.Host, { key: '7677c18c200ea5ac5b9720c191d1095926296382' }, index.h("div", { key: '3eee0c107361a8c62fb198fa4fb434868a1a21a5', class: classes }, index.h("stzh-ratio", { key: 'f812f92bff4438e97e780c5ea3d4081cd3fae384' }, index.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 }, index.h("slot", { key: '91116cf6a6731c8414340fc26336081a5965c9a3', name: "preview-logo", slot: "preview-logo" }), index.h("slot", { key: 'cb753543214916c63f4ddd9a3941b4318c18d808', name: "preview-image", slot: "preview-image" }), index.h("div", { key: '65b289188b1524cd8ef64cb3076002ac334d2268', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/collection/collection-manifest.json

@@ -38,6 +38,7 @@
     "components/CMS/stzh-pi-quote/stzh-pi-quote.js",
     "components/CMS/stzh-pi-teaser/stzh-pi-teaser.js",
     "components/CMS/stzh-pi-teaser-layout/stzh-pi-teaser-layout.js",
+    "components/CMS/stzh-pi-teaser-layout-item/stzh-pi-teaser-layout-item.js",
     "components/CMS/stzh-poicard/stzh-poicard.js",
     "components/CMS/stzh-poilist/stzh-poilist.js",
     "components/CMS/stzh-print/stzh-print.js",

package/dist/collection/components/CMS/stzh-contact/stzh-contact.js

@@ -20,7 +20,6 @@ export class StzhContact {
         this._availability = [];
         this.type = "Organization";
         this.mainHeading = undefined;
-        this.subHeading = undefined;
         this.mainHeadingLevel = "2";
         this.heading = undefined;
         this.responsibilityTitle = undefined;
@@ -129,7 +128,7 @@ export class StzhContact {
         const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;
         const isPerson = this.type === "Person";
         const isOrganization = this.type === "Organization";
-        return (h(Host, { key: 'dad51a9ee4298a9ea3742ca2173a22194f69b1db', "has-availability": !!this.availability ? "true" : "false" }, h("div", { key: 'e0e9b1e0e13f433e3c6cb93303144eab0da9809c', class: classes, itemscope: true, itemtype: `http://schema.org/${this.type}` }, h("div", { key: '6752d52203802f0eb0a27a546ba94bfa29e31026', class: "stzh-contact__main-heading", itemprop: (isOrganization && !this.heading) || (isPerson && !this.name) ? "name" : null }, h("div", { key: '09bdaaa843d5fb7477f0078ff9e71cd285ba854f', class: "stzh-contact__main-heading-section" }, this.mainHeading ? (h("stzh-heading", { level: this.mainHeadingLevel, htmlContent: this.mainHeading })) : (h("slot", { name: "main-heading" }))), h("div", { key: 'fe88cb7b28caa27c39b18cdc171bdd090ee9f25b', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: '1a445d1e4074a5cc45a048b33a6f571fc07bd97a', curve: "h3", level: "3" }, h("span", { key: 'f4f7ebfb51a90a5eb3be0f562446f1aa72f87897', class: "stzh-contact__role" }, this.personRole))), ((isPerson && this.name) || (isOrganization && this.heading)) && (h("div", { key: 'febc91a5b431baa8da5bcd187aca8c0f761c30a6', class: "stzh-contact__main-heading-type" }, this.name && isPerson && (h("stzh-heading", { key: 'fa74e87aa22ed67a0ff2c7f1a72d35050ab04d30', level: '3', curve: 'h3', htmlContent: this.name })), this.heading && isOrganization && (h("stzh-heading", { key: '54a3a2937cc78b48d45f451ecb717b838deb836f', level: this.headingLevel, htmlContent: this.heading }))))), isPerson && (h("div", { key: '677e96edcdde01edff9ae5e7b06aeec10c6207c9', class: "stzh-contact__image-wrapper" }, h("div", { key: '879ee5f5ec02c306a4368d9b7e5ba8b13fc3d1d6', class: "stzh-contact__image" }, h("slot", { key: 'b47c3e23dba650f2dc6680cac72cfa0a613bb078', name: "image" }))))), h("div", { key: '0c8cadc9fead7a2c93f1fa02181a2925aa95c5d4', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: '81130f8b290a1b48afa8f5c30f16f85003d0a667', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: '5083e575b69dcb380db8992e22d825d5cadce848', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: '66bae4d8f96dab390b4b3c2326edd65bc8a9281f', class: "stzh-contact__contact-form" }, h("slot", { key: '06e6e887ca77eb958602072d084201eab1228379', name: "contact-form" })), h("div", { key: '40eea28659e2bf42e989cb1aefac3535d9cf6863', class: "stzh-contact__additional" }, h("slot", { key: '9c69a412223cc5e157110e36e9d145a55c7b3f1a' })), h("div", { key: '05542c84d3c8f2121843ea8b8ee71c1df1bc567d', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: '6141811c0a03333b02448454298866ee732be6f3', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: '16f3319e8ad82ec3a9645a87852bc39dd54485c0', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: '439462212e6fb9b5e451e747da15d01f92b72740' }, this._street.length > 0 && (h("div", { key: '5641fc230b51571125a8a994c5bc7e9ef42ff307', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: '25345110853906f6246566fa62875a80b6f83a7b' }, h("br", { key: '59e5dd64e0ba58fd813f022c175638aacaad43f2' }), " ", this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: 'affed1f04be7343562ec9ca2e3f271058424027f', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: '5053b2a57d7aa566bbbd77c85ba800f86ce75561', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: '6b0c95db39a01606ac637ee930477a3323b0a6a9', name: "address" })))), this._numbers.length > 0 && (h("div", { key: '66fe77622b67e9d73d570939a02caf935108d8d1', class: "stzh-contact__numbers" }, this._numbers.map(number => (h("div", { class: "stzh-contact__number" }, h("span", null, number.label, "\u00A0"), h("stzh-link", { size: "inherit", height: "auto", class: "stzh-contact__number-link", href: `${number.type}:${formatTel(number.number)}`, analyticsId: number.analyticsId || `${number.label} ${number.number}`, itemprop: number.type === "fax" ? "faxNumber" : "telephone" }, number.number)))))), this._emails.length > 0 && (h("div", { key: 'e0e37a2aecdac984fab07deb62b692f3ffc8ebf4', class: "stzh-contact__emails" }, this._emails.map(email => (h("div", { class: "stzh-contact__email" }, h("span", null, email.label, "\u00A0"), email.href ? (h("stzh-link", { size: "inherit", height: "auto", class: "stzh-container__email-link", href: `mailto:${email.href}`, analyticsId: email.analyticsId || `${email.label} ${email.text}`, itemprop: "email" }, email.text)) : (h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), h("div", { key: '5447944d63b062dd47629aa0a5463b8e19c3521c', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: 'b0715a8def97762bd828c74feb48d4dc5274f273' }, this.poboxHeading && h("div", { key: 'c8c076c53ce662c79f231d7f6f024539280b9cc0', class: "stzh-contact__pobox-heading" }, this.poboxHeading), this.poboxTitle && h("div", { key: '8dbeb7af651ddf4be5bcfe20ebcd1f4a1c661c2b', class: "stzh-contact__pobox-title" }, this.poboxTitle), this.poboxPostalCode && (h("span", { key: '6b34cc21f40ec0830ab355d47566ed9c19c9718a', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && h("span", { key: '785cd456b339a76c8af8dcb5da81137e3ef34941', class: "stzh-contact__pobox-locality" }, this.poboxLocation), h("slot", { key: '4f150bcd2cd1b81fee911371a0c068b7a795d51e', name: "pobox" })))), h("div", { key: '911aa629a016088adf43d0d4cf3a245641d0a02b', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: '8ce0c4ee1b67c46aafa2680eea5aa7aa77fcdb63', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: 'd39ce1efe4f4caded52c1e772f35c2f7dafff92a', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: 'f015745e85f14d3a0b7f8c1b90940078eadc2986', class: "stzh-contact__availability-list" }, this._availability.map(item => (h("li", { class: "stzh-contact__availability-list-item" }, h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index) => (h(Fragment, null, h("div", { class: "stzh-contact__availability-hour" }, hour), index < item.hours.length - 1 && (h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
+        return (h(Host, { key: '6b270cf37b149ed00d09c0b33e66cb3a50d785cd', "has-availability": !!this.availability ? "true" : "false" }, h("div", { key: '892234b6375d8d2a7cb64ee2e8b45bf9e54c1266', class: classes, itemscope: true, itemtype: `http://schema.org/${this.type}` }, h("div", { key: 'bec08e6f8570f3d7b6ca937e0b3ae9125c8211a8', class: "stzh-contact__main-heading", itemprop: (isOrganization && !this.heading) || (isPerson && !this.name) ? "name" : null }, h("div", { key: '32eff74edfcd275ef5d1f594a4ad0116ae26eab3', class: "stzh-contact__main-heading-section" }, this.mainHeading ? (h("stzh-heading", { level: this.mainHeadingLevel, htmlContent: this.mainHeading })) : (h("slot", { name: "main-heading" }))), h("div", { key: 'af0b2e0e6fe1a6b7ba5200a3a7dd9dc4dd735050', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: '030ce9f2b913952b326ad79a1a39e7324ca1ea64', curve: "h3", level: "3" }, h("span", { key: '3e2469a262ca6a4717cf98060e15ef408670bede', class: "stzh-contact__role" }, this.personRole))), ((isPerson && this.name) || (isOrganization && this.heading)) && (h("div", { key: '3c84b65b7c393d7959c18aad22c7a8687e2dff90', class: "stzh-contact__main-heading-type" }, this.name && isPerson && h("stzh-heading", { key: '421aa72124724f9eaae2bb03c9a631b6ad6fb156', level: "3", curve: "h3", htmlContent: this.name }), this.heading && isOrganization && (h("stzh-heading", { key: 'f45c4245d3f5ed97ba81aebfd48f4a1f8a348cad', level: this.headingLevel, htmlContent: this.heading }))))), isPerson && (h("div", { key: 'da47547c6f2f89b00a086908ec79e816c115e728', class: "stzh-contact__image-wrapper" }, h("div", { key: '4a05f34b24dab0045296af3831de1e1fe207a222', class: "stzh-contact__image" }, h("slot", { key: '16066ab3cf4be5f0b8e949653e26dc9debab0918', name: "image" }))))), h("div", { key: '5de7988d36b15558e25f56c9f49825864b515ae1', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: 'a4ee5fd063ea7c870e7b8bd6389b891bd5366211', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: 'd19d8b25742cd04954919a0292f227bb0852fcc6', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: '05cc8154a6ea2270e5c14bcfe869c56cee5b4d55', class: "stzh-contact__contact-form" }, h("slot", { key: 'd2efa1ee73082baec6208cb28860cd3a7ae0c1fa', name: "contact-form" })), h("div", { key: 'e8a1bf9091234595f1d6b19485da78c1027bbc6a', class: "stzh-contact__additional" }, h("slot", { key: '99af6e87ac9a8f6b42a7636a2af58b1bbce3f0cf' })), h("div", { key: 'b9cfb7032b47e2b672634d2ca9b62976937df1fd', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: 'ba18558739793384e1170c212fe99612aae985a8', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: '6e0bfa2aef1bf8936e7be82861fad1b4c1ad1798', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: 'f793cb7bf299c3aa58409132618185b39450360b' }, this._street.length > 0 && (h("div", { key: '3da7414abc86e30ee3edddfa4be1ebf318fb5c76', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: '50fc6ebac7d8dc0224a9f866017293e1ce7690bd' }, h("br", { key: '8793ce6d88712a914984ac670baa9eba7da0bcdc' }), " ", this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: '3ed11133300085e8862337813a7fb5a3ee28b6ce', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: 'd9e3a1406984e18c498487555bc5f76395efa91d', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: 'c233ecc561baae858d07d1962e07c36826908bdc', name: "address" })))), this._numbers.length > 0 && (h("div", { key: '8cde75a245d6a076caa92e5fa2dae5bfd34a5884', class: "stzh-contact__numbers" }, this._numbers.map(number => (h("div", { class: "stzh-contact__number" }, h("span", null, number.label, "\u00A0"), h("stzh-link", { size: "inherit", height: "auto", class: "stzh-contact__number-link", href: `${number.type}:${formatTel(number.number)}`, analyticsId: number.analyticsId || `${number.label} ${number.number}`, itemprop: number.type === "fax" ? "faxNumber" : "telephone" }, number.number)))))), this._emails.length > 0 && (h("div", { key: 'f7031235ce1c8babef36f965b63e8243e5e5ba18', class: "stzh-contact__emails" }, this._emails.map(email => (h("div", { class: "stzh-contact__email" }, h("span", null, email.label, "\u00A0"), email.href ? (h("stzh-link", { size: "inherit", height: "auto", class: "stzh-container__email-link", href: `mailto:${email.href}`, analyticsId: email.analyticsId || `${email.label} ${email.text}`, itemprop: "email" }, email.text)) : (h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), h("div", { key: '24f553f19d2eacab69fd9a607acfe413dd19fa91', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: '9c74eda47d7a7dc93e4f874c8978b13a832a3964' }, this.poboxHeading && h("div", { key: 'f98ef6776f271adc37eba8595d573e93d40bad91', class: "stzh-contact__pobox-heading" }, this.poboxHeading), this.poboxTitle && h("div", { key: 'dbaab541dc88c0b91518e56a9c423324b6247cb4', class: "stzh-contact__pobox-title" }, this.poboxTitle), this.poboxPostalCode && (h("span", { key: 'a479f1069f01c23c52ffa4eb2a009589590b3d64', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && h("span", { key: '0fefb1c0c3e4b8a8ec1af740188089b873e12287', class: "stzh-contact__pobox-locality" }, this.poboxLocation), h("slot", { key: 'd715c43bf639a5641cad5c791375343ade9ff03c', name: "pobox" })))), h("div", { key: 'ba17d3f71d7b22012d939097c190c8bd972d48d6', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: '83b05e23a140c775d8dd15497d945a6826ad4c8c', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: '560b991894ca111680bcdfcc88d50d929babf007', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: '6475aa21d798c36e3cf1c03c4f8df5f29f41bb4c', class: "stzh-contact__availability-list" }, this._availability.map(item => (h("li", { class: "stzh-contact__availability-list-item" }, h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index) => (h(Fragment, null, h("div", { class: "stzh-contact__availability-hour" }, hour), index < item.hours.length - 1 && (h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
     }
     static get is() { return "stzh-contact"; }
     static get encapsulation() { return "scoped"; }
@@ -180,23 +179,6 @@ export class StzhContact {
                 "attribute": "main-heading",
                 "reflect": false
             },
-            "subHeading": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Sub heading"
-                },
-                "attribute": "sub-heading",
-                "reflect": false
-            },
             "mainHeadingLevel": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/CMS/stzh-contact/stzh-contact.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-contact.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-contact/stzh-contact.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { ContactEmail, ContactNumber, StzhContactAvailabilityItem } from \"../../../index\";\n\nimport { hasSlot } from \"../../../utils/utils\";\n\nfunction formatTel(tel: string) {\n  return tel.replace(/\\s/g, \"\");\n}\n\n/**\n * @slot main-heading - slot for main heading\n * @slot contact-form - slot for contact form\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\n */\n@Component({\n  tag: \"stzh-contact\",\n  styleUrl: \"stzh-contact.scss\",\n  scoped: true,\n})\nexport class StzhContact {\n  /** Type */\n  @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n  /** Main heading */\n  @Prop() mainHeading: string;\n\n  /** Sub heading */\n  @Prop() subHeading: string;\n\n  /** Main heading level */\n  @Prop() mainHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"2\";\n\n  /** Heading */\n  @Prop() heading: string;\n\n  /** Resposibility title */\n  @Prop() responsibilityTitle: string;\n\n  /** Resposibility title */\n  @Prop() responsibility: string;\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Name */\n  @Prop() name: string;\n\n  /** Person role */\n  @Prop() personRole: string;\n\n  /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n  @Prop() address: string;\n\n  /** Street */\n  @Prop() street: string | string[];\n  private _street: string[] = [];\n\n  /** Additional street info */\n  @Prop() streetInfo: string | string[];\n  private _streetInfo: string[] = [];\n\n  /** Postal code */\n  @Prop() postalCode: string;\n\n  /** Location / city */\n  @Prop() location: string;\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `number`).\n   */\n  @Prop() numbers: ContactNumber[] | string = [];\n  private _numbers: ContactNumber[] = [];\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `text`).\n   */\n  @Prop() emails: ContactEmail[] | string = [];\n  private _emails: ContactEmail[] = [];\n\n  /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n  @Prop() pobox: string;\n\n  /** Post office box heading */\n  @Prop() poboxHeading: string;\n\n  /** Post office box title */\n  @Prop() poboxTitle: string;\n\n  /** Post office box postal code */\n  @Prop() poboxPostalCode: string;\n\n  /** Post office box location / city */\n  @Prop() poboxLocation: string;\n\n  /** Availability title */\n  @Prop() availabilityTitle: string;\n\n  /** Contact title */\n  @Prop() contactTitle: string;\n\n  /** Availability title level */\n  @Prop() availabilityTitleLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[];\n  private _availability: StzhContactAvailabilityItem[] = [];\n\n  /** Additional freetext */\n  @Prop() additionalInformation: string;\n\n  @Watch(\"availability\")\n  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n    if (typeof newValue === \"string\") {\n      this._availability = JSON.parse(newValue);\n    } else {\n      this._availability = newValue;\n    }\n  }\n\n  @Watch(\"numbers\")\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._numbers = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._numbers = newValue;\n    }\n  }\n\n  @Watch(\"emails\")\n  emailsWatcher(newValue: ContactEmail[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._emails = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._emails = newValue;\n    }\n  }\n\n  @Watch(\"street\")\n  streetWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._street = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._street = [newValue];\n      }\n    } else if (newValue) {\n      this._street = newValue;\n    }\n  }\n\n  @Watch(\"streetInfo\")\n  streetInfoWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._streetInfo = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._streetInfo = [newValue];\n      }\n    } else if (newValue) {\n      this._streetInfo = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement;\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers);\n    this.emailsWatcher(this.emails);\n    this.availabilityWatcher(this.availability);\n    this.streetWatcher(this.street);\n    this.streetInfoWatcher(this.streetInfo);\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, \"image\");\n    const hasAddress = !!this.address || hasSlot(this.element, \"address\");\n    const hasAddons = hasSlot(this.element, \"addons\");\n    const hasLinks = hasSlot(this.element, \"links\");\n\n    const classes = {\n      \"stzh-contact\": true,\n      \"stzh-contact--has-image\": hasImage,\n      \"stzh-contact--has-address\": hasAddress,\n      \"stzh-contact--has-addons\": hasAddons,\n      \"stzh-contact--has-links\": hasLinks,\n    };\n\n    const HeadingLevel = `h${this.headingLevel}`;\n    const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;\n    const isPerson = this.type === \"Person\";\n    const isOrganization = this.type === \"Organization\";\n\n    return (\n      <Host has-availability={!!this.availability ? \"true\" : \"false\"}>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n          <div\n            class=\"stzh-contact__main-heading\"\n            itemprop={(isOrganization && !this.heading) || (isPerson && !this.name) ? \"name\" : null}\n          >\n            <div class=\"stzh-contact__main-heading-section\">\n              {this.mainHeading ? (\n                <stzh-heading level={this.mainHeadingLevel} htmlContent={this.mainHeading}/>\n              ) : (\n                <slot name=\"main-heading\"></slot>\n              )}\n            </div>\n            <div class={isPerson && \"stzh-contact__main-heading-text\"}>\n              {this.personRole && isPerson && (\n                <stzh-heading curve=\"h3\" level=\"3\">\n                  <span class=\"stzh-contact__role\">{this.personRole}</span>\n                </stzh-heading>\n              )}\n              {((isPerson && this.name) || (isOrganization && this.heading)) && (\n                <div class=\"stzh-contact__main-heading-type\">\n                  {this.name && isPerson && (\n                    <stzh-heading level='3' curve='h3' htmlContent={this.name}/>\n                  )}\n                  {this.heading && isOrganization && (\n                    <stzh-heading level={this.headingLevel} htmlContent={this.heading} />\n                  )}\n                </div>\n              )}\n            </div>\n            {isPerson && (\n              <div class=\"stzh-contact__image-wrapper\">\n                <div class=\"stzh-contact__image\">\n                  <slot name=\"image\"></slot>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__responsibility\">\n            {this.responsibilityTitle && (\n              <HeadingLevel\n                class=\"stzh-contact__heading\"\n                itemprop={this.responsibilityTitle}\n                innerHTML={this.responsibilityTitle}\n              />\n            )}\n            {this.responsibility && (\n              <stzh-text class=\"stzh-contact__responsibility-text\">{this.responsibility}</stzh-text>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__contact-form\">\n            <slot name=\"contact-form\"></slot>\n          </div>\n\n          <div class=\"stzh-contact__additional\">\n            <slot></slot>\n          </div>\n\n          <div class=\"stzh-contact__info\">\n            {this.contactTitle && (\n              <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                {this.contactTitle}\n              </AvailabilityTitleElement>\n            )}\n\n            <div\n              class=\"stzh-contact__address\"\n              itemprop=\"address\"\n              itemscope\n              itemtype=\"http://schema.org/PostalAddress\"\n              innerHTML={this.address}\n            >\n              {!this.address && (\n                <Fragment>\n                  {this._street.length > 0 && (\n                    <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                      {this._street.map((street: string) => (\n                        <Fragment>\n                          {street}\n                          <br />\n                        </Fragment>\n                      ))}\n                      {this._streetInfo.length > 0 && (\n                        <Fragment>\n                          <br />{\" \"}\n                          {this._streetInfo.map((streetInfo: string) => (\n                            <Fragment>\n                              {streetInfo}\n                              <br />\n                            </Fragment>\n                          ))}\n                        </Fragment>\n                      )}\n                    </div>\n                  )}\n\n                  {this.postalCode && (\n                    <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n                      {this.postalCode}&nbsp;\n                    </span>\n                  )}\n\n                  {this.location && (\n                    <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                      {this.location}\n                    </span>\n                  )}\n\n                  <slot name=\"address\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            {this._numbers.length > 0 && (\n              <div class=\"stzh-contact__numbers\">\n                {this._numbers.map(number => (\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <stzh-link\n                      size=\"inherit\"\n                      height=\"auto\"\n                      class=\"stzh-contact__number-link\"\n                      href={`${number.type}:${formatTel(number.number)}`}\n                      analyticsId={number.analyticsId || `${number.label} ${number.number}`}\n                      itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}\n                    >\n                      {number.number}\n                    </stzh-link>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {this._emails.length > 0 && (\n              <div class=\"stzh-contact__emails\">\n                {this._emails.map(email => (\n                  <div class=\"stzh-contact__email\">\n                    <span>{email.label}&nbsp;</span>\n                    {email.href ? (\n                      <stzh-link\n                        size=\"inherit\"\n                        height=\"auto\"\n                        class=\"stzh-container__email-link\"\n                        href={`mailto:${email.href}`}\n                        analyticsId={email.analyticsId || `${email.label} ${email.text}`}\n                        itemprop=\"email\"\n                      >\n                        {email.text}\n                      </stzh-link>\n                    ) : (\n                      <span class=\"stzh-container__email-link\" itemprop=\"email\">\n                        {email.text}\n                      </span>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n              {!this.pobox && (\n                <Fragment>\n                  {this.poboxHeading && <div class=\"stzh-contact__pobox-heading\">{this.poboxHeading}</div>}\n                  {this.poboxTitle && <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>}\n                  {this.poboxPostalCode && (\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                  )}\n                  {this.poboxLocation && <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>}\n                  <slot name=\"pobox\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            <div class=\"stzh-contact__additional-information\" innerHTML={this.additionalInformation}></div>\n          </div>\n\n          {this.availability && (\n            <div class=\"stzh-contact__availability\">\n              {this.availabilityTitle && (\n                <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                  {this.availabilityTitle}\n                </AvailabilityTitleElement>\n              )}\n\n              {this._availability.length > 0 && (\n                <ul class=\"stzh-contact__availability-list\">\n                  {this._availability.map(item => (\n                    <li class=\"stzh-contact__availability-list-item\">\n                      <div class=\"stzh-contact__availability-weekday\">{item.weekday}</div>\n                      {item.hours.length > 0 && (\n                        <div class=\"stzh-contact__availability-hours\">\n                          {item.hours.map((hour, index) => (\n                            <Fragment>\n                              <div class=\"stzh-contact__availability-hour\">{hour}</div>\n                              {index < item.hours.length - 1 && (\n                                <div class=\"stzh-contact__availability-hours-separator\"></div>\n                              )}\n                            </Fragment>\n                          ))}\n                        </div>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-contact.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-contact/stzh-contact.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { ContactEmail, ContactNumber, StzhContactAvailabilityItem } from \"../../../index\";\n\nimport { hasSlot } from \"../../../utils/utils\";\n\nfunction formatTel(tel: string) {\n  return tel.replace(/\\s/g, \"\");\n}\n\n/**\n * @slot main-heading - slot for main heading\n * @slot contact-form - slot for contact form\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\n */\n@Component({\n  tag: \"stzh-contact\",\n  styleUrl: \"stzh-contact.scss\",\n  scoped: true,\n})\nexport class StzhContact {\n  /** Type */\n  @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n  /** Main heading */\n  @Prop() mainHeading: string;\n\n  /** Main heading level */\n  @Prop() mainHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"2\";\n\n  /** Heading */\n  @Prop() heading: string;\n\n  /** Resposibility title */\n  @Prop() responsibilityTitle: string;\n\n  /** Resposibility title */\n  @Prop() responsibility: string;\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Name */\n  @Prop() name: string;\n\n  /** Person role */\n  @Prop() personRole: string;\n\n  /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n  @Prop() address: string;\n\n  /** Street */\n  @Prop() street: string | string[];\n  private _street: string[] = [];\n\n  /** Additional street info */\n  @Prop() streetInfo: string | string[];\n  private _streetInfo: string[] = [];\n\n  /** Postal code */\n  @Prop() postalCode: string;\n\n  /** Location / city */\n  @Prop() location: string;\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `number`).\n   */\n  @Prop() numbers: ContactNumber[] | string = [];\n  private _numbers: ContactNumber[] = [];\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `text`).\n   */\n  @Prop() emails: ContactEmail[] | string = [];\n  private _emails: ContactEmail[] = [];\n\n  /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n  @Prop() pobox: string;\n\n  /** Post office box heading */\n  @Prop() poboxHeading: string;\n\n  /** Post office box title */\n  @Prop() poboxTitle: string;\n\n  /** Post office box postal code */\n  @Prop() poboxPostalCode: string;\n\n  /** Post office box location / city */\n  @Prop() poboxLocation: string;\n\n  /** Availability title */\n  @Prop() availabilityTitle: string;\n\n  /** Contact title */\n  @Prop() contactTitle: string;\n\n  /** Availability title level */\n  @Prop() availabilityTitleLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[];\n  private _availability: StzhContactAvailabilityItem[] = [];\n\n  /** Additional freetext */\n  @Prop() additionalInformation: string;\n\n  @Watch(\"availability\")\n  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n    if (typeof newValue === \"string\") {\n      this._availability = JSON.parse(newValue);\n    } else {\n      this._availability = newValue;\n    }\n  }\n\n  @Watch(\"numbers\")\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._numbers = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._numbers = newValue;\n    }\n  }\n\n  @Watch(\"emails\")\n  emailsWatcher(newValue: ContactEmail[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._emails = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._emails = newValue;\n    }\n  }\n\n  @Watch(\"street\")\n  streetWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._street = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._street = [newValue];\n      }\n    } else if (newValue) {\n      this._street = newValue;\n    }\n  }\n\n  @Watch(\"streetInfo\")\n  streetInfoWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._streetInfo = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._streetInfo = [newValue];\n      }\n    } else if (newValue) {\n      this._streetInfo = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement;\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers);\n    this.emailsWatcher(this.emails);\n    this.availabilityWatcher(this.availability);\n    this.streetWatcher(this.street);\n    this.streetInfoWatcher(this.streetInfo);\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, \"image\");\n    const hasAddress = !!this.address || hasSlot(this.element, \"address\");\n    const hasAddons = hasSlot(this.element, \"addons\");\n    const hasLinks = hasSlot(this.element, \"links\");\n\n    const classes = {\n      \"stzh-contact\": true,\n      \"stzh-contact--has-image\": hasImage,\n      \"stzh-contact--has-address\": hasAddress,\n      \"stzh-contact--has-addons\": hasAddons,\n      \"stzh-contact--has-links\": hasLinks,\n    };\n\n    const HeadingLevel = `h${this.headingLevel}`;\n    const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;\n    const isPerson = this.type === \"Person\";\n    const isOrganization = this.type === \"Organization\";\n\n    return (\n      <Host has-availability={!!this.availability ? \"true\" : \"false\"}>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n          <div\n            class=\"stzh-contact__main-heading\"\n            itemprop={(isOrganization && !this.heading) || (isPerson && !this.name) ? \"name\" : null}\n          >\n            <div class=\"stzh-contact__main-heading-section\">\n              {this.mainHeading ? (\n                <stzh-heading level={this.mainHeadingLevel} htmlContent={this.mainHeading} />\n              ) : (\n                <slot name=\"main-heading\"></slot>\n              )}\n            </div>\n            <div class={isPerson && \"stzh-contact__main-heading-text\"}>\n              {this.personRole && isPerson && (\n                <stzh-heading curve=\"h3\" level=\"3\">\n                  <span class=\"stzh-contact__role\">{this.personRole}</span>\n                </stzh-heading>\n              )}\n              {((isPerson && this.name) || (isOrganization && this.heading)) && (\n                <div class=\"stzh-contact__main-heading-type\">\n                  {this.name && isPerson && <stzh-heading level=\"3\" curve=\"h3\" htmlContent={this.name} />}\n                  {this.heading && isOrganization && (\n                    <stzh-heading level={this.headingLevel} htmlContent={this.heading} />\n                  )}\n                </div>\n              )}\n            </div>\n            {isPerson && (\n              <div class=\"stzh-contact__image-wrapper\">\n                <div class=\"stzh-contact__image\">\n                  <slot name=\"image\"></slot>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__responsibility\">\n            {this.responsibilityTitle && (\n              <HeadingLevel\n                class=\"stzh-contact__heading\"\n                itemprop={this.responsibilityTitle}\n                innerHTML={this.responsibilityTitle}\n              />\n            )}\n            {this.responsibility && (\n              <stzh-text class=\"stzh-contact__responsibility-text\">{this.responsibility}</stzh-text>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__contact-form\">\n            <slot name=\"contact-form\"></slot>\n          </div>\n\n          <div class=\"stzh-contact__additional\">\n            <slot></slot>\n          </div>\n\n          <div class=\"stzh-contact__info\">\n            {this.contactTitle && (\n              <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                {this.contactTitle}\n              </AvailabilityTitleElement>\n            )}\n\n            <div\n              class=\"stzh-contact__address\"\n              itemprop=\"address\"\n              itemscope\n              itemtype=\"http://schema.org/PostalAddress\"\n              innerHTML={this.address}\n            >\n              {!this.address && (\n                <Fragment>\n                  {this._street.length > 0 && (\n                    <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                      {this._street.map((street: string) => (\n                        <Fragment>\n                          {street}\n                          <br />\n                        </Fragment>\n                      ))}\n                      {this._streetInfo.length > 0 && (\n                        <Fragment>\n                          <br />{\" \"}\n                          {this._streetInfo.map((streetInfo: string) => (\n                            <Fragment>\n                              {streetInfo}\n                              <br />\n                            </Fragment>\n                          ))}\n                        </Fragment>\n                      )}\n                    </div>\n                  )}\n\n                  {this.postalCode && (\n                    <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n                      {this.postalCode}&nbsp;\n                    </span>\n                  )}\n\n                  {this.location && (\n                    <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                      {this.location}\n                    </span>\n                  )}\n\n                  <slot name=\"address\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            {this._numbers.length > 0 && (\n              <div class=\"stzh-contact__numbers\">\n                {this._numbers.map(number => (\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <stzh-link\n                      size=\"inherit\"\n                      height=\"auto\"\n                      class=\"stzh-contact__number-link\"\n                      href={`${number.type}:${formatTel(number.number)}`}\n                      analyticsId={number.analyticsId || `${number.label} ${number.number}`}\n                      itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}\n                    >\n                      {number.number}\n                    </stzh-link>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {this._emails.length > 0 && (\n              <div class=\"stzh-contact__emails\">\n                {this._emails.map(email => (\n                  <div class=\"stzh-contact__email\">\n                    <span>{email.label}&nbsp;</span>\n                    {email.href ? (\n                      <stzh-link\n                        size=\"inherit\"\n                        height=\"auto\"\n                        class=\"stzh-container__email-link\"\n                        href={`mailto:${email.href}`}\n                        analyticsId={email.analyticsId || `${email.label} ${email.text}`}\n                        itemprop=\"email\"\n                      >\n                        {email.text}\n                      </stzh-link>\n                    ) : (\n                      <span class=\"stzh-container__email-link\" itemprop=\"email\">\n                        {email.text}\n                      </span>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n              {!this.pobox && (\n                <Fragment>\n                  {this.poboxHeading && <div class=\"stzh-contact__pobox-heading\">{this.poboxHeading}</div>}\n                  {this.poboxTitle && <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>}\n                  {this.poboxPostalCode && (\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                  )}\n                  {this.poboxLocation && <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>}\n                  <slot name=\"pobox\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            <div class=\"stzh-contact__additional-information\" innerHTML={this.additionalInformation}></div>\n          </div>\n\n          {this.availability && (\n            <div class=\"stzh-contact__availability\">\n              {this.availabilityTitle && (\n                <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                  {this.availabilityTitle}\n                </AvailabilityTitleElement>\n              )}\n\n              {this._availability.length > 0 && (\n                <ul class=\"stzh-contact__availability-list\">\n                  {this._availability.map(item => (\n                    <li class=\"stzh-contact__availability-list-item\">\n                      <div class=\"stzh-contact__availability-weekday\">{item.weekday}</div>\n                      {item.hours.length > 0 && (\n                        <div class=\"stzh-contact__availability-hours\">\n                          {item.hours.map((hour, index) => (\n                            <Fragment>\n                              <div class=\"stzh-contact__availability-hour\">{hour}</div>\n                              {index < item.hours.length - 1 && (\n                                <div class=\"stzh-contact__availability-hours-separator\"></div>\n                              )}\n                            </Fragment>\n                          ))}\n                        </div>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/CMS/stzh-linklist/stzh-linklist.js

@@ -1,4 +1,8 @@
 import { h, Host } from "@stencil/core";
+import { hasSlot } from "../../../utils/utils";
+/**
+ * @slot datalist - Slot for any content
+ */
 export class StzhLinklist {
     constructor() {
         this.heading = undefined;
@@ -10,7 +14,8 @@ export class StzhLinklist {
         const classes = {
             "stzh-linklist": true,
         };
-        return (h(Host, { key: 'f19b2d717ab47294b13615ebbbd5c287860d5bad', "padding-bottom": this.paddingBottom }, h("div", { key: 'fcb8a67146c4a981534b62aba8bb40582172ce1e', class: classes }, h("div", { key: '9bf487f10a02a80c419d4f83c882f00010385965', class: "stzh-linklist__wrapper" }, this.heading && (h("div", { key: '8dc142caf251cdeddedbc223ddf0994bcc517efd', class: "stzh-linklist__heading" }, h("stzh-heading", { key: 'bbae931c073d7834e00a7b636846a5aeb8f79ac9', level: this.headingLevel }, this.heading))), h("div", { key: 'cc72af1e813ab35d91c52299024f38a389c6ef54', class: "stzh-linklist__list" }, h("stzh-datalist", { key: '3e27fb4f2ed5169cf8cf08a1c09a95080a5d2bb8', verticalGap: "small", items: this.items }))))));
+        const datalistSlotUsed = hasSlot(this.element, "datalist");
+        return (h(Host, { key: '97c323098a64a30f2f4d92a0cd1fdbe15e5c6b57', "padding-bottom": this.paddingBottom }, h("div", { key: 'e8492c3c3a6ad597cc1164e65c3790443bced0af', class: classes }, h("div", { key: 'dd474f5bdfb8af82693dd3b7d5a1fd3a263facbe', class: "stzh-linklist__wrapper" }, this.heading && (h("div", { key: '1cac6ca508a73002f688e57b945c3741ad6988ca', class: "stzh-linklist__heading" }, h("stzh-heading", { key: '475fe8c175795755c910a6a4d5c7d9ea67a82873', level: this.headingLevel }, this.heading))), h("div", { key: '93b2268366ba7ae91e9779db12239bd6d6c27177', class: "stzh-linklist__list" }, datalistSlotUsed ? (h("slot", { name: "datalist" })) : (h("stzh-datalist", { verticalGap: "small", items: this.items })))))));
     }
     static get is() { return "stzh-linklist"; }
     static get encapsulation() { return "scoped"; }
@@ -88,7 +93,7 @@ export class StzhLinklist {
                     "references": {
                         "StzhDatalistItemEntry": {
                             "location": "import",
-                            "path": "../../..",
+                            "path": "../../../index",
                             "id": "src/index.ts::StzhDatalistItemEntry"
                         }
                     }
@@ -105,5 +110,6 @@ export class StzhLinklist {
             }
         };
     }
+    static get elementRef() { return "element"; }
 }
 //# sourceMappingURL=stzh-linklist.js.map

package/dist/collection/components/CMS/stzh-linklist/stzh-linklist.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-linklist.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-linklist/stzh-linklist.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,YAAY;;;4BAIwC,GAAG;6BAGjC,IAAI;qBAEa,EAAE;;IAEpD,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,eAAe,EAAE,IAAI;SACtB,CAAC;QAEF,OAAO,CACL,EAAC,IAAI,uEAAiB,IAAI,CAAC,aAAa;YACtC,4DAAK,KAAK,EAAE,OAAO;gBACjB,4DAAK,KAAK,EAAC,wBAAwB;oBAChC,IAAI,CAAC,OAAO,IAAI,CACf,4DAAK,KAAK,EAAE,wBAAwB;wBAClC,qEAAc,KAAK,EAAE,IAAI,CAAC,YAAY,IAAG,IAAI,CAAC,OAAO,CAAgB,CACjE,CACP;oBACD,4DAAK,KAAK,EAAC,qBAAqB;wBAC9B,sEAAe,WAAW,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAkB,CAClE,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from \"@stencil/core\";\nimport { StzhDatalistItemEntry } from \"../../..\";\n\n@Component({\n  tag: \"stzh-linklist\",\n  styleUrl: \"stzh-linklist.scss\",\n  scoped: true,\n})\nexport class StzhLinklist {\n  /**Heading for the linklist*/\n  @Prop() heading: string;\n  /** Heading level */\n  @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n  /**Whether the component had a padding-bottom or not\n   */\n  @Prop() paddingBottom: boolean = true;\n  /** The items that should be displayed in the link list */\n  @Prop() items: StzhDatalistItemEntry[] | string = [];\n\n  render() {\n    const classes = {\n      \"stzh-linklist\": true,\n    };\n\n    return (\n      <Host padding-bottom={this.paddingBottom}>\n        <div class={classes}>\n          <div class=\"stzh-linklist__wrapper\">\n            {this.heading && (\n              <div class={\"stzh-linklist__heading\"}>\n                <stzh-heading level={this.headingLevel}>{this.heading}</stzh-heading>\n              </div>\n            )}\n            <div class=\"stzh-linklist__list\">\n              <stzh-datalist verticalGap=\"small\" items={this.items}></stzh-datalist>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-linklist.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-linklist/stzh-linklist.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C;;GAEG;AAMH,MAAM,OAAO,YAAY;;;4BAIwC,GAAG;6BAGjC,IAAI;qBAEa,EAAE;;IAIpD,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,eAAe,EAAE,IAAI;SACtB,CAAC;QAEF,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QAE3D,OAAO,CACL,EAAC,IAAI,uEAAiB,IAAI,CAAC,aAAa;YACtC,4DAAK,KAAK,EAAE,OAAO;gBACjB,4DAAK,KAAK,EAAC,wBAAwB;oBAChC,IAAI,CAAC,OAAO,IAAI,CACf,4DAAK,KAAK,EAAE,wBAAwB;wBAClC,qEAAc,KAAK,EAAE,IAAI,CAAC,YAAY,IAAG,IAAI,CAAC,OAAO,CAAgB,CACjE,CACP;oBACD,4DAAK,KAAK,EAAC,qBAAqB,IAC7B,gBAAgB,CAAC,CAAC,CAAC,CAClB,YAAM,IAAI,EAAC,UAAU,GAAG,CACzB,CAAC,CAAC,CAAC,CACF,qBAAe,WAAW,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAkB,CACvE,CACG,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Element, Prop } from \"@stencil/core\";\nimport { StzhDatalistItemEntry } from \"../../../index\";\nimport { hasSlot } from \"../../../utils/utils\";\n\n/**\n * @slot datalist - Slot for any content\n */\n@Component({\n  tag: \"stzh-linklist\",\n  styleUrl: \"stzh-linklist.scss\",\n  scoped: true,\n})\nexport class StzhLinklist {\n  /**Heading for the linklist*/\n  @Prop() heading: string;\n  /** Heading level */\n  @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n  /**Whether the component had a padding-bottom or not\n   */\n  @Prop() paddingBottom: boolean = true;\n  /** The items that should be displayed in the link list */\n  @Prop() items: StzhDatalistItemEntry[] | string = [];\n\n  @Element() element: HTMLStzhPiPagetitleElement;\n\n  render() {\n    const classes = {\n      \"stzh-linklist\": true,\n    };\n\n    const datalistSlotUsed = hasSlot(this.element, \"datalist\");\n\n    return (\n      <Host padding-bottom={this.paddingBottom}>\n        <div class={classes}>\n          <div class=\"stzh-linklist__wrapper\">\n            {this.heading && (\n              <div class={\"stzh-linklist__heading\"}>\n                <stzh-heading level={this.headingLevel}>{this.heading}</stzh-heading>\n              </div>\n            )}\n            <div class=\"stzh-linklist__list\">\n              {datalistSlotUsed ? (\n                <slot name=\"datalist\" />\n              ) : (\n                <stzh-datalist verticalGap=\"small\" items={this.items}></stzh-datalist>\n              )}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/CMS/stzh-linklist/stzh-linklist.stories.js

@@ -8,7 +8,40 @@ const COMPONENT_NAME = 'stzh-linklist';
 const story = createComponentStory(COMPONENT_NAME);
 
 const TEMPLATE = `
-<stzh-linklist></stzh-linklist>
+<stzh-linklist>
+</stzh-linklist>
+`;
+
+const TEMPLATE_SLOTTED = `
+<stzh-linklist>
+<stzh-datalist slot="datalist">
+  <div class="layout_column">
+    <div class="section link">
+      <stzh-datalist-item href="#" value="Relative link"></stzh-datalist-item>
+    </div>
+  </div>
+  <div class="layout_column">
+    <div class="section link">
+      <stzh-datalist-item href="#" value="External link" rel="external nofollow" target="_blank"></stzh-datalist-item>
+    </div>
+  </div>
+  <div class="layout_column">
+    <div class="section link">
+      <stzh-datalist-item href="#" label="Label" value="Relative link with label"></stzh-datalist-item>
+    </div>
+  </div>
+  <div class="layout_column">
+    <div class="section link">
+      <stzh-datalist-item href="#" label="Label" value="Download link" download meta='["PDF", "1 Seite", "60 KB"]'></stzh-datalist-item>
+    </div>
+  </div>
+  <div class="layout_column">
+    <div class="section link">
+      <stzh-datalist-item href="#" label="Label" value="Download link" download meta='["PDF", "1 Seite", "60 KB"]' icon="volume-medium" icon-href="#"></stzh-datalist-item>
+    </div>
+  </div>
+</stzh-datalist>
+</stzh-linklist>
 `;
 
 const TEMPLATE_DATALIST = `
@@ -95,6 +128,10 @@ export const Default = {
   }
 };
 
+export const Slotted = {
+  render: (args) => story(args, TEMPLATE_SLOTTED)
+};
+
 export const WithTitle = {
   render: (args) => story(args, TEMPLATE),
   args: {