@oiz/stzh-components 2.1.0-alpha → 2.1.0

package/dist/esm/stzh-accordion-item.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as Host, g as getElement
 import { w as waitForEvent } from './event-utils-7a709e21.js';
 import { s as stopAnimations, a as animateTo, b as shimKeyframesHeightAuto } from './animation-utils-25c74e5b.js';
 
-const stzhAccordionItemCss = ".sc-stzh-accordion-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-item-h{display:none}.sc-stzh-accordion-item-h *.sc-stzh-accordion-item,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::before,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-item-h{--trigger-size:1.3125rem;--content-padding:var(--stzh-accordion-content-padding);--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size-small)}.sc-stzh-accordion-item-h .sc-stzh-accordion-item-s>stzh-icon,.stzh-accordion-item__icon.sc-stzh-accordion-item{--size:var(--icon-size)}.stzh-accordion-item__heading.sc-stzh-accordion-item{position:relative;margin:0}.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-accordion-item__button.sc-stzh-accordion-item:hover,.stzh-accordion-item__button.sc-stzh-accordion-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button-text.sc-stzh-accordion-item{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon.sc-stzh-accordion-item{position:relative;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{position:absolute;top:50%;left:50%;content:\"\";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content.sc-stzh-accordion-item{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding:var(--content-padding)}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item{-ms-flex-item-align:start;align-self:flex-start}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item__badge.sc-stzh-accordion-item{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-accordion-item__description.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-accordion-item__description.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-accordion-item__heading.sc-stzh-accordion-item,.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{display:block}.stzh-accordion-item--has-description.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-color-white)}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:var(--stzh-color-grey5);background-color:var(--stzh-color-grey5)}";
+const stzhAccordionItemCss = ".sc-stzh-accordion-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-item-h{display:none}.sc-stzh-accordion-item-h *.sc-stzh-accordion-item,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::before,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-item-h{--trigger-size:1.3125rem;--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size-small)}.sc-stzh-accordion-item-h .sc-stzh-accordion-item-s>stzh-icon,.stzh-accordion-item__icon.sc-stzh-accordion-item{--size:var(--icon-size)}.stzh-accordion-item__heading.sc-stzh-accordion-item{position:relative;margin:0}.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-accordion-item__button.sc-stzh-accordion-item:hover,.stzh-accordion-item__button.sc-stzh-accordion-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-right:var(--stzh-space-xlarge)}}.stzh-accordion-item__button-text.sc-stzh-accordion-item{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon.sc-stzh-accordion-item{position:relative;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{position:absolute;top:50%;left:50%;content:\"\";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content.sc-stzh-accordion-item{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item{-ms-flex-item-align:start;align-self:flex-start}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item__badge.sc-stzh-accordion-item{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-accordion-item__description.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-accordion-item__description.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-accordion-item__heading.sc-stzh-accordion-item,.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{display:block}.stzh-accordion-item--has-description.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-color-white)}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:var(--stzh-color-grey5);background-color:var(--stzh-color-grey5)}";
 
 const ANIMATION_SHOW = {
   keyframes: [
@@ -109,10 +109,10 @@ const StzhAccordionItem = class {
         });
       }
       await stopAnimations(this.bodyElement);
+      this.bodyElement.style.overflow = "hidden";
       await animateTo(this.bodyElement, shimKeyframesHeightAuto(ANIMATION_HIDE.keyframes, this.bodyElement.scrollHeight), ANIMATION_HIDE.options);
       this.bodyElement.hidden = true;
       this.bodyElement.style.height = "0px";
-      this.bodyElement.style.overflow = "hidden";
       if (this.toggledByMethod) {
         this.stzhClosed.emit({
           component: "stzh-accordion-item"

package/dist/esm/stzh-actions.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as Host, g as getElement } from './index-2915b467.js';
 import { s as setPropsIfNull } from './utils-68a28fce.js';
 
-const stzhActionsCss = ".sc-stzh-actions-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-actions-h{display:none}.sc-stzh-actions-h *.sc-stzh-actions,.sc-stzh-actions-h *.sc-stzh-actions::before,.sc-stzh-actions-h *.sc-stzh-actions::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-actions-h .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:1;flex-grow:1;margin:var(--stzh-space-xxsmall)}.stzh-actions__actions.sc-stzh-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:calc(var(--stzh-space-xxsmall) * -1)}@media screen and (min-width: 600px){.stzh-actions__actions.sc-stzh-actions{-ms-flex-direction:row;flex-direction:row}}.stzh-actions__primary-actions.sc-stzh-actions,.stzh-actions__secondary-actions.sc-stzh-actions{display:-ms-flexbox;display:flex}.stzh-actions--dialog.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:end;justify-content:flex-end}.stzh-actions--process.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:justify;justify-content:space-between}.stzh-actions--with-border.sc-stzh-actions{padding-top:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}";
+const stzhActionsCss = ".sc-stzh-actions-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-actions-h{display:none}.sc-stzh-actions-h *.sc-stzh-actions,.sc-stzh-actions-h *.sc-stzh-actions::before,.sc-stzh-actions-h *.sc-stzh-actions::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-actions-h .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:1;flex-grow:1;margin:var(--stzh-space-xxsmall)}.sc-stzh-actions-h[variant=cta] .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h[variant=cta] .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:0;flex-grow:0}.stzh-actions__actions.sc-stzh-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:calc(var(--stzh-space-xxsmall) * -1)}@media screen and (min-width: 600px){.stzh-actions__actions.sc-stzh-actions{-ms-flex-direction:row;flex-direction:row}}.stzh-actions__primary-actions.sc-stzh-actions,.stzh-actions__secondary-actions.sc-stzh-actions{display:-ms-flexbox;display:flex}.stzh-actions--dialog.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:end;justify-content:flex-end}.stzh-actions--process.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:justify;justify-content:space-between}.stzh-actions--has-border.sc-stzh-actions{padding-top:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}";
 
 const StzhActions = class {
   constructor(hostRef) {
@@ -35,7 +35,7 @@ const StzhActions = class {
   render() {
     const classes = {
       "stzh-actions": true,
-      "stzh-actions--with-border": this.withBorder,
+      "stzh-actions--has-border": this.withBorder,
       [`stzh-actions--${this.variant}`]: !!this.variant
     };
     return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-actions__actions", role: "list" }, h("div", { class: "stzh-actions__secondary-actions" }, h("slot", { name: "secondary" })), h("div", { class: "stzh-actions__primary-actions" }, h("slot", { name: "primary" }))))));

package/dist/esm/stzh-anchornav.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as Host } from './index-2915b467.js';
 
-const stzhAnchornavCss = ".sc-stzh-anchornav-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-anchornav-h{display:none}.sc-stzh-anchornav-h *.sc-stzh-anchornav,.sc-stzh-anchornav-h *.sc-stzh-anchornav::before,.sc-stzh-anchornav-h *.sc-stzh-anchornav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-anchornav-h{--columns:1;width:100%}[columns=\"1\"].sc-stzh-anchornav-h{--columns:1}[columns=\"2\"].sc-stzh-anchornav-h{--columns:2}[columns=\"3\"].sc-stzh-anchornav-h{--columns:3}[columns=\"4\"].sc-stzh-anchornav-h{--columns:4}[columns=\"5\"].sc-stzh-anchornav-h{--columns:5}@media screen and (min-width: 600px){[columns-small=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 600px){[columns-small=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 600px){[columns-small=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 600px){[columns-small=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 600px){[columns-small=\"5\"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 800px){[columns-smallheader=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 800px){[columns-smallheader=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 800px){[columns-smallheader=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 800px){[columns-smallheader=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 800px){[columns-smallheader=\"5\"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1024px){[columns-medium=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1024px){[columns-medium=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1024px){[columns-medium=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1024px){[columns-medium=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1024px){[columns-medium=\"5\"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1260px){[columns-large=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1260px){[columns-large=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1260px){[columns-large=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1260px){[columns-large=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1260px){[columns-large=\"5\"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1440px){[columns-ultra=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1440px){[columns-ultra=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1440px){[columns-ultra=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1440px){[columns-ultra=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1440px){[columns-ultra=\"5\"].sc-stzh-anchornav-h{--columns:5}}.stzh-anchornav.sc-stzh-anchornav{-moz-column-count:var(--columns);-webkit-column-count:var(--columns);column-count:var(--columns)}.stzh-anchornav__list.sc-stzh-anchornav{margin:calc(var(--stzh-space-xxsmall) / -2)}.stzh-anchornav__item.sc-stzh-anchornav{padding:calc(var(--stzh-space-xxsmall))}.stzh-anchornav--has-border.sc-stzh-anchornav{padding:calc(var(--stzh-space-small)) 0;border-top:0.0625rem solid var(--stzh-base-border-color);border-bottom:0.0625rem solid var(--stzh-base-border-color)}";
+const stzhAnchornavCss = ".sc-stzh-anchornav-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-anchornav-h{display:none}.sc-stzh-anchornav-h *.sc-stzh-anchornav,.sc-stzh-anchornav-h *.sc-stzh-anchornav::before,.sc-stzh-anchornav-h *.sc-stzh-anchornav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-anchornav-h{--columns:1;width:100%}[columns=\"1\"].sc-stzh-anchornav-h{--columns:1}[columns=\"2\"].sc-stzh-anchornav-h{--columns:2}[columns=\"3\"].sc-stzh-anchornav-h{--columns:3}[columns=\"4\"].sc-stzh-anchornav-h{--columns:4}[columns=\"5\"].sc-stzh-anchornav-h{--columns:5}@media screen and (min-width: 600px){[columns-small=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 600px){[columns-small=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 600px){[columns-small=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 600px){[columns-small=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 600px){[columns-small=\"5\"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 800px){[columns-smallheader=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 800px){[columns-smallheader=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 800px){[columns-smallheader=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 800px){[columns-smallheader=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 800px){[columns-smallheader=\"5\"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1024px){[columns-medium=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1024px){[columns-medium=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1024px){[columns-medium=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1024px){[columns-medium=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1024px){[columns-medium=\"5\"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1260px){[columns-large=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1260px){[columns-large=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1260px){[columns-large=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1260px){[columns-large=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1260px){[columns-large=\"5\"].sc-stzh-anchornav-h{--columns:5}}@media screen and (min-width: 1440px){[columns-ultra=\"1\"].sc-stzh-anchornav-h{--columns:1}}@media screen and (min-width: 1440px){[columns-ultra=\"2\"].sc-stzh-anchornav-h{--columns:2}}@media screen and (min-width: 1440px){[columns-ultra=\"3\"].sc-stzh-anchornav-h{--columns:3}}@media screen and (min-width: 1440px){[columns-ultra=\"4\"].sc-stzh-anchornav-h{--columns:4}}@media screen and (min-width: 1440px){[columns-ultra=\"5\"].sc-stzh-anchornav-h{--columns:5}}.stzh-anchornav.sc-stzh-anchornav{-moz-column-count:var(--columns);-webkit-column-count:var(--columns);column-count:var(--columns)}.stzh-anchornav__list.sc-stzh-anchornav{margin:calc(var(--stzh-space-xxsmall) / -2)}.stzh-anchornav__item.sc-stzh-anchornav{--text-decoration:none;--hover-text-decoration:underline;padding:calc(var(--stzh-space-xxsmall))}.stzh-anchornav--has-border.sc-stzh-anchornav{padding:calc(var(--stzh-space-small)) 0;border-top:0.0625rem solid var(--stzh-base-border-color);border-bottom:0.0625rem solid var(--stzh-base-border-color)}";
 
 const StzhAnchornav = class {
   constructor(hostRef) {
@@ -37,7 +37,7 @@ const StzhAnchornav = class {
       "stzh-anchornav": true,
       "stzh-anchornav--has-border": this.withBorder
     };
-    return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-anchornav__list", role: "list" }, this._items.map((item) => h("stzh-link", { class: "stzh-anchornav__item", role: "listitem", fullwidth: true, "text-align": "left", href: item.href, icon: item.icon || "angle-right", onClick: (e) => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2 }, item.label)))))));
+    return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-anchornav__list", role: "list" }, this._items.map((item) => h("stzh-link", { class: "stzh-anchornav__item", role: "listitem", fullwidth: true, "text-align": "left", href: item.href, icon: item.icon || "angle-right", size: "small", onClick: (e) => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2 }, item.label)))))));
   }
   static get watchers() { return {
     "items": ["appointmentsWatcher"]

package/dist/esm/stzh-appointments.entry.js

@@ -177,7 +177,7 @@ const StzhAppointments = class {
   async componentWillLoad() {
     this.appointmentsWatcher(this.appointments);
     if (!this.localization) {
-      this.localization = await fetchTranslations(this.element, 'appointments');
+      this.localization = await fetchTranslations(this.element, "appointments");
     }
     if (!this.dateAdapter) {
       this.dateAdapter = createGlobalAdapter(this.localization.$formats, this.localization.$globals);

package/dist/esm/stzh-badge_3.entry.js

@@ -81,6 +81,7 @@ const StzhButton = class {
     this.value = "";
     this.href = "";
     this.target = "";
+    this.download = undefined;
     this.type = "button";
     this.disabled = false;
     this.active = false;
@@ -127,7 +128,7 @@ const StzhButton = class {
       [`stzh-button--${this.variant}`]: !!this.variant
     };
     return (h(Host, null, this.href ?
-      h("a", { ref: (el) => (this.button = el), href: this.disabled ? null : this.href, target: this.target, class: classes, "aria-label": this.a11yLabel, "aria-describedby": this.a11yDescribedby, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))
+      h("a", { ref: (el) => (this.button = el), href: this.disabled ? null : this.href, download: this.download, target: this.target, class: classes, "aria-label": this.a11yLabel, "aria-describedby": this.a11yDescribedby, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))
       :
         this.type === "radio" ?
           h("label", { ref: (el) => (this.button = el), class: classes, onClick: this.onClick }, h("input", { ref: (el) => (this.input = el), type: "radio", class: "stzh-button__input", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, "aria-label": this.a11yLabel, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, onInput: this.onInput }), this.renderInner(iconUsed))