@oiz/stzh-components 4.12.2 → 4.13.0-beta1

package/dist/components/stzh-footer.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, F as Fragment, e as Host, t as transformTag } from './p-BBg6OWDc.js';
+import { p as proxyCustomElement, H, h, F as Fragment, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 import { s as setPropsIfNull, h as hasSlot } from './p-DBHUqFOB.js';
-import { d as defineCustomElement$4 } from './p-DEfzwFSm.js';
-import { d as defineCustomElement$3 } from './p-CRo_30JG.js';
-import { d as defineCustomElement$2 } from './p-DrLVNdlm.js';
+import { d as defineCustomElement$4 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$3 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$2 } from './p-CxqE2nhG.js';
 
 const stzhFooterCss = () => `:host{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}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-footer{--background-color:var(
     --stzh-footer-background-color,
@@ -10,7 +10,7 @@ const stzhFooterCss = () => `:host{font-family:var(--stzh-font-family-medium);fo
   );--background-color-menu:var(
     --stzh-footer-background-color-menu,
     var(--stzh-color-primary80)
-  )}@media print{stzh-footer{display:none}}.stzh-footer{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}.stzh-footer[hidden],.stzh-footer[stzh-hidden]{display:none}.stzh-footer::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.stzh-footer *,.stzh-footer *::before,.stzh-footer *::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)}.stzh-footer{}.stzh-footer .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-footer .stzh-fylingfocus-focused{outline-style:none !important}.stzh-footer .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);background-color:var(--background-color);--stzh-flyingfocus-color:var(--stzh-color-white);--stzh-base-color:var(--stzh-color-white70op);--stzh-link-color:var(--stzh-color-white70op);--stzh-link-hover-color:var(--stzh-color-white);--stzh-link-text-decoration-line:none;--stzh-link-hover-text-decoration-line:none}.stzh-footer [slot=logo],.stzh-footer [slot=logo] img{display:block;height:2.375rem}.stzh-footer [slot=info]{margin:0}@media (forced-colors: active){.stzh-footer__bottom-bar{border-top:0.125rem solid CanvasText}}.stzh-footer__bottom-bar-inner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-footer__bottom-bar-inner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__bottom-bar-inner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__bottom-bar-inner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__bottom-bar-inner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-footer__bottom-bar-inner{padding:var(--stzh-space-xlarge) 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-footer__bottom-bar-inner{flex-direction:row;align-items:center;justify-content:space-between}}.stzh-footer__menu{background-color:var(--background-color-menu)}@media (forced-colors: active){.stzh-footer__menu:not(:has(.stzh-footer__menu-inner:empty)){border-top:0.125rem solid CanvasText}}.stzh-footer__menu-inner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-footer__menu-inner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__menu-inner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__menu-inner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__menu-inner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-footer__menu-inner{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);display:flex;flex-direction:column;align-items:flex-start;padding:var(--stzh-space-xxlarge) 0;--stzh-link-height:2.75rem}.stzh-footer__menu-inner:empty,.stzh-footer__logo:empty,.stzh-footer__info:empty,.stzh-footer__links:empty{display:none}.stzh-footer__copyright-wrapper{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;flex-direction:column;gap:var(--stzh-space-medium);color:var(--stzh-color-white)}@media screen and (min-width: 900px){.stzh-footer__copyright-wrapper{gap:var(--stzh-space-large);margin-right:auto}}.stzh-footer__copyright{display:flex;align-items:center;height:2.75rem}.stzh-footer__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-large)}.stzh-footer__links{--stzh-link-height:2.75rem}@media screen and (min-width: 900px){.stzh-footer__links{margin-left:auto}}.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width: 600px){.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){flex-direction:row;align-items:center;gap:var(--stzh-space-large)}}.stzh-footer{}@media screen and (min-width: 900px){.stzh-footer--has-logo .stzh-footer__bottom-bar-inner,.stzh-footer--has-info .stzh-footer__bottom-bar-inner{align-items:flex-start}}`;
+  )}@media print{stzh-footer{display:none}}.stzh-footer{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}.stzh-footer[hidden],.stzh-footer[stzh-hidden]{display:none}.stzh-footer::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.stzh-footer *,.stzh-footer *::before,.stzh-footer *::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)}.stzh-footer{}.stzh-footer .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-footer .stzh-fylingfocus-focused{outline-style:none !important}.stzh-footer .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);background-color:var(--background-color);--stzh-flyingfocus-color:var(--stzh-color-white);--stzh-base-color:var(--stzh-color-white70op);--stzh-link-color:var(--stzh-color-white70op);--stzh-link-hover-color:var(--stzh-color-white);--stzh-link-text-decoration-line:none;--stzh-link-hover-text-decoration-line:none}.stzh-footer [slot=logo],.stzh-footer [slot=logo] img{display:block;height:2.375rem}.stzh-footer [slot=info]{margin:0}@media (forced-colors: active){.stzh-footer__bottom-bar{border-top:0.125rem solid CanvasText}}.stzh-footer__bottom-bar-inner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-footer__bottom-bar-inner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__bottom-bar-inner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__bottom-bar-inner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__bottom-bar-inner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-footer__bottom-bar-inner{padding:var(--stzh-space-xlarge) 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-footer__bottom-bar-inner{flex-direction:row;align-items:center;justify-content:space-between}}.stzh-footer__menu{background-color:var(--background-color-menu)}@media (forced-colors: active){.stzh-footer__menu:not(:has(.stzh-footer__menu-inner:empty)){border-top:0.125rem solid CanvasText}}.stzh-footer__menu-inner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-footer__menu-inner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-footer__menu-inner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__menu-inner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-footer__menu-inner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-footer__menu-inner{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);display:flex;flex-direction:column;align-items:flex-start;padding:var(--stzh-space-xxlarge) 0;--stzh-link-height:2.75rem}.stzh-footer__menu-inner:empty,.stzh-footer__logo:empty,.stzh-footer__info:empty,.stzh-footer__links:empty{display:none}.stzh-footer__copyright-wrapper{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;flex-direction:column;gap:var(--stzh-space-medium);color:var(--stzh-color-white)}@media screen and (min-width: 900px){.stzh-footer__copyright-wrapper{gap:var(--stzh-space-large);margin-right:auto}}.stzh-footer__copyright{display:flex;align-items:center;height:2.75rem}.stzh-footer__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--stzh-space-large)}.stzh-footer__links{--stzh-link-height:2.75rem}@media screen and (min-width: 900px){.stzh-footer__links{margin-left:auto}}.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width: 600px){.stzh-footer__links,.stzh-footer slot-fb[name=link]:not([hidden]){flex-direction:row;align-items:center;gap:var(--stzh-space-large)}}.stzh-footer{}@media screen and (min-width: 900px){.stzh-footer--has-logo .stzh-footer__bottom-bar-inner,.stzh-footer--has-info .stzh-footer__bottom-bar-inner{align-items:flex-start}}.stzh-footer{}.stzh-footer--variant-intranet .stzh-footer__bottom-bar,.stzh-footer--variant-intranet .stzh-footer__bottom-bar-inner,.stzh-footer--variant-intranet .stzh-footer__copyright{height:2.5rem;}.stzh-footer--variant-intranet .stzh-footer__bottom-bar-inner{padding:0;gap:0}`;
 
 const StzhFooter$1 = /*@__PURE__*/ proxyCustomElement(class StzhFooter extends H {
     constructor(registerHost) {
@@ -18,7 +18,7 @@ const StzhFooter$1 = /*@__PURE__*/ proxyCustomElement(class StzhFooter extends H
         if (registerHost !== false) {
             this.__registerHost();
         }
-        /** Footer variant */
+        /** Footer variant. Do not use 'intranet' for public applications. */
         this.variant = "default";
         /** Main URL for shortlinks */
         this.mainUrl = "https://www.stadt-zuerich.ch";
@@ -80,19 +80,20 @@ const StzhFooter$1 = /*@__PURE__*/ proxyCustomElement(class StzhFooter extends H
         const menuLinkSlotUsed = hasSlot(this.element, "menu-link");
         const classes = {
             "stzh-footer": true,
+            [`stzh-footer--variant-${this.variant}`]: true,
             "stzh-footer--has-logo": logoSlotUsed,
             "stzh-footer--has-info": infoSlotUsed,
             "stzh-footer--has-links": linkSlotUsed,
             "stzh-footer--has-menu-links": menuLinkSlotUsed,
         };
-        return (h(Host, { key: 'dd174980f36b26537ffef498d4a40ed3ee8729a7' }, h("footer", { key: 'f37238f4e8084fe4e7fda00667af19759868da35', class: classes }, h("div", { key: '9530abc1885a5de4ce67e5cad4d266c8fb0e5cb3', class: "stzh-footer__menu" }, h("div", { key: 'c754617167aeb18bb844328ead962a8820d228d6', class: "stzh-footer__menu-inner" }, h("slot", { key: '3a83011ab4323db04a9c3de0e9df0a032df6d370', name: "menu-link" }))), h("div", { key: '975f8c333c5762fcce70795ee125613fe9de92b7', class: "stzh-footer__bottom-bar" }, h("div", { key: '29886624aef2e362bdaeb604392c71d198382ae9', class: "stzh-footer__bottom-bar-inner" }, h("div", { key: '49cda41331d1c959b52b65d3ee1f2e53e643c0b1', class: "stzh-footer__copyright-wrapper" }, this.copyright && h("div", { key: '57cd48ed7118a5af79c36d0a70e79aaf64d8ef28', class: "stzh-footer__copyright" }, this.copyright), h("div", { key: '0ba39e7e86a962f7033ae9dcab53d89f35bd6b08', class: "stzh-footer__logo" }, h("slot", { key: 'fc9d6bccc3d52838d6265085af1c6f8fdc4b1b2e', name: "logo" }))), h("div", { key: '12ca37ec3a83f3d3240a0650219e09f9e32a2425', class: "stzh-footer__info" }, h("slot", { key: '5de4c1c6fc32657ab6adcfeef6584bf3639f903a', name: "info" })), h("div", { key: '2ee5e687ed75b1554286d62d350d7bed800d62de', class: "stzh-footer__links", role: "list" }, h("slot", { key: 'c1f55c977acac0865b05ae023cc2a8f2eb526455', name: "link" }, this.variant === "egov" && (h(Fragment, { key: 'e4a9ec23f8cf05312fa0377ef0b930b02e81aa9a' }, h("stzh-link", { key: '79cc1587acf8dc49918e7bc0480350c1e86dd69c', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { key: 'b33497e462d1c921888d9543169703f583d1a470', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { key: '35c36a22fd09f44b9cf850eb3d935b5c0df19fd3', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText))))))))));
+        return (h(Host, { key: 'b3c7036d429373be31db20b38f597a1620c43e94' }, h("footer", { key: 'dd4b910b27aec334bc9f38c720d60f669d241fbf', class: classes }, this.variant !== "intranet" && (h("div", { key: 'c55292b97a827b21795f2a188f355a8f887e665c', class: "stzh-footer__menu" }, h("div", { key: 'a2f679884ce5ed79328ecf015797c12a3d817cc2', class: "stzh-footer__menu-inner" }, h("slot", { key: '5ae395a1e1c74e5699253302230799a831134b37', name: "menu-link" })))), h("div", { key: '0ca2fb6c6f3484fcd42e254a04d5e7fa7c171951', class: "stzh-footer__bottom-bar" }, h("div", { key: '96279e6c19dab814a65500688ec8f240ad7d5fb5', class: "stzh-footer__bottom-bar-inner" }, h("div", { key: '490d7ebc98c9ebeb62d31931de2c076bbe846138', class: "stzh-footer__copyright-wrapper" }, this.copyright && h("div", { key: '5de4170a51a058291ae574c9ddf1567bae53c717', class: "stzh-footer__copyright" }, this.copyright), h("div", { key: '8ba72d2b86039c1841e3410af9cf98ad4a47e106', class: "stzh-footer__logo" }, h("slot", { key: '7854a841845a47aa2038c5317e3a55e372420304', name: "logo" }))), h("div", { key: '763b66e3b79863ed3d5b0709782cddc21a4f6ec3', class: "stzh-footer__info" }, h("slot", { key: 'a4717bb459663b7b7a85806817aa12e7aecee8f2', name: "info" })), h("div", { key: '34d1ba90967f971841e209a7cdb973532cdd6e23', class: "stzh-footer__links", role: "list" }, h("slot", { key: '730d440b59148aa03dd37a1a449c5e76942663c2', name: "link" }, this.variant === "egov" && (h(Fragment, { key: '32a667825b1526f7308da1285de125bb8883bb9b' }, h("stzh-link", { key: '863783b34200030a239d97430fbdac7857ad996b', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { key: '90aeae62e0c6aa8b8939c721c1b8be7eb70e25ea', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { key: '4f3d734db975d56fae45fe76523e186676124054', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText))))))))));
     }
     get element() { return this; }
     static get style() { return stzhFooterCss(); }
 }, [260, "stzh-footer", {
         "localization": [16],
         "copyright": [1],
-        "variant": [1],
+        "variant": [513],
         "mainUrl": [1, "main-url"]
     }]);
 function defineCustomElement$1() {

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

@@ -1 +1 @@
-{"file":"stzh-footer.js","mappings":"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","names":["StzhFooter","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-footer/stzh-footer.scss?tag=stzh-footer","src/components/stzh-footer/stzh-footer.tsx"],"sourcesContent":["/**\n * @prop --background-color: Background of footer (lower part)\n * @prop --background-color-menu: Background of footer menu (upper part)\n *\n * @prop --stzh-footer-background-color: **Global**: Background of footer (lower part)\n * @prop --stzh-footer-background-color-menu: **Global**: Background of footer menu (upper part)\n */\n\nstzh-footer {\n  --background-color: var(\n    --stzh-footer-background-color,\n    #{$footerBackgroundColor}\n  );\n  --background-color-menu: var(\n    --stzh-footer-background-color-menu,\n    #{$colorPrimary80}\n  );\n\n  @media print {\n    display: none;\n  }\n}\n\n.stzh-footer {\n  @include host;\n  @include fontSize(\"micro\");\n  background-color: var(--background-color);\n\n  --stzh-flyingfocus-color: #{$colorWhite};\n  --stzh-base-color: #{$colorWhite70op};\n  --stzh-link-color: #{$colorWhite70op};\n  --stzh-link-hover-color: #{$colorWhite};\n  --stzh-link-text-decoration-line: none;\n  --stzh-link-hover-text-decoration-line: none;\n\n  [slot=\"logo\"],\n  [slot=\"logo\"] img {\n    display: block;\n    height: 38px;\n  }\n\n  [slot=\"info\"] {\n    margin: 0;\n  }\n\n  &__bottom-bar {\n    @media (forced-colors: active) {\n      border-top: 2px solid CanvasText;\n    }\n  }\n\n  &__bottom-bar-inner {\n    @include container;\n    padding: space(\"xlarge\") 0;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: space(\"xlarge\");\n\n    @include mq($from: medium) {\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n    }\n  }\n\n  &__menu {\n    background-color: var(--background-color-menu);\n\n    @media (forced-colors: active) {\n      &:not(:has(.stzh-footer__menu-inner:empty)) {\n        border-top: 2px solid CanvasText;\n      }\n    }\n  }\n\n  &__menu-inner {\n    @include container;\n    @include fontSize(\"centi\");\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: space(\"xxlarge\") 0;\n\n    --stzh-link-height: 44px;\n  }\n\n  &__menu-inner,\n  &__logo,\n  &__info,\n  &__links {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__copyright-wrapper {\n    @include fontSize(\"milli\");\n    display: flex;\n    flex-direction: column;\n    gap: space(\"medium\");\n    color: $colorWhite;\n\n    @include mq($from: medium) {\n      gap: space(\"large\");\n      margin-right: auto;\n    }\n  }\n\n  &__copyright {\n    display: flex;\n    align-items: center;\n    height: 44px;\n  }\n\n  &__info {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: space(\"large\");\n  }\n\n  &__links {\n    --stzh-link-height: 44px;\n\n    @include mq($from: medium) {\n      margin-left: auto;\n    }\n  }\n\n  &__links,\n  slot-fb[name=\"link\"]:not([hidden]) {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: small) {\n      flex-direction: row;\n      align-items: center;\n      gap: space(\"large\");\n    }\n  }\n\n  /* Logo or info filled variant */\n\n  &--has-logo &__bottom-bar-inner,\n  &--has-info &__bottom-bar-inner {\n    @include mq($from: medium) {\n      align-items: flex-start;\n    }\n  }\n}\n","import { Component, Host, h, Element, Prop, Fragment } from \"@stencil/core\";\n\nimport { StzhFooterLocalizedText } from \"./stzh-footer.localization\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot menu-link - Slot for menu links (`stzh-link` elements)\n * @slot logo - Slot for logo `img`\n * @slot info - Slot for info content (`stzh-link` or `stzh-text` elements)\n * @slot link - Slot for meta links (`stzh-link` elements)\n */\n@Component({\n  tag: \"stzh-footer\",\n  styleUrl: \"stzh-footer.scss\",\n})\nexport class StzhFooter {\n  /** Translation strings */\n  @Prop() localization: StzhFooterLocalizedText;\n\n  /** Copyright text (will show default copyright string if undefined) */\n  @Prop() copyright: string;\n\n  /** Footer variant */\n  @Prop() variant: \"default\" | \"egov\" = \"default\";\n\n  /** Main URL for shortlinks */\n  @Prop() mainUrl: string = \"https://www.stadt-zuerich.ch\";\n\n  @Element() element: HTMLStzhFooterElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const menuLinks = this.element.querySelectorAll(`stzh-link[slot=\"menu-link\"], [slot=\"menu-link\"] stzh-link`);\n    const links = this.element.querySelectorAll(`stzh-link[slot=\"link\"], [slot=\"link\"] stzh-link`);\n    const infoTexts = this.element.querySelectorAll(`stzh-text[slot=\"info\"], [slot=\"info\"] stzh-text`);\n    const infoLinks = this.element.querySelectorAll(`stzh-link[slot=\"info\"], [slot=\"info\"] stzh-link`);\n\n    menuLinks.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    links.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoLinks.forEach(link => {\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoTexts.forEach(link => {\n      setPropsIfNull(link, {\n        curve: \"none\",\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  async componentWillLoad() {\n    if (typeof this.copyright === \"undefined\") {\n      const currentDate = new Date();\n      this.copyright = `© ${currentDate.getFullYear()} Stadt Zürich`;\n    }\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"footer\");\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const logoSlotUsed = hasSlot(this.element, \"logo\");\n    const infoSlotUsed = hasSlot(this.element, \"info\");\n    const linkSlotUsed = hasSlot(this.element, \"link\");\n    const menuLinkSlotUsed = hasSlot(this.element, \"menu-link\");\n\n    const classes = {\n      \"stzh-footer\": true,\n      \"stzh-footer--has-logo\": logoSlotUsed,\n      \"stzh-footer--has-info\": infoSlotUsed,\n      \"stzh-footer--has-links\": linkSlotUsed,\n      \"stzh-footer--has-menu-links\": menuLinkSlotUsed,\n    };\n\n    return (\n      <Host>\n        <footer class={classes}>\n          <div class=\"stzh-footer__menu\">\n            <div class=\"stzh-footer__menu-inner\">\n              <slot name=\"menu-link\"></slot>\n            </div>\n          </div>\n          <div class=\"stzh-footer__bottom-bar\">\n            <div class=\"stzh-footer__bottom-bar-inner\">\n              <div class=\"stzh-footer__copyright-wrapper\">\n                {this.copyright && <div class=\"stzh-footer__copyright\">{this.copyright}</div>}\n                <div class=\"stzh-footer__logo\">\n                  <slot name=\"logo\"></slot>\n                </div>\n              </div>\n\n              <div class=\"stzh-footer__info\">\n                <slot name=\"info\"></slot>\n              </div>\n\n              <div class=\"stzh-footer__links\" role=\"list\">\n                <slot name=\"link\">\n                  {this.variant === \"egov\" && (\n                    <Fragment>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.legalNoticeUrl}`}\n                      >\n                        {this.localization.legalNoticeText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.imprintUrl}`}\n                      >\n                        {this.localization.imprintText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        class=\"stzh-footer__link\"\n                        target=\"_blank\"\n                        href={`${this.mainUrl}/${this.localization.accessibilityUrl}`}\n                      >\n                        {this.localization.accessibilityText}\n                      </stzh-link>\n                    </Fragment>\n                  )}\n                </slot>\n              </div>\n            </div>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-footer.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC;AAC7B;AACA;AACA;AACA;AACA;AACA,+5JAA+5J,CAAC;;MCUn5JA,YAAU,iBAAAC,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AAJvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAY2B,QAAA,IAAO,CAAA,OAAA,GAAoC,SAAS;;AAGrE,QAAA,IAAO,CAAA,OAAA,GAAW,8BAA8B;AAMhD,QAAA,IAAI,CAAA,IAAA,GAAG,MAAK;YAClB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAA2D,yDAAA,CAAA,CAAC;YAC5G,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAiD,+CAAA,CAAA,CAAC;YAC9F,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAiD,+CAAA,CAAA,CAAC;YAClG,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAiD,+CAAA,CAAA,CAAC;AAElG,YAAA,SAAS,CAAC,OAAO,CAAC,IAAI,IAAG;AACvB,gBAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;gBAErC,cAAc,CAAC,IAAI,EAAE;AACnB,oBAAA,IAAI,EAAE,SAAS;AACO,iBAAA,CAAC;AAC3B,aAAC,CAAC;AAEF,YAAA,KAAK,CAAC,OAAO,CAAC,IAAI,IAAG;AACnB,gBAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;gBAErC,cAAc,CAAC,IAAI,EAAE;AACnB,oBAAA,IAAI,EAAE,SAAS;AACO,iBAAA,CAAC;AAC3B,aAAC,CAAC;AAEF,YAAA,SAAS,CAAC,OAAO,CAAC,IAAI,IAAG;gBACvB,cAAc,CAAC,IAAI,EAAE;AACnB,oBAAA,IAAI,EAAE,SAAS;AACO,iBAAA,CAAC;AAC3B,aAAC,CAAC;AAEF,YAAA,SAAS,CAAC,OAAO,CAAC,IAAI,IAAG;gBACvB,cAAc,CAAC,IAAI,EAAE;AACnB,oBAAA,KAAK,EAAE,MAAM;AACS,iBAAA,CAAC;AAC3B,aAAC,CAAC;AACJ,SAAC;AA4GF;AA1GC,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,IAAI,OAAO,IAAI,CAAC,SAAS,KAAK,WAAW,EAAE;AACzC,YAAA,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE;YAC9B,IAAI,CAAC,SAAS,GAAG,CAAA,EAAA,EAAK,WAAW,CAAC,WAAW,EAAE,CAAA,aAAA,CAAe;;AAGhE,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtB,YAAA,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC;;;IAInG,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,EAAE;QAEX,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/C,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE;AAClC,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,OAAO,EAAE,IAAI;AACd,SAAA,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;;;IAI9B,MAAM,GAAA;QACJ,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;QAClD,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;QAClD,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;QAClD,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC;AAE3D,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,aAAa,EAAE,IAAI;AACnB,YAAA,CAAC,wBAAwB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AAC9C,YAAA,uBAAuB,EAAE,YAAY;AACrC,YAAA,uBAAuB,EAAE,YAAY;AACrC,YAAA,wBAAwB,EAAE,YAAY;AACtC,YAAA,6BAA6B,EAAE,gBAAgB;SAChD;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACnB,IAAI,CAAC,OAAO,KAAK,UAAU,KAC1B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,WAAW,EAAQ,CAAA,CAC1B,CACF,CACP,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACxC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EACxC,IAAI,CAAC,SAAS,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAE,EAAA,IAAI,CAAC,SAAS,CAAO,EAC7E,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAQ,CACrB,CACF,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAQ,CACrB,EAEN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAC,IAAI,EAAC,MAAM,EAAA,EACzC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,EACd,IAAI,CAAC,OAAO,KAAK,MAAM,KACtB,CAAA,CAAC,QAAQ,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACP,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,QAAQ,EACf,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAE,CAAG,EAAA,IAAI,CAAC,OAAO,CAAA,CAAA,EAAI,IAAI,CAAC,YAAY,CAAC,cAAc,CAAE,CAAA,IAE1D,IAAI,CAAC,YAAY,CAAC,eAAe,CACxB,EACZ,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,QAAQ,EACf,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAE,GAAG,IAAI,CAAC,OAAO,CAAI,CAAA,EAAA,IAAI,CAAC,YAAY,CAAC,UAAU,CAAA,CAAE,IAEtD,IAAI,CAAC,YAAY,CAAC,WAAW,CACpB,EACZ,CACE,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,mBAAmB,EACzB,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,CAAG,EAAA,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAAE,EAE5D,EAAA,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAC1B,CACH,CACZ,CACI,CACH,CACF,CACF,CACC,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhFooter","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-footer/stzh-footer.scss?tag=stzh-footer","src/components/stzh-footer/stzh-footer.tsx"],"sourcesContent":["/**\n * @prop --background-color: Background of footer (lower part)\n * @prop --background-color-menu: Background of footer menu (upper part)\n *\n * @prop --stzh-footer-background-color: **Global**: Background of footer (lower part)\n * @prop --stzh-footer-background-color-menu: **Global**: Background of footer menu (upper part)\n */\n\nstzh-footer {\n  --background-color: var(\n    --stzh-footer-background-color,\n    #{$footerBackgroundColor}\n  );\n  --background-color-menu: var(\n    --stzh-footer-background-color-menu,\n    #{$colorPrimary80}\n  );\n\n  @media print {\n    display: none;\n  }\n}\n\n.stzh-footer {\n  @include host;\n  @include fontSize(\"micro\");\n  background-color: var(--background-color);\n\n  --stzh-flyingfocus-color: #{$colorWhite};\n  --stzh-base-color: #{$colorWhite70op};\n  --stzh-link-color: #{$colorWhite70op};\n  --stzh-link-hover-color: #{$colorWhite};\n  --stzh-link-text-decoration-line: none;\n  --stzh-link-hover-text-decoration-line: none;\n\n  [slot=\"logo\"],\n  [slot=\"logo\"] img {\n    display: block;\n    height: 38px;\n  }\n\n  [slot=\"info\"] {\n    margin: 0;\n  }\n\n  &__bottom-bar {\n    @media (forced-colors: active) {\n      border-top: 2px solid CanvasText;\n    }\n  }\n\n  &__bottom-bar-inner {\n    @include container;\n    padding: space(\"xlarge\") 0;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: space(\"xlarge\");\n\n    @include mq($from: medium) {\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n    }\n  }\n\n  &__menu {\n    background-color: var(--background-color-menu);\n\n    @media (forced-colors: active) {\n      &:not(:has(.stzh-footer__menu-inner:empty)) {\n        border-top: 2px solid CanvasText;\n      }\n    }\n  }\n\n  &__menu-inner {\n    @include container;\n    @include fontSize(\"centi\");\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: space(\"xxlarge\") 0;\n\n    --stzh-link-height: 44px;\n  }\n\n  &__menu-inner,\n  &__logo,\n  &__info,\n  &__links {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__copyright-wrapper {\n    @include fontSize(\"milli\");\n    display: flex;\n    flex-direction: column;\n    gap: space(\"medium\");\n    color: $colorWhite;\n\n    @include mq($from: medium) {\n      gap: space(\"large\");\n      margin-right: auto;\n    }\n  }\n\n  &__copyright {\n    display: flex;\n    align-items: center;\n    height: 44px;\n  }\n\n  &__info {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: space(\"large\");\n  }\n\n  &__links {\n    --stzh-link-height: 44px;\n\n    @include mq($from: medium) {\n      margin-left: auto;\n    }\n  }\n\n  &__links,\n  slot-fb[name=\"link\"]:not([hidden]) {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: small) {\n      flex-direction: row;\n      align-items: center;\n      gap: space(\"large\");\n    }\n  }\n\n  /* Logo or info filled variant */\n\n  &--has-logo &__bottom-bar-inner,\n  &--has-info &__bottom-bar-inner {\n    @include mq($from: medium) {\n      align-items: flex-start;\n    }\n  }\n\n  /* variant intranet */\n  &--variant-intranet {\n    .stzh-footer__bottom-bar,\n    .stzh-footer__bottom-bar-inner,\n    .stzh-footer__copyright {\n      height: 40px; /* must be the same in stzh-header[variant=intranet] */\n    }\n\n    .stzh-footer__bottom-bar-inner {\n      padding: 0;\n      gap: 0;\n    }\n  }\n}\n","import { Component, Host, h, Element, Prop, Fragment } from \"@stencil/core\";\n\nimport { StzhFooterLocalizedText } from \"./stzh-footer.localization\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot menu-link - Slot for menu links (`stzh-link` elements)\n * @slot logo - Slot for logo `img`\n * @slot info - Slot for info content (`stzh-link` or `stzh-text` elements)\n * @slot link - Slot for meta links (`stzh-link` elements)\n */\n@Component({\n  tag: \"stzh-footer\",\n  styleUrl: \"stzh-footer.scss\",\n})\nexport class StzhFooter {\n  /** Translation strings */\n  @Prop() localization: StzhFooterLocalizedText;\n\n  /** Copyright text (will show default copyright string if undefined) */\n  @Prop() copyright: string;\n\n  /** Footer variant. Do not use 'intranet' for public applications. */\n  @Prop({ reflect: true }) variant: \"default\" | \"egov\" | \"intranet\" = \"default\";\n\n  /** Main URL for shortlinks */\n  @Prop() mainUrl: string = \"https://www.stadt-zuerich.ch\";\n\n  @Element() element: HTMLStzhFooterElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const menuLinks = this.element.querySelectorAll(`stzh-link[slot=\"menu-link\"], [slot=\"menu-link\"] stzh-link`);\n    const links = this.element.querySelectorAll(`stzh-link[slot=\"link\"], [slot=\"link\"] stzh-link`);\n    const infoTexts = this.element.querySelectorAll(`stzh-text[slot=\"info\"], [slot=\"info\"] stzh-text`);\n    const infoLinks = this.element.querySelectorAll(`stzh-link[slot=\"info\"], [slot=\"info\"] stzh-link`);\n\n    menuLinks.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    links.forEach(link => {\n      link.setAttribute(\"role\", \"listitem\");\n\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoLinks.forEach(link => {\n      setPropsIfNull(link, {\n        size: \"inherit\",\n      } as HTMLStzhLinkElement);\n    });\n\n    infoTexts.forEach(link => {\n      setPropsIfNull(link, {\n        curve: \"none\",\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  async componentWillLoad() {\n    if (typeof this.copyright === \"undefined\") {\n      const currentDate = new Date();\n      this.copyright = `© ${currentDate.getFullYear()} Stadt Zürich`;\n    }\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"footer\");\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const logoSlotUsed = hasSlot(this.element, \"logo\");\n    const infoSlotUsed = hasSlot(this.element, \"info\");\n    const linkSlotUsed = hasSlot(this.element, \"link\");\n    const menuLinkSlotUsed = hasSlot(this.element, \"menu-link\");\n\n    const classes = {\n      \"stzh-footer\": true,\n      [`stzh-footer--variant-${this.variant}`]: true,\n      \"stzh-footer--has-logo\": logoSlotUsed,\n      \"stzh-footer--has-info\": infoSlotUsed,\n      \"stzh-footer--has-links\": linkSlotUsed,\n      \"stzh-footer--has-menu-links\": menuLinkSlotUsed,\n    };\n\n    return (\n      <Host>\n        <footer class={classes}>\n          {this.variant !== \"intranet\" && (\n            <div class=\"stzh-footer__menu\">\n              <div class=\"stzh-footer__menu-inner\">\n                <slot name=\"menu-link\"></slot>\n              </div>\n            </div>\n          )}\n          <div class=\"stzh-footer__bottom-bar\">\n            <div class=\"stzh-footer__bottom-bar-inner\">\n              <div class=\"stzh-footer__copyright-wrapper\">\n                {this.copyright && <div class=\"stzh-footer__copyright\">{this.copyright}</div>}\n                <div class=\"stzh-footer__logo\">\n                  <slot name=\"logo\"></slot>\n                </div>\n              </div>\n\n              <div class=\"stzh-footer__info\">\n                <slot name=\"info\"></slot>\n              </div>\n\n              <div class=\"stzh-footer__links\" role=\"list\">\n                <slot name=\"link\">\n                  {this.variant === \"egov\" && (\n                    <Fragment>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.legalNoticeUrl}`}\n                      >\n                        {this.localization.legalNoticeText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.imprintUrl}`}\n                      >\n                        {this.localization.imprintText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        size=\"inherit\"\n                        class=\"stzh-footer__link\"\n                        target=\"_blank\"\n                        href={`${this.mainUrl}/${this.localization.accessibilityUrl}`}\n                      >\n                        {this.localization.accessibilityText}\n                      </stzh-link>\n                    </Fragment>\n                  )}\n                </slot>\n              </div>\n            </div>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/stzh-gallery.js

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, h, F as Fragment, e as Host, t as transformTag } from './p-BBg6OWDc.js';
-import { d as defineCustomElement$8 } from './p-DEfzwFSm.js';
-import { d as defineCustomElement$7 } from './p-BK6Q89R0.js';
-import { d as defineCustomElement$6 } from './p-CVHui8fR.js';
-import { d as defineCustomElement$5 } from './p-DDAHV4ye.js';
-import { d as defineCustomElement$4 } from './p-SW8QhG6M.js';
-import { d as defineCustomElement$3 } from './p-CRo_30JG.js';
-import { d as defineCustomElement$2 } from './p-AIPoMvau.js';
+import { p as proxyCustomElement, H, h, F as Fragment, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { d as defineCustomElement$8 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$7 } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$6 } from './p-D8P4IANZ.js';
+import { d as defineCustomElement$5 } from './p-D8sqmC0t.js';
+import { d as defineCustomElement$4 } from './p-Div6COxG.js';
+import { d as defineCustomElement$3 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$2 } from './p-DK163sow.js';
 
 /*!
   * PhotoSwipe Lightbox 5.4.4 - https://photoswipe.com
@@ -2753,7 +2753,7 @@ const StzhGallery$1 = /*@__PURE__*/ proxyCustomElement(class StzhGallery extends
             "stzh-gallery": true,
             [`stzh-gallery--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'c56d142664be0738548b0e46b6b543567f04b077' }, h("div", { key: '3c0ab047b99cab6dd2ecea1a3d6d377337be11b5', class: classes }, (this.variant === "single" || (this.variant === "carousel" && this._images.length === 1)) && (h(Fragment, { key: 'bd32e81f9539f3af0aa01631605a830ff9818f74' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (h(Fragment, { key: 'f4251ec4308bee280c6f45eb6a441714aca427a3' }, h("div", { key: '415dade0b9b3f76cfb06f4d000fe895bf0ef1549', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (h("div", { key: '2da9c7017253b2e6fa69306a56d23d8ba9d4c30b', class: "stzh-gallery__list-actions" }, h("stzh-button", { key: 'a62bec7e9b450f3d1a6d737acdd15a67e6cb433f', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (h("stzh-carousel", { key: 'c5003c9f219997795d26e3de06f137bba44b154e', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, h("stzh-ratio", { key: '76074495ec624332afc34b833b74ed054fafa24a', 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 }, h("div", { key: '031f8edb3058b2e64758bac04f8a632487e4864f' }, h("stzh-button", { key: '22c8d76b63c7fbf4bfc0984a2de3e91d02d0e834', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), h("stzh-button", { key: '59f83c2c826c624b765301d00ee8d3162336c33e', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), h("stzh-hspace", { key: '55601f49dd0c2158c28f0bb4179c891c6363ffaf', justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { key: '73a6f3301596f71391a38c108b31b30847dc456b', 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)))), h("slot", { key: 'c3640afa359e92b6df23eb7c33c16e16606870c3' }))));
+        return (h(Host, { key: '79db4c0591593bba912bb189e3c73445d097723c' }, h("div", { key: '4ab5180448b7f51bd6328fcf19f9cc3802dd62f6', class: classes }, (this.variant === "single" || (this.variant === "carousel" && this._images.length === 1)) && (h(Fragment, { key: '7e711e395e30611429138115b1e25fc269be8ecf' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (h(Fragment, { key: '9f19ecc3a436aa0bc9df0399fd0307a73512af0d' }, h("div", { key: '2e7a15e7ee3515569f21f9002fceedb3196d2c35', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (h("div", { key: '0e93cfce56017bd21f92fd991f9437cf2092916d', class: "stzh-gallery__list-actions" }, h("stzh-button", { key: '4a8f74fa2a388c68358b9c9dec1d947cf7e60e51', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (h("stzh-carousel", { key: 'b8f2fcb6127cda653d39fed31659078e8165d214', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, h("stzh-ratio", { key: '4be88f55dd89618e64786bb34bbbd4420b80ad71', 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 }, h("div", { key: '490e6340a67d4e6a61e4b79ca78cdff8b0648aa7' }, h("stzh-button", { key: '588fd8db8788c4f4faeed20a1a31c4bc99889256', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), h("stzh-button", { key: 'c608173b6420d74887e7c9d84bca31967edb54cd', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), h("stzh-hspace", { key: '221916fa84801071b3d8f09409753dc4cfa4090f', justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { key: '9aa6c1e689e1072e05841452aaf6c04649fa3d77', 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)))), h("slot", { key: '5dd4c2684fbd88cc5cc714dd6d6d9cea28091c73' }))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-geo-ref-data.js

@@ -1,29 +1,29 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-BBg6OWDc.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 import { f as flexsearch_bundle_minExports } from './p-PUB8fb5E.js';
 import { m as media, a as addMediaChangeListener, r as removeMediaChangeListener } from './p-CUGRmgip.js';
-import { d as defineCustomElement$o } from './p-BsRNqz_b.js';
-import { d as defineCustomElement$n } from './p-DEfzwFSm.js';
-import { d as defineCustomElement$m } from './p-BK6Q89R0.js';
-import { d as defineCustomElement$l } from './p-Dp2_qh2g.js';
-import { d as defineCustomElement$k } from './p-CPdCE2fo.js';
-import { d as defineCustomElement$j } from './p-D4c33pwr.js';
-import { d as defineCustomElement$i } from './p-BiFb4c_S.js';
-import { d as defineCustomElement$h } from './p-BTNpLREK.js';
-import { d as defineCustomElement$g } from './p-6cYGuE14.js';
-import { d as defineCustomElement$f } from './p-Bg2ganSs.js';
-import { d as defineCustomElement$e } from './p-CRo_30JG.js';
-import { d as defineCustomElement$d } from './p-B44NYxqN.js';
-import { d as defineCustomElement$c } from './p-DrLVNdlm.js';
-import { d as defineCustomElement$b } from './p-CuR6yL1b.js';
-import { d as defineCustomElement$a } from './p-CriJMdWt.js';
-import { d as defineCustomElement$9 } from './p-DOnc5uKa.js';
-import { d as defineCustomElement$8 } from './p-BbXrDPd7.js';
-import { d as defineCustomElement$7 } from './p-DFEhv2Xw.js';
-import { d as defineCustomElement$6 } from './p-DT0ux3Yn.js';
-import { d as defineCustomElement$5 } from './p-AIPoMvau.js';
-import { d as defineCustomElement$4 } from './p-4Vt8Vqot.js';
-import { d as defineCustomElement$3 } from './p-BYIlBCuU.js';
-import { d as defineCustomElement$2 } from './p-DXesblGY.js';
+import { d as defineCustomElement$o } from './p-jWC23U_9.js';
+import { d as defineCustomElement$n } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$m } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$l } from './p-D8xZNR0-.js';
+import { d as defineCustomElement$k } from './p-BAn4Ipj9.js';
+import { d as defineCustomElement$j } from './p-DgLT1h5X.js';
+import { d as defineCustomElement$i } from './p-DvCfh0K2.js';
+import { d as defineCustomElement$h } from './p-BDyLmXTF.js';
+import { d as defineCustomElement$g } from './p-TyvIem42.js';
+import { d as defineCustomElement$f } from './p-DmbPNk49.js';
+import { d as defineCustomElement$e } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$d } from './p-DhDUHSh7.js';
+import { d as defineCustomElement$c } from './p-CxqE2nhG.js';
+import { d as defineCustomElement$b } from './p-CgcoSQbB.js';
+import { d as defineCustomElement$a } from './p-cUbqjhRn.js';
+import { d as defineCustomElement$9 } from './p-DYbJOAOh.js';
+import { d as defineCustomElement$8 } from './p-nbFcugVj.js';
+import { d as defineCustomElement$7 } from './p-CWohC9WI.js';
+import { d as defineCustomElement$6 } from './p-Bi0j3C9E.js';
+import { d as defineCustomElement$5 } from './p-DK163sow.js';
+import { d as defineCustomElement$4 } from './p-CIG3atcV.js';
+import { d as defineCustomElement$3 } from './p-DoIM1--x.js';
+import { d as defineCustomElement$2 } from './p-BdBBC-64.js';
 
 const stzhGeoRefDataCss = () => `:host{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}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--teaser-list-width:30rem;--meta-grid-template-areas:"filters search";--results-grid-template-areas:"map list"}.stzh-geo-ref-data{position:fixed;top:0;right:0;bottom:0;left:0;z-index:899;flex-direction:column;transition:opacity ease 0.2s;background-color:var(--stzh-color-white);display:flex;opacity:0;visibility:hidden;pointer-events:none}.stzh-geo-ref-data--is-open{opacity:1;visibility:visible;pointer-events:inherit}.stzh-geo-ref-data__header{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data__header{display:inherit}}.stzh-geo-ref-data__content{overflow:hidden;height:100%}.stzh-geo-ref-data--content-padding{padding-left:1.25rem;padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data--content-padding{padding-left:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data--content-padding{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data--content-padding{padding-left:2rem}}.stzh-geo-ref-data__heading{display:flex;align-items:center;background-color:var(--stzh-color-secondary20);padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data{}.stzh-geo-ref-data__meta-wrapper{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--stzh-space-large)}@media screen and (max-width: 1259px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}}.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-xlarge)}}.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{display:grid;column-gap:var(--stzh-grid-gutter);grid-template-areas:var(--meta-grid-template-areas);grid-template-columns:1fr var(--teaser-list-width)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-geo-ref-data__filters{grid-area:filters;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-toggle{display:none}}@media screen and (max-width: 899px){.stzh-geo-ref-data__filters-toggle stzh-chip{--icon-gap:0}}.stzh-geo-ref-data__list-search{display:none;padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__filters-content{display:none}.stzh-geo-ref-data__filters-content--visible{padding:1.25rem}@media screen and (max-width: 1259px){.stzh-geo-ref-data__filters-content--visible{display:flex;gap:var(--stzh-space-xxlarge);position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--stzh-color-white);z-index:10;flex-direction:column;justify-content:space-between}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-content{display:block}}.stzh-geo-ref-data__filters-apply-button{display:block}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-apply-button{display:none}}.stzh-geo-ref-data__search{grid-area:search;width:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__search{width:var(--teaser-list-width);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-xsmall)}}.stzh-geo-ref-data__search input{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-geo-ref-data__results-toggle{grid-area:resultstoggle;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-toggle{display:none}}.stzh-geo-ref-data{}.stzh-geo-ref-data__results-wrapper{height:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{display:grid;column-gap:var(--stzh-grid-gutter);grid-template-areas:var(--results-grid-template-areas);grid-template-columns:minmax(0, 1fr) var(--teaser-list-width)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (max-width: 1259px){.stzh-geo-ref-data__results-wrapper .inactive{visibility:hidden;height:0;position:absolute;overflow:hidden}}.stzh-geo-ref-data__results-map{grid-area:map;position:relative;height:100%}.stzh-geo-ref-data__map-controls{position:absolute;top:var(--stzh-space-small);left:var(--stzh-space-small);background-color:var(--stzh-color-white);padding:var(--stzh-space-xsmall)}.stzh-geo-ref-data__results-list{grid-area:list;padding-left:1.25rem;padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxlarge);overflow:auto}.stzh-geo-ref-data__results-list::-webkit-scrollbar{position:absolute;z-index:9999999;width:0.5rem;background-color:transparent}.stzh-geo-ref-data__results-list::-webkit-scrollbar:horizontal{height:0.5rem}.stzh-geo-ref-data__results-list::-webkit-scrollbar-track{background-color:transparent}.stzh-geo-ref-data__results-list::-webkit-scrollbar-thumb{background-color:var(--stzh-color-secondary50)}.stzh-geo-ref-data__results-list::-webkit-scrollbar-thumb:active,.stzh-geo-ref-data__results-list ::-webkit-scrollbar-thumb:hover{background-color:var(--stzh-color-secondary50)}@media screen and (min-width: 600px){.stzh-geo-ref-data__results-list{padding-left:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data__results-list{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-list{width:var(--teaser-list-width);padding-left:0;overflow:auto}}.stzh-geo-ref-data__results-list-heading{margin-bottom:var(--stzh-space-medium)}.stzh-geo-ref-data__teaser-list{display:grid;gap:var(--stzh-space-medium);grid-template-columns:1fr}@media screen and (min-width: 600px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr}}.stzh-geo-ref-data__teaser-load-more{display:flex;justify-content:center;margin-top:var(--stzh-space-medium)}.stzh-geo-ref-data{}@media screen and (min-width: 1260px){.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__meta-wrapper{display:none}}.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__filters{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__list-search{display:block}}.stzh-poi-teaser{display:flex;flex-direction:column-reverse;background-color:var(--stzh-color-grey10);position:relative}@media screen and (min-width: 1260px){.stzh-poi-teaser{flex-direction:row;height:11.25rem}}.stzh-poi-teaser:hover{cursor:pointer;background-color:var(--stzh-color-secondary10)}.stzh-poi-teaser-content{padding:var(--stzh-space-medium);hyphens:auto;flex-grow:1}.stzh-poi-teaser-content stzh-heading{margin-bottom:var(--stzh-space-xsmall);hyphens:auto}.stzh-poi-teaser-content stzh-text{--color:var(--stzh-color-grey80)}.stzh-poi-teaser-link{position:absolute;top:0;right:0;bottom:0;left:0}.stzh-poi-teaser__image-wrapper{position:relative}.stzh-poi-teaser__ratio{display:flex;height:100%}.stzh-poi-teaser__image-inner-wrapper{background-color:var(--stzh-color-grey20);position:absolute;inset:0;height:100%}.stzh-poi-teaser__image-inner-wrapper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stzh-poi-teaser-list-item{display:flex;gap:var(--stzh-space-small);margin-top:var(--stzh-space-xxsmall)}.stzh-poi-teaser-list-item stzh-icon,.stzh-poi-teaser-list-item stzh-text{--color:var(--stzh-color-grey80)}`;
 
@@ -540,12 +540,12 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends H {
             "stzh-geo-ref-data--is-open": this.isOpen,
             "stzh-geo-ref-data--has-filters": this._availableTags.length > 0,
         };
-        return (h(Host, { key: 'd52d0d415c95921c0cb91de53945300a71270825' }, h("stzh-toastbar", { key: '59a4c0e3643dedfa18d8d891ea3aeed48ee48d9b', ref: el => (this.toastbarElement = el) }), h("div", { key: '7776860e9ad59cea2a5d95ae31e6cf71bf20a930', class: "stzh-geo-ref-data__trigger", onClick: () => this.initializeAndOpenMap() }, h("slot", { key: 'db1209ae70598b030657ddc81f75f949d8ddba95', name: "trigger" })), h("stzh-overlay", { key: 'd9f2134896e7374130341874a12d1ff5fb1d0b5e', open: this.isLoading }, h("stzh-loader", { key: '54b780faa5920d364e4cc639240e9d5825bd1ecd', label: "Daten werden geladen..." })), h("div", { key: 'a6de037b1cbe84cd16e1fa4097e3624cab5c9a7b', class: classes }, h("div", { key: '7ef109f93812461e91b11cd4750afd1bc98a0d23', class: "stzh-geo-ref-data__header-wrapper" }, h("stzh-header", { key: '8b88a24ad9849b6fb9bd7eacb14ad605a65aa366', class: "stzh-geo-ref-data__header", "hide-metabar": true, sticky: "disabled" }, h("slot", { key: 'ab9b717180e53d7bbd99d1729cbae15565d92d1d', name: "logo", slot: "logo" })), h("div", { key: '48ba84a6c740c28fe60a2ffb78a0eb9b78993438', class: "stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding" }, h("stzh-heading", { key: '0793726f2ae85b1b10a561397b2c9ecedbef7ef4', class: "stzh-geo-ref-data__heading-heading", curve: "h2" }, this.heading), h("stzh-button", { key: 'd7b7f250cfcc45e90918133b39d7db014214dbbd', class: "stzh-geo-ref-data__overlay-close", icon: "close", iconOnly: true, size: "small", variant: "tertiary", onClick: this.handleOverlayCloseClick }))), h("div", { key: 'c9279a32efbec1d9592109ac3d397d02ac50aa8a', class: "stzh-geo-ref-data__content" }, h("div", { key: '8ee2d9ff4fe917f3b4d6e4085dd7ea08482bcd04', class: "stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding", ref: el => (this.metaWrapperElement = el) }, h("div", { key: 'bb91f67a0ce5a195e2c57e54181f7a52ca0b2fc6', class: "stzh-geo-ref-data__filters" }, this._availableTags.length > 0 && (h("div", { key: '08c520f373df48cc0a14f338ecdbb87e06ce7aa2', class: "stzh-geo-ref-data__filters-toggle" }, h("stzh-chip", { key: 'f825c034f2603f93d870f5a4cf8c5bf7629846c9', label: this.isViewportMedium ? "Filter" : "", variant: "filter", icon: "filtering", onStzhClick: this.handleFilterToggleClick }))), h("div", { key: '4ed37da08408980af725b9f14345417a83e3a8fe', class: {
+        return (h(Host, { key: 'b84a082aacb25ea2b52ec3b438bc4dc09df800d4' }, h("stzh-toastbar", { key: '4f00377df14ce2ceb3b33bf2ee92685846c99a0b', ref: el => (this.toastbarElement = el) }), h("div", { key: 'b3ecb1c9cf31118104f9a3f9f34c65c4181fe251', class: "stzh-geo-ref-data__trigger", onClick: () => this.initializeAndOpenMap() }, h("slot", { key: '59ccf138ede77079d537c02e06e3dab43a6e6a26', name: "trigger" })), h("stzh-overlay", { key: '31f5f3f6c74b6ff7d41d6f9796112bfd16811bff', open: this.isLoading }, h("stzh-loader", { key: '90801343a95570f7e65fff0524fea16cbc929f23', label: "Daten werden geladen..." })), h("div", { key: '1fe783f3c4c1c2d6bb6f7a062471aad2be6d35b5', class: classes }, h("div", { key: '24aeb6e8ab2bf75a3c4cca5089e2f9d5f3c132ee', class: "stzh-geo-ref-data__header-wrapper" }, h("stzh-header", { key: '626f5c3e6f319ab45843dff26d5f539050a4e4bd', class: "stzh-geo-ref-data__header", "hide-metabar": true, sticky: "disabled" }, h("slot", { key: '3748508b51e7bdb3be3d5ae7af02a9741ab6d29c', name: "logo", slot: "logo" })), h("div", { key: '6bf18bdbc10df063e0edd70dd3477fcba3d253cf', class: "stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding" }, h("stzh-heading", { key: '5f982d253740b30f9eeedd1a6b6092213b61f9aa', class: "stzh-geo-ref-data__heading-heading", curve: "h2" }, this.heading), h("stzh-button", { key: '555928e67aad0b182cf23825c6e9a0dadbee3c11', class: "stzh-geo-ref-data__overlay-close", icon: "close", iconOnly: true, size: "small", variant: "tertiary", onClick: this.handleOverlayCloseClick }))), h("div", { key: '647b1d16322a8f48f96225771e9c45ff0c7ed5ea', class: "stzh-geo-ref-data__content" }, h("div", { key: '26fcdd53a095fe9cf337e721163a23e7b3a396ed', class: "stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding", ref: el => (this.metaWrapperElement = el) }, h("div", { key: 'b9a7bcb321f8b17e2e3bf4a6185d48197e368e86', class: "stzh-geo-ref-data__filters" }, this._availableTags.length > 0 && (h("div", { key: '23f92faa966b4c34b97deb6781218a570bdae6dc', class: "stzh-geo-ref-data__filters-toggle" }, h("stzh-chip", { key: 'ab2453c849d6b1c6eee6928e8795ddd3bac98ea8', label: this.isViewportMedium ? "Filter" : "", variant: "filter", icon: "filtering", onStzhClick: this.handleFilterToggleClick }))), h("div", { key: 'a224026b0d060c765c52a24ca81eb70126c32433', class: {
                 "stzh-geo-ref-data__filters-content": true,
                 "stzh-geo-ref-data__filters-content--visible": !this.isViewportLarge && this.isFiltersContentOpen,
-            } }, h("stzh-chipselect", { key: '36f0c38f154b9c74649f2139ba3b8deb42b023e6', "label-hidden": true, label: "Tags", data: this.enhancedTags, onStzhChange: this.handleFilterChange, multiple: true, defaultValue: this.appliedFilters, value: this.appliedFilters }), h("div", { key: 'ccd97322af0a6d3de6344a3af68ddbc5ae8ab289', class: "stzh-geo-ref-data__filters-apply-button" }, h("stzh-button", { key: '184c1c66cb90e5a0a6d27d2a7c47cba65e8072e3', size: "small", fullwidth: true, onStzhClick: this.handleApplyFilterClick }, "Anwenden")))), h("div", { key: '0b667cb3fc9097e39968998751d75605ea12dd7c', class: "stzh-geo-ref-data__search" }, h("stzh-input", { key: '79ba7798b85d227ccac8cf82c5fb6d999e888c7c', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("div", { key: '49c453ef092e73e98ee4d2a0651be2d729ef6828', class: "stzh-geo-ref-data__results-toggle" }, h("stzh-chip", { key: '6d9df7ef57ac9b315b3925810524e14df8a1f87b', onStzhClick: this.toggleViewMode, label: this.viewmode === "map" ? "Liste" : "Karte", icon: this.viewmode === "map" ? "bulleted-list" : "map", variant: "filter" }))), h("div", { key: '275cbee5735cb3e70d01845a7bc32b2504fe727d', class: "stzh-geo-ref-data__results-wrapper" }, h("div", { key: '20425624999a7173557c56872ffdd9ca4dcdc38a', class: `stzh-geo-ref-data__results-map ${this.viewmode === "map" ? "active" : "inactive"}` }, h("stzh-olmap", { key: 'fddcb135cabe600528de028ac921cd80b95b63bb', 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) }), h("div", { key: '6ec4d6187da2c7e23828c85798cce7564c662fbe', class: "stzh-geo-ref-data__map-controls" }, h("stzh-checkbox", { key: 'a698b96f45ab95a490323b7a9593cde0db215f41', label: "Treffer an Kartenausschnitt anpassen", checked: this.showOnlyResultsForCurrentExtent, hideOptional: true, onStzhChange: this.handleExtentVisibilityChange }))), h("div", { key: 'a2f1bdc52720c767b8a2a59130ea60ac7dac29ba', class: `stzh-geo-ref-data__results-list ${this.viewmode === "list" ? "active" : "inactive"}`, ref: el => (this.resultsListElement = el) }, this.finalResults && (h(Fragment, { key: 'a875704253805a5da7d515d77470ec04413ab03b' }, h("div", { key: '8b50082582512194f5c4414e9b950f7d481585ce', class: "stzh-geo-ref-data__list-search" }, h("stzh-input", { key: '945c821be01a1e4bdc589d385a73524df268b3a2', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("stzh-text", { key: '55ac872a105878b98045e60b003aade6d692a8c8', class: "stzh-geo-ref-data__results-list-heading" }, this.finalResults.length, " Treffer"), h("div", { key: '2ae22da80a239339277e7775d352bc4fb77cc854', class: "stzh-geo-ref-data__teaser-list" }, this.finalResultsPaginatedList.map(item => (h("div", { class: "stzh-poi-teaser", onMouseEnter: () => this.handlePoiTeaserMouseEnter(item), onMouseLeave: () => this.handlePoiTeaserMouseLeave(item) }, h("a", { class: "stzh-poi-teaser-link", href: this.baseUrlOverride + item.path }), h("div", { class: "stzh-poi-teaser-content" }, h("stzh-heading", { curve: "lead" }, item.poiname), item.description && h("stzh-text", { size: "micro" }, item.description), item.data &&
+            } }, h("stzh-chipselect", { key: '4890e6d7f3887375410e448b6dbba98dd8037cfd', "label-hidden": true, label: "Tags", data: this.enhancedTags, onStzhChange: this.handleFilterChange, multiple: true, defaultValue: this.appliedFilters, value: this.appliedFilters }), h("div", { key: 'fe26f10856b8d256cf6fe704071b904e5f5129d6', class: "stzh-geo-ref-data__filters-apply-button" }, h("stzh-button", { key: '2a27c1a2015529c50f6bb38b0da2ae8e9a00b276', size: "small", fullwidth: true, onStzhClick: this.handleApplyFilterClick }, "Anwenden")))), h("div", { key: '6f5185ce4e7e1ac98209f99da5a002375d051ae5', class: "stzh-geo-ref-data__search" }, h("stzh-input", { key: '9b1bb7a2ad3957c6ef7aeb58a8d6d032f5a5ce84', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("div", { key: '50d5edcaedeb9581ca0de2b1142a967c34477355', class: "stzh-geo-ref-data__results-toggle" }, h("stzh-chip", { key: 'dd708ae91316cef9edca1117d874dc92b4a161aa', onStzhClick: this.toggleViewMode, label: this.viewmode === "map" ? "Liste" : "Karte", icon: this.viewmode === "map" ? "bulleted-list" : "map", variant: "filter" }))), h("div", { key: '2088e12776b13e77e4bd57e3d4e4fef1908990dc', class: "stzh-geo-ref-data__results-wrapper" }, h("div", { key: 'cbf389ff3efcbe33bea4e9679c0f13150d3dec56', class: `stzh-geo-ref-data__results-map ${this.viewmode === "map" ? "active" : "inactive"}` }, h("stzh-olmap", { key: '88f51081ccc80f548a4fa81fa9d0b72c80eebaf7', 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) }), h("div", { key: '1208cec306615bb40271a127a165dd165138c1c1', class: "stzh-geo-ref-data__map-controls" }, h("stzh-checkbox", { key: '2956eb3edd767580eebfef1249248db7e57eb5c1', label: "Treffer an Kartenausschnitt anpassen", checked: this.showOnlyResultsForCurrentExtent, hideOptional: true, onStzhChange: this.handleExtentVisibilityChange }))), h("div", { key: '702ed6ee52b561160e7d8d25e8eee3a5c773f55f', class: `stzh-geo-ref-data__results-list ${this.viewmode === "list" ? "active" : "inactive"}`, ref: el => (this.resultsListElement = el) }, this.finalResults && (h(Fragment, { key: 'c0d59069891464e4262a954c16c55c81c027f698' }, h("div", { key: 'fb112d103eeefc1bd6f7b9a44e2d07515db86f10', class: "stzh-geo-ref-data__list-search" }, h("stzh-input", { key: '54e83d77b87d3a24db0f3694bdaeb3065e273765', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("stzh-text", { key: '636fca50b5f0877bf4adfe1099fceaa4812b0262', class: "stzh-geo-ref-data__results-list-heading" }, this.finalResults.length, " Treffer"), h("div", { key: '82ce4bc9718568138dc4f26115aec594a5e1cd3b', class: "stzh-geo-ref-data__teaser-list" }, this.finalResultsPaginatedList.map(item => (h("div", { class: "stzh-poi-teaser", onMouseEnter: () => this.handlePoiTeaserMouseEnter(item), onMouseLeave: () => this.handlePoiTeaserMouseLeave(item) }, h("a", { class: "stzh-poi-teaser-link", href: this.baseUrlOverride + item.path }), h("div", { class: "stzh-poi-teaser-content" }, h("stzh-heading", { curve: "lead" }, item.poiname), item.description && h("stzh-text", { size: "micro" }, item.description), item.data &&
             item.data.length > 0 &&
-            item.data.map(item => (h("div", { class: "stzh-poi-teaser-list-item" }, h("stzh-icon", { name: item.icon }), h("stzh-text", { size: "micro" }, item.text))))), item.image && (h("div", { class: "stzh-poi-teaser__image-wrapper" }, h("stzh-ratio", { ratio: "2:1", "ratio-large": "5:4", "ratio-ultra": "1:1", portrait: this.isViewportLarge, class: "stzh-poi-teaser__ratio" }), h("div", { class: "stzh-poi-teaser__image-inner-wrapper" }, h("img", { src: this.baseUrlOverride + item.image, alt: "Foto von " + item.poiname })))))))), this.canLoadMore && (h("div", { key: '2b673f61bb521c312250e4a8e91aba7042cc6a7f', class: "stzh-geo-ref-data__teaser-load-more" }, h("stzh-button", { key: 'd1622f3c220fca2a70615f695de480b7355e4fb8', onStzhClick: () => this.loadMore() }, "Weitere laden")))))))))));
+            item.data.map(item => (h("div", { class: "stzh-poi-teaser-list-item" }, h("stzh-icon", { name: item.icon }), h("stzh-text", { size: "micro" }, item.text))))), item.image && (h("div", { class: "stzh-poi-teaser__image-wrapper" }, h("stzh-ratio", { ratio: "2:1", "ratio-large": "5:4", "ratio-ultra": "1:1", portrait: this.isViewportLarge, class: "stzh-poi-teaser__ratio" }), h("div", { class: "stzh-poi-teaser__image-inner-wrapper" }, h("img", { src: this.baseUrlOverride + item.image, alt: "Foto von " + item.poiname })))))))), this.canLoadMore && (h("div", { key: '17e0f4a6a17c5997dc9f60f8594c2e54417ea95e', class: "stzh-geo-ref-data__teaser-load-more" }, h("stzh-button", { key: 'f2e4895e8fa921d0f5de445ad494ad01c71bb801', onStzhClick: () => this.loadMore() }, "Weitere laden")))))))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-ghettobox.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 import { s as setPropsIfNull } from './p-DBHUqFOB.js';
-import { d as defineCustomElement$4 } from './p-DEfzwFSm.js';
-import { d as defineCustomElement$3 } from './p-BK6Q89R0.js';
-import { d as defineCustomElement$2 } from './p-CRo_30JG.js';
+import { d as defineCustomElement$4 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$3 } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$2 } from './p-mPSUVIkD.js';
 
 const stzhGhettoboxCss = () => `.sc-stzh-ghettobox-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-ghettobox-h,[stzh-hidden].sc-stzh-ghettobox-h{display:none}.sc-stzh-ghettobox-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-ghettobox-h *.sc-stzh-ghettobox,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::before,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::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-ghettobox-h .has-focus.sc-stzh-ghettobox{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox{outline-style:none !important}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox::-moz-focus-inner{border:0 !important}.sc-stzh-ghettobox-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-coral60);--color:var(--stzh-base-invert-color);--richtext-color:var(--color)}.stzh-ghettobox.sc-stzh-ghettobox{position:relative;color:var(--color);box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);--stzh-button-secondary-color:var(--stzh-color-coral60);--stzh-button-secondary-background-color:var(--stzh-color-white90op);--stzh-button-secondary-hover-color:var(--stzh-color-coral60);--stzh-button-secondary-hover-background-color:var(--stzh-color-white);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op)}.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxxlarge)}}.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-ghettobox__hidden-title.sc-stzh-ghettobox{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xxlarge)}}.stzh-ghettobox__message.sc-stzh-ghettobox{display:flex;flex-direction:column}.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-ghettobox__main-title.sc-stzh-ghettobox{margin:0;color:inherit}.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-ghettobox__description.sc-stzh-ghettobox{--stzh-base-color:var(--richtext-color)}.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}.stzh-ghettobox__button.sc-stzh-ghettobox{display:grid}@media screen and (min-width: 600px){.stzh-ghettobox__button.sc-stzh-ghettobox{justify-content:start}}.stzh-ghettobox__close.sc-stzh-ghettobox{position:absolute;top:0;right:0}@media screen and (min-width: 600px){.stzh-ghettobox__close.sc-stzh-ghettobox{top:0.625rem;right:0.625rem}}`;
 
@@ -77,7 +77,7 @@ const StzhGhettobox$1 = /*@__PURE__*/ proxyCustomElement(class StzhGhettobox ext
             "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 (h(Host, { key: '7c47a3726acef0e1ba746e43a007a49cb42431ed', hidden: !this.open }, h("div", { key: 'a814ec6079c6eacf6201ceb28fa412ab15d6f8f0', class: Object.assign(Object.assign({}, classes), { rs_skip: !this.open }), "aria-hidden": this.open ? "false" : "true" }, h("div", { key: '458dd1e86c90171ab9c5fbf32824487d73e21724', class: "stzh-ghettobox__container" }, h("h1", { key: '3feb35d8942c0b40069b7542caaec9f1828b28ae', class: "stzh-ghettobox__hidden-title" }, this.hiddenTitle || this.localization.hiddenTitle), h("div", { key: 'fd7c74978a44665eda144c6c1ac6b9f25dcc1be8', class: "stzh-ghettobox__message" }, h("div", { key: '601fa3826d6dfd7d596ca11270db3203c89c019f', class: "stzh-ghettobox__text" }, h("h2", { key: '734b9b8456604b06c34d968dfca8388522c01b94', class: "stzh-ghettobox__main-title" }, this.mainTitle), h("div", { key: 'b4539d7100e8c5e64230f326479509b53d0985ea', class: "stzh-ghettobox__description" }, this.description ? this.description : h("slot", null))), h("div", { key: '19e0c96b5feffc546f7b45772172fc8888d1e7af', class: "stzh-ghettobox__button" }, h("slot", { key: '24cc1487f410c6280445be4ed4264efa58fffa78', name: "button" }))), !this.hideClose && (h("stzh-button", { key: 'e917e01d64ba00304725e349db632db27aa3e3cb', class: "stzh-ghettobox__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+        return (h(Host, { key: 'db167e75c72007418b4cd2af2c90089e36f3850d', hidden: !this.open }, h("div", { key: 'c51de64f081af3d1bb3fcae1c1579e358bf796b8', class: Object.assign(Object.assign({}, classes), { rs_skip: !this.open }), "aria-hidden": this.open ? "false" : "true" }, h("div", { key: '9d5b4d9eb09960287648e9e7ec14176c38f4982c', class: "stzh-ghettobox__container" }, h("h1", { key: 'f68763be6afc8e9adaca729db33b40dab2d389f9', class: "stzh-ghettobox__hidden-title" }, this.hiddenTitle || this.localization.hiddenTitle), h("div", { key: '448199817d132a0fa67b7147ea7b9a20eae45104', class: "stzh-ghettobox__message" }, h("div", { key: '6dc0829c3d5cc74e3b69dcc53d80c49cb260e2b8', class: "stzh-ghettobox__text" }, h("h2", { key: '874bc27302f04a9e09931534996c404ffda56a66', class: "stzh-ghettobox__main-title" }, this.mainTitle), h("div", { key: '01a604db8c917084b4ad2c79d9f867e052997de7', class: "stzh-ghettobox__description" }, this.description ? this.description : h("slot", null))), h("div", { key: '0b9673753f62450b713ff6083b15d18ddaeb31f7', class: "stzh-ghettobox__button" }, h("slot", { key: 'bc9fcd5f97b4586726e0921ae618bff5023397e3', name: "button" }))), !this.hideClose && (h("stzh-button", { key: '00fe78850b4be6477724c018f5e1ab1cc82e0578', class: "stzh-ghettobox__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     get element() { return this; }
     static get style() { return stzhGhettoboxCss(); }

package/dist/components/stzh-header.js

@@ -1,4 +1,4 @@
-import { S as StzhHeader$1, d as defineCustomElement$1 } from './p-6cYGuE14.js';
+import { S as StzhHeader$1, d as defineCustomElement$1 } from './p-TyvIem42.js';
 
 const StzhHeader = StzhHeader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-heading.js

@@ -1,4 +1,4 @@
-import { S as StzhHeading$1, d as defineCustomElement$1 } from './p-Bg2ganSs.js';
+import { S as StzhHeading$1, d as defineCustomElement$1 } from './p-DmbPNk49.js';
 
 const StzhHeading = StzhHeading$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-homepage-search.js

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
-import { d as defineCustomElement$2 } from './p-CRo_30JG.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { d as defineCustomElement$2 } from './p-mPSUVIkD.js';
 
 const stzhHomepageSearchCss = () => `.sc-stzh-homepage-search-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-homepage-search-h,[stzh-hidden].sc-stzh-homepage-search-h{display:none}.sc-stzh-homepage-search-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-homepage-search-h *.sc-stzh-homepage-search,.sc-stzh-homepage-search-h *.sc-stzh-homepage-search::before,.sc-stzh-homepage-search-h *.sc-stzh-homepage-search::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-homepage-search-h .has-focus.sc-stzh-homepage-search{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-homepage-search-h .stzh-fylingfocus-focused.sc-stzh-homepage-search{outline-style:none !important}.sc-stzh-homepage-search-h .stzh-fylingfocus-focused.sc-stzh-homepage-search::-moz-focus-inner{border:0 !important}.sc-stzh-homepage-search-h{--background-color:var(
     --stzh-homepage-search-background-color,
@@ -59,7 +59,7 @@ const StzhHomepageSearch$1 = /*@__PURE__*/ proxyCustomElement(class StzhHomepage
             "stzh-homepage-search": true,
             "stzh-homepage-search--is-search-filled": this.searchFilled,
         };
-        return (h(Host, { key: 'f4157fc23e4f412d32121e853fc792791dd67b90' }, h("div", { key: '64ce72819e765915488c6f900a6aca21e382b234', class: classes }, h("div", { key: 'fb392058680115176466bc58363f1b0823bc9b84', class: "stzh-homepage-search__container" }, h("form", { key: '244efcdfc92d2ae7346d633851c8c47a2494ea23', class: "stzh-homepage-search__form", action: this.searchAction, role: "search", ref: el => (this.formElement = el) }, h("label", { key: '1fa799f102751630fffdd1f7962621bd0e3a37cb', class: "stzh-homepage-search__search" }, h("input", { key: 'ee46583a9beb66a7be4f33d6f6d62f04d4f462bc', 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 }), h("stzh-icon", { key: '11eb8cc4a6091fe83e61deb386f1fcfdfd7d0764', class: "stzh-homepage-search__search-icon", name: "search" })))))));
+        return (h(Host, { key: 'a405db73d38a839b887cda7c18c75d279ef108b5' }, h("div", { key: 'fb6a64cbf483ec6329596589738ac7831eecdf8e', class: classes }, h("div", { key: '01a778c08bf08aa16411882cd19bf8f513b3e23b', class: "stzh-homepage-search__container" }, h("form", { key: '767a079cc4d43d3a44a79a753087364db2517fee', class: "stzh-homepage-search__form", action: this.searchAction, role: "search", ref: el => (this.formElement = el) }, h("label", { key: '95b8528024593513e79a3043b90932176caebbcc', class: "stzh-homepage-search__search" }, h("input", { key: '10085864b8d9eba3595e7a7b695cc02d9f1f7295', 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 }), h("stzh-icon", { key: '64d1aeb502e185ffedb3bade1c12fc11c8e8f640', class: "stzh-homepage-search__search-icon", name: "search" })))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-homepage-service-highlights.js

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, h, F as Fragment, e as Host, t as transformTag } from './p-BBg6OWDc.js';
+import { p as proxyCustomElement, H, h, F as Fragment, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 import { g as getTheme } from './p-DBHUqFOB.js';
-import { d as defineCustomElement$6 } from './p-DEfzwFSm.js';
-import { d as defineCustomElement$5 } from './p-Bg2ganSs.js';
-import { d as defineCustomElement$4 } from './p-CRo_30JG.js';
-import { d as defineCustomElement$3 } from './p-DrLVNdlm.js';
-import { d as defineCustomElement$2 } from './p-4Vt8Vqot.js';
+import { d as defineCustomElement$6 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$5 } from './p-DmbPNk49.js';
+import { d as defineCustomElement$4 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$3 } from './p-CxqE2nhG.js';
+import { d as defineCustomElement$2 } from './p-CIG3atcV.js';
 
 const stzhHomepageServiceHighlightsCss = () => `.sc-stzh-homepage-service-highlights-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-homepage-service-highlights-h,[stzh-hidden].sc-stzh-homepage-service-highlights-h{display:none}.sc-stzh-homepage-service-highlights-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights,.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights::before,.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights::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-homepage-service-highlights-h .has-focus.sc-stzh-homepage-service-highlights{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-homepage-service-highlights-h .stzh-fylingfocus-focused.sc-stzh-homepage-service-highlights{outline-style:none !important}.sc-stzh-homepage-service-highlights-h .stzh-fylingfocus-focused.sc-stzh-homepage-service-highlights::-moz-focus-inner{border:0 !important}.sc-stzh-homepage-service-highlights-h{--mostsearched-background-color:var(
     --stzh-homepage-service-highlights-mostsearched-background-color,
@@ -123,14 +123,14 @@ const StzhHomepageServiceHighlights$1 = /*@__PURE__*/ proxyCustomElement(class S
             "stzh-homepage-service-highlights": true,
             "stzh-homepage-service-highlights--has-topnews": this._topnewsItems.length > 0,
         };
-        return (h(Host, { key: 'bcb0a20383e46d811c1b68fc7f75a18b94c5a430' }, h("div", { key: 'e10c83bd95ec5ca87e70a8e0919ab467d56cec1f', class: classes }, this._topnewsItems.length > 0 && (h("div", { key: '4f76453d0ecd4cd90ac91b513c575886b3580bad', class: "stzh-homepage-service-highlights__topnews" }, this._topnewsItems.map(item => !!item.href ? (h("a", { href: item.href, target: !item.target && this.isExternal(item.href) ? "_blank" : item.target, rel: this.isExternal(item.href) ? "noopener noreferrer" : undefined, class: {
+        return (h(Host, { key: '0658261e51e7450bcb45fc6c44bfafff9dfba45b' }, h("div", { key: 'b76616a0b99b3a31c53e1fccf0d2bbdc8ea8ffaf', class: classes }, this._topnewsItems.length > 0 && (h("div", { key: 'dcfb7d9f58669b683d1be70eac6e93440482cd22', class: "stzh-homepage-service-highlights__topnews" }, this._topnewsItems.map(item => !!item.href ? (h("a", { href: item.href, target: !item.target && this.isExternal(item.href) ? "_blank" : item.target, rel: this.isExternal(item.href) ? "noopener noreferrer" : undefined, class: {
                 "stzh-topnews-item": true,
                 "stzh-topnews-item--highlighted": item.isHighlighted,
                 "stzh-topnews-item--has-link": true,
             } }, this.renderTopnewsItemInner(item))) : (h("div", { class: {
                 "stzh-topnews-item": true,
                 "stzh-topnews-item--highlighted": item.isHighlighted,
-            } }, this.renderTopnewsItemInner(item)))))), this._mostsearchedItems.length > 0 && (h("div", { key: '69fe1fc1500fac3ba418fd1e79e9141357df5a18', class: "stzh-homepage-service-highlights__mostsearched" }, this._mostsearchedItems.map(item => (h("div", { class: {
+            } }, this.renderTopnewsItemInner(item)))))), this._mostsearchedItems.length > 0 && (h("div", { key: '5d0e88ff304a7f4b8cfe6c5af5b8b085c24db942', class: "stzh-homepage-service-highlights__mostsearched" }, this._mostsearchedItems.map(item => (h("div", { class: {
                 "stzh-mostsearched-item": true,
             } }, h("stzh-link", { class: "stzh-mostsearched-item__link", href: item.href, target: !item.target && this.isExternal(item.href) ? "_blank" : item.target, rel: this.isExternal(item.href) ? "noopener noreferrer" : undefined, icon: "arrow-right" }, item.label)))))))));
     }

package/dist/components/stzh-hr.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 
 const stzhHrCss = () => `.sc-stzh-hr-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-hr-h,[stzh-hidden].sc-stzh-hr-h{display:none}.sc-stzh-hr-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-hr-h *.sc-stzh-hr,.sc-stzh-hr-h *.sc-stzh-hr::before,.sc-stzh-hr-h *.sc-stzh-hr::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-hr-h .has-focus.sc-stzh-hr{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-hr-h .stzh-fylingfocus-focused.sc-stzh-hr{outline-style:none !important}.sc-stzh-hr-h .stzh-fylingfocus-focused.sc-stzh-hr::-moz-focus-inner{border:0 !important}.sc-stzh-hr-h{--border-color:var(--stzh-base-border-color);width:100%}.stzh-hr.sc-stzh-hr{height:0.0625rem;background-color:var(--border-color)}`;
 
@@ -13,7 +13,7 @@ const StzhHr$1 = /*@__PURE__*/ proxyCustomElement(class StzhHr extends H {
         const classes = {
             "stzh-hr": true,
         };
-        return (h(Host, { key: '7ea0c755069caf654ae8ec401532315650cdf411' }, h("div", { key: '03baf0a6062c4df9b2242a8ca46cff1b20fd84f2', class: classes })));
+        return (h(Host, { key: '54abcdb4fa78bd05d711af573d711dbd3c1bea2b' }, h("div", { key: '0dca08cee2817f900a4022c756c960ee45626b03', class: classes })));
     }
     get element() { return this; }
     static get style() { return stzhHrCss(); }

package/dist/components/stzh-hspace.js

@@ -1,4 +1,4 @@
-import { S as StzhHspace$1, d as defineCustomElement$1 } from './p-SW8QhG6M.js';
+import { S as StzhHspace$1, d as defineCustomElement$1 } from './p-Div6COxG.js';
 
 const StzhHspace = StzhHspace$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-http-error.js

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
-import { d as defineCustomElement$7 } from './p-DEfzwFSm.js';
-import { d as defineCustomElement$6 } from './p-BK6Q89R0.js';
-import { d as defineCustomElement$5 } from './p-BdtE_fpY.js';
-import { d as defineCustomElement$4 } from './p-Bg2ganSs.js';
-import { d as defineCustomElement$3 } from './p-CRo_30JG.js';
-import { d as defineCustomElement$2 } from './p-4Vt8Vqot.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { d as defineCustomElement$7 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$6 } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$5 } from './p-D-Yirlnl.js';
+import { d as defineCustomElement$4 } from './p-DmbPNk49.js';
+import { d as defineCustomElement$3 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$2 } from './p-CIG3atcV.js';
 
 const stzhHttpErrorCss = () => `.sc-stzh-http-error-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-http-error-h,[stzh-hidden].sc-stzh-http-error-h{display:none}.sc-stzh-http-error-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-http-error-h *.sc-stzh-http-error,.sc-stzh-http-error-h *.sc-stzh-http-error::before,.sc-stzh-http-error-h *.sc-stzh-http-error::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-http-error-h .has-focus.sc-stzh-http-error{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-http-error-h .stzh-fylingfocus-focused.sc-stzh-http-error{outline-style:none !important}.sc-stzh-http-error-h .stzh-fylingfocus-focused.sc-stzh-http-error::-moz-focus-inner{border:0 !important}.stzh-http-error__errorcode.sc-stzh-http-error{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-secondary50);font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-http-error__errorcode.sc-stzh-http-error{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-http-error__errorcode.sc-stzh-http-error{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-http-error__errorcode.sc-stzh-http-error{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{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);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{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-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{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: 1260px){.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{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)}}@media screen and (min-width: 1600px){.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}.stzh-http-error__description.sc-stzh-http-error{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-http-error__description.sc-stzh-http-error{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-http-error__description.sc-stzh-http-error{margin-bottom:var(--stzh-space-xxxxlarge)}}`;
 
@@ -73,7 +73,7 @@ const StzhHttpError$1 = /*@__PURE__*/ proxyCustomElement(class StzhHttpError ext
         const classes = {
             "stzh-http-error": true,
         };
-        return (h(Host, { key: '9fd16dbcfee805d3ca0e66dee7289ba99738c6c6' }, h("div", { key: 'd6b5db7570dac6965ffef661818d4d8cea0664a1', class: classes }, h("div", { key: 'e4db127e252002eca1b1fde7339822007043e84f', class: "stzh-http-error__errorcode" }, this._errorcode), h("div", { key: 'c030d819c1889ce2fabe84fa9b3c3d25088ed25a', class: "stzh-http-error__heading" }, h("stzh-heading", { key: 'a54424f94d9c2c5aef56a9424b7c92b4debd1cff' }, this.heading)), h("div", { key: '2ac000bed5dde2eedc97c7a85d2eaab191509c74', class: "stzh-http-error__description" }, h("stzh-text", { key: '320d5692a8ba53392fe93a5f91e4d74a77f2e2fd' }, this.description)), h("div", { key: '51214f5fcc7c5d2447bffe77bd06e9f34d86fb2c', class: "stzh-http-error__actions", role: "group" }, h("stzh-buttongroup", { key: 'a4c3e753ab03b945d2ae69e13767e87e3f5cc8d3' }, window.history.length > 1 && (h("stzh-button", { key: 'c53cb54d242c2a07fe70a2edc477f3025c821ea1', variant: "secondary", onStzhClick: this.goBack }, this.localization.labelBack)), h("stzh-button", { key: '8760d42cfb25fdf6839599fb655afe26bba48ab5', variant: "default", href: this.hrefStart }, this.localization.labelStart))))));
+        return (h(Host, { key: '8db61fc9ff8b7a4dfc6c9d8d7205a8d8b47269bf' }, h("div", { key: '73d25a3347e6edaca95b9305c11003b7ca62090c', class: classes }, h("div", { key: '8f9cea7cbf2a719c87f02ca54796e5008f0a3ca1', class: "stzh-http-error__errorcode" }, this._errorcode), h("div", { key: '80b0b32f381cc9442eb2b92bdc7365a145fd8988', class: "stzh-http-error__heading" }, h("stzh-heading", { key: '81fe4a28949014da31483fa01735514f7139ed14' }, this.heading)), h("div", { key: 'c563b7bcec8024a56479c9cb28ba3c1e34ff32ef', class: "stzh-http-error__description" }, h("stzh-text", { key: 'b414686ab726bf42c0bc1af9bdce658ad4498ff0' }, this.description)), h("div", { key: '24c0c54328ad46a35182746494f50c71656853b7', class: "stzh-http-error__actions", role: "group" }, h("stzh-buttongroup", { key: '3c71bed037e2725edfd29d81fdfd346c26412616' }, window.history.length > 1 && (h("stzh-button", { key: '9c305b40ed981473c4ef014c62f455115fcbcbd3', variant: "secondary", onStzhClick: this.goBack }, this.localization.labelBack)), h("stzh-button", { key: '7b6e51dab5e8ca11c827223c2b9e2278b608c4bd', variant: "default", href: this.hrefStart }, this.localization.labelStart))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-icon.js

@@ -1,4 +1,4 @@
-import { S as StzhIcon$1, d as defineCustomElement$1 } from './p-CRo_30JG.js';
+import { S as StzhIcon$1, d as defineCustomElement$1 } from './p-mPSUVIkD.js';
 
 const StzhIcon = StzhIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-iframe.js

@@ -1,4 +1,4 @@
-import { S as StzhIframe$1, d as defineCustomElement$1 } from './p-BeN1KWYK.js';
+import { S as StzhIframe$1, d as defineCustomElement$1 } from './p-CfO-Zm5r.js';
 
 const StzhIframe = StzhIframe$1;
 const defineCustomElement = defineCustomElement$1;