@oiz/stzh-components 4.6.0 → 4.7.0

package/dist/stzh-components/{p-71a0881e.entry.js → p-6caa57d2.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,a as s,g as r}from"./p-ef5985a3.js";import{s as d,h as a}from"./p-87c329f2.js";import"./p-dae15605.js";const i='@charset "UTF-8";.sc-stzh-feedreader-item-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-feedreader-item-h,[stzh-hidden].sc-stzh-feedreader-item-h{display:none}.sc-stzh-feedreader-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-item,.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-item::before,.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-item::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-feedreader-item-h .has-focus.sc-stzh-feedreader-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-feedreader-item-h .stzh-fylingfocus-focused.sc-stzh-feedreader-item{outline-style:none !important}.sc-stzh-feedreader-item-h .stzh-fylingfocus-focused.sc-stzh-feedreader-item::-moz-focus-inner{border:0 !important}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] *,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] *{color:var(--stzh-color-black);--color:var(--stzh-color-black)}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] .subtitle,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] .subtitle{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin-bottom:0}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul{margin:0;list-style-type:none;padding-inline-start:0.3125rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul>li{text-indent:-0.3125rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li:before,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul>li:before{content:"–";text-indent:-0.3125rem;padding-right:0.75rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] p,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] p{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}@media screen and (min-width: 900px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] p,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] p{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)}}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] strong,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] table{border-spacing:0}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table td,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] table td{padding-right:var(--stzh-space-small);padding-bottom:var(--stzh-space-small);vertical-align:top}.sc-stzh-feedreader-item-h[variant=warning].sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h[variant=warning] .sc-stzh-feedreader-item-s>[slot=heading]{--color:var(--stzh-color-warning90)}.stzh-feedreader-item.sc-stzh-feedreader-item{display:block;transition:background-color 0.2s ease;height:100%;padding-top:var(--stzh-space-large);padding-left:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-medium);display:flex;flex-direction:row;gap:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{gap:var(--stzh-space-medium)}}.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{--color:var(--stzh-color-warning70)}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{--size:1.75rem}}@media screen and (min-width: 900px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-feedreader-item--info.sc-stzh-feedreader-item{background-color:var(--stzh-color-grey10)}.stzh-feedreader-item--warning.sc-stzh-feedreader-item{background-color:var(--stzh-color-warning20)}.stzh-feedreader-item--has-link.sc-stzh-feedreader-item{text-decoration:none}.stzh-feedreader-item--has-link.stzh-feedreader-item--info.sc-stzh-feedreader-item:hover{background-color:var(--stzh-color-grey20)}.stzh-feedreader-item--has-link.stzh-feedreader-item--warning.sc-stzh-feedreader-item:hover{background-color:var(--stzh-color-warning30)}';const h=i;const n=class{constructor(t){e(this,t);this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');if(e){d(e,{curve:"h3",level:"3"})}};this.link="";this.target="_blank";this.variant="info"}async connectedCallback(){this.init()}renderInner(){const e=a(this.element,"heading");const s=a(this.element,"description");const r=a(this.element,"content");return t("div",{class:"stzh-feedreader-item__container"},t("div",{class:"stzh-feedreader-item__header"},this.variant==="warning"&&t("stzh-icon",{class:"stzh-feedreader-item__header-icon",name:"important-warning-filled"}),t("div",{class:"stzh-feedreader-item__header-text"},e&&t("slot",{name:"heading"}),s&&t("slot",{name:"description"}))),r&&t("div",{class:"stzh-feedreader-item__content"},t("slot",{name:"content"})))}render(){const e={"stzh-feedreader-item":true,"stzh-feedreader-item--has-link":!!this.link,[`stzh-feedreader-item--${this.variant}`]:true};return t(s,{key:"6979b3287563e63ca2ef7e6fe2694390740ee05e",variant:this.variant},!!this.link?t("a",{class:e,href:this.link,target:this.target},this.renderInner()):t("div",{class:e},this.renderInner()))}get element(){return r(this)}};n.style=h;export{n as stzh_feedreader_item};
-//# sourceMappingURL=p-71a0881e.entry.js.map
+import{r as e,h as t,a as s,g as r}from"./p-ef5985a3.js";import{s as d,h as a}from"./p-87c329f2.js";import"./p-dae15605.js";const i='@charset "UTF-8";.sc-stzh-feedreader-item-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-feedreader-item-h,[stzh-hidden].sc-stzh-feedreader-item-h{display:none}.sc-stzh-feedreader-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-item,.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-item::before,.sc-stzh-feedreader-item-h *.sc-stzh-feedreader-item::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-feedreader-item-h .has-focus.sc-stzh-feedreader-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-feedreader-item-h .stzh-fylingfocus-focused.sc-stzh-feedreader-item{outline-style:none !important}.sc-stzh-feedreader-item-h .stzh-fylingfocus-focused.sc-stzh-feedreader-item::-moz-focus-inner{border:0 !important}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=heading]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] *,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] *{color:var(--stzh-color-black);--color:var(--stzh-color-black)}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] .subtitle,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] .subtitle{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin-bottom:0}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul{margin:0;list-style-type:none;padding-inline-start:0.3125rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul>li{text-indent:-0.3125rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] ul>li:before,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] ul>li:before{content:"–";text-indent:-0.3125rem;padding-right:0.75rem}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] p,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] p{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}@media screen and (min-width: 900px){.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] li,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] p,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] p{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)}}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] strong,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] table{border-spacing:0}.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content],.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table,.sc-stzh-feedreader-item-h.sc-stzh-feedreader-item-s>[slot=content] table td,.sc-stzh-feedreader-item-h .sc-stzh-feedreader-item-s>[slot=content] table td{padding-right:var(--stzh-space-small);padding-bottom:var(--stzh-space-small);vertical-align:top}.sc-stzh-feedreader-item-h[variant=warning].sc-stzh-feedreader-item-s>[slot=heading],.sc-stzh-feedreader-item-h[variant=warning] .sc-stzh-feedreader-item-s>[slot=heading]{--color:var(--stzh-color-warning90)}.stzh-feedreader-item.sc-stzh-feedreader-item{display:block;transition:background-color 0.2s ease;height:100%;padding-top:var(--stzh-space-large);padding-left:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item.sc-stzh-feedreader-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-medium);display:flex;flex-direction:row;gap:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-feedreader-item__header.sc-stzh-feedreader-item{gap:var(--stzh-space-medium)}}.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{--color:var(--stzh-color-warning70)}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{--size:1.75rem}}@media screen and (min-width: 900px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){.stzh-feedreader-item__header-icon.sc-stzh-feedreader-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-feedreader-item--info.sc-stzh-feedreader-item{background-color:var(--stzh-color-grey10)}.stzh-feedreader-item--warning.sc-stzh-feedreader-item{background-color:var(--stzh-color-warning20)}.stzh-feedreader-item--has-link.sc-stzh-feedreader-item{text-decoration:none}.stzh-feedreader-item--has-link.stzh-feedreader-item--info.sc-stzh-feedreader-item:hover{background-color:var(--stzh-color-grey20)}.stzh-feedreader-item--has-link.stzh-feedreader-item--warning.sc-stzh-feedreader-item:hover{background-color:var(--stzh-color-warning30)}';const h=i;const n=class{constructor(t){e(this,t);this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');if(e){d(e,{curve:"h3",level:"3"})}};this.link="";this.target="_blank";this.variant="info"}async connectedCallback(){this.init()}renderInner(){const e=a(this.element,"heading");const s=a(this.element,"description");const r=a(this.element,"content");return t("div",{class:"stzh-feedreader-item__container"},t("div",{class:"stzh-feedreader-item__header"},this.variant==="warning"&&t("stzh-icon",{class:"stzh-feedreader-item__header-icon",name:"important-warning-filled"}),t("div",{class:"stzh-feedreader-item__header-text"},e&&t("slot",{name:"heading"}),s&&t("slot",{name:"description"}))),r&&t("div",{class:"stzh-feedreader-item__content"},t("slot",{name:"content"})))}render(){const e={"stzh-feedreader-item":true,"stzh-feedreader-item--has-link":!!this.link,[`stzh-feedreader-item--${this.variant}`]:true};return t(s,{key:"977fe9e0b3ac80233213525e8dfdf63fcf8b5e35",variant:this.variant},!!this.link?t("a",{class:e,href:this.link,target:this.target},this.renderInner()):t("div",{class:e},this.renderInner()))}get element(){return r(this)}};n.style=h;export{n as stzh_feedreader_item};
+//# sourceMappingURL=p-6caa57d2.entry.js.map

package/dist/stzh-components/{p-51b68c35.entry.js → p-6f9d0b16.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as e,a as i,g as n}from"./p-ef5985a3.js";import{tc as a}from"./index.esm.js";import{p,a as h}from"./p-9cc086e2.js";import{h as o}from"./p-87c329f2.js";import"./p-dae15605.js";const c=".sc-stzh-appointments-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-appointments-h,[stzh-hidden].sc-stzh-appointments-h{display:none}.sc-stzh-appointments-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-appointments-h *.sc-stzh-appointments,.sc-stzh-appointments-h *.sc-stzh-appointments::before,.sc-stzh-appointments-h *.sc-stzh-appointments::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-appointments-h .has-focus.sc-stzh-appointments{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-appointments-h .stzh-fylingfocus-focused.sc-stzh-appointments{outline-style:none !important}.sc-stzh-appointments-h .stzh-fylingfocus-focused.sc-stzh-appointments::-moz-focus-inner{border:0 !important}.sc-stzh-appointments-h{--background-color:var(--stzh-color-secondary10)}.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);display:flex;flex-direction:column;padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);background-color:var(--background-color)}@media screen and (min-width: 600px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{flex-direction:row}}.stzh-appointments__calendar-wrapper.sc-stzh-appointments{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-appointments__calendar-wrapper.sc-stzh-appointments{margin-right:var(--stzh-space-xxlarge)}}.stzh-appointments__appointments-wrapper.sc-stzh-appointments{flex-grow:1;display:flex;flex-direction:column}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-xsmall);display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 600px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-xlarge)}}.stzh-appointments__calendar-title.sc-stzh-appointments,.stzh-appointments__appointments-title.sc-stzh-appointments{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-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-primary70);display:flex;align-items:center}.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{--size:var(--stzh-icon-size-large);margin-right:var(--stzh-space-xsmall)}.stzh-appointments__calendar-content.sc-stzh-appointments,.stzh-appointments__calendar-content-medium.sc-stzh-appointments{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}@media screen and (min-width: 900px){.stzh-appointments__calendar-content.sc-stzh-appointments{display:none}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:none;background-color:var(--stzh-color-white);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:block}}.stzh-appointments__appointments-content.sc-stzh-appointments{flex-grow:1}.stzh-appointments__appointments-radiogroup.sc-stzh-appointments{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-appointments__more-link.sc-stzh-appointments{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-top:var(--stzh-space-medium)}.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:var(--stzh-space-large)}@media screen and (min-width: 900px){.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:0}}";const r=c;const m=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange",7);this.showMoreLink=false;this.moreItemsLeft=0;this.showCalendar=false;this.showSort=false;this.showSortStart=false;this.showSortPlace=false;this.showAppointmentsTitle=false;this.allAppointsmentOnSameDay=true;this.sortOptions=[];this.isDateDisabled=t=>{const s=!!this._appointments.find((s=>s.start.getFullYear()===t.getFullYear()&&s.start.getMonth()===t.getMonth()&&s.start.getDate()===t.getDate()));return!s};this.onNextActiveDateClick=async()=>{if(this.nextDate){this.currentDate=this.nextDate;const t=await this.datepickerElement.getPopover();if(t){t.hide()}}};this.onMoreClick=()=>{this.showItems=this.stepItems+this.showItems;const t=this.inputElement.querySelector("stzh-radio");t.focus()};this.onDropdownChange=async t=>{const s=t.target;const e=await s.getValue();if(e){this.sortBy=e}};this.onDatepickerChange=t=>{if(t.detail.component!=="stzh-datepicker"||!t.detail.valueAsDate){return}this.currentDate=t.detail.valueAsDate;this.showItems=this._initialShowItems};this.onRadioChange=t=>{this.value=t.detail.value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})};this.localization=undefined;this.disableSort=false;this.sortBy="start";this.appointments=[];this.currentDate=undefined;this.value="";this.name="appointment";this.showItems=5;this.stepItems=5;this.calendarTitle="";this.appointmentsTitle="";this.dateAdapter=undefined}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}currentDateWatcher(t){if(!t){this._currentDate=this.dateByValue||this.earliestDate;if(!this.dateByValue){this.setValueToFirstAppointmentOfCurrentDate()}}else if(typeof t==="string"){this._currentDate=p(t);this.setValueToFirstAppointmentOfCurrentDate()}else{this._currentDate=t;const s=this.getCurrentDateAppointments().map((t=>t.value));if(!s.includes(this.value)){this.setValueToFirstAppointmentOfCurrentDate()}}}sortByWatcher(){this.setValueToFirstAppointmentOfCurrentDate()}valueWatcher(){this.updateDateByValue();this.currentDateWatcher(this.currentDate)}appointmentsWatcher(t){this._appointments=this.normalizeAppointments(t);if(this._appointments.length>0){this._appointments.sort(((t,s)=>t.start>s.start?1:-1));this.earliestDate=this._appointments[0].start;this.latestDate=this._appointments[this._appointments.length-1].start;this.updateDateByValue()}if(this._appointments.length>1){const t=this._appointments[0].start;this.allAppointsmentOnSameDay=this._appointments.map((t=>t.start)).every((s=>`${s.getFullYear()}-${s.getMonth()}-${s.getDate()}`===`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`))}this.showCalendar=!this.allAppointsmentOnSameDay;this.showAppointmentsTitle=this._appointments.length>1;this.currentDateWatcher(this.currentDate)}normalizeAppointments(t){const s=typeof t==="string"?JSON.parse(t):t;return s.map((t=>Object.assign(Object.assign({},t),{start:this.convertToDate(t.start),end:this.convertToDate(t.end)})))}convertToDate(t){if(typeof t==="string"){return new Date(t)}return t}updateDateByValue(){const t=this.value&&this._appointments.find((t=>t.value===this.value));if(!t){console.warn(`No matching appointment found for value: ${this.value}.`)}else{this.dateByValue=t.start}}getCurrentDateAppointments(){let t=0;const s=this._appointments.filter(((s,e)=>{const i=s.start.getFullYear()===this._currentDate.getFullYear()&&s.start.getMonth()===this._currentDate.getMonth()&&s.start.getDate()===this._currentDate.getDate();if(i){t=e}return i}));if(this._appointments[t+1]){this.nextDate=this._appointments[t+1].start}else{this.nextDate=null}s.sort(((t,s)=>t[this.sortBy]>s[this.sortBy]?1:-1));return s}setValueToFirstAppointmentOfCurrentDate(){const t=this.getCurrentDateAppointments().filter((t=>!t.disabled));if(t.length>0){this.value=t[0].value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})}}async componentWillLoad(){this._initialShowItems=this.showItems;this.appointmentsWatcher(this.appointments);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"appointments")}this.dateAdapterWatcher(this.dateAdapter)}componentWillRender(){const t=this.getCurrentDateAppointments();this.appointmentsShown=t.slice(0,this.showItems);this.showMoreLink=this.showItems<t.length;this.moreItemsLeft=t.length-this.showItems;this.showSortStart=!this.disableSort&&t.map((t=>this.dateAdapter.format(t.start,"time"))).filter(((t,s,e)=>e.indexOf(t)==s)).length>1;this.showSortPlace=!this.disableSort&&t.map((t=>t.place)).filter(((t,s,e)=>e.indexOf(t)==s)).length>1;this.sortOptions=[];if(this.showSortStart){this.sortOptions.push({text:this.localization.sortByTime,value:"start"})}if(this.showSortPlace){this.sortOptions.push({text:this.localization.sortByPlace,value:"place"})}this.showSort=!this.disableSort&&this.appointmentsShown.length>1;this._sortBy=this.showSortStart&&!this.showSortPlace&&"start"||!this.showSortStart&&this.showSortPlace&&"place"||this.sortBy}componentDidRender(){if(this.datepickerElement){this.datepickerElement.setDate(this._currentDate)}if(this.datepickerElementMedium){this.datepickerElementMedium.setDate(this._currentDate)}}render(){const t=o(this.element,"heading");const s={"stzh-appointments":true,"stzh-appointments--has-calendar":this.showCalendar,"stzh-appointments--has-appointments-title":this.showAppointmentsTitle,"stzh-appointments--has-sort":this.showSort};return e(i,{key:"5047a8b34d1d9b1cc0019f617bdb65e370829dfe","has-heading":t},e("div",{key:"5ff934ffa9f5152d86e0b8684f8efca1ca30538a",class:s},e("div",{key:"bd74515020eb2953b9d18e398ff2d036b0a13be1",class:"stzh-appointments__heading"},e("slot",{key:"98ca7d2c91adcb08d808f5ecfdea2128b66e3084",name:"heading"})),e("div",{key:"5c42d5c742084fdd8d7cc5b0a60353c1dd7b525e",class:"stzh-appointments__wrapper"},this.showCalendar&&e("div",{key:"ac52f511b40b90c53c844154c09b789e4158e8f5",class:"stzh-appointments__calendar-wrapper"},e("div",{key:"d6cc5ef7fe65de66aa7231f58ed0c72f726fc9e2",class:"stzh-appointments__calendar-title-wrapper"},e("div",{key:"e6b059853b1699c05f2c576daee4af9724183a48",class:"stzh-appointments__calendar-title"},e("stzh-icon",{key:"1517008cdfffcfdbe55621ce8b5562571cfb5ac2",class:"stzh-appointments__calendar-icon",name:"calendar"}),e("span",{key:"89c7df8d3d8fd0d5fe0750c2b128f189305d3bf0",class:"stzh-appointments__calendar-title-text"},this.calendarTitle||this.localization.calendarTitle))),e("div",{key:"9a0a82a30f7563852c5d3abc1ecfcf9eccf60931",class:"stzh-appointments__calendar-content"},e("stzh-datepicker",{key:"448007c90836937a5b27d24e71b81c99789485cd","hide-optional":true,ref:t=>this.datepickerElement=t,onStzhChange:this.onDatepickerChange,label:this.localization.datepickerLabel,calendarIsDateDisabled:this.isDateDisabled,calendarMin:h(this.earliestDate),calendarMax:h(this.latestDate)},e("stzh-link",{key:"2b1bdc25171b55bf1b5c9e9731412d4107ed59aa",slot:"action",size:"inherit",disabled:!this.nextDate,onClick:this.onNextActiveDateClick},this.localization.nextDayWithAppointments))),e("div",{key:"15d930cdae9a17bff15f19de06eb164c2ec01e4c",class:"stzh-appointments__calendar-content-medium"},e("stzh-datepicker",{key:"f0ff51cf025de4cbb0b53b508999645e62120704","hide-optional":true,ref:t=>this.datepickerElementMedium=t,onStzhChange:this.onDatepickerChange,inline:true,calendarIsDateDisabled:this.isDateDisabled,calendarMin:h(this.earliestDate),calendarMax:h(this.latestDate)},this.nextDate&&e("stzh-link",{key:"a8e7367160d14f811804c2835044da49ad0825d5",slot:"action",size:"inherit",onClick:this.onNextActiveDateClick},this.localization.nextDayWithAppointments)))),e("div",{key:"27eae77bde74e137ab830312d585852baa9e0da6",class:"stzh-appointments__appointments-wrapper"},this.showAppointmentsTitle&&e("div",{key:"5cd7dcca6c0c6386d2ae6bba23c58247cbfdc3bb",class:"stzh-appointments__appointments-title-wrapper"},e("div",{key:"a9d444ddb2b4e5d5f29c886a6f29b951dee46123",class:"stzh-appointments__appointments-title"},e("stzh-icon",{key:"f31f07f669a8eedbdf33695137673256f24fa87c",class:"stzh-appointments__appointments-icon",name:"clock"}),e("span",{key:"b5990b6cd7255c02b008499fc717e2e4b29e2bb4",class:"stzh-appointments__appointments-title-text"},this.appointmentsTitle||this.localization.appointmentsTitle)),this.showSort&&e("div",{key:"a790e0fe7160bc14a81508ac8a3fb11dd7566649",class:"stzh-appointments__sort"},e("stzh-dropdown",{key:"4cc29bfb7e1eacd24b738e8d8e152b61bee719ac","hide-optional":true,inline:true,"no-search":true,class:"stzh-appointments__sort-dropdown",variant:"plain",size:"small",sizeMedium:"tiny",items:[this._sortBy],options:this.sortOptions,onStzhChange:this.onDropdownChange}))),e("div",{key:"8108658e43aaaa0fc65944bd3cdf91e4519aa170",class:"stzh-appointments__appointments-content"},e("stzh-radiogroup",{key:"868392f929e999a31e26f920fe7c52799572ae15",class:"stzh-appointments__appointments-radiogroup",ref:t=>this.inputElement=t,legend:this.localization.inputLegend,"hide-legend":true,name:this.name,value:this.value,preventUpdateProperties:["disabled"]},this.appointmentsShown.map((t=>e("stzh-radio",{onStzhChange:this.onRadioChange,value:t.value,disabled:typeof t.disabled!=="undefined"?t.disabled:false},e("stzh-text",{font:"heavy",size:"centi"},!this.showCalendar&&e("span",null,this.dateAdapter.format(t.start,"dateLong"),", "),this.dateAdapter.formatSpan(t.start,t.end,"time")),e("stzh-text",{size:"milli"},t.caption))))),this.showMoreLink&&e("stzh-link",{key:"6840c224cc1572a1132a2ab63f85bde1fe352d1e",class:"stzh-appointments__more-link",size:"inherit",onClick:this.onMoreClick},a(this.localization.moreTextItems,this.moreItemsLeft>this.stepItems?this.stepItems:this.moreItemsLeft)))))))}get element(){return n(this)}static get watchers(){return{dateAdapter:["dateAdapterWatcher"],currentDate:["currentDateWatcher"],sortBy:["sortByWatcher"],value:["valueWatcher"],appointments:["appointmentsWatcher"]}}};m.style=r;export{m as stzh_appointments};
-//# sourceMappingURL=p-51b68c35.entry.js.map
+import{r as t,c as s,h as e,a as i,g as n}from"./p-ef5985a3.js";import{tc as a}from"./index.esm.js";import{p,a as h}from"./p-9cc086e2.js";import{h as o}from"./p-87c329f2.js";import"./p-dae15605.js";const r=".sc-stzh-appointments-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-appointments-h,[stzh-hidden].sc-stzh-appointments-h{display:none}.sc-stzh-appointments-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-appointments-h *.sc-stzh-appointments,.sc-stzh-appointments-h *.sc-stzh-appointments::before,.sc-stzh-appointments-h *.sc-stzh-appointments::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-appointments-h .has-focus.sc-stzh-appointments{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-appointments-h .stzh-fylingfocus-focused.sc-stzh-appointments{outline-style:none !important}.sc-stzh-appointments-h .stzh-fylingfocus-focused.sc-stzh-appointments::-moz-focus-inner{border:0 !important}.sc-stzh-appointments-h{--background-color:var(--stzh-color-secondary10)}.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);display:flex;flex-direction:column;padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);background-color:var(--background-color)}@media screen and (min-width: 600px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{flex-direction:row}}.stzh-appointments__calendar-wrapper.sc-stzh-appointments{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-appointments__calendar-wrapper.sc-stzh-appointments{margin-right:var(--stzh-space-xxlarge)}}.stzh-appointments__appointments-wrapper.sc-stzh-appointments{flex-grow:1;display:flex;flex-direction:column}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-xsmall);display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 600px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-xlarge)}}.stzh-appointments__calendar-title.sc-stzh-appointments,.stzh-appointments__appointments-title.sc-stzh-appointments{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-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-primary70);display:flex;align-items:center}.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{--size:var(--stzh-icon-size-large);margin-right:var(--stzh-space-xsmall)}.stzh-appointments__calendar-content.sc-stzh-appointments,.stzh-appointments__calendar-content-medium.sc-stzh-appointments{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}@media screen and (min-width: 900px){.stzh-appointments__calendar-content.sc-stzh-appointments{display:none}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:none;background-color:var(--stzh-color-white);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:block}}.stzh-appointments__appointments-content.sc-stzh-appointments{flex-grow:1}.stzh-appointments__appointments-radiogroup.sc-stzh-appointments{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-appointments__more-link.sc-stzh-appointments{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-top:var(--stzh-space-medium)}.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:var(--stzh-space-large)}@media screen and (min-width: 900px){.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:0}}";const c=r;const m=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange",7);this.showMoreLink=false;this.moreItemsLeft=0;this.showCalendar=false;this.showSort=false;this.showSortStart=false;this.showSortPlace=false;this.showAppointmentsTitle=false;this.allAppointsmentOnSameDay=true;this.sortOptions=[];this.isDateDisabled=t=>{const s=!!this._appointments.find((s=>s.start.getFullYear()===t.getFullYear()&&s.start.getMonth()===t.getMonth()&&s.start.getDate()===t.getDate()));return!s};this.onNextActiveDateClick=async()=>{if(this.nextDate){this.currentDate=this.nextDate;const t=await this.datepickerElement.getPopover();if(t){t.hide()}}};this.onMoreClick=()=>{this.showItems=this.stepItems+this.showItems;const t=this.inputElement.querySelector("stzh-radio");t.focus()};this.onDropdownChange=async t=>{const s=t.target;const e=await s.getValue();if(e){this.sortBy=e}};this.onDatepickerChange=t=>{if(t.detail.component!=="stzh-datepicker"||!t.detail.valueAsDate){return}this.currentDate=t.detail.valueAsDate;this.showItems=this._initialShowItems};this.onRadioChange=t=>{this.value=t.detail.value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})};this.localization=undefined;this.disableSort=false;this.sortBy="start";this.appointments=[];this.currentDate=undefined;this.value="";this.name="appointment";this.showItems=5;this.stepItems=5;this.calendarTitle="";this.appointmentsTitle="";this.dateAdapter=undefined}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}currentDateWatcher(t){if(!t){this._currentDate=this.dateByValue||this.earliestDate;if(!this.dateByValue){this.setValueToFirstAppointmentOfCurrentDate()}}else if(typeof t==="string"){this._currentDate=p(t);this.setValueToFirstAppointmentOfCurrentDate()}else{this._currentDate=t;const s=this.getCurrentDateAppointments().map((t=>t.value));if(!s.includes(this.value)){this.setValueToFirstAppointmentOfCurrentDate()}}}sortByWatcher(){this.setValueToFirstAppointmentOfCurrentDate()}valueWatcher(){this.updateDateByValue();this.currentDateWatcher(this.currentDate)}appointmentsWatcher(t){this._appointments=this.normalizeAppointments(t);if(this._appointments.length>0){this._appointments.sort(((t,s)=>t.start>s.start?1:-1));this.earliestDate=this._appointments[0].start;this.latestDate=this._appointments[this._appointments.length-1].start;this.updateDateByValue()}if(this._appointments.length>1){const t=this._appointments[0].start;this.allAppointsmentOnSameDay=this._appointments.map((t=>t.start)).every((s=>`${s.getFullYear()}-${s.getMonth()}-${s.getDate()}`===`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`))}this.showCalendar=!this.allAppointsmentOnSameDay;this.showAppointmentsTitle=this._appointments.length>1;this.currentDateWatcher(this.currentDate)}normalizeAppointments(t){const s=typeof t==="string"?JSON.parse(t):t;return s.map((t=>Object.assign(Object.assign({},t),{start:this.convertToDate(t.start),end:this.convertToDate(t.end)})))}convertToDate(t){if(typeof t==="string"){return new Date(t)}return t}updateDateByValue(){const t=this.value&&this._appointments.find((t=>t.value===this.value));if(!t){console.warn(`No matching appointment found for value: ${this.value}.`)}else{this.dateByValue=t.start}}getCurrentDateAppointments(){let t=0;const s=this._appointments.filter(((s,e)=>{const i=s.start.getFullYear()===this._currentDate.getFullYear()&&s.start.getMonth()===this._currentDate.getMonth()&&s.start.getDate()===this._currentDate.getDate();if(i){t=e}return i}));if(this._appointments[t+1]){this.nextDate=this._appointments[t+1].start}else{this.nextDate=null}s.sort(((t,s)=>t[this.sortBy]>s[this.sortBy]?1:-1));return s}setValueToFirstAppointmentOfCurrentDate(){const t=this.getCurrentDateAppointments().filter((t=>!t.disabled));if(t.length>0){this.value=t[0].value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})}}async componentWillLoad(){this._initialShowItems=this.showItems;this.appointmentsWatcher(this.appointments);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"appointments")}this.dateAdapterWatcher(this.dateAdapter)}componentWillRender(){const t=this.getCurrentDateAppointments();this.appointmentsShown=t.slice(0,this.showItems);this.showMoreLink=this.showItems<t.length;this.moreItemsLeft=t.length-this.showItems;this.showSortStart=!this.disableSort&&t.map((t=>this.dateAdapter.format(t.start,"time"))).filter(((t,s,e)=>e.indexOf(t)==s)).length>1;this.showSortPlace=!this.disableSort&&t.map((t=>t.place)).filter(((t,s,e)=>e.indexOf(t)==s)).length>1;this.sortOptions=[];if(this.showSortStart){this.sortOptions.push({text:this.localization.sortByTime,value:"start"})}if(this.showSortPlace){this.sortOptions.push({text:this.localization.sortByPlace,value:"place"})}this.showSort=!this.disableSort&&this.appointmentsShown.length>1;this._sortBy=this.showSortStart&&!this.showSortPlace&&"start"||!this.showSortStart&&this.showSortPlace&&"place"||this.sortBy}componentDidRender(){if(this.datepickerElement){this.datepickerElement.setDate(this._currentDate)}if(this.datepickerElementMedium){this.datepickerElementMedium.setDate(this._currentDate)}}render(){const t=o(this.element,"heading");const s={"stzh-appointments":true,"stzh-appointments--has-calendar":this.showCalendar,"stzh-appointments--has-appointments-title":this.showAppointmentsTitle,"stzh-appointments--has-sort":this.showSort};return e(i,{key:"f8b508a5a7ae9a34ea251303bc9ff3ac6f0d3d5e","has-heading":t},e("div",{key:"c9dd2f36055a1938bdf2dd91d00906e953227d87",class:s},e("div",{key:"7c20767305d09a735c5d1369b619ad353588e2db",class:"stzh-appointments__heading"},e("slot",{key:"423165796c578202b805f64fb2609dded2334360",name:"heading"})),e("div",{key:"f12d802502964f7b9d4e980106021c39a1d6dcf1",class:"stzh-appointments__wrapper"},this.showCalendar&&e("div",{key:"2872cdf5d6c9d021910973d404ca7011e5101365",class:"stzh-appointments__calendar-wrapper"},e("div",{key:"339445c3230edede656a0b1013002ed8b69710e7",class:"stzh-appointments__calendar-title-wrapper"},e("div",{key:"5b05d9f1f43455f6ad98eacfaea2ba647a6a766e",class:"stzh-appointments__calendar-title"},e("stzh-icon",{key:"4c17bae9a582ddded29757d2bc8200da12e05d74",class:"stzh-appointments__calendar-icon",name:"calendar"}),e("span",{key:"4b9062002ed551cf0291e7bc44e38a6430bdac57",class:"stzh-appointments__calendar-title-text"},this.calendarTitle||this.localization.calendarTitle))),e("div",{key:"89e8a1739a7a7030f13b5601b7461983545a8c0a",class:"stzh-appointments__calendar-content"},e("stzh-datepicker",{key:"62d966aa36fb2adf073b00fa2efb875a72e27e9a","hide-optional":true,ref:t=>this.datepickerElement=t,onStzhChange:this.onDatepickerChange,label:this.localization.datepickerLabel,calendarIsDateDisabled:this.isDateDisabled,calendarMin:h(this.earliestDate),calendarMax:h(this.latestDate)},e("stzh-link",{key:"a3166a599363463361e88b74a53acebaf3cf1588",slot:"action",size:"inherit",disabled:!this.nextDate,onClick:this.onNextActiveDateClick},this.localization.nextDayWithAppointments))),e("div",{key:"4de0cc47b30b6f60bd4f45fa5532628bcda8489c",class:"stzh-appointments__calendar-content-medium"},e("stzh-datepicker",{key:"217e85e4453e1ea215b198fae02e6eb027c200df","hide-optional":true,ref:t=>this.datepickerElementMedium=t,onStzhChange:this.onDatepickerChange,inline:true,calendarIsDateDisabled:this.isDateDisabled,calendarMin:h(this.earliestDate),calendarMax:h(this.latestDate)},this.nextDate&&e("stzh-link",{key:"fdcb194ac85ef791223eb9198a7f92ce43ef3bbb",slot:"action",size:"inherit",onClick:this.onNextActiveDateClick},this.localization.nextDayWithAppointments)))),e("div",{key:"26b25d12346f0380224639f3cde67e7decd86ada",class:"stzh-appointments__appointments-wrapper"},this.showAppointmentsTitle&&e("div",{key:"077a5b4642a5f81fabb5a8260427b04533f58857",class:"stzh-appointments__appointments-title-wrapper"},e("div",{key:"b3e297ddac8ca11dbf834508236ec4c6b1736417",class:"stzh-appointments__appointments-title"},e("stzh-icon",{key:"06e4f5ad42be3be6f199ac33a76870ba1cd665ef",class:"stzh-appointments__appointments-icon",name:"clock"}),e("span",{key:"03fd212c2bfb1744d22dda2b14645e97bc06f516",class:"stzh-appointments__appointments-title-text"},this.appointmentsTitle||this.localization.appointmentsTitle)),this.showSort&&e("div",{key:"9f88214aa4910eff055b681ca8f60d2a4d4773f8",class:"stzh-appointments__sort"},e("stzh-dropdown",{key:"88bbcb6b38b6e1f72def8771c2ce09044a58528e","hide-optional":true,inline:true,"no-search":true,class:"stzh-appointments__sort-dropdown",variant:"plain",size:"small",sizeMedium:"tiny",items:[this._sortBy],options:this.sortOptions,onStzhChange:this.onDropdownChange}))),e("div",{key:"600a9251421f315e7ea639915ce4e5aefe8bffcb",class:"stzh-appointments__appointments-content"},e("stzh-radiogroup",{key:"db216986e1bac232e155fc4cf948252dcde7376e",class:"stzh-appointments__appointments-radiogroup",ref:t=>this.inputElement=t,legend:this.localization.inputLegend,"hide-legend":true,name:this.name,value:this.value,preventUpdateProperties:["disabled"]},this.appointmentsShown.map((t=>e("stzh-radio",{onStzhChange:this.onRadioChange,value:t.value,disabled:typeof t.disabled!=="undefined"?t.disabled:false},e("stzh-text",{font:"heavy",size:"centi"},!this.showCalendar&&e("span",null,this.dateAdapter.format(t.start,"dateLong"),", "),this.dateAdapter.formatSpan(t.start,t.end,"time")),e("stzh-text",{size:"milli"},t.caption))))),this.showMoreLink&&e("stzh-link",{key:"d787a30578bc16c02b74d4fb5d50799f46041546",class:"stzh-appointments__more-link",size:"inherit",onClick:this.onMoreClick},a(this.localization.moreTextItems,this.moreItemsLeft>this.stepItems?this.stepItems:this.moreItemsLeft)))))))}get element(){return n(this)}static get watchers(){return{dateAdapter:["dateAdapterWatcher"],currentDate:["currentDateWatcher"],sortBy:["sortByWatcher"],value:["valueWatcher"],appointments:["appointmentsWatcher"]}}};m.style=c;export{m as stzh_appointments};
+//# sourceMappingURL=p-6f9d0b16.entry.js.map