npm - @oiz/stzh-components - Versions diffs - 4.12.1 → 4.13.0-beta1 - Mend

@oiz/stzh-components 4.12.1 → 4.13.0-beta1

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 (1081) hide show

package/dist/cjs/stzh-socialmediastream.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 var mediaUtils = require('./media-utils-BdBH0gZ3.js');
-var utils = require('./utils-BtvTjHH2.js');
+var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 var MiniMasonry = function(conf) {
@@ -320,7 +320,7 @@ const StzhSocialmediastream = class {
             "stzh-socialmediastream": true,
             "stzh-socialmediastream--has-heading": headingSlotUsed || !!this.heading,
         };
-        return (index.h(index.Host, { key: 'f569eff1f40fbd41f7cc192848deea3a80466f0d' }, index.h("div", { key: '169c0bcd190e16490a9fbdfafdc8e04ba5c54010', class: classes }, index.h("div", { key: 'ba73795d7b18c5d837a06942d085bf32d210ac21', class: "stzh-socialmediastream__heading" }, !!this.heading ? (index.h("stzh-heading", { level: this.headingLevel }, this.heading)) : (index.h("slot", { name: "heading" }))), index.h("div", { key: 'f8405317298a58d5ce776789e1180307683fe9c8', class: "stzh-socialmediastream__items" }, this._items &&
+        return (index.h(index.Host, { key: '576567016fa79333a61b8a1b9e6809de8ff1363c' }, index.h("div", { key: '7703cf289db4fdd8ae4f6a6b45e220841a9701c8', class: classes }, index.h("div", { key: 'e1c74750068fddf4f5c77a4a00039842b4272573', class: "stzh-socialmediastream__heading" }, !!this.heading ? (index.h("stzh-heading", { level: this.headingLevel }, this.heading)) : (index.h("slot", { name: "heading" }))), index.h("div", { key: '6f8d7c6775574e8962c8508fc0cc3a678a63745b', class: "stzh-socialmediastream__items" }, this._items &&
             this._items.length &&
             this._items.map(item => (index.h("stzh-socialmediastream-item", { class: "stzh-socialmediastream__item", item: item })))))));
     }

package/dist/cjs/stzh-stepper-item.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 const stzhStepperItemCss = () => `.sc-stzh-stepper-item-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-stepper-item-h,[stzh-hidden].sc-stzh-stepper-item-h{display:none}.sc-stzh-stepper-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-stepper-item-h *.sc-stzh-stepper-item,.sc-stzh-stepper-item-h *.sc-stzh-stepper-item::before,.sc-stzh-stepper-item-h *.sc-stzh-stepper-item::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-stepper-item-h .has-focus.sc-stzh-stepper-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-stepper-item-h .stzh-fylingfocus-focused.sc-stzh-stepper-item{outline-style:none !important}.sc-stzh-stepper-item-h .stzh-fylingfocus-focused.sc-stzh-stepper-item::-moz-focus-inner{border:0 !important}[hide].sc-stzh-stepper-item-h{display:none}.stzh-stepper-item.sc-stzh-stepper-item{text-align:center}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__button.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__unclickable.sc-stzh-stepper-item{appearance:none;font-family:inherit;background-color:transparent;border:none}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__button.sc-stzh-stepper-item{cursor:pointer}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__unclickable.sc-stzh-stepper-item{cursor:default;pointer-events:none}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{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-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-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-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{position:relative;display:inline-flex;justify-content:center;align-items:center;width:2.1875rem;height:2.1875rem;border:0.0625rem solid transparent;text-align:center;box-sizing:border-box;transition-property:color, border-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{width:2.625rem;height:2.625rem;margin-bottom:var(--stzh-space-large)}}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{transition:none}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{display:none;content:"";position:absolute;top:1rem;right:2.125rem;width:100vw;height:0.0625rem;z-index:-2;overflow:hidden}@media screen and (min-width: 600px){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{top:1.25rem;right:2.5625rem}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::after,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item::after{content:"";z-index:0;position:absolute;display:block;width:100%;height:100%;top:0;left:0;transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::after,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item::after{transition:none}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__label-block.sc-stzh-stepper-item{display:block;font-size:0.875rem;line-height:1.28;padding:var(--stzh-space-xxsmall) var(--stzh-space-small);letter-spacing:0.01em;transition:color var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 599px){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__label-block.sc-stzh-stepper-item{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__label-block.sc-stzh-stepper-item{transition:none}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__icon.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__user-icon.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{z-index:1;position:relative;color:currentColor}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__icon.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__user-icon.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{forced-color-adjust:preserve-parent-color}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__icon.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__user-icon.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{--size:var(--stzh-icon-size-xsmall);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:currentColor}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__user-icon.sc-stzh-stepper-item{--size:var(--stzh-icon-size-small)}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item{z-index:1;appearance:none;font-family:inherit;position:absolute;top:0.1875rem;width:1.6875rem;height:1.6875rem;background-color:var(--stzh-color-grey20);border:0.0625rem solid transparent;cursor:pointer;transition-property:color, border-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item{transition:none;color:ButtonText;border-color:ButtonBorder;background-color:ButtonFace}}.stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item:is(:hover,.sc-stzh-stepper-item:focus){border-color:var(--stzh-color-grey20);cursor:default}@media (forced-colors: active){.stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item:is(:hover,.sc-stzh-stepper-item:focus){color:HighlightText;border-color:Highlight;background-color:Highlight}}.stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item:is(:hover,.sc-stzh-stepper-item:focus)::after{background-color:var(--stzh-color-grey20)}@media (forced-colors: active){.stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item:is(:hover,.sc-stzh-stepper-item:focus)::after{background-color:Highlight}}.stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item:is(:hover,.sc-stzh-stepper-item:focus) .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item:is(:hover,.sc-stzh-stepper-item:focus) .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{color:HighlightText}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item{cursor:default}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item{color:CanvasText;border-color:CanvasText;background-color:Canvas}}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{color:CanvasText}}.stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item:where(:hover,.sc-stzh-stepper-item:focus){border-color:var(--stzh-base-border-color);cursor:default}@media (forced-colors: active){.stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item:where(:hover,.sc-stzh-stepper-item:focus){color:CanvasText;border-color:CanvasText;background-color:Canvas}}.stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item:where(:hover,.sc-stzh-stepper-item:focus)::after{background-color:inherit}@media (forced-colors: active){.stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item:where(:hover,.sc-stzh-stepper-item:focus)::after{background-color:Canvas}}.stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item:where(:hover,.sc-stzh-stepper-item:focus) .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item:where(:hover,.sc-stzh-stepper-item:focus) .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{color:CanvasText}}@media screen and (min-width: 600px){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item{top:0.3125rem;width:1.9375rem;height:1.9375rem}}.stzh-stepper-item.sc-stzh-stepper-item{--base-line-color:var(--stzh-base-border-color);--base-item-text-color:var(--stzh-color-primary);--base-item-border-color:var(--stzh-color-secondary20);--base-item-background-color:var(--stzh-color-secondary20);--base-label-text-color:var(--stzh-color-grey80);--inert-item-text-color:var(--stzh-color-primary);--inert-item-border-color:var(--stzh-color-grey20);--inert-item-background-color:var(--stzh-color-grey20);--inert-label-text-color:var(--stzh-color-grey80);--hover-item-text-color:var(--base-item-text-color);--hover-item-border-color:var(--stzh-color-secondary40);--hover-item-background-color:var(--stzh-color-secondary40);--hover-label-text-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item{--base-line-color:CanvasText;--base-item-text-color:ButtonText;--base-item-border-color:ButtonBorder;--base-item-background-color:ButtonFace;--base-label-text-color:ButtonText;--inert-item-text-color:CanvasText;--inert-item-border-color:CanvasText;--inert-item-background-color:Canvas;--inert-label-text-color:CanvasText;--hover-item-text-color:HighlightText;--hover-item-border-color:Highlight;--hover-item-background-color:Highlight;--hover-label-text-color:Highlight}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__unclickable.sc-stzh-stepper-item{--line-color:var(--base-line-color);--item-text-color:var(--inert-item-text-color);--item-border-color:var(--inert-item-border-color);--item-background-color:var(--inert-item-background-color);--label-text-color:var(--inert-label-text-color)}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__button.sc-stzh-stepper-item{--line-color:var(--base-line-color);--item-text-color:var(--base-item-text-color);--item-border-color:var(--base-item-border-color);--item-background-color:var(--base-item-background-color);--label-text-color:var(--base-label-text-color)}.stzh-stepper-item .stzh-stepper-item__button.sc-stzh-stepper-item:is(:hover,.sc-stzh-stepper-item:focus){--item-text-color:var(--hover-item-text-color);--item-border-color:var(--hover-item-border-color);--item-background-color:var(--hover-item-background-color);--label-text-color:var(--hover-label-text-color)}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__label-block.sc-stzh-stepper-item{color:var(--label-text-color)}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{color:var(--item-text-color);border-color:var(--item-border-color);background-color:var(--item-background-color)}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{background-color:var(--line-color)}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::after{background-color:var(--item-background-color)}.stzh-stepper-item.stzh-stepper-item--first.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before,.stzh-stepper-item.stzh-stepper-item--last.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{display:block}.stzh-stepper-item.stzh-stepper-item--first.sc-stzh-stepper-item{position:relative}.stzh-stepper-item.stzh-stepper-item--first.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item{left:50%;transform:translateX(-50%)}.stzh-stepper-item.stzh-stepper-item--first.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{z-index:1}.stzh-stepper-item.stzh-stepper-item--last.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item{right:calc(100% / var(--steps) - (0.84375rem))}@media screen and (min-width: 600px){.stzh-stepper-item.stzh-stepper-item--last.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item{right:calc(100% / var(--steps) - (0.96875rem))}}.stzh-stepper-item.stzh-stepper-item--passed.sc-stzh-stepper-item{--base-line-color:var(--base-item-background-color);--base-item-text-color:var(--stzh-color-white);--base-item-border-color:var(--stzh-color-secondary60);--base-item-background-color:var(--stzh-color-secondary60);--base-label-text-color:var(--stzh-color-primary);--inert-item-text-color:var(--base-item-text-color);--inert-item-border-color:var(--base-item-border-color);--inert-item-background-color:var(--base-item-background-color);--inert-label-text-color:var(--base-item-background-color);--hover-item-text-color:var(--base-item-text-color);--hover-item-border-color:var(--stzh-color-secondary70);--hover-item-background-color:var(--stzh-color-secondary70);--hover-label-text-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-stepper-item.stzh-stepper-item--passed.sc-stzh-stepper-item{--base-item-text-color:SelectedItemText;--base-item-border-color:SelectedItem;--base-item-background-color:SelectedItem;--base-label-text-color:SelectedItem;--hover-item-text-color:HighlightText;--hover-item-border-color:Highlight;--hover-item-background-color:Highlight;--hover-label-text-color:Highlight}}.stzh-stepper-item.stzh-stepper-item--passed.sc-stzh-stepper-item .stzh-stepper-item__label-block.sc-stzh-stepper-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-stepper-item.stzh-stepper-item--passed.sc-stzh-stepper-item:not(.stzh-stepper-item--passed-incomplete) .stzh-stepper-item__number.sc-stzh-stepper-item{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-stepper-item.stzh-stepper-item--current.sc-stzh-stepper-item{--base-line-color:var(--base-item-background-color);--base-item-text-color:var(--stzh-color-white);--base-item-border-color:var(--stzh-color-primary);--base-item-background-color:var(--stzh-color-primary);--base-label-text-color:var(--base-item-background-color);--inert-item-text-color:var(--base-item-text-color);--inert-item-border-color:var(--base-item-border-color);--inert-item-background-color:var(--base-item-background-color);--inert-label-text-color:var(--base-item-background-color);--hover-item-text-color:var(--base-item-text-color);--hover-item-border-color:var(--stzh-color-primary-hover);--hover-item-background-color:var(--stzh-color-primary-hover);--hover-label-text-color:var(--hover-item-background-color)}@media (forced-colors: active){.stzh-stepper-item.stzh-stepper-item--current.sc-stzh-stepper-item{--base-item-text-color:SelectedItemText;--base-item-border-color:SelectedItem;--base-item-background-color:SelectedItem;--base-label-text-color:SelectedItem;--hover-item-text-color:HighlightText;--hover-item-border-color:Highlight;--hover-item-background-color:Highlight;--hover-label-text-color:Highlight}}.stzh-stepper-item.stzh-stepper-item--current.sc-stzh-stepper-item .stzh-stepper-item__label-block.sc-stzh-stepper-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-stepper-item.stzh-stepper-item--current.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{z-index:-1;display:block}.stzh-stepper-item.stzh-stepper-item--is-disabled.sc-stzh-stepper-item{--base-item-text-color:var(--stzh-color-white);--base-item-border-color:var(--stzh-color-grey60);--base-item-background-color:var(--stzh-color-grey60);--base-label-text-color:var(--stzh-color-grey80);--inert-item-text-color:var(--base-item-text-color);--inert-item-border-color:var(--base-item-border-color);--inert-item-background-color:var(--base-item-background-color);--inert-label-text-color:var(--base-label-text-color);--hover-item-text-color:var(--base-item-text-color);--hover-item-border-color:var(--base-item-border-color);--hover-item-background-color:var(--base-item-background-color);--hover-label-text-color:var(--base-label-text-color)}@media (forced-colors: active){.stzh-stepper-item.stzh-stepper-item--is-disabled.sc-stzh-stepper-item{--base-item-text-color:GrayText;--base-item-border-color:GrayText;--base-item-background-color:Canvas;--base-label-text-color:GrayText;--hover-item-text-color:var(--base-item-text-color);--hover-item-border-color:var(--base-item-border-color);--hover-item-background-color:var(--base-item-background-color);--hover-label-text-color:var(--base-label-text-color)}}.stzh-stepper-item.stzh-stepper-item--is-disabled.sc-stzh-stepper-item .stzh-stepper-item__button.sc-stzh-stepper-item{cursor:not-allowed}.stzh-stepper-item.stzh-stepper-item--first.sc-stzh-stepper-item{--base-line-color:var(--stzh-color-white)}@media (forced-colors: active){.stzh-stepper-item.stzh-stepper-item--first.sc-stzh-stepper-item{--base-line-color:Canvas}}.stzh-stepper-item.stzh-stepper-item--first.stzh-stepper-item--dotted.sc-stzh-stepper-item .stzh-stepper-item__label-block.sc-stzh-stepper-item{display:none}.stzh-stepper-item.stzh-stepper-item--first.stzh-stepper-item--dotted.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{position:relative;z-index:0;top:0.3125rem;width:1.6875rem;height:1.6875rem;margin-bottom:0;border:none;background-color:transparent}@media screen and (min-width: 600px){.stzh-stepper-item.stzh-stepper-item--first.stzh-stepper-item--dotted.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{top:0.5rem;width:1.9375rem;height:1.9375rem}}.stzh-stepper-item.stzh-stepper-item--first.stzh-stepper-item--dotted.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{top:0.75rem;right:1.625rem}@media screen and (min-width: 600px){.stzh-stepper-item.stzh-stepper-item--first.stzh-stepper-item--dotted.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{top:0.8125rem;right:1.875rem}}.stzh-stepper-item.stzh-stepper-item--first.stzh-stepper-item--dotted.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::after{display:none}.stzh-stepper-item.stzh-stepper-item--first.stzh-stepper-item--dotted.sc-stzh-stepper-item .stzh-stepper-item__button.sc-stzh-stepper-item{padding-left:0;padding-right:0}`;
@@ -65,9 +65,9 @@ const StzhStepperItem = class {
             "stzh-stepper-item--passed": this.passed,
             "stzh-stepper-item--passed-incomplete": this.passed && this.incomplete,
         };
-        const dotted = (index.h("span", { key: '9edca7be9297c15bb8dcd79d237539de201676c7' }, !this.clickDisabled ? (index.h("button", { class: "stzh-stepper-item__dotted", onClick: this.onDottedClick }, index.h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" }))) : (index.h("div", { class: "stzh-stepper-item__dotted stzh-stepper-item__dotted--disabled" }, index.h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" })))));
-        const content = (index.h("span", { key: '6b0b9a5c5de1d5b00b2d964e5065769e2c16a136' }, index.h("span", { key: '14862078e6a7c6ac14c3b53875daada325b32762', class: "stzh-stepper-item__number-block" }, this.icon ? (index.h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (index.h("span", null, index.h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (index.h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), index.h("span", { key: 'e3b194b2c36122d9be4653e1ebcacd4fbf4fb466', ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : index.h("slot", null))));
-        return (index.h(index.Host, { key: 'cd0072da45b67520a8617ff7fdd8eb180646903a', role: "listitem" }, index.h("div", { key: 'cae12a150b641dda90687d3c73c7e3a2a7f1206f', class: classes }, this.last && this.dotted && dotted, this.clickDisabled ? (index.h("div", { class: "stzh-stepper-item__unclickable", "aria-pressed": this.current ? "true" : "false" }, content)) : (index.h("button", { ref: el => (this.button = el), class: "stzh-stepper-item__button", "aria-pressed": this.current ? "true" : "false", disabled: (this.dotted && this.first) || this.disabled, onClick: this.onClick }, index.h("span", { class: "stzh-stepper-item__number-block" }, this.icon ? (index.h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (index.h(index.Fragment, null, index.h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (index.h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), index.h("span", { ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : index.h("slot", null)))), this.first && this.dotted && dotted)));
+        const dotted = (index.h("span", { key: '6189f4838f18c89c08894c16257485b24bc05de1' }, !this.clickDisabled ? (index.h("button", { class: "stzh-stepper-item__dotted", onClick: this.onDottedClick }, index.h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" }))) : (index.h("div", { class: "stzh-stepper-item__dotted stzh-stepper-item__dotted--disabled" }, index.h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" })))));
+        const content = (index.h("span", { key: 'b4395b3abd6297ddf7b894c07b1cb170b255f083' }, index.h("span", { key: '018a92abe41dadb86b36251580d346cd24849881', class: "stzh-stepper-item__number-block" }, this.icon ? (index.h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (index.h("span", null, index.h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (index.h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), index.h("span", { key: 'b9369255ef299a08df7a9c440ce53ac70f7327d7', ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : index.h("slot", null))));
+        return (index.h(index.Host, { key: '49ad7c0997a290425d16f6cd9e8819e183c4c3ec', role: "listitem" }, index.h("div", { key: 'd5a4738c3c7da576a0dea3941226a950494def2d', class: classes }, this.last && this.dotted && dotted, this.clickDisabled ? (index.h("div", { class: "stzh-stepper-item__unclickable", "aria-pressed": this.current ? "true" : "false" }, content)) : (index.h("button", { ref: el => (this.button = el), class: "stzh-stepper-item__button", "aria-pressed": this.current ? "true" : "false", disabled: (this.dotted && this.first) || this.disabled, onClick: this.onClick }, index.h("span", { class: "stzh-stepper-item__number-block" }, this.icon ? (index.h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (index.h(index.Fragment, null, index.h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (index.h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), index.h("span", { ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : index.h("slot", null)))), this.first && this.dotted && dotted)));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-stepper.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 var mediaUtils = require('./media-utils-BdBH0gZ3.js');
 const stzhStepperCss = () => `.sc-stzh-stepper-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-stepper-h,[stzh-hidden].sc-stzh-stepper-h{display:none}.sc-stzh-stepper-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-stepper-h *.sc-stzh-stepper,.sc-stzh-stepper-h *.sc-stzh-stepper::before,.sc-stzh-stepper-h *.sc-stzh-stepper::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-stepper-h .has-focus.sc-stzh-stepper{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-stepper-h .stzh-fylingfocus-focused.sc-stzh-stepper{outline-style:none !important}.sc-stzh-stepper-h .stzh-fylingfocus-focused.sc-stzh-stepper::-moz-focus-inner{border:0 !important}.sc-stzh-stepper-h{min-width:calc(var(--steps) * 1.6875rem * 2)}@media screen and (min-width: 600px){.sc-stzh-stepper-h{min-width:calc(var(--steps) * 1.9375rem * 2)}}.stzh-stepper.sc-stzh-stepper{position:relative;z-index:0;overflow:hidden}.stzh-stepper__items.sc-stzh-stepper{display:flex;flex-wrap:nowrap}.stzh-stepper__item.sc-stzh-stepper{flex-grow:1;flex-shrink:1;flex-basis:0}`;
@@ -184,13 +184,13 @@ const StzhStepper = class {
             "stzh-stepper": true,
             [`stzh-stepper--index-${this.index}`]: !!this.index,
         };
-        return (index.h(index.Host, { key: '14aace3ba2481f10966df3ba4c2df8c2998cb71f', style: {
+        return (index.h(index.Host, { key: '715de95f3d978e3b1672b0bd14f9b254b00e9fb8', style: {
                 "--steps": this.currentSteps ? this.currentSteps.toString() : null,
-            } }, index.h("div", { key: '13308bcf9d97fedca884252aefd2e5f0aa08591a', class: classes }, index.h("div", { key: '04733611bfa3d6c0c8c4d0fba3cb49fd51db7637', class: "stzh-stepper__items", role: "list", "aria-label": this.localization.label }, this._data.map((step, index$1) => (index.h("stzh-stepper-item", Object.assign({}, this.getItemAttributes(index$1), { icon: step.icon, disabled: step.disabled, label: step.label, "click-disabled": step.clickDisabled !== undefined ? step.clickDisabled : this.clickDisabled, onStzhClick: (e) => {
+            } }, index.h("div", { key: 'cc692317681d4091ca2ada44bfe36e026563b493', class: classes }, index.h("div", { key: '301fb51464dd6bb24df57d249b1678957dbb42c2', class: "stzh-stepper__items", role: "list", "aria-label": this.localization.label }, this._data.map((step, index$1) => (index.h("stzh-stepper-item", Object.assign({}, this.getItemAttributes(index$1), { icon: step.icon, disabled: step.disabled, label: step.label, "click-disabled": step.clickDisabled !== undefined ? step.clickDisabled : this.clickDisabled, onStzhClick: (e) => {
                 this.handleStepClick(e);
             }, onStzhDottedClick: (e) => {
                 this.handleStepClick(e);
-            }, class: "stzh-stepper__item" })))), index.h("slot", { key: 'c4a8d8d8f8510715ee9c8081991d5a41661a5d58' })))));
+            }, class: "stzh-stepper__item" })))), index.h("slot", { key: 'da64437113179d3ce79e9ce16ffdc37422e76eb8' })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-sticky-actions.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 var throttle = require('./throttle-CzSJAuaE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var utils = require('./utils-CjJm84Uq.js');
 require('./_commonjsHelpers-B83fTs8d.js');
 require('./debounce-GY_Ib4qM.js');
 require('./string-utils-BhUgGAtN.js');
@@ -70,7 +70,7 @@ const StzhStickyActions = class {
             "has-active-scrollup": this.hasActiveScrollup,
             "is-not-slotted": !this.isSlotted,
         };
-        return (index.h(index.Host, { key: '2901bb758c042ddfe83fd7dafc83c29c5bc38145' }, index.h("div", { key: '18ed9ff3d57382a950bf5aea1574ac91ae4e9fb5', class: classes, "data-stzh-sticky-width-container": true }, index.h("stzh-sticky", { key: 'ef1cf3a143f8b30aa58c7c0d2cb9f83511c9dddc', name: "actions", class: "stzh-sticky-actions__sticky", position: "fixed", variant: "transparent", disableStickyTop: true }, index.h("div", { key: '0c953a8562a89f509ee61ad6e0e189103df13443', class: "stzh-sticky-actions__container" }, index.h("div", { key: 'aef3a0ad90a9f2a87f15751cf2e8a0f574d7e10c', class: "stzh-sticky-actions__chat-wrapper" }, index.h("slot", { key: '61f244e13f1efe4b4b4fde7081ac409eb7ff264d', name: "chat", onSlotchange: () => index.forceUpdate(this.element) })), index.h("div", { key: '91b68b1059b0cacf2abfb808c5675c50b1cc4f3c', ref: el => (this.scrollupElement = el), class: "stzh-sticky-actions__scrollup-wrapper" }, index.h("slot", { key: '9dd2b97f8f1ccb09d2326337616488b4cd09c993', name: "scrollup", onSlotchange: () => index.forceUpdate(this.element) })))))));
+        return (index.h(index.Host, { key: '94b4336a140150011cdfb23fa544bd42ff5acb24' }, index.h("div", { key: '8c000b622c56a8e1081996676a5422f0f83b067c', class: classes, "data-stzh-sticky-width-container": true }, index.h("stzh-sticky", { key: 'ea5e6717defda2a9d7bf05c8a4b1c507c4243c33', name: "actions", class: "stzh-sticky-actions__sticky", position: "fixed", variant: "transparent", disableStickyTop: true }, index.h("div", { key: '1b21cbfbc4e135dd77fd1a8ecc1e14ff9b5930f3', class: "stzh-sticky-actions__container" }, index.h("div", { key: 'f0fa72882a172c69786c619cbaa0a91416b2d81e', class: "stzh-sticky-actions__chat-wrapper" }, index.h("slot", { key: '4f21c2f9876f9a5584d61ade0c074560a78ecca0', name: "chat", onSlotchange: () => index.forceUpdate(this.element) })), index.h("div", { key: '58f5da063f5703026b56daa44cdf915c6568844e', ref: el => (this.scrollupElement = el), class: "stzh-sticky-actions__scrollup-wrapper" }, index.h("slot", { key: '1de83b1e4c8026e44239a56fa9495dd896f271dd', name: "scrollup", onSlotchange: () => index.forceUpdate(this.element) })))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-sticky.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
 var throttle = require('./throttle-CzSJAuaE.js');
 require('./string-utils-BhUgGAtN.js');
 require('./_commonjsHelpers-B83fTs8d.js');
@@ -297,7 +297,7 @@ const StzhSticky = class {
             [`stzh-sticky--position-${this.position}`]: !!this.position,
             [`stzh-sticky--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: '1706241fae8bcd61076470b735cd8b8dade1204e', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, index.h("div", { key: '3b1dc65f2134c6221b7b88be6cc08c0c11a0a618', class: classes }, index.h("div", { key: '0f0a556b2fe73aad45141b3faf903d7230834e94', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), index.h("div", { key: 'b11924b9f78bbd641808c06162d5a115382fe3d5', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, index.h("div", { key: '706b1c82ba90f21e209ebd07cd90a9d5dcdf2b99', class: "stzh-sticky__content" }, index.h("div", { key: '7eef943b440728245c91dfb18c15012206e1a49f', class: "stzh-sticky__content-inner" }, index.h("slot", { key: '9b2fe9e7c7d0413d6f456e8cb1656aefdb7596fd' })))))));
+        return (index.h(index.Host, { key: '9b572867025fe7948b142c6e1c4745b13e3d5642', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, index.h("div", { key: '782cba0a8bf9e4a1814d01ce03128637a4eff121', class: classes }, index.h("div", { key: 'ce0a8578095be4ab7e8b162dd572eaf90bcfc00c', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), index.h("div", { key: 'd47acc6ac964498c2e9e3db0dbc7d307f1b09c08', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, index.h("div", { key: '3178edfff30f6f072131ad0178aa4ebedc189b3a', class: "stzh-sticky__content" }, index.h("div", { key: '364359c8ade36314bf4c7d450c8002c0c3fe9f15', class: "stzh-sticky__content-inner" }, index.h("slot", { key: 'a5e2f2288c0db2e8f87e1ea0af0701c1bc4efbab' })))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-table.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 const stzhTableCss = () => `: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-table{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-table[hidden],stzh-table[stzh-hidden]{display:none}stzh-table::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-table *,stzh-table *::before,stzh-table *::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-table{}stzh-table .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-table .stzh-fylingfocus-focused{outline-style:none !important}stzh-table .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-table{--stzh-list-font-size:"";--stzh-list-line-height:"";--stzh-list-letter-spacing:"";--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--search-input-width:var(--stzh-table-search-input-width)}stzh-table[disable-min-width]:not([disable-min-width=false]){--min-width:none}.stzh-table{-webkit-text-size-adjust:100%}.stzh-table__sub-header{display:flex;align-items:flex-end;justify-content:space-between}.stzh-table__header .stzh-table__search{flex-grow:1;margin-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__header .stzh-table__search{width:var(--search-input-width);flex-grow:0}}.stzh-table__action-button{flex-shrink:0;margin-left:auto}.stzh-table__outer-wrapper{position:relative}.stzh-table__outer-wrapper::before,.stzh-table__outer-wrapper::after{z-index:4;background:linear-gradient(90deg, rgb(210, 210, 210) 0%, rgba(255, 255, 255, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:1.5rem;transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-table__outer-wrapper::before{left:0}.stzh-table__outer-wrapper::after{right:0;transform:rotate(-180deg)}.stzh-table__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-table__wrapper::-webkit-scrollbar{position:absolute;z-index:9999999;width:0.5rem;background-color:transparent}.stzh-table__wrapper::-webkit-scrollbar:horizontal{height:0.5rem}.stzh-table__wrapper::-webkit-scrollbar-track{background-color:transparent}.stzh-table__wrapper::-webkit-scrollbar-thumb{background-color:var(--stzh-color-secondary50)}.stzh-table__wrapper::-webkit-scrollbar-thumb:active,.stzh-table__wrapper ::-webkit-scrollbar-thumb:hover{background-color:var(--stzh-color-secondary50)}.stzh-table__pagination-wrapper{display:flex;justify-content:flex-end}.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-table__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);cursor:pointer;appearance:none;background:none;border:none;display:inline-flex;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding);gap:var(--stzh-space-xxsmall)}.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:Highlight}}.stzh-table__list-sort-wrapper{display:flex;flex-direction:column;align-items:flex-start}.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-table__list-sort-wrapper stzh-dropdown+stzh-dropdown{margin-top:calc(var(--stzh-space-xsmall) / -1)}.stzh-table table{width:100%;border-spacing:0;min-width:var(--min-width);}.stzh-table table.has-layout-fixed{table-layout:fixed}.stzh-table thead{position:sticky;top:0;z-index:1}.stzh-table tbody tr:nth-child(even) td,.stzh-table tbody tr:nth-child(even) th{background-color:var(--stzh-color-grey10)}.stzh-table td,.stzh-table th{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);text-align:left;border:none;vertical-align:top;border:none;background-color:var(--stzh-color-white);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding)}.stzh-table td a,.stzh-table th a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);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-table td a:hover,.stzh-table th a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.stzh-table td b,.stzh-table td strong,.stzh-table th b,.stzh-table th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-table td i,.stzh-table td em,.stzh-table th i,.stzh-table th em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.stzh-table td,.stzh-table th{}.stzh-table td.align-left,.stzh-table th.align-left{text-align:left}.stzh-table td.align-right,.stzh-table th.align-right{text-align:right}.stzh-table td.align-center,.stzh-table th.align-center{text-align:center}.stzh-table td,.stzh-table th{}.stzh-table td.valign-auto,.stzh-table th.valign-auto{vertical-align:auto}.stzh-table td.valign-middle,.stzh-table th.valign-middle{vertical-align:middle}.stzh-table td.valign-bottom,.stzh-table th.valign-bottom{vertical-align:bottom}.stzh-table td.valign-top,.stzh-table th.valign-top{vertical-align:top}.stzh-table td,.stzh-table th{}.stzh-table td.nowrap,.stzh-table th.nowrap{white-space:nowrap}.stzh-table td,.stzh-table th{}.stzh-table td.is-head,.stzh-table th.is-head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-table td,.stzh-table th{}.stzh-table td.is-sticky-left,.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-left,.stzh-table th.is-sticky-right{position:sticky;z-index:1}.stzh-table td.has-sticked,.stzh-table th.has-sticked{z-index:2}.stzh-table td.is-sticky-left,.stzh-table th.is-sticky-left{left:0}.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-right{right:0}.stzh-table td.is-sticky-left::after,.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-left::after,.stzh-table th.is-sticky-right::after{background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;transform:translate(100%);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-table td.is-sticky-left::after,.stzh-table th.is-sticky-left::after{right:0}.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-right::after{left:0;transform:rotate(-180deg) translate(100%)}.stzh-table td.has-sticked.is-sticky-left::after,.stzh-table td.has-sticked.is-sticky-right::after,.stzh-table th.has-sticked.is-sticky-left::after,.stzh-table th.has-sticked.is-sticky-right::after{opacity:1}.stzh-table th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-table-head-color, var(--stzh-color-primary))}.stzh-table th.is-sortable{padding:0}.stzh-table th:has(>span):has(>stzh-icon)>span,.stzh-table th:has(>span):has(>stzh-icon)>stzh-icon{vertical-align:middle}.stzh-table th:has(>span):has(>stzh-icon)>stzh-icon{display:inline-block}.stzh-table{}td.has-sorted .stzh-table__sort-icon,th.has-sorted .stzh-table__sort-icon{display:inline-flex}td.has-sorted-desc .stzh-table__sort-icon,th.has-sorted-desc .stzh-table__sort-icon{transform:rotate(180deg)}.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-xlarge)}}.stzh-table.has-action-or-search .stzh-table__heading:not(:empty){margin-bottom:var(--stzh-space-xlarge)}.stzh-table{}.stzh-table.has-list .stzh-table__outer-wrapper{display:none}@media screen and (min-width: 1260px){.stzh-table.has-list .stzh-table__outer-wrapper{display:block}}@media screen and (min-width: 1260px){.stzh-table.has-list .stzh-table__list-wrapper{display:none}}.stzh-table{}.stzh-table.has-scroll-left-shadow .stzh-table__outer-wrapper::before,.stzh-table.has-scroll-right-shadow .stzh-table__outer-wrapper::after{opacity:1}.stzh-table.has-scroll-right .stzh-table__wrapper{overflow-x:scroll}`;
@@ -164,7 +164,7 @@ const StzhTable = class {
             "has-action-or-search": actionButtonSlotUsed || searchSlotUsed,
             "has-header": headingSlotUsed || actionButtonSlotUsed || searchSlotUsed,
         };
-        return (index.h(index.Host, { key: '5c0a4a42c0e4c26a65efa93d307cd206e93e4566' }, index.h("div", { key: '650071076ff2b86f5b4a08e4749d3b5414ae74ea', class: classes }, index.h("div", { key: 'f1e1577a273576d45aaf3acaf5017e2e31a4d33d', class: "stzh-table__header" }, index.h("div", { key: '00e07305a4ea313557477b7958f877a7d50274a9', class: "stzh-table__heading" }, index.h("slot", { key: '2fe822dce64bfa9ea1f4ffed79b990657f344c3c', name: "heading" })), index.h("div", { key: 'da5d25046df08c697be923258da33ff958506989', class: "stzh-table__sub-header" }, index.h("div", { key: '0ecd9e657290dbab80b446e625f3195a90bea449', class: "stzh-table__search" }, index.h("slot", { key: '7cdce7b6f2c70249b3d49e02980572083f95f4a4', name: "search" })), index.h("div", { key: 'ae2c80e3ae5f5c79fdb6263866ad81db5d28a069', class: "stzh-table__action-button" }, index.h("slot", { key: 'fb7d9aafe717a86152800ea57f310a6ace88dba9', name: "action-button" })))), index.h("div", { key: 'c643337aaa4ddf8dc52098322b38df745f7600a2', class: "stzh-table__outer-wrapper" }, index.h("div", { key: '9a0c7ecdfe9d439bf2ebe818e7c7a0b8110c805a', ref: el => (this.tableWrapper = el), class: "stzh-table__wrapper", onScroll: this.handleScroll }, index.h("slot", { key: 'b54ccb03f9d55f2b2261a5c23389dfd49b10386f' }))), index.h("div", { key: 'f4e098292d09ee11ffd9379cfaa297bb4445d8d6', class: "stzh-table__list-wrapper" }, index.h("div", { key: 'c55b67301ec0567178cd5236039789f054ca38a5', class: "stzh-table__list-sort-wrapper" }, index.h("slot", { key: 'a1be7be3134c071747ea74485231e93adbdecbd0', name: "list-sort-by-dropdown" }), index.h("slot", { key: '9763b339db0de449b0ff28c6739a44c0c4372f13', name: "list-sort-direction-dropdown" })), index.h("slot", { key: 'bed2de17d6d0364d5f2f7fdb1a1931e54a9f17e7', name: "list" })), index.h("div", { key: '602be8d2c8c144a8a4ba081b5b8d383d701a89c2', class: "stzh-table__pagination-wrapper" }, index.h("slot", { key: '0e64a2f53b7c2c7a8c2b3a3c1606409ca2f2c651', name: "pagination" })))));
+        return (index.h(index.Host, { key: 'b7c305e061774652d5034017b5234cec307ffb87' }, index.h("div", { key: '5cb960793720bfe1a78373a0ed07a4d171f70d99', class: classes }, index.h("div", { key: 'e4fc72930e40bffed4a90cb5df1ac2a2d82c5f5c', class: "stzh-table__header" }, index.h("div", { key: '70129d619b702a1e736cee6fc0a0e9aadfe28fe1', class: "stzh-table__heading" }, index.h("slot", { key: '0688597ffe09510a03f1c62c659e6b0833818e7e', name: "heading" })), index.h("div", { key: '3e164c950bda9c450aed09801592c9c0be00bfa2', class: "stzh-table__sub-header" }, index.h("div", { key: '11bccb69b2da7ba2e6d3fa7811cb6a2f2b84d26b', class: "stzh-table__search" }, index.h("slot", { key: 'fa90149a4c252dc36883c6911dd45fd51473f32e', name: "search" })), index.h("div", { key: 'c0e3ff06918b507730a60c42fc97f53a713e13a1', class: "stzh-table__action-button" }, index.h("slot", { key: 'b0afacc535dbb4afd1bbb863fe60986ac67f78e0', name: "action-button" })))), index.h("div", { key: '7c07488d7d75123dda312700d04e40a3ad2641d4', class: "stzh-table__outer-wrapper" }, index.h("div", { key: '68f0f11d39c775fd943ef030b85b03bb1a5345e4', ref: el => (this.tableWrapper = el), class: "stzh-table__wrapper", onScroll: this.handleScroll }, index.h("slot", { key: 'c1eb0cf3bcbeb4489ccecc4e4828b8f03e16452e' }))), index.h("div", { key: 'b6e9043d50e8b90e373790b533b060f0aa9ca1b7', class: "stzh-table__list-wrapper" }, index.h("div", { key: '4230c12ed9f4befb48698bb28a704454dfb3eadd', class: "stzh-table__list-sort-wrapper" }, index.h("slot", { key: '77ab64c99bd5224798d4e91bba28b7347ceb6c95', name: "list-sort-by-dropdown" }), index.h("slot", { key: '950284fc1e06e4704251818c2fee984b722dde0e', name: "list-sort-direction-dropdown" })), index.h("slot", { key: '70d25037a9afa5236593de24431605476689c4c9', name: "list" })), index.h("div", { key: '0174eb70b8a3d09007a79482fbba91c6c9ad4d98', class: "stzh-table__pagination-wrapper" }, index.h("slot", { key: 'd1a6aa881d0b132a8186446c1d1b14b8cda6d11b', name: "pagination" })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-text.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 const stzhTextCss = () => `.sc-stzh-text-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-text-h,[stzh-hidden].sc-stzh-text-h{display:none}.sc-stzh-text-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-text-h *.sc-stzh-text,.sc-stzh-text-h *.sc-stzh-text::before,.sc-stzh-text-h *.sc-stzh-text::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-text-h .has-focus.sc-stzh-text{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-text-h .stzh-fylingfocus-focused.sc-stzh-text{outline-style:none !important}.sc-stzh-text-h .stzh-fylingfocus-focused.sc-stzh-text::-moz-focus-inner{border:0 !important}.sc-stzh-text-h{--icon-size:1.25em;--icon-vertical-align:text-bottom;--color:var(--stzh-base-color);--display:var(--stzh-text-display, block);width:100%;color:var(--color);--grid-template-areas:var(
     --stzh-text-grid-template-areas,
@@ -42,7 +42,7 @@ const StzhText = class {
         this.sizeUltra = "inherit";
     }
     render() {
-        return (index.h(index.Host, { key: 'd450c2a2df5504dd70142892aad9a1d81bb47729' }, index.h("div", { key: 'e03fd12f42bd1f632de9775cbd55ed3f3087a52a', class: {
+        return (index.h(index.Host, { key: '28e2e7b5a061565551898f4d509ba0b7908f592b' }, index.h("div", { key: '66cdf412433d270244f654af9d633bcc13a46fb8', class: {
                 "stzh-text": true,
                 "stzh-text--is-lead": this.lead,
                 [`stzh-text--font-${this.font}`]: !!this.font,
@@ -52,7 +52,7 @@ const StzhText = class {
                 [`stzh-text--size-medium-${this.sizeMedium}`]: !!this.sizeMedium,
                 [`stzh-text--size-large-${this.sizeLarge}`]: !!this.sizeLarge,
                 [`stzh-text--size-ultra-${this.sizeUltra}`]: !!this.sizeUltra,
-            } }, index.h("div", { key: '49cbea83d2e708948392c0e571faec5fe7f6f906', class: "stzh-text__text" }, index.h("div", { key: 'f9d771ee233fdf095a15b242559e261dea4ed8a3', class: "stzh-text__icon" }, index.h("slot", { key: '264dfc25a49f2efa1bd3c79f19e2f8af4c08f858', name: "icon" })), index.h("div", { key: '7e459045623795dfb2a455111ab5bb249be4b814', class: "stzh-text__text-inner" }, index.h("slot", { key: '4e6d1126d32c519b9d59d83d919a036229e4d69e' }))))));
+            } }, index.h("div", { key: 'b0f364a885dea731283b76d14023490e34531417', class: "stzh-text__text" }, index.h("div", { key: '2f6ffe17910f84a2092f51a51151ff12f0e70102', class: "stzh-text__icon" }, index.h("slot", { key: '9ed2b8653b000a1eac82ae1476e30840057f2757', name: "icon" })), index.h("div", { key: '43b231aebbf9ce3fd072ffd087e4309b7f050299', class: "stzh-text__text-inner" }, index.h("slot", { key: 'ab35e6f3f752fe416f3784c066eb7f23233a536d' }))))));
     }
 };
 StzhText.style = stzhTextCss();

package/dist/cjs/stzh-textandimage.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 const stzhTextandimageCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}:host{--grid-template-areas:var(
@@ -140,7 +140,7 @@ const StzhTextandimage = class {
             [`stzh-textandimage--size-${this.size}`]: !!this.size,
             [`stzh-textandimage--image-position-${this.imagePosition}`]: !!this.imagePosition,
         };
-        return (index.h(index.Host, { key: 'b6c8e17239d33faefe357d7be281f3ffc477baeb', single: isSingle, "image-position": this.imagePosition }, index.h("div", { key: '52052b64ed85ca578e9612e66cff097f42c61ec5', class: classes }, index.h("div", { key: '412926ba1ffb4017675c2d214f7ab17bf39224a8', class: "stzh-textandimage__left" }, index.h("slot", { key: 'fe7f2c8f949625b1df28daf3f003bb374995d4c2', name: "left", onSlotchange: () => index.forceUpdate(this.element) })), index.h("div", { key: '7a3f2839207fea48286332715325b65d9a33c1aa', class: "stzh-textandimage__right" }, index.h("div", { key: 'f4b61cafc2ba70076583f9769ceb7462006f08ed', class: this.imageMoves ? "stzh-textandimage__wrapper" : "" }, index.h("slot", { key: 'ad489b8f89170a5c20216753b8283f4e7f189577', name: "right", onSlotchange: () => index.forceUpdate(this.element) }))))));
+        return (index.h(index.Host, { key: 'c225c1c09b514833062bdf9ab67060955939ad43', single: isSingle, "image-position": this.imagePosition }, index.h("div", { key: 'e97f87d61c1121ce585834fde9a461686b0cdd67', class: classes }, index.h("div", { key: '4221e95658f23b54d49f3f3dbea14812bf42d93f', class: "stzh-textandimage__left" }, index.h("slot", { key: 'a2ba8d68b8e2c9431723612341f0271cfda34752', name: "left", onSlotchange: () => index.forceUpdate(this.element) })), index.h("div", { key: '7c13b4cb3d3bdf2bcbf5a2ee99bb6acc514c8fa6', class: "stzh-textandimage__right" }, index.h("div", { key: 'ad7ce05dec8e4ab31e2bc29440f38a6982f1e095', class: this.imageMoves ? "stzh-textandimage__wrapper" : "" }, index.h("slot", { key: 'ffd5041d4cd2706cf4e8cdde579cde8e1b5423a5', name: "right", onSlotchange: () => index.forceUpdate(this.element) }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-timeline-item.cjs.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 var eventUtils = require('./event-utils-0nQqLFjw.js');
 var animationUtils = require('./animation-utils-BWUvTmNq.js');
-var utils = require('./utils-BtvTjHH2.js');
+var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 const stzhTimelineItemCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--content-padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--content-padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--content-padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--content-padding-bottom:var(--stzh-space-xxlarge)}}:host{--trigger-size:1.125rem;--icon-size:var(--stzh-icon-size);--heading-margin-bottom:var(--stzh-space-medium);--content-padding-top:var(--stzh-timeline-content-padding-top);--content-padding-right:0px;--border-width:0.125rem;--button-font-size:var(
@@ -286,7 +286,7 @@ const StzhTimelineItem = class {
             "stzh-timeline-item--is-foldable": this._foldable,
             "stzh-timeline-item--is-completed": this.completed,
         };
-        return (index.h(index.Host, { key: 'a388d5b9a0c5ca3e1c12cd60765ba43bafd47285', role: "listitem", "is-foldable": this._foldable, tabindex: this.disabled ? null : this.rootTabindex, onFocus: this.onRootFocus }, index.h("div", { key: 'e1972a06367cddd096efb6250dbee1a8e92a798a', class: classes }, index.h(Heading, { key: 'e0a6b4a26028253853defcdde705a6e802277ae3', id: `${this.timelineItemId}-header`, class: "stzh-timeline-item__heading", onClick: this.handleHeaderClick }, index.h("button", { key: '0763a733982e567cad272ab38977802ae4994b55', ref: el => (this.buttonElement = el), class: "stzh-timeline-item__button", "aria-controls": `${this.timelineItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, "aria-disabled": !this._foldable ? "true" : "false", disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onButtonKeydown, type: "button", "s-object-id": this.analyticsId || this.heading }, index.h("span", { key: 'b6bfadb0ede19ce0b5a58b04104dc9fff5915415', class: "stzh-timeline-item__bullet" }, hasIcon || this.completed ? (index.h("span", { class: "stzh-timeline-item__bullet-icon-wrapper" }, this.icon || this.completed ? (index.h("stzh-icon", { class: "stzh-timeline-item__bullet-icon", name: this.icon ? this.icon : "checkmark" })) : (index.h("slot", { name: "icon" })))) : (index.h("span", { class: "stzh-timeline-item__bullet-text" }, this.step)), (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: 'efe2f47efe47ec11be7feb0c6b5a5dec481083a5', class: "stzh-timeline-item__badge", label: this.badge, type: this.badgeType }))), index.h("div", { key: '79e1edb558a1b6a1c4bde5d8958e0712e099584e', class: "stzh-timeline-item__button-inner" }, index.h("span", { key: '36b64ea865e5bbfc4696d98cce1b313dcacd9608', class: "stzh-timeline-item__button-text" }, index.h("span", { key: '1799cab0e202d69f9c929487cdbe7872dbea6b8e', class: "stzh-timeline-item__heading-text" }, this.heading), index.h("span", { key: 'e99a6075e50b65995879517b661883289a567e27', class: "stzh-timeline-item__description" }, this.description)), this._foldable && index.h("span", { key: '7b10dd471b5c50f4e7fef5bd92ec818e3f84f9fb', class: "stzh-timeline-item__button-icon" })))), index.h("div", { key: '0926d3141066dc93d38d28f83961c140a45030b1', id: `${this.timelineItemId}-content`, ref: el => (this.bodyElement = el), class: "stzh-timeline-item__content", "aria-labelledby": `${this.timelineItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, index.h("div", { key: 'a89966b92e35694772670684675ff7e16c4b6d39', class: "stzh-timeline-item__content-inner" }, index.h("slot", { key: '9c7957d52e91ccf7f4744decbb2090f7ec2b678d' }))))));
+        return (index.h(index.Host, { key: '677f78ed10088e5114c62f84ddc010e54b06a4e7', role: "listitem", "is-foldable": this._foldable, tabindex: this.disabled ? null : this.rootTabindex, onFocus: this.onRootFocus }, index.h("div", { key: 'fe999f984ccdf2b3ca2b3995906c31a34b926685', class: classes }, index.h(Heading, { key: 'efe939514af7fe42c278ce45eef458a0aaaea240', id: `${this.timelineItemId}-header`, class: "stzh-timeline-item__heading", onClick: this.handleHeaderClick }, index.h("button", { key: '9b3593e0c0fcc402c6ae980fad8238ff67c040ae', ref: el => (this.buttonElement = el), class: "stzh-timeline-item__button", "aria-controls": `${this.timelineItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, "aria-disabled": !this._foldable ? "true" : "false", disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onButtonKeydown, type: "button", "s-object-id": this.analyticsId || this.heading }, index.h("span", { key: '0139b83aa2ac6edd3f413c1867dba981d776cd44', class: "stzh-timeline-item__bullet" }, hasIcon || this.completed ? (index.h("span", { class: "stzh-timeline-item__bullet-icon-wrapper" }, this.icon || this.completed ? (index.h("stzh-icon", { class: "stzh-timeline-item__bullet-icon", name: this.icon ? this.icon : "checkmark" })) : (index.h("slot", { name: "icon" })))) : (index.h("span", { class: "stzh-timeline-item__bullet-text" }, this.step)), (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: '4ac748ce27a9c6db4872dac9c3f29bcb1e6e5ea0', class: "stzh-timeline-item__badge", label: this.badge, type: this.badgeType }))), index.h("div", { key: 'd8463fac09c64f8bbb161e9b3c4a14c6b013110b', class: "stzh-timeline-item__button-inner" }, index.h("span", { key: 'a6c81e61e98877bc69a9b3ef48ce7edf93525ce0', class: "stzh-timeline-item__button-text" }, index.h("span", { key: '9d0777ff0404049865fb23f7997d7de6fe476fba', class: "stzh-timeline-item__heading-text" }, this.heading), index.h("span", { key: '0c31fa3de25a2455372b148edada1bce1f5442f0', class: "stzh-timeline-item__description" }, this.description)), this._foldable && index.h("span", { key: 'fd62bbdafa3e6a7cff17e09cb2f9d0b50dfb0b52', class: "stzh-timeline-item__button-icon" })))), index.h("div", { key: '1224b30c677e9d57d11a7cc60fa30ce64184b940', id: `${this.timelineItemId}-content`, ref: el => (this.bodyElement = el), class: "stzh-timeline-item__content", "aria-labelledby": `${this.timelineItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, index.h("div", { key: '119936319f4e83e51c360a62a92abc7b78e4e9d1', class: "stzh-timeline-item__content-inner" }, index.h("slot", { key: '680707bad6dd9e22cc9a3604bc83f1da371136c6' }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-timeline.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 const stzhTimelineCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--nested-margin-left:var(--stzh-timeline-nested-margin-left, 0px);--nested-margin-bottom:var(--stzh-timeline-nested-margin-bottom, 0px);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}:host ::slotted(*:not(:last-child)){position:relative}:host ::slotted(*:not(:last-child))::after{content:"";display:block;position:absolute;top:0;left:1.25rem;width:0.125rem;height:100%;background-color:var(--stzh-color-grey50)}@media (forced-colors: active){:host ::slotted(*:not(:last-child))::after{background-color:CanvasText}}.stzh-timeline{--stzh-timeline-nested-margin-left:calc(
     var(--stzh-timeline-bullet-size) / -1
@@ -112,7 +112,7 @@ const StzhTimeline = class {
         const classes = {
             "stzh-timeline": true,
         };
-        return (index.h(index.Host, { key: '0fe07001d14798e4ab04d8a05b39585407d289fc' }, index.h("div", { key: 'f9693884d8e10039acac34dc6ee65b6483c53f45', class: classes, role: "list" }, index.h("slot", { key: 'd6445805d0d20a72ae108083e69a14b0a724a40e', onSlotchange: this.handleSlotchange }))));
+        return (index.h(index.Host, { key: '38ded3ad998018d89b78bf2adf63ee72f0f5566a' }, index.h("div", { key: 'fb5e9f85ea412351647341d084849ad59d553e08', class: classes, role: "list" }, index.h("slot", { key: '1dc0ba42bb7234ec3c3c2dc3301900ed6efad299', onSlotchange: this.handleSlotchange }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-timepicker.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 const stzhTimepickerCss = () => `.sc-stzh-timepicker-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-timepicker-h,[stzh-hidden].sc-stzh-timepicker-h{display:none}.sc-stzh-timepicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-timepicker-h *.sc-stzh-timepicker,.sc-stzh-timepicker-h *.sc-stzh-timepicker::before,.sc-stzh-timepicker-h *.sc-stzh-timepicker::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-timepicker-h .has-focus.sc-stzh-timepicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-timepicker-h .stzh-fylingfocus-focused.sc-stzh-timepicker{outline-style:none !important}.sc-stzh-timepicker-h .stzh-fylingfocus-focused.sc-stzh-timepicker::-moz-focus-inner{border:0 !important}.sc-stzh-timepicker-h{width:100%}.stzh-timepicker__dropdown.sc-stzh-timepicker{--icon-angle-size:var(--stzh-icon-size-small);--active-icon-angle-transform:rotate(0deg) translateY(-50%)}`;
@@ -92,7 +92,7 @@ const StzhTimepicker = class {
         const classes = {
             "stzh-timepicker": true,
         };
-        return (index.h(index.Host, { key: '3dd9f2b27858d51a98ce41051808c1d8be807a4c', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '1b7b7868dc840c4aa5ac912f7f355119330a6424', class: classes }, index.h("stzh-dropdown", { key: 'a4330107e2686eef2740b7ef92cf7ba3302af180', open: this.open, class: "stzh-timepicker__dropdown", iconAngle: "clock", label: this.label, ref: el => (this.input = el), onStzhChange: this.onDropdownChange, options: this._dropdownOptions, items: [this.value], required: this.required, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, popoverPlacement: this.popoverPlacement, a11yDescribedby: this.a11yDescribedby, name: this.name, size: this.size, invalid: this.invalid, hideOptional: this.hideOptional }))));
+        return (index.h(index.Host, { key: 'f79445073be60af1b13bfe06bb4412642743b256', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '0252db2b477b6e7e7beb957e0475a712860df939', class: classes }, index.h("stzh-dropdown", { key: '8464d09c31563e33d6f0a0b65e2019c95c92e426', open: this.open, class: "stzh-timepicker__dropdown", iconAngle: "clock", label: this.label, ref: el => (this.input = el), onStzhChange: this.onDropdownChange, options: this._dropdownOptions, items: [this.value], required: this.required, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, popoverPlacement: this.popoverPlacement, a11yDescribedby: this.a11yDescribedby, name: this.name, size: this.size, invalid: this.invalid, hideOptional: this.hideOptional }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-toast_2.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
 var eventUtils = require('./event-utils-0nQqLFjw.js');
 var animationUtils = require('./animation-utils-BWUvTmNq.js');
 var js_cookie = require('./js.cookie-DzFinoA4.js');
@@ -178,10 +178,10 @@ const StzhToast = class {
             "stzh-toast--has-close-hidden": this.hideClose,
             [`stzh-toast--type-${this.type}`]: !!this.type,
         };
-        return (index.h(index.Host, { key: '446b49e231a058653d3736c4a7a24365e7946505' }, index.h("div", { key: 'b8c82e172f2a3fb99abf66762f91e9febd56c901', ref: el => (this.rootElement = el), class: classes }, index.h("div", { key: '48357da05b863ddb5546b0c5424a34fde8fe8e1c', class: "stzh-toast__content" }, index.h("div", { key: '36bd30993042f504aafc5f9b23f5579192c1014d', class: "stzh-toast__icon-wrapper" }, index.h("stzh-icon", { key: '99d7cbcce440e9873efd79045cbd8e076e51b6ca', class: "stzh-toast__icon", name: (this.type === "info" && "info-help-filled") ||
+        return (index.h(index.Host, { key: '4c1c4cdc64fe10891d3a7ded71e82ea8fb97ff3f' }, index.h("div", { key: '2ebebb2a6ccda97cef30090b87b0b9b9ea3dc728', ref: el => (this.rootElement = el), class: classes }, index.h("div", { key: 'ad66296b97fc4b8fe79823363108a5a4b2788fc4', class: "stzh-toast__content" }, index.h("div", { key: '355d0723f6294bc707e7007be0375cfcdfc28832', class: "stzh-toast__icon-wrapper" }, index.h("stzh-icon", { key: '827bcd937f4323c3937ede281c2259f452bc2a1e', class: "stzh-toast__icon", name: (this.type === "info" && "info-help-filled") ||
                 (this.type === "success" && "checkmark-circle-filled") ||
                 (this.type === "warning" && "important-warning-filled") ||
-                (this.type === "error" && "warning-filled") })), index.h("div", { key: 'a0a387bda275dfdbdb810bfe9b4a1fa04d1af3a1', class: "stzh-toast__text-wrapper" }, index.h("div", { key: '4ca9c2d4b985d4252aefc8855397c39f15ee3213', class: "stzh-toast__label" }, this.label), index.h("div", { key: '39e0201d434143a083dfe9bb63073600ef331b9f', class: "stzh-toast__link" }, index.h("slot", { key: '7c50d8dd47044590ef5a232d2286a85d8a8da647', name: "link", onSlotchange: this.handleLinkSlotchange })))), !this.hideClose && (index.h("div", { key: '3506c634657d88e3b57b306c9ae19416e2ea49bb', class: "stzh-toast__close-wrapper" }, index.h("stzh-button", { key: '7be034a61ffdb0c3c65a7a135537416edced7604', class: "stzh-toast__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+                (this.type === "error" && "warning-filled") })), index.h("div", { key: 'c6d067a69990c35e8f62ab512350a7bf92adf771', class: "stzh-toast__text-wrapper" }, index.h("div", { key: '54ce50bd06b48edf6f5cb5d707c2b0709ab1af19', class: "stzh-toast__label" }, this.label), index.h("div", { key: '1f5b83d94cd519a0e3a211cdd2b5f59bab9782ee', class: "stzh-toast__link" }, index.h("slot", { key: '47709f8c4029e598692fc229058fabfab3f31f3c', name: "link", onSlotchange: this.handleLinkSlotchange })))), !this.hideClose && (index.h("div", { key: '4c925104f8f7c0b64cd435cb5cd649ad2cac8b87', class: "stzh-toast__close-wrapper" }, index.h("stzh-button", { key: '8603abac79c8874eef356847caebee04b2b4562a', class: "stzh-toast__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -335,7 +335,7 @@ const StzhToastbar = class {
         const classes = {
             "stzh-toastbar": true,
         };
-        return (index.h(index.Host, { key: '7460a6148cb0e08e92a1bb594e0c81f438844b26' }, index.h("div", { key: '6ae7db9674257007e24f428cf51889f24cc2854d', class: classes }, index.h("slot", { key: '38ee0dc0da0aebe58ff6925d2aa3c2a93324f3b1', onSlotchange: this.handleSlotchange }))));
+        return (index.h(index.Host, { key: '5034ae6c3038f1aea0dc54e7b8b5d2dfc03b4e02' }, index.h("div", { key: '3ed760bfe5f3861b8f77784816e8028d0dc93b5c', class: classes }, index.h("slot", { key: 'b088a5aac35d1af50d648d7cf9dea80785707de1', onSlotchange: this.handleSlotchange }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-toggle.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
-var stzhInputDescription = require('./stzh-input-description-IeBc75qD.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
+var stzhInputDescription = require('./stzh-input-description-CSsYU8AB.js');
 require('./string-utils-BhUgGAtN.js');
 const stzhToggleCss = () => `.sc-stzh-toggle-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-toggle-h,[stzh-hidden].sc-stzh-toggle-h{display:none}.sc-stzh-toggle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-toggle-h *.sc-stzh-toggle,.sc-stzh-toggle-h *.sc-stzh-toggle::before,.sc-stzh-toggle-h *.sc-stzh-toggle::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-toggle-h .has-focus.sc-stzh-toggle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle{outline-style:none !important}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle::-moz-focus-inner{border:0 !important}.sc-stzh-toggle-h{--check-size:1.5rem;--track-width:2.75rem;display:inline-block}[disabled].sc-stzh-toggle-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-toggle__marker-symbol.sc-stzh-toggle{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-toggle__marker-text.sc-stzh-toggle{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-toggle__description-wrapper.sc-stzh-toggle{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__description.sc-stzh-toggle{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-toggle__error.sc-stzh-toggle{color:var(--stzh-color-error60)}.stzh-toggle__error-list.sc-stzh-toggle{list-style:none;margin:0;padding:0}.stzh-toggle__description.sc-stzh-toggle{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-toggle__description-long.sc-stzh-toggle{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-toggle__description-long.sc-stzh-toggle{margin-top:0}}.stzh-toggle__description-long-popover.sc-stzh-toggle{--width:auto;--max-width:27.3125rem}.stzh-toggle__description-long-button.sc-stzh-toggle{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-toggle.sc-stzh-toggle stzh-icon.stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-xsmall)}.stzh-toggle--has-error.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle--has-description.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle{margin-top:var(--stzh-space-xxxsmall)}.stzh-toggle__field-wrapper.sc-stzh-toggle{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);position:relative;display:flex;-webkit-user-select:none;user-select:none;cursor:pointer}.stzh-toggle__input.sc-stzh-toggle{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-toggle__mark.sc-stzh-toggle{position:relative;background-color:var(--stzh-color-black10op);width:var(--track-width);height:1rem;flex-shrink:0;border-radius:0.75rem;display:inline-flex;justify-content:center;align-items:center;transition:background-color var(--stzh-base-transition-animation-speed);margin-top:0.25rem}@media (forced-colors: active){.stzh-toggle__mark.sc-stzh-toggle{outline:0.125rem solid ButtonBorder;outline-offset:-0.125rem}}.stzh-toggle__check.sc-stzh-toggle{position:absolute;border:0.125rem solid var(--stzh-base-color);width:var(--check-size);height:var(--check-size);border-radius:50%;background-color:var(--stzh-color-white);top:50%;left:0;transform:translateY(-50%);transition-property:border-color, background-color, transform;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-toggle__check.sc-stzh-toggle{transition-property:transform;border-color:ButtonBorder}}@media (prefers-reduced-motion: reduce){.stzh-toggle__check.sc-stzh-toggle{transition:none}}.stzh-toggle__label.sc-stzh-toggle{--stzh-base-color:initial;display:inline-flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--stzh-base-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle:empty{display:none}.stzh-toggle__label-text.sc-stzh-toggle{min-width:0}.stzh-toggle__label.sc-stzh-toggle>.stzh-toggle__description-wrapper.sc-stzh-toggle{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-text.sc-stzh-toggle{display:none}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle,.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-long.sc-stzh-toggle{display:inline-flex;align-items:flex-start;margin:0}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-long-button.sc-stzh-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-toggle__label.sc-stzh-toggle stzh-popover.sc-stzh-toggle .stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-toggle__marker.sc-stzh-toggle{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-old-primary48)}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:SelectedItem}}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary);background-color:var(--stzh-color-primary);transform:translateY(-50%) translateX(calc(var(--track-width) - var(--check-size)))}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:ButtonBorder;background-color:SelectedItem}}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__label.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary-hover)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:Highlight;background-color:Highlight}}@media (forced-colors: active){.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle{outline-color:Highlight}}.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:Highlight;background-color:Highlight}}.stzh-toggle--has-label-right.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-left:var(--stzh-space-xsmall)}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{flex-direction:row-reverse}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-right:var(--stzh-space-xsmall)}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-error60)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-error60)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-black10op)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-error60)}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{cursor:not-allowed}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-grey70)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:GrayText}}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle{outline-color:GrayText}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-old-grey13)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:GrayText}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-grey10)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:SelectedItem}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-old-grey25);background-color:var(--stzh-color-old-grey25)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:GrayText;background-color:SelectedItem}}`;
@@ -34,6 +34,18 @@ const StzhToggle = class {
         this.labelPosition = "right";
         /** Id for element which describes the input (this will be overwritten if description prop or slot is used) */
         this.a11yDescribedby = "";
+        /**
+         * Whether the component has meaningful default-slot content.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
+        this.hasDefaultSlot = false;
+        /**
+         * Indicates whether default-slot content detection has run at least once.
+         * Used to avoid rendering state-dependent markup before the slot content
+         * has been evaluated.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
+        this.hasResolvedDefaultSlot = false;
         this.focusedByInput = false;
         this.handleReset = async () => {
             this.checked = this.defaultChecked;
@@ -78,6 +90,19 @@ const StzhToggle = class {
                 originalEvent: event,
             });
         };
+        /**
+         * Re-evaluates default-slot content and updates the related render state.
+         * Becomes obsolete with implementation of PDESI-1908.
+         */
+        this.updateDefaultSlotState = () => {
+            const hasDefaultSlot = utils.hasDefaultSlotContent(this.element, ["stzh-toggle"]);
+            if (this.hasDefaultSlot !== hasDefaultSlot) {
+                this.hasDefaultSlot = hasDefaultSlot;
+            }
+            if (!this.hasResolvedDefaultSlot) {
+                this.hasResolvedDefaultSlot = true;
+            }
+        };
     }
     resetListener(event) {
         if (event.target.contains(this.element)) {
@@ -107,6 +132,9 @@ const StzhToggle = class {
             this._error = [];
         }
     }
+    componentDidLoad() {
+        this.updateDefaultSlotState();
+    }
     async componentWillLoad() {
         this.inputId = `stzh-toggle-${toggleCounter++}`;
         this.defaultChecked = typeof this.defaultChecked === "boolean" ? this.defaultChecked : this.checked;
@@ -120,7 +148,8 @@ const StzhToggle = class {
         const descriptionUsed = utils.hasSlot(this.element, "description") || !!this.description;
         const descriptionLongUsed = utils.hasSlot(this.element, "description-long") || !!this.descriptionLong;
         const errorUsed = utils.hasSlot(this.element, "error") || ((_a = this._error) === null || _a === void 0 ? void 0 : _a.length) > 0;
-        const labelUsed = !!this.label || utils.hasSlot(this.element) || descriptionLongUsed;
+        const labelUsed = !!this.label || this.hasDefaultSlot;
+        const labelWrapperUsed = !this.hasResolvedDefaultSlot || labelUsed || descriptionLongUsed;
         const classes = {
             "stzh-toggle": true,
             "stzh-toggle--has-error": errorUsed,
@@ -131,11 +160,11 @@ const StzhToggle = class {
             "stzh-toggle--has-description-long": descriptionLongUsed,
             [`stzh-toggle--has-label-${this.labelPosition}`]: !!this.labelPosition,
         };
-        return (index.h(index.Host, { key: '71703076957012244d99e5bfe9eaae91dfd3136b', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '5c3cdb7ff6195fb6dbf844110f7f2fc15dd0e5b9', class: classes }, index.h("label", { key: 'e7207ccb9b8ef7f1ee798f8008a777c14f83a294', class: "stzh-toggle__field-wrapper" }, index.h("input", { key: '66fa0d14e799bf6fdc0ec19f691dfac483884132', class: "stzh-toggle__input", ref: el => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("div", { key: '6260219a827eb1706ad4359a065d17ce28d83881', class: "stzh-toggle__mark" }, index.h("div", { key: 'c31d157867858c2ae6c449a53143886992250fd6', class: "stzh-toggle__check" })), labelUsed && (index.h("div", { key: '4176627fde0fdb89e848d9300a1bd22fccf678b2', class: "stzh-toggle__label" }, index.h("span", { key: 'bb2056d98e40d6c9780d622c639455f7a980f0e1', class: "stzh-toggle__label-text" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: '1bae137c2d20f921064d2bc8f27307e53babd3cc', class: "stzh-toggle__marker" }, index.h("span", { key: '19a4adea55ed3943bda5115c457e88168b05925c', class: "stzh-toggle__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: 'd09370bcc5b0fc74b920e7c961ec559c6664a5db', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '1c2ade57562614976ca6d5255dc28fddd6fbaa29', class: classes }, labelWrapperUsed && (index.h("label", { key: '63c1b6246465460174cd43e41e776b22278b501b', class: "stzh-toggle__field-wrapper" }, index.h("input", { key: 'fbb0a7957f6c51feac4fa89a0860b468a70dfad4', class: "stzh-toggle__input", ref: el => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("div", { key: '8cf2e9c5a05d2e049141b7663d9cd6a0902959a7', class: "stzh-toggle__mark" }, index.h("div", { key: '8cc1f7ef724c203cd2ad84360c88a98ca105eb6c', class: "stzh-toggle__check" })), index.h("div", { key: '0f765e3078b407d190c17208a64ef81e1b580562', class: "stzh-toggle__label" }, index.h("span", { key: '76c967e71cc27b310834af1f017a59f9b551e9ed', class: "stzh-toggle__label-text" }, this.label ? this.label : index.h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (index.h("span", { key: 'f39f2b1986afb9d72053ee6a125129b7264a10fd', class: "stzh-toggle__marker" }, index.h("span", { key: '8aab2815bc08b3ad5f1c4db3f1c85f3ac9150981', class: "stzh-toggle__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '3c54f5386396ffc9e1e52b8730aae92dc3f228e9', class: "stzh-toggle__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '6266f4640bfc578cbcdf5561cfca0eda3b35916f', class: "stzh-toggle__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: '7cfd564610bd66d61b66ab70bbcaed301252de35', classPrefix: "stzh-toggle", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false }))))), (errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: '02c34d582606de57abafad95ff723d014f4a8bd2', classPrefix: "stzh-toggle", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: 'fe36e454c45a382a5cec894b28bccda1465a3cf8', classPrefix: "stzh-toggle", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false }))))), (errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: '96d61ed45195149288f4b44d3251d8a80029eb4c', classPrefix: "stzh-toggle", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-tooltip.cjs.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 var arrow = require('./arrow-D31rkWqT.js');
 var focusTrap_esm = require('./focus-trap.esm-rE3kTCtI.js');
-var utils = require('./utils-BtvTjHH2.js');
+var utils = require('./utils-CjJm84Uq.js');
 var eventUtils = require('./event-utils-0nQqLFjw.js');
 var animationUtils = require('./animation-utils-BWUvTmNq.js');
 require('./string-utils-BhUgGAtN.js');
@@ -350,7 +350,7 @@ const StzhTooltip = class {
             [`stzh-tooltip--open`]: this.open,
             [`stzh-tooltip--placement-${this.computedPlacement}`]: !!this.computedPlacement,
         };
-        return (index.h(index.Host, { key: '012724e0503ec288ed26ab0349f47a38ef0b3096' }, index.h("div", { key: 'ab00cbc1925024146dd787aaa458ab9bc61983f7', class: classes }, index.h("div", { key: 'b6ce70a7bcb38321c0f80eadce119575765e1ae0', class: "stzh-tooltip__trigger", ref: el => (this.triggerElement = el) }, index.h("slot", { key: '86aa4451718894fb07b2dad52f6ec88fc65a79fa' })), this.hasTrigger("click") && (index.h("div", { key: '612541e156677d64cfaf6b93e759661e0d8b43bf', class: "stzh-tooltip__vhidden", id: `${this.id}-trigger-description` }, this.localization.open)), index.h("div", { key: 'a9d13f17857a6df369de8e47db1d444f3f832f5e', class: "stzh-tooltip__content", id: `${this.id}-content`, ref: el => (this.contentElement = el), tabindex: "-1", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.onEscKey, onMouseEnter: this.onMouseEnterTrigger, onMouseLeave: this.onMouseLeaveTrigger, onFocusin: this.onFocusTrigger, onFocusout: this.onBlurTrigger }, index.h("div", { key: '3d923d9a940924c993103736747aef80402a066d', class: "stzh-tooltip__arrow", ref: el => (this.arrowElement = el), innerHTML: arrow.Arrow }), this.label && (index.h("h2", { key: '471200d61c43b6642b27f4b9a57f1d2dff4ff5c5', id: `${this.id}-label`, class: "stzh-tooltip__vhidden" }, this.label)), this.hasTrigger("click") && (index.h("button", { key: '10dd80e0915a3251702d59079420a910c2a4e40d', class: "stzh-tooltip__close", onClick: () => this.hide(), type: "button" }, index.h("stzh-icon", { key: '2cc3012f1c6e840b835b11e09ce0eaea05e8e951', name: "close", class: "stzh-tooltip__icon" }), index.h("span", { key: '33314393adb510ea664a3b71cdc91cea01a4a8fe', class: "stzh-tooltip__vhidden" }, this.localization.close))), index.h("stzh-text", Object.assign({ key: 'd4162f0c66217ee9ea960a6b456aabbd2a0736f4', curve: this.type === "overlay" ? "none" : "caption" }, (this.type === "button" ? { font: "heavy" } : {}), { class: "stzh-tooltip__content-slot" }), this.content ? this.content : index.h("slot", { name: "content" }))))));
+        return (index.h(index.Host, { key: '87b3ff5681cba66f247a4b9796ba48a60223c8c0' }, index.h("div", { key: 'b8fcb9989e3755f8353dc30041c7389677ad2225', class: classes }, index.h("div", { key: '0260e279e17a025c41f79ffc259d2fbe7de1ebe5', class: "stzh-tooltip__trigger", ref: el => (this.triggerElement = el) }, index.h("slot", { key: '00233d11fa1eed44272ec776346149de8f27c4c3' })), this.hasTrigger("click") && (index.h("div", { key: '429618291c4e8b8c66febbd2c3db71597ba31b66', class: "stzh-tooltip__vhidden", id: `${this.id}-trigger-description` }, this.localization.open)), index.h("div", { key: '56d2565d045be1a7e3ad07eb2b1952c219d091e2', class: "stzh-tooltip__content", id: `${this.id}-content`, ref: el => (this.contentElement = el), tabindex: "-1", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.onEscKey, onMouseEnter: this.onMouseEnterTrigger, onMouseLeave: this.onMouseLeaveTrigger, onFocusin: this.onFocusTrigger, onFocusout: this.onBlurTrigger }, index.h("div", { key: '75ac7b7bd0a0f0b6f3f2a2fd0bc0040cb60ec7ff', class: "stzh-tooltip__arrow", ref: el => (this.arrowElement = el), innerHTML: arrow.Arrow }), this.label && (index.h("h2", { key: 'b05fd5efaf3ecbf8e24e1979d98b2300ec2513fb', id: `${this.id}-label`, class: "stzh-tooltip__vhidden" }, this.label)), this.hasTrigger("click") && (index.h("button", { key: '5f02d98c98214aebd9a31432ba6c0642e629dfe8', class: "stzh-tooltip__close", onClick: () => this.hide(), type: "button" }, index.h("stzh-icon", { key: 'd14def3d3ab12425b1f79e811ade0aac375a3e75', name: "close", class: "stzh-tooltip__icon" }), index.h("span", { key: '76dcdb1cc8619130bb27ebbdbf920f28ead54207', class: "stzh-tooltip__vhidden" }, this.localization.close))), index.h("stzh-text", Object.assign({ key: '461c81d1322994587db85962ba41b280b796fa5d', curve: this.type === "overlay" ? "none" : "caption" }, (this.type === "button" ? { font: "heavy" } : {}), { class: "stzh-tooltip__content-slot" }), this.content ? this.content : index.h("slot", { name: "content" }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-twocolumns.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 const stzhTwocolumnsCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}:host{--grid-template-areas:var(
@@ -55,7 +55,7 @@ const StzhTwocolumns = class {
             "stzh-twocolumns--has-left": leftSlotUsed,
             "stzh-twocolumns--has-right": rightSlotUsed,
         };
-        return (index.h(index.Host, { key: '0ca48c60ae81b0f55d1da4aebda016298cdae9ce' }, index.h("div", { key: 'ef86c4a543c9f47388ae01ca4c52425f358221a8', class: classes }, index.h("div", { key: '3f6da1ef3010941a73aee6641a5c803e8be71e22', class: "stzh-twocolumns__left" }, index.h("slot", { key: '600b238e7bbf16d1eebf2ef7a107a4dbf724bafb', name: "left", onSlotchange: () => index.forceUpdate(this.element) })), index.h("div", { key: 'b9ba91f41cc40cd66b257f1d4ced8c679f1976db', class: "stzh-twocolumns__right" }, index.h("slot", { key: '6234fda5f8caf144343f77da9a80bbef2987e56d', name: "right", onSlotchange: () => index.forceUpdate(this.element) })))));
+        return (index.h(index.Host, { key: '14d43657c9511411dee757628d1f705fdee2c049' }, index.h("div", { key: 'b20c2864082e8bf26a94ceceb5eb8c69d467b840', class: classes }, index.h("div", { key: '13f863b4e309db7e411d09027bb1c31d0adbf5bb', class: "stzh-twocolumns__left" }, index.h("slot", { key: '1959a39f845dc0c66cbf84b0f93b1e993142b780', name: "left", onSlotchange: () => index.forceUpdate(this.element) })), index.h("div", { key: '743b23351efb995d040467716ac9c7e243845b75', class: "stzh-twocolumns__right" }, index.h("slot", { key: '9a7b7d49343990d0cebb6ff9d00012106adf69e6', name: "right", onSlotchange: () => index.forceUpdate(this.element) })))));
     }
     get element() { return index.getElement(this); }
 };