@oiz/stzh-components 4.9.0-beta1 → 4.9.0-beta2

package/dist/components/{p-CX7La9YT.js → p-DLNSei6L.js}

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-NuLYh9v8.js';
-import { d as defineCustomElement$3 } from './p-Db3dTAjX.js';
-import { d as defineCustomElement$2 } from './p-By320y5w.js';
-import { d as defineCustomElement$1 } from './p-Cz5bXTUE.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DAS4ghWk.js';
+import { d as defineCustomElement$3 } from './p-Cz-ha88J.js';
+import { d as defineCustomElement$2 } from './p-BtU8igAM.js';
+import { d as defineCustomElement$1 } from './p-BU4OH8Cm.js';
 
 const stzhMessageCss = () => `.sc-stzh-message-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-message-h,[stzh-hidden].sc-stzh-message-h{display:none}.sc-stzh-message-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-message-h *.sc-stzh-message,.sc-stzh-message-h *.sc-stzh-message::before,.sc-stzh-message-h *.sc-stzh-message::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-message-h .has-focus.sc-stzh-message{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-message-h .stzh-fylingfocus-focused.sc-stzh-message{outline-style:none !important}.sc-stzh-message-h .stzh-fylingfocus-focused.sc-stzh-message::-moz-focus-inner{border:0 !important}.sc-stzh-message-h{--background-color:var(--stzh-color-grey20);--icon-color:var(--stzh-color-info50);--close-color:var(--stzh-color-grey90);--label-color:var(--stzh-color-info70);--description-color:var(--stzh-color-grey90)}[type=success].sc-stzh-message-h{--label-color:var(--stzh-color-success70);--icon-color:var(--stzh-color-success50);--background-color:var(--stzh-color-success20)}[type=warning].sc-stzh-message-h{--label-color:var(--stzh-color-warning90);--icon-color:var(--stzh-color-warning70);--background-color:var(--stzh-color-warning20)}[type=error].sc-stzh-message-h{--label-color:var(--stzh-color-error70);--icon-color:var(--stzh-color-error50);--background-color:var(--stzh-color-error20)}[type=page-message].sc-stzh-message-h{--label-color:var(--stzh-color-info70);--icon-color:var(--stzh-color-info50);--background-color:var(--stzh-color-info20)}.stzh-message.sc-stzh-message{position:relative;display:flex;box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);border-radius:var(--stzh-button-border-radius)}.stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-xlarge)}}.stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-xlarge)}}.stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-xxxlarge)}}.stzh-message__content.sc-stzh-message{gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message__content.sc-stzh-message{gap:var(--stzh-space-xlarge)}}.stzh-message__content.sc-stzh-message{display:flex;flex-direction:column;flex-grow:1;padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{flex-direction:row;align-items:flex-start}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{padding-left:var(--stzh-space-large)}}.stzh-message__icon-wrapper.sc-stzh-message{display:flex;flex-shrink:0}.stzh-message__icon.sc-stzh-message{--size:var(--stzh-icon-size-large);color:var(--icon-color)}@media screen and (min-width: 600px){.stzh-message__text-wrapper.sc-stzh-message{flex-grow:1}}@media screen and (min-width: 1260px){.stzh-message__text-wrapper.sc-stzh-message{align-items:center}}.stzh-message__label.sc-stzh-message{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-message__label.sc-stzh-message{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-message__label.sc-stzh-message{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-message__label.sc-stzh-message{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-message__label.sc-stzh-message{color:var(--label-color)}@media screen and (min-width: 1260px){.stzh-message__label.sc-stzh-message{font-size:var(--stzh-font-deci-font-size) !important}}.stzh-message__label.sc-stzh-message:not(:empty){margin-bottom:var(--stzh-space-xsmall)}.stzh-message__description.sc-stzh-message{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-message__description.sc-stzh-message{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-message__description.sc-stzh-message{color:var(--description-color);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.stzh-message__description.sc-stzh-message:not(:empty)+.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-message__description.sc-stzh-message:not(:empty)+.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-message__description.sc-stzh-message:not(:empty)+.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-small)}}.stzh-message__close[variant=tertiary].sc-stzh-message{--color:var(--close-color);position:absolute;top:0;right:0}.stzh-message.sc-stzh-message:has(.stzh-message__description:empty):has(.stzh-message__link:empty) .stzh-message__label.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-xxsmall);margin-bottom:0}.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-xlarge)}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-xlarge)}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{align-items:flex-start;flex-direction:row}@media screen and (max-width: 1259px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{align-items:center}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{display:flex;flex-direction:column}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{flex-direction:row;gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{gap:var(--stzh-space-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{gap:var(--stzh-space-xlarge)}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__icon.sc-stzh-message{--size:var(--stzh-icon-size-small)}.stzh-message--type-page-message.sc-stzh-message .stzh-message__label.sc-stzh-message{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__label.sc-stzh-message{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__label.sc-stzh-message{margin:0}@media screen and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__close.sc-stzh-message{top:0.625rem;right:0.625rem}}@media screen and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message .stzh-message__link.sc-stzh-message{margin-top:0}}`;
 
@@ -98,6 +98,6 @@ function defineCustomElement() {
 }
 
 export { StzhMessage as S, defineCustomElement as d };
-//# sourceMappingURL=p-CX7La9YT.js.map
+//# sourceMappingURL=p-DLNSei6L.js.map
 
-//# sourceMappingURL=p-CX7La9YT.js.map
+//# sourceMappingURL=p-DLNSei6L.js.map

package/dist/components/{p-CX7La9YT.js.map → p-DLNSei6L.js.map}

@@ -1 +1 @@
-{"file":"p-CX7La9YT.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-message/stzh-message.scss?tag=stzh-message&encapsulation=scoped","src/components/stzh-message/stzh-message.tsx"],"sourcesContent":[":host {\n  --background-color: #{$colorGrey20};\n  --icon-color: #{$colorInfo50};\n  --close-color: #{$colorGrey90};\n  --label-color: #{$colorInfo70};\n  --description-color: #{$colorGrey90};\n\n  &[type=\"success\"] {\n    --label-color: #{$colorSuccess70};\n    --icon-color: #{$colorSuccess50};\n    --background-color: #{$colorSuccess20};\n  }\n\n  &[type=\"warning\"] {\n    --label-color: #{$colorWarning90};\n    --icon-color: #{$colorWarning70};\n    --background-color: #{$colorWarning20};\n  }\n\n  &[type=\"error\"] {\n    --label-color: #{$colorError70};\n    --icon-color: #{$colorError50};\n    --background-color: #{$colorError20};\n  }\n\n  &[type=\"page-message\"] {\n    --label-color: #{$colorInfo70};\n    --icon-color: #{$colorInfo50};\n    --background-color: #{$colorInfo20};\n  }\n}\n\n.stzh-message {\n  position: relative;\n  display: flex;\n  box-shadow: $boxShadowMessage;\n  background-color: var(--background-color);\n  border-radius: #{$buttonBorderRadius};\n\n  &__content {\n    @include spaceCurve(\"padding-top\", \"small\");\n    @include spaceCurve(\"padding-bottom\", \"small\");\n    @include spaceCurve(\"padding-right\", \"medium\");\n    @include spaceCurve(\"gap\", \"small\");\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    padding-left: space(\"medium\");\n\n    @include mq($from: small) {\n      flex-direction: row;\n      align-items: flex-start;\n    }\n\n    @include mq($from: medium) {\n      padding-left: space(\"large\");\n    }\n  }\n\n  &__icon-wrapper {\n    display: flex;\n    flex-shrink: 0;\n  }\n\n  &__icon {\n    --size: #{iconSize(\"large\")};\n    color: var(--icon-color);\n  }\n\n  &__text-wrapper {\n    @include mq($from: small) {\n      flex-grow: 1;\n    }\n    @include mq($from: large) {\n      align-items: center;\n    }\n  }\n\n  &__label {\n    @include font(\"title\");\n    @include fontCurve(\"h4\", \"heading\");\n    color: var(--label-color);\n\n    @include mq($from: large) {\n      font-size: var(--stzh-font-deci-font-size) !important;\n    }\n\n    &:not(:empty) {\n      margin-bottom: var(--stzh-space-xsmall);\n    }\n  }\n\n  &__description {\n    @include fontCurve(\"p1\");\n    color: var(--description-color);\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    word-break: break-word;\n  }\n\n  &__description:not(:empty) + &__link:not(:empty) {\n    @include spaceCurve(\"margin-top\", \"tiny\");\n  }\n\n  &__close[variant=\"tertiary\"] {\n    --color: var(--close-color);\n\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  /* Only label variant */\n\n  &:has(#{&}__description:empty):has(#{&}__link:empty) &__label:not(:empty) {\n    margin-top: space(\"xxsmall\");\n    margin-bottom: 0;\n  }\n\n  /* Type page-message */\n\n  &--type-page-message &__content {\n    @include containerPadding;\n    @include spaceCurve(\"padding-top\", \"small\");\n    @include spaceCurve(\"padding-bottom\", \"small\");\n    align-items: flex-start;\n    flex-direction: row;\n\n    @include mq($to: large) {\n      padding-right: space(\"xxxlarge\");\n    }\n\n    @include mq($from: large) {\n      align-items: center;\n    }\n  }\n\n  &--type-page-message &__text-wrapper {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: large) {\n      flex-direction: row;\n      @include spaceCurve(\"gap\", \"small\");\n    }\n  }\n\n  &--type-page-message &__icon {\n    --size: #{iconSize(\"small\")};\n  }\n\n  &--type-page-message &__label {\n    @include font(\"title\");\n    @include fontCurve(\"p1\");\n    margin: 0;\n  }\n\n  &--type-page-message &__close {\n    @include mq($from: small) {\n      top: 10px;\n      right: 10px;\n    }\n  }\n\n  &--type-page-message &__text-wrapper &__link {\n    @include mq($from: medium) {\n      margin-top: 0;\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from \"@stencil/core\";\n\nimport { StzhMessageCloseEvent, StzhMessageOpenEvent } from \"../../index\";\n\nimport { StzhMessageLocalizedText } from \"./stzh-message.localization\";\n\n/**\n * @slot - Slot for description content (use instead of description property)\n * @slot label - Slot for label (use as alternative for property)\n * @slot link - Slot for optional stzh-link element\n */\n@Component({\n  tag: \"stzh-message\",\n  styleUrl: \"stzh-message.scss\",\n  scoped: true,\n})\nexport class StzhMessage {\n  /** Label (slot can also be used as alternative) */\n  @Prop() label: string = \"\";\n\n  /** Description (use instead of default slot) */\n  @Prop() description: string = \"\";\n\n  /** Type */\n  /** Do not use page-message property. It will be deprecated with the next major release. */\n  @Prop({ reflect: true }) type: \"info\" | \"success\" | \"warning\" | \"error\" | \"page-message\" = \"info\";\n\n  /** Whether to hide close button */\n  @Prop() hideClose: boolean = false;\n\n  /** Translation strings. */\n  @Prop() localization: StzhMessageLocalizedText;\n\n  /** Message open event */\n  @Event() stzhOpen: EventEmitter<StzhMessageOpenEvent>;\n\n  /** Message close event */\n  @Event() stzhClose: EventEmitter<StzhMessageCloseEvent>;\n\n  @Element() element: HTMLStzhMessageElement;\n\n  /** Open state */\n  @State() open: boolean = true;\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-message\",\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-message\",\n    });\n  }\n\n  private onCloseButtonClick = () => {\n    this.hide();\n  };\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"message\");\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-message\": true,\n      \"stzh-message--has-close-hidden\": this.hideClose,\n      [`stzh-message--type-${this.type}`]: !!this.type,\n    };\n\n    return (\n      <Host hidden={!this.open}>\n        <div class={classes}>\n          <div class=\"stzh-message__content\">\n            <div class=\"stzh-message__icon-wrapper\">\n              <stzh-icon\n                class=\"stzh-message__icon\"\n                name={\n                  ((this.type === \"info\" || this.type === \"page-message\") && \"info-help-filled\") ||\n                  (this.type === \"success\" && \"checkmark-circle-filled\") ||\n                  (this.type === \"warning\" && \"important-warning-filled\") ||\n                  (this.type === \"error\" && \"warning-filled\")\n                }\n              ></stzh-icon>\n            </div>\n            <div class=\"stzh-message__text-wrapper\">\n              <div class=\"stzh-message__label\">{this.label ? this.label : <slot name=\"label\"></slot>}</div>\n              <div class=\"stzh-message__description\">{this.description ? this.description : <slot></slot>}</div>\n              <div class=\"stzh-message__link\">\n                <slot name=\"link\"></slot>\n              </div>\n            </div>\n          </div>\n\n          {!this.hideClose && (\n            <stzh-button\n              class=\"stzh-message__close\"\n              onClick={this.onCloseButtonClick}\n              a11yLabel={this.localization.close}\n              variant=\"tertiary\"\n              size=\"small\"\n              iconOnly={true}\n              icon=\"close-big\"\n            ></stzh-button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DLNSei6L.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-message/stzh-message.scss?tag=stzh-message&encapsulation=scoped","src/components/stzh-message/stzh-message.tsx"],"sourcesContent":[":host {\n  --background-color: #{$colorGrey20};\n  --icon-color: #{$colorInfo50};\n  --close-color: #{$colorGrey90};\n  --label-color: #{$colorInfo70};\n  --description-color: #{$colorGrey90};\n\n  &[type=\"success\"] {\n    --label-color: #{$colorSuccess70};\n    --icon-color: #{$colorSuccess50};\n    --background-color: #{$colorSuccess20};\n  }\n\n  &[type=\"warning\"] {\n    --label-color: #{$colorWarning90};\n    --icon-color: #{$colorWarning70};\n    --background-color: #{$colorWarning20};\n  }\n\n  &[type=\"error\"] {\n    --label-color: #{$colorError70};\n    --icon-color: #{$colorError50};\n    --background-color: #{$colorError20};\n  }\n\n  &[type=\"page-message\"] {\n    --label-color: #{$colorInfo70};\n    --icon-color: #{$colorInfo50};\n    --background-color: #{$colorInfo20};\n  }\n}\n\n.stzh-message {\n  position: relative;\n  display: flex;\n  box-shadow: $boxShadowMessage;\n  background-color: var(--background-color);\n  border-radius: #{$buttonBorderRadius};\n\n  &__content {\n    @include spaceCurve(\"padding-top\", \"small\");\n    @include spaceCurve(\"padding-bottom\", \"small\");\n    @include spaceCurve(\"padding-right\", \"medium\");\n    @include spaceCurve(\"gap\", \"small\");\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    padding-left: space(\"medium\");\n\n    @include mq($from: small) {\n      flex-direction: row;\n      align-items: flex-start;\n    }\n\n    @include mq($from: medium) {\n      padding-left: space(\"large\");\n    }\n  }\n\n  &__icon-wrapper {\n    display: flex;\n    flex-shrink: 0;\n  }\n\n  &__icon {\n    --size: #{iconSize(\"large\")};\n    color: var(--icon-color);\n  }\n\n  &__text-wrapper {\n    @include mq($from: small) {\n      flex-grow: 1;\n    }\n    @include mq($from: large) {\n      align-items: center;\n    }\n  }\n\n  &__label {\n    @include font(\"title\");\n    @include fontCurve(\"h4\", \"heading\");\n    color: var(--label-color);\n\n    @include mq($from: large) {\n      font-size: var(--stzh-font-deci-font-size) !important;\n    }\n\n    &:not(:empty) {\n      margin-bottom: var(--stzh-space-xsmall);\n    }\n  }\n\n  &__description {\n    @include fontCurve(\"p1\");\n    color: var(--description-color);\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    word-break: break-word;\n  }\n\n  &__description:not(:empty) + &__link:not(:empty) {\n    @include spaceCurve(\"margin-top\", \"tiny\");\n  }\n\n  &__close[variant=\"tertiary\"] {\n    --color: var(--close-color);\n\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  /* Only label variant */\n\n  &:has(#{&}__description:empty):has(#{&}__link:empty) &__label:not(:empty) {\n    margin-top: space(\"xxsmall\");\n    margin-bottom: 0;\n  }\n\n  /* Type page-message */\n\n  &--type-page-message &__content {\n    @include containerPadding;\n    @include spaceCurve(\"padding-top\", \"small\");\n    @include spaceCurve(\"padding-bottom\", \"small\");\n    align-items: flex-start;\n    flex-direction: row;\n\n    @include mq($to: large) {\n      padding-right: space(\"xxxlarge\");\n    }\n\n    @include mq($from: large) {\n      align-items: center;\n    }\n  }\n\n  &--type-page-message &__text-wrapper {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: large) {\n      flex-direction: row;\n      @include spaceCurve(\"gap\", \"small\");\n    }\n  }\n\n  &--type-page-message &__icon {\n    --size: #{iconSize(\"small\")};\n  }\n\n  &--type-page-message &__label {\n    @include font(\"title\");\n    @include fontCurve(\"p1\");\n    margin: 0;\n  }\n\n  &--type-page-message &__close {\n    @include mq($from: small) {\n      top: 10px;\n      right: 10px;\n    }\n  }\n\n  &--type-page-message &__text-wrapper &__link {\n    @include mq($from: medium) {\n      margin-top: 0;\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from \"@stencil/core\";\n\nimport { StzhMessageCloseEvent, StzhMessageOpenEvent } from \"../../index\";\n\nimport { StzhMessageLocalizedText } from \"./stzh-message.localization\";\n\n/**\n * @slot - Slot for description content (use instead of description property)\n * @slot label - Slot for label (use as alternative for property)\n * @slot link - Slot for optional stzh-link element\n */\n@Component({\n  tag: \"stzh-message\",\n  styleUrl: \"stzh-message.scss\",\n  scoped: true,\n})\nexport class StzhMessage {\n  /** Label (slot can also be used as alternative) */\n  @Prop() label: string = \"\";\n\n  /** Description (use instead of default slot) */\n  @Prop() description: string = \"\";\n\n  /** Type */\n  /** Do not use page-message property. It will be deprecated with the next major release. */\n  @Prop({ reflect: true }) type: \"info\" | \"success\" | \"warning\" | \"error\" | \"page-message\" = \"info\";\n\n  /** Whether to hide close button */\n  @Prop() hideClose: boolean = false;\n\n  /** Translation strings. */\n  @Prop() localization: StzhMessageLocalizedText;\n\n  /** Message open event */\n  @Event() stzhOpen: EventEmitter<StzhMessageOpenEvent>;\n\n  /** Message close event */\n  @Event() stzhClose: EventEmitter<StzhMessageCloseEvent>;\n\n  @Element() element: HTMLStzhMessageElement;\n\n  /** Open state */\n  @State() open: boolean = true;\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-message\",\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-message\",\n    });\n  }\n\n  private onCloseButtonClick = () => {\n    this.hide();\n  };\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"message\");\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-message\": true,\n      \"stzh-message--has-close-hidden\": this.hideClose,\n      [`stzh-message--type-${this.type}`]: !!this.type,\n    };\n\n    return (\n      <Host hidden={!this.open}>\n        <div class={classes}>\n          <div class=\"stzh-message__content\">\n            <div class=\"stzh-message__icon-wrapper\">\n              <stzh-icon\n                class=\"stzh-message__icon\"\n                name={\n                  ((this.type === \"info\" || this.type === \"page-message\") && \"info-help-filled\") ||\n                  (this.type === \"success\" && \"checkmark-circle-filled\") ||\n                  (this.type === \"warning\" && \"important-warning-filled\") ||\n                  (this.type === \"error\" && \"warning-filled\")\n                }\n              ></stzh-icon>\n            </div>\n            <div class=\"stzh-message__text-wrapper\">\n              <div class=\"stzh-message__label\">{this.label ? this.label : <slot name=\"label\"></slot>}</div>\n              <div class=\"stzh-message__description\">{this.description ? this.description : <slot></slot>}</div>\n              <div class=\"stzh-message__link\">\n                <slot name=\"link\"></slot>\n              </div>\n            </div>\n          </div>\n\n          {!this.hideClose && (\n            <stzh-button\n              class=\"stzh-message__close\"\n              onClick={this.onCloseButtonClick}\n              a11yLabel={this.localization.close}\n              variant=\"tertiary\"\n              size=\"small\"\n              iconOnly={true}\n              icon=\"close-big\"\n            ></stzh-button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-Dftrh_v1.js → p-DM5rcQ-w.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-NuLYh9v8.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DAS4ghWk.js';
 import { i as isStzhElement } from './p-CN5apKPb.js';
 import { w as waitForEvent } from './p--SdF31O7.js';
 import { s as stopAnimations, a as animateTo, b as shimKeyframesAutoValues } from './p-BOO84wnP.js';
@@ -178,6 +178,6 @@ function defineCustomElement() {
 }
 
 export { StzhDetails as S, defineCustomElement as d };
-//# sourceMappingURL=p-Dftrh_v1.js.map
+//# sourceMappingURL=p-DM5rcQ-w.js.map
 
-//# sourceMappingURL=p-Dftrh_v1.js.map
+//# sourceMappingURL=p-DM5rcQ-w.js.map

package/dist/components/{p-Dftrh_v1.js.map → p-DM5rcQ-w.js.map}

@@ -1 +1 @@
-{"file":"p-Dftrh_v1.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-details/stzh-details.scss?tag=stzh-details&encapsulation=scoped","src/components/stzh-details/stzh-details.tsx"],"sourcesContent":[":host {\n  display: contents;\n\n  --content-width: var(--stzh-details-content-width, 100%);\n  --content-padding-left: 0px;\n  --content-padding-right: var(--stzh-details-content-padding-right, 0px);\n  --content-background: transparent;\n  --content-grid-column: var(--stzh-details-content-grid-column, inherit);\n  --content-border-bottom: none;\n  --content-padding-top: var(\n    --stzh-details-content-padding-top,\n    #{space(\"medium\")}\n  );\n  --content-padding-bottom: 0;\n\n  // @include mq($from: medium) {\n  //   --content-padding-top: var(--stzh-details-content-padding-top, #{spaceCurveValue('medium', 'medium')});\n  // }\n\n  // @include mq($from: large) {\n  //   --content-padding-top: var(--stzh-details-content-padding-top, #{spaceCurveValue('medium', 'large')});\n  // }\n\n  // &[no-padding-top]:not([no-padding-top=\"false\"]) {\n  //   --content-padding-top: var(--stzh-details-content-padding-top, 0px);\n  // }\n\n  // &[no-padding-bottom]:not([no-padding-bottom=\"false\"]) {\n  //   --content-padding-bottom: var(--stzh-details-content-padding-bottom, 0px);\n  // }\n}\n\n.stzh-details {\n  &,\n  &__trigger {\n    display: contents;\n  }\n\n  &__content {\n    width: var(--content-width);\n    overflow: hidden;\n    background-color: var(--content-background);\n    grid-column: var(--content-grid-column);\n    border-bottom: var(--content-border-bottom);\n\n    @media print {\n      height: auto !important;\n      overflow: visible !important;\n      display: block !important;\n    }\n  }\n\n  &__content-inner {\n    padding-top: var(--content-padding-top);\n    padding-bottom: var(--content-padding-bottom);\n    padding-left: var(--content-padding-left);\n    padding-right: var(--content-padding-right);\n  }\n}\n","import { Component, Host, h, Element, Prop, Method, Watch, Event, EventEmitter } from \"@stencil/core\";\n\nimport {\n  StzhAccordionItemOpenEvent,\n  StzhAccordionItemOpenedEvent,\n  StzhAccordionItemCloseEvent,\n  StzhAccordionItemClosedEvent,\n} from \"../../index\";\n\nimport { isStzhElement } from \"../../utils/utils\";\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { stopAnimations, animateTo, shimKeyframesAutoValues } from \"../../utils/animation-utils\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [\n    { height: \"0\", opacity: \"0\" },\n    { height: \"auto\", opacity: \"1\" },\n  ],\n  options: { duration: 300, easing: \"linear\" },\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [\n    { height: \"auto\", opacity: \"1\" },\n    { height: \"0\", opacity: \"0\" },\n  ],\n  options: { duration: 300, easing: \"linear\" },\n};\n\nlet detailsCounter = 0;\n\n/**\n * @slot - Slot for trigger\n * @slot content - Slot for any content\n */\n@Component({\n  tag: \"stzh-details\",\n  styleUrl: \"stzh-details.scss\",\n  scoped: true,\n})\nexport class StzhDetails {\n  /** Whether fold is open */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  // /** Whether to remove top padding */\n  // @Prop({ reflect: true }) noPaddingTop: boolean = false;\n\n  // /** Whether to remove top padding */\n  // @Prop({ reflect: true }) noPaddingBottom: boolean = false;\n\n  @Element() element: HTMLStzhDetailsElement;\n\n  /** Open event */\n  @Event() stzhOpen: EventEmitter<StzhAccordionItemOpenEvent>;\n\n  /** Opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhAccordionItemOpenedEvent>;\n\n  /** Close event */\n  @Event() stzhClose: EventEmitter<StzhAccordionItemCloseEvent>;\n\n  /** Closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhAccordionItemClosedEvent>;\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.triggerElement) {\n      return;\n    }\n\n    if (this.triggerElement.firstElementChild) {\n      const isStzh = isStzhElement(this.triggerElement.firstElementChild);\n\n      this.triggerElement.firstElementChild.setAttribute(\n        isStzh ? \"a11y-expanded\" : \"aria-expanded\",\n        newValue ? \"true\" : \"false\",\n      );\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.hidden = false;\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n          height: this.bodyElement.scrollHeight,\n        }),\n        ANIMATION_SHOW.options,\n      );\n\n      this.bodyElement.style.height = \"auto\";\n      this.bodyElement.style.overflow = \"visible\";\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.style.overflow = \"hidden\";\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n          height: this.bodyElement.scrollHeight,\n        }),\n        ANIMATION_HIDE.options,\n      );\n\n      this.bodyElement.hidden = true;\n      this.bodyElement.style.height = \"0px\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  private toggledByMethod: boolean = false;\n  private bodyElement: HTMLDivElement;\n  private detailsId: string;\n\n  /** Show accordion item content */\n  @Method()\n  async show() {\n    if (this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide accordion item content */\n  @Method()\n  async hide() {\n    if (!this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  private triggerElement: HTMLElement;\n\n  private onClickTrigger = () => {\n    this.toggle();\n  };\n\n  componentWillLoad() {\n    this.detailsId = `stzh-details-${detailsCounter++}`;\n  }\n\n  componentDidLoad() {\n    this.bodyElement.hidden = !this.open;\n    this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n    this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n\n    if (this.triggerElement.firstElementChild) {\n      const isStzh = isStzhElement(this.triggerElement.firstElementChild);\n      this.triggerElement.firstElementChild.setAttribute(\n        isStzh ? \"a11y-controls\" : \"aria-controls\",\n        `${this.detailsId}-content`,\n      );\n      this.triggerElement.firstElementChild.setAttribute(\n        isStzh ? \"a11y-expanded\" : \"aria-expanded\",\n        this.open ? \"true\" : \"false\",\n      );\n    }\n  }\n\n  connectedCallback() {\n    let trigger = this.triggerElement?.firstElementChild;\n\n    if (!trigger) {\n      const defaultSlot = Array.from(this.element.children).find(\n        child => !(child as HTMLElement).hasAttribute(\"slot\"),\n      ) as HTMLElement;\n\n      trigger = defaultSlot;\n    }\n\n    if (trigger) {\n      trigger.addEventListener(\"click\", this.onClickTrigger);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.triggerElement && this.triggerElement.firstElementChild) {\n      this.triggerElement.firstElementChild.removeEventListener(\"click\", this.onClickTrigger);\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-details\": true,\n      \"stzh-details--is-open\": this.open,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div ref={el => (this.triggerElement = el as HTMLDivElement)} class=\"stzh-details__trigger\">\n            <slot></slot>\n          </div>\n          <div\n            id={`${this.detailsId}-content`}\n            ref={el => (this.bodyElement = el as HTMLDivElement)}\n            class=\"stzh-details__content\"\n            aria-labelledby={`${this.detailsId}-header`}\n          >\n            <div class=\"stzh-details__content-inner\">\n              <slot name=\"content\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DM5rcQ-w.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-details/stzh-details.scss?tag=stzh-details&encapsulation=scoped","src/components/stzh-details/stzh-details.tsx"],"sourcesContent":[":host {\n  display: contents;\n\n  --content-width: var(--stzh-details-content-width, 100%);\n  --content-padding-left: 0px;\n  --content-padding-right: var(--stzh-details-content-padding-right, 0px);\n  --content-background: transparent;\n  --content-grid-column: var(--stzh-details-content-grid-column, inherit);\n  --content-border-bottom: none;\n  --content-padding-top: var(\n    --stzh-details-content-padding-top,\n    #{space(\"medium\")}\n  );\n  --content-padding-bottom: 0;\n\n  // @include mq($from: medium) {\n  //   --content-padding-top: var(--stzh-details-content-padding-top, #{spaceCurveValue('medium', 'medium')});\n  // }\n\n  // @include mq($from: large) {\n  //   --content-padding-top: var(--stzh-details-content-padding-top, #{spaceCurveValue('medium', 'large')});\n  // }\n\n  // &[no-padding-top]:not([no-padding-top=\"false\"]) {\n  //   --content-padding-top: var(--stzh-details-content-padding-top, 0px);\n  // }\n\n  // &[no-padding-bottom]:not([no-padding-bottom=\"false\"]) {\n  //   --content-padding-bottom: var(--stzh-details-content-padding-bottom, 0px);\n  // }\n}\n\n.stzh-details {\n  &,\n  &__trigger {\n    display: contents;\n  }\n\n  &__content {\n    width: var(--content-width);\n    overflow: hidden;\n    background-color: var(--content-background);\n    grid-column: var(--content-grid-column);\n    border-bottom: var(--content-border-bottom);\n\n    @media print {\n      height: auto !important;\n      overflow: visible !important;\n      display: block !important;\n    }\n  }\n\n  &__content-inner {\n    padding-top: var(--content-padding-top);\n    padding-bottom: var(--content-padding-bottom);\n    padding-left: var(--content-padding-left);\n    padding-right: var(--content-padding-right);\n  }\n}\n","import { Component, Host, h, Element, Prop, Method, Watch, Event, EventEmitter } from \"@stencil/core\";\n\nimport {\n  StzhAccordionItemOpenEvent,\n  StzhAccordionItemOpenedEvent,\n  StzhAccordionItemCloseEvent,\n  StzhAccordionItemClosedEvent,\n} from \"../../index\";\n\nimport { isStzhElement } from \"../../utils/utils\";\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { stopAnimations, animateTo, shimKeyframesAutoValues } from \"../../utils/animation-utils\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [\n    { height: \"0\", opacity: \"0\" },\n    { height: \"auto\", opacity: \"1\" },\n  ],\n  options: { duration: 300, easing: \"linear\" },\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [\n    { height: \"auto\", opacity: \"1\" },\n    { height: \"0\", opacity: \"0\" },\n  ],\n  options: { duration: 300, easing: \"linear\" },\n};\n\nlet detailsCounter = 0;\n\n/**\n * @slot - Slot for trigger\n * @slot content - Slot for any content\n */\n@Component({\n  tag: \"stzh-details\",\n  styleUrl: \"stzh-details.scss\",\n  scoped: true,\n})\nexport class StzhDetails {\n  /** Whether fold is open */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  // /** Whether to remove top padding */\n  // @Prop({ reflect: true }) noPaddingTop: boolean = false;\n\n  // /** Whether to remove top padding */\n  // @Prop({ reflect: true }) noPaddingBottom: boolean = false;\n\n  @Element() element: HTMLStzhDetailsElement;\n\n  /** Open event */\n  @Event() stzhOpen: EventEmitter<StzhAccordionItemOpenEvent>;\n\n  /** Opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhAccordionItemOpenedEvent>;\n\n  /** Close event */\n  @Event() stzhClose: EventEmitter<StzhAccordionItemCloseEvent>;\n\n  /** Closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhAccordionItemClosedEvent>;\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.triggerElement) {\n      return;\n    }\n\n    if (this.triggerElement.firstElementChild) {\n      const isStzh = isStzhElement(this.triggerElement.firstElementChild);\n\n      this.triggerElement.firstElementChild.setAttribute(\n        isStzh ? \"a11y-expanded\" : \"aria-expanded\",\n        newValue ? \"true\" : \"false\",\n      );\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.hidden = false;\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n          height: this.bodyElement.scrollHeight,\n        }),\n        ANIMATION_SHOW.options,\n      );\n\n      this.bodyElement.style.height = \"auto\";\n      this.bodyElement.style.overflow = \"visible\";\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.style.overflow = \"hidden\";\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n          height: this.bodyElement.scrollHeight,\n        }),\n        ANIMATION_HIDE.options,\n      );\n\n      this.bodyElement.hidden = true;\n      this.bodyElement.style.height = \"0px\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  private toggledByMethod: boolean = false;\n  private bodyElement: HTMLDivElement;\n  private detailsId: string;\n\n  /** Show accordion item content */\n  @Method()\n  async show() {\n    if (this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide accordion item content */\n  @Method()\n  async hide() {\n    if (!this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  private triggerElement: HTMLElement;\n\n  private onClickTrigger = () => {\n    this.toggle();\n  };\n\n  componentWillLoad() {\n    this.detailsId = `stzh-details-${detailsCounter++}`;\n  }\n\n  componentDidLoad() {\n    this.bodyElement.hidden = !this.open;\n    this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n    this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n\n    if (this.triggerElement.firstElementChild) {\n      const isStzh = isStzhElement(this.triggerElement.firstElementChild);\n      this.triggerElement.firstElementChild.setAttribute(\n        isStzh ? \"a11y-controls\" : \"aria-controls\",\n        `${this.detailsId}-content`,\n      );\n      this.triggerElement.firstElementChild.setAttribute(\n        isStzh ? \"a11y-expanded\" : \"aria-expanded\",\n        this.open ? \"true\" : \"false\",\n      );\n    }\n  }\n\n  connectedCallback() {\n    let trigger = this.triggerElement?.firstElementChild;\n\n    if (!trigger) {\n      const defaultSlot = Array.from(this.element.children).find(\n        child => !(child as HTMLElement).hasAttribute(\"slot\"),\n      ) as HTMLElement;\n\n      trigger = defaultSlot;\n    }\n\n    if (trigger) {\n      trigger.addEventListener(\"click\", this.onClickTrigger);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.triggerElement && this.triggerElement.firstElementChild) {\n      this.triggerElement.firstElementChild.removeEventListener(\"click\", this.onClickTrigger);\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-details\": true,\n      \"stzh-details--is-open\": this.open,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div ref={el => (this.triggerElement = el as HTMLDivElement)} class=\"stzh-details__trigger\">\n            <slot></slot>\n          </div>\n          <div\n            id={`${this.detailsId}-content`}\n            ref={el => (this.bodyElement = el as HTMLDivElement)}\n            class=\"stzh-details__content\"\n            aria-labelledby={`${this.detailsId}-header`}\n          >\n            <div class=\"stzh-details__content-inner\">\n              <slot name=\"content\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-hEo-NNbg.js → p-DTDpjDcx.js}

@@ -1,10 +1,10 @@
-import { h } from './p-NuLYh9v8.js';
+import { h } from './p-DAS4ghWk.js';
 
 const StzhInputDescription = ({ id, classPrefix, error, description, descriptionLong, descriptionLongTitle, descriptionLongUsed, moreInfoButtonLabel, }) => {
     return (h("div", { class: `${classPrefix}__description-wrapper`, id: id }, h("div", { class: `${classPrefix}__error` }, error.length > 0 ? (h("ul", { class: `${classPrefix}__error-list` }, error.map(error => (h("li", { class: `${classPrefix}__error-listitem` }, error))))) : (h("slot", { name: "error" }))), h("div", { class: `${classPrefix}__description` }, descriptionLongUsed && (h("div", { class: `${classPrefix}__description-long` }, h("stzh-popover", { class: `${classPrefix}__description-long-popover`, variant: "tooltip" }, h("button", { class: `${classPrefix}__description-long-button`, "aria-label": moreInfoButtonLabel, type: "button", "s-object-id": moreInfoButtonLabel }, h("stzh-icon", { class: `${classPrefix}__description-long-icon`, name: "info-help" })), h("div", { slot: "label" }, descriptionLongTitle || description ? (descriptionLongTitle || description) : (h("slot", { name: "description-long-title" }))), h("stzh-text", { curve: "none", slot: "content" }, descriptionLong ? descriptionLong : h("slot", { name: "description-long" }))))), h("div", { class: `${classPrefix}__description-text` }, description ? description : h("slot", { name: "description" })))));
 };
 
 export { StzhInputDescription as S };
-//# sourceMappingURL=p-hEo-NNbg.js.map
+//# sourceMappingURL=p-DTDpjDcx.js.map
 
-//# sourceMappingURL=p-hEo-NNbg.js.map
+//# sourceMappingURL=p-DTDpjDcx.js.map

package/dist/components/{p-hEo-NNbg.js.map → p-DTDpjDcx.js.map}

@@ -1 +1 @@
-{"file":"p-hEo-NNbg.js","mappings":";;MAaa,oBAAoB,GAAmD,CAAC,EACnF,EAAE,EACF,WAAW,EACX,KAAK,EACL,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,GACpB,KAAI;AACH,IAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,qBAAA,CAAuB,EAAE,EAAE,EAAE,EAAE,EAAA,EACvD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS,IAChC,KAAK,CAAC,MAAM,GAAG,CAAC,IACf,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,CAAc,YAAA,CAAA,EACpC,EAAA,KAAK,CAAC,GAAG,CAAC,KAAK,KACd,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,CAAG,EAAA,WAAW,kBAAkB,EAAG,EAAA,KAAK,CAAM,CAC1D,CAAC,CACC,KAEL,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAQ,CAAA,CAC3B,CACG,EACN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,aAAA,CAAe,EAAA,EACtC,mBAAmB,KAClB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAG,EAAA,WAAW,CAAoB,kBAAA,CAAA,EAAA,EAC5C,CAAc,CAAA,cAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,0BAAA,CAA4B,EAAE,OAAO,EAAC,SAAS,EAAA,EAChF,CAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAE,CAAG,EAAA,WAAW,CAA2B,yBAAA,CAAA,EAAA,YAAA,EACpC,mBAAmB,EAC/B,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,mBAAmB,EAAA,EAEhC,CAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAE,GAAG,WAAW,CAAA,uBAAA,CAAyB,EAAE,IAAI,EAAC,WAAW,EAAA,CAAa,CACjF,EACT,CAAK,CAAA,KAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EACd,EAAA,oBAAoB,IAAI,WAAW,IAClC,oBAAoB,IAAI,WAAW,KAEnC,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,wBAAwB,EAAQ,CAAA,CAC5C,CACG,EACN,CAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAA,EACnC,eAAe,GAAG,eAAe,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,kBAAkB,EAAQ,CAAA,CAChE,CACC,CACX,CACP,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,kBAAA,CAAoB,EAC3C,EAAA,WAAW,GAAG,WAAW,GAAG,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,aAAa,GAAQ,CACzD,CACF,CACF;AAEV;;;;","names":[],"sources":["src/components/stzh-input/stzh-input-description.tsx"],"sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\";\n\nexport type StzhInputDescriptionProps = {\n  id: string;\n  classPrefix: string;\n  error?: string[];\n  description?: string;\n  descriptionLong?: string;\n  descriptionLongTitle?: string;\n  descriptionLongUsed?: boolean;\n  moreInfoButtonLabel?: string;\n};\n\nexport const StzhInputDescription: FunctionalComponent<StzhInputDescriptionProps> = ({\n  id,\n  classPrefix,\n  error,\n  description,\n  descriptionLong,\n  descriptionLongTitle,\n  descriptionLongUsed,\n  moreInfoButtonLabel,\n}) => {\n  return (\n    <div class={`${classPrefix}__description-wrapper`} id={id}>\n      <div class={`${classPrefix}__error`}>\n        {error.length > 0 ? (\n          <ul class={`${classPrefix}__error-list`}>\n            {error.map(error => (\n              <li class={`${classPrefix}__error-listitem`}>{error}</li>\n            ))}\n          </ul>\n        ) : (\n          <slot name=\"error\"></slot>\n        )}\n      </div>\n      <div class={`${classPrefix}__description`}>\n        {descriptionLongUsed && (\n          <div class={`${classPrefix}__description-long`}>\n            <stzh-popover class={`${classPrefix}__description-long-popover`} variant=\"tooltip\">\n              <button\n                class={`${classPrefix}__description-long-button`}\n                aria-label={moreInfoButtonLabel}\n                type=\"button\"\n                s-object-id={moreInfoButtonLabel}\n              >\n                <stzh-icon class={`${classPrefix}__description-long-icon`} name=\"info-help\"></stzh-icon>\n              </button>\n              <div slot=\"label\">\n                {descriptionLongTitle || description ? (\n                  descriptionLongTitle || description\n                ) : (\n                  <slot name=\"description-long-title\"></slot>\n                )}\n              </div>\n              <stzh-text curve=\"none\" slot=\"content\">\n                {descriptionLong ? descriptionLong : <slot name=\"description-long\"></slot>}\n              </stzh-text>\n            </stzh-popover>\n          </div>\n        )}\n\n        <div class={`${classPrefix}__description-text`}>\n          {description ? description : <slot name=\"description\"></slot>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"version":3}
+{"file":"p-DTDpjDcx.js","mappings":";;MAaa,oBAAoB,GAAmD,CAAC,EACnF,EAAE,EACF,WAAW,EACX,KAAK,EACL,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,GACpB,KAAI;AACH,IAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,qBAAA,CAAuB,EAAE,EAAE,EAAE,EAAE,EAAA,EACvD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS,IAChC,KAAK,CAAC,MAAM,GAAG,CAAC,IACf,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,CAAc,YAAA,CAAA,EACpC,EAAA,KAAK,CAAC,GAAG,CAAC,KAAK,KACd,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,CAAG,EAAA,WAAW,kBAAkB,EAAG,EAAA,KAAK,CAAM,CAC1D,CAAC,CACC,KAEL,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAQ,CAAA,CAC3B,CACG,EACN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,aAAA,CAAe,EAAA,EACtC,mBAAmB,KAClB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAG,EAAA,WAAW,CAAoB,kBAAA,CAAA,EAAA,EAC5C,CAAc,CAAA,cAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,0BAAA,CAA4B,EAAE,OAAO,EAAC,SAAS,EAAA,EAChF,CAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAE,CAAG,EAAA,WAAW,CAA2B,yBAAA,CAAA,EAAA,YAAA,EACpC,mBAAmB,EAC/B,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,mBAAmB,EAAA,EAEhC,CAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAE,GAAG,WAAW,CAAA,uBAAA,CAAyB,EAAE,IAAI,EAAC,WAAW,EAAA,CAAa,CACjF,EACT,CAAK,CAAA,KAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EACd,EAAA,oBAAoB,IAAI,WAAW,IAClC,oBAAoB,IAAI,WAAW,KAEnC,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,wBAAwB,EAAQ,CAAA,CAC5C,CACG,EACN,CAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAA,EACnC,eAAe,GAAG,eAAe,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,kBAAkB,EAAQ,CAAA,CAChE,CACC,CACX,CACP,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,kBAAA,CAAoB,EAC3C,EAAA,WAAW,GAAG,WAAW,GAAG,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,aAAa,GAAQ,CACzD,CACF,CACF;AAEV;;;;","names":[],"sources":["src/components/stzh-input/stzh-input-description.tsx"],"sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\";\n\nexport type StzhInputDescriptionProps = {\n  id: string;\n  classPrefix: string;\n  error?: string[];\n  description?: string;\n  descriptionLong?: string;\n  descriptionLongTitle?: string;\n  descriptionLongUsed?: boolean;\n  moreInfoButtonLabel?: string;\n};\n\nexport const StzhInputDescription: FunctionalComponent<StzhInputDescriptionProps> = ({\n  id,\n  classPrefix,\n  error,\n  description,\n  descriptionLong,\n  descriptionLongTitle,\n  descriptionLongUsed,\n  moreInfoButtonLabel,\n}) => {\n  return (\n    <div class={`${classPrefix}__description-wrapper`} id={id}>\n      <div class={`${classPrefix}__error`}>\n        {error.length > 0 ? (\n          <ul class={`${classPrefix}__error-list`}>\n            {error.map(error => (\n              <li class={`${classPrefix}__error-listitem`}>{error}</li>\n            ))}\n          </ul>\n        ) : (\n          <slot name=\"error\"></slot>\n        )}\n      </div>\n      <div class={`${classPrefix}__description`}>\n        {descriptionLongUsed && (\n          <div class={`${classPrefix}__description-long`}>\n            <stzh-popover class={`${classPrefix}__description-long-popover`} variant=\"tooltip\">\n              <button\n                class={`${classPrefix}__description-long-button`}\n                aria-label={moreInfoButtonLabel}\n                type=\"button\"\n                s-object-id={moreInfoButtonLabel}\n              >\n                <stzh-icon class={`${classPrefix}__description-long-icon`} name=\"info-help\"></stzh-icon>\n              </button>\n              <div slot=\"label\">\n                {descriptionLongTitle || description ? (\n                  descriptionLongTitle || description\n                ) : (\n                  <slot name=\"description-long-title\"></slot>\n                )}\n              </div>\n              <stzh-text curve=\"none\" slot=\"content\">\n                {descriptionLong ? descriptionLong : <slot name=\"description-long\"></slot>}\n              </stzh-text>\n            </stzh-popover>\n          </div>\n        )}\n\n        <div class={`${classPrefix}__description-text`}>\n          {description ? description : <slot name=\"description\"></slot>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"version":3}

package/dist/components/{p-C9KJACfk.js → p-DU--O-Ux.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-NuLYh9v8.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DAS4ghWk.js';
 import { a as api } from './p-Cpg2gH_9.js';
 
 const stzhShowCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--show-display:contents;--hide-display:none;--current-display:var(--hide-display);display:var(--current-display)}:host([mikro]){--current-display:var(--show-display)}:host([mikro=false]){--current-display:var(--hide-display)}@media screen and (min-width: 600px){:host([small]){--current-display:var(--show-display)}}@media screen and (min-width: 600px){:host([small=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 900px){:host([medium]){--current-display:var(--show-display)}}@media screen and (min-width: 900px){:host([medium=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 1260px){:host([large]){--current-display:var(--show-display)}}@media screen and (min-width: 1260px){:host([large=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 1600px){:host([ultra]){--current-display:var(--show-display)}}@media screen and (min-width: 1600px){:host([ultra=false]){--current-display:var(--hide-display)}}`;
@@ -95,6 +95,6 @@ function defineCustomElement() {
 }
 
 export { StzhShow as S, defineCustomElement as d };
-//# sourceMappingURL=p-C9KJACfk.js.map
+//# sourceMappingURL=p-DU--O-Ux.js.map
 
-//# sourceMappingURL=p-C9KJACfk.js.map
+//# sourceMappingURL=p-DU--O-Ux.js.map

package/dist/components/{p-C9KJACfk.js.map → p-DU--O-Ux.js.map}

@@ -1 +1 @@
-{"file":"p-C9KJACfk.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,k3DAAk3D,CAAC;;ACM94D,MAAM,gBAAgB,GAAG,4BAA4B;MAUxC,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AALrB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AA6BE;;;;;AAKG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AA2CrB,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAsBxC;AA9DC,IAAA,YAAY,CAAC,KAA0F,EAAA;AACrG,QAAA,IAAI,CAAC,aAAa,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;AACtF,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,gBAAAC,GAAM,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAA,CAAA,EAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;;;;AAM/E,IAAA,mBAAmB,CAAC,QAAuB,EAAA;AACzC,QAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AAChC,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI;;aACpD;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;;QAG/B,IAAI,cAAc,GAAG,KAAK;AAE1B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,MAAM,UAAU,GAAGA,GAAM,CAAC,GAAG,CAAC,CAAA,EAAG,gBAAgB,CAAA,CAAA,EAAI,IAAI,CAAC,QAAQ,CAAA,CAAE,CAAC;YAErE,IAAI,UAAU,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,EAAE;gBAC7F,cAAc,GAAG,IAAI;;;AAIzB,QAAA,IAAI,CAAC,cAAc,GAAG,cAAc;;AAItC,IAAA,mBAAmB,CAAC,QAAuB,EAAA;AACzC,QAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AAChC,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI;;aACpD;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;;;IAQjC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC;AAC3C,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC;;IAG7C,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE;QAE1B,QACE,CAAC,CAAA,IAAI,qDACH,MAAM,EACJ,CAAC,IAAI,CAAC,aAAa,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;AAC9D,iBAAC,IAAI,CAAC,aAAa,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;AAC/D,gBAAA,IAAI,CAAC,cAAc,EAAA,EAGrB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","Cookie"],"sources":["src/components/stzh-show/stzh-show.scss?tag=stzh-show&encapsulation=shadow","src/components/stzh-show/stzh-show.tsx"],"sourcesContent":["/**\n * @prop --show-display: Display value that is used when content is shown (default `block`)\n * @prop --hide-display: Display value that is used when content is hidden (default `none`)\n * @prop --current-display: Current display value (readonly)\n */\n\n:host {\n  --show-display: contents;\n  --hide-display: none;\n  --current-display: var(--hide-display);\n\n  display: var(--current-display);\n}\n\n/* Mikro */\n\n:host([mikro]) {\n  --current-display: var(--show-display);\n}\n\n:host([mikro=\"false\"]) {\n  --current-display: var(--hide-display);\n}\n\n/* Small */\n\n:host([small]) {\n  @include mq($from: small) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([small=\"false\"]) {\n  @include mq($from: small) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Medium */\n\n:host([medium]) {\n  @include mq($from: medium) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([medium=\"false\"]) {\n  @include mq($from: medium) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Large */\n\n:host([large]) {\n  @include mq($from: large) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([large=\"false\"]) {\n  @include mq($from: large) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Ultra */\n\n:host([ultra]) {\n  @include mq($from: ultra) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([ultra=\"false\"]) {\n  @include mq($from: ultra) {\n    --current-display: var(--hide-display);\n  }\n}\n","import { Component, Host, h, Element, Prop, Watch, Listen } from \"@stencil/core\";\n\nimport { StzhBannerCloseEvent, StzhGhettoboxCloseEvent, StzhMessageCloseEvent } from \"../../index\";\n\nimport Cookie from \"js-cookie\";\n\nconst KEY_PREFIX_CLOSE = \"stzh-components-show-close\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-show\",\n  styleUrl: \"stzh-show.scss\",\n  shadow: true,\n})\nexport class StzhShow {\n  /** Mikro */\n  @Prop({ reflect: true }) mikro: boolean;\n\n  /** Small */\n  @Prop({ reflect: true }) small: boolean;\n\n  /** Medium */\n  @Prop({ reflect: true }) medium: boolean;\n\n  /** Large */\n  @Prop({ reflect: true }) large: boolean;\n\n  /** Ultra */\n  @Prop({ reflect: true }) ultra: boolean;\n\n  /** Show from date */\n  @Prop() showFromDate: Date | string;\n  private _showFromDate: Date;\n\n  /** Hide from date */\n  @Prop() hideFromDate: Date | string;\n  private _hideFromDate: Date;\n\n  /**\n   * Close cookie name key.\n   * Component will check for the cookie (stzh-components-show-close-{name})\n   * and if not empty (component inside already closed before) will hide show.\n   * Will also compare with showFromDate if given, to make sure cookie was set after showFromDate (otherwise will show again).\n   */\n  @Prop() closeKey: string = \"\";\n\n  @Listen(\"stzhClose\")\n  closeWatcher(event: CustomEvent<StzhBannerCloseEvent | StzhMessageCloseEvent | StzhGhettoboxCloseEvent>) {\n    if ([\"stzh-banner\", \"stzh-message\", \"stzh-ghettobox\"].includes(event.detail.component)) {\n      if (this.closeKey) {\n        Cookie.set(`${KEY_PREFIX_CLOSE}-${this.closeKey}`, Date.now().toString());\n      }\n    }\n  }\n\n  @Watch(\"showFromDate\")\n  showFromDateWatcher(newValue: Date | string) {\n    if (typeof newValue === \"string\") {\n      this._showFromDate = newValue ? new Date(newValue) : null;\n    } else {\n      this._showFromDate = newValue;\n    }\n\n    let closedByCookie = false;\n\n    if (this.closeKey) {\n      const timeClosed = Cookie.get(`${KEY_PREFIX_CLOSE}-${this.closeKey}`);\n\n      if (timeClosed && (!this._showFromDate || Number(timeClosed) >= this._showFromDate.getTime())) {\n        closedByCookie = true;\n      }\n    }\n\n    this.closedByCookie = closedByCookie;\n  }\n\n  @Watch(\"hideFromDate\")\n  hideFromDateWatcher(newValue: Date | string) {\n    if (typeof newValue === \"string\") {\n      this._hideFromDate = newValue ? new Date(newValue) : null;\n    } else {\n      this._hideFromDate = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhShowElement;\n\n  private closedByCookie: boolean = false;\n\n  componentWillLoad() {\n    this.showFromDateWatcher(this.showFromDate);\n    this.hideFromDateWatcher(this.hideFromDate);\n  }\n\n  render() {\n    const timeNow = Date.now();\n\n    return (\n      <Host\n        hidden={\n          (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||\n          (this._hideFromDate && timeNow >= this._hideFromDate.getTime()) ||\n          this.closedByCookie\n        }\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DU--O-Ux.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,k3DAAk3D,CAAC;;ACM94D,MAAM,gBAAgB,GAAG,4BAA4B;MAUxC,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AALrB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AA6BE;;;;;AAKG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AA2CrB,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAsBxC;AA9DC,IAAA,YAAY,CAAC,KAA0F,EAAA;AACrG,QAAA,IAAI,CAAC,aAAa,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;AACtF,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,gBAAAC,GAAM,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAA,CAAA,EAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;;;;AAM/E,IAAA,mBAAmB,CAAC,QAAuB,EAAA;AACzC,QAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AAChC,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI;;aACpD;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;;QAG/B,IAAI,cAAc,GAAG,KAAK;AAE1B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,MAAM,UAAU,GAAGA,GAAM,CAAC,GAAG,CAAC,CAAA,EAAG,gBAAgB,CAAA,CAAA,EAAI,IAAI,CAAC,QAAQ,CAAA,CAAE,CAAC;YAErE,IAAI,UAAU,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,EAAE;gBAC7F,cAAc,GAAG,IAAI;;;AAIzB,QAAA,IAAI,CAAC,cAAc,GAAG,cAAc;;AAItC,IAAA,mBAAmB,CAAC,QAAuB,EAAA;AACzC,QAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AAChC,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI;;aACpD;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;;;IAQjC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC;AAC3C,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC;;IAG7C,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE;QAE1B,QACE,CAAC,CAAA,IAAI,qDACH,MAAM,EACJ,CAAC,IAAI,CAAC,aAAa,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;AAC9D,iBAAC,IAAI,CAAC,aAAa,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;AAC/D,gBAAA,IAAI,CAAC,cAAc,EAAA,EAGrB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","Cookie"],"sources":["src/components/stzh-show/stzh-show.scss?tag=stzh-show&encapsulation=shadow","src/components/stzh-show/stzh-show.tsx"],"sourcesContent":["/**\n * @prop --show-display: Display value that is used when content is shown (default `block`)\n * @prop --hide-display: Display value that is used when content is hidden (default `none`)\n * @prop --current-display: Current display value (readonly)\n */\n\n:host {\n  --show-display: contents;\n  --hide-display: none;\n  --current-display: var(--hide-display);\n\n  display: var(--current-display);\n}\n\n/* Mikro */\n\n:host([mikro]) {\n  --current-display: var(--show-display);\n}\n\n:host([mikro=\"false\"]) {\n  --current-display: var(--hide-display);\n}\n\n/* Small */\n\n:host([small]) {\n  @include mq($from: small) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([small=\"false\"]) {\n  @include mq($from: small) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Medium */\n\n:host([medium]) {\n  @include mq($from: medium) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([medium=\"false\"]) {\n  @include mq($from: medium) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Large */\n\n:host([large]) {\n  @include mq($from: large) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([large=\"false\"]) {\n  @include mq($from: large) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Ultra */\n\n:host([ultra]) {\n  @include mq($from: ultra) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([ultra=\"false\"]) {\n  @include mq($from: ultra) {\n    --current-display: var(--hide-display);\n  }\n}\n","import { Component, Host, h, Element, Prop, Watch, Listen } from \"@stencil/core\";\n\nimport { StzhBannerCloseEvent, StzhGhettoboxCloseEvent, StzhMessageCloseEvent } from \"../../index\";\n\nimport Cookie from \"js-cookie\";\n\nconst KEY_PREFIX_CLOSE = \"stzh-components-show-close\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-show\",\n  styleUrl: \"stzh-show.scss\",\n  shadow: true,\n})\nexport class StzhShow {\n  /** Mikro */\n  @Prop({ reflect: true }) mikro: boolean;\n\n  /** Small */\n  @Prop({ reflect: true }) small: boolean;\n\n  /** Medium */\n  @Prop({ reflect: true }) medium: boolean;\n\n  /** Large */\n  @Prop({ reflect: true }) large: boolean;\n\n  /** Ultra */\n  @Prop({ reflect: true }) ultra: boolean;\n\n  /** Show from date */\n  @Prop() showFromDate: Date | string;\n  private _showFromDate: Date;\n\n  /** Hide from date */\n  @Prop() hideFromDate: Date | string;\n  private _hideFromDate: Date;\n\n  /**\n   * Close cookie name key.\n   * Component will check for the cookie (stzh-components-show-close-{name})\n   * and if not empty (component inside already closed before) will hide show.\n   * Will also compare with showFromDate if given, to make sure cookie was set after showFromDate (otherwise will show again).\n   */\n  @Prop() closeKey: string = \"\";\n\n  @Listen(\"stzhClose\")\n  closeWatcher(event: CustomEvent<StzhBannerCloseEvent | StzhMessageCloseEvent | StzhGhettoboxCloseEvent>) {\n    if ([\"stzh-banner\", \"stzh-message\", \"stzh-ghettobox\"].includes(event.detail.component)) {\n      if (this.closeKey) {\n        Cookie.set(`${KEY_PREFIX_CLOSE}-${this.closeKey}`, Date.now().toString());\n      }\n    }\n  }\n\n  @Watch(\"showFromDate\")\n  showFromDateWatcher(newValue: Date | string) {\n    if (typeof newValue === \"string\") {\n      this._showFromDate = newValue ? new Date(newValue) : null;\n    } else {\n      this._showFromDate = newValue;\n    }\n\n    let closedByCookie = false;\n\n    if (this.closeKey) {\n      const timeClosed = Cookie.get(`${KEY_PREFIX_CLOSE}-${this.closeKey}`);\n\n      if (timeClosed && (!this._showFromDate || Number(timeClosed) >= this._showFromDate.getTime())) {\n        closedByCookie = true;\n      }\n    }\n\n    this.closedByCookie = closedByCookie;\n  }\n\n  @Watch(\"hideFromDate\")\n  hideFromDateWatcher(newValue: Date | string) {\n    if (typeof newValue === \"string\") {\n      this._hideFromDate = newValue ? new Date(newValue) : null;\n    } else {\n      this._hideFromDate = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhShowElement;\n\n  private closedByCookie: boolean = false;\n\n  componentWillLoad() {\n    this.showFromDateWatcher(this.showFromDate);\n    this.hideFromDateWatcher(this.hideFromDate);\n  }\n\n  render() {\n    const timeNow = Date.now();\n\n    return (\n      <Host\n        hidden={\n          (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||\n          (this._hideFromDate && timeNow >= this._hideFromDate.getTime()) ||\n          this.closedByCookie\n        }\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-B9k7_JfE.js → p-Dh7_Sdlv.js}

@@ -1,10 +1,10 @@
-import { h, p as proxyCustomElement, H, d as createEvent, e as Host, t as transformTag } from './p-NuLYh9v8.js';
-import { d as defineCustomElement$6 } from './p-Db3dTAjX.js';
-import { d as defineCustomElement$5 } from './p-By320y5w.js';
-import { d as defineCustomElement$4 } from './p-Cu372_F2.js';
-import { d as defineCustomElement$3 } from './p-Cz5bXTUE.js';
-import { d as defineCustomElement$2 } from './p-B_Cs1tAp.js';
-import { d as defineCustomElement$1 } from './p-BV3gXOYs.js';
+import { h, p as proxyCustomElement, H, d as createEvent, e as Host, t as transformTag } from './p-DAS4ghWk.js';
+import { d as defineCustomElement$6 } from './p-Cz-ha88J.js';
+import { d as defineCustomElement$5 } from './p-BtU8igAM.js';
+import { d as defineCustomElement$4 } from './p-ZGKugKIn.js';
+import { d as defineCustomElement$3 } from './p-BU4OH8Cm.js';
+import { d as defineCustomElement$2 } from './p-BQMsQk8o.js';
+import { d as defineCustomElement$1 } from './p-BN-54ren.js';
 
 const ISO_DATE_FORMAT = /^(\d{4})-(\d{2})-(\d{2})$/;
 var DaysOfWeek;
@@ -530,6 +530,6 @@ function defineCustomElement() {
 }
 
 export { StzhCalendar as S, printISODate as a, defineCustomElement as d, parseISODate as p };
-//# sourceMappingURL=p-B9k7_JfE.js.map
+//# sourceMappingURL=p-Dh7_Sdlv.js.map
 
-//# sourceMappingURL=p-B9k7_JfE.js.map
+//# sourceMappingURL=p-Dh7_Sdlv.js.map

package/dist/components/{p-B9k7_JfE.js.map → p-Dh7_Sdlv.js.map}

@@ -1 +1 @@
-{"file":"p-B9k7_JfE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/utils/date-utils.ts","src/components/stzh-calendar/stzh-calendar-day.tsx","src/components/stzh-calendar/stzh-calendar-month.tsx","src/components/stzh-calendar/stzh-calendar.scss?tag=stzh-calendar&encapsulation=scoped","src/components/stzh-calendar/stzh-calendar.tsx"],"sourcesContent":["export const ISO_DATE_FORMAT = /^(\\d{4})-(\\d{2})-(\\d{2})$/\n\nexport enum DaysOfWeek {\n  Sunday = 0,\n  Monday = 1,\n  Tuesday = 2,\n  Wednesday = 3,\n  Thursday = 4,\n  Friday = 5,\n  Saturday = 6,\n}\n\nexport function formatTime(date: Date) {\n  if (!date) {\n    return \"\"\n  }\n\n  var h = date.getHours().toString(10)\n  var m = date.getMinutes().toString(10)\n\n  if (date.getHours() < 10) {\n    h = `0${h}`\n  }\n\n  if (date.getMinutes() < 10) {\n    m = `0${m}`\n  }\n\n  return `${h}:${m}`\n}\n\nexport function createDate(year: string, month: string, day: string): Date {\n  var dayInt = parseInt(day, 10)\n  var monthInt = parseInt(month, 10)\n  var yearInt = parseInt(year, 10)\n\n  const isValid =\n    Number.isInteger(yearInt) && // all parts should be integers\n    Number.isInteger(monthInt) &&\n    Number.isInteger(dayInt) &&\n    monthInt > 0 && // month must be 1-12\n    monthInt <= 12 &&\n    dayInt > 0 && // day must be 1-31\n    dayInt <= 31 &&\n    yearInt > 0\n\n  if (isValid) {\n    return new Date(yearInt, monthInt - 1, dayInt)\n  }\n}\n\n/**\n * @param value date string in ISO format YYYY-MM-DD\n */\nexport function parseISODate(value: string): Date {\n  if (!value) {\n    return\n  }\n\n  const matches = value.match(ISO_DATE_FORMAT)\n\n  if (matches) {\n    return createDate(matches[1], matches[2], matches[3])\n  }\n}\n\n/**\n * print date in format YYYY-MM-DD\n * @param date\n */\nexport function printISODate(date: Date): string {\n  if (!date) {\n    return \"\"\n  }\n\n  var d = date.getDate().toString(10)\n  var m = (date.getMonth() + 1).toString(10)\n  var y = date.getFullYear().toString(10)\n\n  // days are not zero-indexed, so pad if less than 10\n  if (date.getDate() < 10) {\n    d = `0${d}`\n  }\n\n  // months *are* zero-indexed, pad if less than 9!\n  if (date.getMonth() < 9) {\n    m = `0${m}`\n  }\n\n  return `${y}-${m}-${d}`\n}\n\n/**\n * Compare if two dates are equal in terms of day, month, and year\n */\nexport function isEqual(a: Date, b: Date): boolean {\n  if (a == null || b == null) {\n    return false\n  }\n\n  return isEqualMonth(a, b) && a.getDate() === b.getDate()\n}\n\n/**\n * Compare if two dates are in the same month of the same year.\n */\nexport function isEqualMonth(a: Date, b: Date): boolean {\n  if (a == null || b == null) {\n    return false\n  }\n\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth()\n}\n\nexport function addDays(date: Date, days: number): Date {\n  var d = new Date(date)\n  d.setDate(d.getDate() + days)\n  return d\n}\n\nexport function addMonths(date: Date, months: number): Date {\n  const d = new Date(date)\n  d.setMonth(date.getMonth() + months)\n  return d\n}\n\nexport function addYears(date: Date, years: number): Date {\n  const d = new Date(date)\n  d.setFullYear(date.getFullYear() + years)\n  return d\n}\n\nexport function startOfWeek(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date {\n  var d = new Date(date)\n  var day = d.getDay()\n  var diff = (day < firstDayOfWeek ? 7 : 0) + day - firstDayOfWeek\n\n  d.setDate(d.getDate() - diff)\n  return d\n}\n\nexport function endOfWeek(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date {\n  var d = new Date(date)\n  var day = d.getDay()\n  var diff = (day < firstDayOfWeek ? -7 : 0) + 6 - (day - firstDayOfWeek)\n\n  d.setDate(d.getDate() + diff)\n  return d\n}\n\nexport function startOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), 1)\n}\n\nexport function endOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0)\n}\n\nexport function setMonth(date: Date, month: number): Date {\n  const d = new Date(date)\n  d.setMonth(month)\n  return d\n}\n\nexport function setYear(date: Date, year: number): Date {\n  const d = new Date(date)\n  d.setFullYear(year)\n  return d\n}\n\n/**\n * Check if date is within a min and max\n */\nexport function inRange(date: Date, min?: Date, max?: Date): boolean {\n  return clamp(date, min, max) === date\n}\n\n/**\n * Ensures date is within range, returns min or max if out of bounds\n */\nexport function clamp(date: Date, min?: Date, max?: Date): Date {\n  const time = date.getTime()\n\n  if (min && min instanceof Date && time < min.getTime()) {\n    return min\n  }\n\n  if (max && max instanceof Date && time > max.getTime()) {\n    return max\n  }\n\n  return date\n}\n\n/**\n * given start and end date, return an (inclusive) array of all dates in between\n * @param start\n * @param end\n */\nfunction getDaysInRange(start: Date, end: Date): Date[] {\n  const days: Date[] = []\n  let current = start\n\n  while (!isEqual(current, end)) {\n    days.push(current)\n    current = addDays(current, 1)\n  }\n\n  days.push(current)\n\n  return days\n}\n\n/**\n * given a date, return an array of dates from a calendar perspective\n * @param date\n * @param firstDayOfWeek\n */\nexport function getViewOfMonth(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date[] {\n  const start = startOfWeek(startOfMonth(date), firstDayOfWeek)\n  const end = endOfWeek(endOfMonth(date), firstDayOfWeek)\n\n  return getDaysInRange(start, end)\n}\n\n/**\n * Form random hash\n */\nexport function chr4() {\n  return Math.random()\n    .toString(16)\n    .slice(-4)\n}\n\n/**\n * Create random identifier with a prefix\n * @param prefix\n */\nexport function createIdentifier(prefix) {\n  return `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`\n}\n","import { h, FunctionalComponent } from \"@stencil/core\";\nimport { isEqual, isEqualMonth } from \"../../utils/date-utils\";\n\nexport type StzhCalendarDayProps = {\n  focusedDay: Date;\n  today: Date;\n  day: Date;\n  disabled: boolean;\n  inRange: boolean;\n  isSelected: boolean;\n  dateFormatter: Intl.DateTimeFormat;\n  onDaySelect: (event: MouseEvent, day: Date) => void;\n  onKeyboardNavigation: (event: KeyboardEvent) => void;\n  focusedDayRef?: (element: HTMLElement) => void;\n};\n\nexport const StzhCalendarDay: FunctionalComponent<StzhCalendarDayProps> = ({\n  focusedDay,\n  today,\n  day,\n  onDaySelect,\n  onKeyboardNavigation,\n  focusedDayRef,\n  disabled,\n  inRange,\n  isSelected,\n  dateFormatter,\n}) => {\n  const isToday = isEqual(day, today);\n  const isMonth = isEqualMonth(day, focusedDay);\n  const isFocused = isEqual(day, focusedDay);\n  const isOutsideRange = !inRange;\n\n  function handleClick(e) {\n    onDaySelect(e, day);\n  }\n\n  return (\n    <button\n      class={{\n        \"stzh-calendar__day\": true,\n        \"is-outside\": isOutsideRange,\n        \"is-today\": isToday,\n        \"is-month\": isMonth,\n        \"is-disabled\": disabled,\n      }}\n      tabIndex={isFocused ? 0 : -1}\n      onClick={handleClick}\n      onKeyDown={onKeyboardNavigation}\n      aria-disabled={disabled ? \"true\" : undefined}\n      disabled={isOutsideRange}\n      type=\"button\"\n      aria-pressed={isSelected ? \"true\" : \"false\"}\n      aria-current={isToday ? \"date\" : undefined}\n      s-object-id={dateFormatter.format(day)}\n      ref={el => {\n        if (isFocused && el && focusedDayRef) {\n          focusedDayRef(el);\n        }\n      }}\n    >\n      <span aria-hidden=\"true\">{day.getDate()}</span>\n      <span class=\"stzh-calendar__vhidden\">{dateFormatter.format(day)}</span>\n    </button>\n  );\n};\n","import { h, FunctionalComponent } from \"@stencil/core\";\nimport { getViewOfMonth, inRange, DaysOfWeek, isEqual } from \"../../utils/date-utils\";\n\nimport { StzhCalendarLocalizedText } from \"./stzh-calendar.localization\";\nimport { StzhCalendarDay, StzhCalendarDayProps } from \"./stzh-calendar-day\";\nimport { StzhCalendarDateDisabledPredicate } from \"../../index\";\n\nfunction chunk<T>(array: T[], chunkSize: number): T[][] {\n  const result = [];\n\n  for (let i = 0; i < array.length; i += chunkSize) {\n    result.push(array.slice(i, i + chunkSize));\n  }\n\n  return result;\n}\n\nfunction mapWithOffset<T, U>(array: T[], startingOffset: number, mapFn: (item: T) => U): U[] {\n  return array.map((_, i) => {\n    const adjustedIndex = (i + startingOffset) % array.length;\n    return mapFn(array[adjustedIndex]);\n  });\n}\n\ntype StzhCalendarMonthProps = {\n  selectedDate: Date;\n  focusedDate: Date;\n  labelledById: string;\n  localization: StzhCalendarLocalizedText;\n  firstDayOfWeek: DaysOfWeek;\n  min?: Date;\n  max?: Date;\n  dateFormatter: Intl.DateTimeFormat;\n  isDateDisabled: StzhCalendarDateDisabledPredicate;\n  onDateSelect: StzhCalendarDayProps[\"onDaySelect\"];\n  onKeyboardNavigation: StzhCalendarDayProps[\"onKeyboardNavigation\"];\n  focusedDayRef: (element: HTMLElement) => void;\n};\n\nexport const StzhCalendarMonth: FunctionalComponent<StzhCalendarMonthProps> = ({\n  selectedDate,\n  focusedDate,\n  labelledById,\n  localization,\n  firstDayOfWeek,\n  min,\n  max,\n  dateFormatter,\n  isDateDisabled,\n  onDateSelect,\n  onKeyboardNavigation,\n  focusedDayRef,\n}) => {\n  const today = new Date();\n  const days = getViewOfMonth(focusedDate, firstDayOfWeek);\n\n  return (\n    <table class=\"stzh-calendar__table\" aria-labelledby={labelledById}>\n      <thead>\n        <tr>\n          {mapWithOffset(localization.$globals.dayNames, firstDayOfWeek, dayName => (\n            <th class=\"stzh-calendar__table-header\" scope=\"col\">\n              <span aria-hidden=\"true\">{dayName.substring(0, 2)}</span>\n              <span class=\"stzh-calendar__vhidden\">{dayName}</span>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {chunk(days, 7).map(week => (\n          <tr class=\"stzh-calendar__row\">\n            {week.map(day => (\n              <td class=\"stzh-calendar__cell\">\n                <StzhCalendarDay\n                  day={day}\n                  today={today}\n                  focusedDay={focusedDate}\n                  isSelected={isEqual(day, selectedDate)}\n                  disabled={isDateDisabled(day)}\n                  inRange={inRange(day, min, max)}\n                  onDaySelect={onDateSelect}\n                  dateFormatter={dateFormatter}\n                  onKeyboardNavigation={onKeyboardNavigation}\n                  focusedDayRef={focusedDayRef}\n                />\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n","/**\n * @prop --background: Background color of calendar\n * @prop --padding-top: Padding top of calendar\n * @prop --padding-bottom: Padding bottom color of calendar\n * @prop --padding-left: Padding left color of calendar\n * @prop --padding-right: Padding right color of calendar\n * @prop --background-color: Background color of calendar\n */\n\n:host {\n  --padding-top: #{space(\"small\")};\n  --padding-bottom: #{space(\"small\")};\n  --padding-left: #{space(\"xsmall\")};\n  --padding-right: #{space(\"xsmall\")};\n\n  width: #{$calendarWidth};\n}\n\n.stzh-calendar {\n  --stzh-description-min-height: initial;\n\n  display: flex;\n  position: relative;\n  text-align: left;\n  touch-action: pan-y;\n  user-select: none;\n  overflow: hidden;\n  overflow: clip;\n  padding-top: var(--padding-top);\n  padding-bottom: var(--padding-bottom);\n  padding-left: var(--padding-left);\n  padding-right: var(--padding-right);\n\n  &__wrapper {\n    width: 100%;\n  }\n\n  &__table {\n    @include font;\n    @include fontSize(\"milli\");\n    border-collapse: collapse;\n    border-spacing: 0;\n    text-align: center;\n    width: 100%;\n  }\n\n  &__table-header,\n  &__cell {\n    padding: space(\"xxxsmall\");\n\n    &:first-child {\n      padding-left: 0;\n    }\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n\n  &__row:last-child &__cell {\n    padding-bottom: 0;\n  }\n\n  &__table-header {\n    @include font;\n    @include fontSize(\"nano\");\n    text-decoration-line: none;\n    padding-top: 0;\n    padding-bottom: 0;\n    width: 44px;\n    height: 40px;\n  }\n\n  &__cell {\n    text-align: center;\n  }\n\n  &__day {\n    @include font;\n    @include fontSize(\"milli\");\n    appearance: none;\n    background: transparent;\n    border: 0;\n    cursor: pointer;\n    display: inline-block;\n    font-variant-numeric: tabular-nums;\n    width: 40px;\n    height: 40px;\n    text-align: center;\n    vertical-align: middle;\n    transition-property: color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n    // position: relative;\n    // padding: 0 0 1px;\n    // z-index: 1;\n\n    // &::before {\n    //   z-index: -1;\n    //   bottom: 0;\n    //   content: \"\";\n    //   left: 0;\n    //   position: absolute;\n    //   right: 0;\n    //   top: 0;\n    // }\n\n    &.is-today {\n      @include font(\"heavy\");\n      color: $colorPrimary70;\n      // box-shadow: 0 0 0 1px $colorPrimary;\n      // position: relative;\n      // z-index: 200;\n    }\n\n    &:hover {\n      background: $colorGrey20;\n    }\n\n    // &:hover::before {\n    //   background: $colorGrey20;\n    // }\n\n    // &:focus,\n    &[aria-pressed=\"true\"] {\n      background: $colorSecondary30;\n      // box-shadow: none;\n      color: $colorPrimary70;\n    }\n\n    &:active {\n      background: $colorSecondary30;\n      // box-shadow: 0 0 5px $colorPrimary;\n      color: $colorPrimary70;\n      // z-index: 200;\n    }\n\n    // &:focus {\n    //   z-index: 200;\n    // }\n\n    // &:not(.is-month) {\n    //   box-shadow: none;\n    // }\n\n    &:not(.is-month),\n    &[aria-disabled=\"true\"] {\n      background: transparent;\n      color: $colorGrey60;\n      cursor: default;\n    }\n\n    // &[aria-disabled=\"true\"] {\n    // &.is-today {\n    //   box-shadow: 0 0 0 1px $colorGrey20;\n\n    //   &:focus {\n    //     box-shadow: 0 0 5px $colorPrimary;\n    //   }\n    // }\n\n    // &::before {\n    //   display: none;\n    // }\n    // }\n\n    &.is-disabled {\n      text-decoration-line: line-through;\n    }\n\n    &.is-outside {\n      color: $colorGrey60;\n      background: $colorGrey20;\n      // box-shadow: none;\n      cursor: default;\n      pointer-events: none;\n      text-decoration-line: none;\n\n      // &::before {\n      //   display: none;\n      // }\n    }\n  }\n\n  &__header {\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  &__nav {\n    display: flex;\n    align-items: center;\n\n    &.is-dropdowns {\n      gap: calc(#{space(\"xsmall\")} + #{space(\"small\")});\n      margin-left: space(\"small\");\n    }\n  }\n\n  // &__prev,\n  // &__next {\n  //   align-items: center;\n  //   appearance: none;\n  //   font-family: inherit;\n  //   background: transparent;\n  //   border-radius: 50%;\n  //   color: $colorPrimary70;\n  //   cursor: pointer;\n  //   display: inline-flex;\n  //   flex-shrink: 0;\n  //   justify-content: center;\n  //   margin-left: space('xsmall');\n  //   padding: 0;\n  //   transition: background-color 300ms ease;\n  //   height: 32px;\n  //   width: 32px;\n\n  //   &:disabled {\n  //     cursor: default;\n  //     color: $colorGrey60;\n  //   }\n  // }\n\n  stzh-dropdown#{&}__dropdown {\n    --popover-width: 100%;\n    --popover-height: calc(\n      100% - #{$formInputHeightSmall} - var(--padding-top)\n    );\n    --popover-max-height: initial;\n    position: static;\n  }\n\n  &__select-wrapper {\n    display: inline-flex;\n    position: relative;\n\n    span {\n      margin-right: 0px;\n    }\n  }\n\n  &__select {\n    @include fontSize(\"milli\");\n    cursor: pointer;\n    height: 100%;\n    left: 0;\n    opacity: 0;\n    position: absolute;\n    top: 0;\n    width: 100%;\n    z-index: 2;\n    border-radius: $formInputBorderRadius;\n  }\n\n  &__select-label {\n    @include fontSize(\"milli\");\n    appearance: none;\n    border: none;\n    align-items: center;\n    border-radius: $formInputBorderRadius;\n    color: $colorPrimary70;\n    display: flex;\n    gap: space(\"xsmall\");\n    padding: 0;\n    padding-left: space(\"small\");\n    padding-right: space(\"xsmall\");\n\n    position: relative;\n    width: 100%;\n    min-height: 40px;\n    z-index: 1;\n  }\n\n  &__select-icon {\n    --size: #{iconSize(\"xsmall\")};\n  }\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n}\n","import {\n  Component,\n  ComponentInterface,\n  Host,\n  Prop,\n  Element,\n  h,\n  Event,\n  EventEmitter,\n  State,\n  Method,\n  Watch,\n} from \"@stencil/core\";\n\nimport {\n  addDays,\n  startOfWeek,\n  endOfWeek,\n  setMonth,\n  setYear,\n  clamp,\n  inRange,\n  endOfMonth,\n  startOfMonth,\n  printISODate,\n  parseISODate,\n  DaysOfWeek,\n} from \"../../utils/date-utils\";\n\nimport { StzhCalendarChangeEvent, StzhDropdownChangeEvent } from \"../../index\";\nimport { StzhCalendarDateDisabledPredicate } from \"../../index\";\n\nimport { StzhCalendarMonth } from \"./stzh-calendar-month\";\nimport { StzhCalendarLocalizedText } from \"./stzh-calendar.localization\";\n\nfunction range(from: number, to: number) {\n  var result: number[] = [];\n  for (var i = from; i <= to; i++) {\n    result.push(i);\n  }\n  return result;\n}\n\nconst keyCode = {\n  TAB: 9,\n  ESC: 27,\n  SPACE: 32,\n  PAGE_UP: 33,\n  PAGE_DOWN: 34,\n  END: 35,\n  HOME: 36,\n  LEFT: 37,\n  UP: 38,\n  RIGHT: 39,\n  DOWN: 40,\n};\n\nlet calendarCounter = 0;\n\n@Component({\n  tag: \"stzh-calendar\",\n  styleUrl: \"stzh-calendar.scss\",\n  scoped: true,\n})\nexport class StzhCalendar implements ComponentInterface {\n  /** Date value. Must be in IS0-8601 format: YYYY-MM-DD. */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /**\n   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the max property.\n   */\n  @Prop() min: string = \"\";\n\n  /**\n   * Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the min property.\n   */\n  @Prop() max: string = \"\";\n\n  /**\n   * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.\n   * Default is Monday.\n   */\n  @Prop() firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday;\n\n  /**  Day names, month names, etc, used for localization. */\n  @Prop() localization: StzhCalendarLocalizedText;\n\n  /**\n   * Controls which days are disabled and therefore disallowed.\n   * For example, this can be used to disallow selection of weekends.\n   */\n  @Prop() isDateDisabled: StzhCalendarDateDisabledPredicate = () => false;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the previous month button element.\n   * Default value will be taken from translations.\n   */\n  @Prop() prevMonthAnalyticsId: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the next month button element.\n   * Default value will be taken from translations.\n   */\n  @Prop() nextMonthAnalyticsId: string;\n\n  @State() activeFocus = false;\n  @State() focusedDay = new Date();\n\n  /** Event emitted when a date is selected. */\n  @Event() stzhChange: EventEmitter<StzhCalendarChangeEvent>;\n\n  @Watch(\"localization\")\n  createDateFormatters() {\n    if (this.localization) {\n      this.dateFormatShort = new Intl.DateTimeFormat(this.localization.$locale, { day: \"numeric\", month: \"long\" });\n    }\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string) {\n    if (newValue) {\n      this.setFocusedDay(parseISODate(this.value));\n    } else {\n      this.setFocusedDay(new Date());\n    }\n  }\n\n  /** Set focused day element by a JS Date object */\n  @Method()\n  async setFocusedDay(day: Date) {\n    this.focusedDay = clamp(day, parseISODate(this.min), parseISODate(this.max));\n  }\n\n  /** Set value by a JS Date object */\n  @Method()\n  async setDate(date: Date) {\n    this.value = printISODate(date);\n  }\n\n  @Element() element: HTMLStzhCalendarElement;\n\n  // private monthSelectId: string\n  // private yearSelectId: string\n  private dialogLabelId: string;\n\n  // private focusedDayNode: HTMLButtonElement\n\n  private initialTouchX: number = null;\n  private initialTouchY: number = null;\n\n  /**\n   * To format dates exclusively for the benefit of screen readers.\n   *\n   * We prefer DateTimeFormat over date.toLocaleDateString, as the former has\n   * better performance when formatting large number of dates. See:\n   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance\n   */\n  private dateFormatShort: Intl.DateTimeFormat;\n\n  private enableActiveFocus = () => {\n    this.activeFocus = true;\n  };\n\n  private disableActiveFocus = () => {\n    this.activeFocus = false;\n  };\n\n  private addDays(days: number) {\n    this.setFocusedDay(addDays(this.focusedDay, days));\n  }\n\n  private addMonths(months: number) {\n    this.setMonth(this.focusedDay.getMonth() + months);\n  }\n\n  private addYears(years: number) {\n    this.setYear(this.focusedDay.getFullYear() + years);\n  }\n\n  private startOfWeek() {\n    this.setFocusedDay(startOfWeek(this.focusedDay, this.firstDayOfWeek));\n  }\n\n  private endOfWeek() {\n    this.setFocusedDay(endOfWeek(this.focusedDay, this.firstDayOfWeek));\n  }\n\n  private setMonth(month: number) {\n    const min = setMonth(startOfMonth(this.focusedDay), month);\n    const max = endOfMonth(min);\n    const date = setMonth(this.focusedDay, month);\n\n    this.setFocusedDay(clamp(date, min, max));\n  }\n\n  private setYear(year: number) {\n    const min = setYear(startOfMonth(this.focusedDay), year);\n    const max = endOfMonth(min);\n    const date = setYear(this.focusedDay, year);\n\n    this.setFocusedDay(clamp(date, min, max));\n  }\n\n  private handleTouchStart = (event: TouchEvent) => {\n    const touch = event.changedTouches[0];\n    this.initialTouchX = touch.pageX;\n    this.initialTouchY = touch.pageY;\n  };\n\n  // private handleTouchMove = (event: TouchEvent) => {\n  //   event.preventDefault()\n  // }\n\n  private handleTouchEnd = (event: TouchEvent) => {\n    const touch = event.changedTouches[0];\n    const distX = touch.pageX - this.initialTouchX; // get horizontal dist traveled\n    const distY = touch.pageY - this.initialTouchY; // get vertical dist traveled\n    const threshold = 70;\n\n    const isHorizontalSwipe = Math.abs(distX) >= threshold && Math.abs(distY) <= threshold;\n\n    if (isHorizontalSwipe) {\n      this.addMonths(distX < 0 ? 1 : -1);\n    }\n\n    this.initialTouchY = null;\n    this.initialTouchX = null;\n  };\n\n  private handleNextMonthClick = (event: MouseEvent) => {\n    event.preventDefault();\n    this.addMonths(1);\n  };\n\n  private handlePreviousMonthClick = (event: MouseEvent) => {\n    event.preventDefault();\n    this.addMonths(-1);\n  };\n\n  private handleKeyboardNavigation = (event: KeyboardEvent) => {\n    var handled = true;\n\n    switch (event.keyCode) {\n      case keyCode.RIGHT:\n        this.addDays(1);\n        break;\n      case keyCode.LEFT:\n        this.addDays(-1);\n        break;\n      case keyCode.DOWN:\n        this.addDays(7);\n        break;\n      case keyCode.UP:\n        this.addDays(-7);\n        break;\n      case keyCode.PAGE_UP:\n        if (event.shiftKey) {\n          this.addYears(-1);\n        } else {\n          this.addMonths(-1);\n        }\n        break;\n      case keyCode.PAGE_DOWN:\n        if (event.shiftKey) {\n          this.addYears(1);\n        } else {\n          this.addMonths(1);\n        }\n        break;\n      case keyCode.HOME:\n        this.startOfWeek();\n        break;\n      case keyCode.END:\n        this.endOfWeek();\n        break;\n      default:\n        handled = false;\n    }\n\n    if (handled) {\n      event.preventDefault();\n      this.enableActiveFocus();\n    }\n  };\n\n  private handleDaySelect = (_event: MouseEvent, day: Date) => {\n    const isInRange = inRange(day, parseISODate(this.min), parseISODate(this.max));\n    const isAllowed = !this.isDateDisabled(day);\n\n    if (isInRange && isAllowed) {\n      this.setDate(day);\n\n      this.stzhChange.emit({\n        component: \"stzh-calendar\",\n        value: this.value,\n        valueAsDate: day,\n      });\n    } else {\n      // for consistency we should set the focused day in cases where\n      // user has selected a day that has been specifically disallowed\n      this.setFocusedDay(day);\n    }\n  };\n\n  private handleMonthSelect = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    const value = Array.isArray(event.detail.value) ? event.detail.value[0] : event.detail.value;\n    this.setMonth(parseInt(value, 10));\n  };\n\n  private handleYearSelect = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    const value = Array.isArray(event.detail.value) ? event.detail.value[0] : event.detail.value;\n    this.setYear(parseInt(value, 10));\n  };\n\n  private processFocusedDayNode = (element: HTMLButtonElement) => {\n    // this.focusedDayNode = element\n\n    if (this.activeFocus) {\n      setTimeout(() => element.focus(), 0);\n    }\n  };\n\n  async componentWillLoad() {\n    // this.monthSelectId = `stzh-calendar-month-${calendarCounter}`;\n    // this.yearSelectId = `stzh-calendar-year-${calendarCounter}`;\n    this.dialogLabelId = `stzh-calendar-dialog-${calendarCounter}`;\n    calendarCounter++;\n\n    this.valueWatcher(this.value);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"calendar\");\n    }\n  }\n\n  connectedCallback() {\n    this.createDateFormatters();\n  }\n\n  render() {\n    const valueAsDate = parseISODate(this.value);\n    const selectedYear = (valueAsDate || this.focusedDay).getFullYear();\n    const focusedMonth = this.focusedDay.getMonth();\n    const focusedYear = this.focusedDay.getFullYear();\n\n    const minDate = parseISODate(this.min);\n    const maxDate = parseISODate(this.max);\n    const prevMonthDisabled =\n      minDate != null && minDate.getMonth() === focusedMonth && minDate.getFullYear() === focusedYear;\n    const nextMonthDisabled =\n      maxDate != null && maxDate.getMonth() === focusedMonth && maxDate.getFullYear() === focusedYear;\n\n    const minYear = minDate ? minDate.getFullYear() : selectedYear - 10;\n    const maxYear = maxDate ? maxDate.getFullYear() : selectedYear + 10;\n\n    const monthDropdownOptions = this.localization.$globals.monthNames.map((month, i) => {\n      return {\n        value: i.toString(),\n        text: month,\n        disabled: !inRange(\n          new Date(focusedYear, i, 1),\n          minDate ? startOfMonth(minDate) : null,\n          maxDate ? endOfMonth(maxDate) : null,\n        ),\n      };\n    });\n\n    const yearDropdownOptions = range(minYear, maxYear).map(year => {\n      return {\n        value: year.toString(),\n        text: year.toString(),\n      };\n    });\n\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-calendar\": true,\n          }}\n          /* onTouchMove={this.handleTouchMove} */\n          onTouchStart={this.handleTouchStart}\n          onTouchEnd={this.handleTouchEnd}\n        >\n          <div class=\"stzh-calendar__wrapper\">\n            {/*\n            <div class=\"stzh-calendar__mobile\" onFocusin={this.disableActiveFocus}>\n              <label class=\"stzh-calendar__mobile-heading\">{this.localization.calendarHeading}</label>\n            </div>\n            */}\n            {/* @ts-ignore */}\n            <div class=\"stzh-calendar__header\" onFocusin={this.disableActiveFocus}>\n              <div class=\"stzh-calendar__nav is-dropdowns\">\n                <h2 id={this.dialogLabelId} class=\"stzh-calendar__vhidden\" aria-live=\"polite\" aria-atomic=\"true\">\n                  {this.localization.$globals.monthNames[focusedMonth]}\n                  {this.focusedDay.getFullYear()}\n                </h2>\n\n                <stzh-dropdown\n                  class=\"stzh-calendar__dropdown\"\n                  variant=\"plain\"\n                  size=\"small\"\n                  inline\n                  popover-fullwidth=\"horizontal\"\n                  noSearch={true}\n                  openOnFocus={false}\n                  items={[focusedMonth.toString()]}\n                  options={monthDropdownOptions}\n                  label={this.localization.monthSelectLabel}\n                  labelHidden={true}\n                  onStzhChange={this.handleMonthSelect}\n                ></stzh-dropdown>\n\n                <stzh-dropdown\n                  class=\"stzh-calendar__dropdown\"\n                  variant=\"plain\"\n                  size=\"small\"\n                  inline\n                  popover-fullwidth=\"horizontal\"\n                  noSearch={true}\n                  openOnFocus={false}\n                  items={[focusedYear.toString()]}\n                  options={yearDropdownOptions}\n                  label={this.localization.yearSelectLabel}\n                  labelHidden={true}\n                  onStzhChange={this.handleYearSelect}\n                ></stzh-dropdown>\n\n                {/* alternative for dropdown with popover:\n                <stzh-popover>\n                  <button class=\"stzh-calendar__select-label\" aria-label={this.localization.monthSelectLabel}>\n                    <span>{this.localization.$globals.monthNamesShort[focusedMonth]}</span>\n                    <stzh-icon class=\"stzh-calendar__select-icon\" name=\"angle-down\"></stzh-icon>\n                  </button>\n                  <stzh-menu slot=\"content\">\n                    {this.localization.$globals.monthNames.map((month, i) => (\n                      <stzh-menu-item\n                        // onClick={this.handleMonthSelect(month)}\n                        active={i === focusedMonth}\n                        disabled={\n                          !inRange(\n                            new Date(focusedYear, i, 1),\n                            minDate ? startOfMonth(minDate) : null,\n                            maxDate ? endOfMonth(maxDate) : null\n                          )\n                        }\n                      >\n                        {month}\n                      </stzh-menu-item>\n                    ))}\n                  </stzh-menu>\n                </stzh-popover>\n                */}\n\n                {/* original implmentation with native select:\n                <label htmlFor={this.monthSelectId} class=\"stzh-calendar__vhidden\">\n                  {this.localization.monthSelectLabel}\n                </label>\n\n                <div class=\"stzh-calendar__select-wrapper\">\n                  <select\n                    id={this.monthSelectId}\n                    class=\"stzh-calendar__select stzh-calendar__select--month\"\n                    onChange={this.handleMonthSelect}\n                  >\n                    {this.localization.$globals.monthNames.map((month, i) => (\n                      <option\n                        key={month}\n                        value={i}\n                        selected={i === focusedMonth}\n                        disabled={\n                          !inRange(\n                            new Date(focusedYear, i, 1),\n                            minDate ? startOfMonth(minDate) : null,\n                            maxDate ? endOfMonth(maxDate) : null\n                          )\n                        }\n                      >\n                        {month}\n                      </option>\n                    ))}\n                  </select>\n                  <div class=\"stzh-calendar__select-label\" aria-hidden=\"true\">\n                    <span>{this.localization.$globals.monthNamesShort[focusedMonth]}</span>\n                    <stzh-icon class=\"stzh-calendar__select-icon\" name=\"angle-down\"></stzh-icon>\n                  </div>\n                </div>\n\n                <label htmlFor={this.yearSelectId} class=\"stzh-calendar__vhidden\">\n                  {this.localization.yearSelectLabel}\n                </label>\n\n                <div class=\"stzh-calendar__select-wrapper\">\n                  <select\n                    id={this.yearSelectId}\n                    class=\"stzh-calendar__select stzh-calendar__select--year\"\n                    onChange={this.handleYearSelect}\n                  >\n                    {range(minYear, maxYear).map(year => (\n                      <option key={year} selected={year === focusedYear}>\n                        {year}\n                      </option>\n                    ))}\n                  </select>\n                  <div class=\"stzh-calendar__select-label\" aria-hidden=\"true\">\n                    <span>{this.focusedDay.getFullYear()}</span>\n                    <stzh-icon class=\"stzh-calendar__select-icon\" name=\"angle-down\"></stzh-icon>\n                  </div>\n                </div>\n                */}\n              </div>\n\n              <div class=\"stzh-calendar__nav\">\n                <stzh-button\n                  class=\"stzh-calendar__prev\"\n                  variant=\"tertiary\"\n                  size=\"small\"\n                  icon=\"arrow-left\"\n                  iconOnly={true}\n                  onClick={this.handlePreviousMonthClick}\n                  disabled={prevMonthDisabled}\n                  type=\"button\"\n                  a11yLabel={this.localization.prevMonthLabel}\n                  analyticsId={this.prevMonthAnalyticsId || this.localization.prevMonthLabel}\n                ></stzh-button>\n                <stzh-button\n                  class=\"stzh-calendar__next\"\n                  variant=\"tertiary\"\n                  size=\"small\"\n                  icon=\"arrow-right\"\n                  iconOnly={true}\n                  onClick={this.handleNextMonthClick}\n                  disabled={nextMonthDisabled}\n                  type=\"button\"\n                  a11yLabel={this.localization.nextMonthLabel}\n                  analyticsId={this.nextMonthAnalyticsId || this.localization.nextMonthLabel}\n                ></stzh-button>\n              </div>\n            </div>\n\n            <StzhCalendarMonth\n              dateFormatter={this.dateFormatShort}\n              selectedDate={valueAsDate}\n              focusedDate={this.focusedDay}\n              onDateSelect={this.handleDaySelect}\n              onKeyboardNavigation={this.handleKeyboardNavigation}\n              labelledById={this.dialogLabelId}\n              localization={this.localization}\n              firstDayOfWeek={this.firstDayOfWeek}\n              focusedDayRef={this.processFocusedDayNode}\n              min={minDate}\n              max={maxDate}\n              isDateDisabled={this.isDateDisabled}\n            />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Dh7_Sdlv.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/utils/date-utils.ts","src/components/stzh-calendar/stzh-calendar-day.tsx","src/components/stzh-calendar/stzh-calendar-month.tsx","src/components/stzh-calendar/stzh-calendar.scss?tag=stzh-calendar&encapsulation=scoped","src/components/stzh-calendar/stzh-calendar.tsx"],"sourcesContent":["export const ISO_DATE_FORMAT = /^(\\d{4})-(\\d{2})-(\\d{2})$/\n\nexport enum DaysOfWeek {\n  Sunday = 0,\n  Monday = 1,\n  Tuesday = 2,\n  Wednesday = 3,\n  Thursday = 4,\n  Friday = 5,\n  Saturday = 6,\n}\n\nexport function formatTime(date: Date) {\n  if (!date) {\n    return \"\"\n  }\n\n  var h = date.getHours().toString(10)\n  var m = date.getMinutes().toString(10)\n\n  if (date.getHours() < 10) {\n    h = `0${h}`\n  }\n\n  if (date.getMinutes() < 10) {\n    m = `0${m}`\n  }\n\n  return `${h}:${m}`\n}\n\nexport function createDate(year: string, month: string, day: string): Date {\n  var dayInt = parseInt(day, 10)\n  var monthInt = parseInt(month, 10)\n  var yearInt = parseInt(year, 10)\n\n  const isValid =\n    Number.isInteger(yearInt) && // all parts should be integers\n    Number.isInteger(monthInt) &&\n    Number.isInteger(dayInt) &&\n    monthInt > 0 && // month must be 1-12\n    monthInt <= 12 &&\n    dayInt > 0 && // day must be 1-31\n    dayInt <= 31 &&\n    yearInt > 0\n\n  if (isValid) {\n    return new Date(yearInt, monthInt - 1, dayInt)\n  }\n}\n\n/**\n * @param value date string in ISO format YYYY-MM-DD\n */\nexport function parseISODate(value: string): Date {\n  if (!value) {\n    return\n  }\n\n  const matches = value.match(ISO_DATE_FORMAT)\n\n  if (matches) {\n    return createDate(matches[1], matches[2], matches[3])\n  }\n}\n\n/**\n * print date in format YYYY-MM-DD\n * @param date\n */\nexport function printISODate(date: Date): string {\n  if (!date) {\n    return \"\"\n  }\n\n  var d = date.getDate().toString(10)\n  var m = (date.getMonth() + 1).toString(10)\n  var y = date.getFullYear().toString(10)\n\n  // days are not zero-indexed, so pad if less than 10\n  if (date.getDate() < 10) {\n    d = `0${d}`\n  }\n\n  // months *are* zero-indexed, pad if less than 9!\n  if (date.getMonth() < 9) {\n    m = `0${m}`\n  }\n\n  return `${y}-${m}-${d}`\n}\n\n/**\n * Compare if two dates are equal in terms of day, month, and year\n */\nexport function isEqual(a: Date, b: Date): boolean {\n  if (a == null || b == null) {\n    return false\n  }\n\n  return isEqualMonth(a, b) && a.getDate() === b.getDate()\n}\n\n/**\n * Compare if two dates are in the same month of the same year.\n */\nexport function isEqualMonth(a: Date, b: Date): boolean {\n  if (a == null || b == null) {\n    return false\n  }\n\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth()\n}\n\nexport function addDays(date: Date, days: number): Date {\n  var d = new Date(date)\n  d.setDate(d.getDate() + days)\n  return d\n}\n\nexport function addMonths(date: Date, months: number): Date {\n  const d = new Date(date)\n  d.setMonth(date.getMonth() + months)\n  return d\n}\n\nexport function addYears(date: Date, years: number): Date {\n  const d = new Date(date)\n  d.setFullYear(date.getFullYear() + years)\n  return d\n}\n\nexport function startOfWeek(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date {\n  var d = new Date(date)\n  var day = d.getDay()\n  var diff = (day < firstDayOfWeek ? 7 : 0) + day - firstDayOfWeek\n\n  d.setDate(d.getDate() - diff)\n  return d\n}\n\nexport function endOfWeek(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date {\n  var d = new Date(date)\n  var day = d.getDay()\n  var diff = (day < firstDayOfWeek ? -7 : 0) + 6 - (day - firstDayOfWeek)\n\n  d.setDate(d.getDate() + diff)\n  return d\n}\n\nexport function startOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), 1)\n}\n\nexport function endOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0)\n}\n\nexport function setMonth(date: Date, month: number): Date {\n  const d = new Date(date)\n  d.setMonth(month)\n  return d\n}\n\nexport function setYear(date: Date, year: number): Date {\n  const d = new Date(date)\n  d.setFullYear(year)\n  return d\n}\n\n/**\n * Check if date is within a min and max\n */\nexport function inRange(date: Date, min?: Date, max?: Date): boolean {\n  return clamp(date, min, max) === date\n}\n\n/**\n * Ensures date is within range, returns min or max if out of bounds\n */\nexport function clamp(date: Date, min?: Date, max?: Date): Date {\n  const time = date.getTime()\n\n  if (min && min instanceof Date && time < min.getTime()) {\n    return min\n  }\n\n  if (max && max instanceof Date && time > max.getTime()) {\n    return max\n  }\n\n  return date\n}\n\n/**\n * given start and end date, return an (inclusive) array of all dates in between\n * @param start\n * @param end\n */\nfunction getDaysInRange(start: Date, end: Date): Date[] {\n  const days: Date[] = []\n  let current = start\n\n  while (!isEqual(current, end)) {\n    days.push(current)\n    current = addDays(current, 1)\n  }\n\n  days.push(current)\n\n  return days\n}\n\n/**\n * given a date, return an array of dates from a calendar perspective\n * @param date\n * @param firstDayOfWeek\n */\nexport function getViewOfMonth(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date[] {\n  const start = startOfWeek(startOfMonth(date), firstDayOfWeek)\n  const end = endOfWeek(endOfMonth(date), firstDayOfWeek)\n\n  return getDaysInRange(start, end)\n}\n\n/**\n * Form random hash\n */\nexport function chr4() {\n  return Math.random()\n    .toString(16)\n    .slice(-4)\n}\n\n/**\n * Create random identifier with a prefix\n * @param prefix\n */\nexport function createIdentifier(prefix) {\n  return `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`\n}\n","import { h, FunctionalComponent } from \"@stencil/core\";\nimport { isEqual, isEqualMonth } from \"../../utils/date-utils\";\n\nexport type StzhCalendarDayProps = {\n  focusedDay: Date;\n  today: Date;\n  day: Date;\n  disabled: boolean;\n  inRange: boolean;\n  isSelected: boolean;\n  dateFormatter: Intl.DateTimeFormat;\n  onDaySelect: (event: MouseEvent, day: Date) => void;\n  onKeyboardNavigation: (event: KeyboardEvent) => void;\n  focusedDayRef?: (element: HTMLElement) => void;\n};\n\nexport const StzhCalendarDay: FunctionalComponent<StzhCalendarDayProps> = ({\n  focusedDay,\n  today,\n  day,\n  onDaySelect,\n  onKeyboardNavigation,\n  focusedDayRef,\n  disabled,\n  inRange,\n  isSelected,\n  dateFormatter,\n}) => {\n  const isToday = isEqual(day, today);\n  const isMonth = isEqualMonth(day, focusedDay);\n  const isFocused = isEqual(day, focusedDay);\n  const isOutsideRange = !inRange;\n\n  function handleClick(e) {\n    onDaySelect(e, day);\n  }\n\n  return (\n    <button\n      class={{\n        \"stzh-calendar__day\": true,\n        \"is-outside\": isOutsideRange,\n        \"is-today\": isToday,\n        \"is-month\": isMonth,\n        \"is-disabled\": disabled,\n      }}\n      tabIndex={isFocused ? 0 : -1}\n      onClick={handleClick}\n      onKeyDown={onKeyboardNavigation}\n      aria-disabled={disabled ? \"true\" : undefined}\n      disabled={isOutsideRange}\n      type=\"button\"\n      aria-pressed={isSelected ? \"true\" : \"false\"}\n      aria-current={isToday ? \"date\" : undefined}\n      s-object-id={dateFormatter.format(day)}\n      ref={el => {\n        if (isFocused && el && focusedDayRef) {\n          focusedDayRef(el);\n        }\n      }}\n    >\n      <span aria-hidden=\"true\">{day.getDate()}</span>\n      <span class=\"stzh-calendar__vhidden\">{dateFormatter.format(day)}</span>\n    </button>\n  );\n};\n","import { h, FunctionalComponent } from \"@stencil/core\";\nimport { getViewOfMonth, inRange, DaysOfWeek, isEqual } from \"../../utils/date-utils\";\n\nimport { StzhCalendarLocalizedText } from \"./stzh-calendar.localization\";\nimport { StzhCalendarDay, StzhCalendarDayProps } from \"./stzh-calendar-day\";\nimport { StzhCalendarDateDisabledPredicate } from \"../../index\";\n\nfunction chunk<T>(array: T[], chunkSize: number): T[][] {\n  const result = [];\n\n  for (let i = 0; i < array.length; i += chunkSize) {\n    result.push(array.slice(i, i + chunkSize));\n  }\n\n  return result;\n}\n\nfunction mapWithOffset<T, U>(array: T[], startingOffset: number, mapFn: (item: T) => U): U[] {\n  return array.map((_, i) => {\n    const adjustedIndex = (i + startingOffset) % array.length;\n    return mapFn(array[adjustedIndex]);\n  });\n}\n\ntype StzhCalendarMonthProps = {\n  selectedDate: Date;\n  focusedDate: Date;\n  labelledById: string;\n  localization: StzhCalendarLocalizedText;\n  firstDayOfWeek: DaysOfWeek;\n  min?: Date;\n  max?: Date;\n  dateFormatter: Intl.DateTimeFormat;\n  isDateDisabled: StzhCalendarDateDisabledPredicate;\n  onDateSelect: StzhCalendarDayProps[\"onDaySelect\"];\n  onKeyboardNavigation: StzhCalendarDayProps[\"onKeyboardNavigation\"];\n  focusedDayRef: (element: HTMLElement) => void;\n};\n\nexport const StzhCalendarMonth: FunctionalComponent<StzhCalendarMonthProps> = ({\n  selectedDate,\n  focusedDate,\n  labelledById,\n  localization,\n  firstDayOfWeek,\n  min,\n  max,\n  dateFormatter,\n  isDateDisabled,\n  onDateSelect,\n  onKeyboardNavigation,\n  focusedDayRef,\n}) => {\n  const today = new Date();\n  const days = getViewOfMonth(focusedDate, firstDayOfWeek);\n\n  return (\n    <table class=\"stzh-calendar__table\" aria-labelledby={labelledById}>\n      <thead>\n        <tr>\n          {mapWithOffset(localization.$globals.dayNames, firstDayOfWeek, dayName => (\n            <th class=\"stzh-calendar__table-header\" scope=\"col\">\n              <span aria-hidden=\"true\">{dayName.substring(0, 2)}</span>\n              <span class=\"stzh-calendar__vhidden\">{dayName}</span>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {chunk(days, 7).map(week => (\n          <tr class=\"stzh-calendar__row\">\n            {week.map(day => (\n              <td class=\"stzh-calendar__cell\">\n                <StzhCalendarDay\n                  day={day}\n                  today={today}\n                  focusedDay={focusedDate}\n                  isSelected={isEqual(day, selectedDate)}\n                  disabled={isDateDisabled(day)}\n                  inRange={inRange(day, min, max)}\n                  onDaySelect={onDateSelect}\n                  dateFormatter={dateFormatter}\n                  onKeyboardNavigation={onKeyboardNavigation}\n                  focusedDayRef={focusedDayRef}\n                />\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n","/**\n * @prop --background: Background color of calendar\n * @prop --padding-top: Padding top of calendar\n * @prop --padding-bottom: Padding bottom color of calendar\n * @prop --padding-left: Padding left color of calendar\n * @prop --padding-right: Padding right color of calendar\n * @prop --background-color: Background color of calendar\n */\n\n:host {\n  --padding-top: #{space(\"small\")};\n  --padding-bottom: #{space(\"small\")};\n  --padding-left: #{space(\"xsmall\")};\n  --padding-right: #{space(\"xsmall\")};\n\n  width: #{$calendarWidth};\n}\n\n.stzh-calendar {\n  --stzh-description-min-height: initial;\n\n  display: flex;\n  position: relative;\n  text-align: left;\n  touch-action: pan-y;\n  user-select: none;\n  overflow: hidden;\n  overflow: clip;\n  padding-top: var(--padding-top);\n  padding-bottom: var(--padding-bottom);\n  padding-left: var(--padding-left);\n  padding-right: var(--padding-right);\n\n  &__wrapper {\n    width: 100%;\n  }\n\n  &__table {\n    @include font;\n    @include fontSize(\"milli\");\n    border-collapse: collapse;\n    border-spacing: 0;\n    text-align: center;\n    width: 100%;\n  }\n\n  &__table-header,\n  &__cell {\n    padding: space(\"xxxsmall\");\n\n    &:first-child {\n      padding-left: 0;\n    }\n\n    &:last-child {\n      padding-right: 0;\n    }\n  }\n\n  &__row:last-child &__cell {\n    padding-bottom: 0;\n  }\n\n  &__table-header {\n    @include font;\n    @include fontSize(\"nano\");\n    text-decoration-line: none;\n    padding-top: 0;\n    padding-bottom: 0;\n    width: 44px;\n    height: 40px;\n  }\n\n  &__cell {\n    text-align: center;\n  }\n\n  &__day {\n    @include font;\n    @include fontSize(\"milli\");\n    appearance: none;\n    background: transparent;\n    border: 0;\n    cursor: pointer;\n    display: inline-block;\n    font-variant-numeric: tabular-nums;\n    width: 40px;\n    height: 40px;\n    text-align: center;\n    vertical-align: middle;\n    transition-property: color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n    // position: relative;\n    // padding: 0 0 1px;\n    // z-index: 1;\n\n    // &::before {\n    //   z-index: -1;\n    //   bottom: 0;\n    //   content: \"\";\n    //   left: 0;\n    //   position: absolute;\n    //   right: 0;\n    //   top: 0;\n    // }\n\n    &.is-today {\n      @include font(\"heavy\");\n      color: $colorPrimary70;\n      // box-shadow: 0 0 0 1px $colorPrimary;\n      // position: relative;\n      // z-index: 200;\n    }\n\n    &:hover {\n      background: $colorGrey20;\n    }\n\n    // &:hover::before {\n    //   background: $colorGrey20;\n    // }\n\n    // &:focus,\n    &[aria-pressed=\"true\"] {\n      background: $colorSecondary30;\n      // box-shadow: none;\n      color: $colorPrimary70;\n    }\n\n    &:active {\n      background: $colorSecondary30;\n      // box-shadow: 0 0 5px $colorPrimary;\n      color: $colorPrimary70;\n      // z-index: 200;\n    }\n\n    // &:focus {\n    //   z-index: 200;\n    // }\n\n    // &:not(.is-month) {\n    //   box-shadow: none;\n    // }\n\n    &:not(.is-month),\n    &[aria-disabled=\"true\"] {\n      background: transparent;\n      color: $colorGrey60;\n      cursor: default;\n    }\n\n    // &[aria-disabled=\"true\"] {\n    // &.is-today {\n    //   box-shadow: 0 0 0 1px $colorGrey20;\n\n    //   &:focus {\n    //     box-shadow: 0 0 5px $colorPrimary;\n    //   }\n    // }\n\n    // &::before {\n    //   display: none;\n    // }\n    // }\n\n    &.is-disabled {\n      text-decoration-line: line-through;\n    }\n\n    &.is-outside {\n      color: $colorGrey60;\n      background: $colorGrey20;\n      // box-shadow: none;\n      cursor: default;\n      pointer-events: none;\n      text-decoration-line: none;\n\n      // &::before {\n      //   display: none;\n      // }\n    }\n  }\n\n  &__header {\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  &__nav {\n    display: flex;\n    align-items: center;\n\n    &.is-dropdowns {\n      gap: calc(#{space(\"xsmall\")} + #{space(\"small\")});\n      margin-left: space(\"small\");\n    }\n  }\n\n  // &__prev,\n  // &__next {\n  //   align-items: center;\n  //   appearance: none;\n  //   font-family: inherit;\n  //   background: transparent;\n  //   border-radius: 50%;\n  //   color: $colorPrimary70;\n  //   cursor: pointer;\n  //   display: inline-flex;\n  //   flex-shrink: 0;\n  //   justify-content: center;\n  //   margin-left: space('xsmall');\n  //   padding: 0;\n  //   transition: background-color 300ms ease;\n  //   height: 32px;\n  //   width: 32px;\n\n  //   &:disabled {\n  //     cursor: default;\n  //     color: $colorGrey60;\n  //   }\n  // }\n\n  stzh-dropdown#{&}__dropdown {\n    --popover-width: 100%;\n    --popover-height: calc(\n      100% - #{$formInputHeightSmall} - var(--padding-top)\n    );\n    --popover-max-height: initial;\n    position: static;\n  }\n\n  &__select-wrapper {\n    display: inline-flex;\n    position: relative;\n\n    span {\n      margin-right: 0px;\n    }\n  }\n\n  &__select {\n    @include fontSize(\"milli\");\n    cursor: pointer;\n    height: 100%;\n    left: 0;\n    opacity: 0;\n    position: absolute;\n    top: 0;\n    width: 100%;\n    z-index: 2;\n    border-radius: $formInputBorderRadius;\n  }\n\n  &__select-label {\n    @include fontSize(\"milli\");\n    appearance: none;\n    border: none;\n    align-items: center;\n    border-radius: $formInputBorderRadius;\n    color: $colorPrimary70;\n    display: flex;\n    gap: space(\"xsmall\");\n    padding: 0;\n    padding-left: space(\"small\");\n    padding-right: space(\"xsmall\");\n\n    position: relative;\n    width: 100%;\n    min-height: 40px;\n    z-index: 1;\n  }\n\n  &__select-icon {\n    --size: #{iconSize(\"xsmall\")};\n  }\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n}\n","import {\n  Component,\n  ComponentInterface,\n  Host,\n  Prop,\n  Element,\n  h,\n  Event,\n  EventEmitter,\n  State,\n  Method,\n  Watch,\n} from \"@stencil/core\";\n\nimport {\n  addDays,\n  startOfWeek,\n  endOfWeek,\n  setMonth,\n  setYear,\n  clamp,\n  inRange,\n  endOfMonth,\n  startOfMonth,\n  printISODate,\n  parseISODate,\n  DaysOfWeek,\n} from \"../../utils/date-utils\";\n\nimport { StzhCalendarChangeEvent, StzhDropdownChangeEvent } from \"../../index\";\nimport { StzhCalendarDateDisabledPredicate } from \"../../index\";\n\nimport { StzhCalendarMonth } from \"./stzh-calendar-month\";\nimport { StzhCalendarLocalizedText } from \"./stzh-calendar.localization\";\n\nfunction range(from: number, to: number) {\n  var result: number[] = [];\n  for (var i = from; i <= to; i++) {\n    result.push(i);\n  }\n  return result;\n}\n\nconst keyCode = {\n  TAB: 9,\n  ESC: 27,\n  SPACE: 32,\n  PAGE_UP: 33,\n  PAGE_DOWN: 34,\n  END: 35,\n  HOME: 36,\n  LEFT: 37,\n  UP: 38,\n  RIGHT: 39,\n  DOWN: 40,\n};\n\nlet calendarCounter = 0;\n\n@Component({\n  tag: \"stzh-calendar\",\n  styleUrl: \"stzh-calendar.scss\",\n  scoped: true,\n})\nexport class StzhCalendar implements ComponentInterface {\n  /** Date value. Must be in IS0-8601 format: YYYY-MM-DD. */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /**\n   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the max property.\n   */\n  @Prop() min: string = \"\";\n\n  /**\n   * Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the min property.\n   */\n  @Prop() max: string = \"\";\n\n  /**\n   * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.\n   * Default is Monday.\n   */\n  @Prop() firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday;\n\n  /**  Day names, month names, etc, used for localization. */\n  @Prop() localization: StzhCalendarLocalizedText;\n\n  /**\n   * Controls which days are disabled and therefore disallowed.\n   * For example, this can be used to disallow selection of weekends.\n   */\n  @Prop() isDateDisabled: StzhCalendarDateDisabledPredicate = () => false;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the previous month button element.\n   * Default value will be taken from translations.\n   */\n  @Prop() prevMonthAnalyticsId: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the next month button element.\n   * Default value will be taken from translations.\n   */\n  @Prop() nextMonthAnalyticsId: string;\n\n  @State() activeFocus = false;\n  @State() focusedDay = new Date();\n\n  /** Event emitted when a date is selected. */\n  @Event() stzhChange: EventEmitter<StzhCalendarChangeEvent>;\n\n  @Watch(\"localization\")\n  createDateFormatters() {\n    if (this.localization) {\n      this.dateFormatShort = new Intl.DateTimeFormat(this.localization.$locale, { day: \"numeric\", month: \"long\" });\n    }\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string) {\n    if (newValue) {\n      this.setFocusedDay(parseISODate(this.value));\n    } else {\n      this.setFocusedDay(new Date());\n    }\n  }\n\n  /** Set focused day element by a JS Date object */\n  @Method()\n  async setFocusedDay(day: Date) {\n    this.focusedDay = clamp(day, parseISODate(this.min), parseISODate(this.max));\n  }\n\n  /** Set value by a JS Date object */\n  @Method()\n  async setDate(date: Date) {\n    this.value = printISODate(date);\n  }\n\n  @Element() element: HTMLStzhCalendarElement;\n\n  // private monthSelectId: string\n  // private yearSelectId: string\n  private dialogLabelId: string;\n\n  // private focusedDayNode: HTMLButtonElement\n\n  private initialTouchX: number = null;\n  private initialTouchY: number = null;\n\n  /**\n   * To format dates exclusively for the benefit of screen readers.\n   *\n   * We prefer DateTimeFormat over date.toLocaleDateString, as the former has\n   * better performance when formatting large number of dates. See:\n   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance\n   */\n  private dateFormatShort: Intl.DateTimeFormat;\n\n  private enableActiveFocus = () => {\n    this.activeFocus = true;\n  };\n\n  private disableActiveFocus = () => {\n    this.activeFocus = false;\n  };\n\n  private addDays(days: number) {\n    this.setFocusedDay(addDays(this.focusedDay, days));\n  }\n\n  private addMonths(months: number) {\n    this.setMonth(this.focusedDay.getMonth() + months);\n  }\n\n  private addYears(years: number) {\n    this.setYear(this.focusedDay.getFullYear() + years);\n  }\n\n  private startOfWeek() {\n    this.setFocusedDay(startOfWeek(this.focusedDay, this.firstDayOfWeek));\n  }\n\n  private endOfWeek() {\n    this.setFocusedDay(endOfWeek(this.focusedDay, this.firstDayOfWeek));\n  }\n\n  private setMonth(month: number) {\n    const min = setMonth(startOfMonth(this.focusedDay), month);\n    const max = endOfMonth(min);\n    const date = setMonth(this.focusedDay, month);\n\n    this.setFocusedDay(clamp(date, min, max));\n  }\n\n  private setYear(year: number) {\n    const min = setYear(startOfMonth(this.focusedDay), year);\n    const max = endOfMonth(min);\n    const date = setYear(this.focusedDay, year);\n\n    this.setFocusedDay(clamp(date, min, max));\n  }\n\n  private handleTouchStart = (event: TouchEvent) => {\n    const touch = event.changedTouches[0];\n    this.initialTouchX = touch.pageX;\n    this.initialTouchY = touch.pageY;\n  };\n\n  // private handleTouchMove = (event: TouchEvent) => {\n  //   event.preventDefault()\n  // }\n\n  private handleTouchEnd = (event: TouchEvent) => {\n    const touch = event.changedTouches[0];\n    const distX = touch.pageX - this.initialTouchX; // get horizontal dist traveled\n    const distY = touch.pageY - this.initialTouchY; // get vertical dist traveled\n    const threshold = 70;\n\n    const isHorizontalSwipe = Math.abs(distX) >= threshold && Math.abs(distY) <= threshold;\n\n    if (isHorizontalSwipe) {\n      this.addMonths(distX < 0 ? 1 : -1);\n    }\n\n    this.initialTouchY = null;\n    this.initialTouchX = null;\n  };\n\n  private handleNextMonthClick = (event: MouseEvent) => {\n    event.preventDefault();\n    this.addMonths(1);\n  };\n\n  private handlePreviousMonthClick = (event: MouseEvent) => {\n    event.preventDefault();\n    this.addMonths(-1);\n  };\n\n  private handleKeyboardNavigation = (event: KeyboardEvent) => {\n    var handled = true;\n\n    switch (event.keyCode) {\n      case keyCode.RIGHT:\n        this.addDays(1);\n        break;\n      case keyCode.LEFT:\n        this.addDays(-1);\n        break;\n      case keyCode.DOWN:\n        this.addDays(7);\n        break;\n      case keyCode.UP:\n        this.addDays(-7);\n        break;\n      case keyCode.PAGE_UP:\n        if (event.shiftKey) {\n          this.addYears(-1);\n        } else {\n          this.addMonths(-1);\n        }\n        break;\n      case keyCode.PAGE_DOWN:\n        if (event.shiftKey) {\n          this.addYears(1);\n        } else {\n          this.addMonths(1);\n        }\n        break;\n      case keyCode.HOME:\n        this.startOfWeek();\n        break;\n      case keyCode.END:\n        this.endOfWeek();\n        break;\n      default:\n        handled = false;\n    }\n\n    if (handled) {\n      event.preventDefault();\n      this.enableActiveFocus();\n    }\n  };\n\n  private handleDaySelect = (_event: MouseEvent, day: Date) => {\n    const isInRange = inRange(day, parseISODate(this.min), parseISODate(this.max));\n    const isAllowed = !this.isDateDisabled(day);\n\n    if (isInRange && isAllowed) {\n      this.setDate(day);\n\n      this.stzhChange.emit({\n        component: \"stzh-calendar\",\n        value: this.value,\n        valueAsDate: day,\n      });\n    } else {\n      // for consistency we should set the focused day in cases where\n      // user has selected a day that has been specifically disallowed\n      this.setFocusedDay(day);\n    }\n  };\n\n  private handleMonthSelect = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    const value = Array.isArray(event.detail.value) ? event.detail.value[0] : event.detail.value;\n    this.setMonth(parseInt(value, 10));\n  };\n\n  private handleYearSelect = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    const value = Array.isArray(event.detail.value) ? event.detail.value[0] : event.detail.value;\n    this.setYear(parseInt(value, 10));\n  };\n\n  private processFocusedDayNode = (element: HTMLButtonElement) => {\n    // this.focusedDayNode = element\n\n    if (this.activeFocus) {\n      setTimeout(() => element.focus(), 0);\n    }\n  };\n\n  async componentWillLoad() {\n    // this.monthSelectId = `stzh-calendar-month-${calendarCounter}`;\n    // this.yearSelectId = `stzh-calendar-year-${calendarCounter}`;\n    this.dialogLabelId = `stzh-calendar-dialog-${calendarCounter}`;\n    calendarCounter++;\n\n    this.valueWatcher(this.value);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"calendar\");\n    }\n  }\n\n  connectedCallback() {\n    this.createDateFormatters();\n  }\n\n  render() {\n    const valueAsDate = parseISODate(this.value);\n    const selectedYear = (valueAsDate || this.focusedDay).getFullYear();\n    const focusedMonth = this.focusedDay.getMonth();\n    const focusedYear = this.focusedDay.getFullYear();\n\n    const minDate = parseISODate(this.min);\n    const maxDate = parseISODate(this.max);\n    const prevMonthDisabled =\n      minDate != null && minDate.getMonth() === focusedMonth && minDate.getFullYear() === focusedYear;\n    const nextMonthDisabled =\n      maxDate != null && maxDate.getMonth() === focusedMonth && maxDate.getFullYear() === focusedYear;\n\n    const minYear = minDate ? minDate.getFullYear() : selectedYear - 10;\n    const maxYear = maxDate ? maxDate.getFullYear() : selectedYear + 10;\n\n    const monthDropdownOptions = this.localization.$globals.monthNames.map((month, i) => {\n      return {\n        value: i.toString(),\n        text: month,\n        disabled: !inRange(\n          new Date(focusedYear, i, 1),\n          minDate ? startOfMonth(minDate) : null,\n          maxDate ? endOfMonth(maxDate) : null,\n        ),\n      };\n    });\n\n    const yearDropdownOptions = range(minYear, maxYear).map(year => {\n      return {\n        value: year.toString(),\n        text: year.toString(),\n      };\n    });\n\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-calendar\": true,\n          }}\n          /* onTouchMove={this.handleTouchMove} */\n          onTouchStart={this.handleTouchStart}\n          onTouchEnd={this.handleTouchEnd}\n        >\n          <div class=\"stzh-calendar__wrapper\">\n            {/*\n            <div class=\"stzh-calendar__mobile\" onFocusin={this.disableActiveFocus}>\n              <label class=\"stzh-calendar__mobile-heading\">{this.localization.calendarHeading}</label>\n            </div>\n            */}\n            {/* @ts-ignore */}\n            <div class=\"stzh-calendar__header\" onFocusin={this.disableActiveFocus}>\n              <div class=\"stzh-calendar__nav is-dropdowns\">\n                <h2 id={this.dialogLabelId} class=\"stzh-calendar__vhidden\" aria-live=\"polite\" aria-atomic=\"true\">\n                  {this.localization.$globals.monthNames[focusedMonth]}\n                  {this.focusedDay.getFullYear()}\n                </h2>\n\n                <stzh-dropdown\n                  class=\"stzh-calendar__dropdown\"\n                  variant=\"plain\"\n                  size=\"small\"\n                  inline\n                  popover-fullwidth=\"horizontal\"\n                  noSearch={true}\n                  openOnFocus={false}\n                  items={[focusedMonth.toString()]}\n                  options={monthDropdownOptions}\n                  label={this.localization.monthSelectLabel}\n                  labelHidden={true}\n                  onStzhChange={this.handleMonthSelect}\n                ></stzh-dropdown>\n\n                <stzh-dropdown\n                  class=\"stzh-calendar__dropdown\"\n                  variant=\"plain\"\n                  size=\"small\"\n                  inline\n                  popover-fullwidth=\"horizontal\"\n                  noSearch={true}\n                  openOnFocus={false}\n                  items={[focusedYear.toString()]}\n                  options={yearDropdownOptions}\n                  label={this.localization.yearSelectLabel}\n                  labelHidden={true}\n                  onStzhChange={this.handleYearSelect}\n                ></stzh-dropdown>\n\n                {/* alternative for dropdown with popover:\n                <stzh-popover>\n                  <button class=\"stzh-calendar__select-label\" aria-label={this.localization.monthSelectLabel}>\n                    <span>{this.localization.$globals.monthNamesShort[focusedMonth]}</span>\n                    <stzh-icon class=\"stzh-calendar__select-icon\" name=\"angle-down\"></stzh-icon>\n                  </button>\n                  <stzh-menu slot=\"content\">\n                    {this.localization.$globals.monthNames.map((month, i) => (\n                      <stzh-menu-item\n                        // onClick={this.handleMonthSelect(month)}\n                        active={i === focusedMonth}\n                        disabled={\n                          !inRange(\n                            new Date(focusedYear, i, 1),\n                            minDate ? startOfMonth(minDate) : null,\n                            maxDate ? endOfMonth(maxDate) : null\n                          )\n                        }\n                      >\n                        {month}\n                      </stzh-menu-item>\n                    ))}\n                  </stzh-menu>\n                </stzh-popover>\n                */}\n\n                {/* original implmentation with native select:\n                <label htmlFor={this.monthSelectId} class=\"stzh-calendar__vhidden\">\n                  {this.localization.monthSelectLabel}\n                </label>\n\n                <div class=\"stzh-calendar__select-wrapper\">\n                  <select\n                    id={this.monthSelectId}\n                    class=\"stzh-calendar__select stzh-calendar__select--month\"\n                    onChange={this.handleMonthSelect}\n                  >\n                    {this.localization.$globals.monthNames.map((month, i) => (\n                      <option\n                        key={month}\n                        value={i}\n                        selected={i === focusedMonth}\n                        disabled={\n                          !inRange(\n                            new Date(focusedYear, i, 1),\n                            minDate ? startOfMonth(minDate) : null,\n                            maxDate ? endOfMonth(maxDate) : null\n                          )\n                        }\n                      >\n                        {month}\n                      </option>\n                    ))}\n                  </select>\n                  <div class=\"stzh-calendar__select-label\" aria-hidden=\"true\">\n                    <span>{this.localization.$globals.monthNamesShort[focusedMonth]}</span>\n                    <stzh-icon class=\"stzh-calendar__select-icon\" name=\"angle-down\"></stzh-icon>\n                  </div>\n                </div>\n\n                <label htmlFor={this.yearSelectId} class=\"stzh-calendar__vhidden\">\n                  {this.localization.yearSelectLabel}\n                </label>\n\n                <div class=\"stzh-calendar__select-wrapper\">\n                  <select\n                    id={this.yearSelectId}\n                    class=\"stzh-calendar__select stzh-calendar__select--year\"\n                    onChange={this.handleYearSelect}\n                  >\n                    {range(minYear, maxYear).map(year => (\n                      <option key={year} selected={year === focusedYear}>\n                        {year}\n                      </option>\n                    ))}\n                  </select>\n                  <div class=\"stzh-calendar__select-label\" aria-hidden=\"true\">\n                    <span>{this.focusedDay.getFullYear()}</span>\n                    <stzh-icon class=\"stzh-calendar__select-icon\" name=\"angle-down\"></stzh-icon>\n                  </div>\n                </div>\n                */}\n              </div>\n\n              <div class=\"stzh-calendar__nav\">\n                <stzh-button\n                  class=\"stzh-calendar__prev\"\n                  variant=\"tertiary\"\n                  size=\"small\"\n                  icon=\"arrow-left\"\n                  iconOnly={true}\n                  onClick={this.handlePreviousMonthClick}\n                  disabled={prevMonthDisabled}\n                  type=\"button\"\n                  a11yLabel={this.localization.prevMonthLabel}\n                  analyticsId={this.prevMonthAnalyticsId || this.localization.prevMonthLabel}\n                ></stzh-button>\n                <stzh-button\n                  class=\"stzh-calendar__next\"\n                  variant=\"tertiary\"\n                  size=\"small\"\n                  icon=\"arrow-right\"\n                  iconOnly={true}\n                  onClick={this.handleNextMonthClick}\n                  disabled={nextMonthDisabled}\n                  type=\"button\"\n                  a11yLabel={this.localization.nextMonthLabel}\n                  analyticsId={this.nextMonthAnalyticsId || this.localization.nextMonthLabel}\n                ></stzh-button>\n              </div>\n            </div>\n\n            <StzhCalendarMonth\n              dateFormatter={this.dateFormatShort}\n              selectedDate={valueAsDate}\n              focusedDate={this.focusedDay}\n              onDateSelect={this.handleDaySelect}\n              onKeyboardNavigation={this.handleKeyboardNavigation}\n              labelledById={this.dialogLabelId}\n              localization={this.localization}\n              firstDayOfWeek={this.firstDayOfWeek}\n              focusedDayRef={this.processFocusedDayNode}\n              min={minDate}\n              max={maxDate}\n              isDateDisabled={this.isDateDisabled}\n            />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}