@oiz/stzh-components 4.1.0 → 4.1.1-beta

package/dist/esm/stzh-vbz-intro.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host, g as getElement } from './index-d8813b10.js';
 
-const stzhVbzIntroCss = ".sc-stzh-vbz-intro-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-vbz-intro-h,[stzh-hidden].sc-stzh-vbz-intro-h{display:none}.sc-stzh-vbz-intro-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro,.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro::before,.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro::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-vbz-intro-h .has-focus.sc-stzh-vbz-intro{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-intro-h .stzh-fylingfocus-focused.sc-stzh-vbz-intro{outline-style:none !important}.sc-stzh-vbz-intro-h .stzh-fylingfocus-focused.sc-stzh-vbz-intro::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-intro-h{--background-color-topnews:var(--stzh-topnews-background-color);--background-color-mostsearched:var(--stzh-mostsearched-background-color);--topnews-item-subtitle-font:var(--stzh-vbz-intro-topnews-subtitle-font, var(--stzh-font-family-medium));--topnews-item-subtitle-color:var(--stzh-vbz-intro-topnews-item-subtitle-color, var(--stzh-color-primary70));--topnews-item-subtitle-highlighted-color:var(--stzh-vbz-intro-topnews-item-subtitle-highlighted-color, var(--stzh-color-primary60));--grid-template-areas:\"ticker ticker ticker ticker\" \"quicklinks quicklinks quicklinks quicklinks\"}@media screen and (min-width: 900px){.sc-stzh-vbz-intro-h{--grid-template-areas:\"ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks\"}}@media screen and (min-width: 1260px){.sc-stzh-vbz-intro-h{--grid-template-areas:\"ticker ticker ticker ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks quicklinks\"}}.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas)}@media screen and (min-width: 600px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-vbz-intro.sc-stzh-vbz-intro{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:flex;flex-direction:column;padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{grid-area:ticker}@media screen and (min-width: 1600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{padding-left:0}}.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{grid-area:quicklinks;background-color:var(--stzh-color-primary60);padding-left:var(--stzh-space-large);margin-left:-1.25rem;padding-right:var(--stzh-space-large);margin-right:-1.25rem}@media screen and (min-width: 600px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:grid;gap:0 var(--stzh-space-large);grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:2rem;margin-left:-2rem;padding-right:2rem;margin-right:-2rem}}@media screen and (min-width: 900px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:flex;gap:inherit;grid-template-columns:inherit;padding-left:2.5rem;margin-left:inherit;padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-right:4rem;margin-right:-4rem}}@media screen and (min-width: 1600px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{margin-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) * -0.5)}}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklinks__heading.sc-stzh-vbz-intro{--color:var(--stzh-color-white);margin-bottom:var(--stzh-space-xsmall)}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro{--text-decoration-line:none;--color:var(--stzh-color-white);--hover-text-decoration-line:none;--hover-color:var(--stzh-color-white);transition:transform 150ms ease;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro:hover{transform:translateX(0.625rem)}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro:hover{transform:translateX(1.25rem)}}";
+const stzhVbzIntroCss = ".sc-stzh-vbz-intro-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-vbz-intro-h,[stzh-hidden].sc-stzh-vbz-intro-h{display:none}.sc-stzh-vbz-intro-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro,.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro::before,.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro::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-vbz-intro-h .has-focus.sc-stzh-vbz-intro{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-intro-h .stzh-fylingfocus-focused.sc-stzh-vbz-intro{outline-style:none !important}.sc-stzh-vbz-intro-h .stzh-fylingfocus-focused.sc-stzh-vbz-intro::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-intro-h{--mostsearched-background-color:var(--stzh-mostsearched-background-color);--topnews-background-color:var(--stzh-topnews-background-color);--topnews-item-subtitle-color:var(--stzh-vbz-intro-topnews-item-subtitle-color, var(--stzh-color-primary70));--topnews-item-subtitle-font:var(--stzh-vbz-intro-topnews-subtitle-font, var(--stzh-font-family-medium));--topnews-item-subtitle-highlighted-color:var(--stzh-vbz-intro-topnews-item-subtitle-highlighted-color, var(--stzh-color-primary60));--grid-template-areas:\"ticker ticker ticker ticker\" \"quicklinks quicklinks quicklinks quicklinks\"}@media screen and (min-width: 900px){.sc-stzh-vbz-intro-h{--grid-template-areas:\"ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks\"}}@media screen and (min-width: 1260px){.sc-stzh-vbz-intro-h{--grid-template-areas:\"ticker ticker ticker ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks quicklinks\"}}.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas)}@media screen and (min-width: 600px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-vbz-intro.sc-stzh-vbz-intro{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:flex;flex-direction:column;padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{grid-area:ticker}@media screen and (min-width: 1600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{padding-left:0}}.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{grid-area:quicklinks;background-color:var(--stzh-color-primary60);padding-left:var(--stzh-space-large);margin-left:-1.25rem;padding-right:var(--stzh-space-large);margin-right:-1.25rem}@media screen and (min-width: 600px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:grid;gap:0 var(--stzh-space-large);grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:2rem;margin-left:-2rem;padding-right:2rem;margin-right:-2rem}}@media screen and (min-width: 900px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:flex;gap:inherit;grid-template-columns:inherit;padding-left:2.5rem;margin-left:inherit;padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-right:4rem;margin-right:-4rem}}@media screen and (min-width: 1600px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{margin-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) * -0.5)}}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklinks__heading.sc-stzh-vbz-intro{--color:var(--stzh-color-white);margin-bottom:var(--stzh-space-xsmall)}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro{--text-decoration-line:none;--color:var(--stzh-color-white);--hover-text-decoration-line:none;--hover-color:var(--stzh-color-white);transition:transform 150ms ease;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro:hover{transform:translateX(0.625rem)}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro:hover{transform:translateX(1.25rem)}}";
 const StzhVbzIntroStyle0 = stzhVbzIntroCss;
 
 const StzhVbzIntro = class {

package/dist/esm/stzh-vbz-intro.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-vbz-intro.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,s8LAAs8L,CAAC;AAC/9L,2BAAe,eAAe;;MCWjB,YAAY;;;QAQf,gBAAW,GAA2B,EAAE,CAAC;QAiBzC,SAAI,GAAG;YACb,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACzC,CAAC;;0BApBgD,EAAE;;IAIpD,iBAAiB,CAAC,QAAqC;QACrD,IAAI,CAAC,QAAQ,EAAE;YACb,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;SACvB;aAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YACvC,IAAI;gBACF,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;aACzC;YAAC,OAAO,CAAC,EAAE;gBACV,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;aACvB;SACF;aAAM;YACL,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;SAC7B;KACF;IAMD,MAAM,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;SACpG;KACF;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,gBAAgB,EAAE,IAAI;SACvB,CAAC;QAEF,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,OAAO,IACjB,4DAAK,KAAK,EAAC,wBAAwB,IACjC,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,EACL,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,KAC1B,4DAAK,KAAK,EAAC,4BAA4B,IACrC,qEAAc,KAAK,EAAC,oCAAoC,IACrD,IAAI,CAAC,YAAY,CAAC,iBAAiB,CACvB,EACd,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,KACxB,WAAK,KAAK,EAAC,0BAA0B,IACnC,iBAAW,KAAK,EAAC,gCAAgC,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,IACnF,IAAI,CAAC,KAAK,CACD,CACR,CACP,CAAC,CACE,CACP,CACG,CACD,EACP;KACH;;;;;;;;;;","names":[],"sources":["src/components/CMS/VBZ/stzh-vbz-intro/stzh-vbz-intro.scss?tag=stzh-vbz-intro&encapsulation=scoped","src/components/CMS/VBZ/stzh-vbz-intro/stzh-vbz-intro.tsx"],"sourcesContent":["/**\n * @prop --background-color: Background color of top news section\n * @prop --background-color-mostsearched: Background color of top most searched section\n *\n * @prop --stzh-vbz-intro-subtitle-font: **Global**: Font of the topnews subtitle\n * @prop --stzh-vbz-intro-topnews-item-subtitle-color: **Global**: Color of the topnews subtitle\n * @prop --stzh-vbz-intro-topnews-item-subtitle-highlighted-color: **Global**: Color of the topnews subtitle (highlighted variant)\n */\n\n:host {\n  --background-color-topnews: #{$topnewsBackgroundColor};\n  --background-color-mostsearched: #{$mostsearchedBackgroundColor};\n  --topnews-item-subtitle-font: var(--stzh-vbz-intro-topnews-subtitle-font, #{$topnewsSubtitleFont});\n  --topnews-item-subtitle-color: var(--stzh-vbz-intro-topnews-item-subtitle-color, #{$colorPrimary70});\n  --topnews-item-subtitle-highlighted-color: var(--stzh-vbz-intro-topnews-item-subtitle-highlighted-color, #{$colorPrimary60});\n\n  --grid-template-areas: \"ticker ticker ticker ticker\" \"quicklinks quicklinks quicklinks quicklinks\";\n\n  @include mq($from: medium) {\n    --grid-template-areas: \"ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks\";\n  }\n\n  @include mq($from: large) {\n    --grid-template-areas: \"ticker ticker ticker ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks quicklinks\";\n  }\n}\n\n.stzh-vbz-intro {\n  @include grid;\n  grid-template-areas: var(--grid-template-areas);\n\n  &__ticker,\n  &__quicklinks {\n    display: flex;\n    flex-direction: column;\n    @include spaceCurve('padding-top', 'regular');\n    @include spaceCurve('padding-bottom', 'regular');\n  }\n\n  &__ticker {\n    grid-area: ticker;\n\n    @include mq($from: ultra) {\n      padding-left: 0;\n    }\n  }\n\n  /**\n   * Quick links.\n   */\n  &__quicklinks {\n    grid-area: quicklinks;\n    background-color: var(--stzh-color-primary60);\n    padding-left: space('large');\n    margin-left: $containerMargin * -1;\n    padding-right: space('large');\n    margin-right: $containerMargin * -1;\n\n    @include mq($from: small) {\n      display: grid;\n      gap: 0 space('large');\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      padding-left: $containerMarginSmall;\n      margin-left: $containerMarginSmall * -1;\n      padding-right: $containerMarginSmall;\n      margin-right: $containerMarginSmall * -1;\n    }\n\n    @include mq($from: medium) {\n      display: flex;\n      gap: inherit;\n      grid-template-columns: inherit;\n      padding-left: $containerMarginMedium;\n      margin-left: inherit;\n      padding-right: $containerMarginMedium;\n      margin-right: $containerMarginMedium * -1;\n    }\n\n    @include mq($from: large) {\n      padding-right: $containerMarginLarge;\n      margin-right: $containerMarginLarge * -1;\n    }\n\n    @include mq($from: ultra) {\n      margin-right: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) * -0.5));\n    }\n  }\n\n  .stzh-vbz-intro-quicklinks__heading {\n    --color: var(--stzh-color-white);\n    margin-bottom: space('xsmall');\n  }\n\n  .stzh-vbz-intro-quicklink__link {\n    --text-decoration-line: none;\n    --color: var(--stzh-color-white);\n    --hover-text-decoration-line: none;\n    --hover-color: var(--stzh-color-white);\n\n    transition: transform 150ms ease;\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n\n    &:hover, {\n      transform: translateX(10px);\n\n      @include mq($from: medium) {\n        transform: translateX(20px);\n      }\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\";\nimport { StzhMostsearchedItem, StzhVbzQuicklink } from \"../../../../index\";\nimport { StzhVbzIntroLocalizedText } from \"./stzh-vbz-intro.localization\";\n\n/**\n * @slot ticker - slot for ticker content \n */\n@Component({\n  tag: \"stzh-vbz-intro\",\n  styleUrl: \"stzh-vbz-intro.scss\",\n  scoped: true,\n})\nexport class StzhVbzIntro {\n  @Element() element: HTMLStzhVbzIntroElement;\n\n  /** Translation strings. */\n  @Prop() localization: StzhVbzIntroLocalizedText;\n\n  /** Most searched items */\n  @Prop() quicklinks: StzhVbzQuicklink[] | string = [];\n  private _quicklinks: StzhMostsearchedItem[] = [];\n\n  @Watch(\"quicklinks\")\n  quicklinksWatcher(newValue: StzhVbzQuicklink[] | string) {\n    if (!newValue) {\n      this._quicklinks = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._quicklinks = JSON.parse(newValue);\n      } catch (e) {\n        this._quicklinks = [];\n      }\n    } else {\n      this._quicklinks = newValue;\n    }\n  }\n\n  private init = () => {\n    this.quicklinksWatcher(this.quicklinks);\n  };\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"vbz-intro\");\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-vbz-intro\": true,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-vbz-intro__ticker\">\n            <slot name=\"ticker\"></slot>\n          </div>\n          {this._quicklinks.length > 0 && (\n            <div class=\"stzh-vbz-intro__quicklinks\">\n              <stzh-heading class=\"stzh-vbz-intro-quicklinks__heading\">\n                {this.localization.quicklinksHeading}\n              </stzh-heading>\n              {this._quicklinks.map(item => (\n                <div class=\"stzh-vbz-intro-quicklink\">\n                  <stzh-link class=\"stzh-vbz-intro-quicklink__link\" href={item.href} icon={\"arrow-right\"}>\n                    {item.label}\n                  </stzh-link>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-vbz-intro.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,s8LAAs8L,CAAC;AAC/9L,2BAAe,eAAe;;MCWjB,YAAY;;;QAQf,gBAAW,GAA2B,EAAE,CAAC;QAiBzC,SAAI,GAAG;YACb,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACzC,CAAC;;0BApBgD,EAAE;;IAIpD,iBAAiB,CAAC,QAAqC;QACrD,IAAI,CAAC,QAAQ,EAAE;YACb,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;SACvB;aAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YACvC,IAAI;gBACF,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;aACzC;YAAC,OAAO,CAAC,EAAE;gBACV,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;aACvB;SACF;aAAM;YACL,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;SAC7B;KACF;IAMD,MAAM,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;SACpG;KACF;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,gBAAgB,EAAE,IAAI;SACvB,CAAC;QAEF,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,OAAO,IACjB,4DAAK,KAAK,EAAC,wBAAwB,IACjC,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,EACL,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,KAC1B,4DAAK,KAAK,EAAC,4BAA4B,IACrC,qEAAc,KAAK,EAAC,oCAAoC,IACrD,IAAI,CAAC,YAAY,CAAC,iBAAiB,CACvB,EACd,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,KACxB,WAAK,KAAK,EAAC,0BAA0B,IACnC,iBAAW,KAAK,EAAC,gCAAgC,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,IACnF,IAAI,CAAC,KAAK,CACD,CACR,CACP,CAAC,CACE,CACP,CACG,CACD,EACP;KACH;;;;;;;;;;","names":[],"sources":["src/components/CMS/VBZ/stzh-vbz-intro/stzh-vbz-intro.scss?tag=stzh-vbz-intro&encapsulation=scoped","src/components/CMS/VBZ/stzh-vbz-intro/stzh-vbz-intro.tsx"],"sourcesContent":["/**\n * @prop --background-color: Background color of top news section\n * @prop --mostsearched-background-color: Background color of top most searched section\n *\n * @prop --stzh-vbz-intro-subtitle-font: **Global**: Font of the topnews subtitle\n * @prop --stzh-vbz-intro-topnews-item-subtitle-color: **Global**: Color of the topnews subtitle\n * @prop --stzh-vbz-intro-topnews-item-subtitle-highlighted-color: **Global**: Color of the topnews subtitle (highlighted variant)\n */\n\n:host {\n  --mostsearched-background-color: #{$mostsearchedBackgroundColor};\n  --topnews-background-color: #{$topnewsBackgroundColor};\n  --topnews-item-subtitle-color: var(--stzh-vbz-intro-topnews-item-subtitle-color, #{$colorPrimary70});\n  --topnews-item-subtitle-font: var(--stzh-vbz-intro-topnews-subtitle-font, #{$topnewsSubtitleFont});\n  --topnews-item-subtitle-highlighted-color: var(--stzh-vbz-intro-topnews-item-subtitle-highlighted-color, #{$colorPrimary60});\n\n  --grid-template-areas: \"ticker ticker ticker ticker\" \"quicklinks quicklinks quicklinks quicklinks\";\n\n  @include mq($from: medium) {\n    --grid-template-areas: \"ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks\";\n  }\n\n  @include mq($from: large) {\n    --grid-template-areas: \"ticker ticker ticker ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks quicklinks\";\n  }\n}\n\n.stzh-vbz-intro {\n  @include grid;\n  grid-template-areas: var(--grid-template-areas);\n\n  &__ticker,\n  &__quicklinks {\n    display: flex;\n    flex-direction: column;\n    @include spaceCurve('padding-top', 'regular');\n    @include spaceCurve('padding-bottom', 'regular');\n  }\n\n  &__ticker {\n    grid-area: ticker;\n\n    @include mq($from: ultra) {\n      padding-left: 0;\n    }\n  }\n\n  /**\n   * Quick links.\n   */\n  &__quicklinks {\n    grid-area: quicklinks;\n    background-color: var(--stzh-color-primary60);\n    padding-left: space('large');\n    margin-left: $containerMargin * -1;\n    padding-right: space('large');\n    margin-right: $containerMargin * -1;\n\n    @include mq($from: small) {\n      display: grid;\n      gap: 0 space('large');\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      padding-left: $containerMarginSmall;\n      margin-left: $containerMarginSmall * -1;\n      padding-right: $containerMarginSmall;\n      margin-right: $containerMarginSmall * -1;\n    }\n\n    @include mq($from: medium) {\n      display: flex;\n      gap: inherit;\n      grid-template-columns: inherit;\n      padding-left: $containerMarginMedium;\n      margin-left: inherit;\n      padding-right: $containerMarginMedium;\n      margin-right: $containerMarginMedium * -1;\n    }\n\n    @include mq($from: large) {\n      padding-right: $containerMarginLarge;\n      margin-right: $containerMarginLarge * -1;\n    }\n\n    @include mq($from: ultra) {\n      margin-right: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) * -0.5));\n    }\n  }\n\n  .stzh-vbz-intro-quicklinks__heading {\n    --color: var(--stzh-color-white);\n    margin-bottom: space('xsmall');\n  }\n\n  .stzh-vbz-intro-quicklink__link {\n    --text-decoration-line: none;\n    --color: var(--stzh-color-white);\n    --hover-text-decoration-line: none;\n    --hover-color: var(--stzh-color-white);\n\n    transition: transform 150ms ease;\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n\n    &:hover, {\n      transform: translateX(10px);\n\n      @include mq($from: medium) {\n        transform: translateX(20px);\n      }\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\";\nimport { StzhMostsearchedItem, StzhVbzQuicklink } from \"../../../../index\";\nimport { StzhVbzIntroLocalizedText } from \"./stzh-vbz-intro.localization\";\n\n/**\n * @slot ticker - slot for ticker content \n */\n@Component({\n  tag: \"stzh-vbz-intro\",\n  styleUrl: \"stzh-vbz-intro.scss\",\n  scoped: true,\n})\nexport class StzhVbzIntro {\n  @Element() element: HTMLStzhVbzIntroElement;\n\n  /** Translation strings. */\n  @Prop() localization: StzhVbzIntroLocalizedText;\n\n  /** Most searched items */\n  @Prop() quicklinks: StzhVbzQuicklink[] | string = [];\n  private _quicklinks: StzhMostsearchedItem[] = [];\n\n  @Watch(\"quicklinks\")\n  quicklinksWatcher(newValue: StzhVbzQuicklink[] | string) {\n    if (!newValue) {\n      this._quicklinks = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._quicklinks = JSON.parse(newValue);\n      } catch (e) {\n        this._quicklinks = [];\n      }\n    } else {\n      this._quicklinks = newValue;\n    }\n  }\n\n  private init = () => {\n    this.quicklinksWatcher(this.quicklinks);\n  };\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"vbz-intro\");\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-vbz-intro\": true,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-vbz-intro__ticker\">\n            <slot name=\"ticker\"></slot>\n          </div>\n          {this._quicklinks.length > 0 && (\n            <div class=\"stzh-vbz-intro__quicklinks\">\n              <stzh-heading class=\"stzh-vbz-intro-quicklinks__heading\">\n                {this.localization.quicklinksHeading}\n              </stzh-heading>\n              {this._quicklinks.map(item => (\n                <div class=\"stzh-vbz-intro-quicklink\">\n                  <stzh-link class=\"stzh-vbz-intro-quicklink__link\" href={item.href} icon={\"arrow-right\"}>\n                    {item.label}\n                  </stzh-link>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/{utils-a756a0c9.js → utils-2ad42b77.js}

@@ -128,59 +128,11 @@ function addWordBreakToLinks(links) {
         }
     });
 }
-// `extras.experimentalSlotFixes` stencil config flag resolves cloning light dom elements
-// so our own cloneElement / cloneWrappedStzhElement helpers are not needed right now
-// (used before in cardlist and sortable component).
-// export function children(node: Element) {
-//   return childNodes(node).map((n: any) => n.nodeType === 1);
-// }
-// const nativeCloneNodeFn = Node.prototype.cloneNode;
-// export function cloneElement(node: Element, deep: boolean) {
-//   const clonedNode = nativeCloneNodeFn.call(node, false);
-//   const srcChildNodes = childNodes(node);
-//   if (deep) {
-//     for (let i = 0; i < srcChildNodes.length; i++) {
-//       if (srcChildNodes[i].nodeType !== 2) {
-//         const childClone = cloneElement(srcChildNodes[i], true);
-//         clonedNode.appendChild(childClone);
-//       }
-//     }
-//   }
-//   return clonedNode;
-// }
-// // Clone an stzh-* element that is using stencil polyfilled slots (no shadow dom)
-// // and potentially wrapped in normal elements (e.g. angular component)
-// export function cloneWrappedStzhElement(elementToClone: Element): [Element, Element, Element] {
-//   let clonedElement: Element;
-//   let clonedStzhElement: Element;
-//   let originalStzhElement: Element;
-//   if (isStzhElement(elementToClone)) {
-//     clonedElement = cloneElement(elementToClone, true);
-//     clonedStzhElement = clonedElement;
-//     originalStzhElement = elementToClone;
-//   } else {
-//     clonedElement = elementToClone.cloneNode() as Element;
-//     let clonedInnerElementLast: Element = clonedElement;
-//     let originalInnerElementLast: Element = elementToClone;
-//     // clone inner root elements separately until we find a stzh element
-//     while (originalInnerElementLast.children.length === 1 && !isStzhElement(originalInnerElementLast.children[0])) {
-//       originalInnerElementLast = originalInnerElementLast.children[0];
-//       const clonedInnerElementCurrent = originalInnerElementLast.cloneNode() as Element;
-//       clonedInnerElementLast.appendChild(clonedInnerElementCurrent);
-//       clonedInnerElementLast = clonedInnerElementCurrent;
-//     }
-//     if (isStzhElement(originalInnerElementLast.children[0])) {
-//       clonedStzhElement = cloneElement(originalInnerElementLast.children[0], true);
-//       originalStzhElement = originalInnerElementLast.children[0];
-//       clonedInnerElementLast.appendChild(clonedStzhElement);
-//     } else {
-//       // no root stzh element found, so we give up and just deep clone the root
-//       clonedElement = cloneElement(elementToClone, true);
-//     }
-//   }
-//   return [clonedElement, clonedStzhElement, originalStzhElement];
-// }
+function getTheme() {
+    const htmlElement = document.documentElement;
+    return Array.from(htmlElement.classList).find(className => className.startsWith("stzh-theme-"));
+}
 
-export { setProps as a, getMeta as b, isVisible as c, addWordBreakToLinks as d, getStzhEnvironment as g, hasSlot as h, isStzhElement as i, offset as o, raf as r, setPropsIfNull as s };
+export { setProps as a, getStzhEnvironment as b, getMeta as c, isVisible as d, addWordBreakToLinks as e, getTheme as g, hasSlot as h, isStzhElement as i, offset as o, raf as r, setPropsIfNull as s };
 
-//# sourceMappingURL=utils-a756a0c9.js.map
+//# sourceMappingURL=utils-2ad42b77.js.map

package/dist/esm/utils-2ad42b77.js.map

@@ -0,0 +1 @@
+{"file":"utils-2ad42b77.js","mappings":"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","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["import { dashCase } from \"./string-utils\";\n\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\nexport function hasSlot(el: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(childNodes(el)).some((node) => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== \"\") {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute(\"slot\")) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport function setPropsIfNull(element: Element, attributes: any) {\n  Object.keys(attributes).forEach((attribute) => {\n    if (element.getAttribute(dashCase(attribute)) === null) {\n      element[attribute] = attributes[attribute];\n    }\n  });\n}\n\nexport function setProps(element: Element, attributes: any) {\n  Object.keys(attributes).forEach((attribute) => {\n    element[attribute] = attributes[attribute];\n  });\n}\n\nexport function isStzhElement(element: Element) {\n  if (!element || element.nodeType !== 1) {\n    return false;\n  }\n\n  return element.tagName.toLowerCase().indexOf(\"stzh-\") === 0;\n}\n\n// returns content of <meta name=\"\" content=\"\"> tags or '' if empty/non existant\nexport function getMeta(name) {\n  const meta = document.querySelector(\n    `meta[name=\"${name}\"],[property=\"${name}\"]`\n  );\n  return meta ? meta.getAttribute(\"content\") : \"\";\n}\n\nexport function parents(node: Element | Node) {\n  const parents = [];\n\n  while (node) {\n    parents.unshift(node);\n    node = node.parentNode;\n  }\n\n  return parents;\n}\n\nexport function childNodes(node: Element) {\n  const childNodes = node.childNodes;\n\n  // check if element is stencil element without shadow dom\n  // and then detect elements that were slotted into the element\n  if (node[\"s-sc\"]) {\n    const result = [];\n\n    for (let i = 0; i < childNodes.length; i++) {\n      const slot = childNodes[i][\"s-nr\"];\n\n      if (slot) {\n        result.push(slot);\n      }\n    }\n\n    return result;\n  }\n\n  return Array.from(childNodes);\n}\n\nexport function isVisible(element: HTMLElement): boolean {\n  // @ts-ignore\n  if (typeof element.checkVisibility !== \"undefined\") {\n    // @ts-ignore\n    return element.checkVisibility({\n      checkOpacity: false,\n      checkVisibilityCSS: false\n    });\n  } else {\n    return !!(\n      element.offsetWidth ||\n      element.offsetHeight ||\n      element.getClientRects().length\n    );\n  }\n}\n\nexport function offset(element): { top: number; left: number } {\n  if (!element.getClientRects().length) {\n    return { top: 0, left: 0 };\n  }\n\n  let rect = element.getBoundingClientRect();\n  let win = element.ownerDocument.defaultView;\n\n  return {\n    top: rect.top + win.pageYOffset,\n    left: rect.left + win.pageXOffset\n  };\n}\n\nexport async function raf() {\n  return new Promise<void>((resolve) => {\n    requestAnimationFrame(() => {\n      resolve();\n    });\n  });\n}\n\nexport async function setTimeout(time: number) {\n  return new Promise<void>((resolve) => {\n    window.setTimeout(() => {\n      resolve();\n    }, time);\n  });\n}\n\nexport enum StzhEnvironmentEnum {\n  UNKNOWN = \"UNKNOWN\",\n  DEV = \"DEV\",\n  UAT = \"UAT\",\n  PROD = \"PROD\",\n}\n\nexport function getStzhEnvironment(): StzhEnvironmentEnum {\n  const url = window.location.href;\n  if (\n    url.includes(\"test.stadt-zuerich.loc\") ||\n    url.match(/\\.dev\\.cmp\\.szh\\.loc/)\n  ) {\n    return StzhEnvironmentEnum.DEV;\n  } else if (\n    url.includes(\"integ.stadt-zuerich.ch\") ||\n    url.includes(\"stzh-desi-unic-preview.netlify.app\") ||\n    url.match(/\\.uat\\.cmp\\.szh\\.loc/)\n  ) {\n    return StzhEnvironmentEnum.UAT;\n  } else if (\n    url.includes(\"https://www.stadt-zuerich.ch\") ||\n    url.includes(\"designsystem.stadt-zuerich.ch\") ||\n    url.match(/\\.cmp\\.szh\\.loc/)\n  ) {\n    return StzhEnvironmentEnum.PROD;\n  } else {\n    return StzhEnvironmentEnum.UNKNOWN;\n  }\n}\n\nexport function addWordBreakToLinks(links: HTMLElement[]) {\n  links.forEach((link) => {\n    if (link.textContent?.includes(\"_\")) {\n      link.innerHTML = link.textContent.replace(/_/g, \"_<wbr>\");\n    }\n  });\n}\n\nexport function getTheme() {\n  const htmlElement = document.documentElement;\n  return Array.from(htmlElement.classList).find(className => className.startsWith(\"stzh-theme-\"));\n}\n"],"version":3}

package/dist/stzh-components/{p-c804ddf2.entry.js → p-020bc473.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,a as n,g as s}from"./p-ef5985a3.js";import{s as i}from"./p-24caf6c1.js";import"./p-dae15605.js";const a=".sc-stzh-eventinfo-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-eventinfo-h,[stzh-hidden].sc-stzh-eventinfo-h{display:none}.sc-stzh-eventinfo-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-eventinfo-h *.sc-stzh-eventinfo,.sc-stzh-eventinfo-h *.sc-stzh-eventinfo::before,.sc-stzh-eventinfo-h *.sc-stzh-eventinfo::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-eventinfo-h .has-focus.sc-stzh-eventinfo{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-eventinfo-h .stzh-fylingfocus-focused.sc-stzh-eventinfo{outline-style:none !important}.sc-stzh-eventinfo-h .stzh-fylingfocus-focused.sc-stzh-eventinfo::-moz-focus-inner{border:0 !important}.stzh-eventinfo.sc-stzh-eventinfo{display:flex}.stzh-eventinfo__left.sc-stzh-eventinfo{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);flex-shrink:0;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);padding-top:var(--stzh-space-small);width:4.5rem}@media screen and (min-width: 600px){.stzh-eventinfo__left.sc-stzh-eventinfo{width:5.5rem}}.stzh-eventinfo__main-event-day.sc-stzh-eventinfo{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);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);color:var(--stzh-color-primary70);margin-top:-0.4375rem;margin-bottom:-0.4375rem}.stzh-eventinfo__right.sc-stzh-eventinfo{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);flex-grow:1;color:var(--stzh-color-grey80);background-color:var(--stzh-color-grey10);padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-eventinfo__right.sc-stzh-eventinfo{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-eventinfo__right.sc-stzh-eventinfo{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-eventinfo__right.sc-stzh-eventinfo{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-xlarge)}}.stzh-eventinfo__head.sc-stzh-eventinfo{display:flex;flex-direction:column;column-gap:var(--stzh-space-large)}@media screen and (min-width: 900px){.stzh-eventinfo__head.sc-stzh-eventinfo{flex-direction:row;justify-content:space-between}}.stzh-eventinfo__main-date.sc-stzh-eventinfo{display:flex;column-gap:var(--stzh-space-medium);flex-wrap:wrap}.stzh-eventinfo__main-event-link.sc-stzh-eventinfo{flex-shrink:0}.stzh-eventinfo__text.sc-stzh-eventinfo{display:flex;flex-direction:column;row-gap:var(--stzh-space-medium);column-gap:var(--stzh-space-large);margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-eventinfo__text.sc-stzh-eventinfo{margin-top:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-eventinfo__text.sc-stzh-eventinfo{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-eventinfo__text.sc-stzh-eventinfo{margin-top:var(--stzh-space-small)}}.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-small)}}.stzh-eventinfo__details.sc-stzh-eventinfo{color:inherit}.stzh-eventinfo__details-link-collapse.sc-stzh-eventinfo{display:none}.stzh-eventinfo__details-link[a11y-expanded].sc-stzh-eventinfo:not([a11y-expanded=false]) .stzh-eventinfo__details-link-collapse.sc-stzh-eventinfo{display:block}.stzh-eventinfo__details-link[a11y-expanded].sc-stzh-eventinfo:not([a11y-expanded=false]) .stzh-eventinfo__details-link-expand.sc-stzh-eventinfo{display:none}.stzh-eventinfo__month-list.sc-stzh-eventinfo,.stzh-eventinfo__event-list.sc-stzh-eventinfo{list-style:none;margin:0;padding:0}.stzh-eventinfo__month-list.sc-stzh-eventinfo{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);display:grid;column-gap:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-eventinfo__month-list.sc-stzh-eventinfo{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)}}@media screen and (min-width: 600px){.stzh-eventinfo__month-list.sc-stzh-eventinfo{grid-template-columns:minmax(0, 1fr) auto}}@media screen and (min-width: 900px){.stzh-eventinfo__month-list.sc-stzh-eventinfo{column-gap:var(--stzh-space-xxlarge);grid-template-columns:minmax(6.25rem, auto) minmax(11.25rem, auto) minmax(0, 1fr) auto}}.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-xxlarge)}}.stzh-eventinfo__month-list-item.sc-stzh-eventinfo{display:contents}.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-weekday.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-date.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-time.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-link.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{margin-bottom:0px}.stzh-eventinfo__heading.sc-stzh-eventinfo{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-centi-font-size);line-height:var(--stzh-font-centi-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);margin-bottom:var(--stzh-space-xxsmall);margin-top:0;color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-eventinfo__heading.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-eventinfo__heading.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-eventinfo__heading.sc-stzh-eventinfo{grid-column:1/3}}@media screen and (min-width: 900px){.stzh-eventinfo__heading.sc-stzh-eventinfo{grid-column:1/5}}.stzh-eventinfo__event-list.sc-stzh-eventinfo{display:contents}.stzh-eventinfo__event-list-item.sc-stzh-eventinfo{display:contents}@media screen and (min-width: 900px){.stzh-eventinfo__event-weekday.sc-stzh-eventinfo,.stzh-eventinfo__event-date.sc-stzh-eventinfo,.stzh-eventinfo__event-time.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-eventinfo__event-weekday.sc-stzh-eventinfo,.stzh-eventinfo__event-date.sc-stzh-eventinfo,.stzh-eventinfo__event-time.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}}.stzh-eventinfo__event-link.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-eventinfo__event-link.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-eventinfo__event-link.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}}.stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{display:grid}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 900px){.stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{display:contents}}.stzh-eventinfo__event-date-wrapper.sc-stzh-eventinfo{display:flex;flex-direction:column;column-gap:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-eventinfo__event-date-wrapper.sc-stzh-eventinfo{display:contents}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-eventinfo__event-weekday.sc-stzh-eventinfo{min-width:5.625rem}}";const h=a;const o=class{constructor(t){e(this,t);this._items=[];this._itemsGroupedByMonth=[];this.init=()=>{const e=this.element.querySelectorAll('stzh-text[slot="location"], [slot="location"] stzh-text');const t=this.element.querySelectorAll('stzh-text[slot="additional-info"], [slot="additional-info"] stzh-text');e.forEach((e=>{i(e,{color:"inherit",curve:"none"})}));t.forEach((e=>{i(e,{color:"inherit",curve:"none"})}))};this.localization=undefined;this.monthHeadingLevel="4";this.start=undefined;this.end=undefined;this.calendarUrl=undefined;this.calendarLabel=undefined;this.itemsSortDirection="descending";this.items=undefined;this.dateAdapter=undefined}itemsWatcher(){if(!this.dateAdapter){return}const e=typeof this.items==="string"?JSON.parse(this.items):this.items;if(!e){return}const t=this.itemsSortDirection==="ascending";this._items=e.map((e=>Object.assign(Object.assign({},e),{start:e.start?new Date(e.start):undefined,end:e.end?new Date(e.end):undefined}))).sort(((e,n)=>{try{const s=e.start.getTime()-n.start.getTime();return t?s:-s}catch(e){return 1}}));const n=this._items.reduce(((e,n)=>{const s=(n.start.getMonth()+1).toString().padStart(2,"0");const i=`${n.start.getFullYear()}-${s}`;if(!e[i]){e[i]={name:this.localization.$globals.monthNames[n.start.getMonth()]+" "+n.start.getFullYear(),events:[]}}e[i].events.push(n);e[i].events.sort(((e,n)=>{const s=e.start.getTime()-n.start.getTime();return t?s:-s}));return e}),{});this._itemsGroupedByMonth=Object.values(n)}hasProperStartAndOrEndDate(e,t){return!(!!e&&e.getHours()===0&&!t)}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"eventinfo")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}this.itemsWatcher()}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 e={"stzh-eventinfo":true};const s=this.start&&new Date(this.start);const i=this.end&&new Date(this.end);const a=`h${this.monthHeadingLevel}`;return t(n,{key:"b6a671877e3a0765241fc438185e1a4d81cdf1a9"},t("div",{key:"646ac5bca744f9a988567126eba97ab821d0ef9d",class:e},t("div",{key:"2469a4616d61a6e56641c58888d2b1d790ea5ba9",class:"stzh-eventinfo__left"},t("div",{key:"27079753241fc56e3e84fe9600dc202128e8cd9c",class:"stzh-eventinfo__main-event-day-name"},this.localization.$globals.dayNamesShort[s.getDay()]),t("div",{key:"3da1f0962cf6be4f8720b3d1169951bccdd7b17d",class:"stzh-eventinfo__main-event-day"},s.getDate()<10&&"0",s.getDate()),t("div",{key:"5bc72243a4e4cc6cefadfe9c691d65a71b3301a2",class:"stzh-eventinfo__main-event-month"},this.localization.$globals.monthNamesShort[s.getMonth()])),t("div",{key:"9affa54750aeed4ea93f79141303554e9c8bc01f",class:"stzh-eventinfo__right"},t("div",{key:"f160d31a3db8d247506c4a35b44d9b243e0d99d4"},t("div",{key:"f6b811fd0d1b280fe7c12262414d482242f19c53",class:"stzh-eventinfo__head"},t("div",{key:"8ad8a2ff232091dcbc7824f38e0a041b5727beb1",class:"stzh-eventinfo__main-date"},t("span",{key:"d4785e12895a4715519ee678d31c1b84f08b8116"},this.localization.$globals.dayNames[s.getDay()]),t("span",{key:"17e16ce63a3b201751eb1a506f951de1fa0ab140"},this.dateAdapter.format(s,"date")),this.hasProperStartAndOrEndDate(s,i)&&t("span",{key:"c08388ef678b8e9f67f13c89306d6a9d83f5caef"},this.dateAdapter.formatSpan(s,i,"time"))),this.calendarUrl&&t("div",{key:"814371d8c70c8e8cb3831ae8db6549a97b658da3",class:"stzh-eventinfo__main-event-link"},t("stzh-link",{key:"12e95da3ae3aa84797a2f835daccc760c08aff89",href:this.calendarUrl,label:this.calendarLabel||this.localization.addToCalendar,size:"inherit"}))),t("div",{key:"4323dd0fde0b4f05c97248155860cdf485a27c79",class:"stzh-eventinfo__text"},t("div",{key:"42ebf2ec47e3599a83ff76f957f302cc0570c744",class:"stzh-eventinfo__location"},t("slot",{key:"c86896119537fe08d46b42ff7fee6cb6dffa37b4",name:"location"})),t("div",{key:"550c9240fde34aeb7f37d73638cb243704e7e74b",class:"stzh-eventinfo__additional-info"},t("slot",{key:"483eb47c1c654130eb44de7918b9349767d76225",name:"additional-info"})))),this._itemsGroupedByMonth.length>0&&t("div",{key:"bec5d63de4ca271de113be04dc04a6461582de6b",class:"stzh-eventinfo__details-wrapper"},t("stzh-details",{key:"8824b2c78fc0bc414677c09bcacd5900419ca2c7",class:"stzh-eventinfo__details"},t("stzh-link",{key:"3b78c0515f381a86398534315c6043222affc000",class:"stzh-eventinfo__details-link",icon:"calendar",size:"inherit"},t("span",{key:"cda6591cd586b2f55a46928693643571529b9fee",class:"stzh-eventinfo__details-link-expand"},this.localization.expandMoreDates),t("span",{key:"cf4c68bc80b237ab60d9e8e8b4ff1fc3a9a2352d",class:"stzh-eventinfo__details-link-collapse"},this.localization.collapseMoreDates)),t("ul",{key:"0ca5fdd9e6b358249ef8585f52f702a649fb824f",slot:"content",class:"stzh-eventinfo__month-list"},this._itemsGroupedByMonth.map((e=>t("li",{class:"stzh-eventinfo__month-list-item"},t(a,{class:"stzh-eventinfo__heading"},e.name),e.events.length>0&&t("ul",{class:"stzh-eventinfo__event-list"},e.events.map((e=>t("li",{class:"stzh-eventinfo__event-list-item"},t("span",{class:"stzh-eventinfo__event-datetime-wrapper"},t("span",{class:"stzh-eventinfo__event-date-wrapper"},t("span",{class:"stzh-eventinfo__event-weekday"},this.localization.$globals.dayNames[e.start.getDay()]),t("span",{class:"stzh-eventinfo__event-date"},this.dateAdapter.format(e.start,"date"))),t("span",{class:"stzh-eventinfo__event-time"},this.hasProperStartAndOrEndDate(e.start,e.end)&&this.dateAdapter.formatSpan(e.start,e.end,"time"))),t("span",{class:"stzh-eventinfo__event-link"},e.calendarUrl&&t("stzh-link",{href:e.calendarUrl,label:e.calendarLabel||this.localization.addToCalendar})))))))))))))))}get element(){return s(this)}static get watchers(){return{items:["itemsWatcher"],dateAdapter:["itemsWatcher"]}}};o.style=h;export{o as stzh_eventinfo};
-//# sourceMappingURL=p-c804ddf2.entry.js.map
+import{r as e,h as t,a as n,g as s}from"./p-ef5985a3.js";import{s as i}from"./p-09b5eb01.js";import"./p-dae15605.js";const a=".sc-stzh-eventinfo-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-eventinfo-h,[stzh-hidden].sc-stzh-eventinfo-h{display:none}.sc-stzh-eventinfo-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-eventinfo-h *.sc-stzh-eventinfo,.sc-stzh-eventinfo-h *.sc-stzh-eventinfo::before,.sc-stzh-eventinfo-h *.sc-stzh-eventinfo::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-eventinfo-h .has-focus.sc-stzh-eventinfo{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-eventinfo-h .stzh-fylingfocus-focused.sc-stzh-eventinfo{outline-style:none !important}.sc-stzh-eventinfo-h .stzh-fylingfocus-focused.sc-stzh-eventinfo::-moz-focus-inner{border:0 !important}.stzh-eventinfo.sc-stzh-eventinfo{display:flex}.stzh-eventinfo__left.sc-stzh-eventinfo{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);flex-shrink:0;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);padding-top:var(--stzh-space-small);width:4.5rem}@media screen and (min-width: 600px){.stzh-eventinfo__left.sc-stzh-eventinfo{width:5.5rem}}.stzh-eventinfo__main-event-day.sc-stzh-eventinfo{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);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);color:var(--stzh-color-primary70);margin-top:-0.4375rem;margin-bottom:-0.4375rem}.stzh-eventinfo__right.sc-stzh-eventinfo{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);flex-grow:1;color:var(--stzh-color-grey80);background-color:var(--stzh-color-grey10);padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-eventinfo__right.sc-stzh-eventinfo{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-eventinfo__right.sc-stzh-eventinfo{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-eventinfo__right.sc-stzh-eventinfo{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-xlarge)}}.stzh-eventinfo__head.sc-stzh-eventinfo{display:flex;flex-direction:column;column-gap:var(--stzh-space-large)}@media screen and (min-width: 900px){.stzh-eventinfo__head.sc-stzh-eventinfo{flex-direction:row;justify-content:space-between}}.stzh-eventinfo__main-date.sc-stzh-eventinfo{display:flex;column-gap:var(--stzh-space-medium);flex-wrap:wrap}.stzh-eventinfo__main-event-link.sc-stzh-eventinfo{flex-shrink:0}.stzh-eventinfo__text.sc-stzh-eventinfo{display:flex;flex-direction:column;row-gap:var(--stzh-space-medium);column-gap:var(--stzh-space-large);margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-eventinfo__text.sc-stzh-eventinfo{margin-top:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-eventinfo__text.sc-stzh-eventinfo{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-eventinfo__text.sc-stzh-eventinfo{margin-top:var(--stzh-space-small)}}.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-small)}}.stzh-eventinfo__details.sc-stzh-eventinfo{color:inherit}.stzh-eventinfo__details-link-collapse.sc-stzh-eventinfo{display:none}.stzh-eventinfo__details-link[a11y-expanded].sc-stzh-eventinfo:not([a11y-expanded=false]) .stzh-eventinfo__details-link-collapse.sc-stzh-eventinfo{display:block}.stzh-eventinfo__details-link[a11y-expanded].sc-stzh-eventinfo:not([a11y-expanded=false]) .stzh-eventinfo__details-link-expand.sc-stzh-eventinfo{display:none}.stzh-eventinfo__month-list.sc-stzh-eventinfo,.stzh-eventinfo__event-list.sc-stzh-eventinfo{list-style:none;margin:0;padding:0}.stzh-eventinfo__month-list.sc-stzh-eventinfo{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);display:grid;column-gap:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-eventinfo__month-list.sc-stzh-eventinfo{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)}}@media screen and (min-width: 600px){.stzh-eventinfo__month-list.sc-stzh-eventinfo{grid-template-columns:minmax(0, 1fr) auto}}@media screen and (min-width: 900px){.stzh-eventinfo__month-list.sc-stzh-eventinfo{column-gap:var(--stzh-space-xxlarge);grid-template-columns:minmax(6.25rem, auto) minmax(11.25rem, auto) minmax(0, 1fr) auto}}.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-xxlarge)}}.stzh-eventinfo__month-list-item.sc-stzh-eventinfo{display:contents}.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-weekday.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-date.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-time.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-link.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{margin-bottom:0px}.stzh-eventinfo__heading.sc-stzh-eventinfo{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-centi-font-size);line-height:var(--stzh-font-centi-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);margin-bottom:var(--stzh-space-xxsmall);margin-top:0;color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-eventinfo__heading.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-eventinfo__heading.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-eventinfo__heading.sc-stzh-eventinfo{grid-column:1/3}}@media screen and (min-width: 900px){.stzh-eventinfo__heading.sc-stzh-eventinfo{grid-column:1/5}}.stzh-eventinfo__event-list.sc-stzh-eventinfo{display:contents}.stzh-eventinfo__event-list-item.sc-stzh-eventinfo{display:contents}@media screen and (min-width: 900px){.stzh-eventinfo__event-weekday.sc-stzh-eventinfo,.stzh-eventinfo__event-date.sc-stzh-eventinfo,.stzh-eventinfo__event-time.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-eventinfo__event-weekday.sc-stzh-eventinfo,.stzh-eventinfo__event-date.sc-stzh-eventinfo,.stzh-eventinfo__event-time.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}}.stzh-eventinfo__event-link.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-eventinfo__event-link.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-eventinfo__event-link.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}}.stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{display:grid}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 900px){.stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{display:contents}}.stzh-eventinfo__event-date-wrapper.sc-stzh-eventinfo{display:flex;flex-direction:column;column-gap:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-eventinfo__event-date-wrapper.sc-stzh-eventinfo{display:contents}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-eventinfo__event-weekday.sc-stzh-eventinfo{min-width:5.625rem}}";const h=a;const o=class{constructor(t){e(this,t);this._items=[];this._itemsGroupedByMonth=[];this.init=()=>{const e=this.element.querySelectorAll('stzh-text[slot="location"], [slot="location"] stzh-text');const t=this.element.querySelectorAll('stzh-text[slot="additional-info"], [slot="additional-info"] stzh-text');e.forEach((e=>{i(e,{color:"inherit",curve:"none"})}));t.forEach((e=>{i(e,{color:"inherit",curve:"none"})}))};this.localization=undefined;this.monthHeadingLevel="4";this.start=undefined;this.end=undefined;this.calendarUrl=undefined;this.calendarLabel=undefined;this.itemsSortDirection="descending";this.items=undefined;this.dateAdapter=undefined}itemsWatcher(){if(!this.dateAdapter){return}const e=typeof this.items==="string"?JSON.parse(this.items):this.items;if(!e){return}const t=this.itemsSortDirection==="ascending";this._items=e.map((e=>Object.assign(Object.assign({},e),{start:e.start?new Date(e.start):undefined,end:e.end?new Date(e.end):undefined}))).sort(((e,n)=>{try{const s=e.start.getTime()-n.start.getTime();return t?s:-s}catch(e){return 1}}));const n=this._items.reduce(((e,n)=>{const s=(n.start.getMonth()+1).toString().padStart(2,"0");const i=`${n.start.getFullYear()}-${s}`;if(!e[i]){e[i]={name:this.localization.$globals.monthNames[n.start.getMonth()]+" "+n.start.getFullYear(),events:[]}}e[i].events.push(n);e[i].events.sort(((e,n)=>{const s=e.start.getTime()-n.start.getTime();return t?s:-s}));return e}),{});this._itemsGroupedByMonth=Object.values(n)}hasProperStartAndOrEndDate(e,t){return!(!!e&&e.getHours()===0&&!t)}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"eventinfo")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}this.itemsWatcher()}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 e={"stzh-eventinfo":true};const s=this.start&&new Date(this.start);const i=this.end&&new Date(this.end);const a=`h${this.monthHeadingLevel}`;return t(n,{key:"b6a671877e3a0765241fc438185e1a4d81cdf1a9"},t("div",{key:"646ac5bca744f9a988567126eba97ab821d0ef9d",class:e},t("div",{key:"2469a4616d61a6e56641c58888d2b1d790ea5ba9",class:"stzh-eventinfo__left"},t("div",{key:"27079753241fc56e3e84fe9600dc202128e8cd9c",class:"stzh-eventinfo__main-event-day-name"},this.localization.$globals.dayNamesShort[s.getDay()]),t("div",{key:"3da1f0962cf6be4f8720b3d1169951bccdd7b17d",class:"stzh-eventinfo__main-event-day"},s.getDate()<10&&"0",s.getDate()),t("div",{key:"5bc72243a4e4cc6cefadfe9c691d65a71b3301a2",class:"stzh-eventinfo__main-event-month"},this.localization.$globals.monthNamesShort[s.getMonth()])),t("div",{key:"9affa54750aeed4ea93f79141303554e9c8bc01f",class:"stzh-eventinfo__right"},t("div",{key:"f160d31a3db8d247506c4a35b44d9b243e0d99d4"},t("div",{key:"f6b811fd0d1b280fe7c12262414d482242f19c53",class:"stzh-eventinfo__head"},t("div",{key:"8ad8a2ff232091dcbc7824f38e0a041b5727beb1",class:"stzh-eventinfo__main-date"},t("span",{key:"d4785e12895a4715519ee678d31c1b84f08b8116"},this.localization.$globals.dayNames[s.getDay()]),t("span",{key:"17e16ce63a3b201751eb1a506f951de1fa0ab140"},this.dateAdapter.format(s,"date")),this.hasProperStartAndOrEndDate(s,i)&&t("span",{key:"c08388ef678b8e9f67f13c89306d6a9d83f5caef"},this.dateAdapter.formatSpan(s,i,"time"))),this.calendarUrl&&t("div",{key:"814371d8c70c8e8cb3831ae8db6549a97b658da3",class:"stzh-eventinfo__main-event-link"},t("stzh-link",{key:"12e95da3ae3aa84797a2f835daccc760c08aff89",href:this.calendarUrl,label:this.calendarLabel||this.localization.addToCalendar,size:"inherit"}))),t("div",{key:"4323dd0fde0b4f05c97248155860cdf485a27c79",class:"stzh-eventinfo__text"},t("div",{key:"42ebf2ec47e3599a83ff76f957f302cc0570c744",class:"stzh-eventinfo__location"},t("slot",{key:"c86896119537fe08d46b42ff7fee6cb6dffa37b4",name:"location"})),t("div",{key:"550c9240fde34aeb7f37d73638cb243704e7e74b",class:"stzh-eventinfo__additional-info"},t("slot",{key:"483eb47c1c654130eb44de7918b9349767d76225",name:"additional-info"})))),this._itemsGroupedByMonth.length>0&&t("div",{key:"bec5d63de4ca271de113be04dc04a6461582de6b",class:"stzh-eventinfo__details-wrapper"},t("stzh-details",{key:"8824b2c78fc0bc414677c09bcacd5900419ca2c7",class:"stzh-eventinfo__details"},t("stzh-link",{key:"3b78c0515f381a86398534315c6043222affc000",class:"stzh-eventinfo__details-link",icon:"calendar",size:"inherit"},t("span",{key:"cda6591cd586b2f55a46928693643571529b9fee",class:"stzh-eventinfo__details-link-expand"},this.localization.expandMoreDates),t("span",{key:"cf4c68bc80b237ab60d9e8e8b4ff1fc3a9a2352d",class:"stzh-eventinfo__details-link-collapse"},this.localization.collapseMoreDates)),t("ul",{key:"0ca5fdd9e6b358249ef8585f52f702a649fb824f",slot:"content",class:"stzh-eventinfo__month-list"},this._itemsGroupedByMonth.map((e=>t("li",{class:"stzh-eventinfo__month-list-item"},t(a,{class:"stzh-eventinfo__heading"},e.name),e.events.length>0&&t("ul",{class:"stzh-eventinfo__event-list"},e.events.map((e=>t("li",{class:"stzh-eventinfo__event-list-item"},t("span",{class:"stzh-eventinfo__event-datetime-wrapper"},t("span",{class:"stzh-eventinfo__event-date-wrapper"},t("span",{class:"stzh-eventinfo__event-weekday"},this.localization.$globals.dayNames[e.start.getDay()]),t("span",{class:"stzh-eventinfo__event-date"},this.dateAdapter.format(e.start,"date"))),t("span",{class:"stzh-eventinfo__event-time"},this.hasProperStartAndOrEndDate(e.start,e.end)&&this.dateAdapter.formatSpan(e.start,e.end,"time"))),t("span",{class:"stzh-eventinfo__event-link"},e.calendarUrl&&t("stzh-link",{href:e.calendarUrl,label:e.calendarLabel||this.localization.addToCalendar})))))))))))))))}get element(){return s(this)}static get watchers(){return{items:["itemsWatcher"],dateAdapter:["itemsWatcher"]}}};o.style=h;export{o as stzh_eventinfo};
+//# sourceMappingURL=p-020bc473.entry.js.map