@oiz/stzh-components 4.5.0 → 4.6.0-beta2

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

@@ -203,7 +203,7 @@ const StzhFlyingfocus = class {
             "stzh-flyingfocus--has-helper": this.helper,
         };
         const style = Object.assign(Object.assign({}, (this.style || {})), (this.position || {}));
-        return (index.h(index.Host, { key: 'd1a757f2729e105d7974f5e168249877ef267d3d' }, index.h("div", { key: '526c7a04175b26ca0980c0f4743052927c6b57ad', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
+        return (index.h(index.Host, { key: 'ae0657d6f9f952faccdbb63f24624f6d8ff809be' }, index.h("div", { key: 'b93bf5e66112c094eab5f67cb909d9f44fbb734e', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -79,7 +79,7 @@ const StzhFooter = class {
             "stzh-footer--has-links": linkSlotUsed,
             "stzh-footer--has-menu-links": menuLinkSlotUsed,
         };
-        return (index.h(index.Host, { key: '19afdd57fdd5c16cdd12df89d2e23aebcd8fceb2' }, index.h("footer", { key: 'f5460b6a19e3a4d9c46d014c501a8ee40f5deb48', class: classes }, index.h("div", { key: '83e7025d1e23ca81b7b164e6569782e603b2651c', class: "stzh-footer__menu" }, index.h("div", { key: 'bb234a784c317e10683e075fcd00e2214aecba15', class: "stzh-footer__menu-inner" }, index.h("slot", { key: 'b96395f52ac9b4c420cd941f335af2153af92477', name: "menu-link" }))), index.h("div", { key: '511b579b2f38dcdf20f3b17ac022e76a47869d2a', class: "stzh-footer__wrapper" }, index.h("div", { key: 'dc19332f1f3e49edc6eae3afdfb8e0351873981c', class: "stzh-footer__copyright-wrapper" }, this.copyright && index.h("div", { key: 'd9c5a1ee6b8006da01af6668b884a70d783edf39', class: "stzh-footer__copyright" }, this.copyright), index.h("div", { key: '2dbdacb601760b95479b7ce58f09b1826b2502c3', class: "stzh-footer__logo" }, index.h("slot", { key: '7edee0c3796b76d9de8cf22581f5b3ed5fde9a30', name: "logo" }))), index.h("div", { key: '3b50494b2a075c889bb1df82e7ab2b1ea6ff0daa', class: "stzh-footer__info" }, index.h("slot", { key: '633179170baa4723e60994d4f412b2f864d60376', name: "info" })), index.h("div", { key: 'eda8e58cc2812da05bca852376f494ed28c8fea0', class: "stzh-footer__links", role: "list" }, index.h("slot", { key: 'e70599945c2ba8c59ff82c36e1dade10b2f0696a', name: "link" }, this.variant === "egov" && (index.h(index.Fragment, { key: '32968f34a45b3189b03dea896774b67c2224ad5b' }, index.h("stzh-link", { key: 'aaa548a33ff7cbf1ee65f4a6da73a47ebe28d569', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), index.h("stzh-link", { key: 'ce4ee420791fe3f7b3e1db260751865e32a94d0f', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), index.h("stzh-link", { key: '04109604b2e4adc7a82a03903a9204e4fcaecaad', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText)))))))));
+        return (index.h(index.Host, { key: 'fcc52b34fbeee3d8c5b997be7ec41e9e168e9acf' }, index.h("footer", { key: 'c0a484754576e2803ba9c8744a4616eb95727f1f', class: classes }, index.h("div", { key: '5bd2ee1d4ab6008979fbd0eb63e60542c3de5cc9', class: "stzh-footer__menu" }, index.h("div", { key: 'b5f78ad7ee617fcedebe0629b39990372d1e200c', class: "stzh-footer__menu-inner" }, index.h("slot", { key: '128f4fa19dfddc6b3a0a6c13df693900c169aa55', name: "menu-link" }))), index.h("div", { key: '613ac537c19ec62986e7a3b6e0a7e500e2b4df27', class: "stzh-footer__wrapper" }, index.h("div", { key: '50def68b431d40374af39c5ce8e14592a29cbfc9', class: "stzh-footer__copyright-wrapper" }, this.copyright && index.h("div", { key: 'd3df4227d34c06e5e35115a0e240c596d1909ec7', class: "stzh-footer__copyright" }, this.copyright), index.h("div", { key: 'c5b8e552a08786947c7bd98129b60ec29a3fee85', class: "stzh-footer__logo" }, index.h("slot", { key: '9c2a2097fa31846177f5a5c7919d901d0cd4a2c9', name: "logo" }))), index.h("div", { key: 'afdba8ba2573e3e02ce33ff4c97aeb79522fd934', class: "stzh-footer__info" }, index.h("slot", { key: '75f54444d0ffd3fcd8183f1e73b8650275c79fab', name: "info" })), index.h("div", { key: 'caa4b0518506e93d4eaf0cefa1a639714f4a4fe7', class: "stzh-footer__links", role: "list" }, index.h("slot", { key: '0fb0f7b70735c6549e2cec0e1933d1b43ee96a5f', name: "link" }, this.variant === "egov" && (index.h(index.Fragment, { key: 'df37b106c2203533552fb59ce57cb0ffb409fbf9' }, index.h("stzh-link", { key: 'ba0cbca639aa1c5a536afa3b14be4f85697f298f', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), index.h("stzh-link", { key: '17341dd7169039feb9fdf33db658f39d933b508f', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), index.h("stzh-link", { key: 'a26a73778051ed736af515ee9169129e25478d61', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText)))))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -9791,7 +9791,7 @@ const StzhGallery = class {
             "stzh-gallery": true,
             [`stzh-gallery--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: '16dc2bc307cf18f2e2eef7647054244c74078052' }, index.h("div", { key: 'd4ac7e51be399bbf38457fd334b99ed0c50c2144', class: classes }, (this.variant === "single" || this._images.length === 1) && (index.h(index.Fragment, { key: '6ff1115fabc1f8226de2cec8fe7a99c1a0c3890b' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (index.h(index.Fragment, { key: 'a53d73e7e55b6545fcf1b653bfa37b448f3a490c' }, index.h("div", { key: 'd2bb2754fc4180fc1a5aeb3a71852dd43765f0c0', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (index.h("div", { key: '290378c5691e9ff4f2937ba7bf0d7c7cf2c387c3', class: "stzh-gallery__list-actions" }, index.h("stzh-button", { key: '0cc5b02d1d60842b306f8d208828130306181ad7', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (index.h("stzh-carousel", { key: 'f22741e3f98ed3bb7b3e404427c398e15128cc90', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, index.h("stzh-ratio", { key: '70b8ff230a6476d498525002d373640530c0ade4', ref: el => (this.carouselActionsElement = el), slot: "actions", class: "stzh-gallery__carousel-actions", ratio: this.ratio, ratioSmall: this.ratioSmall, ratioMedium: this.ratioMedium, ratioLarge: this.ratioLarge, ratioUltra: this.ratioUltra }, index.h("div", { key: 'fe39a2e8b3cd8b7207bd1a4900e3f53723e30c68' }, index.h("stzh-button", { key: '702dc1f0696f58782acd7cfc8d3be1bce31f03ca', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), index.h("stzh-button", { key: '0302705ae9f1dfde7723c81381ad911a81138f32', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), index.h("stzh-hspace", { key: '879e08bbee0fc39c5bda5347b037f15ff70e1187', justify: "end", items: "end", size: "xsmall" }, index.h("stzh-button", { key: '1fbc0e6887e6c9875c1c57e9cbf221afcf4d8802', variant: "secondary", size: "small", icon: "expand", "icon-only": true, label: this.localization.openLightbox, onClick: this.openCurrentCarouselSlide }))), this._images.map((image, index) => this.renderFigure(image, index)))), index.h("slot", { key: 'f7bad402541f140b8b6880e86e8f419171f62f86' }))));
+        return (index.h(index.Host, { key: 'd370dd12c15f087bae87068f7fcc23bb12e33faf' }, index.h("div", { key: '22f33e8bcfc0ceee2552f6a5682321c15afb3604', class: classes }, (this.variant === "single" || this._images.length === 1) && (index.h(index.Fragment, { key: '3350c33575d2066e0989e8d953d46e2b65d6c442' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (index.h(index.Fragment, { key: '1090feca335e58782f1d362508ec4f91b50fcbbb' }, index.h("div", { key: 'ef1e6af52b0b7a9b2a9b7112db4b00065c4a6c57', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (index.h("div", { key: 'b74b2295453a6bc51936d9aa0a11f79174093eb8', class: "stzh-gallery__list-actions" }, index.h("stzh-button", { key: 'c30d8b0f15bf484847c8bfb6c844e504a91c831f', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (index.h("stzh-carousel", { key: '93beecf5451cab34704a6663716fb70cc7ce87ca', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, index.h("stzh-ratio", { key: '8121c7cc1d6511cefa2fbbe5a94601f28a778139', ref: el => (this.carouselActionsElement = el), slot: "actions", class: "stzh-gallery__carousel-actions", ratio: this.ratio, ratioSmall: this.ratioSmall, ratioMedium: this.ratioMedium, ratioLarge: this.ratioLarge, ratioUltra: this.ratioUltra }, index.h("div", { key: 'a07208ac4b57f6f572cac6f379395389b5e96b02' }, index.h("stzh-button", { key: 'd04bcb4c5e5ae36e2dd57b658bbaae7c1deaebe9', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), index.h("stzh-button", { key: '36b80a9669c0587687203564146a8280cf19fea2', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), index.h("stzh-hspace", { key: 'a62350f3ee9f15067529cfeda3cb914af8a73fc2', justify: "end", items: "end", size: "xsmall" }, index.h("stzh-button", { key: '78a0a085661b1690d0f5d1f29fbe0d2420f7af71', variant: "secondary", size: "small", icon: "expand", "icon-only": true, label: this.localization.openLightbox, onClick: this.openCurrentCarouselSlide }))), this._images.map((image, index) => this.renderFigure(image, index)))), index.h("slot", { key: '879f444cac5c71bf721a877e923c9b1fe108b04d' }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-geo-ref-data.cjs.entry.js

@@ -493,12 +493,12 @@ const GeoRefData = class {
             "stzh-geo-ref-data--is-open": this.isOpen,
             "stzh-geo-ref-data--has-filters": this._availableTags.length > 0,
         };
-        return (index.h(index.Host, { key: 'e0dd5fa42d0ba4baf77f632feec8780e8a524eda' }, index.h("stzh-toastbar", { key: '2ff02de479d436c1a1225b45d87c49612a54f185', ref: el => (this.toastbarElement = el) }), index.h("div", { key: '24b6c99245e439958838736d9a9e7278a056a412', class: "stzh-geo-ref-data__trigger", onClick: () => this.initializeAndOpenMap() }, index.h("slot", { key: '041b10ba8f1011976929455241ebf8a8efeea63c', name: "trigger" })), index.h("stzh-overlay", { key: '92cb6c5d1bf304d965dc79df84149679ae295523', open: this.isLoading }, index.h("stzh-loader", { key: 'bfa5d1e375f07dc1302a8eaf1053f718a5cb420a', label: "Daten werden geladen..." })), index.h("div", { key: 'fab9b4ef17401bfb84db58bc4e1f024641b77a0b', class: classes }, index.h("div", { key: '58545fa974d2da236ffd9eb81345bfb8cbfb89be', class: "stzh-geo-ref-data__header-wrapper" }, index.h("stzh-header", { key: '642fc0431a6f3b867aeaef9485d128102e4eee48', class: "stzh-geo-ref-data__header", "hide-metabar": true, sticky: "disabled" }, index.h("slot", { key: 'a80272de39bb30e5a0e222f2dad733f82144abb7', name: "logo", slot: "logo" })), index.h("div", { key: '0d789cca3ee97f25387dbc4bd89b36421b16d782', class: "stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding" }, index.h("stzh-heading", { key: '5fc9670c7bb9808a8749232477ffe103d8c838fd', class: "stzh-geo-ref-data__heading-heading", curve: "h2" }, this.heading), index.h("stzh-button", { key: '425490811a1ca92bf8e95da1b723d927f6af6375', class: "stzh-geo-ref-data__overlay-close", icon: "close", iconOnly: true, size: "small", variant: "tertiary", onClick: this.handleOverlayCloseClick }))), index.h("div", { key: '2602cf984edc0c67eff8e82034ccc465f3f317bb', class: "stzh-geo-ref-data__content" }, index.h("div", { key: 'dd58489e404c5372da7a8d35f336954fcc7585bd', class: "stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding", ref: el => (this.metaWrapperElement = el) }, index.h("div", { key: 'd8bc1886172b0f5220a9874d27455ac6852c991f', class: "stzh-geo-ref-data__filters" }, this._availableTags.length > 0 && (index.h("div", { key: 'f2259688651dc0204f71c7af4ce087294d0307bd', class: "stzh-geo-ref-data__filters-toggle" }, index.h("stzh-chip", { key: '0ae84325bd8c36a749e19f7e319ec4240c8541f7', label: this.isViewportMedium ? "Filter" : "", variant: "filter", icon: "filtering", onStzhClick: this.handleFilterToggleClick }))), index.h("div", { key: '300a3069247f6c0d966467fc2399f88072dbb114', class: {
+        return (index.h(index.Host, { key: '622fa576a12d4a4f14f0a3abcb0aee383447ed4e' }, index.h("stzh-toastbar", { key: '35c7c17d01a384663c260cd95ef1a0695f2d3f47', ref: el => (this.toastbarElement = el) }), index.h("div", { key: '4c5c5e2f63d3df941d9a5e6e4b04f5cab957a745', class: "stzh-geo-ref-data__trigger", onClick: () => this.initializeAndOpenMap() }, index.h("slot", { key: 'de597358856bdf35161f9828e847ebe83fe50417', name: "trigger" })), index.h("stzh-overlay", { key: 'a4e4b760d0bdaf40e323366f2f2cccc28d5ced63', open: this.isLoading }, index.h("stzh-loader", { key: 'b9b8167f9f9c846da78ad5564beb719c4d449e51', label: "Daten werden geladen..." })), index.h("div", { key: 'b967e2028eddb2f9cec34e02406632c9bd782384', class: classes }, index.h("div", { key: 'f3304f57e22263eeba6acd7e57b04bfe46bf1deb', class: "stzh-geo-ref-data__header-wrapper" }, index.h("stzh-header", { key: 'c902710cd2873a98175d6b2538d70db80789d34b', class: "stzh-geo-ref-data__header", "hide-metabar": true, sticky: "disabled" }, index.h("slot", { key: '12fc1e28c6d4e0b491d0be9e27ac066b14fb51a7', name: "logo", slot: "logo" })), index.h("div", { key: 'e7a6c4c8919fe81eca84023df7e5518623ad3f7e', class: "stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding" }, index.h("stzh-heading", { key: 'bb06d84141149d4efef44be0d10b47d241142ac3', class: "stzh-geo-ref-data__heading-heading", curve: "h2" }, this.heading), index.h("stzh-button", { key: 'd3ea28c2cfabf733ee224a0b6a5b7891cc1ebd5d', class: "stzh-geo-ref-data__overlay-close", icon: "close", iconOnly: true, size: "small", variant: "tertiary", onClick: this.handleOverlayCloseClick }))), index.h("div", { key: '7e33152f3e1c1ffb569ffcb29f38f0fd6a8f5142', class: "stzh-geo-ref-data__content" }, index.h("div", { key: '5792f4259ab3f693e1026ce38c65efa14bb2b423', class: "stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding", ref: el => (this.metaWrapperElement = el) }, index.h("div", { key: '655d2a88a92cca05b67e5405c0a6cfd96183c2a5', class: "stzh-geo-ref-data__filters" }, this._availableTags.length > 0 && (index.h("div", { key: '28e95610103e34e8b5413f48e1215a40f618237c', class: "stzh-geo-ref-data__filters-toggle" }, index.h("stzh-chip", { key: '1dcf8a42747df8fc1d24ebb69d841c73cc957296', label: this.isViewportMedium ? "Filter" : "", variant: "filter", icon: "filtering", onStzhClick: this.handleFilterToggleClick }))), index.h("div", { key: '9f69ad03171fdf6b5c568b256b3670a55e044f29', class: {
                 "stzh-geo-ref-data__filters-content": true,
                 "stzh-geo-ref-data__filters-content--visible": !this.isViewportLarge && this.isFiltersContentOpen,
-            } }, index.h("stzh-chipselect", { key: '516f640de23b5309fb3183a32f6c213248a2248c', "label-hidden": true, label: "Tags", data: this.enhancedTags, onStzhChange: this.handleFilterChange, multiple: true, defaultValue: this.appliedFilters, value: this.appliedFilters }), index.h("div", { key: '2f1d27322624e8ab65b327b58cb7338817753603', class: "stzh-geo-ref-data__filters-apply-button" }, index.h("stzh-button", { key: '784454aa3d067f79e7bf87b5e90bf966cc269349', size: "small", fullwidth: true, onStzhClick: this.handleApplyFilterClick }, "Anwenden")))), index.h("div", { key: '08c124e62654133064109014da8404180daaaf31', class: "stzh-geo-ref-data__search" }, index.h("stzh-input", { key: '56d5dee39ec3a7d4012e8b6d1ae0be0483318347', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), index.h("div", { key: 'ddccbcf77152a5cb69293d047a7965ef4cc6556a', class: "stzh-geo-ref-data__results-toggle" }, index.h("stzh-chip", { key: 'cb6d49de9d1150c8af851e5370ede1d4652306c7', onStzhClick: this.toggleViewMode, label: this.viewmode === "map" ? "Liste" : "Karte", icon: this.viewmode === "map" ? "bulleted-list" : "map", variant: "filter" }))), index.h("div", { key: '1d234e87f7416f43e361a429f3d8d2ac206441c5', class: "stzh-geo-ref-data__results-wrapper" }, index.h("div", { key: '208b43c8ecd8ecebfb7a49ebf6c4e127a3f1a493', class: `stzh-geo-ref-data__results-map ${this.viewmode === "map" ? "active" : "inactive"}` }, index.h("stzh-olmap", { key: '7dfd4e8e4b3586ad130d95a5998121a64713cb6c', class: "stzh-geo-ref-data__ol-map", centerMarker: this.centerMarker, zoom: this.zoom, zoomLocation: this.zoomLocation, writeExtentToUrlEnabled: this.isOpen, locationControl: this.locationControl, pinchRotateThreshold: this.pinchRotateThreshold, ref: el => (this.mapElement = el) }), index.h("div", { key: '1cd1adedce9d9a1002ea4179d8686268ec9724ed', class: "stzh-geo-ref-data__map-controls" }, index.h("stzh-checkbox", { key: '3fd0e08d316970997b45cb3eafcefb7e9c31f084', label: "Treffer an Kartenausschnitt anpassen", checked: this.showOnlyResultsForCurrentExtent, hideOptional: true, onStzhChange: this.handleExtentVisibilityChange }))), index.h("div", { key: '0aa4beec4eec88e83e110947c63e4a913496c06c', class: `stzh-geo-ref-data__results-list ${this.viewmode === "list" ? "active" : "inactive"}`, ref: el => (this.resultsListElement = el) }, this.finalResults && (index.h(index.Fragment, { key: '9245bcc5339dc238e44a1858c573531f1321ad3f' }, index.h("div", { key: '41b6e85f8cae1cd69b041c31d069ba1261d5c331', class: "stzh-geo-ref-data__list-search" }, index.h("stzh-input", { key: '02c1b15ac508620b1ee10de3f7408775936e000c', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), index.h("stzh-text", { key: 'ca0d6a32aa889a217e06b2b34df4207acc8f72c1', class: "stzh-geo-ref-data__results-list-heading" }, this.finalResults.length, " Treffer"), index.h("div", { key: '83611b11e426e3f635ffd3a8b93edd4dc93864a2', class: "stzh-geo-ref-data__teaser-list" }, this.finalResultsPaginatedList.map(item => (index.h("div", { class: "stzh-poi-teaser", onMouseEnter: () => this.handlePoiTeaserMouseEnter(item), onMouseLeave: () => this.handlePoiTeaserMouseLeave(item) }, index.h("a", { class: "stzh-poi-teaser-link", href: this.baseUrlOverride + item.path }), index.h("div", { class: "stzh-poi-teaser-content" }, index.h("stzh-heading", { curve: "lead" }, item.poiname), item.description && index.h("stzh-text", { size: "micro" }, item.description), item.data &&
+            } }, index.h("stzh-chipselect", { key: 'c27ee31157049458f50a47baddba94cfb5104d8c', "label-hidden": true, label: "Tags", data: this.enhancedTags, onStzhChange: this.handleFilterChange, multiple: true, defaultValue: this.appliedFilters, value: this.appliedFilters }), index.h("div", { key: 'bbd33d9325edba4ecfc322257fa6784c4f7acc79', class: "stzh-geo-ref-data__filters-apply-button" }, index.h("stzh-button", { key: 'c6226a9962aef1d0c9a34b74461da7f8c9209c45', size: "small", fullwidth: true, onStzhClick: this.handleApplyFilterClick }, "Anwenden")))), index.h("div", { key: 'e81605d03e3b06f12d3409db5f05e48aad4f6995', class: "stzh-geo-ref-data__search" }, index.h("stzh-input", { key: '79ab7edfd3d6e90ca04a757a7fef9764fa868429', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), index.h("div", { key: '6b39cac1ee8d5d14c6f4d9d8e2e11aedd785990d', class: "stzh-geo-ref-data__results-toggle" }, index.h("stzh-chip", { key: '0e0d333857c523de82f6e5eb8dde321480522d13', onStzhClick: this.toggleViewMode, label: this.viewmode === "map" ? "Liste" : "Karte", icon: this.viewmode === "map" ? "bulleted-list" : "map", variant: "filter" }))), index.h("div", { key: '47fc05d878a5a3c30b384d8188cc884cb8ed7bed', class: "stzh-geo-ref-data__results-wrapper" }, index.h("div", { key: '919980fe302ac2396582963a3e8b51c0b84fbc1b', class: `stzh-geo-ref-data__results-map ${this.viewmode === "map" ? "active" : "inactive"}` }, index.h("stzh-olmap", { key: '1627765063abcbe5fdc8c8dbae227b236af2b35a', class: "stzh-geo-ref-data__ol-map", centerMarker: this.centerMarker, zoom: this.zoom, zoomLocation: this.zoomLocation, writeExtentToUrlEnabled: this.isOpen, locationControl: this.locationControl, pinchRotateThreshold: this.pinchRotateThreshold, ref: el => (this.mapElement = el) }), index.h("div", { key: 'd80b8667608f11ee213dd69345945a4cd00cd6b4', class: "stzh-geo-ref-data__map-controls" }, index.h("stzh-checkbox", { key: '5bf939fb6ee430af901a29fd8f838ab31e3bd866', label: "Treffer an Kartenausschnitt anpassen", checked: this.showOnlyResultsForCurrentExtent, hideOptional: true, onStzhChange: this.handleExtentVisibilityChange }))), index.h("div", { key: '59231f60d9bb0ef8865601ed2a768349a3d68930', class: `stzh-geo-ref-data__results-list ${this.viewmode === "list" ? "active" : "inactive"}`, ref: el => (this.resultsListElement = el) }, this.finalResults && (index.h(index.Fragment, { key: '2d5d59430f1f13a73763c7b57626e88cd75b9878' }, index.h("div", { key: '2132594f70a45cceac921e3e8310d6528774ed05', class: "stzh-geo-ref-data__list-search" }, index.h("stzh-input", { key: 'd03968de2cb968a143a25e40cc87ad63451124cc', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), index.h("stzh-text", { key: '49f07eeb65179d364e9eb716db1754ba5bcb24ef', class: "stzh-geo-ref-data__results-list-heading" }, this.finalResults.length, " Treffer"), index.h("div", { key: '31667e80a3278503099292cbea3c57dbb51d6c3e', class: "stzh-geo-ref-data__teaser-list" }, this.finalResultsPaginatedList.map(item => (index.h("div", { class: "stzh-poi-teaser", onMouseEnter: () => this.handlePoiTeaserMouseEnter(item), onMouseLeave: () => this.handlePoiTeaserMouseLeave(item) }, index.h("a", { class: "stzh-poi-teaser-link", href: this.baseUrlOverride + item.path }), index.h("div", { class: "stzh-poi-teaser-content" }, index.h("stzh-heading", { curve: "lead" }, item.poiname), item.description && index.h("stzh-text", { size: "micro" }, item.description), item.data &&
             item.data.length > 0 &&
-            item.data.map(item => (index.h("div", { class: "stzh-poi-teaser-list-item" }, index.h("stzh-icon", { name: item.icon }), index.h("stzh-text", { size: "micro" }, item.text))))), item.image && (index.h("div", { class: "stzh-poi-teaser__image-wrapper" }, index.h("stzh-ratio", { ratio: "2:1", "ratio-large": "5:4", "ratio-ultra": "1:1", portrait: this.isViewportLarge, class: "stzh-poi-teaser__ratio" }), index.h("div", { class: "stzh-poi-teaser__image-inner-wrapper" }, index.h("img", { src: this.baseUrlOverride + item.image, alt: "Foto von " + item.poiname })))))))), this.canLoadMore && (index.h("div", { key: 'cac4334ccdefe0631c7a87aabb0fae894350f442', class: "stzh-geo-ref-data__teaser-load-more" }, index.h("stzh-button", { key: '4150e27fb7cd3981cd1d09701aea6ef36f0d224b', onStzhClick: () => this.loadMore() }, "Weitere laden")))))))))));
+            item.data.map(item => (index.h("div", { class: "stzh-poi-teaser-list-item" }, index.h("stzh-icon", { name: item.icon }), index.h("stzh-text", { size: "micro" }, item.text))))), item.image && (index.h("div", { class: "stzh-poi-teaser__image-wrapper" }, index.h("stzh-ratio", { ratio: "2:1", "ratio-large": "5:4", "ratio-ultra": "1:1", portrait: this.isViewportLarge, class: "stzh-poi-teaser__ratio" }), index.h("div", { class: "stzh-poi-teaser__image-inner-wrapper" }, index.h("img", { src: this.baseUrlOverride + item.image, alt: "Foto von " + item.poiname })))))))), this.canLoadMore && (index.h("div", { key: 'acda745d3572c46a6b918419f3f8d501d1a18675', class: "stzh-geo-ref-data__teaser-load-more" }, index.h("stzh-button", { key: 'e7c616229e3af0eede341226882d42dcc25eee78', onStzhClick: () => this.loadMore() }, "Weitere laden")))))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -75,7 +75,7 @@ const StzhGhettobox = class {
             "stzh-ghettobox--has-close-button": !this.hideClose,
         };
         // TODO: Temporary workaround/bugfix for readspeaker class "rs_skip" can be removed once Readspeaker update with bugfix has arrived (ETA end of 2024).
-        return (index.h(index.Host, { key: '260b6f595622a23d0d63c0ed4909ee7ce7c82f9a', hidden: !this.open }, index.h("div", { key: 'b6ec42b74b41a6ac7ecaa9c128e1660c81e26fe2', class: Object.assign(Object.assign({}, classes), { rs_skip: !this.open }), "aria-hidden": this.open ? "false" : "true" }, index.h("div", { key: 'cd03d71dfa508e05300ca331d3203d511f8cd7ec', class: "stzh-ghettobox__container" }, index.h("h1", { key: '0c911250edb44d040088cceeccdfd0418f103fbd', class: "stzh-ghettobox__hidden-title" }, this.hiddenTitle || this.localization.hiddenTitle), index.h("div", { key: '0ed9ce039ce4939f5fbcd2cdcfd3131772a6a3b5', class: "stzh-ghettobox__message" }, index.h("div", { key: '403ce4334cc501e6b192c689e07c3c9f120e649a', class: "stzh-ghettobox__text" }, index.h("h2", { key: 'e64e302980396b0ebaa4f7ffbee4ac93bde171db', class: "stzh-ghettobox__main-title" }, this.mainTitle), index.h("div", { key: 'b5837c1135e83d135446bda0b524a4ddbbbc759d', class: "stzh-ghettobox__description" }, this.description ? this.description : index.h("slot", null))), index.h("div", { key: 'b2c72af66cfdd690ac40a894816ff3cff70839e4', class: "stzh-ghettobox__button" }, index.h("slot", { key: '741012309a402094ab8dcc1e3bfa86bc211b28ac', name: "button" }))), !this.hideClose && (index.h("stzh-button", { key: '1d2382acf8262559f425b8a0958ec4dae8a1f20e', class: "stzh-ghettobox__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+        return (index.h(index.Host, { key: '07b9486204d24f9ffd8ac926f12d6b168376e2c2', hidden: !this.open }, index.h("div", { key: 'e728b4c2339592d95d78c7cfa53092027daff317', class: Object.assign(Object.assign({}, classes), { rs_skip: !this.open }), "aria-hidden": this.open ? "false" : "true" }, index.h("div", { key: 'e713155dbe1b06a1a161220c1d73f399f2b8c83a', class: "stzh-ghettobox__container" }, index.h("h1", { key: 'a548827bee4ded14960a55ed618dd802e8a3a8da', class: "stzh-ghettobox__hidden-title" }, this.hiddenTitle || this.localization.hiddenTitle), index.h("div", { key: '1992031874d92412fbd9b198885e445d7f8cf1ef', class: "stzh-ghettobox__message" }, index.h("div", { key: '05f7ace8f802ca10ab744fcdd37c921b92e3fed9', class: "stzh-ghettobox__text" }, index.h("h2", { key: '099223e2e06622718fc26126cf98e190ab346f41', class: "stzh-ghettobox__main-title" }, this.mainTitle), index.h("div", { key: 'a1ee6b0178bdead7a5be7a71200d5f9b6cae18ff', class: "stzh-ghettobox__description" }, this.description ? this.description : index.h("slot", null))), index.h("div", { key: '17a6094801cf5b8893c2caef3598b11138b86218', class: "stzh-ghettobox__button" }, index.h("slot", { key: '861af9a79943f7af4eedae7f6eef47173141536f', name: "button" }))), !this.hideClose && (index.h("stzh-button", { key: '77c36fa8edc07bfed825861e7030e3319fccc1c9', class: "stzh-ghettobox__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     get element() { return index.getElement(this); }
 };
@@ -134,7 +134,7 @@ const StzhRichtext = class {
         const classes = {
             "stzh-richtext": true,
         };
-        return (index.h(index.Host, { key: '54da2ae0999f0c991286cf8080b648fe69419887', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, index.h("div", { key: 'fb1a372009c4c91d1e356034ff91b3672972548e', class: classes }, index.h("div", { key: '12ed8fa4f3609ee6f99c7d6628584404d0e63021', class: "stzh-richtext__text" }, index.h("slot", { key: '2dd118fc9c58243f92d7bfde836ccde7bd73318b' })))));
+        return (index.h(index.Host, { key: '58827e6fd0fd18dcbf81a4aae2719579097ba3ac', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, index.h("div", { key: '3ce3060ec4a3a1e1b0bc9ff48ad4e1362fd6da8c', class: classes }, index.h("div", { key: '58d588128f8e5771204c4434a1da6918db80336a', class: "stzh-richtext__text" }, index.h("slot", { key: '71ab06e20667004000857ea870fcbe685b202c97' })))));
     }
     get element() { return index.getElement(this); }
 };
@@ -194,9 +194,9 @@ const StzhShow = class {
     }
     render() {
         const timeNow = Date.now();
-        return (index.h(index.Host, { key: 'bf64c808ce14fa749fed40172435916356a217c2', hidden: (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||
+        return (index.h(index.Host, { key: '0911e5b08abf2eaacca16e9184f3472cb1488376', hidden: (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||
                 (this._hideFromDate && timeNow >= this._hideFromDate.getTime()) ||
-                this.closedByCookie }, index.h("slot", { key: 'b4c0382f64e006f81e4728cb725df6b3bd443e29' })));
+                this.closedByCookie }, index.h("slot", { key: 'dbde94ad68675f0cf078aad316a4f11bdab198a5' })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -54263,7 +54263,7 @@ const StzhOlmap = class {
             "stzh-olmap--has-no-print-control": !this.printControl,
             "stzh-olmap--has-location-control": this.locationControl,
         };
-        return (index.h(index.Host, { key: 'e3dcaa84f585422a2b9dcb4202958c63c4c55759' }, index.h("div", { key: 'e94097970244edad65ee79c6079f73adf19fe2df', class: classes }, index.h("div", { key: '2d93761f276134c2962862730139202eaab6e624', ref: el => (this.mapElement = el), class: "stzh-olmap__map" }), index.h("div", { key: '75e23dcb13b0f370bc92eb587ea56faba85cc4da', ref: el => (this.popoverElement = el), class: "stzh-olmap__popover" }))));
+        return (index.h(index.Host, { key: '9517c971b6ec79d7de68bd6016a5fc1c6160d77e' }, index.h("div", { key: 'd43fa25c26069487f74cb7c44f714a1da4438d92', class: classes }, index.h("div", { key: 'f3d124346d2fabb508b92192071fd72047f7d36c', ref: el => (this.mapElement = el), class: "stzh-olmap__map" }), index.h("div", { key: '921b59e2f68ca6dd25973f7db7fea94d9b86c4c6', ref: el => (this.popoverElement = el), class: "stzh-olmap__popover" }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -28,7 +28,7 @@ const StzhHeading = class {
             [`stzh-heading--level-${this.level}`]: !!this.level,
             [`stzh-heading--curve-${this.curve}`]: !!this.curve,
         };
-        return (index.h(index.Host, { key: 'fca6d73082919c6ad6f6e201c61aa159d5b2ff4a' }, index.h(Heading, { key: '0ea7d5921cf76c4443052549f8daf58e607fc260', class: classes }, index.h("slot", { key: '044fa486536a3d35ab82db3f4df84fc68903e8cf' }), this._htmlContent && index.h("div", { key: '3c3761d41964413d3bfe701bff3686199353adaf', innerHTML: this._htmlContent }))));
+        return (index.h(index.Host, { key: '5acb9043a2947260ed388ed38d799b99d049c493' }, index.h(Heading, { key: '6d63908b0aab24e951146ed84791fc93826a354d', class: classes }, index.h("slot", { key: '76168a0f8520aa45dc648a441a3f2aafb26acc82' }), this._htmlContent && index.h("div", { key: 'c8c1f7336c6088fbdf41da2b90d78901d6607c69', innerHTML: this._htmlContent }))));
     }
     static get watchers() { return {
         "htmlContent": ["htmlContentWatcher"]

package/dist/cjs/stzh-homepage-search.cjs.entry.js

@@ -55,7 +55,7 @@ const StzhHomepageSearch = class {
             "stzh-homepage-search": true,
             "stzh-homepage-search--is-search-filled": this.searchFilled,
         };
-        return (index.h(index.Host, { key: '4610961dc501870db8ed1191bd3b3366db064457' }, index.h("div", { key: 'd60f3270c7a38944eb5fda27e408b091e9a91774', class: classes }, index.h("div", { key: 'f24ea7e0c067d7aa12f7b1ddeb56daec915ada4c', class: "stzh-homepage-search__container" }, index.h("form", { key: '440bc679283f7531be3fe781c91867adc99d1c58', class: "stzh-homepage-search__form", action: this.searchAction, role: "search", ref: el => (this.formElement = el) }, index.h("label", { key: '7e756fc59bb0b4be74dc9f9bccfb74946f31fb0f', class: "stzh-homepage-search__search" }, index.h("input", { key: 'b529d7acdf57467640d8502f11ca540a71314338', id: this.searchId, ref: el => (this.searchInput = el), class: "stzh-homepage-search__search-input", type: "search", name: this.searchFieldName, onChange: this.handleSearchChange, onInput: this.handleSearchInput, placeholder: this.placeholder }), index.h("stzh-icon", { key: 'a1315be821ca16e6d4a9ca7f0beff2b73ba74c9f', class: "stzh-homepage-search__search-icon", name: "search" })))))));
+        return (index.h(index.Host, { key: '4cf4819a55d07a025e3d241c63ce9983d2ffec0a' }, index.h("div", { key: '95c9f388125367c563cabb300d19e6edfc44c964', class: classes }, index.h("div", { key: 'b5d0ffb8deae388fb313002251b069f96b1aa4cc', class: "stzh-homepage-search__container" }, index.h("form", { key: 'cbc4fadb9b98f37975c379c09d2c004de1479f82', class: "stzh-homepage-search__form", action: this.searchAction, role: "search", ref: el => (this.formElement = el) }, index.h("label", { key: '5576c0b129a87cd53d5d30cc1cb3ff43a2f80ece', class: "stzh-homepage-search__search" }, index.h("input", { key: 'd52b782114a5ce3ff733aa927581d52ed594febd', id: this.searchId, ref: el => (this.searchInput = el), class: "stzh-homepage-search__search-input", type: "search", name: this.searchFieldName, onChange: this.handleSearchChange, onInput: this.handleSearchInput, placeholder: this.placeholder }), index.h("stzh-icon", { key: 'faa1b99a92dc31dfcf9ec71d0ea2198ebaef52b8', class: "stzh-homepage-search__search-icon", name: "search" })))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-homepage-service-highlights.cjs.entry.js

@@ -88,14 +88,14 @@ const StzhHomepageServiceHighlights = class {
             "stzh-homepage-service-highlights": true,
             "stzh-homepage-service-highlights--has-topnews": this._topnewsItems.length > 0,
         };
-        return (index.h(index.Host, { key: '55ecbb6644d3a1484777d490ef7733a92dbe6533' }, index.h("div", { key: 'fb6a15f4fc4184b1772c92241cfa21aac8bc2596', class: classes }, this._topnewsItems.length > 0 && (index.h("div", { key: '04870cf7bec04a384a87c3dd0a1bc9e7971769f6', class: "stzh-homepage-service-highlights__topnews" }, this._topnewsItems.map(item => !!item.href ? (index.h("a", { href: item.href, class: {
+        return (index.h(index.Host, { key: 'f76ccb3e58c70c21c0aa6c62624cf8c42687562f' }, index.h("div", { key: '94340a97824898f8b6938a8df805c745c11aa71e', class: classes }, this._topnewsItems.length > 0 && (index.h("div", { key: 'fc8d75cfe428d36ac0a479e42dc8b4b53fd18a82', class: "stzh-homepage-service-highlights__topnews" }, this._topnewsItems.map(item => !!item.href ? (index.h("a", { href: item.href, class: {
                 "stzh-topnews-item": true,
                 "stzh-topnews-item--highlighted": item.isHighlighted,
                 "stzh-topnews-item--has-link": true,
             } }, this.renderTopnewsItemInner(item))) : (index.h("div", { class: {
                 "stzh-topnews-item": true,
                 "stzh-topnews-item--highlighted": item.isHighlighted,
-            } }, this.renderTopnewsItemInner(item)))))), this._mostsearchedItems.length > 0 && (index.h("div", { key: '0d067f7d0cc189221132ccb7bdc5db175f1e11f9', class: "stzh-homepage-service-highlights__mostsearched" }, this._mostsearchedItems.map(item => (index.h("div", { class: {
+            } }, this.renderTopnewsItemInner(item)))))), this._mostsearchedItems.length > 0 && (index.h("div", { key: '38b1a9587d2412a0f5a797224313198a3fb5f4f3', class: "stzh-homepage-service-highlights__mostsearched" }, this._mostsearchedItems.map(item => (index.h("div", { class: {
                 "stzh-mostsearched-item": true,
             } }, index.h("stzh-link", { class: "stzh-mostsearched-item__link", href: item.href, icon: "arrow-right" }, item.label)))))))));
     }

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

@@ -15,7 +15,7 @@ const StzhHr = class {
         const classes = {
             "stzh-hr": true,
         };
-        return (index.h(index.Host, { key: 'a00f4f500fe8e1e8eea6cb8f5bf17a36db03e1c1' }, index.h("div", { key: 'ee64413f3aeaa37dca181fcc97523d8d0b5fdee5', class: classes })));
+        return (index.h(index.Host, { key: '8ee946297a2352e2f2b69b78c2eed83ef57acf38' }, index.h("div", { key: 'c12bc60281fdefaaad7565303c9f6cafef98ee4d', class: classes })));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -24,11 +24,11 @@ const StzhHspace = class {
         this.border = "none";
     }
     render() {
-        return (index.h(index.Host, { key: '2b4b3bf29684a893e4f03da446f5ce59b5cc08e1' }, index.h("div", { key: '7dfb0a82a3b3eaf1c05c62d834cf11dc8016b955', class: {
+        return (index.h(index.Host, { key: 'f54cee0965bf78238ee9fd8c818eda54c7ccb041' }, index.h("div", { key: '395b4bab64a6a8981926ea3c536d4d17f15d95ac', class: {
                 "stzh-hspace": true,
                 [`stzh-hspace--justify-${this.justify}`]: !!this.justify,
                 [`stzh-hspace--items-${this.items}`]: !!this.items,
-            } }, index.h("slot", { key: '6feaf587c783eb0c0ec955c10cc31a3a7570b213' }))));
+            } }, index.h("slot", { key: 'd96f138cf73a0ba708def22dfa6ce11754bc154a' }))));
     }
 };
 StzhHspace.style = StzhHspaceStyle0;

package/dist/cjs/stzh-http-error.cjs.entry.js

@@ -65,7 +65,7 @@ const StzhHttpError = class {
         const classes = {
             "stzh-http-error": true,
         };
-        return (index.h(index.Host, { key: '7ac3167eb9a941fb312fc5776cbeafc03d2f2af3' }, index.h("div", { key: '031f558f68a52e5e82bf440ca7c9db57b2c3ac60', class: classes }, index.h("div", { key: '2391cc773a556e520782aa382e1bf539569849de', class: "stzh-http-error__errorcode" }, this._errorcode), index.h("div", { key: '9aca8f7b0698dab3224a057cda63fcb3c129ff5c', class: "stzh-http-error__heading" }, index.h("stzh-heading", { key: 'f27158cd06a19c588b7ca6c3776dcae35de7c609' }, this.heading)), index.h("div", { key: 'cfa81f65e2c6580643dee4944cbdc8e599371832', class: "stzh-http-error__description" }, index.h("stzh-text", { key: 'd9372fc31cbbf20c17e2d9bd641374efa3f1eb55' }, this.description)), index.h("div", { key: '7f9a7b426035d51a0a5f61feb407a9e4dc82bea5', class: "stzh-http-error__actions", role: "group" }, index.h("stzh-buttongroup", { key: '97233b183fbcfb405656ef95e59ba5498497f309' }, window.history.length > 1 && (index.h("stzh-button", { key: 'e6f70b984127f7b691811f90f2e01843090ee2df', variant: "secondary", onStzhClick: this.goBack }, this.localization.labelBack)), index.h("stzh-button", { key: 'ececa7d624d8d73aff19c7a9141d85aaa41b5059', variant: "default", href: this.hrefStart }, this.localization.labelStart))))));
+        return (index.h(index.Host, { key: 'cfc3dd8de838310ec154555d577679105a7393eb' }, index.h("div", { key: '031050df094911b84d3bd0a954d5050a643625c8', class: classes }, index.h("div", { key: '55a3232fc0152c00c9b2703175e99e14ce172dce', class: "stzh-http-error__errorcode" }, this._errorcode), index.h("div", { key: '07f0905739e164f36a3325ed191172c75847e483', class: "stzh-http-error__heading" }, index.h("stzh-heading", { key: '17392867124c8b5b076723eb1ba04a96182c27b6' }, this.heading)), index.h("div", { key: 'cc8e08ec1813235a8b96d17192b88ad94d5d6459', class: "stzh-http-error__description" }, index.h("stzh-text", { key: '6b2208ccf493949b32146ed796e60ff6364707e9' }, this.description)), index.h("div", { key: '50280edc8c034014eaa4c015d471e6e720dcb14b', class: "stzh-http-error__actions", role: "group" }, index.h("stzh-buttongroup", { key: '1a7805f341ced7b4e12ffbe112ad78f730ac6dba' }, window.history.length > 1 && (index.h("stzh-button", { key: '486772c71b230e6ad9ebdef3d99ad4705036d9ca', variant: "secondary", onStzhClick: this.goBack }, this.localization.labelBack)), index.h("stzh-button", { key: '28eae2eec9e8a841478b1a8e7ba087138d2da83b', variant: "default", href: this.hrefStart }, this.localization.labelStart))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3011,18 +3011,18 @@ const StzhIframe = class {
         const classes = {
             "stzh-iframe": true,
         };
-        return (index.h(index.Host, { key: '9ed7e44c9ab8faaed83d08214093ef245c169fe7' }, index.h("div", { key: '88ce18b35e92bd12ebc614927caa47dadf6bf653', class: classes }, this.view === "iframe" && (index.h("iframe", { key: '5bf65a4436735bec12cc6ba79b14543b8141de26', id: this.iframeId, name: this.name, sandbox: this.sandbox, referrerPolicy: this.referrerpolicy, width: this.width, height: this.height, ref: el => (this.iframeElement = el), class: "stzh-iframe__iframe", src: this._src, allow: this.allow, onLoad: this.handleIframeLoad }, this.iframeErrorText)), index.h("button", { key: 'd1f7df9e1441d3ffe4668f88115db799ff6ee5ba', ref: el => (this.previewButtonElement = el), onClick: this.handlePreviewClick, "aria-label": this.previewLabel || this.localization.defaultPreviewLabel,
+        return (index.h(index.Host, { key: '83905f1eb3b93e49bacb5a1651b1d48efaf71cee' }, index.h("div", { key: '11e20e2e73c93e45748de8f66d2ba5bd26bafadd', class: classes }, this.view === "iframe" && (index.h("iframe", { key: '8f4817abd4dcd8fdd720c976892845b5ca9371bd', id: this.iframeId, name: this.name, sandbox: this.sandbox, referrerPolicy: this.referrerpolicy, width: this.width, height: this.height, ref: el => (this.iframeElement = el), class: "stzh-iframe__iframe", src: this._src, allow: this.allow, onLoad: this.handleIframeLoad }, this.iframeErrorText)), index.h("button", { key: '0d21a7e62b501df91af60573d7359d2ad70802eb', ref: el => (this.previewButtonElement = el), onClick: this.handlePreviewClick, "aria-label": this.previewLabel || this.localization.defaultPreviewLabel,
             // disabled={this.view === "cookiewall"}
             class: {
                 "stzh-iframe__preview": true,
                 "is-visible": this.view === "preview" || this.view === "cookiewall",
-            } }, index.h("div", { key: '569c6bccc9b57f20989f2603e45ef76f8096dc66', class: "stzh-iframe__preview-image-wrapper" }, index.h("slot", { key: '96984a0700ef04fe57d23ef567ef32c3151b76f0', name: "preview-image" })), index.h("div", { key: 'cc86f5eaf4d14c8fd03284d27a3ff6a0df865149', class: "stzh-iframe__preview-logo-wrapper" }, index.h("slot", { key: '00502da738af0adc7a407a092c9bf3f93d91bfa8', name: "preview-logo" })), this.previewIcon && (index.h("div", { key: '5603d0e5a3b32c5415489e4499094ad9bf305886', class: {
+            } }, index.h("div", { key: 'b5f6fa5337569423bb4d6ee4fa1a1d826794c924', class: "stzh-iframe__preview-image-wrapper" }, index.h("slot", { key: 'c9c64cd911e5296437073db4676aff3a60d4d05f', name: "preview-image" })), index.h("div", { key: '13e4dd2d6de1edb0f23ea77674ff192d5d9f4429', class: "stzh-iframe__preview-logo-wrapper" }, index.h("slot", { key: 'a63dd2fea16f88417d3e858f06847ccd8ed81e98', name: "preview-logo" })), this.previewIcon && (index.h("div", { key: '5cc64238a8ce780bab4cbf7bed34b4081ec14eff', class: {
                 "stzh-iframe__preview-run": true,
                 "is-visible": this.view === "preview",
-            } }, index.h("stzh-icon", { key: 'a679760e0be916b22e379480ff0f3db6f6aafef4', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (index.h("div", { key: '4d1a75ca7d40612291fce45815e6097a208bc2c6', class: {
+            } }, index.h("stzh-icon", { key: 'f252b81ed3a4ed6b729e09451e303fdda0a7d73f', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (index.h("div", { key: 'b29d2221b6e714fb176a358d74bcc896dfe51cc6', class: {
                 "stzh-iframe__cookiewall": true,
                 "is-visible": this.view === "cookiewall",
-            } }, index.h("div", { key: 'e93298d5c5c86fcbbb6db9cffc782fa453c92904', class: "stzh-iframe__cookiewall-content" }, index.h("div", { key: 'df77a9e9b7ea5bd920675c12bbebbbcd3919dc73', class: "stzh-iframe__cookiewall-text", id: `${this.internalId}-cookiewall-text` }, this.cookieConfirmText ? this.cookieConfirmText : index.h("slot", { name: "cookiewall-text" })), index.h("stzh-button", { key: '6a00014bcbe7058d7fe4c01089b77dcf8b062bfb', ref: el => (this.confirmButtonElement = el), class: "stzh-iframe__cookiewall-button", size: "small", a11yDescribedby: `${this.internalId}-cookiewall-text`, icon: this.cookieConfirmIcon, label: this.cookieConfirmLabel || this.localization.defaultConfirmLabel, onClick: this.handleCookiewallConfirmClick })), !this.skipPreview && (index.h("button", { key: 'e1d9afd7d8eeae57f8348fe33ec9f3657370899d', class: "stzh-iframe__cookiewall-close", onClick: this.handleCookiewallCloseClick, "aria-label": this.localization.confirmCloseLabel }, index.h("stzh-icon", { key: '7f7ef9518d27d23441514e7bbdc2bdc88015ef81', class: "stzh-iframe__cookiewall-close-icon", name: "close" }))))))));
+            } }, index.h("div", { key: '12332cc3b9f1c02073f50d7fbe5369d39ebbc711', class: "stzh-iframe__cookiewall-content" }, index.h("div", { key: '2de7967ef65747f2ea1364cf4a46ecb8fa62587d', class: "stzh-iframe__cookiewall-text", id: `${this.internalId}-cookiewall-text` }, this.cookieConfirmText ? this.cookieConfirmText : index.h("slot", { name: "cookiewall-text" })), index.h("stzh-button", { key: '6e58db408c546e2a82cef9e2b880511d3b269d3b', ref: el => (this.confirmButtonElement = el), class: "stzh-iframe__cookiewall-button", size: "small", a11yDescribedby: `${this.internalId}-cookiewall-text`, icon: this.cookieConfirmIcon, label: this.cookieConfirmLabel || this.localization.defaultConfirmLabel, onClick: this.handleCookiewallConfirmClick })), !this.skipPreview && (index.h("button", { key: 'b4b57d749651383399baf4d0a7f36cc2110bed79', class: "stzh-iframe__cookiewall-close", onClick: this.handleCookiewallCloseClick, "aria-label": this.localization.confirmCloseLabel }, index.h("stzh-icon", { key: 'badfa065c2ddb75bd6eaca320a28ea36a4943eb1', class: "stzh-iframe__cookiewall-close-icon", name: "close" }))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -36,9 +36,9 @@ const StzhImageComparison = class {
         const classes = {
             "stzh-imagecomparison": true,
         };
-        return (index.h(index.Host, { key: '5ec8b3486d05bcd51dff6597ed4bddb36a017ed1', "aria-roledescription": this.localization.label, style: {
+        return (index.h(index.Host, { key: '80cb3434084cb01fa1ff0a5b4b7e2c0ca6ef87e0', "aria-roledescription": this.localization.label, style: {
                 "--exposure": `${this.value.toString()}%`,
-            } }, index.h("div", { key: 'b399166cc4cd6561cbb8d4ac9a6f0f079fcea0c2', class: classes }, index.h("div", { key: '952d7d757bdb79321c75de42eaa7c3024412ea7e', class: "stzh-imagecomparison__element" }, index.h("slot", { key: '8777dd660b8560e85fe6af28483b1d96851f8649', name: "image-before" }), index.h("slot", { key: '3888e1e7735c0bc7e17976246dc4ca2e5a5e1d43', name: "image-after" }), index.h("label", { key: '6b8a7e171b03fd209802a5aabbf172b883c29767', class: "stzh-imagecomparison__label", "aria-label": this.label || this.localization.label, "aria-describedby": this.a11yDescribedby || null }, index.h("div", { key: '28aef0c39454210025e9c0b01cf6748f7ab547d4', class: "stzh-imagecomparison__slider-icon-wrapper" }, index.h("stzh-icon", { key: 'fa306a72f5cfa93c2e9669ae9c287d3cb3bc7f97', class: "stzh-imagecomparison__slider-icon-left", name: "angle-left" }), index.h("stzh-icon", { key: '0e1704f92d90e62fef416f158eb49e66ac20ccb8', class: "stzh-imagecomparison__slider-icon-right", name: "angle-right" })), index.h("div", { key: '003e717f1e7be16ae23decc09d81f4647effb1a1', class: "stzh-imagecomparison__slider-line" }), index.h("input", { key: 'f77dadd07395dc77b115186894356e607abf3a80', type: "range", class: "stzh-imagecomparison__control", min: "0", max: "100", ref: el => (this.inputElement = el), onInput: this.handleInput })), index.h("div", { key: '61e45cfe31af58c08481f10f0e8817e38dc78a69', class: "stzh-imagecomparison__hint-wrapper" }, index.h("span", { key: '301cd69584463420774b18acc7b5d1d71a3d1fde', class: "stzh-imagecomparison__hint-left" }, this.hintLeft ? this.hintLeft : index.h("slot", { name: "hint-left" })), index.h("span", { key: 'c56ffbc3c1ec832f22026741ca5761eba19fb35a', class: "stzh-imagecomparison__hint-right" }, this.hintRight ? this.hintRight : index.h("slot", { name: "hint-right" })))))));
+            } }, index.h("div", { key: '3684dfdef166ce92d5363f100567099310083352', class: classes }, index.h("div", { key: '2e503ff9c6f517a163cc3497979761c711dd07f9', class: "stzh-imagecomparison__element" }, index.h("slot", { key: '7d8b208d494d2220a00accd7b8254a60070b852c', name: "image-before" }), index.h("slot", { key: '950d97bad8493642ae01c71b9352328cd8ebb22f', name: "image-after" }), index.h("label", { key: '5ab34ea10b71060ee8af6400a21f078be0ee4a91', class: "stzh-imagecomparison__label", "aria-label": this.label || this.localization.label, "aria-describedby": this.a11yDescribedby || null }, index.h("div", { key: 'fb809f6403ae0950444596ac495c63b0e47686ea', class: "stzh-imagecomparison__slider-icon-wrapper" }, index.h("stzh-icon", { key: 'dbaedb469cfe4dcfd5db5d0db2217c26d443cab1', class: "stzh-imagecomparison__slider-icon-left", name: "angle-left" }), index.h("stzh-icon", { key: 'be740e95d75cdcae5a9e6b8ebc1b9c06a14364c2', class: "stzh-imagecomparison__slider-icon-right", name: "angle-right" })), index.h("div", { key: '7926a9fe241177311ec7691a47cb3ba2e9b7fe15', class: "stzh-imagecomparison__slider-line" }), index.h("input", { key: 'c807985805ffa6eeebb8bd3ebccbf057c135a362', type: "range", class: "stzh-imagecomparison__control", min: "0", max: "100", ref: el => (this.inputElement = el), onInput: this.handleInput })), index.h("div", { key: '8e5981a411dbef1b7453d3ca32752c37613fe985', class: "stzh-imagecomparison__hint-wrapper" }, index.h("span", { key: '2b5c4e58b84f29dfd18e9588d7cdf1396e3fc373', class: "stzh-imagecomparison__hint-left" }, this.hintLeft ? this.hintLeft : index.h("slot", { name: "hint-left" })), index.h("span", { key: 'e1299d0ede6f8408098d596476e7ae03d153e446', class: "stzh-imagecomparison__hint-right" }, this.hintRight ? this.hintRight : index.h("slot", { name: "hint-right" })))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -220,15 +220,15 @@ const StzhInput = class {
             [`stzh-input--size-${this.size}`]: !!this.size,
             [`stzh-input--type-${this.type}`]: !!this.type,
         };
-        return (index.h(index.Host, { key: '17df6e3219c089d1791e3533fb099577c892c8c3', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, index.h("div", { key: '55d0301064497397505a75f91ec62b0629e03c18', class: classes }, index.h("label", { key: '3728b2367e14541d4eb9e782af64eeb2d0218047', class: {
+        return (index.h(index.Host, { key: 'c8ff5c6cf276eb2d2d72c5c2bc294a9a77c0ec31', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, index.h("div", { key: 'df948658df21c668ac305a01cdc55b8162a19aec', class: classes }, index.h("label", { key: '9de88ea9e9bf363595a393f80c642c95bb083b18', class: {
                 "stzh-input__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.inputId }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: '306d38c386af56938121ad68567a2f73d04dff7b', class: "stzh-input__marker" }, index.h("span", { key: 'bea49dc3d8ab84702852fa199cf3e9ca1f25be65', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.inputId }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: '8a5b00a3a40572563c50e8151244ebaae7b69c4c', class: "stzh-input__marker" }, index.h("span", { key: '47a7f9eaa1aeb7e3ca6e0998d4e2f87e6c5adc00', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '57de6fba296cf9919913b31ddb2be9b111001649', class: "stzh-input__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '4840d3301f83bfe247e7d4efb33aa5296c642e3d', class: "stzh-input__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), index.h("div", { key: 'a3e047e750630011f3a9ff59689df5f0d25c589f', class: "stzh-input__field-wrapper" }, this.multiline ? this.renderTextarea() : this.renderInput(), this.clearable || this.type === "search" || this.type === "password" ? ((!this.clearable || this.disabled || this.readonly || !this.filled) &&
-            (this.type === "search" || this.type === "password") ? (index.h("stzh-button", { class: "stzh-input__button-right", icon: this.type === "search" ? "search" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly })) : this.filled ? (index.h("stzh-button", { class: "stzh-input__button-right", icon: "close", size: this.size, iconOnly: true, onClick: this.onClearClick, a11yLabel: this.localization.$globals.clearButtonLabel, "aria-controls": this.inputId })) : (index.h("slot", { name: "button-right" }))) : (index.h("slot", { name: "button-right" }))), (errorUsed || this.description) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'da996df70a5143981754de29594b80f4dcc79ca3', classPrefix: "stzh-input", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText)))), index.h("div", { key: '61add2f342230323672b9b4d47e851f4e2ed41c3', class: "stzh-input__field-wrapper" }, this.multiline ? this.renderTextarea() : this.renderInput(), this.clearable || this.type === "search" || this.type === "password" ? ((!this.clearable || this.disabled || this.readonly || !this.filled) &&
+            (this.type === "search" || this.type === "password") ? (index.h("stzh-button", { class: "stzh-input__button-right", icon: this.type === "search" ? "search" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly })) : this.filled ? (index.h("stzh-button", { class: "stzh-input__button-right", icon: "close", size: this.size, iconOnly: true, onClick: this.onClearClick, a11yLabel: this.localization.$globals.clearButtonLabel, "aria-controls": this.inputId })) : (index.h("slot", { name: "button-right" }))) : (index.h("slot", { name: "button-right" }))), (errorUsed || this.description) && (index.h(stzhInputDescription.StzhInputDescription, { key: '94fa5b40af158681ef33b435dec70eb6e667fe99', classPrefix: "stzh-input", 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-invert.cjs.entry.js

@@ -15,7 +15,7 @@ const StzhInvert = class {
         const classes = {
             "stzh-invert": true,
         };
-        return (index.h(index.Host, { key: '4d696348d01af449b42ca1cc0f544fd563e278ba' }, index.h("div", { key: 'c647f905a8fb82b85c714d40d1eacee0fa978e22', class: classes }, index.h("slot", { key: 'a8500497b15e8baca5adb2aaa004f1dc0bf9c80f' }))));
+        return (index.h(index.Host, { key: 'a393766648334c7803571d6595db537bbe45ba29' }, index.h("div", { key: '58c8b5f6ad9b4fa3f12639454e9bc8689c511657', class: classes }, index.h("slot", { key: 'bd80dab5c7c82375b3d1b6208f0246ba23adc76e' }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -132,7 +132,7 @@ const StzhLink = class {
             [`stzh-link--align-${this.textAlign}`]: !!this.textAlign,
             [`stzh-link--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: '6242e0e0c5018dce8128cf8b3b889c70882d2716', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (index.h("a", { ref: el => (this.link = el), href: this.disabled ? null : this.href, download: this.download, rel: this.rel, target: this.target, class: classes, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed))) : (index.h("button", { ref: el => (this.link = el), class: classes, type: this.type, disabled: this.disabled, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed)))));
+        return (index.h(index.Host, { key: '29f51b2b2fab820833afc1569dfc41c0cb0816a8', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (index.h("a", { ref: el => (this.link = el), href: this.disabled ? null : this.href, download: this.download, rel: this.rel, target: this.target, class: classes, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed))) : (index.h("button", { ref: el => (this.link = el), class: classes, type: this.type, disabled: this.disabled, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed)))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-870b4dee.js');
+const utils = require('./utils-0ce5df06.js');
+require('./string-utils-45f764ac.js');
 
 const stzhLinklistCss = ".sc-stzh-linklist-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-linklist-h,[stzh-hidden].sc-stzh-linklist-h{display:none}.sc-stzh-linklist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-linklist-h *.sc-stzh-linklist,.sc-stzh-linklist-h *.sc-stzh-linklist::before,.sc-stzh-linklist-h *.sc-stzh-linklist::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-linklist-h .has-focus.sc-stzh-linklist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-linklist-h .stzh-fylingfocus-focused.sc-stzh-linklist{outline-style:none !important}.sc-stzh-linklist-h .stzh-fylingfocus-focused.sc-stzh-linklist::-moz-focus-inner{border:0 !important}[padding-bottom=false].sc-stzh-linklist-h .stzh-linklist.sc-stzh-linklist{padding-bottom:0}.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-large);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 600px){.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xxsmall);font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}@media screen and (min-width: 600px){.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-linklist__heading.sc-stzh-linklist{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-linklist__heading.sc-stzh-linklist{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-linklist__heading.sc-stzh-linklist{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-linklist__heading.sc-stzh-linklist{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-linklist__heading.sc-stzh-linklist{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--stzh-space-small);overflow:visible}@media screen and (min-width: 600px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-linklist__wrapper.sc-stzh-linklist{row-gap:var(--stzh-space-xsmall)}}";
 const StzhLinklistStyle0 = stzhLinklistCss;
@@ -19,8 +21,10 @@ const StzhLinklist = class {
         const classes = {
             "stzh-linklist": true,
         };
-        return (index.h(index.Host, { key: 'f19b2d717ab47294b13615ebbbd5c287860d5bad', "padding-bottom": this.paddingBottom }, index.h("div", { key: 'fcb8a67146c4a981534b62aba8bb40582172ce1e', class: classes }, index.h("div", { key: '9bf487f10a02a80c419d4f83c882f00010385965', class: "stzh-linklist__wrapper" }, this.heading && (index.h("div", { key: '8dc142caf251cdeddedbc223ddf0994bcc517efd', class: "stzh-linklist__heading" }, index.h("stzh-heading", { key: 'bbae931c073d7834e00a7b636846a5aeb8f79ac9', level: this.headingLevel }, this.heading))), index.h("div", { key: 'cc72af1e813ab35d91c52299024f38a389c6ef54', class: "stzh-linklist__list" }, index.h("stzh-datalist", { key: '3e27fb4f2ed5169cf8cf08a1c09a95080a5d2bb8', verticalGap: "small", items: this.items }))))));
+        const datalistSlotUsed = utils.hasSlot(this.element, "datalist");
+        return (index.h(index.Host, { key: 'e0002b58798035301beca5c368f7c71791f1cefc', "padding-bottom": this.paddingBottom }, index.h("div", { key: '7f12f6c9a26509abee7a89ae92af975e7bb9180c', class: classes }, index.h("div", { key: '7a45aa75e1a7883e0de45fc9b70b0ae832647031', class: "stzh-linklist__wrapper" }, this.heading && (index.h("div", { key: '75c41a5c5ee737913bcbde158a732f1b50a53295', class: "stzh-linklist__heading" }, index.h("stzh-heading", { key: '0ad21942860acaad9084395c9d75346dd117f21d', level: this.headingLevel }, this.heading))), index.h("div", { key: 'd56b413ffb445514a565891e4ed75ff638a9418b', class: "stzh-linklist__list" }, datalistSlotUsed ? (index.h("slot", { name: "datalist" })) : (index.h("stzh-datalist", { verticalGap: "small", items: this.items })))))));
     }
+    get element() { return index.getElement(this); }
 };
 StzhLinklist.style = StzhLinklistStyle0;
 

package/dist/cjs/stzh-linklist.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-linklist.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,m8HAAm8H,CAAC;AAC59H,2BAAe,eAAe;;MCOjB,YAAY;;;;4BAIwC,GAAG;6BAGjC,IAAI;qBAEa,EAAE;;IAEpD,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,eAAe,EAAE,IAAI;SACtB,CAAC;QAEF,QACEA,QAACC,UAAI,uEAAiB,IAAI,CAAC,aAAa,IACtCD,kEAAK,KAAK,EAAE,OAAO,IACjBA,kEAAK,KAAK,EAAC,wBAAwB,IAChC,IAAI,CAAC,OAAO,KACXA,kEAAK,KAAK,EAAE,wBAAwB,IAClCA,2EAAc,KAAK,EAAE,IAAI,CAAC,YAAY,IAAG,IAAI,CAAC,OAAO,CAAgB,CACjE,CACP,EACDA,kEAAK,KAAK,EAAC,qBAAqB,IAC9BA,4EAAe,WAAW,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAkB,CAClE,CACF,CACF,CACD,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/CMS/stzh-linklist/stzh-linklist.scss?tag=stzh-linklist&encapsulation=scoped","src/components/CMS/stzh-linklist/stzh-linklist.tsx"],"sourcesContent":[":host {\n  &[padding-bottom=\"false\"] {\n    .stzh-linklist {\n      padding-bottom: 0;\n    }\n  }\n}\n\n.stzh-linklist {\n  @include spaceCurve(\"padding-bottom\", \"medium\");\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__heading {\n    @include spaceCurve(\"padding-top\", \"small\");\n    @include spaceCurve(\"padding-bottom\", \"tiny\");\n    @include fontSize(\"centi\");\n    @include mq($from: small) {\n      @include fontSize(\"deci\");\n    }\n    @include mq($from: medium) {\n      @include fontSize(\"deca\");\n    }\n    @include mq($from: ultra) {\n      @include fontSize(\"hecto\");\n    }\n  }\n\n  &__wrapper {\n    @include gridGutter;\n    display: grid;\n    row-gap: space(\"small\");\n    @include mq($from: medium) {\n      row-gap: space(\"xsmall\");\n    }\n    overflow: visible;\n  }\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport { StzhDatalistItemEntry } from \"../../..\";\n\n@Component({\n  tag: \"stzh-linklist\",\n  styleUrl: \"stzh-linklist.scss\",\n  scoped: true,\n})\nexport class StzhLinklist {\n  /**Heading for the linklist*/\n  @Prop() heading: string;\n  /** Heading level */\n  @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n  /**Whether the component had a padding-bottom or not\n   */\n  @Prop() paddingBottom: boolean = true;\n  /** The items that should be displayed in the link list */\n  @Prop() items: StzhDatalistItemEntry[] | string = [];\n\n  render() {\n    const classes = {\n      \"stzh-linklist\": true,\n    };\n\n    return (\n      <Host padding-bottom={this.paddingBottom}>\n        <div class={classes}>\n          <div class=\"stzh-linklist__wrapper\">\n            {this.heading && (\n              <div class={\"stzh-linklist__heading\"}>\n                <stzh-heading level={this.headingLevel}>{this.heading}</stzh-heading>\n              </div>\n            )}\n            <div class=\"stzh-linklist__list\">\n              <stzh-datalist verticalGap=\"small\" items={this.items}></stzh-datalist>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-linklist.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,eAAe,GAAG,m8HAAm8H,CAAC;AAC59H,2BAAe,eAAe;;MCWjB,YAAY;;;;4BAIwC,GAAG;6BAGjC,IAAI;qBAEa,EAAE;;IAIpD,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,eAAe,EAAE,IAAI;SACtB,CAAC;QAEF,MAAM,gBAAgB,GAAGA,aAAO,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QAE3D,QACEC,QAACC,UAAI,uEAAiB,IAAI,CAAC,aAAa,IACtCD,kEAAK,KAAK,EAAE,OAAO,IACjBA,kEAAK,KAAK,EAAC,wBAAwB,IAChC,IAAI,CAAC,OAAO,KACXA,kEAAK,KAAK,EAAE,wBAAwB,IAClCA,2EAAc,KAAK,EAAE,IAAI,CAAC,YAAY,IAAG,IAAI,CAAC,OAAO,CAAgB,CACjE,CACP,EACDA,kEAAK,KAAK,EAAC,qBAAqB,IAC7B,gBAAgB,IACfA,kBAAM,IAAI,EAAC,UAAU,GAAG,KAExBA,2BAAe,WAAW,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAkB,CACvE,CACG,CACF,CACF,CACD,EACP;KACH;;;;;;;","names":["hasSlot","h","Host"],"sources":["src/components/CMS/stzh-linklist/stzh-linklist.scss?tag=stzh-linklist&encapsulation=scoped","src/components/CMS/stzh-linklist/stzh-linklist.tsx"],"sourcesContent":[":host {\n  &[padding-bottom=\"false\"] {\n    .stzh-linklist {\n      padding-bottom: 0;\n    }\n  }\n}\n\n.stzh-linklist {\n  @include spaceCurve(\"padding-bottom\", \"medium\");\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__heading {\n    @include spaceCurve(\"padding-top\", \"small\");\n    @include spaceCurve(\"padding-bottom\", \"tiny\");\n    @include fontSize(\"centi\");\n    @include mq($from: small) {\n      @include fontSize(\"deci\");\n    }\n    @include mq($from: medium) {\n      @include fontSize(\"deca\");\n    }\n    @include mq($from: ultra) {\n      @include fontSize(\"hecto\");\n    }\n  }\n\n  &__wrapper {\n    @include gridGutter;\n    display: grid;\n    row-gap: space(\"small\");\n    @include mq($from: medium) {\n      row-gap: space(\"xsmall\");\n    }\n    overflow: visible;\n  }\n}\n","import { Component, h, Host, Element, Prop } from \"@stencil/core\";\nimport { StzhDatalistItemEntry } from \"../../../index\";\nimport { hasSlot } from \"../../../utils/utils\";\n\n/**\n * @slot datalist - Slot for any content\n */\n@Component({\n  tag: \"stzh-linklist\",\n  styleUrl: \"stzh-linklist.scss\",\n  scoped: true,\n})\nexport class StzhLinklist {\n  /**Heading for the linklist*/\n  @Prop() heading: string;\n  /** Heading level */\n  @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n  /**Whether the component had a padding-bottom or not\n   */\n  @Prop() paddingBottom: boolean = true;\n  /** The items that should be displayed in the link list */\n  @Prop() items: StzhDatalistItemEntry[] | string = [];\n\n  @Element() element: HTMLStzhPiPagetitleElement;\n\n  render() {\n    const classes = {\n      \"stzh-linklist\": true,\n    };\n\n    const datalistSlotUsed = hasSlot(this.element, \"datalist\");\n\n    return (\n      <Host padding-bottom={this.paddingBottom}>\n        <div class={classes}>\n          <div class=\"stzh-linklist__wrapper\">\n            {this.heading && (\n              <div class={\"stzh-linklist__heading\"}>\n                <stzh-heading level={this.headingLevel}>{this.heading}</stzh-heading>\n              </div>\n            )}\n            <div class=\"stzh-linklist__list\">\n              {datalistSlotUsed ? (\n                <slot name=\"datalist\" />\n              ) : (\n                <stzh-datalist verticalGap=\"small\" items={this.items}></stzh-datalist>\n              )}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -17,7 +17,7 @@ const StzhList = class {
             "stzh-list": true,
             [`stzh-list--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: 'cab51fa289bbc227c7194a4f13ce48f0c545ad81' }, index.h("div", { key: 'e264dea5d6d6adbe0601149d65a840b9e7b8a2f6', class: classes, role: "list" }, index.h("slot", { key: 'f16515c05d38db80712e8babf923c2726520d3e8' }))));
+        return (index.h(index.Host, { key: 'e1f72d17b9c193f894b672137b8df398ca7a34ac' }, index.h("div", { key: 'e907b513e73be3aef1ef763d880ada9a213e574e', class: classes, role: "list" }, index.h("slot", { key: 'a38331619add2055d7be8e1acd9a4439bcf2b58f' }))));
     }
     get element() { return index.getElement(this); }
 };
@@ -36,7 +36,7 @@ const StzhListItem = class {
         const classes = {
             "stzh-list-item": true,
         };
-        return (index.h(index.Host, { key: '0408ba1c3f18268f6779e82bb452c5a3e66bb442' }, index.h("div", { key: '5a34946519e6575f05485fd81adc554f46d58905', class: classes, role: "listitem" }, index.h("div", { key: '5d9e5a62edcad27328c257a3c5021177be45be37', class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), index.h("div", { key: '324c4d9f3f524db31448989e44aa5be2ae3fc93c', class: "stzh-list-item__text" }, index.h("slot", { key: 'b772e71122b56147bb8be09c6c102e6390f94128' })))));
+        return (index.h(index.Host, { key: 'cc8f75d5b03485807e0c75dc39ca49975abcb941' }, index.h("div", { key: '7067f74a66a901ff08e4b27bd18fb5943ea80446', class: classes, role: "listitem" }, index.h("div", { key: '41686c63c64c44c524ab48619eaf94cfe562466c', class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), index.h("div", { key: '4bab6810ac9a64af5525ef40f0de200faa96c549', class: "stzh-list-item__text" }, index.h("slot", { key: '3d0690094c3356261e6b9dbe72f09b968a78f7bd' })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -22,7 +22,7 @@ const StzhLoader = class {
             "stzh-loader--hide-label": this.hideLabel,
             [`stzh-loader--size-${this.size}`]: !!this.size,
         };
-        return (index.h(index.Host, { key: 'f928859546fc204dffd6a175cc401ba273697a94' }, index.h("div", { key: 'c52f0e26667791cc815df1cd1902a743fd08a808', class: classes }, index.h("div", { key: '0f41109fc78aba388a9937fd37110dc5e552c909', class: "stzh-loader__wrapper" }, index.h("div", { key: '5b6801fc65c234c806ec388653cd478bc67cf54b', class: "stzh-loader__uil" }, index.h("div", { key: '9c81f56b552c24497fa42070e9d1ed9ae9e9068f', class: "stzh-loader__ib" }, index.h("div", { key: 'abe087c982475e2db41696aad2ad3a4fa2333e91', class: "stzh-loader__circle" }, index.h("div", { key: '029e0669c3449e83bd357d8c853b598cd1c276eb' })), index.h("div", { key: 'c7dcea928580d1feb9f6cbeac36a023f43078e30', class: "stzh-loader__circle" }, index.h("div", { key: '12689365fec09cd690c4b1f2b0e037faabe3da6a' })), index.h("div", { key: 'a541381378c9b6563d7c2def5f79a5015e6f84a6', class: "stzh-loader__circle" }, index.h("div", { key: '3d33858a510240f5020309dfd49ee5bec1706bff' })), index.h("div", { key: '7be2a01f27fa9588ad07ed544d9f982fae524018', class: "stzh-loader__circle" }, index.h("div", { key: 'd164fd797d4dc3f455d542b476c06b6540169947' }))))), index.h("div", { key: '195321648428d3c9712c6b2eb9b524c9a75f1823', class: "stzh-loader__label", "aria-live": "polite" }, this.label ? this.label : index.h("slot", null)))));
+        return (index.h(index.Host, { key: 'e4be8b305cacbb7c94d99e0a633578f861ae46a1' }, index.h("div", { key: 'ea941dfff47d06269869d2cb0471cde31cf4ea4e', class: classes }, index.h("div", { key: '91501bfb80534118082f07465cf8fcd08cb33462', class: "stzh-loader__wrapper" }, index.h("div", { key: '750eb95702b1ee4006ccc9941ebdaaf135ed5c53', class: "stzh-loader__uil" }, index.h("div", { key: 'd9957970e031a06556420db09ea829979dd53a26', class: "stzh-loader__ib" }, index.h("div", { key: '6bc6d7f7f9012f291c481170d1eaf8516e774754', class: "stzh-loader__circle" }, index.h("div", { key: 'da200f7f69e0f6b1ba674e4efd0128bf7b4aba0c' })), index.h("div", { key: 'e9eaf6c00ded17736cae7988ab2e76f22bd04522', class: "stzh-loader__circle" }, index.h("div", { key: '5249638089aa283d5d0fde2a8fdcadd27467d36e' })), index.h("div", { key: '3346b50d81a34ac6f9e911d78eb756eae7ccb46f', class: "stzh-loader__circle" }, index.h("div", { key: 'cb141ee1980633ff9dbd19687ee4cc4466522091' })), index.h("div", { key: 'b8e05008bd1cee35bf3e43c6fa5a43e52f6996c1', class: "stzh-loader__circle" }, index.h("div", { key: 'fac4f0d612d75c09aae7c9608cdc1a4a4a4e26e4' }))))), index.h("div", { key: '737ae0a862da0e46f31cdec2a3b63c67013e0efc', class: "stzh-loader__label", "aria-live": "polite" }, this.label ? this.label : index.h("slot", null)))));
     }
     get element() { return index.getElement(this); }
 };
@@ -54,10 +54,10 @@ const StzhOverlay = class {
         });
     }
     getSiblings() {
-        if (!this.parentElement) {
+        if (!this.containerElement) {
             return [];
         }
-        return Array.from(this.parentElement.children).filter(child => child !== this.element);
+        return Array.from(this.containerElement.children).filter(child => child !== this.element);
     }
     disableSiblings() {
         this.getSiblings().forEach(sibling => {
@@ -87,7 +87,7 @@ const StzhOverlay = class {
         if (!this.stay && this.element.parentElement !== document.body) {
             document.body.appendChild(this.element);
         }
-        this.parentElement = this.element.parentElement;
+        this.containerElement = this.element.parentElement;
     }
     componentDidRender() {
         this.open ? this.dialogShown() : this.dialogHidden();
@@ -109,7 +109,7 @@ const StzhOverlay = class {
             "stzh-overlay": true,
             "stzh-overlay--is-open": this.open,
         };
-        return (index.h(index.Host, { key: 'c148ee174114e804d4d3c9072ee33dc48f0a8979' }, index.h("div", { key: '5cdad3816a30c501023929a7d5b012ca2b7ac29b', class: classes }, index.h("div", { key: '91a4c1706f8ab761efbeacb1bf677e0f6fe955fd', class: "stzh-overlay__backdrop" }), index.h("div", { key: 'b9de6d532deeb66bcde5c8320609e6dde3d5f793', class: "stzh-overlay__content" }, index.h("div", { key: 'a07584a8f910017ba3f8b1e8de9250726bf2f41e', class: "stzh-overlay__content-inner", ref: el => (this.dialogElement = el), tabindex: "-1", role: "dialog", "aria-label": this.a11yLabel || null, "aria-hidden": this.open ? "false" : "true" }, index.h("slot", { key: 'cc2c369527c89cfbd1632f277af198b0ec4e2642' }))))));
+        return (index.h(index.Host, { key: 'ecf12312007b68fc63a119117f11773731dbcb6e' }, index.h("div", { key: '4b84acbf2340b2f7bfbbe8930cad0179ba50c54c', class: classes }, index.h("div", { key: '6120e6e784d08c0028d2762f879399298bd8bf4d', class: "stzh-overlay__backdrop" }), index.h("div", { key: '5938b8f6a6a4e159779b7f80fca9da33cce4127e', class: "stzh-overlay__content" }, index.h("div", { key: 'e9179f65a210c8ad28edffa0b41cc4d36e4570a8', class: "stzh-overlay__content-inner", ref: el => (this.dialogElement = el), tabindex: "-1", role: "dialog", "aria-label": this.a11yLabel || null, "aria-hidden": this.open ? "false" : "true" }, index.h("slot", { key: '60a991f14946a9349ca71f0e8cdda9c37d8a1e6d' }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-loader_2.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-loader.stzh-overlay.entry.cjs.js","mappings":"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","names":["h","Host","createFocusTrap","createBaseFocusTrapOptions"],"sources":["src/components/stzh-loader/stzh-loader.scss?tag=stzh-loader&encapsulation=scoped","src/components/stzh-loader/stzh-loader.tsx","src/components/stzh-overlay/stzh-overlay.scss?tag=stzh-overlay&encapsulation=scoped","src/components/stzh-overlay/stzh-overlay.tsx"],"sourcesContent":[":host {\n}\n\n@keyframes stzh-loader {\n  0% {\n    transform: scale(0);\n    left: 0px;\n    opacity: 1;\n  }\n  12.5% {\n    transform: scale(1);\n  }\n  25% {\n    left: 0px;\n  }\n  37.5% {\n    left: 70px;\n  }\n  50% {\n    left: 70px;\n  }\n  62.5% {\n    left: 140px;\n  }\n  75% {\n    left: 140px;\n    transform: scale(1);\n  }\n  87.5% {\n    left: 140px;\n    transform: scale(0);\n    opacity: 1;\n  }\n  100% {\n    left: 140px;\n    opacity: 0;\n  }\n}\n\n.stzh-loader {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  &__label {\n    @include fontSize(\"micro\");\n    text-align: center;\n\n    &:not(:empty) {\n      margin-top: space(\"medium\");\n    }\n  }\n\n  &__wrapper {\n    width: calc(200px / $loaderFactor);\n    height: calc(40px / $loaderFactor);\n  }\n\n  &__uil {\n    background: none;\n    position: relative;\n    width: 200px;\n    height: 40px;\n    transform: scale($loaderScale);\n    transform-origin: top left;\n  }\n\n  &__ib {\n    width: 100%;\n    height: 100%;\n    transform: rotate(0deg);\n  }\n\n  &__circle {\n    width: 60px;\n    height: 40px;\n    position: absolute;\n    opacity: 0;\n    text-align: center;\n    animation: stzh-loader 3s linear infinite;\n\n    & > div {\n      width: 40px;\n      height: 40px;\n      border-radius: 20px;\n      margin: 0 10px;\n    }\n\n    &:nth-of-type(2n + 1) > div {\n      background: #0f05a0;\n    }\n\n    &:nth-of-type(2n) > div {\n      background: #0f05a0;\n    }\n\n    &:nth-of-type(1) {\n      animation-delay: 0s;\n    }\n\n    &:nth-of-type(2) {\n      animation-delay: 0.75s;\n    }\n\n    &:nth-of-type(3) {\n      animation-delay: 1.5s;\n    }\n\n    &:nth-of-type(4) {\n      animation-delay: 2.25s;\n    }\n  }\n\n  /* Small variant */\n\n  &--size-small &__label {\n    @include fontSize(\"pico\");\n\n    &:not(:empty) {\n      margin-top: space(\"xsmall\");\n    }\n  }\n\n  &--size-small &__wrapper {\n    width: calc(200px / $loaderFactor * $loaderSmallFactor);\n    height: calc(40px / $loaderFactor * $loaderSmallFactor);\n  }\n\n  &--size-small &__uil {\n    transform: scale($loaderScale * $loaderSmallFactor);\n  }\n\n  /* Hide label */\n\n  &--hide-label &__label {\n    @include visuallyhidden;\n  }\n}\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\n\n/**\n * @slot - Slot for label/text content\n */\n@Component({\n  tag: \"stzh-loader\",\n  styleUrl: \"stzh-loader.scss\",\n  scoped: true,\n})\nexport class StzhLoader {\n  /** Size */\n  @Prop() size: \"default\" | \"small\" = \"default\";\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Hide label text visually (still anounced for screenreaders) */\n  @Prop() hideLabel: boolean = false;\n\n  @Element() element: HTMLStzhInputElement;\n\n  render() {\n    const classes = {\n      \"stzh-loader\": true,\n      \"stzh-loader--hide-label\": this.hideLabel,\n      [`stzh-loader--size-${this.size}`]: !!this.size,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-loader__wrapper\">\n            <div class=\"stzh-loader__uil\">\n              <div class=\"stzh-loader__ib\">\n                <div class=\"stzh-loader__circle\">\n                  <div></div>\n                </div>\n                <div class=\"stzh-loader__circle\">\n                  <div></div>\n                </div>\n                <div class=\"stzh-loader__circle\">\n                  <div></div>\n                </div>\n                <div class=\"stzh-loader__circle\">\n                  <div></div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"stzh-loader__label\" aria-live=\"polite\">\n            {this.label ? this.label : <slot></slot>}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","/**\n * @prop --backdrop-opacity: Opacity of overlay backdrop\n * @prop --backdrop-background-color: Background color of overlay backdrop\n *\n * @prop --stzh-overlay-backdrop-opacity: **Global**: Opacity of backdrops\n * @prop --stzh-overlay-backdrop-background-color: **Global**: Background color of backdrops\n */\n\n:host {\n  --backdrop-opacity: #{$overlayBackdropOpacity};\n  --backdrop-background-color: #{$overlayBackdropBackgroundColor};\n}\n\n.stzh-overlay {\n  display: none;\n  z-index: $zIndexOverlay;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  justify-content: stretch;\n  align-items: stretch;\n\n  &__backdrop {\n    z-index: 1;\n    background-color: var(--backdrop-background-color);\n    opacity: var(--backdrop-opacity);\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &__content {\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: relative;\n    flex-grow: 1;\n    overflow: auto;\n  }\n\n  &__content-inner {\n    // center content vertically\n    margin-top: auto;\n    margin-bottom: auto;\n    outline: none;\n  }\n\n  &--is-open {\n    display: flex;\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Method, Element } from \"@stencil/core\";\n\nimport { StzhOverlayOpenEvent, StzhOverlayCloseEvent } from \"../../index\";\n\nimport { createBaseFocusTrapOptions } from \"../../utils/overlay-utils\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\n\nconst CLASS_BODY_OPEN = \"stzh-overlay-open\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-overlay\",\n  styleUrl: \"stzh-overlay.scss\",\n  scoped: true,\n})\nexport class StzhOverlay {\n  /** Whether overlay is open */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  /** Stay in original position (true) or move to body (false) */\n  @Prop() stay: boolean = true;\n\n  /** Accessible label for dialog */\n  @Prop({ attribute: \"a11y-label\" }) a11yLabel: string = \"\";\n\n  /** Dialog open event */\n  @Event() stzhOpen: EventEmitter<StzhOverlayOpenEvent>;\n\n  /** Dialog close event */\n  @Event() stzhClose: EventEmitter<StzhOverlayCloseEvent>;\n\n  @Element() element: HTMLStzhOverlayElement;\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-overlay\",\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-overlay\",\n    });\n  }\n\n  private trap: FocusTrap;\n  private parentElement: HTMLElement;\n  private dialogElement: HTMLDivElement;\n\n  private getSiblings() {\n    if (!this.parentElement) {\n      return [];\n    }\n\n    return Array.from(this.parentElement.children).filter(child => child !== this.element);\n  }\n\n  private disableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.setAttribute(\"aria-hidden\", \"true\");\n    });\n  }\n\n  private enableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.removeAttribute(\"aria-hidden\");\n    });\n  }\n\n  private dialogShown() {\n    document.body.classList.add(CLASS_BODY_OPEN);\n    this.disableSiblings();\n\n    if (this.trap) {\n      this.trap.activate();\n    }\n  }\n\n  private dialogHidden() {\n    document.body.classList.remove(CLASS_BODY_OPEN);\n    this.enableSiblings();\n\n    if (this.trap) {\n      this.trap.deactivate();\n    }\n  }\n\n  connectedCallback() {\n    if (!this.stay && this.element.parentElement !== document.body) {\n      document.body.appendChild(this.element);\n    }\n\n    this.parentElement = this.element.parentElement;\n  }\n\n  componentDidRender() {\n    this.open ? this.dialogShown() : this.dialogHidden();\n  }\n\n  componentDidUpdate() {\n    this.trap.updateContainerElements(this.element);\n  }\n\n  componentDidLoad() {\n    this.trap = createFocusTrap(this.element, {\n      fallbackFocus: this.dialogElement,\n      ...createBaseFocusTrapOptions(),\n    });\n\n    if (this.open) {\n      this.dialogShown();\n    }\n  }\n\n  disconnectedCallback() {\n    this.dialogHidden();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-overlay\": true,\n      \"stzh-overlay--is-open\": this.open,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-overlay__backdrop\"></div>\n          <div class=\"stzh-overlay__content\">\n            <div\n              class=\"stzh-overlay__content-inner\"\n              ref={el => (this.dialogElement = el as HTMLDivElement)}\n              tabindex=\"-1\"\n              role=\"dialog\"\n              aria-label={this.a11yLabel || null}\n              aria-hidden={this.open ? \"false\" : \"true\"}\n            >\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-loader.stzh-overlay.entry.cjs.js","mappings":"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","names":["h","Host","createFocusTrap","createBaseFocusTrapOptions"],"sources":["src/components/stzh-loader/stzh-loader.scss?tag=stzh-loader&encapsulation=scoped","src/components/stzh-loader/stzh-loader.tsx","src/components/stzh-overlay/stzh-overlay.scss?tag=stzh-overlay&encapsulation=scoped","src/components/stzh-overlay/stzh-overlay.tsx"],"sourcesContent":[":host {\n}\n\n@keyframes stzh-loader {\n  0% {\n    transform: scale(0);\n    left: 0px;\n    opacity: 1;\n  }\n  12.5% {\n    transform: scale(1);\n  }\n  25% {\n    left: 0px;\n  }\n  37.5% {\n    left: 70px;\n  }\n  50% {\n    left: 70px;\n  }\n  62.5% {\n    left: 140px;\n  }\n  75% {\n    left: 140px;\n    transform: scale(1);\n  }\n  87.5% {\n    left: 140px;\n    transform: scale(0);\n    opacity: 1;\n  }\n  100% {\n    left: 140px;\n    opacity: 0;\n  }\n}\n\n.stzh-loader {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  &__label {\n    @include fontSize(\"micro\");\n    text-align: center;\n\n    &:not(:empty) {\n      margin-top: space(\"medium\");\n    }\n  }\n\n  &__wrapper {\n    width: calc(200px / $loaderFactor);\n    height: calc(40px / $loaderFactor);\n  }\n\n  &__uil {\n    background: none;\n    position: relative;\n    width: 200px;\n    height: 40px;\n    transform: scale($loaderScale);\n    transform-origin: top left;\n  }\n\n  &__ib {\n    width: 100%;\n    height: 100%;\n    transform: rotate(0deg);\n  }\n\n  &__circle {\n    width: 60px;\n    height: 40px;\n    position: absolute;\n    opacity: 0;\n    text-align: center;\n    animation: stzh-loader 3s linear infinite;\n\n    & > div {\n      width: 40px;\n      height: 40px;\n      border-radius: 20px;\n      margin: 0 10px;\n    }\n\n    &:nth-of-type(2n + 1) > div {\n      background: #0f05a0;\n    }\n\n    &:nth-of-type(2n) > div {\n      background: #0f05a0;\n    }\n\n    &:nth-of-type(1) {\n      animation-delay: 0s;\n    }\n\n    &:nth-of-type(2) {\n      animation-delay: 0.75s;\n    }\n\n    &:nth-of-type(3) {\n      animation-delay: 1.5s;\n    }\n\n    &:nth-of-type(4) {\n      animation-delay: 2.25s;\n    }\n  }\n\n  /* Small variant */\n\n  &--size-small &__label {\n    @include fontSize(\"pico\");\n\n    &:not(:empty) {\n      margin-top: space(\"xsmall\");\n    }\n  }\n\n  &--size-small &__wrapper {\n    width: calc(200px / $loaderFactor * $loaderSmallFactor);\n    height: calc(40px / $loaderFactor * $loaderSmallFactor);\n  }\n\n  &--size-small &__uil {\n    transform: scale($loaderScale * $loaderSmallFactor);\n  }\n\n  /* Hide label */\n\n  &--hide-label &__label {\n    @include visuallyhidden;\n  }\n}\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\n\n/**\n * @slot - Slot for label/text content\n */\n@Component({\n  tag: \"stzh-loader\",\n  styleUrl: \"stzh-loader.scss\",\n  scoped: true,\n})\nexport class StzhLoader {\n  /** Size */\n  @Prop() size: \"default\" | \"small\" = \"default\";\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Hide label text visually (still anounced for screenreaders) */\n  @Prop() hideLabel: boolean = false;\n\n  @Element() element: HTMLStzhInputElement;\n\n  render() {\n    const classes = {\n      \"stzh-loader\": true,\n      \"stzh-loader--hide-label\": this.hideLabel,\n      [`stzh-loader--size-${this.size}`]: !!this.size,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-loader__wrapper\">\n            <div class=\"stzh-loader__uil\">\n              <div class=\"stzh-loader__ib\">\n                <div class=\"stzh-loader__circle\">\n                  <div></div>\n                </div>\n                <div class=\"stzh-loader__circle\">\n                  <div></div>\n                </div>\n                <div class=\"stzh-loader__circle\">\n                  <div></div>\n                </div>\n                <div class=\"stzh-loader__circle\">\n                  <div></div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"stzh-loader__label\" aria-live=\"polite\">\n            {this.label ? this.label : <slot></slot>}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","/**\n * @prop --backdrop-opacity: Opacity of overlay backdrop\n * @prop --backdrop-background-color: Background color of overlay backdrop\n *\n * @prop --stzh-overlay-backdrop-opacity: **Global**: Opacity of backdrops\n * @prop --stzh-overlay-backdrop-background-color: **Global**: Background color of backdrops\n */\n\n:host {\n  --backdrop-opacity: #{$overlayBackdropOpacity};\n  --backdrop-background-color: #{$overlayBackdropBackgroundColor};\n}\n\n.stzh-overlay {\n  display: none;\n  z-index: $zIndexOverlay;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  justify-content: stretch;\n  align-items: stretch;\n\n  &__backdrop {\n    z-index: 1;\n    background-color: var(--backdrop-background-color);\n    opacity: var(--backdrop-opacity);\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &__content {\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: relative;\n    flex-grow: 1;\n    overflow: auto;\n  }\n\n  &__content-inner {\n    // center content vertically\n    margin-top: auto;\n    margin-bottom: auto;\n    outline: none;\n  }\n\n  &--is-open {\n    display: flex;\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Method, Element } from \"@stencil/core\";\n\nimport { StzhOverlayOpenEvent, StzhOverlayCloseEvent } from \"../../index\";\n\nimport { createBaseFocusTrapOptions } from \"../../utils/overlay-utils\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\n\nconst CLASS_BODY_OPEN = \"stzh-overlay-open\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-overlay\",\n  styleUrl: \"stzh-overlay.scss\",\n  scoped: true,\n})\nexport class StzhOverlay {\n  /** Whether overlay is open */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  /** Stay in original position (true) or move to body (false) */\n  @Prop() stay: boolean = true;\n\n  /** Accessible label for dialog */\n  @Prop({ attribute: \"a11y-label\" }) a11yLabel: string = \"\";\n\n  /** Dialog open event */\n  @Event() stzhOpen: EventEmitter<StzhOverlayOpenEvent>;\n\n  /** Dialog close event */\n  @Event() stzhClose: EventEmitter<StzhOverlayCloseEvent>;\n\n  @Element() element: HTMLStzhOverlayElement;\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-overlay\",\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-overlay\",\n    });\n  }\n\n  private trap: FocusTrap;\n  private containerElement: HTMLElement;\n  private dialogElement: HTMLDivElement;\n\n  private getSiblings() {\n    if (!this.containerElement) {\n      return [];\n    }\n\n    return Array.from(this.containerElement.children).filter(child => child !== this.element);\n  }\n\n  private disableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.setAttribute(\"aria-hidden\", \"true\");\n    });\n  }\n\n  private enableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.removeAttribute(\"aria-hidden\");\n    });\n  }\n\n  private dialogShown() {\n    document.body.classList.add(CLASS_BODY_OPEN);\n    this.disableSiblings();\n\n    if (this.trap) {\n      this.trap.activate();\n    }\n  }\n\n  private dialogHidden() {\n    document.body.classList.remove(CLASS_BODY_OPEN);\n    this.enableSiblings();\n\n    if (this.trap) {\n      this.trap.deactivate();\n    }\n  }\n\n  connectedCallback() {\n    if (!this.stay && this.element.parentElement !== document.body) {\n      document.body.appendChild(this.element);\n    }\n\n    this.containerElement = this.element.parentElement;\n  }\n\n  componentDidRender() {\n    this.open ? this.dialogShown() : this.dialogHidden();\n  }\n\n  componentDidUpdate() {\n    this.trap.updateContainerElements(this.element);\n  }\n\n  componentDidLoad() {\n    this.trap = createFocusTrap(this.element, {\n      fallbackFocus: this.dialogElement,\n      ...createBaseFocusTrapOptions(),\n    });\n\n    if (this.open) {\n      this.dialogShown();\n    }\n  }\n\n  disconnectedCallback() {\n    this.dialogHidden();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-overlay\": true,\n      \"stzh-overlay--is-open\": this.open,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-overlay__backdrop\"></div>\n          <div class=\"stzh-overlay__content\">\n            <div\n              class=\"stzh-overlay__content-inner\"\n              ref={el => (this.dialogElement = el as HTMLDivElement)}\n              tabindex=\"-1\"\n              role=\"dialog\"\n              aria-label={this.a11yLabel || null}\n              aria-hidden={this.open ? \"false\" : \"true\"}\n            >\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -18,7 +18,7 @@ const StzhLoadingbar = class {
         const classes = {
             "stzh-loadingbar": true,
         };
-        return (index.h(index.Host, { key: '618c7387e09df768a28d68091e7f98839f6ebc42' }, index.h("div", { key: '751320265f35099e110ac3dccc86c6ff00419c16', class: classes }, index.h("div", { key: '18b44163ea2c8d8a76aee80ed3f7b1ca6b196099', class: "stzh-loadingbar__text" }, this.label && index.h("div", { key: '1ae9c5fda3e838309ab595b39e602058e2914496', class: "stzh-loadingbar__label" }, this.label), !this.hidePercent && index.h("div", { key: 'ce8339abb37ce97317536f9b01ce44186f77d427', class: "stzh-loadingbar__percent" }, this.percent, "%")), index.h("div", { key: 'ca315ba421844e27f635691f6444c64c8813ed78', class: "stzh-loadingbar__bar" }, index.h("div", { key: '7f6fd7e37dfa226f4a0d9493e673255b70d93a85', class: "stzh-loadingbar__bar-inner", style: {
+        return (index.h(index.Host, { key: '9fb83f0f84b7e1122988fc7162c2584032b49a5e' }, index.h("div", { key: 'cd8277406c62d6b826a8f41bf715baac63112d53', class: classes }, index.h("div", { key: '601f773df756d7417af0754f789a1f61c4e72459', class: "stzh-loadingbar__text" }, this.label && index.h("div", { key: 'a5f79009f2ba53f2f37a615904e9555318f78eb6', class: "stzh-loadingbar__label" }, this.label), !this.hidePercent && index.h("div", { key: 'dfc1528fc85ab9f2af4400ab642dee701b49e94a', class: "stzh-loadingbar__percent" }, this.percent, "%")), index.h("div", { key: '0b2bc12a02edafb60196fb54751ea7cad393fb9e', class: "stzh-loadingbar__bar" }, index.h("div", { key: '85b2417ce3f93ddde727d6dd10d76d9dc12fa953', class: "stzh-loadingbar__bar-inner", style: {
                 width: `${this.percent}%`,
             } })))));
     }