@oiz/stzh-components 2.10.0-beta → 2.10.0

package/dist/stzh-components/p-4b7f4e66.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,a as o,g as e}from"./p-c92165bd.js";import{s as i}from"./p-ba8c574b.js";import"./p-9b063923.js";const r=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{display:contents}.stzh-scrollup{display:contents}";const n=class{constructor(s){t(this,s);this.handleLinkClick=()=>{window.scrollTo(0,0)};this.init=()=>{const t=this.element.querySelectorAll("stzh-link, stzh-button");t.forEach((t=>{t.addEventListener("click",this.handleLinkClick);i(t,{icon:"arrow-up"})}))}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-scrollup":true};return s(o,null,s("div",{class:t},s("slot",null)))}get element(){return e(this)}};n.style=r;export{n as stzh_scrollup};
+//# sourceMappingURL=p-4b7f4e66.entry.js.map

package/dist/stzh-components/p-4b7f4e66.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhScrollupCss","StzhScrollup","constructor","hostRef","this","handleLinkClick","window","scrollTo","init","links","element","querySelectorAll","forEach","link","addEventListener","setPropsIfNull","icon","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","classes","h","Host","class"],"sources":["src/components/stzh-scrollup/stzh-scrollup.scss?tag=stzh-scrollup","src/components/stzh-scrollup/stzh-scrollup.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.stzh-scrollup {\n  display: contents\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n} from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for label\n */\n@Component({\n  tag: \"stzh-scrollup\",\n  styleUrl: \"stzh-scrollup.scss\"\n})\nexport class StzhScrollup {\n  @Element() element: HTMLStzhScrollupElement;\n\n  private observer: MutationObserver;\n\n  private handleLinkClick = () => {\n    window.scrollTo(0, 0);\n  }\n\n  private init = () => {\n    const links = this.element.querySelectorAll(\"stzh-link, stzh-button\");\n\n    links.forEach((link) => {\n      link.addEventListener('click', this.handleLinkClick);\n\n      setPropsIfNull(link, {\n        icon: \"arrow-up\"\n      } as HTMLStzhLinkElement | HTMLStzhButtonElement)\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 classes = {\n      \"stzh-scrollup\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qHAAA,MAAMA,EAAkB,quB,MCgBXC,EAAY,MAJzB,WAAAC,CAAAC,G,UASUC,KAAAC,gBAAkB,KACxBC,OAAOC,SAAS,EAAG,EAAE,EAGfH,KAAAI,KAAO,KACb,MAAMC,EAAQL,KAAKM,QAAQC,iBAAiB,0BAE5CF,EAAMG,SAASC,IACbA,EAAKC,iBAAiB,QAASV,KAAKC,iBAEpCU,EAAeF,EAAM,CACnBG,KAAM,YACyC,GACjD,C,CAGJ,iBAAAC,GACEb,KAAKI,OAELJ,KAAKc,SAAW,IAAIC,iBAAiBf,KAAKI,MAC1CJ,KAAKc,SAASE,QAAQhB,KAAKM,QAAS,CAClCW,UAAW,KACXC,QAAS,M,CAIb,oBAAAC,GACE,GAAInB,KAAKc,SAAU,CACjBd,KAAKc,SAASM,Y,EAIlB,MAAAC,GACE,MAAMC,EAAU,CACd,gBAAiB,MAGnB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c"}

package/dist/stzh-components/p-4d975c00.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as o,F as s,a as e,g as i}from"./p-c92165bd.js";import{s as r,h as n}from"./p-ba8c574b.js";import"./p-9b063923.js";const l=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);background-color:var(--stzh-color-white);padding:var(--stzh-space-xlarge) 0;}.stzh-footer[hidden]{display:none}.stzh-footer *,.stzh-footer *::before,.stzh-footer *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-footer .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.stzh-footer .stzh-fylingfocus-focused{outline-style:none !important}.stzh-footer .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer [slot=logo],.stzh-footer [slot=logo] img{display:block;height:2.375rem}.stzh-footer [slot=info]{margin:0}.stzh-footer stzh-link[slot=info],.stzh-footer stzh-link[slot=link],.stzh-footer stzh-link[slot=social-link],.stzh-footer stzh-link.stzh-footer__link{--color:var(--stzh-base-color);--text-decoration-line:none;--icon-wrapper-height:auto;--icon-size:var(--stzh-icon-size-large)}.stzh-footer stzh-link[slot=info] .stzh-link,.stzh-footer stzh-link[slot=link] .stzh-link,.stzh-footer stzh-link[slot=social-link] .stzh-link,.stzh-footer stzh-link.stzh-footer__link .stzh-link{font-size:inherit}.stzh-footer stzh-link[slot=social-link]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-footer stzh-link[slot=social-link]{margin-bottom:0;margin-right:var(--stzh-space-large)}}.stzh-footer stzh-link[slot=info]:not(:last-child){margin-bottom:var(--stzh-space-small)}.stzh-footer stzh-link[slot=link]:not(:last-child){margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 800px){.stzh-footer stzh-link[slot=link]:not(:last-child){margin-bottom:0;margin-right:var(--stzh-space-large)}}.stzh-footer__wrapper{margin-left:1.25rem;margin-right:1.25rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 600px){.stzh-footer__wrapper{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 1024px){.stzh-footer__wrapper{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__wrapper{margin-left:5.5rem;margin-right:5.5rem}}@media screen and (min-width: 1440px){.stzh-footer__wrapper{margin-left:auto;margin-right:auto;width:78.75rem}}@media screen and (min-width: 1024px){.stzh-footer__wrapper{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}}.stzh-footer__logo:empty,.stzh-footer__info:empty,.stzh-footer__social-link:empty,.stzh-footer__links:empty{display:none}.stzh-footer__logo:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-footer__logo:not(:empty){margin-bottom:0}}.stzh-footer__info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.stzh-footer__info:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-footer__info:not(:empty){margin-bottom:0}}@media screen and (min-width: 1024px){.stzh-footer__logo,.stzh-footer__social-link{margin-right:auto}}@media screen and (min-width: 1024px){.stzh-footer__links{margin-left:auto}}.stzh-footer__links,.stzh-footer__link-list,.stzh-footer slot-fb[name=link]:not([hidden]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 800px){.stzh-footer__links,.stzh-footer__link-list,.stzh-footer slot-fb[name=link]:not([hidden]){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}}.stzh-footer__copyright:not(:empty)+.stzh-footer__link-list:not(:empty){margin-top:var(--stzh-space-small)}@media screen and (min-width: 800px){.stzh-footer__copyright:not(:empty)+.stzh-footer__link-list:not(:empty){margin-top:0;margin-left:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-footer--has-logo .stzh-footer__wrapper,.stzh-footer--has-info .stzh-footer__wrapper{-ms-flex-align:start;align-items:flex-start}}.stzh-footer--has-border{border-top:0.0625rem solid var(--stzh-base-border-color)}";const a=class{constructor(o){t(this,o);this.init=()=>{const t=this.element.querySelector('stzh-link[slot="social-link"]');const o=this.element.querySelectorAll('stzh-link[slot="link"]');if(t){r(t,{icon:"social-media"})}o.forEach((t=>{t.setAttribute("role","listitem")}))};this.localization=undefined;this.copyright=undefined;this.variant="default";this.mainUrl="https://www.stadt-zuerich.ch";this.withBorder=false}async componentWillLoad(){if(typeof this.copyright==="undefined"){const t=new Date;this.copyright=`© ${t.getFullYear()} Stadt Zürich`}if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"footer")}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=n(this.element,"logo");const i=n(this.element,"info");const r=n(this.element,"link");const l=n(this.element,"social-link");const a={"stzh-footer":true,"stzh-footer--has-border":this.withBorder,"stzh-footer--has-logo":t,"stzh-footer--has-info":i,"stzh-footer--has-links":r,"stzh-footer--has-social-link":l};return o(e,null,o("footer",{class:a},o("div",{class:"stzh-footer__wrapper"},o("div",{class:"stzh-footer__social-link"},o("slot",{name:"social-link"})),o("div",{class:"stzh-footer__logo"},o("slot",{name:"logo"})),o("div",{class:"stzh-footer__info"},o("slot",{name:"info"})),o("div",{class:"stzh-footer__links"},this.copyright&&o("div",{class:"stzh-footer__copyright"},this.copyright),o("div",{class:"stzh-footer__link-list",role:"list"},o("slot",{name:"link"},this.variant==="egov"&&o(s,null,o("stzh-link",{slot:"link",target:"_blank",class:"stzh-footer__link",href:`${this.mainUrl}/${this.localization.legalNoticeUrl}`},this.localization.legalNoticeText),o("stzh-link",{slot:"link",target:"_blank",class:"stzh-footer__link",href:`${this.mainUrl}/${this.localization.imprintUrl}`},this.localization.imprintText),o("stzh-link",{class:"stzh-footer__link",slot:"link",target:"_blank",href:`${this.mainUrl}/${this.localization.accessibilityUrl}`},this.localization.accessibilityText))))))))}get element(){return i(this)}};a.style=l;export{a as stzh_footer};
+//# sourceMappingURL=p-4d975c00.entry.js.map

package/dist/stzh-components/{p-18402a84.entry.js.map → p-4d975c00.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stzhFooterCss","StzhFooter","this","init","socialLink","element","querySelector","links","querySelectorAll","setPropsIfNull","icon","forEach","link","setAttribute","componentWillLoad","copyright","currentDate","Date","getFullYear","localization","window","stzhComponents","utils","fetchTranslations","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","logoSlotUsed","hasSlot","infoSlotUsed","linkSlotUsed","socialLinkSlotUsed","classes","withBorder","h","Host","class","name","role","variant","Fragment","slot","target","href","mainUrl","legalNoticeUrl","legalNoticeText","imprintUrl","imprintText","accessibilityUrl","accessibilityText"],"sources":["src/components/stzh-footer/stzh-footer.scss?tag=stzh-footer","src/components/stzh-footer/stzh-footer.tsx"],"sourcesContent":[".stzh-footer {\n  @include host;\n  @include fontSize('pico');\n  background-color: $colorWhite;\n  padding: space('xlarge') 0;\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  stzh-link[slot=\"info\"],\n  stzh-link[slot=\"link\"],\n  stzh-link[slot=\"social-link\"],\n  stzh-link#{&}__link {\n    --color: #{$baseColor};\n    --text-decoration-line: none;\n    --icon-wrapper-height: auto;\n    --icon-size: #{iconSize('large')};\n\n    .stzh-link {\n      font-size: inherit;\n    }\n  }\n\n  stzh-link[slot=\"social-link\"] {\n    margin-bottom: space('xlarge');\n\n    @include mq($from: medium) {\n      margin-bottom: 0;\n      margin-right: space('large');\n    }\n  }\n\n  stzh-link[slot=\"info\"] {\n    &:not(:last-child) {\n      margin-bottom: space('small');\n    }\n  }\n\n  stzh-link[slot=\"link\"]{\n    &:not(:last-child) {\n      margin-bottom: space('small');\n\n      @include mq($from: smallheader) {\n        margin-bottom: 0;\n        margin-right: space('large');\n      }\n    }\n  }\n\n  &__wrapper {\n    @include container;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: medium) {\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n    }\n  }\n\n  &__logo,\n  &__info,\n  &__social-link,\n  &__links {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__logo {\n    &:not(:empty) {\n      margin-bottom: space('medium');\n\n      @include mq($from: medium) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  &__info {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    &:not(:empty) {\n      margin-bottom: space('xlarge');\n\n      @include mq($from: medium) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  &__logo,\n  &__social-link {\n    @include mq($from: medium) {\n      margin-right: auto;\n    }\n  }\n\n  &__links {\n    @include mq($from: medium) {\n      margin-left: auto;\n    }\n  }\n\n  &__links,\n  &__link-list,\n  slot-fb[name=\"link\"]:not([hidden]) {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: smallheader) {\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n\n  &__copyright:not(:empty) + &__link-list:not(:empty) {\n    margin-top: space('small');\n\n    @include mq($from: smallheader) {\n      margin-top: 0;\n      margin-left: space('large');\n    }\n  }\n\n  /* Logo or info filled variant */\n\n  &--has-logo &__wrapper,\n  &--has-info &__wrapper{\n    @include mq($from: medium) {\n      align-items: flex-start;\n    }\n  }\n\n  /* Has border */\n\n  &--has-border {\n    border-top: 1px solid $baseBorderColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Fragment,\n} from \"@stencil/core\";\n\nimport { StzhFooterLocalizedText } from './stzh-footer.localization';\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for content\n * @slot social-link - Slot for social `stzh-link`\n * @slot logo - Slot for logo `img`\n * @slot info - Slot for info content\n * @slot link - Slot for `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  /** Whether to display separation border */\n  @Prop() withBorder: boolean = false;\n\n  @Element() element: HTMLStzhFooterElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const socialLink = this.element.querySelector('stzh-link[slot=\"social-link\"]');\n    const links = this.element.querySelectorAll('stzh-link[slot=\"link\"]');\n\n    if (socialLink) {\n      setPropsIfNull(socialLink, {\n        icon: \"social-media\"\n      } as HTMLStzhLinkElement | HTMLStzhButtonElement);\n    }\n\n    links.forEach((link) => {\n      link.setAttribute(\"role\", \"listitem\");\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 socialLinkSlotUsed = hasSlot(this.element, \"social-link\");\n\n    const classes = {\n      \"stzh-footer\": true,\n      \"stzh-footer--has-border\": this.withBorder,\n      \"stzh-footer--has-logo\": logoSlotUsed,\n      \"stzh-footer--has-info\": infoSlotUsed,\n      \"stzh-footer--has-links\": linkSlotUsed,\n      \"stzh-footer--has-social-link\": socialLinkSlotUsed\n    };\n\n    return (\n      <Host>\n        <footer class={classes}>\n          <div class=\"stzh-footer__wrapper\">\n            <div class=\"stzh-footer__social-link\">\n              <slot name=\"social-link\"></slot>\n            </div>\n\n            <div class=\"stzh-footer__logo\">\n              <slot name=\"logo\"></slot>\n            </div>\n\n            <div class=\"stzh-footer__info\">\n              <slot name=\"info\"></slot>\n            </div>\n\n            <div class=\"stzh-footer__links\">\n              {this.copyright &&\n                <div class=\"stzh-footer__copyright\">\n                  {this.copyright}\n                </div>\n              }\n              <div class=\"stzh-footer__link-list\" role=\"list\">\n                <slot name=\"link\">\n                  {this.variant === \"egov\" &&\n                    <Fragment>\n                      <stzh-link\n                        slot=\"link\"\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                        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                        class=\"stzh-footer__link\"\n                        slot=\"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"],"mappings":"mIAAA,MAAMA,EAAgB,y/J,MCwBTC,EAAU,M,yBAoBbC,KAAAC,KAAO,KACb,MAAMC,EAAaF,KAAKG,QAAQC,cAAc,iCAC9C,MAAMC,EAAQL,KAAKG,QAAQG,iBAAiB,0BAE5C,GAAIJ,EAAY,CACdK,EAAeL,EAAY,CACzBM,KAAM,gB,CAIVH,EAAMI,SAASC,IACbA,EAAKC,aAAa,OAAQ,WAAW,GACrC,E,kEAxBkC,U,aAGZ,+B,gBAGI,K,CAqB9B,uBAAMC,GACJ,UAAWZ,KAAKa,YAAc,YAAa,CACzC,MAAMC,EAAc,IAAIC,KACxBf,KAAKa,UAAY,KAAKC,EAAYE,4B,CAGpC,IAAKhB,KAAKiB,aAAc,CACtBjB,KAAKiB,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBrB,KAAKG,QAAS,S,EAI1F,iBAAAmB,GACEtB,KAAKC,OAELD,KAAKuB,SAAW,IAAIC,iBAAiBxB,KAAKC,MAC1CD,KAAKuB,SAASE,QAAQzB,KAAKG,QAAS,CAClCuB,UAAW,KACXC,QAAS,M,CAIb,oBAAAC,GACE,GAAI5B,KAAKuB,SAAU,CACjBvB,KAAKuB,SAASM,Y,EAIlB,MAAAC,GACE,MAAMC,EAAeC,EAAQhC,KAAKG,QAAS,QAC3C,MAAM8B,EAAeD,EAAQhC,KAAKG,QAAS,QAC3C,MAAM+B,EAAeF,EAAQhC,KAAKG,QAAS,QAC3C,MAAMgC,EAAqBH,EAAQhC,KAAKG,QAAS,eAEjD,MAAMiC,EAAU,CACd,cAAe,KACf,0BAA2BpC,KAAKqC,WAChC,wBAAyBN,EACzB,wBAAyBE,EACzB,yBAA0BC,EAC1B,+BAAgCC,GAGlC,OACEG,EAACC,EAAI,KACHD,EAAA,UAAQE,MAAOJ,GACbE,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,4BACTF,EAAA,QAAMG,KAAK,iBAGbH,EAAA,OAAKE,MAAM,qBACTF,EAAA,QAAMG,KAAK,UAGbH,EAAA,OAAKE,MAAM,qBACTF,EAAA,QAAMG,KAAK,UAGbH,EAAA,OAAKE,MAAM,sBACRxC,KAAKa,WACJyB,EAAA,OAAKE,MAAM,0BACRxC,KAAKa,WAGVyB,EAAA,OAAKE,MAAM,yBAAyBE,KAAK,QACvCJ,EAAA,QAAMG,KAAK,QACRzC,KAAK2C,UAAY,QAChBL,EAACM,EAAQ,KACPN,EAAA,aACEO,KAAK,OACLC,OAAO,SACPN,MAAM,oBACNO,KAAM,GAAG/C,KAAKgD,WAAWhD,KAAKiB,aAAagC,kBAE1CjD,KAAKiB,aAAaiC,iBAErBZ,EAAA,aACEO,KAAK,OACLC,OAAO,SACPN,MAAM,oBACNO,KAAM,GAAG/C,KAAKgD,WAAWhD,KAAKiB,aAAakC,cAE1CnD,KAAKiB,aAAamC,aAErBd,EAAA,aACEE,MAAM,oBACNK,KAAK,OACLC,OAAO,SACPC,KAAM,GAAG/C,KAAKgD,WAAWhD,KAAKiB,aAAaoC,oBAE1CrD,KAAKiB,aAAaqC,yB"}
+{"version":3,"names":["stzhFooterCss","StzhFooter","this","init","socialLink","element","querySelector","links","querySelectorAll","setPropsIfNull","icon","forEach","link","setAttribute","componentWillLoad","copyright","currentDate","Date","getFullYear","localization","window","stzhComponents","utils","fetchTranslations","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","logoSlotUsed","hasSlot","infoSlotUsed","linkSlotUsed","socialLinkSlotUsed","classes","withBorder","h","Host","class","name","role","variant","Fragment","slot","target","href","mainUrl","legalNoticeUrl","legalNoticeText","imprintUrl","imprintText","accessibilityUrl","accessibilityText"],"sources":["src/components/stzh-footer/stzh-footer.scss?tag=stzh-footer","src/components/stzh-footer/stzh-footer.tsx"],"sourcesContent":[".stzh-footer {\n  @include host;\n  @include fontSize('pico');\n  background-color: $colorWhite;\n  padding: space('xlarge') 0;\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  stzh-link[slot=\"info\"],\n  stzh-link[slot=\"link\"],\n  stzh-link[slot=\"social-link\"],\n  stzh-link#{&}__link {\n    --color: #{$baseColor};\n    --text-decoration-line: none;\n    --icon-wrapper-height: auto;\n    --icon-size: #{iconSize('large')};\n\n    .stzh-link {\n      font-size: inherit;\n    }\n  }\n\n  stzh-link[slot=\"social-link\"] {\n    margin-bottom: space('xlarge');\n\n    @include mq($from: medium) {\n      margin-bottom: 0;\n      margin-right: space('large');\n    }\n  }\n\n  stzh-link[slot=\"info\"] {\n    &:not(:last-child) {\n      margin-bottom: space('small');\n    }\n  }\n\n  stzh-link[slot=\"link\"]{\n    &:not(:last-child) {\n      margin-bottom: space('small');\n\n      @include mq($from: smallheader) {\n        margin-bottom: 0;\n        margin-right: space('large');\n      }\n    }\n  }\n\n  &__wrapper {\n    @include container;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: medium) {\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n    }\n  }\n\n  &__logo,\n  &__info,\n  &__social-link,\n  &__links {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__logo {\n    &:not(:empty) {\n      margin-bottom: space('medium');\n\n      @include mq($from: medium) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  &__info {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    &:not(:empty) {\n      margin-bottom: space('xlarge');\n\n      @include mq($from: medium) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  &__logo,\n  &__social-link {\n    @include mq($from: medium) {\n      margin-right: auto;\n    }\n  }\n\n  &__links {\n    @include mq($from: medium) {\n      margin-left: auto;\n    }\n  }\n\n  &__links,\n  &__link-list,\n  slot-fb[name=\"link\"]:not([hidden]) {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: smallheader) {\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n\n  &__copyright:not(:empty) + &__link-list:not(:empty) {\n    margin-top: space('small');\n\n    @include mq($from: smallheader) {\n      margin-top: 0;\n      margin-left: space('large');\n    }\n  }\n\n  /* Logo or info filled variant */\n\n  &--has-logo &__wrapper,\n  &--has-info &__wrapper{\n    @include mq($from: medium) {\n      align-items: flex-start;\n    }\n  }\n\n  /* Has border */\n\n  &--has-border {\n    border-top: 1px solid $baseBorderColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Fragment,\n} from \"@stencil/core\";\n\nimport { StzhFooterLocalizedText } from './stzh-footer.localization';\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for content\n * @slot social-link - Slot for social `stzh-link`\n * @slot logo - Slot for logo `img`\n * @slot info - Slot for info content\n * @slot link - Slot for `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  /** Whether to display separation border */\n  @Prop() withBorder: boolean = false;\n\n  @Element() element: HTMLStzhFooterElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const socialLink = this.element.querySelector('stzh-link[slot=\"social-link\"]');\n    const links = this.element.querySelectorAll('stzh-link[slot=\"link\"]');\n\n    if (socialLink) {\n      setPropsIfNull(socialLink, {\n        icon: \"social-media\"\n      } as HTMLStzhLinkElement | HTMLStzhButtonElement);\n    }\n\n    links.forEach((link) => {\n      link.setAttribute(\"role\", \"listitem\");\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 socialLinkSlotUsed = hasSlot(this.element, \"social-link\");\n\n    const classes = {\n      \"stzh-footer\": true,\n      \"stzh-footer--has-border\": this.withBorder,\n      \"stzh-footer--has-logo\": logoSlotUsed,\n      \"stzh-footer--has-info\": infoSlotUsed,\n      \"stzh-footer--has-links\": linkSlotUsed,\n      \"stzh-footer--has-social-link\": socialLinkSlotUsed\n    };\n\n    return (\n      <Host>\n        <footer class={classes}>\n          <div class=\"stzh-footer__wrapper\">\n            <div class=\"stzh-footer__social-link\">\n              <slot name=\"social-link\"></slot>\n            </div>\n\n            <div class=\"stzh-footer__logo\">\n              <slot name=\"logo\"></slot>\n            </div>\n\n            <div class=\"stzh-footer__info\">\n              <slot name=\"info\"></slot>\n            </div>\n\n            <div class=\"stzh-footer__links\">\n              {this.copyright &&\n                <div class=\"stzh-footer__copyright\">\n                  {this.copyright}\n                </div>\n              }\n              <div class=\"stzh-footer__link-list\" role=\"list\">\n                <slot name=\"link\">\n                  {this.variant === \"egov\" &&\n                    <Fragment>\n                      <stzh-link\n                        slot=\"link\"\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                        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                        class=\"stzh-footer__link\"\n                        slot=\"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"],"mappings":"mIAAA,MAAMA,EAAgB,ymK,MCwBTC,EAAU,M,yBAoBbC,KAAAC,KAAO,KACb,MAAMC,EAAaF,KAAKG,QAAQC,cAAc,iCAC9C,MAAMC,EAAQL,KAAKG,QAAQG,iBAAiB,0BAE5C,GAAIJ,EAAY,CACdK,EAAeL,EAAY,CACzBM,KAAM,gB,CAIVH,EAAMI,SAASC,IACbA,EAAKC,aAAa,OAAQ,WAAW,GACrC,E,kEAxBkC,U,aAGZ,+B,gBAGI,K,CAqB9B,uBAAMC,GACJ,UAAWZ,KAAKa,YAAc,YAAa,CACzC,MAAMC,EAAc,IAAIC,KACxBf,KAAKa,UAAY,KAAKC,EAAYE,4B,CAGpC,IAAKhB,KAAKiB,aAAc,CACtBjB,KAAKiB,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBrB,KAAKG,QAAS,S,EAI1F,iBAAAmB,GACEtB,KAAKC,OAELD,KAAKuB,SAAW,IAAIC,iBAAiBxB,KAAKC,MAC1CD,KAAKuB,SAASE,QAAQzB,KAAKG,QAAS,CAClCuB,UAAW,KACXC,QAAS,M,CAIb,oBAAAC,GACE,GAAI5B,KAAKuB,SAAU,CACjBvB,KAAKuB,SAASM,Y,EAIlB,MAAAC,GACE,MAAMC,EAAeC,EAAQhC,KAAKG,QAAS,QAC3C,MAAM8B,EAAeD,EAAQhC,KAAKG,QAAS,QAC3C,MAAM+B,EAAeF,EAAQhC,KAAKG,QAAS,QAC3C,MAAMgC,EAAqBH,EAAQhC,KAAKG,QAAS,eAEjD,MAAMiC,EAAU,CACd,cAAe,KACf,0BAA2BpC,KAAKqC,WAChC,wBAAyBN,EACzB,wBAAyBE,EACzB,yBAA0BC,EAC1B,+BAAgCC,GAGlC,OACEG,EAACC,EAAI,KACHD,EAAA,UAAQE,MAAOJ,GACbE,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,4BACTF,EAAA,QAAMG,KAAK,iBAGbH,EAAA,OAAKE,MAAM,qBACTF,EAAA,QAAMG,KAAK,UAGbH,EAAA,OAAKE,MAAM,qBACTF,EAAA,QAAMG,KAAK,UAGbH,EAAA,OAAKE,MAAM,sBACRxC,KAAKa,WACJyB,EAAA,OAAKE,MAAM,0BACRxC,KAAKa,WAGVyB,EAAA,OAAKE,MAAM,yBAAyBE,KAAK,QACvCJ,EAAA,QAAMG,KAAK,QACRzC,KAAK2C,UAAY,QAChBL,EAACM,EAAQ,KACPN,EAAA,aACEO,KAAK,OACLC,OAAO,SACPN,MAAM,oBACNO,KAAM,GAAG/C,KAAKgD,WAAWhD,KAAKiB,aAAagC,kBAE1CjD,KAAKiB,aAAaiC,iBAErBZ,EAAA,aACEO,KAAK,OACLC,OAAO,SACPN,MAAM,oBACNO,KAAM,GAAG/C,KAAKgD,WAAWhD,KAAKiB,aAAakC,cAE1CnD,KAAKiB,aAAamC,aAErBd,EAAA,aACEE,MAAM,oBACNK,KAAK,OACLC,OAAO,SACPC,KAAM,GAAG/C,KAAKgD,WAAWhD,KAAKiB,aAAaoC,oBAE1CrD,KAAKiB,aAAaqC,yB"}

package/dist/stzh-components/p-531fd43a.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as i,h as t,a as e,g as n}from"./p-c92165bd.js";const o=".sc-stzh-skiplink-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-skiplink-h{display:none}.sc-stzh-skiplink-h *.sc-stzh-skiplink,.sc-stzh-skiplink-h *.sc-stzh-skiplink::before,.sc-stzh-skiplink-h *.sc-stzh-skiplink::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-skiplink-h .has-focus.sc-stzh-skiplink{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink{outline-style:none !important}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink::-moz-focus-inner{border:0 !important}.sc-stzh-skiplink-h:not([focused]){padding:0 !important;margin:0 !important}.stzh-skiplink.sc-stzh-skiplink{display:inline-block;right:0;top:0;white-space:nowrap;padding:var(--stzh-space-large) var(--stzh-space-xxlarge);border:solid 0.0625rem var(--stzh-color-grey40);border-radius:0.125rem;background:var(--stzh-color-white);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-skiplink.sc-stzh-skiplink:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-skiplink.sc-stzh-skiplink:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}";const r=class{constructor(t){s(this,t);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.link.focus()}this.focusedByInput=false};this.onFocus=s=>{this.focusedByInput=true;const i=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(i);this.stzhFocus.emit({component:"stzh-skiplink",originalEvent:s})};this.onBlur=s=>{const i=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(i);this.stzhBlur.emit({component:"stzh-skiplink",originalEvent:s})};this.label="";this.href=undefined;this.linkAccesskey=undefined;this.linkTitle=undefined;this.analyticsId=undefined;this.focused=false}focusinHandler(){this.focused=true}focusoutHandler(){this.focused=false}componentDidRender(){requestAnimationFrame((()=>{this.link.setAttribute("s-object-id",this.analyticsId||this.label||this.text.innerText)}))}render(){return t(e,{focused:this.focused,tabindex:"-1",onFocus:this.onRootFocus},t("a",{ref:s=>this.link=s,class:"stzh-skiplink",href:this.href,accessKey:this.linkAccesskey,title:this.linkTitle,onFocus:this.onFocus,onBlur:this.onBlur},t("div",{ref:s=>this.text=s},this.label?this.label:t("slot",null))))}get element(){return n(this)}};r.style=o;export{r as stzh_skiplink};
+//# sourceMappingURL=p-531fd43a.entry.js.map

package/dist/stzh-components/p-531fd43a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhSkiplinkCss","StzhSkiplink","this","focusedByInput","onRootFocus","link","focus","onFocus","event","focusEvent","FocusEvent","view","window","bubbles","cancelable","element","dispatchEvent","stzhFocus","emit","component","originalEvent","onBlur","blurEvent","stzhBlur","focusinHandler","focused","focusoutHandler","componentDidRender","requestAnimationFrame","setAttribute","analyticsId","label","text","innerText","render","h","Host","tabindex","ref","el","class","href","accessKey","linkAccesskey","title","linkTitle"],"sources":["src/components/stzh-skiplink/stzh-skiplink.scss?tag=stzh-skiplink&encapsulation=scoped","src/components/stzh-skiplink/stzh-skiplink.tsx"],"sourcesContent":[":host(:not([focused])) {\n  // reset any margin or padding (e.g. from stzh-vspace/hspace components)\n  // so the host element won't take up any space when link inside is not focuseds\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.stzh-skiplink {\n  @include visuallyhiddenFocusable;\n  display: inline-block;\n  right: 0;\n  top: 0;\n  white-space: nowrap;\n\tpadding: space('large') space('xxlarge');\n\tborder: solid 1px $colorGrey40;\n\tborder-radius: 2px;\n\tbackground: $colorWhite;\n  color: $colorPrimary;\n\ttransition: color $baseTransitionAnimationSpeed;\n  text-decoration-line: none;\n\n\t&:hover {\n\t\tcolor: $colorPrimaryHover;\n\t}\n}\n","import {\n  Component,\n  Host,\n  Listen,\n  h,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Element,\n} from \"@stencil/core\";\n\nimport {\n  StzhSkiplinkFocusEvent,\n  StzhSkiplinkBlurEvent,\n} from \"../../index\";\n\n/**\n * @slot - Slot for any text content\n */\n@Component({\n  tag: \"stzh-skiplink\",\n  styleUrl: \"stzh-skiplink.scss\",\n  scoped: true\n})\nexport class StzhSkiplink {\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** href for linking to e.g. id of an element to skip to */\n  @Prop() href: string;\n\n  /** Access key of link (usually a number e.g. 1) */\n  @Prop() linkAccesskey: string;\n\n  /** Link title for description e.g. how to use skiplink with access key ([ALT + 1]) */\n  @Prop() linkTitle: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link element.\n   * Default value will be taken from `label` prop or default slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Whether the skiplink is currently focused */\n  @State() focused: boolean = false;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhSkiplinkFocusEvent>;\n\n  /** Blur event */\n  @Event() stzhBlur: EventEmitter<StzhSkiplinkBlurEvent>;\n\n  @Element() element: HTMLStzhSkiplinkElement;\n\n  @Listen('focusin')\n  focusinHandler() {\n    this.focused = true;\n  }\n\n  @Listen('focusout')\n  focusoutHandler() {\n    this.focused = false;\n  }\n\n  private link: HTMLAnchorElement;\n  private text: HTMLDivElement;\n  private focusedByInput: boolean = false;\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.link.focus();\n    }\n\n    this.focusedByInput = false;\n  }\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    // dispatch native focus event\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(focusEvent);\n\n    // dispatch own focus event for updating flyingfocus position correctly\n    this.stzhFocus.emit({\n      component: \"stzh-skiplink\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(blurEvent);\n\n    this.stzhBlur.emit({\n      component: \"stzh-skiplink\",\n      originalEvent: event\n    });\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.link.setAttribute(\"s-object-id\", this.analyticsId || this.label || this.text.innerText);\n    });\n  }\n\n  render() {\n    return (\n      <Host focused={this.focused} tabindex=\"-1\" onFocus={this.onRootFocus}>\n        <a\n          ref={(el) => (this.link = el as HTMLAnchorElement)}\n          class=\"stzh-skiplink\"\n          href={this.href}\n          accessKey={this.linkAccesskey}\n          title={this.linkTitle}\n          onFocus={this.onFocus}\n          onBlur={this.onBlur}\n        >\n          <div ref={(el) => (this.text = el as HTMLDivElement)}>\n            {this.label ? this.label : <slot></slot>}\n          </div>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAkB,uwD,MCyBXC,EAAY,M,iGA2CfC,KAAAC,eAA0B,MAE1BD,KAAAE,YAAc,KACpB,IAAKF,KAAKC,eAAgB,CACxBD,KAAKG,KAAKC,O,CAGZJ,KAAKC,eAAiB,KAAK,EAGrBD,KAAAK,QAAWC,IACjBN,KAAKC,eAAiB,KAGtB,MAAMM,EAAa,IAAIC,WAAW,QAAS,CACzCC,KAAMC,OACNC,QAAS,MACTC,WAAY,QAGdZ,KAAKa,QAAQC,cAAcP,GAG3BP,KAAKe,UAAUC,KAAK,CAClBC,UAAW,gBACXC,cAAeZ,GACf,EAGIN,KAAAmB,OAAUb,IAChB,MAAMc,EAAY,IAAIZ,WAAW,OAAQ,CACvCC,KAAMC,OACNC,QAAS,MACTC,WAAY,QAGdZ,KAAKa,QAAQC,cAAcM,GAE3BpB,KAAKqB,SAASL,KAAK,CACjBC,UAAW,gBACXC,cAAeZ,GACf,E,WAlFoB,G,kHAmBI,K,CAW5B,cAAAgB,GACEtB,KAAKuB,QAAU,I,CAIjB,eAAAC,GACExB,KAAKuB,QAAU,K,CAiDjB,kBAAAE,GACEC,uBAAsB,KACpB1B,KAAKG,KAAKwB,aAAa,cAAe3B,KAAK4B,aAAe5B,KAAK6B,OAAS7B,KAAK8B,KAAKC,UAAU,G,CAIhG,MAAAC,GACE,OACEC,EAACC,EAAI,CAACX,QAASvB,KAAKuB,QAASY,SAAS,KAAK9B,QAASL,KAAKE,aACvD+B,EAAA,KACEG,IAAMC,GAAQrC,KAAKG,KAAOkC,EAC1BC,MAAM,gBACNC,KAAMvC,KAAKuC,KACXC,UAAWxC,KAAKyC,cAChBC,MAAO1C,KAAK2C,UACZtC,QAASL,KAAKK,QACdc,OAAQnB,KAAKmB,QAEbc,EAAA,OAAKG,IAAMC,GAAQrC,KAAK8B,KAAOO,GAC5BrC,KAAK6B,MAAQ7B,KAAK6B,MAAQI,EAAA,e"}