npm - @oiz/stzh-components - Versions diffs - 4.10.0-beta2 → 4.10.1 - Mend

@oiz/stzh-components 4.10.0-beta2 → 4.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (888) hide show

package/dist/esm/stzh-banner.entry.js CHANGED Viewed

@@ -1,6 +1,8 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-WVDCFmOb.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dh5OdFgL.js';
-const stzhBannerCss = () => `.sc-stzh-banner-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-banner-h,[stzh-hidden].sc-stzh-banner-h{display:none}.sc-stzh-banner-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-banner-h *.sc-stzh-banner,.sc-stzh-banner-h *.sc-stzh-banner::before,.sc-stzh-banner-h *.sc-stzh-banner::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-banner-h .has-focus.sc-stzh-banner{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner{outline-style:none !important}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner::-moz-focus-inner{border:0 !important}.sc-stzh-banner-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-coral60);--icon-color:var(--stzh-base-invert-color);--close-color:var(--stzh-base-invert-color);--label-color:var(--stzh-base-invert-color)}[type=info].sc-stzh-banner-h{--label-color:var(--stzh-color-info70);--icon-color:var(--stzh-color-info50);--close-color:var(--stzh-color-info70);--background-color:var(--stzh-color-info20);--stzh-link-color:var(--stzh-color-info70)}[type=info].sc-stzh-banner-h:hover{--stzh-link-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-background-color:var(--stzh-color-info30)}.stzh-banner.sc-stzh-banner{position:relative;box-shadow:var(--stzh-box-shadow-message);border-radius:var(--stzh-button-border-radius);background-color:var(--background-color)}.stzh-banner__container.sc-stzh-banner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-xlarge)}}.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-xlarge)}}.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-huge)}}.stzh-banner__container.sc-stzh-banner{margin-right:0}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-right:auto}}.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xlarge)}}.stzh-banner__content.sc-stzh-banner{display:flex}.stzh-banner__icon-wrapper.sc-stzh-banner{display:flex;flex-shrink:0}.stzh-banner__icon.sc-stzh-banner{color:var(--icon-color)}.stzh-banner__link.sc-stzh-banner{color:var(--stzh-link-color)}.stzh-banner__link.sc-stzh-banner:hover{color:var(--stzh-link-hover-color)}.stzh-banner__text-wrapper.sc-stzh-banner{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xsmall);row-gap:var(--stzh-space-xxsmall);flex-wrap:wrap;flex-direction:row;align-items:center}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-small)}}.stzh-banner__label.sc-stzh-banner{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color)}@media screen and (min-width: 600px){.stzh-banner__label.sc-stzh-banner{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}.stzh-banner__close[variant=tertiary].sc-stzh-banner{--color:var(--close-color);position:absolute;top:0;right:0}@media screen and (min-width: 600px){.stzh-banner__close[variant=tertiary].sc-stzh-banner{top:0.625rem;right:0.625rem}}.stzh-banner__close[variant=tertiary].sc-stzh-banner:hover{--hover-color:var(--stzh-button-tertiary-hover-color);--hover-background-color:var(--stzh-button-tertiary-hover-background-color)}`;
+const stzhBannerCss = () => `.sc-stzh-banner-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-banner-h,[stzh-hidden].sc-stzh-banner-h{display:none}.sc-stzh-banner-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-banner-h *.sc-stzh-banner,.sc-stzh-banner-h *.sc-stzh-banner::before,.sc-stzh-banner-h *.sc-stzh-banner::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-banner-h .has-focus.sc-stzh-banner{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner{outline-style:none !important}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner::-moz-focus-inner{border:0 !important}.sc-stzh-banner-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-coral60);--icon-color:var(--stzh-base-invert-color);--close-color:var(--stzh-base-invert-color);--label-color:var(--stzh-base-invert-color)}[type=info].sc-stzh-banner-h{--label-color:var(--stzh-color-info70);--icon-color:var(--stzh-color-info50);--close-color:var(--stzh-color-info70);--background-color:var(--stzh-color-info20);--stzh-link-color:var(--stzh-color-info70)}[type=info].sc-stzh-banner-h:hover{--stzh-link-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-background-color:var(--stzh-color-info30)}.stzh-banner.sc-stzh-banner{position:relative;box-shadow:var(--stzh-box-shadow-message);border-radius:var(--stzh-button-border-radius);background-color:var(--background-color)}.stzh-banner__container.sc-stzh-banner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-xlarge)}}.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-xlarge)}}.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-huge)}}.stzh-banner__container.sc-stzh-banner{margin-right:0}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-right:auto}}.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xlarge)}}.stzh-banner__content.sc-stzh-banner{display:flex}.stzh-banner__icon-wrapper.sc-stzh-banner{display:flex;flex-shrink:0}.stzh-banner__icon.sc-stzh-banner{color:var(--icon-color)}.stzh-banner__link.sc-stzh-banner{color:var(--stzh-link-color)}.stzh-banner__link.sc-stzh-banner:hover{color:var(--stzh-link-hover-color)}.stzh-banner__text-wrapper.sc-stzh-banner{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xsmall);row-gap:var(--stzh-space-xxsmall);flex-wrap:wrap;flex-direction:row;align-items:center}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-small)}}.stzh-banner__label.sc-stzh-banner{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color)}@media screen and (min-width: 600px){.stzh-banner__label.sc-stzh-banner{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}.stzh-banner__close[variant=tertiary].sc-stzh-banner{--color:var(--close-color);position:absolute;top:0;right:0}@media screen and (min-width: 600px){.stzh-banner__close[variant=tertiary].sc-stzh-banner{top:0.625rem;right:0.625rem}}.stzh-banner__close[variant=tertiary].sc-stzh-banner:hover{--hover-color:var(--stzh-button-tertiary-hover-color);--hover-background-color:var(
+    --stzh-button-tertiary-hover-background-color
+  )}`;
 const StzhBanner = class {
     constructor(hostRef) {

package/dist/esm/stzh-banner.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-banner.entry.js","sources":["src/components/stzh-banner/stzh-banner.scss?tag=stzh-banner&encapsulation=scoped","src/components/stzh-banner/stzh-banner.tsx"],"sourcesContent":[":host {\n @include base-invert;\n @include button-invert;\n\n --background-color: #{$colorCoral60};\n --icon-color: #{$baseInvertColor};\n --close-color: #{$baseInvertColor};\n --label-color: #{$baseInvertColor};\n}\n\n:host([type=\"info\"]) {\n --label-color: #{$colorInfo70};\n --icon-color: #{$colorInfo50};\n --close-color: #{$colorInfo70};\n --background-color: #{$colorInfo20};\n --stzh-link-color: #{$colorInfo70};\n}\n\n :host([type=\"info\"]):hover {\n --stzh-link-hover-color: #{$colorInfo70};\n --stzh-button-tertiary-hover-color: #{$colorInfo70};\n --stzh-button-tertiary-hover-background-color: #{$colorInfo30};\n }\n\n.stzh-banner {\n position: relative;\n box-shadow: $boxShadowMessage;\n border-radius: #{$buttonBorderRadius};\n background-color: var(--background-color);\n\n &__container {\n @include container;\n @include spaceCurve(\"padding-top\", \"small\");\n @include spaceCurve(\"padding-bottom\", \"small\");\n @include spaceCurve(\"padding-right\", \"huge\");\n margin-right: 0;\n\n @include mq($from: small) {\n margin-right: 0px;\n }\n\n @include mq($from: medium) {\n margin-right: 0px;\n }\n\n @include mq($from: large) {\n margin-right: 0px;\n }\n\n @include mq($from: ultra) {\n margin-right: auto;\n }\n }\n\n &__content {\n @include spaceCurve(\"gap\", \"small\");\n display: flex;\n }\n\n &__icon-wrapper {\n display: flex;\n flex-shrink: 0;\n }\n\n &__icon {\n color: var(--icon-color);\n }\n\n &__link {\n color: var(--stzh-link-color);\n }\n\n &__link:hover {\n color: var(--stzh-link-hover-color);\n }\n\n &__text-wrapper {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n\n @include mq($from: medium) {\n @include spaceCurve(\"column-gap\", \"small\");\n @include spaceCurve(\"row-gap\", \"tiny\");\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n }\n }\n\n &__label {\n @include font(\"heavy\");\n @include fontSize(\"milli\");\n color: var(--label-color);\n\n @include mq($from: small) {\n @include fontSize(\"centi\");\n }\n }\n\n &__close[variant=\"tertiary\"] {\n --color: var(--close-color);\n\n position: absolute;\n top: 0;\n right: 0;\n\n @include mq($from: small) {\n top: 10px;\n right: 10px;\n }\n }\n\n &__close[variant=\"tertiary\"]:hover {\n --hover-color: var(--stzh-button-tertiary-hover-color);\n --hover-background-color: var(--stzh-button-tertiary-hover-background-color);\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from \"@stencil/core\";\n\nimport { StzhBannerCloseEvent, StzhBannerOpenEvent } from \"../../index\";\n\nimport { StzhBannerLocalizedText } from \"./stzh-banner.localization\";\n\n/*\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-banner\",\n styleUrl: \"stzh-banner.scss\",\n scoped: true,\n})\nexport class StzhBanner {\n /* Label (slot can also be used as alternative) /\n @Prop() label: string = \"\";\n\n /* Whether to hide close button /\n @Prop() hideClose: boolean = false;\n\n /* Translation strings. /\n @Prop() localization: StzhBannerLocalizedText;\n\n /* Type /\n @Prop({ reflect: true }) type: \"error\" \| \"info\" = \"error\";\n\n /* Banner open event /\n @Event() stzhOpen: EventEmitter<StzhBannerOpenEvent>;\n\n /* Banner close event /\n @Event() stzhClose: EventEmitter<StzhBannerCloseEvent>;\n\n @Element() element: HTMLStzhBannerElement;\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-banner\",\n });\n }\n\n @Method()\n async hide() {\n this.open = false;\n this.stzhClose.emit({\n component: \"stzh-banner\",\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, \"banner\");\n }\n }\n\n render() {\n const classes = {\n \"stzh-banner\": true,\n \"stzh-banner--has-close-hidden\": this.hideClose,\n [`stzh-banner--type-${this.type}`]: !!this.type,\n };\n\n return (\n <Host hidden={!this.open}>\n <div class={classes}>\n <div class=\"stzh-banner__container\">\n <div class=\"stzh-banner__content\">\n <div class=\"stzh-banner__icon-wrapper\">\n <stzh-icon\n class=\"stzh-banner__icon\"\n name={\n \"warning-filled\"\n // this.type === 'info' && \"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-banner__text-wrapper\">\n <div class=\"stzh-banner__label\">{this.label ? this.label : <slot name=\"label\"></slot>}</div>\n <div class=\"stzh-banner__link\">\n <slot name=\"link\"></slot>\n </div>\n </div>\n </div>\n\n {!this.hideClose && (\n <stzh-button\n class=\"stzh-banner__close\"\n onClick={this.onCloseButtonClick}\n a11yLabel={this.localization?.close}\n variant=\"tertiary\"\n size=\"small\"\n iconOnly\n icon=\"close-big\"\n ></stzh-button>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC,~~8yQAA8yQ~~,CAAC;;~~MCe/zQ~~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"}
1	+ {"version":3,"file":"stzh-banner.entry.js","sources":["src/components/stzh-banner/stzh-banner.scss?tag=stzh-banner&encapsulation=scoped","src/components/stzh-banner/stzh-banner.tsx"],"sourcesContent":[":host {\n @include base-invert;\n @include button-invert;\n\n --background-color: #{$colorCoral60};\n --icon-color: #{$baseInvertColor};\n --close-color: #{$baseInvertColor};\n --label-color: #{$baseInvertColor};\n}\n\n:host([type=\"info\"]) {\n --label-color: #{$colorInfo70};\n --icon-color: #{$colorInfo50};\n --close-color: #{$colorInfo70};\n --background-color: #{$colorInfo20};\n --stzh-link-color: #{$colorInfo70};\n}\n\n:host([type=\"info\"]):hover {\n --stzh-link-hover-color: #{$colorInfo70};\n --stzh-button-tertiary-hover-color: #{$colorInfo70};\n --stzh-button-tertiary-hover-background-color: #{$colorInfo30};\n}\n\n.stzh-banner {\n position: relative;\n box-shadow: $boxShadowMessage;\n border-radius: #{$buttonBorderRadius};\n background-color: var(--background-color);\n\n &__container {\n @include container;\n @include spaceCurve(\"padding-top\", \"small\");\n @include spaceCurve(\"padding-bottom\", \"small\");\n @include spaceCurve(\"padding-right\", \"huge\");\n margin-right: 0;\n\n @include mq($from: small) {\n margin-right: 0px;\n }\n\n @include mq($from: medium) {\n margin-right: 0px;\n }\n\n @include mq($from: large) {\n margin-right: 0px;\n }\n\n @include mq($from: ultra) {\n margin-right: auto;\n }\n }\n\n &__content {\n @include spaceCurve(\"gap\", \"small\");\n display: flex;\n }\n\n &__icon-wrapper {\n display: flex;\n flex-shrink: 0;\n }\n\n &__icon {\n color: var(--icon-color);\n }\n\n &__link {\n color: var(--stzh-link-color);\n }\n\n &__link:hover {\n color: var(--stzh-link-hover-color);\n }\n\n &__text-wrapper {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n\n @include mq($from: medium) {\n @include spaceCurve(\"column-gap\", \"small\");\n @include spaceCurve(\"row-gap\", \"tiny\");\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n }\n }\n\n &__label {\n @include font(\"heavy\");\n @include fontSize(\"milli\");\n color: var(--label-color);\n\n @include mq($from: small) {\n @include fontSize(\"centi\");\n }\n }\n\n &__close[variant=\"tertiary\"] {\n --color: var(--close-color);\n\n position: absolute;\n top: 0;\n right: 0;\n\n @include mq($from: small) {\n top: 10px;\n right: 10px;\n }\n }\n\n &__close[variant=\"tertiary\"]:hover {\n --hover-color: var(--stzh-button-tertiary-hover-color);\n --hover-background-color: var(\n --stzh-button-tertiary-hover-background-color\n );\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from \"@stencil/core\";\n\nimport { StzhBannerCloseEvent, StzhBannerOpenEvent } from \"../../index\";\n\nimport { StzhBannerLocalizedText } from \"./stzh-banner.localization\";\n\n/*\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-banner\",\n styleUrl: \"stzh-banner.scss\",\n scoped: true,\n})\nexport class StzhBanner {\n /* Label (slot can also be used as alternative) /\n @Prop() label: string = \"\";\n\n /* Whether to hide close button /\n @Prop() hideClose: boolean = false;\n\n /* Translation strings. /\n @Prop() localization: StzhBannerLocalizedText;\n\n /* Type /\n @Prop({ reflect: true }) type: \"error\" \| \"info\" = \"error\";\n\n /* Banner open event /\n @Event() stzhOpen: EventEmitter<StzhBannerOpenEvent>;\n\n /* Banner close event /\n @Event() stzhClose: EventEmitter<StzhBannerCloseEvent>;\n\n @Element() element: HTMLStzhBannerElement;\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-banner\",\n });\n }\n\n @Method()\n async hide() {\n this.open = false;\n this.stzhClose.emit({\n component: \"stzh-banner\",\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, \"banner\");\n }\n }\n\n render() {\n const classes = {\n \"stzh-banner\": true,\n \"stzh-banner--has-close-hidden\": this.hideClose,\n [`stzh-banner--type-${this.type}`]: !!this.type,\n };\n\n return (\n <Host hidden={!this.open}>\n <div class={classes}>\n <div class=\"stzh-banner__container\">\n <div class=\"stzh-banner__content\">\n <div class=\"stzh-banner__icon-wrapper\">\n <stzh-icon\n class=\"stzh-banner__icon\"\n name={\n \"warning-filled\"\n // this.type === 'info' && \"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-banner__text-wrapper\">\n <div class=\"stzh-banner__label\">{this.label ? this.label : <slot name=\"label\"></slot>}</div>\n <div class=\"stzh-banner__link\">\n <slot name=\"link\"></slot>\n </div>\n </div>\n </div>\n\n {!this.hideClose && (\n <stzh-button\n class=\"stzh-banner__close\"\n onClick={this.onCloseButtonClick}\n a11yLabel={this.localization?.close}\n variant=\"tertiary\"\n size=\"small\"\n iconOnly\n icon=\"close-big\"\n ></stzh-button>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/stzh-breadcrumb_2.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-WVDCFmOb.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-Dh5OdFgL.js';
 const stzhBreadcrumbCss = () => `.sc-stzh-breadcrumb-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-breadcrumb-h,[stzh-hidden].sc-stzh-breadcrumb-h{display:none}.sc-stzh-breadcrumb-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb,.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb::before,.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb::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-breadcrumb-h .has-focus.sc-stzh-breadcrumb{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-breadcrumb-h .stzh-fylingfocus-focused.sc-stzh-breadcrumb{outline-style:none !important}.sc-stzh-breadcrumb-h .stzh-fylingfocus-focused.sc-stzh-breadcrumb::-moz-focus-inner{border:0 !important}.sc-stzh-breadcrumb-h{overflow:hidden;--color:var(--stzh-breadcrumb-color, var(--stzh-color-primary70))}@media print{.sc-stzh-breadcrumb-h{display:none}}[variant=teaser].sc-stzh-breadcrumb-h{--color:var(--stzh-color-grey80)}.stzh-breadcrumb.sc-stzh-breadcrumb{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--color)}.stzh-breadcrumb__list.sc-stzh-breadcrumb,.stzh-breadcrumb__item.sc-stzh-breadcrumb,.stzh-breadcrumb__item-link.sc-stzh-breadcrumb{display:flex;align-items:center}.stzh-breadcrumb__list.sc-stzh-breadcrumb{list-style:none;margin:0;padding:0;white-space:nowrap}.stzh-breadcrumb__item.is-expand.sc-stzh-breadcrumb .stzh-breadcrumb__item-link.sc-stzh-breadcrumb{cursor:pointer}.stzh-breadcrumb__item.is-hidden.sc-stzh-breadcrumb{position:absolute;visibility:hidden}.stzh-breadcrumb__item.is-last.sc-stzh-breadcrumb .stzh-breadcrumb__item-link.sc-stzh-breadcrumb{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-breadcrumb__item.is-first.sc-stzh-breadcrumb .stzh-breadcrumb__item-label.sc-stzh-breadcrumb{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-breadcrumb__item-link.sc-stzh-breadcrumb{appearance:none;background-color:transparent;border:none;text-decoration:none;color:inherit}.stzh-breadcrumb__item-link.is-link.sc-stzh-breadcrumb{cursor:pointer;transition:color var(--stzh-base-transition-animation-speed)}.stzh-breadcrumb__item-link.is-link.sc-stzh-breadcrumb:hover{color:var(--stzh-color-primary90)}.stzh-breadcrumb__item-icon.sc-stzh-breadcrumb{margin-right:var(--stzh-space-xxsmall)}.stzh-breadcrumb__item-icon.is-separator.sc-stzh-breadcrumb{--size:var(--stzh-icon-size-small)}.stzh-breadcrumb__item-label-hidden.sc-stzh-breadcrumb{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-breadcrumb--is-expanded.sc-stzh-breadcrumb .stzh-breadcrumb__list.sc-stzh-breadcrumb{flex-wrap:wrap;white-space:initial}.stzh-breadcrumb--is-expanded.sc-stzh-breadcrumb .is-expand.sc-stzh-breadcrumb{position:absolute}.stzh-breadcrumb--teaser.sc-stzh-breadcrumb{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}`;

package/dist/esm/stzh-buttongroup.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-WVDCFmOb.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Dh5OdFgL.js';
 const stzhButtongroupCss = () => `.sc-stzh-buttongroup-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-buttongroup-h,[stzh-hidden].sc-stzh-buttongroup-h{display:none}.sc-stzh-buttongroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-buttongroup-h *.sc-stzh-buttongroup,.sc-stzh-buttongroup-h *.sc-stzh-buttongroup::before,.sc-stzh-buttongroup-h *.sc-stzh-buttongroup::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-buttongroup-h .has-focus.sc-stzh-buttongroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-buttongroup-h .stzh-fylingfocus-focused.sc-stzh-buttongroup{outline-style:none !important}.sc-stzh-buttongroup-h .stzh-fylingfocus-focused.sc-stzh-buttongroup::-moz-focus-inner{border:0 !important}[fullwidth].sc-stzh-buttongroup-h .stzh-buttongroup.sc-stzh-buttongroup{width:100%;flex-wrap:wrap}.stzh-buttongroup.sc-stzh-buttongroup{position:relative;z-index:auto;display:flex;gap:var(--stzh-space-xsmall)}`;
@@ -37,7 +37,7 @@ const StzhButtongroup = class {
     applyFullwidthIfMissing(btn, groupVal) {
         if (groupVal !== true)
             return;
-        const hasAttr = btn.hasAttribute('fullwidth');
+        const hasAttr = btn.hasAttribute("fullwidth");
         const propVal = btn.fullwidth;
         // Exists property fullwidth buttons overrides buttongroup property fullwidth
         // Property fullwidth === true (button has fullwidth)
@@ -47,13 +47,13 @@ const StzhButtongroup = class {
         if (attrOwn || propOwn)
             return;
         // Otherwise set default fullwidth attribute
-        btn.setAttribute('fullwidth', '');
+        btn.setAttribute("fullwidth", "");
     }
     applyRoundedIfMissing(btn, groupVal) {
         // Rounded only true if group has rounded property true
         if (groupVal !== true)
             return;
-        const hasAttr = btn.hasAttribute('rounded');
+        const hasAttr = btn.hasAttribute("rounded");
         const propVal = btn.rounded;
         // Check if property rounded exists on button and if it is true or false
         // If property is true button property rounded ovverided buttonsgroups property rounded
@@ -63,7 +63,7 @@ const StzhButtongroup = class {
         if (attrOwn || propOwn)
             return;
         // Otherwise set default rounded attribute
-        btn.setAttribute('rounded', '');
+        btn.setAttribute("rounded", "");
     }
     async componentDidLoad() {
         // Propagate, if button is defined
@@ -82,7 +82,7 @@ const StzhButtongroup = class {
     }
     propagateSizes() {
         const buttons = this.element.querySelectorAll("stzh-button");
-        buttons.forEach((btn) => {
+        buttons.forEach(btn => {
             this.applyDefaultIfMissing(btn, "size", this.size);
             this.applyDefaultIfMissing(btn, "size-small", this.sizeSmall);
             this.applyDefaultIfMissing(btn, "size-medium", this.sizeMedium);
@@ -96,7 +96,7 @@ const StzhButtongroup = class {
         const classes = {
             "stzh-buttongroup": true,
         };
-        return (h(Host, { key: '6cd21cc0291ef5033ff46c48c2ac1682b6f51256' }, h("div", { key: 'd8b5660e9e84990d844f8bf94e23016640253cbd', class: classes }, h("slot", { key: 'ea6378fde73b10e72bb387109469df49aa8137b6', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'cf0498c5b2203fa68c17e91e5ddea2aa424d9f6f' }, h("div", { key: 'cc2868ce81fd1a0b9aa6bd3ceb1ab04518ed1556', class: classes }, h("slot", { key: '94cfe27cabce453f5d0f0ab77931a17dfb1c346f', onSlotchange: this.onSlotChange }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-buttongroup.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-buttongroup.entry.js","sources":["src/components/stzh-buttongroup/stzh-buttongroup.scss?tag=stzh-buttongroup&encapsulation=scoped","src/components/stzh-buttongroup/stzh-buttongroup.tsx"],"sourcesContent":[":host {\n // ::slotted(stzh-button) {\n // z-index: 1;\n // margin-right: -1px;\n\n // &[a11y-disabled]:not([a11y-disabled=\"false\"]) {\n // z-index: 0;\n // }\n\n // &:first-child {\n // --border-radius: #{$buttonBorderRadius 0px 0px $buttonBorderRadius};\n // // --border-width: 1px 0px 1px 1px;\n // }\n\n // &:last-child {\n // --border-radius: #{0px $buttonBorderRadius $buttonBorderRadius 0px};\n // // --border-width: 1px 1px 1px 0px;\n // margin-right: 0;\n // }\n\n // // only one button\n // &:first-child:last-child {\n // // --border-width: 1px;\n // --border-radius: #{$buttonBorderRadius};\n // margin: 0;\n // }\n\n // // when only two buttons\n // &:first-child + stzh-button:last-child {\n // // --border-width: 1px;\n // }\n\n // // buttons in the middle\n // &:not(:first-child):not(:last-child) {\n // --border-radius: 0px;\n // }\n // }\n}\n\n:host([fullwidth]) .stzh-buttongroup {\n width: 100%;\n flex-wrap: wrap;\n}\n\n.stzh-buttongroup {\n position: relative;\n z-index: auto;\n display: flex;\n gap: space('xsmall');\n}\n","import {\n Component~~,\n~~ Host~~,\n~~ h~~,\n~~ Prop~~,\n~~ Watch~~,\n~~ Element\n} from \"@stencil/core\";\n\nimport { \n StzhButtonSize \n} from '../../index';\n\n/*\n @slot - Slot for buttons\n /\n@Component({\n tag: \"stzh-buttongroup\",\n styleUrl: \"stzh-buttongroup.scss\",\n scoped: true,\n})\nexport class StzhButtongroup {\n @Element() element: HTMLStzhButtongroupElement;\n \n /* Size variant (above all breakpoints) only valid for buttons without own size property /\n @Prop({ reflect: true }) size: StzhButtonSize = \"default\";\n @Prop({ reflect: true }) sizeSmall?: StzhButtonSize;\n @Prop({ reflect: true }) sizeMedium?: StzhButtonSize;\n @Prop({ reflect: true }) sizeLarge?: StzhButtonSize;\n @Prop({ reflect: true }) sizeUltra?: StzhButtonSize;\n\n /* Whether buttongroup is full width /\n @Prop({ reflect: true }) fullwidth?: boolean;\n\n /* Whether buttongroup is rounded */ \n @Prop({ reflect: true }) rounded?: boolean;\n\n // \"size-small\" -> \"sizeSmall\"\n private toPropName(attrName: string): string {\n return attrName.replace(/-([a-z])/g, (_, c) => c.toUpperCase());\n }\n\n // If button has its own size property, do not override this property\n private buttonHasOwnSize(btn: Element, attrName: string): boolean {\n const attrVal = btn.getAttribute(attrName);\n const propVal = (btn as any)[this.toPropName(attrName)] as StzhButtonSize \| undefined;\n\n const attrOwn = attrVal !== null && attrVal !== \"default\";\n const propOwn = propVal !== undefined && propVal !== \"default\";\n return attrOwn \|\| propOwn;\n }\n\n private applyDefaultIfMissing(btn: Element, attrName: string, groupVal?: StzhButtonSize) {\n if (groupVal === undefined) return;\n // If button has own size property, do not override this property\n if (this.buttonHasOwnSize(btn, attrName)) return;\n\n // Otherwise set default size attribute (works directly, also before hydration)\n if (btn.getAttribute(attrName) !== groupVal) {\n btn.setAttribute(attrName, groupVal);\n }\n }\n\n private applyFullwidthIfMissing(btn: Element, groupVal?: boolean) {\n if (groupVal !== true) return;\n\n const hasAttr = btn.hasAttribute('fullwidth')~~; \~~n const propVal = (btn as any).fullwidth as boolean \| undefined;\n\n // Exists property fullwidth buttons overrides buttongroup property fullwidth\n // Property fullwidth === true (button has fullwidth)\n const attrOwn = hasAttr;\n const propOwn = propVal === true;\n \n // If button has own fullwidth property, do not override this property\n if (attrOwn \|\| propOwn) return;\n\n // Otherwise set default fullwidth attribute\n btn.setAttribute('fullwidth', '');\n }\n\n private applyRoundedIfMissing(btn: Element, groupVal?: boolean) {\n // Rounded only true if group has rounded property true\n if (groupVal !== true) return;\n\n const hasAttr = btn.hasAttribute('rounded');\n const propVal = (btn as any).rounded as boolean \| undefined;\n\n // Check if property rounded exists on button and if it is true or false\n // If property is true button property rounded ovverided buttonsgroups property rounded\n const attrOwn = hasAttr;\n const propOwn = propVal === true;\n \n // Button > Buttongroup\n if (attrOwn \|\| propOwn) return;\n\n // Otherwise set default rounded attribute\n btn.setAttribute('rounded', '');\n}\n\n async componentDidLoad() {\n // Propagate, if button is defined\n await customElements.whenDefined(\"stzh-button\");\n this.propagateSizes();\n requestAnimationFrame(() => this.propagateSizes());\n }\n\n @Watch('size')\n @Watch('sizeSmall')\n @Watch('sizeMedium')\n @Watch('sizeLarge')\n @Watch('sizeUltra')\n\n onSizeChange() {\n this.propagateSizes();\n }\n\n @Watch('fullwidth')\n \n onFullwidthChange() { \n this.propagateSizes();\n }\n\n @Watch('rounded')\n\n onRoundedChange() {\n this.propagateSizes();\n }\n\n private propagateSizes() {\n const buttons = this.element.querySelectorAll(\"stzh-button\");\n buttons.forEach((btn) => {\n this.applyDefaultIfMissing(btn, \"size\", this.size);\n this.applyDefaultIfMissing(btn, \"size-small\", this.sizeSmall);\n this.applyDefaultIfMissing(btn, \"size-medium\", this.sizeMedium);\n this.applyDefaultIfMissing(btn, \"size-large\", this.sizeLarge);\n this.applyDefaultIfMissing(btn, \"size-ultra\", this.sizeUltra);\n\n this.applyRoundedIfMissing(btn, this.rounded);\n this.applyFullwidthIfMissing(btn, this.fullwidth);\n });\n }\n\n private onSlotChange = () => {\n this.propagateSizes();\n };\n\n render() {\n const classes = {\n \"stzh-buttongroup\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot onSlotchange={this.onSlotChange}></slot>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,i4CAAi4C,CAAC;;~~MCqBv5C~~,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAS2B,QAAA,IAAI,CAAA,IAAA,GAAmB,SAAS;~~AAsHjD~~,QAAA,IAAY,CAAA,YAAA,GAAG,MAAK;YAC1B,IAAI,CAAC,cAAc,EAAE;AACvB,SAAC;AAeF;;~~AA1HS~~,IAAA,UAAU,CAAC,QAAgB,EAAA;AACjC,QAAA,OAAO,QAAQ,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;;;IAIzD,gBAAgB,CAAC,GAAY,EAAE,QAAgB,EAAA;QACrD,MAAM,OAAO,GAAG,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC;QAC1C,MAAM,OAAO,GAAI,GAAW,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAA+B;QAErF,MAAM,OAAO,GAAG,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS;QACzD,MAAM,OAAO,GAAG,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS;QAC9D,OAAO,OAAO,IAAI,OAAO;;AAGnB,IAAA,qBAAqB,CAAC,GAAY,EAAE,QAAgB,EAAE,QAAyB,EAAA;QACrF,IAAI,QAAQ,KAAK,SAAS;YAAE;;AAE5B,QAAA,IAAI,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,QAAQ,CAAC;YAAE;;QAG1C,IAAI,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,QAAQ,EAAE;AAC3C,YAAA,GAAG,CAAC,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC;;;IAIhC,uBAAuB,CAAC,GAAY,EAAE,QAAkB,EAAA;QAC9D,IAAI,QAAQ,KAAK,IAAI;YAAE;QAEvB,MAAM,OAAO,GAAG,GAAG,CAAC,YAAY,CAAC,WAAW,CAAC;AAC7C,QAAA,MAAM,OAAO,GAAI,GAAW,CAAC,SAAgC;;;QAI7D,MAAM,OAAO,GAAG,OAAO;AACvB,QAAA,MAAM,OAAO,GAAG,OAAO,KAAK,IAAI;;QAGhC,IAAI,OAAO,IAAI,OAAO;YAAE;;AAGxB,QAAA,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC;;IAG3B,qBAAqB,CAAC,GAAY,EAAE,QAAkB,EAAA;;~~QAE9D~~,IAAI,QAAQ,KAAK,IAAI;YAAE;QAEvB,MAAM,OAAO,GAAG,GAAG,CAAC,YAAY,CAAC,SAAS,CAAC;AAC3C,QAAA,MAAM,OAAO,GAAI,GAAW,CAAC,OAA8B;;;QAI3D,MAAM,OAAO,GAAG,OAAO;AACvB,QAAA,MAAM,OAAO,GAAG,OAAO,KAAK,IAAI;;QAGhC,IAAI,OAAO,IAAI,OAAO;YAAE;;AAGxB,QAAA,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC;;~~AAG/B~~,IAAA,MAAM,gBAAgB,GAAA;;AAEpB,QAAA,MAAM,cAAc,CAAC,WAAW,CAAC,aAAa,CAAC;QAC/C,IAAI,CAAC,cAAc,EAAE;QACrB,qBAAqB,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;;~~IASpD~~,YAAY,GAAA;QACV,IAAI,CAAC,cAAc,EAAE;;~~IAKvB~~,iBAAiB,GAAA;QACf,IAAI,CAAC,cAAc,EAAE;;~~IAKvB~~,eAAe,GAAA;QACb,IAAI,CAAC,cAAc,EAAE;;IAGf,cAAc,GAAA;QACpB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,aAAa,CAAC;AAC5D,QAAA,OAAO,CAAC,OAAO,CAAC,~~CAAC,~~GAAG,~~KAAI~~;~~YACtB~~,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,MAAM,~~EAAS~~,IAAI,CAAC,IAAI,CAAC;~~YACzD~~,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,YAAY,~~EAAG~~,IAAI,CAAC,SAAS,CAAC;~~YAC9D~~,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC;YAC/D,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,YAAY,~~EAAG~~,IAAI,CAAC,SAAS,CAAC;~~YAC9D~~,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,YAAY,~~EAAG~~,IAAI,CAAC,SAAS,CAAC;~~YAE9D~~,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC;YAC7C,IAAI,CAAC,uBAAuB,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC;AACnD,SAAC,CAAC;;IAOJ,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,kBAAkB,EAAE,IAAI;SACzB;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAE,IAAI,CAAC,YAAY,EAAS,CAAA,CAC1C,CACD;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"stzh-buttongroup.entry.js","sources":["src/components/stzh-buttongroup/stzh-buttongroup.scss?tag=stzh-buttongroup&encapsulation=scoped","src/components/stzh-buttongroup/stzh-buttongroup.tsx"],"sourcesContent":[":host {\n // ::slotted(stzh-button) {\n // z-index: 1;\n // margin-right: -1px;\n\n // &[a11y-disabled]:not([a11y-disabled=\"false\"]) {\n // z-index: 0;\n // }\n\n // &:first-child {\n // --border-radius: #{$buttonBorderRadius 0px 0px $buttonBorderRadius};\n // // --border-width: 1px 0px 1px 1px;\n // }\n\n // &:last-child {\n // --border-radius: #{0px $buttonBorderRadius $buttonBorderRadius 0px};\n // // --border-width: 1px 1px 1px 0px;\n // margin-right: 0;\n // }\n\n // // only one button\n // &:first-child:last-child {\n // // --border-width: 1px;\n // --border-radius: #{$buttonBorderRadius};\n // margin: 0;\n // }\n\n // // when only two buttons\n // &:first-child + stzh-button:last-child {\n // // --border-width: 1px;\n // }\n\n // // buttons in the middle\n // &:not(:first-child):not(:last-child) {\n // --border-radius: 0px;\n // }\n // }\n}\n\n:host([fullwidth]) .stzh-buttongroup {\n width: 100%;\n flex-wrap: wrap;\n}\n\n.stzh-buttongroup {\n position: relative;\n z-index: auto;\n display: flex;\n gap: space(\"xsmall\");\n}\n","import { Component, Host, h, Prop, Watch, Element } from \"@stencil/core\";\n\nimport { StzhButtonSize } from \"../../index\";\n\n/*\n @slot - Slot for buttons\n /\n@Component({\n tag: \"stzh-buttongroup\",\n styleUrl: \"stzh-buttongroup.scss\",\n scoped: true,\n})\nexport class StzhButtongroup {\n @Element() element: HTMLStzhButtongroupElement;\n\n /* Size variant (above all breakpoints) only valid for buttons without own size property /\n @Prop({ reflect: true }) size: StzhButtonSize = \"default\";\n @Prop({ reflect: true }) sizeSmall?: StzhButtonSize;\n @Prop({ reflect: true }) sizeMedium?: StzhButtonSize;\n @Prop({ reflect: true }) sizeLarge?: StzhButtonSize;\n @Prop({ reflect: true }) sizeUltra?: StzhButtonSize;\n\n /* Whether buttongroup is full width /\n @Prop({ reflect: true }) fullwidth?: boolean;\n\n /* Whether buttongroup is rounded */\n @Prop({ reflect: true }) rounded?: boolean;\n\n // \"size-small\" -> \"sizeSmall\"\n private toPropName(attrName: string): string {\n return attrName.replace(/-([a-z])/g, (_, c) => c.toUpperCase());\n }\n\n // If button has its own size property, do not override this property\n private buttonHasOwnSize(btn: Element, attrName: string): boolean {\n const attrVal = btn.getAttribute(attrName);\n const propVal = (btn as any)[this.toPropName(attrName)] as StzhButtonSize \| undefined;\n\n const attrOwn = attrVal !== null && attrVal !== \"default\";\n const propOwn = propVal !== undefined && propVal !== \"default\";\n return attrOwn \|\| propOwn;\n }\n\n private applyDefaultIfMissing(btn: Element, attrName: string, groupVal?: StzhButtonSize) {\n if (groupVal === undefined) return;\n // If button has own size property, do not override this property\n if (this.buttonHasOwnSize(btn, attrName)) return;\n\n // Otherwise set default size attribute (works directly, also before hydration)\n if (btn.getAttribute(attrName) !== groupVal) {\n btn.setAttribute(attrName, groupVal);\n }\n }\n\n private applyFullwidthIfMissing(btn: Element, groupVal?: boolean) {\n if (groupVal !== true) return;\n\n const hasAttr = btn.hasAttribute(\"fullwidth\");\n const propVal = (btn as any).fullwidth as boolean \| undefined;\n\n // Exists property fullwidth buttons overrides buttongroup property fullwidth\n // Property fullwidth === true (button has fullwidth)\n const attrOwn = hasAttr;\n const propOwn = propVal === true;\n\n // If button has own fullwidth property, do not override this property\n if (attrOwn \|\| propOwn) return;\n\n // Otherwise set default fullwidth attribute\n btn.setAttribute(\"fullwidth\", \"\");\n }\n\n private applyRoundedIfMissing(btn: Element, groupVal?: boolean) {\n // Rounded only true if group has rounded property true\n if (groupVal !== true) return;\n\n const hasAttr = btn.hasAttribute(\"rounded\");\n const propVal = (btn as any).rounded as boolean \| undefined;\n\n // Check if property rounded exists on button and if it is true or false\n // If property is true button property rounded ovverided buttonsgroups property rounded\n const attrOwn = hasAttr;\n const propOwn = propVal === true;\n\n // Button > Buttongroup\n if (attrOwn \|\| propOwn) return;\n\n // Otherwise set default rounded attribute\n btn.setAttribute(\"rounded\", \"\");\n }\n\n async componentDidLoad() {\n // Propagate, if button is defined\n await customElements.whenDefined(\"stzh-button\");\n this.propagateSizes();\n requestAnimationFrame(() => this.propagateSizes());\n }\n\n @Watch(\"size\")\n @Watch(\"sizeSmall\")\n @Watch(\"sizeMedium\")\n @Watch(\"sizeLarge\")\n @Watch(\"sizeUltra\")\n onSizeChange() {\n this.propagateSizes();\n }\n\n @Watch(\"fullwidth\")\n onFullwidthChange() {\n this.propagateSizes();\n }\n\n @Watch(\"rounded\")\n onRoundedChange() {\n this.propagateSizes();\n }\n\n private propagateSizes() {\n const buttons = this.element.querySelectorAll(\"stzh-button\");\n buttons.forEach(btn => {\n this.applyDefaultIfMissing(btn, \"size\", this.size);\n this.applyDefaultIfMissing(btn, \"size-small\", this.sizeSmall);\n this.applyDefaultIfMissing(btn, \"size-medium\", this.sizeMedium);\n this.applyDefaultIfMissing(btn, \"size-large\", this.sizeLarge);\n this.applyDefaultIfMissing(btn, \"size-ultra\", this.sizeUltra);\n\n this.applyRoundedIfMissing(btn, this.rounded);\n this.applyFullwidthIfMissing(btn, this.fullwidth);\n });\n }\n\n private onSlotChange = () => {\n this.propagateSizes();\n };\n\n render() {\n const classes = {\n \"stzh-buttongroup\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot onSlotchange={this.onSlotChange}></slot>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/stzh-calendar.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { h, r as registerInstance, c as createEvent, a as Host, d as getElement } from './index-WVDCFmOb.js';
+import { h, r as registerInstance, c as createEvent, a as Host, d as getElement } from './index-Dh5OdFgL.js';
 import { i as isEqual, b as isEqualMonth, g as getViewOfMonth, c as inRange, D as DaysOfWeek, p as parseISODate, d as clamp, a as printISODate, e as addDays, s as startOfWeek, f as endOfWeek, h as setMonth, j as startOfMonth, k as endOfMonth, l as setYear } from './date-utils-Df1Iqnz9.js';
 const StzhCalendarDay = ({ focusedDay, today, day, onDaySelect, onKeyboardNavigation, focusedDayRef, disabled, inRange, isSelected, dateFormatter, }) => {

package/dist/esm/stzh-card-navigation.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-WVDCFmOb.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dh5OdFgL.js';
 import { h as hasSlot, f as formatHeadingForHyphenation } from './utils-BnOofzDv.js';
 import './string-utils-BubviQku.js';

package/dist/esm/stzh-card-searchresult.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-WVDCFmOb.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-Dh5OdFgL.js';
 import { h as hasSlot, f as formatHeadingForHyphenation } from './utils-BnOofzDv.js';
 import './string-utils-BubviQku.js';

package/dist/esm/stzh-card-superteaser.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-WVDCFmOb.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-Dh5OdFgL.js';
 import { h as hasSlot, f as formatHeadingForHyphenation } from './utils-BnOofzDv.js';
 import './string-utils-BubviQku.js';

package/dist/esm/stzh-card_2.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, a as Host, d as getElement } from './index-WVDCFmOb.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, a as Host, d as getElement } from './index-Dh5OdFgL.js';
 import { s as setPropsIfNull, h as hasSlot, f as formatHeadingForHyphenation } from './utils-BnOofzDv.js';
 import './string-utils-BubviQku.js';

package/dist/esm/stzh-carousel.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-WVDCFmOb.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dh5OdFgL.js';
 import { i as isStzhElement } from './utils-BnOofzDv.js';
 import { a as addMediaChangeListener, r as removeMediaChangeListener, m as media } from './media-utils-CUGRmgip.js';
 import './string-utils-BubviQku.js';

package/dist/esm/stzh-chart.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-WVDCFmOb.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Dh5OdFgL.js';
 function ascending$3(a, b) {
   return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;

package/dist/esm/stzh-checkbox.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-WVDCFmOb.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dh5OdFgL.js';
 import { h as hasSlot } from './utils-BnOofzDv.js';
-import { S as StzhInputDescription } from './stzh-input-description-Cl6JJQPg.js';
+import { S as StzhInputDescription } from './stzh-input-description-_jzG16b5.js';
 import './string-utils-BubviQku.js';
 const stzhCheckboxCss = () => `.sc-stzh-checkbox-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-checkbox-h,[stzh-hidden].sc-stzh-checkbox-h{display:none}.sc-stzh-checkbox-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-checkbox-h *.sc-stzh-checkbox,.sc-stzh-checkbox-h *.sc-stzh-checkbox::before,.sc-stzh-checkbox-h *.sc-stzh-checkbox::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-checkbox-h .has-focus.sc-stzh-checkbox{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-checkbox-h .stzh-fylingfocus-focused.sc-stzh-checkbox{outline-style:none !important}.sc-stzh-checkbox-h .stzh-fylingfocus-focused.sc-stzh-checkbox::-moz-focus-inner{border:0 !important}.sc-stzh-checkbox-h{--label-color:var(--stzh-checkbox-label-color, var(--stzh-base-color));--label-hover-color:var(

package/dist/esm/stzh-checkboxgroup.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-WVDCFmOb.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dh5OdFgL.js';
 import { h as hasSlot } from './utils-BnOofzDv.js';
 import { c as camelCase } from './string-utils-BubviQku.js';
-import { S as StzhInputDescription } from './stzh-input-description-Cl6JJQPg.js';
+import { S as StzhInputDescription } from './stzh-input-description-_jzG16b5.js';
 const stzhCheckboxgroupCss = () => `.sc-stzh-checkboxgroup-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-checkboxgroup-h,[stzh-hidden].sc-stzh-checkboxgroup-h{display:none}.sc-stzh-checkboxgroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::before,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::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-checkboxgroup-h .has-focus.sc-stzh-checkboxgroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-checkboxgroup-h .stzh-fylingfocus-focused.sc-stzh-checkboxgroup{outline-style:none !important}.sc-stzh-checkboxgroup-h .stzh-fylingfocus-focused.sc-stzh-checkboxgroup::-moz-focus-inner{border:0 !important}[disabled].sc-stzh-checkboxgroup-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-checkboxgroup__marker-symbol.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-checkboxgroup__marker-text.sc-stzh-checkboxgroup{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-checkboxgroup__description-wrapper.sc-stzh-checkboxgroup{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup{color:var(--stzh-color-error60)}.stzh-checkboxgroup__error-list.sc-stzh-checkboxgroup{list-style:none;margin:0;padding:0}.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-top:0}}.stzh-checkboxgroup__description-long-popover.sc-stzh-checkboxgroup{--width:auto;--max-width:27.3125rem}.stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-checkboxgroup.sc-stzh-checkboxgroup stzh-icon.stzh-checkboxgroup__description-long-icon.sc-stzh-checkboxgroup{--size:var(--stzh-icon-size-xsmall)}.stzh-checkboxgroup--has-error.sc-stzh-checkboxgroup .stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup--has-description.sc-stzh-checkboxgroup .stzh-checkboxgroup__description.sc-stzh-checkboxgroup{margin-top:var(--stzh-space-xxxsmall)}.stzh-checkboxgroup.sc-stzh-checkboxgroup{margin:0;padding:0;border:none}.stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{display:flex;align-items:flex-start;flex-direction:column;gap:var(--stzh-space-medium)}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-heading-color);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-checkboxgroup--hide-legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-checkboxgroup--direction-horizontal.sc-stzh-checkboxgroup .stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{flex-wrap:wrap;flex-direction:row;row-gap:var(--stzh-space-medium);column-gap:var(--stzh-space-xxlarge)}`;

package/dist/esm/stzh-chip_2.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement, F as Fragment } from './index-WVDCFmOb.js';
-import { S as StzhInputDescription } from './stzh-input-description-Cl6JJQPg.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement, F as Fragment } from './index-Dh5OdFgL.js';
+import { S as StzhInputDescription } from './stzh-input-description-_jzG16b5.js';
 const stzhChipCss = () => `.sc-stzh-chip-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-chip-h,[stzh-hidden].sc-stzh-chip-h{display:none}.sc-stzh-chip-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chip-h *.sc-stzh-chip,.sc-stzh-chip-h *.sc-stzh-chip::before,.sc-stzh-chip-h *.sc-stzh-chip::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-chip-h .has-focus.sc-stzh-chip{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chip-h .stzh-fylingfocus-focused.sc-stzh-chip{outline-style:none !important}.sc-stzh-chip-h .stzh-fylingfocus-focused.sc-stzh-chip::-moz-focus-inner{border:0 !important}.sc-stzh-chip-h{--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--border-radius:1rem}@media screen and (min-width: 900px){.sc-stzh-chip-h{--outer-height:auto}}.sc-stzh-chip-h{--color:var(--stzh-chip-color, var(--stzh-color-primary70));--remove-color:var(--color);--remove-border-radius:1.5rem;--background-color:var(--stzh-chip-background-color, var(--stzh-color-secondary30));--icon-size:var(--stzh-icon-size-xsmall);--icon-color:var(--color);--icon-gap:var(--stzh-space-xsmall);--counter-color:var(--color);--counter-gap:var(--stzh-space-xsmall);--hover-color:var(--stzh-chip-hover-color, var(--stzh-color-primary70));--hover-background-color:var(
     --stzh-chip-hover-background-color,
@@ -136,13 +136,13 @@ const StzhChip = class {
 };
 StzhChip.style = stzhChipCss();
-const stzhChipselectCss = () => `.sc-stzh-chipselect-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-chipselect-h,[stzh-hidden].sc-stzh-chipselect-h{display:none}.sc-stzh-chipselect-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chipselect-h *.sc-stzh-chipselect,.sc-stzh-chipselect-h *.sc-stzh-chipselect::before,.sc-stzh-chipselect-h *.sc-stzh-chipselect::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-chipselect-h .has-focus.sc-stzh-chipselect{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect{outline-style:none !important}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect::-moz-focus-inner{border:0 !important}[disabled].sc-stzh-chipselect-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}[active].sc-stzh-chipselect-h:not([active=false]){--background-color:var(
+const stzhChipselectCss = () => `.sc-stzh-chipselect-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-chipselect-h,[stzh-hidden].sc-stzh-chipselect-h{display:none}.sc-stzh-chipselect-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chipselect-h *.sc-stzh-chipselect,.sc-stzh-chipselect-h *.sc-stzh-chipselect::before,.sc-stzh-chipselect-h *.sc-stzh-chipselect::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-chipselect-h .has-focus.sc-stzh-chipselect{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect{outline-style:none !important}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect::-moz-focus-inner{border:0 !important}.sc-stzh-chipselect-h{width:100%}[disabled].sc-stzh-chipselect-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}[active].sc-stzh-chipselect-h:not([active=false]){--background-color:var(
     --stzh-chip-active-background-color,
     var(--stzh-color-primary70)
   )}[active].is-focused.sc-stzh-chipselect-h{--background-color:var(
     --stzh-chip-active-background-color,
     var(--stzh-color-primary70)
-  )}.stzh-chipselect__marker-symbol.sc-stzh-chipselect{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-chipselect__marker-text.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect__description-wrapper.sc-stzh-chipselect{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect__description.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-chipselect__error.sc-stzh-chipselect{color:var(--stzh-color-error60)}.stzh-chipselect__error-list.sc-stzh-chipselect{list-style:none;margin:0;padding:0}.stzh-chipselect__description.sc-stzh-chipselect{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-chipselect__description-long.sc-stzh-chipselect{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-chipselect__description-long.sc-stzh-chipselect{margin-top:0}}.stzh-chipselect__description-long-popover.sc-stzh-chipselect{--width:auto;--max-width:27.3125rem}.stzh-chipselect__description-long-button.sc-stzh-chipselect{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-chipselect.sc-stzh-chipselect stzh-icon.stzh-chipselect__description-long-icon.sc-stzh-chipselect{--size:var(--stzh-icon-size-xsmall)}.stzh-chipselect--has-error.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect--has-description.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect{margin-top:var(--stzh-space-xxxsmall)}.stzh-chipselect__label.sc-stzh-chipselect{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--stzh-heading-color);display:block;margin-bottom:var(--stzh-space-xsmall)}.stzh-chipselect__label.sc-stzh-chipselect:empty{display:none}.stzh-chipselect__marker.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-chipselect__chips.sc-stzh-chipselect{display:flex;align-items:center;flex-wrap:wrap;border-radius:var(--stzh-button-border-radius);gap:var(--stzh-space-medium)}.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:var(--stzh-color-primary90)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:Canvas}}.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:var(--stzh-color-secondary40)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:Highlight}}.stzh-chipselect__dropdown.sc-stzh-chipselect{display:block;width:max-content;--popover-width:max-content;--popover-min-width:100%;--popover-max-width:calc(100vw - 2rem)}.stzh-chipselect--has-error.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect--has-description.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect{margin-top:var(--stzh-space-xsmall)}.stzh-chipselect--has-label-hidden.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__chips.sc-stzh-chipselect,.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{cursor:not-allowed}`;
+  )}[dropdown-on-mobile].sc-stzh-chipselect-h .stzh-chipselect__dropdown.sc-stzh-chipselect{display:block;width:100%}.stzh-chipselect__marker-symbol.sc-stzh-chipselect{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-chipselect__marker-text.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect__description-wrapper.sc-stzh-chipselect{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect__description.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-chipselect__error.sc-stzh-chipselect{color:var(--stzh-color-error60)}.stzh-chipselect__error-list.sc-stzh-chipselect{list-style:none;margin:0;padding:0}.stzh-chipselect__description.sc-stzh-chipselect{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-chipselect__description-long.sc-stzh-chipselect{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-chipselect__description-long.sc-stzh-chipselect{margin-top:0}}.stzh-chipselect__description-long-popover.sc-stzh-chipselect{--width:auto;--max-width:27.3125rem}.stzh-chipselect__description-long-button.sc-stzh-chipselect{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-chipselect.sc-stzh-chipselect stzh-icon.stzh-chipselect__description-long-icon.sc-stzh-chipselect{--size:var(--stzh-icon-size-xsmall)}.stzh-chipselect--has-error.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect--has-description.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect{margin-top:var(--stzh-space-xxxsmall)}.stzh-chipselect.sc-stzh-chipselect{width:100%}.stzh-chipselect__label.sc-stzh-chipselect{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--stzh-heading-color);display:block;margin-bottom:var(--stzh-space-xsmall)}.stzh-chipselect__label.sc-stzh-chipselect:empty{display:none}.stzh-chipselect__marker.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-chipselect__chips.sc-stzh-chipselect{display:flex;align-items:center;flex-wrap:wrap;border-radius:var(--stzh-button-border-radius);gap:var(--stzh-space-medium)}.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:var(--stzh-color-primary90)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:Canvas}}.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:var(--stzh-color-secondary40)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:Highlight}}.stzh-chipselect__dropdown.sc-stzh-chipselect{display:block;width:100%;--popover-width:max-content;--popover-min-width:100%;--popover-max-width:calc(100vw - 2rem)}.stzh-chipselect--has-error.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect--has-description.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect{margin-top:var(--stzh-space-xsmall)}.stzh-chipselect--has-label-hidden.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__chips.sc-stzh-chipselect,.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{cursor:not-allowed}`;
 let chipselectCounter = 0;
 const StzhChipselect = class {
@@ -178,12 +178,9 @@ const StzhChipselect = class {
         this.a11yDescribedby = "";
         this.activeFocusOptionIndex = -1;
         this.isMobile = false;
+        this.skipNextValueRender = false;
         this.handleReset = async () => {
             this.value = this.defaultValue;
-            // this.stzhChange.emit({
-            //   component: "stzh-chipselect",
-            //   value: this.value
-            // });
         };
         this.handleMediaQueryChange = (event) => {
             this.isMobile = event.matches;
@@ -209,32 +206,13 @@ const StzhChipselect = class {
                 value: this.multiple ? this._value : this._value[0],
             });
         };
-        /***
-        private handleDropdownChange = async (event: CustomEvent<StzhDropdownChangeEvent>) => {
-          this.value = Array.isArray(event.detail.value) ? event.detail.value[0] : event.detail.value;
-          this.activeFocusOptionIndex = this._data.findIndex(data => {
-            return data.value === this.value;
-          });
-          await this.waitForNextRender();
-          this.stzhChange.emit({
-            component: "stzh-chipselect",
-            value: this.value,
-          });
-        };
-      */
-        this.handleDropdownChange = async (event) => {
+        this.handleDropdownChange = (event) => {
             const newValue = Array.isArray(event.detail.value) ? event.detail.value : [event.detail.value];
-            this.value = this.multiple ? newValue : newValue[0] || "";
-            this.activeFocusOptionIndex = this._data.findIndex(data => {
-                return data.value === newValue[0];
-            });
-            await this.waitForNextRender();
+            this.skipNextValueRender = true;
+            this.value = this.multiple ? newValue : newValue.length > 0 ? newValue[0] : "";
             this.stzhChange.emit({
                 component: "stzh-chipselect",
-                value: this.multiple ? this._value : this._value[0],
+                value: this.multiple ? newValue : newValue[0],
             });
         };
         this.handleKeydown = (event) => {
@@ -292,20 +270,23 @@ const StzhChipselect = class {
     valueWatcher(newValue) {
         if (typeof newValue === "string") {
             try {
-                const parsedValue = JSON.parse(newValue); // since parsing a number like string (i.e. "1") will return a number and parsing a boolean like string (i.e. "true") will return a boolean we need to check if the parsed value is indeed an array.
+                const parsedValue = JSON.parse(newValue);
                 if (Array.isArray(parsedValue)) {
                     this._value = parsedValue;
                 }
                 else {
-                    this._value = newValue ? [newValue] : [];
+                    this._value = [newValue];
                 }
             }
             catch (ex) {
-                this._value = newValue ? [newValue] : [];
+                this._value = [newValue];
             }
         }
+        else if (Array.isArray(newValue)) {
+            this._value = newValue;
+        }
         else {
-            this._value = newValue ? newValue : [];
+            this._value = [];
         }
     }
     dataWatcher(newValue) {
@@ -348,6 +329,13 @@ const StzhChipselect = class {
             this._error = [];
         }
     }
+    componentShouldUpdate(_newValue, _oldValue, propName) {
+        if (propName === "value" && this.useDropdownOnMobile && this.skipNextValueRender) {
+            this.skipNextValueRender = false;
+            return false;
+        }
+        return true;
+    }
     waitForNextRender() {
         return new Promise(resolve => (this.renderPromiseResolve = resolve));
     }
@@ -364,7 +352,9 @@ const StzhChipselect = class {
         this.dataWatcher(this.data);
         this.errorWatcher(this.error);
         this.valueWatcher(this.value);
-        this.defaultValue = this.defaultValue || this.value;
+        if (this.defaultValue === undefined || this.defaultValue === null) {
+            this.defaultValue = this.value;
+        }
         if (typeof window !== "undefined") {
             this.mediaQuery = window.matchMedia("(max-width: 767px)");
             this.isMobile = this.mediaQuery.matches;
@@ -399,15 +389,15 @@ const StzhChipselect = class {
             "stzh-chipselect--is-required": this.required,
             "stzh-chipselect--has-label-hidden": this.labelHidden,
         };
-        return (h(Host, { key: 'd3828a476cae9ba693874bf9cbc0d91c7d97451d', "is-invalid": this.invalid || errorUsed }, h("div", { key: 'c760e2c56f204cb65f14bb82ef4966d0f7e99e64', class: classes }, !this.useDropdownOnMobile &&
-            (this.multiple ? (h(Fragment, null, this._value.map(value => (h("input", { type: "hidden", name: this.name, value: value }))))) : (h("input", { type: "hidden", name: this.name, value: this.value }))), !this.useDropdownOnMobile && (h("label", { key: '8ce29dfb10381044b377da47547c1880a405483a', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: 'ae208030cbc5b700884c8c3ec8897179d97aa118', class: "stzh-chipselect__marker" }, h("span", { key: '1368d5a17fd0107cad1699aa17214ea8a56b4b70', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: 'c18d887a622e09d5906532cd2ba59afd071cb338', "is-invalid": this.invalid || errorUsed }, h("div", { key: '596945675305b6e960bb486000da4a745d69388a', class: classes }, !this.useDropdownOnMobile &&
+            (this.multiple ? (h(Fragment, null, this._value.map(value => (h("input", { type: "hidden", name: this.name, value: value }))))) : (h("input", { type: "hidden", name: this.name, value: this.value }))), !this.useDropdownOnMobile && (h("label", { key: '80f81df4bbc254cc49e6cd1cafa50cf9529f633a', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '837b5f14e60562735b68d25b1e46402071733c8d', class: "stzh-chipselect__marker" }, h("span", { key: '45b2bbf5945fcde6897531edddbe114a3e6df206', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '6e3651ed560695a8ccbc8dc58ddc02044995db46', class: "stzh-chipselect__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'f0d9e03684e4347806ff5f3d57d09931f88ad0dd', class: "stzh-chipselect__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), this._data.length > 0 && (h(Fragment, { key: '2de0afea85efa0d5b10b04d3c42414b24fdd5b31' }, !this.useDropdownOnMobile ? (h(Fragment, null, h("div", { id: this.id, class: "stzh-chipselect__chips", role: "listbox", tabindex: "0", "aria-multiselectable": this.multiple ? "true" : "false", "aria-activedescendant": activeId, "aria-describedby": `${this.id}-description ${this.a11yDescribedby}`, onKeyDown: this.handleKeydown }, this._data.map((data, index) => (h("stzh-chip", { role: "option", class: {
+            : this.localization.$globals.optionalFieldText))))), this._data.length > 0 && (h(Fragment, { key: '22e192ffadce3b2caec2410c164c833945bce970' }, !this.useDropdownOnMobile ? (h(Fragment, null, h("div", { id: this.id, class: "stzh-chipselect__chips", role: "listbox", tabindex: "0", "aria-multiselectable": this.multiple ? "true" : "false", "aria-activedescendant": activeId, "aria-describedby": `${this.id}-description ${this.a11yDescribedby}`, onKeyDown: this.handleKeydown }, this._data.map((data, index) => (h("stzh-chip", { role: "option", class: {
                 "stzh-chipselect__chip": true,
                 "is-focused": this.activeFocusOptionIndex === index,
-            }, label: data.label, counter: data.counter, icon: data.icon, type: data.type, inverted: data.inverted, variant: data.variant, size: data.size || "small", disabled: this.disabled || data.disabled, active: this._value.includes(data.value) ||
+            }, label: data.label, counter: data.counter, icon: data.icon, variant: data.variant || "filter", inverted: data.inverted, size: data.size || "small", disabled: this.disabled || data.disabled, active: this._value.includes(data.value) ||
                 (!this.multiple && !data.value && (this._value.length === 0 || this._value[0] === "")) ||
                 (!data.value &&
                     this.multiple &&
@@ -417,7 +407,7 @@ const StzhChipselect = class {
                     this.multiple &&
                     (this._value.length === 0 || (this._value.length === 1 && this._value[0] === "")))
                 ? "true"
-                : "false", id: `${this.id}-option-${index}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index) })))), h(StzhInputDescription, { classPrefix: "stzh-chipselect", id: `${this.id}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel }))) : (h("stzh-dropdown", { class: "stzh-chipselect__dropdown", name: this.name, multiple: this.multiple, disabled: this.disabled, error: this._error, description: this.description, descriptionLong: this.descriptionLong, required: this.required, invalid: this.invalid, items: this.multiple ? this._value : this._value[0] ? [this._value[0]] : [], label: this.label, labelHidden: this.labelHidden, options: this._dataDropdown, hideOptional: this.hideOptional, onStzhChange: this.handleDropdownChange })))))));
+                : "false", id: `${this.id}-option-${index}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index) })))), h(StzhInputDescription, { classPrefix: "stzh-chipselect", id: `${this.id}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel }))) : (h("stzh-dropdown", { class: "stzh-chipselect__dropdown", name: this.name, multiple: this.multiple, disabled: this.disabled, error: this._error, description: this.description, descriptionLong: this.descriptionLong, required: this.required, invalid: this.invalid, items: this.multiple ? this._value : this._value.length > 0 ? [this._value[0]] : [], label: this.label, labelHidden: this.labelHidden, options: this._dataDropdown, hideOptional: this.hideOptional, onStzhChange: this.handleDropdownChange })))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-chipgroup.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-WVDCFmOb.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Dh5OdFgL.js';
 const stzhChipgroupCss = () => `.sc-stzh-chipgroup-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-chipgroup-h,[stzh-hidden].sc-stzh-chipgroup-h{display:none}.sc-stzh-chipgroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chipgroup-h *.sc-stzh-chipgroup,.sc-stzh-chipgroup-h *.sc-stzh-chipgroup::before,.sc-stzh-chipgroup-h *.sc-stzh-chipgroup::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-chipgroup-h .has-focus.sc-stzh-chipgroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chipgroup-h .stzh-fylingfocus-focused.sc-stzh-chipgroup{outline-style:none !important}.sc-stzh-chipgroup-h .stzh-fylingfocus-focused.sc-stzh-chipgroup::-moz-focus-inner{border:0 !important}.stzh-chipgroup.sc-stzh-chipgroup{display:flex;gap:var(--stzh-space-medium)}`;

package/dist/esm/stzh-clamp.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-WVDCFmOb.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Dh5OdFgL.js';
 const stzhClampCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-clamp{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}stzh-clamp[hidden],stzh-clamp[stzh-hidden]{display:none}stzh-clamp::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-clamp *,stzh-clamp *::before,stzh-clamp *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-clamp{}stzh-clamp .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-clamp .stzh-fylingfocus-focused{outline-style:none !important}stzh-clamp .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-clamp{--current-lines:var(--lines, 0)}@media screen and (min-width: 600px){stzh-clamp{--current-lines:var(--lines-small, var(--lines, 0))}}@media screen and (min-width: 900px){stzh-clamp{--current-lines:var(--lines-medium, var(--lines-small, var(--lines, 0)))}}@media screen and (min-width: 1260px){stzh-clamp{--current-lines:var(
       --lines-large,

package/dist/esm/stzh-company-logo.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-WVDCFmOb.js';
+import { r as registerInstance, h, a as Host } from './index-Dh5OdFgL.js';
 const stzhCompanyLogoCss = () => `.sc-stzh-company-logo-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-company-logo-h,[stzh-hidden].sc-stzh-company-logo-h{display:none}.sc-stzh-company-logo-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-company-logo-h *.sc-stzh-company-logo,.sc-stzh-company-logo-h *.sc-stzh-company-logo::before,.sc-stzh-company-logo-h *.sc-stzh-company-logo::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-company-logo-h .has-focus.sc-stzh-company-logo{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-company-logo-h .stzh-fylingfocus-focused.sc-stzh-company-logo{outline-style:none !important}.sc-stzh-company-logo-h .stzh-fylingfocus-focused.sc-stzh-company-logo::-moz-focus-inner{border:0 !important}.sc-stzh-company-logo-h.sc-stzh-company-logo-s>*,.sc-stzh-company-logo-h .sc-stzh-company-logo-s>*{width:100%}.stzh-company-logo.sc-stzh-company-logo{padding-top:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){.stzh-company-logo.sc-stzh-company-logo{padding-top:var(--stzh-space-big)}}@media screen and (min-width: 900px){.stzh-company-logo.sc-stzh-company-logo{padding-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.stzh-company-logo.sc-stzh-company-logo{padding-top:var(--stzh-space-huge)}}.stzh-company-logo.sc-stzh-company-logo{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-company-logo.sc-stzh-company-logo{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-company-logo.sc-stzh-company-logo{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-company-logo.sc-stzh-company-logo{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-company-logo.sc-stzh-company-logo{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-company-logo.sc-stzh-company-logo{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-company-logo.sc-stzh-company-logo{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-company-logo.sc-stzh-company-logo{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-company-logo.sc-stzh-company-logo{display:flex;justify-content:flex-end;width:inherit}.stzh-company-logo__image.sc-stzh-company-logo{width:9.375rem}`;