@oiz/stzh-components 4.12.2 → 4.13.0-beta1

package/dist/collection/components/stzh-checkboxgroup/stzh-checkboxgroup.js

@@ -189,11 +189,11 @@ export class StzhCheckboxgroup {
             "stzh-checkboxgroup--hide-legend": this.hideLegend,
             [`stzh-checkboxgroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (h(Host, { key: '2ec75243e3789e09e8a8b49338ab6801a844fd96', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '3149e4dff13d900c6d644173ea8b5d7f6274df1e', class: classes }, legendUsed && (h("legend", { key: 'a1831fd9f8a697c8f931d029a7787260d10247a8', class: "stzh-checkboxgroup__legend" }, this.legend && (h("span", { key: '89d96b7da45169e1b29a78074424dbe167e0ae35', class: "stzh-checkboxgroup__legend-text" }, this.legend, !this.hideOptional && (h("span", { key: '9dc77fdd2f69bbe67edfe9d2954e6fd4adecdcc3', class: "stzh-checkboxgroup__marker" }, h("span", { key: 'f9a8d707bc34bd1d121f6e0555b937369358f28d', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '720872ca7386fc428b0dc8882817030f3b6dd81d', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: 'fee8021a63f01abe04b22f9d773ed4adbe9754c6', class: classes }, legendUsed && (h("legend", { key: 'c794e19cc927c9114b4fea02ac8835ee2e5676d1', class: "stzh-checkboxgroup__legend" }, this.legend && (h("span", { key: '433880ceb11ca1d84a076fbbd3fe272e611fd039', class: "stzh-checkboxgroup__legend-text" }, this.legend, !this.hideOptional && (h("span", { key: '4d19a918e6ee2101c6215733143184330ad10ba3', class: "stzh-checkboxgroup__marker" }, h("span", { key: 'bdaf281618d6676b96ab78b345ff6bdd8291294c', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '8a3aee7c90442126f3bb79575a656de88fb8b0ce', class: "stzh-checkboxgroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '03a501a4db35dda2cfbb808c1ef6dda910be6021', class: "stzh-checkboxgroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), descriptionLongUsed && (h(StzhInputDescription, { key: '8fcca62e9d2626369a83bc95c5c0ba435c1ea8fc', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '7a7862714d84d0e18d55b356516b1354a29c83ca', class: "stzh-checkboxgroup__fields" }, h("slot", { key: '0fb7bbd616158752878038d0d868a8f2321d5bbe' })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: 'fb81ec660f839d7d689228289a9643fd13607369', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText))))), descriptionLongUsed && (h(StzhInputDescription, { key: '4665d6b6604c61dfca4fb8fd8cd49b51cf652fa6', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '49027931041b7171435c8b0669180c7e943b3b14', class: "stzh-checkboxgroup__fields" }, h("slot", { key: 'bfbf3b35d0db6449788826d3ac63547dd4def04b' })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '6e204732081c61ae65e8728dd3fa1d961f4e6dd6', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     static get is() { return "stzh-checkboxgroup"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-chip/stzh-chip.js

@@ -105,7 +105,7 @@ export class StzhChip {
             [`stzh-chip--${this.variant}`]: !!this.variant,
         };
         const Chip = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (h(Host, { key: 'c2d6807463fe7613b47d6bd461456e3562895599', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'fc21b4bf6596cbf5af87cbef37c56a8ca368b515', class: classes }, this.removable && (h("button", { key: '9b749e905aa5e1327ed4189d26fb34e62f9fbf17', class: "stzh-chip__remove", onClick: this.onRemoveClick, disabled: this.disabled, "aria-label": this.removeLabel, type: "button", "s-object-id": this.removeAnalyticsId || this.removeLabel }, h("stzh-icon", { key: '71156186f893429de5414f2d425fa7067ce0907d', class: "stzh-chip__remove-icon", name: "close-big" }))), this.href ? (h(Chip, { ref: el => (this.chip = el), class: {
+        return (h(Host, { key: 'd6c5c3b59b8ecd7029f2437f932111b60fbbaee5', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'c085e6b54bcbc6bfe7f1db37ddda87f0c2a963c9', class: classes }, this.removable && (h("button", { key: 'c583264824d269d128ef57a953466463b28296d9', class: "stzh-chip__remove", onClick: this.onRemoveClick, disabled: this.disabled, "aria-label": this.removeLabel, type: "button", "s-object-id": this.removeAnalyticsId || this.removeLabel }, h("stzh-icon", { key: '9f2b6bc03d112825ee1811a60d15c54c27fec837', class: "stzh-chip__remove-icon", name: "close-big" }))), this.href ? (h(Chip, { ref: el => (this.chip = el), class: {
                 "stzh-chip__button": true,
                 "is-button": !this.nonInteractive && !this.href,
                 "is-link": !this.nonInteractive && !!this.href,

package/dist/collection/components/stzh-chipgroup/stzh-chipgroup.js

@@ -7,7 +7,7 @@ export class StzhChipgroup {
         const classes = {
             "stzh-chipgroup": true,
         };
-        return (h(Host, { key: 'e4ce274f5c60a037e687c1b1322f59541ddd9177' }, h("div", { key: '037adda0d54be28ecb1e173a12523414104ad1ea', class: classes }, h("slot", { key: '9d3a9fef07bdd1f580e74f4340b3bb137a3c52a3' }))));
+        return (h(Host, { key: '01a9b227482fa146d4ed9c1d5bd984ffcaad9733' }, h("div", { key: 'c3e49714cef6f0edcfbdd903161e485ae5451ba8', class: classes }, h("slot", { key: 'd1c4f5b93ccaf72e6dabeaec0ccd4b2226ff5e94' }))));
     }
     static get is() { return "stzh-chipgroup"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-chipselect/stzh-chipselect.js

@@ -254,12 +254,12 @@ export class StzhChipselect {
             "stzh-chipselect--is-required": this.required,
             "stzh-chipselect--has-label-hidden": this.labelHidden,
         };
-        return (h(Host, { key: '6d2c378e763f9846d5bcef6fbdf00f24956046a5', "is-invalid": this.invalid || errorUsed }, h("div", { key: '8c6db8e943fa6c1d9728f895fea83f6e95dd30db', class: classes }, !this.useDropdownOnMobile &&
-            (this.multiple ? (h(Fragment, null, this._value.map(value => (h("input", { type: "hidden", name: this.name, value: value }))))) : (h("input", { type: "hidden", name: this.name, value: this.value }))), !this.useDropdownOnMobile && labelWrapperUsed && (h("div", { key: '939cf90d05cc4a7677287d41992366a9024a1258', class: "stzh-chipselect__label-wrapper" }, h("label", { key: '3e6d0006b9f8b6a5aa696969150aac1342ef6717', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '8072a604dc9304930a2d8b88083a4c3d9ad1e625', class: "stzh-chipselect__marker" }, h("span", { key: 'd5fd00632be1a47cc07ca936133ca1d4d79fc6ab', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '05ab7504d218a6292c49e110130200f0554cdd0a', "is-invalid": this.invalid || errorUsed }, h("div", { key: '9d1ca4121ccf5b0cca470b825a3013eb28678788', class: classes }, !this.useDropdownOnMobile &&
+            (this.multiple ? (h(Fragment, null, this._value.map(value => (h("input", { type: "hidden", name: this.name, value: value }))))) : (h("input", { type: "hidden", name: this.name, value: this.value }))), !this.useDropdownOnMobile && labelWrapperUsed && (h("div", { key: 'd8d8a5a86faf5ada89e69412de983bd4879b0c58', class: "stzh-chipselect__label-wrapper" }, h("label", { key: '25511e529d9bebfe0f2297f679716caca3bdc95b', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '5225daf3a443d28a5da915fb262b288381763c49', class: "stzh-chipselect__marker" }, h("span", { key: 'd0da978f5e09c1f7fa94e02f890989d4b9cd69d9', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'f501bb9f1e8c132f639ed72ca195eb1a669c167c', class: "stzh-chipselect__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'c1bf469c695d35d21969ae80848c3135f46c32d4', class: "stzh-chipselect__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '9ff27d167b8cbac6770de6c0bfbb9121a329c9ef', classPrefix: "stzh-chipselect", id: `${this.id}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), this._data.length > 0 && (h(Fragment, { key: '130d007cfa576382f900029823900bbc16f5b8b2' }, !this.useDropdownOnMobile ? (h(Fragment, null, h("div", { id: this.id, class: "stzh-chipselect__chips", role: "listbox", tabindex: "0", "aria-multiselectable": this.multiple ? "true" : "false", "aria-activedescendant": activeId, "aria-describedby": `${this.id}-description ${this.a11yDescribedby}`, onKeyDown: this.handleKeydown }, this._data.map((data, index) => (h("stzh-chip", { role: "option", class: {
+            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '37a97e0660c0a5da100332e96246ba8fb6a29a4d', classPrefix: "stzh-chipselect", id: `${this.id}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), this._data.length > 0 && (h(Fragment, { key: '5d1b7d2738ae981aba22b1c6d46a002598f16e4a' }, !this.useDropdownOnMobile ? (h(Fragment, null, h("div", { id: this.id, class: "stzh-chipselect__chips", role: "listbox", tabindex: "0", "aria-multiselectable": this.multiple ? "true" : "false", "aria-activedescendant": activeId, "aria-describedby": `${this.id}-description ${this.a11yDescribedby}`, onKeyDown: this.handleKeydown }, this._data.map((data, index) => (h("stzh-chip", { role: "option", class: {
                 "stzh-chipselect__chip": true,
                 "is-focused": this.activeFocusOptionIndex === index,
             }, label: data.label, counter: data.counter, icon: data.icon, variant: data.variant || "filter", inverted: data.inverted, size: data.size || "small", disabled: this.disabled || data.disabled, active: this._value.includes(data.value) ||
@@ -272,7 +272,7 @@ export class StzhChipselect {
                     this.multiple &&
                     (this._value.length === 0 || (this._value.length === 1 && this._value[0] === "")))
                 ? "true"
-                : "false", id: `${this.id}-option-${index}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index) })))))) : (h("stzh-dropdown", { class: "stzh-chipselect__dropdown", name: this.name, multiple: this.multiple, disabled: this.disabled, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, required: this.required, invalid: this.invalid, items: this.multiple ? this._value : this._value.length > 0 ? [this._value[0]] : [], label: this.label, labelHidden: this.labelHidden, options: this._dataDropdown, hideOptional: this.hideOptional, onStzhChange: this.handleDropdownChange })))), !this.useDropdownOnMobile && (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '74c035663687909bf314c14223de6b16893fd9f7', classPrefix: "stzh-chipselect", id: `${this.id}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+                : "false", id: `${this.id}-option-${index}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index) })))))) : (h("stzh-dropdown", { class: "stzh-chipselect__dropdown", name: this.name, multiple: this.multiple, disabled: this.disabled, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, required: this.required, invalid: this.invalid, items: this.multiple ? this._value : this._value.length > 0 ? [this._value[0]] : [], label: this.label, labelHidden: this.labelHidden, options: this._dataDropdown, hideOptional: this.hideOptional, onStzhChange: this.handleDropdownChange })))), !this.useDropdownOnMobile && (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '4614585a3e7594fda4fc34e3d75961750e44e8e3', classPrefix: "stzh-chipselect", id: `${this.id}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     static get is() { return "stzh-chipselect"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-clamp/stzh-clamp.js

@@ -95,13 +95,13 @@ export class StzhClamp {
             "stzh-clamp": true,
             "stzh-clamp--is-not-expanded": !this.expanded,
         };
-        return (h(Host, { key: 'ff524cf09a159f9823a87901b572d177595721cc', style: {
+        return (h(Host, { key: 'c1d5b2ffa921e988354b1dda17f382f1b7173d31', style: {
                 "--lines": this.lines ? this.lines.toString() : null,
                 "--lines-small": this.linesSmall ? this.linesSmall.toString() : null,
                 "--lines-medium": this.linesMedium ? this.linesMedium.toString() : null,
                 "--lines-large": this.linesLarge ? this.linesLarge.toString() : null,
                 "--lines-ultra": this.linesUltra ? this.linesUltra.toString() : null,
-            } }, h("div", { key: '173f33b6b07ffa548f52d711743b2e1aae013463', class: classes }, h("div", { key: '3814afd9fa8b81d222c0badce723d1b975c93269', ref: el => (this.textElement = el), class: "stzh-clamp__text" }, h("slot", { key: '0558cbf0c4c2d089e80651f6152eee2c03871e04' })), h("div", { key: 'd6906dc98f1c0d9e9ec767f23cfc379b0832baf7', ref: el => (this.textCloneElement = el), class: "stzh-clamp__text is-clone rs_skip", "aria-hidden": "true" }), this.showExpandLink && this.clamped && (h("stzh-link", { key: 'fa7b9a5ba7e11f162c9c03a1e15fa84a4ea2625f', class: "stzh-clamp__trigger", size: this.expandLinkSize, a11yTabindex: "-1", "aria-hidden": "true", onClick: this.handleExpandClick }, !this.expanded ? this.localization.showMore : this.localization.showLess)))));
+            } }, h("div", { key: '26d6637235068d98826d5da90433533643e8c180', class: classes }, h("div", { key: '90a53859aca1137e4dc627ce136fbf1079f55aae', ref: el => (this.textElement = el), class: "stzh-clamp__text" }, h("slot", { key: 'ad2fee651769a66e5a169e9ef07635f370a60513' })), h("div", { key: '23434246a47527ab57adc83ba6cc63c27c64ced1', ref: el => (this.textCloneElement = el), class: "stzh-clamp__text is-clone rs_skip", "aria-hidden": "true" }), this.showExpandLink && this.clamped && (h("stzh-link", { key: 'd49f2b4e5e2eb1152747de6a4af530c292a57730', class: "stzh-clamp__trigger", size: this.expandLinkSize, a11yTabindex: "-1", "aria-hidden": "true", onClick: this.handleExpandClick }, !this.expanded ? this.localization.showMore : this.localization.showLess)))));
     }
     static get is() { return "stzh-clamp"; }
     static get originalStyleUrls() {

package/dist/collection/components/stzh-company-logo/stzh-company-logo.js

@@ -7,7 +7,7 @@ export class StzhCompanyLogo {
         const classes = {
             "stzh-company-logo": true,
         };
-        return (h(Host, { key: 'fa426ca20f1522ddd3466f7c78b20cb91115057f' }, h("div", { key: '3cd9e43b1e6becc48a9992e581fb2ebe6e818c4c', class: classes }, h("div", { key: '637765a75a4222c0892854292567771d6a1ade46', class: "stzh-company-logo__image" }, h("slot", { key: 'a95f57fda633d38df97d6dad11cecd84c37f02d7' })))));
+        return (h(Host, { key: 'd952812b3ee48f1aded0d22cda1931ae0a4432ec' }, h("div", { key: '5a19a6d3e96d18e616da4de2a08606fc0a7dce1d', class: classes }, h("div", { key: 'd42264cada9d7b30d0a523ac85be350e3246214f', class: "stzh-company-logo__image" }, h("slot", { key: '84f31c2dd1cb3cbc4a935a49d98ead81834ce9ae' })))));
     }
     static get is() { return "stzh-company-logo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-container/stzh-container.js

@@ -15,7 +15,7 @@ export class StzhContainer {
             "stzh-container--has-no-margin": this.noMargin,
             // [`stzh-container--size-${this.size}`]: !!this.size,
         };
-        return (h(Host, { key: '5d46ccd57df5522c94dc4c568e53c82afb8dac80' }, h("div", { key: '03a1d67d1b5d0415b921f6cca76e85fe75316e92', class: classes }, h("slot", { key: 'de824aeca516795e19363d104d2d3d65f561ce5f' }))));
+        return (h(Host, { key: 'd786a158468cb89a682fac7842ef3057e67f6512' }, h("div", { key: '582587ea7f6db2bb800aa7b8089d12977095f3e3', class: classes }, h("slot", { key: '6d951d825f6a4ca1faa8ea51914453c9c938fbe5' }))));
     }
     static get is() { return "stzh-container"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-content/stzh-content.js

@@ -14,7 +14,7 @@ export class StzhContent {
             "stzh-content": true,
             [`stzh-content--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'ce7bde7475e7e40a759025463a80ef330d7f5ecc' }, h("div", { key: 'f0d1730ae920a9c69e191d869ffe05535771ae60', class: classes }, h("slot", { key: '9851b4991a04cb2c37d594ffe6b53ff328f3f14b' }))));
+        return (h(Host, { key: '1b2a55927dbb84de40d71bc5274d32de00dbdbdc' }, h("div", { key: '016cc0d01f10af6b83356b596af32418d8e5f28d', class: classes }, h("slot", { key: 'e694990bc015e62fa242fa77fda15907a32cb73a' }))));
     }
     static get is() { return "stzh-content"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-cspace/stzh-cspace.js

@@ -46,7 +46,7 @@ export class StzhCspace {
         const classes = {
             "stzh-cspace": true,
         };
-        return (h(Host, { key: '3a34c4c17053fe924f9956b94874e050c72630c1', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, h("div", { key: '7eed1f7fa933265d273d5b909632ea06f5a0d8f8', ref: el => (this.rootElement = el), class: classes }, h("slot", { key: '671c34abcb66eae5324d617d23dc216093db6d56' }))));
+        return (h(Host, { key: '311d1383846e8bda5bf235d47aaa1ccbc03a685f', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, h("div", { key: 'fe19e82dbc10c1924c49b9fd94918cefd1810d91', ref: el => (this.rootElement = el), class: classes }, h("slot", { key: 'b526bc17eeb020090ebdb6642eca09516f3ac47c' }))));
     }
     static get is() { return "stzh-cspace"; }
     static get originalStyleUrls() {

package/dist/collection/components/stzh-cta/stzh-cta.js

@@ -124,7 +124,7 @@ export class StzhCta {
             "stzh-cta--has-lead": hasLead,
             [`stzh-cta--size-${size}`]: !!size,
         };
-        return (h(Host, { key: 'e82e065c3e09e032142658590f9005a5c3ac6958', size: size, tabindex: "-1", onFocus: this.onRootFocus }, h("article", { key: 'a60a8650ab35883e42430aae3fb7225601742b8e', class: classes, "data-stzh-sticky-width-container": true }, h("div", { key: '4f5df15b4f4039518216afe7f9a69789f2ef04fb', class: "stzh-cta__wrapper" }, h("div", { key: 'c2f3b930c51ed9b99d3fd1a51bd1de93282be4fe', class: "stzh-cta__heading" }, this.heading ? this.heading : h("slot", { name: "heading" })), h("div", { key: '256397c7b59d522b20f6c0236713389888eadc57', class: "stzh-cta__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })), h("stzh-sticky", { key: '652ef4390bb6c6e7c27e9a5580a7e99ad2fcac9f', name: "cta", class: "stzh-cta__sticky", position: "fixed", bleeding: true, disableStickyBottom: this.stickyDisabled, disableStickyTop: true }, this.renderButtons(size))))));
+        return (h(Host, { key: '6a6d647e702e66838653e567daff93d372468440', size: size, tabindex: "-1", onFocus: this.onRootFocus }, h("article", { key: '6e99f973174184f0ed9224546a48e71780883e2e', class: classes, "data-stzh-sticky-width-container": true }, h("div", { key: '94d7cbbe7999d1f4cef679d4d90b3b967a6102bc', class: "stzh-cta__wrapper" }, h("div", { key: 'db631408f00e5eb08062c838bb0a3ae63f23f8ca', class: "stzh-cta__heading" }, this.heading ? this.heading : h("slot", { name: "heading" })), h("div", { key: '1375925b0f120655b8e10c49016440b16602b374', class: "stzh-cta__lead" }, this.lead ? h("p", null, this.lead) : h("slot", { name: "lead" })), h("stzh-sticky", { key: '99c7dfedb03845d8b340b0c48b31deabb480906d', name: "cta", class: "stzh-cta__sticky", position: "fixed", bleeding: true, disableStickyBottom: this.stickyDisabled, disableStickyTop: true }, this.renderButtons(size))))));
     }
     static get is() { return "stzh-cta"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-cta/stzh-cta.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-cta.js","sourceRoot":"","sources":["../../../../src/components/stzh-cta/stzh-cta.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element, Prop, State, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhCtaFocusEvent, StzhCtaBlurEvent, StzhCtaClickEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nvar counter = 0;\n\n/**\n * @slot heading - Slot for heading as alternative for attribute\n * @slot lead - Slot for lead as alternative for attribute\n * @slot label - Slot for button label as alternative for attribute\n */\n@Component({\n  tag: \"stzh-cta\",\n  styleUrl: \"stzh-cta.scss\",\n  scoped: true,\n})\nexport class StzhCta {\n  /** Heading */\n  @Prop() heading: string = \"\";\n\n  /** Lead */\n  @Prop() lead: string = \"\";\n\n  /** Button Label */\n  @Prop() label: string = \"\";\n\n  /** Button link */\n  @Prop() href: string = \"\";\n\n  /**\n   *  Whether sticky button is disabled.\n   *  Will be set to true automatically on,\n   *  when more than one cta is on the page.\n   */\n  @Prop() stickyDisabled: boolean = true;\n\n  @State() loaded: boolean = false;\n\n  @Element() element: HTMLStzhCtaElement;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhCtaFocusEvent>;\n\n  /** Blur event */\n  @Event() stzhBlur: EventEmitter<StzhCtaBlurEvent>;\n\n  /** Click event */\n  @Event() stzhClick: EventEmitter<StzhCtaClickEvent>;\n\n  private button: HTMLButtonElement | HTMLAnchorElement;\n  private placeholderButton: HTMLElement;\n  private debounceResize: number;\n  private focusedByInput: boolean = false;\n  private placeholderButtonResizeObserver: ResizeObserver;\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.button.focus();\n    }\n\n    this.focusedByInput = false;\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-cta\",\n      originalEvent: event,\n    });\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-cta\",\n      originalEvent: event,\n    });\n  };\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-cta\",\n      originalEvent: event,\n      href: this.href,\n    });\n  };\n\n  private handlePlaceholderButtonResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.updateButtonWidthByResize);\n  };\n\n  private updateButtonWidthByResize = () => {\n    if (!this.placeholderButton) {\n      return;\n    }\n\n    const { width } = this.placeholderButton.getBoundingClientRect();\n    this.element.style.setProperty(\"--button-width\", `${width}px`);\n  };\n\n  componentDidLoad() {\n    this.stickyDisabled = counter > 1;\n\n    this.placeholderButtonResizeObserver = new ResizeObserver(this.handlePlaceholderButtonResize);\n    if (this.placeholderButton) {\n      this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n    }\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        this.updateButtonWidthByResize();\n\n        window.setTimeout(() => {\n          this.loaded = true;\n        }, 250);\n      });\n    });\n  }\n\n  componentDidRender() {\n    if (this.placeholderButton && this.placeholderButtonResizeObserver) {\n      this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n    }\n  }\n\n  connectedCallback() {\n    counter = counter + 1;\n  }\n\n  disconnectedCallback() {\n    // current no way of sending events in disconnected callback, so we just decrease the counter now,\n    // but the user has to set stickyDisabled=false by himself\n    counter = counter - 1;\n\n    this.placeholderButtonResizeObserver?.disconnect();\n  }\n\n  private renderButtons(size: \"default\" | \"small\") {\n    return (\n      <div class=\"stzh-cta__buttons\">\n        {size === \"small\" && (\n          <div class=\"stzh-cta__button is-placeholder\" ref={el => (this.placeholderButton = el as HTMLElement)}>\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </div>\n        )}\n\n        {this.href ? (\n          <a\n            class=\"stzh-cta__button\"\n            href={this.href}\n            ref={el => (this.button = el as HTMLAnchorElement)}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n            onClick={this.onClick}\n          >\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </a>\n        ) : (\n          <button\n            class=\"stzh-cta__button\"\n            ref={el => (this.button = el as HTMLButtonElement)}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n          >\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const headingSlotUsed = hasSlot(this.element, \"heading\");\n    const leadSlotUsed = hasSlot(this.element, \"lead\");\n\n    const hasHeading = !!this.heading || headingSlotUsed;\n    const hasLead = !!this.lead || leadSlotUsed;\n    const hasHeadingOrLead = hasHeading || hasLead;\n\n    const size = !hasHeadingOrLead ? \"small\" : \"default\";\n\n    const classes = {\n      \"stzh-cta\": true,\n      \"stzh-cta--is-sticky-disabled\": this.stickyDisabled,\n      \"stzh-cta--is-not-loaded\": !this.loaded,\n      \"stzh-cta--has-heading\": hasHeading,\n      \"stzh-cta--has-lead\": hasLead,\n      [`stzh-cta--size-${size}`]: !!size,\n    };\n\n    return (\n      <Host size={size} tabindex=\"-1\" onFocus={this.onRootFocus}>\n        <article class={classes} data-stzh-sticky-width-container>\n          <div class=\"stzh-cta__wrapper\">\n            <div class=\"stzh-cta__heading\">{this.heading ? this.heading : <slot name=\"heading\"></slot>}</div>\n            <div class=\"stzh-cta__lead\">{this.lead ? this.lead : <slot name=\"lead\"></slot>}</div>\n            <stzh-sticky\n              name=\"cta\"\n              class=\"stzh-cta__sticky\"\n              position=\"fixed\"\n              bleeding\n              disableStickyBottom={this.stickyDisabled}\n              disableStickyTop={true}\n            >\n              {this.renderButtons(size)}\n            </stzh-sticky>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-cta.js","sourceRoot":"","sources":["../../../../src/components/stzh-cta/stzh-cta.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element, Prop, State, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhCtaFocusEvent, StzhCtaBlurEvent, StzhCtaClickEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nvar counter = 0;\n\n/**\n * @slot heading - Slot for heading as alternative for attribute\n * @slot lead - Slot for lead as alternative for attribute\n * @slot label - Slot for button label as alternative for attribute\n */\n@Component({\n  tag: \"stzh-cta\",\n  styleUrl: \"stzh-cta.scss\",\n  scoped: true,\n})\nexport class StzhCta {\n  /** Heading */\n  @Prop() heading: string = \"\";\n\n  /** Lead */\n  @Prop() lead: string = \"\";\n\n  /** Button Label */\n  @Prop() label: string = \"\";\n\n  /** Button link */\n  @Prop() href: string = \"\";\n\n  /**\n   *  Whether sticky button is disabled.\n   *  Will be set to true automatically on,\n   *  when more than one cta is on the page.\n   */\n  @Prop() stickyDisabled: boolean = true;\n\n  @State() loaded: boolean = false;\n\n  @Element() element: HTMLStzhCtaElement;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhCtaFocusEvent>;\n\n  /** Blur event */\n  @Event() stzhBlur: EventEmitter<StzhCtaBlurEvent>;\n\n  /** Click event */\n  @Event() stzhClick: EventEmitter<StzhCtaClickEvent>;\n\n  private button: HTMLButtonElement | HTMLAnchorElement;\n  private placeholderButton: HTMLElement;\n  private debounceResize: number;\n  private focusedByInput: boolean = false;\n  private placeholderButtonResizeObserver: ResizeObserver;\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.button.focus();\n    }\n\n    this.focusedByInput = false;\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-cta\",\n      originalEvent: event,\n    });\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-cta\",\n      originalEvent: event,\n    });\n  };\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-cta\",\n      originalEvent: event,\n      href: this.href,\n    });\n  };\n\n  private handlePlaceholderButtonResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.updateButtonWidthByResize);\n  };\n\n  private updateButtonWidthByResize = () => {\n    if (!this.placeholderButton) {\n      return;\n    }\n\n    const { width } = this.placeholderButton.getBoundingClientRect();\n    this.element.style.setProperty(\"--button-width\", `${width}px`);\n  };\n\n  componentDidLoad() {\n    this.stickyDisabled = counter > 1;\n\n    this.placeholderButtonResizeObserver = new ResizeObserver(this.handlePlaceholderButtonResize);\n    if (this.placeholderButton) {\n      this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n    }\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        this.updateButtonWidthByResize();\n\n        window.setTimeout(() => {\n          this.loaded = true;\n        }, 250);\n      });\n    });\n  }\n\n  componentDidRender() {\n    if (this.placeholderButton && this.placeholderButtonResizeObserver) {\n      this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n    }\n  }\n\n  connectedCallback() {\n    counter = counter + 1;\n  }\n\n  disconnectedCallback() {\n    // current no way of sending events in disconnected callback, so we just decrease the counter now,\n    // but the user has to set stickyDisabled=false by himself\n    counter = counter - 1;\n\n    this.placeholderButtonResizeObserver?.disconnect();\n  }\n\n  private renderButtons(size: \"default\" | \"small\") {\n    return (\n      <div class=\"stzh-cta__buttons\">\n        {size === \"small\" && (\n          <div class=\"stzh-cta__button is-placeholder\" ref={el => (this.placeholderButton = el as HTMLElement)}>\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </div>\n        )}\n\n        {this.href ? (\n          <a\n            class=\"stzh-cta__button\"\n            href={this.href}\n            ref={el => (this.button = el as HTMLAnchorElement)}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n            onClick={this.onClick}\n          >\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </a>\n        ) : (\n          <button\n            class=\"stzh-cta__button\"\n            ref={el => (this.button = el as HTMLButtonElement)}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n          >\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const headingSlotUsed = hasSlot(this.element, \"heading\");\n    const leadSlotUsed = hasSlot(this.element, \"lead\");\n\n    const hasHeading = !!this.heading || headingSlotUsed;\n    const hasLead = !!this.lead || leadSlotUsed;\n    const hasHeadingOrLead = hasHeading || hasLead;\n\n    const size = !hasHeadingOrLead ? \"small\" : \"default\";\n\n    const classes = {\n      \"stzh-cta\": true,\n      \"stzh-cta--is-sticky-disabled\": this.stickyDisabled,\n      \"stzh-cta--is-not-loaded\": !this.loaded,\n      \"stzh-cta--has-heading\": hasHeading,\n      \"stzh-cta--has-lead\": hasLead,\n      [`stzh-cta--size-${size}`]: !!size,\n    };\n\n    return (\n      <Host size={size} tabindex=\"-1\" onFocus={this.onRootFocus}>\n        <article class={classes} data-stzh-sticky-width-container>\n          <div class=\"stzh-cta__wrapper\">\n            <div class=\"stzh-cta__heading\">{this.heading ? this.heading : <slot name=\"heading\"></slot>}</div>\n            <div class=\"stzh-cta__lead\">{this.lead ? <p>{this.lead}</p> : <slot name=\"lead\"></slot>}</div>\n            <stzh-sticky\n              name=\"cta\"\n              class=\"stzh-cta__sticky\"\n              position=\"fixed\"\n              bleeding\n              disableStickyBottom={this.stickyDisabled}\n              disableStickyTop={true}\n            >\n              {this.renderButtons(size)}\n            </stzh-sticky>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/stzh-datalist/stzh-datalist.js

@@ -119,9 +119,9 @@ export class StzhDatalist {
             [`stzh-datalist--${this.variant}`]: !!this.variant,
             [`stzh-datalist--vertical-gap-${this.verticalGap}`]: !!this.verticalGap,
         };
-        return (h(Host, { key: 'eedf80ac114572c26996fb1d54970f14078c62af', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
+        return (h(Host, { key: 'adfd38bbd33caaeb5e43c03772e4611f71bb8e5c', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
                 "--columns": this.currentColumns ? this.currentColumns.toString() : null,
-            } }, h("div", { key: '1ce5a55fd406990708b34ed443f103d999b56599', class: classes }, h("div", { key: 'f686adb2f179b033c63d3e96e5c5c9d8ed1daef0', class: "stzh-datalist__wrapper" }, h("div", { key: 'ed185494f66ab2dc001c9cce02f73ec7aae8ad80', class: "stzh-datalist__list", role: "list" }, this._items.map(item => (h("stzh-datalist-item", Object.assign({}, item, { hasNested: !!item.items }), item.items && item.items.length > 0 && h("stzh-datalist", { items: item.items })))), h("slot", { key: 'c195766f8813e5301ef0c6f638899cd351434365' }))))));
+            } }, h("div", { key: 'de02abc81a926a6eaf50f384f5c4aa2735b2e1b9', class: classes }, h("div", { key: '333da81e4c54bfe1914c7be7b6c2fddf39701a56', class: "stzh-datalist__wrapper" }, h("div", { key: '60bbb2021ea07e7405c0a2cf989ea8971dfeb179', class: "stzh-datalist__list", role: "list" }, this._items.map(item => (h("stzh-datalist-item", Object.assign({}, item, { hasNested: !!item.items }), item.items && item.items.length > 0 && h("stzh-datalist", { items: item.items })))), h("slot", { key: '366aa399241d4ab8e4b5362a84b75da7ab9d65e2' }))))));
     }
     static get is() { return "stzh-datalist"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-datamessagelist/stzh-datamessagelist.js

@@ -7,7 +7,7 @@ export class StzhDatamessagelist {
         const classes = {
             "stzh-datamessagelist": true,
         };
-        return (h(Host, { key: 'dd0b9ad1cce642e77fc2ad2bea08c0e294c0a8c7' }, h("div", { key: 'bff2a50cc6dfda3d834eb4f099987152e28642a7', class: classes }, h("div", { key: '7b0c08965fbc887e31aa9357d6ae6619a6d67308', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: 'e6371ddb42e198d05561475c5d80e2d8bef1e09c' })))));
+        return (h(Host, { key: '64b90524c0efd9519bb5597811427c17f47004bf' }, h("div", { key: '8a7a328641b4e278281b738a7ca23adf6659634a', class: classes }, h("div", { key: 'b32542b2ee914e818572d8314be274351812e84e', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: 'c600f0b314b2a1bd45d5d561bdab8df5915822f0' })))));
     }
     static get is() { return "stzh-datamessagelist"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.js

@@ -82,7 +82,7 @@ export class StzhDatamessagelistItem {
             "stzh-datamessagelist-item--is-interactive": !this.nonInteractive,
         };
         const HeadingLink = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (h(Host, { key: '1e5e94c37b1514688f354dab43b198c8ba5d4006', role: "listitem" }, h("article", { key: '52b83980dac6f0ad0c815030f17bdce18723741c', class: classes }, h("div", { key: '1c7c68c77b06996d56a1febdab9d1622d0b989fe', class: "stzh-datamessagelist-item__content" }, h("div", { key: '378292229b9d0e096c75dad73122cc7d0c70fa10', class: "stzh-datamessagelist-item__text" }, h("h3", { key: '70864b4a7d643a2a151b9af89b9ea89fda5f7e9e', class: "stzh-datamessagelist-item__heading" }, h(HeadingLink, { key: '083880f12718bc4ee16593b9fb389dbe21a8733a', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && h("span", { key: 'd063a85d6a6b58af3e27771257e7803701c760cd', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: 'dae9707c79a2259a2e2ac88558334e02cd131435', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: '78c894c88955d72b11cfccc90526d951ca9dd834', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: '9b733c6b25a336b90bbb14a0276b9d42e370588b', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: 'ed5ba3351f94a824fa4391ac618095479989e18a', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (h("li", { class: "stzh-datamessagelist-item__meta-item" }, h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (h("stzh-status", { key: '919f849858a216efebfafecb9fe44da7a103ee19', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (h("div", { key: '42c3b27ea91e4af99725e98dc8c31215a1b387fc', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: 'e6e358a9e050a02225d2cf0017467cef73babed4', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), h("div", { key: 'a2f885499805d431ef71b8692db558564fdf95b8', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), h("stzh-menu", { slot: "content" }, this._actions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
+        return (h(Host, { key: '9fec33bc6766ec5eac13763f58b6f626dd799132', role: "listitem" }, h("article", { key: '39649df9c09955beb2f4d7455d9511c918898523', class: classes }, h("div", { key: 'bd35d114e417be405e51c8578a820284b5bf28c8', class: "stzh-datamessagelist-item__content" }, h("div", { key: '751701b36f3c56c40a0ee47eced89d48f3035aba', class: "stzh-datamessagelist-item__text" }, h("h3", { key: '7f436486d4b86819b035ad9b9945d1e1ce572519', class: "stzh-datamessagelist-item__heading" }, h(HeadingLink, { key: '334bd57efb0d03e3bd17c50b08ab0b2857aa2776', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && h("span", { key: 'a27456bf461806a486358e3772074a7868a58147', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: '2a55c1a3f49b9bfab8898a9ef3687af1129f258f', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: '6a745a8dd113b8b3e530dcbd03629ac272dbed0d', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: 'c8da410e35b3ab5abfe809121418881f93a376d7', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: '6b062faf935996210aca31964cf2070ed08386eb', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (h("li", { class: "stzh-datamessagelist-item__meta-item" }, h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (h("stzh-status", { key: 'c5441638fee4bb6102ec36b9f3c34b9fcec7e83d', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (h("div", { key: '12b0f51b4ac8291a1073563e2fcf356be47c92b0', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: '566e22de23e82db3411285c4dea8fcbc79cfc9f9', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), h("div", { key: '1bfe0df7a641ecdd40e691942ccecf944ed568cc', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), h("stzh-menu", { slot: "content" }, this._actions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
                 this.actionClick(action, event);
             } }, action.label)))))) : (!this.nonInteractive && (h("div", { class: "stzh-datamessagelist-item__action is-non-interactive" }, h("stzh-icon", { class: "stzh-datamessagelist-item__action-icon", name: this.icon ? this.icon : this.external ? "external-link" : "arrow-right" }))))))));
     }

package/dist/collection/components/stzh-datepicker/stzh-datepicker.js

@@ -178,11 +178,11 @@ export class StzhDatepicker {
             "stzh-datepicker--inline": this.inline,
             "stzh-datepicker--has-action": actionUsed,
         };
-        return (h(Host, { key: 'f9ab0e2fb4575eb8542d1ec382f35481cf134fb6', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'b2c28f9dd72b3744607a266df158da76e9530262', class: classes }, h("input", { key: '4650d89af6b5c00f52c54a79f5e142ca81ec85a1', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (h(Fragment, { key: '79d0a144fecd99d047b825c70b8f7bc714d5f119' }, h("stzh-calendar", { key: 'f68c46fa1c548914947871b7c4b734712080f686',
+        return (h(Host, { key: 'd9b40c1e1a68c74879c273a174b8a63ffb3d10b2', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'c53891ea927dd1438358a5d217dc2f1e528dde72', class: classes }, h("input", { key: '41c4696e237df6813fb12753afaddb1146b3f73a', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (h(Fragment, { key: '6efba9d37a2bde968d953346016754cc070b8665' }, h("stzh-calendar", { key: '77150633a72adfa35e7798f17f40b53297f798a3',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: '9fbf7a789b1a913b49410b541c43d7f1632e06a4', class: "stzh-datepicker__actions" }, h("slot", { key: 'db2778590807eb867606d911e68ba8028c3bd7b2', name: "action" })))), !this.inline && (h("stzh-input", { key: '0873aa372a6f12d138e8eb27faf1625185e807b2', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, h("stzh-popover", { key: '7078a7358bdd7d0ffac426a4403e746c09443af7', ref: el => (this.popoverElement = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, h("stzh-button", { key: '3e918f15c8de06dbedf49d017cad568bdeb4c85c', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), h("div", { key: 'ffdd219a08612fa9455b620fa9a2bc3b3c2a72ca', slot: "content" }, h("stzh-calendar", { key: 'cba8098fb2ad2bd4d71692923d66315210822176',
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: 'f0e8a0edbb4c64ea411e30ab4578c0013c88b83f', class: "stzh-datepicker__actions" }, h("slot", { key: 'b5df0a6529ffaf2927a01f408d167695e5a002c5', name: "action" })))), !this.inline && (h("stzh-input", { key: 'b470051ac156e9bcbacd72fcd64b57645f67ee5e', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, h("stzh-popover", { key: '2e29653c07a2e711b0753588e1393134c955b8c4', ref: el => (this.popoverElement = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, h("stzh-button", { key: '6bd527b919554988a7b38504c8a8b400a533963e', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), h("div", { key: '7c210df7753fcc03e8c739c9e1091e368283a773', slot: "content" }, h("stzh-calendar", { key: 'ca06852fe5518ff2addbbbd594a8b8d9cf5b30e7',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: '74bf18b052db32ded17eb2a5df1ab689d71a53a0', class: "stzh-datepicker__actions" }, h("slot", { key: '55a234b0b97e8c031619ca422f67413fd56aba3f', name: "action" })))))))));
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: '29780d8533bec7a0b487451ab5357842dc9995f1', class: "stzh-datepicker__actions" }, h("slot", { key: 'cae8db696b99abf9c7c78f4826d0375fcc8471cd', name: "action" })))))))));
     }
     static get is() { return "stzh-datepicker"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-daterange/stzh-daterange.js

@@ -85,7 +85,7 @@ export class StzhDaterange {
             tomorrow: this.localization.rangeTomorrow,
             next7days: this.localization.rangeNextSevenDays,
         };
-        return (h(Host, { key: 'c01e177ba7cd492a2a745e39d441a88b385a98cf' }, h("fieldset", { key: 'ef38acefcbb0b409ac7822efd975a0af40006e12', class: classes }, h("legend", { key: '371b30eafeb9859bee075ef58d63ccac0dcd8947', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: 'e2a37046e6588b30e4eefd8424a21ff40d4e8a46', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: 'b791072eb94ebcfcc2b89c6219b769561a958fc9', name: "from" })), h("div", { key: 'c9a3e8067711e6e3ff6689c4b85dbb4ffa3c031e', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '3dd5529c788128531acf7653f03d7788645105ea', name: "to" })), h("div", { key: '5bdcc67a6de8268cbe6c024db08610ee131f36fe', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
+        return (h(Host, { key: '39d31268af19a5134e5b1ea5ba7b224fa68a6905' }, h("fieldset", { key: 'b74833b6217cdbfd31d690e840e4a97750944ac6', class: classes }, h("legend", { key: '7f35266cc7c417d55ef916fb4cf31e083ca49d7f', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: 'ff263fc05072760182e17fb78ba6ee0f3a3eb73a', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: '687afa54b2f2db628d0ca83d1d04777c9840ab52', name: "from" })), h("div", { key: '507b710a0b30d203cc7711a38429307f7fd0ea10', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '86b82b908c96061af1c8271b64cc4d7fbb50ab7a', name: "to" })), h("div", { key: '5b29b94aa0ff956a4e9fbd8fa07c15e22ea15d2b', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
     }
     static get is() { return "stzh-daterange"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-details/stzh-details.js

@@ -136,7 +136,7 @@ export class StzhDetails {
             "stzh-details": true,
             "stzh-details--is-open": this.open,
         };
-        return (h(Host, { key: 'f5c8e4a31f502abe856418b524f8b508cbd1c128' }, h("div", { key: '9b2a8b0180abd4c43b156030475835afc1a45ac5', class: classes }, h("div", { key: 'e2cf487c3926d3b1f22c565a65dac18f9d22779a', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, h("slot", { key: 'f8a63e5359facee6d70c1df10b45cb5b75e8d9c2' })), h("div", { key: '48c369c60bc27d37000632e419b80adb7a9a49cb', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, h("div", { key: '7ab5cbd808d2a8316fe62c858de5470881617908', class: "stzh-details__content-inner" }, h("slot", { key: '916c66c4e70c412e51466e489d07cdbffccde8a0', name: "content" }))))));
+        return (h(Host, { key: '4b48f64ac3366debabb0c07612953be8f4deea4b' }, h("div", { key: 'b8bc3d9ae17fcfbbeaf65ed2f0a1607c859947b0', class: classes }, h("div", { key: '882c46abadbc8c3b7c8801d1e2e3018a1f813c91', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, h("slot", { key: '415c19b3fb31447a44eba359f74be4c6f0abda24' })), h("div", { key: '12ffec7022cac4011500081caee03335b21d3352', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, h("div", { key: 'b4c218cda34992243e39207552208799a07554d7', class: "stzh-details__content-inner" }, h("slot", { key: '993a95a62d6301d5fef1ede4517c60cbdeb4726d', name: "content" }))))));
     }
     static get is() { return "stzh-details"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-dialog/stzh-dialog.js

@@ -161,13 +161,13 @@ export class StzhDialog {
         }
     }
     render() {
-        return (h(Host, { key: '4bf8a076f78ea029a8ddfc2e2be5f2a023459d14' }, h("div", { key: '38661af7b25ae9c4f3e453428e186092320b17cf', class: {
+        return (h(Host, { key: 'aa50f07cf85de8614d75332ad2a42ad015ad3418' }, h("div", { key: 'e200c0c5f9d0abeaa1e216a1b82629fae17fd02a', class: {
                 "stzh-dialog": true,
                 "stzh-dialog--is-open": this.open,
                 "stzh-dialog--has-heading": !!this.heading,
                 "stzh-dialog--has-close-hidden": this.hideClose,
                 [`stzh-dialog--size-${this.size}`]: !!this.size,
-            } }, h("div", { key: '6c3b6620f0d0b25d8ce19776d1531ea1251d969e', class: "stzh-dialog__backdrop" }), h("div", { key: '628a9ba306c5e22027781e0ed563c8e493e6b6ae', class: "stzh-dialog__content" }, h("div", { key: '68baf78ced032ec6ff1ba5cecf3474a6bb8dc813', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, h("stzh-heading", { key: 'aba318795c57c6633a78fafa8e0b40b7b6ba3fb0', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), h("div", { key: 'e6df82dec4f6ee5dd12518b1d93bb1c11fb9d385', class: "stzh-dialog__dialog-content" }, h("slot", { key: '1ee6524c55e43ea619c18022e5770417a9030950' })), h("div", { key: 'effc45d57f2645f6f235a08c5f5494b818189ba1', class: "stzh-dialog__actions" }, h("slot", { key: 'f8a2ab1af7899e0e3295fd60ce29d95a71fbd763', name: "actions" })), !this.hideClose && (h("stzh-button", { key: '02747906d06e46796a4a15009766fd4f70eea9c8', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
+            } }, h("div", { key: 'c70d9aa60e6e5e9e2e517f09dbe979f1e2ca6c05', class: "stzh-dialog__backdrop" }), h("div", { key: '8d2fd8441f3349c8d10b491ec8e4710d50666c51', class: "stzh-dialog__content" }, h("div", { key: 'ad8a7e31dccbd799010e8a571d48751d41e67048', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, h("stzh-heading", { key: '3d2c6776d449183ee4d236dd9143258b4b49b049', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), h("div", { key: 'ca90de2a783f6ac35739bc5fa73fc773e2745f43', class: "stzh-dialog__dialog-content" }, h("slot", { key: 'd46051715f7e5dcffecea6a1c7ce80e3c74a172b' })), h("div", { key: '168550769a636cb7f7f20ff1eac8a9b5b601de06', class: "stzh-dialog__actions" }, h("slot", { key: 'afb33fb35fc4bdf5318ad527dcb98c91d216b825', name: "actions" })), !this.hideClose && (h("stzh-button", { key: 'c9fe71e47fe94373dbd755d91f396b2528eb9927', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
     }
     static get is() { return "stzh-dialog"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-dropdown/stzh-dropdown.js

@@ -623,14 +623,14 @@ export class StzhDropdown {
             [`stzh-dropdown--size-${this.size}`]: !!this.size,
             [`stzh-dropdown--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'ba2e19e4c04c9980bd60f457b82c8237eff3c2d6', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '51162d9ea853e0a347dec9495b8cfa855fa4849e', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '4c6ac36e3297b23e4b80ccb9bdc42733e253bfff', class: "stzh-dropdown__wrapper" }, labelWrapperUsed && (h("div", { key: '3167ed0b49bad982ea5c78fa2d4a325fd5285d70', class: "stzh-dropdown__label-wrapper" }, h("label", { key: 'ad8a17d7048c9a72da895961caa5fc546f87a2d0', id: `${this.dropdownId}-label`, class: {
+        return (h(Host, { key: '7e4510f1f10323bc41121847c1357561b5d958be', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'ebe66a853eb2d8eb9462d2020d1b95c9ec226741', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '0a6075730b070a8a59b3411917f9fd6a2d328509', class: "stzh-dropdown__wrapper" }, labelWrapperUsed && (h("div", { key: 'd78e83f7ffd2344315a9f7140e8e6fc83bd76773', class: "stzh-dropdown__label-wrapper" }, h("label", { key: 'fd70ec3e6b2dd4ee7112e5bf1e3493425ecee452', id: `${this.dropdownId}-label`, class: {
                 "stzh-dropdown__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: '75c1566258718fb76b3aee80444b6e22050f828d', class: "stzh-dropdown__marker" }, h("span", { key: '7a3794b144e0218e813826f50fbc66545b62cbe1', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: '1928d9ae61c8f56c7cbb485d1fd96efe6fdc8bc5', class: "stzh-dropdown__marker" }, h("span", { key: '06dab2c4c39152a1c1ffe819f05dc46609bb955a', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '01275fc0317a7c7220488ddd8f0bd612d836b513', class: "stzh-dropdown__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '2a821a7cde0712390c2545dde00ec91dabadaf6f', class: "stzh-dropdown__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: 'a47a94684df9e1bc97f7a96ea3d589dddc3908f7', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '286cf51b9eb07e40340c7f46c820c2b9f745d3cf', class: "stzh-dropdown__field-wrapper" }, h("select", { key: '9058db966c14ecb466bfad0e2e6ced5e94068208', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: '3a08e032d220ab7855ec48d6e70cb66b4da4a95d' })), this.inline && this.label && h("div", { key: '37c5b99f65b68ee2ab88f8ab0e549d7a4e817474', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '4726a45add78a6671dcaa7877a7be632b11a1fda', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: 'cdc4121442ae6bec9dd12dc7a5ca0228792e403f', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: 'c6b12880792317d7b2be67427ef5cd61afcdcae9', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: 'a62165a3a00c3a4196a6c8822a8b5a928486f6b5', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: '519b1adc736941af1e0242efad8fc60c77a903f7', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '80f47fc24acf541ebfe16dbcef98b0d005fdb6bf', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '3a59a826fcb3fd4660cd6aef0c4376d5471dcf68', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '49a76655533ccd4f319c55c2c92cd6e29ab470da', class: "stzh-dropdown__field-wrapper" }, h("select", { key: 'de2391f6a39c4c71ac779d62f441b864999fba91', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: '014132ec4a1876bf5134a89c4e4ac6dcf42c9ca3' })), this.inline && this.label && h("div", { key: '3f601762251fe254b8691b358784815413d95b5f', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '237f23eb85fe1022ed295902ee212726285ac7b8', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: '6766d06f7f99c4b29e7702fa12a9f7e13b3b44ba', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: '9d6ce105480cee93a5566b923fec7e0a569f2460', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: '894901912372b7c55079f924e9cabd2e017fa1a8', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: 'f98e9574d950c85cbee6603ec0aa68858676e09b', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: 'ac0a65968bc3bc07f10ef3c288af52a66ed385a0', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     static get is() { return "stzh-dropdown"; }
     static get originalStyleUrls() {

package/dist/collection/components/stzh-fieldset/stzh-fieldset.js

@@ -18,7 +18,7 @@ export class StzhFieldset {
             "stzh-fieldset": true,
             "stzh-fieldset--hide-legend": this.hideLegend,
         };
-        return (h(Host, { key: '533fbefb91a19d1d9c1bcb46dcaef10aa2bfb908' }, h("fieldset", { key: 'badffe2111c30693e98f9939d9e6e4be2fe2bba6', class: classes }, this.legend && (h("legend", { key: '4adcbfae61ff52e92915cf0a5e5e70c90b3aab7a', class: "stzh-fieldset__legend" }, this.legendLevel ? (h("stzh-heading", { level: this.legendLevel, curve: this.legendCurve }, this.legend)) : (this.legend))), h("div", { key: 'd2f609413996839b66d77bf0630f8ab44612b8fe', class: "stzh-fieldset__wrapper" }, h("slot", { key: 'e3981bd80a4beb18a9d061268828563596c0e034' })))));
+        return (h(Host, { key: '952f371c92eaf4307f20a5f9264a7c5698dabc87' }, h("fieldset", { key: '044a4b265047749f5e48878eafb5a038f41498d9', class: classes }, this.legend && (h("legend", { key: '623dca4eca0b79fe6c89a3d40b7560b9887783c2', class: "stzh-fieldset__legend" }, this.legendLevel ? (h("stzh-heading", { level: this.legendLevel, curve: this.legendCurve }, this.legend)) : (this.legend))), h("div", { key: '6af0a335abb9676e52c92288a36a89159fb66338', class: "stzh-fieldset__wrapper" }, h("slot", { key: '1df5a61c6ccf1eaea7cf668c3988e97df993b7f9' })))));
     }
     static get is() { return "stzh-fieldset"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-figure/stzh-figure.js

@@ -36,7 +36,7 @@ export class StzhFigure {
                 !!this.heading ||
                 headingSlotUsed,
         };
-        return (h(Host, { key: '8d1f15a360f179168fdffc27b30af6774538a423' }, h("figure", { key: '5ff2a184c76c9d292d5fc4e5dc3a05aae23d61aa', class: classes }, h("div", { key: '363d48ec8301f48ad279e733493edb43063af029', class: "stzh-figure__element" }, h("slot", { key: '026e8cad9942b90cd68681c9301e9f51db7b44a6' })), h("figcaption", { key: '712a860fa595e1b1f7fc50a4bbdc66a781fb1218', class: "stzh-figure__caption-wrapper" }, h("div", { key: 'f9034be618eecb5e23b862eec0c837fb1ba71b1e', class: "stzh-figure__heading-wrapper" }, h("div", { key: 'f5adc22dd61de69b017fa7f87dfde4fb5a568064', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '3d0e45d4cbc7fe3fcecd2c6edf8ca8da5562a24f', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: 'd726f8e4565309d29825b040d98bd960cea4f30f', class: "stzh-figure__caption" }, h("div", { key: '2225a798f8bfdeba6049e794e5f1ccdbc1ed8858', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: '72bf4d2b07ac2d3146e06c2713b802bbc8b3aa13', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : h("slot", { name: "copyright" })))))));
+        return (h(Host, { key: 'b3f324e7216b0333bb3ae0631d84b7a392963854' }, h("figure", { key: '7fe92ad319eddeacfdaebe66d059a6a4658ca44f', class: classes }, h("div", { key: '751f6c317ad4a0bbf6bf652efd88595375c472cf', class: "stzh-figure__element" }, h("slot", { key: '2938cf820b4c277f6a6371c3733d2a003a342b4a' })), h("figcaption", { key: 'dd3af76cafce1b364106c265d51598252945d9af', class: "stzh-figure__caption-wrapper" }, h("div", { key: '361be76b5d966301bf3295b44f88908daeca6547', class: "stzh-figure__heading-wrapper" }, h("div", { key: '5e3cc9dd45cbecc8ab84ff9efbff79c462850153', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '65fc7b6a5f6b87da1bc9d3be01224c576b01aa32', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: 'c97177ac8b3433746f21c44459205b8f808220b8', class: "stzh-figure__caption" }, h("div", { key: '0c35678a373efd334841e84723df01e35cf6cf26', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: '3a6d4fc254fa52d7d2f4df659b5d87c0ebe4ba78', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : h("slot", { name: "copyright" })))))));
     }
     static get is() { return "stzh-figure"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-flyingfocus/stzh-flyingfocus.js

@@ -198,7 +198,7 @@ export class StzhFlyingfocus {
             "stzh-flyingfocus--has-helper": this.helper,
         };
         const style = Object.assign(Object.assign({}, (this.style || {})), (this.position || {}));
-        return (h(Host, { key: '17d289b3367f2445e97905c667ab14421b9055c2' }, h("div", { key: 'e3131b811ea2c614dd32ce3f05d079f1caff4321', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
+        return (h(Host, { key: '387f6cb0591bb6f73f173b55db3af8c98292ff9f' }, h("div", { key: '05c9ffb86cbe88f3365190ad8cd297fdc897d5b0', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
     }
     static get is() { return "stzh-flyingfocus"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-footer/stzh-footer.css

@@ -396,4 +396,16 @@ stzh-footer {
   .stzh-footer--has-logo .stzh-footer__bottom-bar-inner, .stzh-footer--has-info .stzh-footer__bottom-bar-inner {
     align-items: flex-start;
   }
+}
+.stzh-footer {
+  /* variant intranet */
+}
+.stzh-footer--variant-intranet .stzh-footer__bottom-bar,
+.stzh-footer--variant-intranet .stzh-footer__bottom-bar-inner,
+.stzh-footer--variant-intranet .stzh-footer__copyright {
+  height: 2.5rem; /* must be the same in stzh-header[variant=intranet] */
+}
+.stzh-footer--variant-intranet .stzh-footer__bottom-bar-inner {
+  padding: 0;
+  gap: 0;
 }

package/dist/collection/components/stzh-footer/stzh-footer.js

@@ -8,7 +8,7 @@ import { hasSlot, setPropsIfNull } from "../../utils/utils";
  */
 export class StzhFooter {
     constructor() {
-        /** Footer variant */
+        /** Footer variant. Do not use 'intranet' for public applications. */
         this.variant = "default";
         /** Main URL for shortlinks */
         this.mainUrl = "https://www.stadt-zuerich.ch";
@@ -70,12 +70,13 @@ export class StzhFooter {
         const menuLinkSlotUsed = hasSlot(this.element, "menu-link");
         const classes = {
             "stzh-footer": true,
+            [`stzh-footer--variant-${this.variant}`]: true,
             "stzh-footer--has-logo": logoSlotUsed,
             "stzh-footer--has-info": infoSlotUsed,
             "stzh-footer--has-links": linkSlotUsed,
             "stzh-footer--has-menu-links": menuLinkSlotUsed,
         };
-        return (h(Host, { key: 'dd174980f36b26537ffef498d4a40ed3ee8729a7' }, h("footer", { key: 'f37238f4e8084fe4e7fda00667af19759868da35', class: classes }, h("div", { key: '9530abc1885a5de4ce67e5cad4d266c8fb0e5cb3', class: "stzh-footer__menu" }, h("div", { key: 'c754617167aeb18bb844328ead962a8820d228d6', class: "stzh-footer__menu-inner" }, h("slot", { key: '3a83011ab4323db04a9c3de0e9df0a032df6d370', name: "menu-link" }))), h("div", { key: '975f8c333c5762fcce70795ee125613fe9de92b7', class: "stzh-footer__bottom-bar" }, h("div", { key: '29886624aef2e362bdaeb604392c71d198382ae9', class: "stzh-footer__bottom-bar-inner" }, h("div", { key: '49cda41331d1c959b52b65d3ee1f2e53e643c0b1', class: "stzh-footer__copyright-wrapper" }, this.copyright && h("div", { key: '57cd48ed7118a5af79c36d0a70e79aaf64d8ef28', class: "stzh-footer__copyright" }, this.copyright), h("div", { key: '0ba39e7e86a962f7033ae9dcab53d89f35bd6b08', class: "stzh-footer__logo" }, h("slot", { key: 'fc9d6bccc3d52838d6265085af1c6f8fdc4b1b2e', name: "logo" }))), h("div", { key: '12ca37ec3a83f3d3240a0650219e09f9e32a2425', class: "stzh-footer__info" }, h("slot", { key: '5de4c1c6fc32657ab6adcfeef6584bf3639f903a', name: "info" })), h("div", { key: '2ee5e687ed75b1554286d62d350d7bed800d62de', class: "stzh-footer__links", role: "list" }, h("slot", { key: 'c1f55c977acac0865b05ae023cc2a8f2eb526455', name: "link" }, this.variant === "egov" && (h(Fragment, { key: 'e4a9ec23f8cf05312fa0377ef0b930b02e81aa9a' }, h("stzh-link", { key: '79cc1587acf8dc49918e7bc0480350c1e86dd69c', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { key: 'b33497e462d1c921888d9543169703f583d1a470', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { key: '35c36a22fd09f44b9cf850eb3d935b5c0df19fd3', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText))))))))));
+        return (h(Host, { key: 'b3c7036d429373be31db20b38f597a1620c43e94' }, h("footer", { key: 'dd4b910b27aec334bc9f38c720d60f669d241fbf', class: classes }, this.variant !== "intranet" && (h("div", { key: 'c55292b97a827b21795f2a188f355a8f887e665c', class: "stzh-footer__menu" }, h("div", { key: 'a2f679884ce5ed79328ecf015797c12a3d817cc2', class: "stzh-footer__menu-inner" }, h("slot", { key: '5ae395a1e1c74e5699253302230799a831134b37', name: "menu-link" })))), h("div", { key: '0ca2fb6c6f3484fcd42e254a04d5e7fa7c171951', class: "stzh-footer__bottom-bar" }, h("div", { key: '96279e6c19dab814a65500688ec8f240ad7d5fb5', class: "stzh-footer__bottom-bar-inner" }, h("div", { key: '490d7ebc98c9ebeb62d31931de2c076bbe846138', class: "stzh-footer__copyright-wrapper" }, this.copyright && h("div", { key: '5de4170a51a058291ae574c9ddf1567bae53c717', class: "stzh-footer__copyright" }, this.copyright), h("div", { key: '8ba72d2b86039c1841e3410af9cf98ad4a47e106', class: "stzh-footer__logo" }, h("slot", { key: '7854a841845a47aa2038c5317e3a55e372420304', name: "logo" }))), h("div", { key: '763b66e3b79863ed3d5b0709782cddc21a4f6ec3', class: "stzh-footer__info" }, h("slot", { key: 'a4717bb459663b7b7a85806817aa12e7aecee8f2', name: "info" })), h("div", { key: '34d1ba90967f971841e209a7cdb973532cdd6e23', class: "stzh-footer__links", role: "list" }, h("slot", { key: '730d440b59148aa03dd37a1a449c5e76942663c2', name: "link" }, this.variant === "egov" && (h(Fragment, { key: '32a667825b1526f7308da1285de125bb8883bb9b' }, h("stzh-link", { key: '863783b34200030a239d97430fbdac7857ad996b', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { key: '90aeae62e0c6aa8b8939c721c1b8be7eb70e25ea', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { key: '4f3d734db975d56fae45fe76523e186676124054', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText))))))))));
     }
     static get is() { return "stzh-footer"; }
     static get originalStyleUrls() {
@@ -136,19 +137,19 @@ export class StzhFooter {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "\"default\" | \"egov\"",
-                    "resolved": "\"default\" | \"egov\"",
+                    "original": "\"default\" | \"egov\" | \"intranet\"",
+                    "resolved": "\"default\" | \"egov\" | \"intranet\"",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Footer variant"
+                    "text": "Footer variant. Do not use 'intranet' for public applications."
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "variant",
                 "defaultValue": "\"default\""
             },

package/dist/collection/components/stzh-footer/stzh-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-footer.js","sourceRoot":"","sources":["../../../../src/components/stzh-footer/stzh-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element, Prop, Fragment } from \"@stencil/core\";\n\nimport { StzhFooterLocalizedText } from \"./stzh-footer.localization\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot menu-link - Slot for menu links (`stzh-link` elements)\n * @slot logo - Slot for logo `img`\n * @slot info - Slot for info content (`stzh-link` or `stzh-text` elements)\n * @slot link - Slot for meta links (`stzh-link` elements)\n */\n@Component({\n  tag: \"stzh-footer\",\n  styleUrl: \"stzh-footer.scss\",\n})\nexport class StzhFooter {\n  /** Translation strings */\n  @Prop() localization: StzhFooterLocalizedText;\n\n  /** Copyright text (will show default copyright string if undefined) */\n  @Prop() copyright: string;\n\n  /** Footer variant */\n  @Prop() variant: \"default\" | \"egov\" = \"default\";\n\n  /** Main URL for shortlinks */\n  @Prop() mainUrl: string = \"https://www.stadt-zuerich.ch\";\n\n  @Element() element: HTMLStzhFooterElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const menuLinks = this.element.querySelectorAll(`stzh-link[slot=\"menu-link\"], [slot=\"menu-link\"] stzh-link`);\n    const links = this.element.querySelectorAll(`stzh-link[slot=\"link\"], [slot=\"link\"] stzh-link`);\n    const infoTexts = this.element.querySelectorAll(`stzh-text[slot=\"info\"], [slot=\"info\"] stzh-text`);\n    const infoLinks = this.element.querySelectorAll(`stzh-link[slot=\"info\"], [slot=\"info\"] stzh-link`);\n\n    menuLinks.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    links.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoLinks.forEach(link => {\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoTexts.forEach(link => {\n      setPropsIfNull(link, {\n        curve: \"none\",\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  async componentWillLoad() {\n    if (typeof this.copyright === \"undefined\") {\n      const currentDate = new Date();\n      this.copyright = `© ${currentDate.getFullYear()} Stadt Zürich`;\n    }\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"footer\");\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const logoSlotUsed = hasSlot(this.element, \"logo\");\n    const infoSlotUsed = hasSlot(this.element, \"info\");\n    const linkSlotUsed = hasSlot(this.element, \"link\");\n    const menuLinkSlotUsed = hasSlot(this.element, \"menu-link\");\n\n    const classes = {\n      \"stzh-footer\": true,\n      \"stzh-footer--has-logo\": logoSlotUsed,\n      \"stzh-footer--has-info\": infoSlotUsed,\n      \"stzh-footer--has-links\": linkSlotUsed,\n      \"stzh-footer--has-menu-links\": menuLinkSlotUsed,\n    };\n\n    return (\n      <Host>\n        <footer class={classes}>\n          <div class=\"stzh-footer__menu\">\n            <div class=\"stzh-footer__menu-inner\">\n              <slot name=\"menu-link\"></slot>\n            </div>\n          </div>\n          <div class=\"stzh-footer__bottom-bar\">\n            <div class=\"stzh-footer__bottom-bar-inner\">\n              <div class=\"stzh-footer__copyright-wrapper\">\n                {this.copyright && <div class=\"stzh-footer__copyright\">{this.copyright}</div>}\n                <div class=\"stzh-footer__logo\">\n                  <slot name=\"logo\"></slot>\n                </div>\n              </div>\n\n              <div class=\"stzh-footer__info\">\n                <slot name=\"info\"></slot>\n              </div>\n\n              <div class=\"stzh-footer__links\" role=\"list\">\n                <slot name=\"link\">\n                  {this.variant === \"egov\" && (\n                    <Fragment>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.legalNoticeUrl}`}\n                      >\n                        {this.localization.legalNoticeText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.imprintUrl}`}\n                      >\n                        {this.localization.imprintText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        class=\"stzh-footer__link\"\n                        target=\"_blank\"\n                        href={`${this.mainUrl}/${this.localization.accessibilityUrl}`}\n                      >\n                        {this.localization.accessibilityText}\n                      </stzh-link>\n                    </Fragment>\n                  )}\n                </slot>\n              </div>\n            </div>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-footer.js","sourceRoot":"","sources":["../../../../src/components/stzh-footer/stzh-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element, Prop, Fragment } from \"@stencil/core\";\n\nimport { StzhFooterLocalizedText } from \"./stzh-footer.localization\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot menu-link - Slot for menu links (`stzh-link` elements)\n * @slot logo - Slot for logo `img`\n * @slot info - Slot for info content (`stzh-link` or `stzh-text` elements)\n * @slot link - Slot for meta links (`stzh-link` elements)\n */\n@Component({\n  tag: \"stzh-footer\",\n  styleUrl: \"stzh-footer.scss\",\n})\nexport class StzhFooter {\n  /** Translation strings */\n  @Prop() localization: StzhFooterLocalizedText;\n\n  /** Copyright text (will show default copyright string if undefined) */\n  @Prop() copyright: string;\n\n  /** Footer variant. Do not use 'intranet' for public applications. */\n  @Prop({ reflect: true }) variant: \"default\" | \"egov\" | \"intranet\" = \"default\";\n\n  /** Main URL for shortlinks */\n  @Prop() mainUrl: string = \"https://www.stadt-zuerich.ch\";\n\n  @Element() element: HTMLStzhFooterElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const menuLinks = this.element.querySelectorAll(`stzh-link[slot=\"menu-link\"], [slot=\"menu-link\"] stzh-link`);\n    const links = this.element.querySelectorAll(`stzh-link[slot=\"link\"], [slot=\"link\"] stzh-link`);\n    const infoTexts = this.element.querySelectorAll(`stzh-text[slot=\"info\"], [slot=\"info\"] stzh-text`);\n    const infoLinks = this.element.querySelectorAll(`stzh-link[slot=\"info\"], [slot=\"info\"] stzh-link`);\n\n    menuLinks.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    links.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoLinks.forEach(link => {\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoTexts.forEach(link => {\n      setPropsIfNull(link, {\n        curve: \"none\",\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  async componentWillLoad() {\n    if (typeof this.copyright === \"undefined\") {\n      const currentDate = new Date();\n      this.copyright = `© ${currentDate.getFullYear()} Stadt Zürich`;\n    }\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"footer\");\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const logoSlotUsed = hasSlot(this.element, \"logo\");\n    const infoSlotUsed = hasSlot(this.element, \"info\");\n    const linkSlotUsed = hasSlot(this.element, \"link\");\n    const menuLinkSlotUsed = hasSlot(this.element, \"menu-link\");\n\n    const classes = {\n      \"stzh-footer\": true,\n      [`stzh-footer--variant-${this.variant}`]: true,\n      \"stzh-footer--has-logo\": logoSlotUsed,\n      \"stzh-footer--has-info\": infoSlotUsed,\n      \"stzh-footer--has-links\": linkSlotUsed,\n      \"stzh-footer--has-menu-links\": menuLinkSlotUsed,\n    };\n\n    return (\n      <Host>\n        <footer class={classes}>\n          {this.variant !== \"intranet\" && (\n            <div class=\"stzh-footer__menu\">\n              <div class=\"stzh-footer__menu-inner\">\n                <slot name=\"menu-link\"></slot>\n              </div>\n            </div>\n          )}\n          <div class=\"stzh-footer__bottom-bar\">\n            <div class=\"stzh-footer__bottom-bar-inner\">\n              <div class=\"stzh-footer__copyright-wrapper\">\n                {this.copyright && <div class=\"stzh-footer__copyright\">{this.copyright}</div>}\n                <div class=\"stzh-footer__logo\">\n                  <slot name=\"logo\"></slot>\n                </div>\n              </div>\n\n              <div class=\"stzh-footer__info\">\n                <slot name=\"info\"></slot>\n              </div>\n\n              <div class=\"stzh-footer__links\" role=\"list\">\n                <slot name=\"link\">\n                  {this.variant === \"egov\" && (\n                    <Fragment>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.legalNoticeUrl}`}\n                      >\n                        {this.localization.legalNoticeText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.imprintUrl}`}\n                      >\n                        {this.localization.imprintText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        class=\"stzh-footer__link\"\n                        target=\"_blank\"\n                        href={`${this.mainUrl}/${this.localization.accessibilityUrl}`}\n                      >\n                        {this.localization.accessibilityText}\n                      </stzh-link>\n                    </Fragment>\n                  )}\n                </slot>\n              </div>\n            </div>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"]}