@oiz/stzh-components 4.6.0-beta3 → 4.6.0

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

@@ -296,14 +296,14 @@ const StzhCard = class {
             [`stzh-card--${this.variant}`]: !!this.variant,
             "stzh-card--hyphens": this.hyphensEnabled,
         };
-        return (index.h(index.Host, { key: '1572888deff0cdc23ed21421458869592e83b242', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, index.h("article", { key: '41d64741a737f6440ef4f14ba1563458c64a9f89',
+        return (index.h(index.Host, { key: '32f19a2b9b0a59d404915e98b3eb5dc2d5a7effd', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, index.h("article", { key: '7fca998a2cdf67444916543d7596d3816f49dadd',
             // ref={(el) => (this.mainElement = el as HTMLElement)}
-            class: classes, onClick: !this.href ? this.handleCardClick : null }, index.h("a", { key: '58227bb0b3bb1ccc1e62d69693ee5181ee7e4710', ref: el => (this.imageLinkElement = el), "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: (_d = this.href) !== null && _d !== void 0 ? _d : null, target: this.target, onClick: this.href ? this.handleCardClick : null }, index.h("slot", { key: 'fb029dd333198d02a7912c00cbeb541697894f45', name: "image" })), index.h("div", { key: '0bf91b735f3300eab9d93ae8708ca4ba570b67ef', class: "stzh-card__content-wrapper" }, index.h("stzh-icon", { key: '4631088bf33ddcbd2916de4e96b91804c23e366c', class: "stzh-card__dnd", name: "drag" }), index.h("header", { key: '21cb5bcd361e9a23507ebf5fd1629449537b520d', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: '0bf345168d1dae51b8926fc4ae48cfd3567f0e57', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), index.h("div", { key: '515e44f8f74694951012d1e588ed52c7d608e66a', class: "stzh-card__header-top" }, index.h("div", { key: '09639aea50aed0d878e6797831170ef4c274a5b2', class: "stzh-card__header-left" }, index.h("div", { key: 'efecb89c56301b80e4d02acda3ce66ad06f52d10', class: "stzh-card__title-area" }, hasHeading && (index.h(Heading, { key: 'e069ccc41979c531c88ed20cab9a298878cc179c', class: "stzh-card__title" }, index.h("a", { key: '686849f9bb3dc2ea6a276cc3bdbbf2c54366b4b7', ref: el => (this.titleLinkElement = el), class: "stzh-card__title-link", href: (_e = this.href) !== null && _e !== void 0 ? _e : null, target: this.target, onClick: this.href ? this.handleCardClick : null, "aria-describedby": descriptionId }, index.h("div", { key: '42791028e739b4b8b7004433ab242fc246dae8f3', ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : index.h("slot", { name: "heading" }))))), index.h("span", { key: 'b120533300ed723ec033dda8cca857ef3c4d7882', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (index.h(Subtitle, { key: 'd4bee0ad4238b833511a65f00a1f0439acfd7425', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (index.h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), index.h("div", { key: '7d8ebcdb9ee82bbe33dbd65d69f090a01cf5c74c', class: "stzh-card__header-right" }, index.h("div", { key: '40e77cd5a4aa99875c313fa787e3a637582f31bb', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (index.h("stzh-tooltip", { key: '892240acd426e95dfd674b9a67367b05a0c6ef07' }, index.h("stzh-button", { key: '8efe0701f02ad6474b5e26ef6ba44ee2c9ae5aa7', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), index.h("div", { key: '61fdbc6110ddad0931e35a10ca79b373284bd1af', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (index.h("stzh-popover", { key: '5a76648a820109e067cdad0ed9a0b197762a9b63', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
+            class: classes, onClick: !this.href ? this.handleCardClick : null }, index.h("a", { key: 'ad660ab04610f2406794862fd4b2e2cef2f5c5dd', ref: el => (this.imageLinkElement = el), "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: (_d = this.href) !== null && _d !== void 0 ? _d : null, target: this.target, onClick: this.href ? this.handleCardClick : null }, index.h("slot", { key: 'd265dd56a89f9c7d541a220bd8ac6ffbf884547c', name: "image" })), index.h("div", { key: '7b7d1287e8058dde4680f08c4be1a3a41320d68a', class: "stzh-card__content-wrapper" }, index.h("stzh-icon", { key: 'a5f90c68a12adea2e9a7b4e8ae3e8517973afc31', class: "stzh-card__dnd", name: "drag" }), index.h("header", { key: 'f826000ddee9b0dacc7bf3e95052a52dbdbb7776', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: '8205375dde066a4d0d5e520edb3f79f065f96183', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), index.h("div", { key: '91dee9bdcc4e13e9e49e9252ec9159ffa5b364e6', class: "stzh-card__header-top" }, index.h("div", { key: '42730ab46b412ed48ae5cb117f65847d83f9ebc8', class: "stzh-card__header-left" }, index.h("div", { key: 'a03ed1544104f8b53b676aeb5bc90406343bf02c', class: "stzh-card__title-area" }, hasHeading && (index.h(Heading, { key: 'b25cf4c1d0c3cf32696bcb4869239b580c3ea42a', class: "stzh-card__title" }, index.h("a", { key: '382c8e68cb57eade1945e50768419a33873e32b7', ref: el => (this.titleLinkElement = el), class: "stzh-card__title-link", href: (_e = this.href) !== null && _e !== void 0 ? _e : null, target: this.target, onClick: this.href ? this.handleCardClick : null, "aria-describedby": descriptionId }, index.h("div", { key: '3e2f6d1a1ccd0fbeab0ed3da69075aeeb719b92c', ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : index.h("slot", { name: "heading" }))))), index.h("span", { key: '5fc0ca3507e67f9f5316130e46c8cb85b7b071b3', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (index.h(Subtitle, { key: '423da1e03bd4f01ec1e927c085a080374ea38f66', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (index.h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), index.h("div", { key: '25c3f2f4a920786d3d0645c7d5537660ad2cb308', class: "stzh-card__header-right" }, index.h("div", { key: 'f4b6571aafc3e0dec662646c801b8ec61fc536f2', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (index.h("stzh-tooltip", { key: 'e78dfb668bd5938ce15c8a50a2642b77f1204830' }, index.h("stzh-button", { key: '9055272fcca5f79be01ae484e104831f61443346', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), index.h("div", { key: 'a0ce8435e47c67982bf332e7094ed55b9c2dd257', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (index.h("stzh-popover", { key: '5db6605c91be265a48a1a5b1ce2a3e3b27010899', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
                 "stzh-card__card-action-popover": true,
                 // "hide-medium show-when-collapsed": !this.starrable && !sortableActionsEnabled
-            } }, index.h("stzh-button", { key: '79a6cf054d07ab7ed8b152da7e30e560fd0dee66', class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true, badge: this.headerActionsBadge, badgeEmpty: headerActionsWithBadge.length > 0, badgePosition: "icon", badgeType: this.headerActionsBadgeType || ((_g = headerActionsWithBadge[0]) === null || _g === void 0 ? void 0 : _g.badgeType) || "default" }), index.h("stzh-menu", { key: '502b61374688bc119032a8790ef0cd7cb8c12e57', slot: "content" }, this._headerActions.map(action => (index.h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
+            } }, index.h("stzh-button", { key: 'da7ab4eb33c8e717ea2e64f0b7d390f4c0c1052b', class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true, badge: this.headerActionsBadge, badgeEmpty: headerActionsWithBadge.length > 0, badgePosition: "icon", badgeType: this.headerActionsBadgeType || ((_g = headerActionsWithBadge[0]) === null || _g === void 0 ? void 0 : _g.badgeType) || "default" }), index.h("stzh-menu", { key: '905257e77cebe6763289b268b20372297db3ab35', slot: "content" }, this._headerActions.map(action => (index.h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
                 this.actionClick(e, action);
-            } }, action.label))), sortableActionsEnabled && (index.h(index.Fragment, { key: '74dad17d1443dbb00ed137da9b7fe71a18b500fa' }, !isFirstItemInSortable && (index.h("stzh-menu-item", { key: '0f300c16fa1701b8ec74de55d9640c236e0514ed', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (index.h("stzh-menu-item", { key: '1a3c869b187e2f984ebc17cd82ad1efd55841c12', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (index.h("stzh-menu-item", { key: 'cdbb0c9dde1eac63703a12c3a462a4a02f4a93cc', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), index.h("div", { key: 'cba6a93e0d933efd81f73071fa884643c4322c67', class: "stzh-card__header-meta" }, index.h("slot", { key: 'd14fd3456d04e0db8353a87388c0d7a052dc0cc8', name: "meta" }))), index.h("div", { key: '099c16541db316ab56e01e4f12b2000499836272', class: "stzh-card__content hide-when-collapsed" }, index.h("slot", { key: '49e90957a96df696cc900f70a7047431bac9e3b5', name: "content" })), index.h("div", { key: '735acedd93518779ec5072d9c742d7797086ce90', class: "stzh-card__footer hide-when-collapsed" }, index.h("slot", { key: 'bcf888acf08e0aac57d574f0615ad5b00212558b', name: "footer" }, this._footerActions.length > 0 && (index.h("stzh-actionset", { key: 'e2b1371966f3bed178ae947dd535347a107b1ed1', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (index.h("stzh-button", { key: '07c75ae6ea0f21c5e6982e1c099c86101ecf5276', class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))))));
+            } }, action.label))), sortableActionsEnabled && (index.h(index.Fragment, { key: '8ef2cae74e377f211ef38e14a47d80a81d28490e' }, !isFirstItemInSortable && (index.h("stzh-menu-item", { key: 'f6ca25106dd5bc6917d1ee8d03547d502d51708e', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (index.h("stzh-menu-item", { key: '99d072f9e427e766a450b44b9dbcc24604ac2bc9', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (index.h("stzh-menu-item", { key: '6fddcbad714a174a8021a7c3c58ce98eefeb151b', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), index.h("div", { key: '28564b7c0c1ce48cc517dddf37a5971d447a82d4', class: "stzh-card__header-meta" }, index.h("slot", { key: '529c9a0bbf832d5db209364372984c38f660554f', name: "meta" }))), index.h("div", { key: '346bf22c0949d103ea39703e9d41d72a60606e98', class: "stzh-card__content hide-when-collapsed" }, index.h("slot", { key: '216017c223ec04bb5356efff4a7931f9d4e6f304', name: "content" })), index.h("div", { key: '781e5a126a1ce00f4233cc07948b0a678a232c3e', class: "stzh-card__footer hide-when-collapsed" }, index.h("slot", { key: 'bb3d67eeab7d148d224efb705b232f60a59b0497', name: "footer" }, this._footerActions.length > 0 && (index.h("stzh-actionset", { key: '793543f023b0cfd1c65095377b49d7bf3da5a834', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (index.h("stzh-button", { key: '699e0d125e2b5673b97ce489285032e8a117268f', class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -90,7 +90,7 @@ const StzhCardlist = class {
             "stzh-cardlist--max-3-cols": this.isStzhAnchornavVisible || this.max3Columns,
             [`stzh-cardlist--layout-${this.layout}`]: !!this.layout,
         };
-        return (index$1.h(index$1.Host, { key: 'f73db51e12e6077c42c0af841ad46b253ee9be44' }, index$1.h("div", { key: 'd789c4cfef62c8e9f275028e38f06d77c31be4b1', class: classes }, index$1.h("div", { key: '5152932220f38f8d4ef5218dc83a1f6d70de0808', class: "stzh-cardlist__header" }, index$1.h("div", { key: '66a58fe85ca60617d2e65c142e1ec32f4de7d75a', class: "stzh-cardlist__description" }, this.description ? this.description : index$1.h("slot", { name: "description" })), this.showToggleLink && (index$1.h("stzh-link", { key: 'e0db8dc31b7224e3a14329daf8072fbfc2207dec', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), index$1.h("stzh-sortable", { key: 'd0923c027a3fb6f5de0ec7479595b597b6d23c69', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, index$1.h("div", { key: '0ed6cc7a48cbcd741f864393d90540b99d9f8cd0', class: "stzh-cardlist__cards", role: "list" }, index$1.h("slot", { key: '8e51bc6204efe2002e05b51050b880ee1d7e7149' }))), index$1.h("div", { key: '709b1a79ad8fa0766ad4641e0c623a0afad8c573', class: "stzh-cardlist__footer" }, index$1.h("stzh-container", { key: '20c2a75df7b5e3e2c5550323bf46deb89fd6a06a' }, index$1.h("slot", { key: '349e2ec5d7b21dc3e7e901cff2c17a95c7288110', name: "footer" }))))));
+        return (index$1.h(index$1.Host, { key: 'c76528eba83545b0501dc8114d922ac7b3d208f7' }, index$1.h("div", { key: 'c4a0bf6834111d9e9335ff90f32e0affe10edc2a', class: classes }, index$1.h("div", { key: 'fa2db680334b637f7c3f8cf4107b9b08d38ebf21', class: "stzh-cardlist__header" }, index$1.h("div", { key: 'a371b3539efed0ce4cabe33696281713d7e4bb5c', class: "stzh-cardlist__description" }, this.description ? this.description : index$1.h("slot", { name: "description" })), this.showToggleLink && (index$1.h("stzh-link", { key: 'f40d445fd585672064621ed608c2505c21e3e124', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), index$1.h("stzh-sortable", { key: 'd93fbf438468b3ee4dca1718d683fd8d76154c66', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, index$1.h("div", { key: 'f4a91764a2edb4680f60293aedb7ab90459148cf', class: "stzh-cardlist__cards", role: "list" }, index$1.h("slot", { key: 'b8f06ebd86c267751d9b15fc04ba1175d72e7e09' }))), index$1.h("div", { key: 'af3aa390856571047a7b3bb83c6ded736d702b6f', class: "stzh-cardlist__footer" }, index$1.h("stzh-container", { key: '49f7e8a2a80ae6b7358b022a4c4caa6ec8b56d4a' }, index$1.h("slot", { key: '1bdccf0e3ca69875e36fdca599dae61fc013fee3', name: "footer" }))))));
     }
     get element() { return index$1.getElement(this); }
 };
@@ -110,7 +110,7 @@ const StzhContainer = class {
             "stzh-container--has-no-margin": this.noMargin,
             // [`stzh-container--size-${this.size}`]: !!this.size,
         };
-        return (index$1.h(index$1.Host, { key: '717cb4567ff52afb05def1e4e8174045d2751752' }, index$1.h("div", { key: '62d35746de72e6b6f4b250313dd47a3da863ed1c', class: classes }, index$1.h("slot", { key: 'ec0c6849262ba909a205ec541dbe50bf3d5c70d5' }))));
+        return (index$1.h(index$1.Host, { key: '031996d79ff59ea593694885503aac9d80416b63' }, index$1.h("div", { key: 'fdbb0edcfe418a4edb113a4816130b92b0b67af6', class: classes }, index$1.h("slot", { key: '110f3dcd65e820ece9931b0c1aed4de9a50b0fbc' }))));
     }
 };
 StzhContainer.style = StzhContainerStyle0;
@@ -4156,7 +4156,7 @@ const StzhSortable = class {
             "stzh-sortable": true,
             "stzh-sortable--disabled": this.disabled,
         };
-        return (index$1.h(index$1.Host, { key: '4d1993f9711dbccbdda8be7bc4f348f1495d1521' }, index$1.h("div", { key: 'f9c14763667219e2d58ca0aa8067bd23187800f4', class: classes }, !this.disabled && (index$1.h("div", { key: '36ef85d9b975eee8d16b193b321dfa8087fc8e15', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), index$1.h("div", { key: 'd7388b3158e63a4f0e0e2fc9a1294063dc64532d', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), index$1.h("div", { key: 'd0e5d282fe3a4f826df465cff393cfe031682c37', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, index$1.h("slot", { key: '107701cbe31befd4f7d30e9198a8fd61d74f20dd' })))));
+        return (index$1.h(index$1.Host, { key: '5caf9890387742c7e9f287c5ce7445e8afb4ed7a' }, index$1.h("div", { key: '3dca5ea740b036f93e09064728f2dbc15d296f35', class: classes }, !this.disabled && (index$1.h("div", { key: '9989d9568e984c82fb811fb372c1a626768fac4e', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), index$1.h("div", { key: 'a94219d81904bf113d6e824dd836585ce0d193e0', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), index$1.h("div", { key: '5089be8cad542b59a16a0417d5c95dd0be34ad03', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, index$1.h("slot", { key: 'e6632ae839549ea2a90a2845713da4c972a018e7' })))));
     }
     get element() { return index$1.getElement(this); }
     static get watchers() { return {

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

@@ -516,9 +516,9 @@ const StzhCarousel = class {
             "stzh-carousel--has-autoplay": this.autoplay,
             "stzh-carousel--is-autoplay-running": this.autoplayRunning,
         };
-        return (index.h(index.Host, { key: '32d3f1590a4543c3b1e6bf514d14f9973eb97619', "aria-roledescription": "carousel", style: {
+        return (index.h(index.Host, { key: 'b05585785ab010a769dfa39821313d5a12a1339c', "aria-roledescription": "carousel", style: {
                 "--slides": this.currentSlides.toString(),
-            } }, index.h("div", { key: '5e5cae6353d205f4d7f68538e794c675c05ff433', class: classes }, index.h("slot", { key: '733acff05b65a2a4387e1abe2612770d88cb55d6', name: "actions" }), index.h("div", { key: '37b84b8ed2e9ff8f5b246344c1bb19289fed1e0d', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), index.h("div", { key: 'ccbc976b10e0340c9a01022d9ef08ffe234df7a4', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, index.h("slot", { key: '5fec7c1c4de813273a6cbb9447b772bf75bf49e8' })), this.withTrack && (index.h("div", { key: '12ac2cbc4e24b63023ed87cd85604c1a60a81aec', class: "stzh-carousel__indicator" }, index.h("div", { key: '4c61fcd561ff9e566d7f4ac6b33a8bf82cf915a2', class: "stzh-carousel__indicator-track", style: {
+            } }, index.h("div", { key: 'd6181fcda037a23a6f1949cef0ebc6a7c3ba1729', class: classes }, index.h("slot", { key: '51ec8e8d87532c157964d4ed2962cda1462788ac', name: "actions" }), index.h("div", { key: 'a25581c30cf3e244e006c5a46a7853fe2b99f985', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), index.h("div", { key: '05119011c9a6424d90bb4de7fbfcaa9ea3b319c1', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, index.h("slot", { key: 'b12757bcf0e6b72162c57bc8cde3c82d27094cdb' })), this.withTrack && (index.h("div", { key: '9038a2f155990f86daafa91c3ad2d2c093828655', class: "stzh-carousel__indicator" }, index.h("div", { key: 'a4802b6a4c7d919179ecab542a932629fc26058a', class: "stzh-carousel__indicator-track", style: {
                 left: `${(100 / (((_a = this.slideElements) === null || _a === void 0 ? void 0 : _a.length) || 1)) * this.slide}%`,
                 width: `${(100 / (((_b = this.slideElements) === null || _b === void 0 ? void 0 : _b.length) || 1)) * this.currentSlides || 0}%`,
             } }))))));

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

@@ -29809,7 +29809,7 @@ const StzhChart = class {
         const classes = {
             "stzh-chart": true,
         };
-        return (index$5.h(index$5.Host, { key: '20fe77e413e479d982e6ad17e5563a185ad6372a' }, index$5.h("div", { key: '3de1e9d303195109a50212f1fe92d949390a104b', class: classes }, index$5.h("div", { key: '04d438934c93140550813fc731942866fc56b53f', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), index$5.h("slot", { key: 'b2876bc2eddb54b3593899a4607fa867170f3215', name: "caption" }))));
+        return (index$5.h(index$5.Host, { key: '79b4484e5aa91c0d1a02f18690332b85feff4b17' }, index$5.h("div", { key: '6bdfdfa6388de647e143f17e4edc8c16b9790969', class: classes }, index$5.h("div", { key: '2876a8ee68ebb97fc0326b2a975c79cde4c6502b', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), index$5.h("slot", { key: 'a9d733f818d2398ce03282c8b43d7472062697cf', name: "caption" }))));
     }
     get element() { return index$5.getElement(this); }
     static get watchers() { return {

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

@@ -128,11 +128,11 @@ const StzhCheckbox = class {
             "stzh-checkbox--is-disabled": this.disabled,
             "stzh-checkbox--is-checked": this.checked,
         };
-        return (index.h(index.Host, { key: '3992b31d8d2fec0ce87d9cc841f4508fb552721a', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'c0ec35701febbe9c0b3f63091182fe4cb5e96508', class: classes }, index.h("label", { key: 'bc0479b4b11d991cdb2410c9b1d5c0933616da3e', class: "stzh-checkbox__field-wrapper" }, index.h("input", { key: 'f865a9b7105dbd8692e13a3dac08e3bcec898283', class: "stzh-checkbox__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: '9dc5910aa037ef8b87e3cef2f6993a9970752aff', class: "stzh-checkbox__mark" }, index.h("div", { key: '1854a06f912692c81392d007badc64a3fcac66f0', class: "stzh-checkbox__check", "aria-hidden": "true" })), index.h("div", { key: '288debe5fb521c988ac9649dccc3a5821b03d035', class: "stzh-checkbox__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: 'ab751958c4c11a5a6aa016f8d365c9eac37a8762', class: "stzh-checkbox__marker" }, index.h("span", { key: 'fdf70b5bf345261de12732471ef1ad08fcabab3b', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: 'daddb2edb85feee481f3fe9d759e16d2ebdfbea8', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '08ac2801482ba30003af03ed2986e803b428b4bf', class: classes }, index.h("label", { key: 'a9eb2ff79836b05c240f7a37b7c4cfd8c9c862f9', class: "stzh-checkbox__field-wrapper" }, index.h("input", { key: 'a8f5c1f553135f61ab56748c98ee5f55136bcb52', class: "stzh-checkbox__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: '5c8e9c02e999e6337417c71af7f3c8ef1fa50e32', class: "stzh-checkbox__mark" }, index.h("div", { key: 'ab9b969977ad97df300024c598687c1590b1a281', class: "stzh-checkbox__check", "aria-hidden": "true" })), index.h("div", { key: 'f1417ec7e65322ae3b672bbd98ee265fe919a5d8', class: "stzh-checkbox__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: '22ff43c43f5d2f39513935054b17e25691596c19', class: "stzh-checkbox__marker" }, index.h("span", { key: '6b2c985877ea6b150ef86457d9a9aeab9c1261a6', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: 'b1928b271af93d0042d74b7a904aaf0837b2908a', class: "stzh-checkbox__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '0bb58f8c51d9ac32f3dfe5b6d9ea19549bafe633', class: "stzh-checkbox__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description || this.descriptionLong) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'abd7dd52c0e2d2c66adc060b13d66079278fa517', classPrefix: "stzh-checkbox", 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))))), (errorUsed || this.description || this.descriptionLong) && (index.h(stzhInputDescription.StzhInputDescription, { key: '317cfc11eba8538ce1c8d2969cde39740f95cd57', classPrefix: "stzh-checkbox", 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-checkboxgroup.cjs.entry.js

@@ -187,11 +187,11 @@ const StzhCheckboxgroup = class {
             "stzh-checkboxgroup--hide-legend": this.hideLegend,
             [`stzh-checkboxgroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (index.h(index.Host, { key: '727bc1cd323fcc2d9a7cde3900d1b8e241bb2d31', "is-invalid": this.invalid || this.errorUsed }, index.h("fieldset", { key: '2df6dd56ce4edb6f2c29cb971ff952d18f9a7705', class: classes }, this.legend && (index.h("legend", { key: 'fd3e9810a9cc612a75cf81c045ba2ece0a9e7ae8', class: "stzh-checkboxgroup__legend" }, this.legend, !this.hideOptional && (index.h("span", { key: '08386a519939bdf45bb691819bd6e33aca9e3e8e', class: "stzh-checkboxgroup__marker" }, index.h("span", { key: '416a93e89a1ff3aae6499276fedcd7b6a7089d5f', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: '5746ad3393fd7a6a9a4301cf0748fb12fa7cfbca', "is-invalid": this.invalid || this.errorUsed }, index.h("fieldset", { key: '4bc007e097f7e6542c7032ab8fbd6514b02f3b65', class: classes }, this.legend && (index.h("legend", { key: '725184fb9a5b8858fa8498730650e0a750cf3230', class: "stzh-checkboxgroup__legend" }, this.legend, !this.hideOptional && (index.h("span", { key: 'caf11bd7d98e57d159d8426bd310e124f9fa59ef', class: "stzh-checkboxgroup__marker" }, index.h("span", { key: 'b7318989f4ca2cbb714728d663841d1c9074fab3', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '541a18ff41e43f521f97119692758588ca23b435', class: "stzh-checkboxgroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: 'd18ccbdfa85a596efda62a3f49a3a8686286a2c0', class: "stzh-checkboxgroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), index.h("div", { key: '938b1e10779414edfd8527c4991a95bdad0b62a1', class: "stzh-checkboxgroup__fields" }, index.h("slot", { key: 'bccc5fbb3b92012042a81002910aa4e33d7337fc' })), (this.errorUsed || this.description) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'fa6025aed1b15dd2f6186fcd32fd454dcf03d1e1', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-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("div", { key: 'ccc991d52c9946aa1706568ac0ee6be73c503063', class: "stzh-checkboxgroup__fields" }, index.h("slot", { key: '65b055d5d5751d1a1af801695b88f3cf77abac05' })), (this.errorUsed || this.description) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'b9d2137126c953605dd1fe4fb6b069fe8c553be7', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-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-chip.cjs.entry.js

@@ -109,7 +109,7 @@ const StzhChip = class {
             [`stzh-chip--${this.variant}`]: !!this.variant,
         };
         const Chip = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (index.h(index.Host, { key: '76532030ebb92f7f449438858d8ba368646b6abf', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '3fb18457d3129b90471bd8bf00d1ed97e21739f0', class: classes }, this.removable && (index.h("button", { key: '9e98c9fa3a954a35d68d9f6a3962ea10398295a9', class: "stzh-chip__remove", onClick: this.onRemoveClick, disabled: this.disabled, "aria-label": this.removeLabel, type: "button", "s-object-id": this.removeAnalyticsId || this.removeLabel }, index.h("stzh-icon", { key: 'd28f15c8baeed116dd11814acf918a4f13768be8', class: "stzh-chip__remove-icon", name: "close-big" }))), this.href ? (index.h(Chip, { ref: el => (this.chip = el), class: {
+        return (index.h(index.Host, { key: '96e00d4e289a9b21349c73fb6f472d03c7e6734c', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '8cafb467437c04848ab4cc4a6099ecef3e76220f', class: classes }, this.removable && (index.h("button", { key: '69981c4f5be28abe8a40971f666174dd5403921f', class: "stzh-chip__remove", onClick: this.onRemoveClick, disabled: this.disabled, "aria-label": this.removeLabel, type: "button", "s-object-id": this.removeAnalyticsId || this.removeLabel }, index.h("stzh-icon", { key: '811def417077a97b4ea532fbe8e618bdbb4a8782', class: "stzh-chip__remove-icon", name: "close-big" }))), this.href ? (index.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/cjs/stzh-chipgroup.cjs.entry.js

@@ -15,7 +15,7 @@ const StzhChipgroup = class {
         const classes = {
             "stzh-chipgroup": true,
         };
-        return (index.h(index.Host, { key: '8b35eb7106f9d9e214ce210a49f217620a224e29' }, index.h("div", { key: '5dd45712b45a3bc0325c9574b8cd33d5a6efe1f9', class: classes }, index.h("slot", { key: '1effc84edf8640d2b2c2c91b78d8c37ff23c2c3d' }))));
+        return (index.h(index.Host, { key: '4c7e64f4acb37e905527d8162bc37b8704193a47' }, index.h("div", { key: '6ea413f28a9046dc884dce3d4f003760df0e4e53', class: classes }, index.h("slot", { key: 'f6d1747555d06553f1dda0e04881036912c204c3' }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -214,11 +214,11 @@ const StzhChipselect = class {
             "stzh-chipselect--is-required": this.required,
             "stzh-chipselect--has-label-hidden": this.labelHidden,
         };
-        return (index.h(index.Host, { key: '1ad56117838e8839c693f1f3e92b67dd5b5a65b0', "is-invalid": this.invalid || errorUsed }, index.h("div", { key: '9b9d3250f082b9a48c8f2b52b9e90e0b749da22c', class: classes }, this.multiple ? (index.h(index.Fragment, null, this._value.map(value => (index.h("input", { type: "hidden", name: this.name, value: value }))))) : (index.h("input", { type: "hidden", name: this.name, value: this.value })), index.h("label", { key: '8bbddbdc73ec2676a03d36f3cfb10d0ea5cb509d', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: 'f42bd7e4742206e71cee672fd6eeb3609bf60589', class: "stzh-chipselect__marker" }, index.h("span", { key: '6288d4644ff6b5ddc05f6ba2269beaab2bdd3fb9', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: '4161021da18b9b06aaff411c28a8d048a1a0a659', "is-invalid": this.invalid || errorUsed }, index.h("div", { key: '9c94e4c66a743bc31b4c0f2cf1afce3c0317afc8', class: classes }, this.multiple ? (index.h(index.Fragment, null, this._value.map(value => (index.h("input", { type: "hidden", name: this.name, value: value }))))) : (index.h("input", { type: "hidden", name: this.name, value: this.value })), index.h("label", { key: 'd2d9140d14e7ce3c8c295146a097ec0e0f4ee6dc', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: '3ee1dc931d60159ae494e674f84b961fea04430f', class: "stzh-chipselect__marker" }, index.h("span", { key: '4e6c35a50910032d6172e71dc75d7a6a05977a88', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '4f1cb0a792d34744387cfe548fe88e4d48f33c12', class: "stzh-chipselect__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '0739ce248173572f67bea5e06a4702b3b8d42a7e', class: "stzh-chipselect__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), this._data.length > 0 && (index.h(index.Fragment, { key: '24d5e0f2c7ae0b16cf7d4daaf44a8bc55b0e7534' }, index.h("div", { key: '27c8720557014be5a3f9b0c947c1b7c7506d932e', id: this.id, class: "stzh-chipselect__chips", role: "listbox", tabindex: "0", "aria-multiselectable": this.multiple ? "true" : "false", "aria-activedescendant": `${this.id}-option-${this.activeFocusOptionIndex}`, "aria-describedby": `${this.id}-description ${this.a11yDescribedby}`, onKeyDown: this.handleKeydown }, this._data.map((data, index$1) => (index.h("stzh-chip", { role: "option", class: {
+            : this.localization.$globals.optionalFieldText)))), this._data.length > 0 && (index.h(index.Fragment, { key: '2723bf07f2d8afbf6e725e387df21927d569368d' }, index.h("div", { key: 'f77d157c0d61bc3c5d96b48e8daaa8a617949864', id: this.id, class: "stzh-chipselect__chips", role: "listbox", tabindex: "0", "aria-multiselectable": this.multiple ? "true" : "false", "aria-activedescendant": `${this.id}-option-${this.activeFocusOptionIndex}`, "aria-describedby": `${this.id}-description ${this.a11yDescribedby}`, onKeyDown: this.handleKeydown }, this._data.map((data, index$1) => (index.h("stzh-chip", { role: "option", class: {
                 "stzh-chipselect__chip": true,
                 "is-focused": this.activeFocusOptionIndex === index$1,
             }, label: data.label, counter: data.counter, icon: data.icon, type: data.type, inverted: data.inverted, variant: data.variant, size: data.size || "small", disabled: this.disabled || data.disabled, active: this._value.includes(data.value) ||
@@ -231,7 +231,7 @@ const StzhChipselect = class {
                     this.multiple &&
                     (this._value.length === 0 || (this._value.length === 1 && this._value[0] === "")))
                 ? "true"
-                : "false", id: `${this.id}-option-${index$1}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index$1) })))), index.h(stzhInputDescription.StzhInputDescription, { key: '918af684569f748346bd7c57252172b787879659', classPrefix: "stzh-chipselect", id: `${this.id}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel }))))));
+                : "false", id: `${this.id}-option-${index$1}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index$1) })))), index.h(stzhInputDescription.StzhInputDescription, { key: '0f31db7d4069acef9b153764733c59de85335ca2', classPrefix: "stzh-chipselect", id: `${this.id}-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-clamp.cjs.entry.js

@@ -94,13 +94,13 @@ const StzhClamp = class {
             "stzh-clamp": true,
             "stzh-clamp--is-not-expanded": !this.expanded,
         };
-        return (index.h(index.Host, { key: '4c3beb6c44ea2c7e85074c232058429c5c2f6f90', style: {
+        return (index.h(index.Host, { key: '9f96032720173df1707953f3727a2b399afc01f4', 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,
-            } }, index.h("div", { key: '6dea274e23657d573a734c5262d336a832d0a6e4', class: classes }, index.h("div", { key: '9d8e15e67d8a9f79e7529cd84a4927d229f4f9a6', ref: el => (this.textElement = el), class: "stzh-clamp__text" }, index.h("slot", { key: 'af576c95944517bfbba6be6cc09bcc0c52d42db4' })), index.h("div", { key: 'd9b1407596a639ba1608bf2487388c2d528a8ef0', ref: el => (this.textCloneElement = el), class: "stzh-clamp__text is-clone rs_skip", "aria-hidden": "true" }), this.showExpandLink && this.clamped && (index.h("stzh-link", { key: '4789e0580e79636b866e4137e7342cbd1b3d4f4d', class: "stzh-clamp__trigger", a11yTabindex: "-1", "aria-hidden": "true", onClick: this.handleExpandClick }, !this.expanded ? this.localization.showMore : this.localization.showLess)))));
+            } }, index.h("div", { key: 'fae2b7776a1cad70da73371fc6084bf10a733baa', class: classes }, index.h("div", { key: '245d3ca7373fdb8dc910247bdcce57be56baaaec', ref: el => (this.textElement = el), class: "stzh-clamp__text" }, index.h("slot", { key: 'a34a85cb29e011879eff01db11d8170af886b8f6' })), index.h("div", { key: '2fad216c03be3213879c0a8f53a386ebc6e60739', ref: el => (this.textCloneElement = el), class: "stzh-clamp__text is-clone rs_skip", "aria-hidden": "true" }), this.showExpandLink && this.clamped && (index.h("stzh-link", { key: '8e780ff9e4bb2bf4cb8fd1dffdb7bbad86ac6298', class: "stzh-clamp__trigger", a11yTabindex: "-1", "aria-hidden": "true", onClick: this.handleExpandClick }, !this.expanded ? this.localization.showMore : this.localization.showLess)))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-company-logo.cjs.entry.js

@@ -15,7 +15,7 @@ const StzhCompanyLogo = class {
         const classes = {
             "stzh-company-logo": true,
         };
-        return (index.h(index.Host, { key: '4959ebfe9a7a0fa186a00189346c6ddadc8127c4' }, index.h("div", { key: 'b4b41b2b0c8499a9aab18a3a7e63d2cce28bae07', class: classes }, index.h("div", { key: '7658e571cce0a5ec772eda7b4bea9bf5ec409538', class: "stzh-company-logo__image" }, index.h("slot", { key: '2be998eef31c4d9935c08947871978d164cc29d2' })))));
+        return (index.h(index.Host, { key: 'aaee2d74d65107414494d8c3e387a60bb01b089e' }, index.h("div", { key: 'cf21c9f3fc427272521043820d73a38d64a3323e', class: classes }, index.h("div", { key: '0870d28665e04f41f45302a77d45b9d2fde53a1c', class: "stzh-company-logo__image" }, index.h("slot", { key: '1a44a080e4607599a9c2442220a243caf56d8ddb' })))));
     }
 };
 StzhCompanyLogo.style = StzhCompanyLogoStyle0;