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

package/dist/components/p-CP2-kI_R.js

@@ -1,262 +0,0 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DAS4ghWk.js';
-import { c as camelCase, h as hasSlot } from './p-CN5apKPb.js';
-import { S as StzhInputDescription } from './p-DTDpjDcx.js';
-import { d as defineCustomElement$3 } from './p-BU4OH8Cm.js';
-import { d as defineCustomElement$2 } from './p-BQMsQk8o.js';
-import { d as defineCustomElement$1 } from './p-BN-54ren.js';
-
-const stzhRadiogroupCss = () => `.sc-stzh-radiogroup-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-radiogroup-h,[stzh-hidden].sc-stzh-radiogroup-h{display:none}.sc-stzh-radiogroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-radiogroup-h *.sc-stzh-radiogroup,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::before,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::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-radiogroup-h .has-focus.sc-stzh-radiogroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-radiogroup-h .stzh-fylingfocus-focused.sc-stzh-radiogroup{outline-style:none !important}.sc-stzh-radiogroup-h .stzh-fylingfocus-focused.sc-stzh-radiogroup::-moz-focus-inner{border:0 !important}.sc-stzh-radiogroup-h{--legend-color:var(--stzh-radio-group-legend-color, var(--stzh-heading-color))}[disabled].sc-stzh-radiogroup-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-radiogroup__marker-symbol.sc-stzh-radiogroup{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-radiogroup__marker-text.sc-stzh-radiogroup{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-radiogroup__description-wrapper.sc-stzh-radiogroup{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__description.sc-stzh-radiogroup{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-radiogroup__error.sc-stzh-radiogroup{color:var(--stzh-color-error60)}.stzh-radiogroup__error-list.sc-stzh-radiogroup{list-style:none;margin:0;padding:0}.stzh-radiogroup__description.sc-stzh-radiogroup{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-radiogroup__description-long.sc-stzh-radiogroup{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-radiogroup__description-long.sc-stzh-radiogroup{margin-top:0}}.stzh-radiogroup__description-long-popover.sc-stzh-radiogroup{--width:auto;--max-width:27.3125rem}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup{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-radiogroup.sc-stzh-radiogroup stzh-icon.stzh-radiogroup__description-long-icon.sc-stzh-radiogroup{--size:var(--stzh-icon-size-xsmall)}.stzh-radiogroup--has-error.sc-stzh-radiogroup .stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup--has-description.sc-stzh-radiogroup .stzh-radiogroup__description.sc-stzh-radiogroup{margin-top:var(--stzh-space-xxxsmall)}.stzh-radiogroup.sc-stzh-radiogroup{margin:0;padding:0;border:none}.stzh-radiogroup__fields.sc-stzh-radiogroup{display:flex;align-items:flex-start;flex-direction:column;gap:var(--stzh-space-medium)}.stzh-radiogroup__legend.sc-stzh-radiogroup{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--legend-color);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-radiogroup__marker.sc-stzh-radiogroup{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-radiogroup--hide-legend.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{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-radiogroup--is-invalid.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup,.stzh-radiogroup--has-error.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{color:var(--stzh-color-error60)}.stzh-radiogroup--is-disabled.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{color:var(--stzh-color-grey60)}.stzh-radiogroup--direction-horizontal.sc-stzh-radiogroup .stzh-radiogroup__fields.sc-stzh-radiogroup{flex-wrap:wrap;flex-direction:row;row-gap:var(--stzh-space-medium);column-gap:var(--stzh-space-xxlarge)}`;
-
-const SELECTOR_RADIO = "stzh-radio, stzh-button[type=radio], stzh-card";
-let radiogroupCounter = 0;
-const StzhRadiogroup = /*@__PURE__*/ proxyCustomElement(class StzhRadiogroup extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /** Whether the element is disabled or not */
-        this.disabled = false;
-        /** Hide legend to show only for screenreaders */
-        this.hideLegend = false;
-        /** Invalid status */
-        this.invalid = false;
-        /** Required status */
-        this.required = false;
-        /** Hide `(optional)` label (or use `required` inside form to hide it) */
-        this.hideOptional = false;
-        /** Select a radio by value */
-        this.value = "";
-        /** Default value (used by reset) */
-        this.defaultValue = "";
-        /** Direction */
-        this.direction = "vertical";
-        /** Current checked radio element (readonly) */
-        this.checkedRadio = null;
-        /** Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid, required, hide-marker) */
-        this.preventUpdateProperties = [];
-        this._preventUpdateProperties = [];
-        this.handleReset = async () => {
-            this.value = this.defaultValue;
-        };
-        this.init = () => {
-            // update radios
-            this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));
-            this.updateRadiosProperty("hide-optional", true);
-            this.updateRadiosProperty("a11y-describedby", `${this.radiogroupId}-description`);
-            this.updateRadiosProperty("invalid", this.invalid || this.errorUsed);
-            this.watchValue(this.value);
-            this.watchName(this.name);
-            this.watchDisabled(this.disabled);
-            this.watchRequired(this.required);
-        };
-    }
-    watchName(newValue) {
-        this.updateRadiosProperty("name", newValue);
-    }
-    watchDisabled(newValue) {
-        this.updateRadiosProperty("disabled", newValue);
-    }
-    watchRequired(newValue) {
-        this.updateRadiosProperty("required", newValue);
-    }
-    watchValue(newValue) {
-        this.updateCheckedRadioByValue(newValue);
-    }
-    errorWatcher(newValue) {
-        if (typeof newValue === "string") {
-            try {
-                this._error = JSON.parse(newValue);
-            }
-            catch (e) {
-                if (newValue) {
-                    this._error = [newValue];
-                }
-                else {
-                    this._error = [];
-                }
-            }
-        }
-        else if (newValue) {
-            this._error = newValue;
-        }
-        else {
-            this._error = [];
-        }
-    }
-    preventUpdatePropertiesWatcher(newValue) {
-        if (typeof newValue === "string") {
-            this._preventUpdateProperties = JSON.parse(newValue);
-        }
-        else {
-            this._preventUpdateProperties = newValue;
-        }
-    }
-    resetListener(event) {
-        if (event.target.contains(this.element)) {
-            requestAnimationFrame(() => {
-                this.handleReset();
-            });
-        }
-    }
-    onChange(event) {
-        this.value = event.detail.value;
-    }
-    updateRadiosProperty(prop, value) {
-        this.radios.forEach((radio) => {
-            if (prop === "disabled") {
-                // Only set the disabled if the radio is not already disabled
-                if (!radio.disabled) {
-                    radio.disabled = value;
-                }
-            }
-            else if (prop === "name" || this._preventUpdateProperties.indexOf(prop) === -1) {
-                radio[camelCase(prop)] = value;
-            }
-        });
-    }
-    get errorUsed() {
-        var _a;
-        return hasSlot(this.element, "error") || ((_a = this._error) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    }
-    updateCheckedRadioByValue(value) {
-        this.checkedRadio = this.radios.find(radio => radio.value === value);
-        if (this.checkedRadio) {
-            this.checkedRadio.checked = true;
-        }
-        this.uncheckRadios();
-    }
-    uncheckRadios() {
-        // make sure that no other radios are checked than the current one or no one
-        this.radios.forEach((radio) => {
-            if (!this.checkedRadio || radio !== this.checkedRadio) {
-                radio.checked = false;
-            }
-        });
-    }
-    componentDidLoad() {
-        this.defaultValue = this.defaultValue ? this.defaultValue : this.value;
-    }
-    async componentWillLoad() {
-        this.radiogroupId = `stzh-radiogroup-${radiogroupCounter++}`;
-        this.errorWatcher(this.error);
-        this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);
-        if (!this.localization) {
-            this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, "radiogroup");
-        }
-    }
-    componentShouldUpdate(_newValue, _oldValue, prop) {
-        return prop !== "checkedRadio";
-    }
-    componentDidRender() {
-        this.init();
-    }
-    connectedCallback() {
-        if (!this.value) {
-            this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));
-            // try to find a checkbox that might has checked set to true
-            const checkedRadio = this.radios.find(radio => radio.checked);
-            if (checkedRadio) {
-                this.value = checkedRadio.value;
-            }
-        }
-        this.observer = new MutationObserver(this.init);
-        this.observer.observe(this.element, {
-            childList: true,
-            subtree: true,
-        });
-    }
-    disconnectedCallback() {
-        if (this.observer) {
-            this.observer.disconnect();
-        }
-    }
-    render() {
-        const descriptionUsed = hasSlot(this.element, "description") || !!this.description;
-        const descriptionLongUsed = hasSlot(this.element, "description-long") || !!this.descriptionLong;
-        const classes = {
-            "stzh-radiogroup": true,
-            "stzh-radiogroup--has-description": descriptionUsed,
-            "stzh-radiogroup--has-description-long": descriptionLongUsed,
-            "stzh-radiogroup--has-error": this.errorUsed,
-            "stzh-radiogroup--is-required": this.required,
-            "stzh-radiogroup--is-disabled": this.disabled,
-            "stzh-radiogroup--is-invalid": this.invalid || this.errorUsed,
-            "stzh-radiogroup--hide-legend": this.hideLegend,
-            [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,
-        };
-        return (h(Host, { key: '899a1955959d8aaa4efe64765d27627841178eae', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '58f9bbae7466c976953e4aae8cfe640449a8a2eb', class: classes }, this.legend && (h("legend", { key: 'f37de0069671e98b92e88a91d884f68031571a01', class: "stzh-radiogroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: 'e312c32c3dfad5959721f1b8661fd0e16435fb94', class: "stzh-radiogroup__marker" }, h("span", { key: '7db2bf5b7a30086b810f1d26914bf9106528bbea', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
-            ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '4475d36e61070e43bfc9864caf0000c0ce3d4de4', class: "stzh-radiogroup__marker-text" }, this.required
-            ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), h("div", { key: 'dd084175dac3b689df8476c0caf3042ba256cc68', class: "stzh-radiogroup__fields" }, h("slot", { key: '98c4cc78cf74f258f41f83edb7075ab4051bf27b' })), (this.errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: 'ee773c4ac851008a09a71cd8704c6eb85df38fcc', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "name": ["watchName"],
-        "disabled": ["watchDisabled"],
-        "required": ["watchRequired"],
-        "value": ["watchValue"],
-        "error": ["errorWatcher"],
-        "preventUpdateProperties": ["preventUpdatePropertiesWatcher"]
-    }; }
-    static get style() { return stzhRadiogroupCss(); }
-}, [262, "stzh-radiogroup", {
-        "localization": [16],
-        "disabled": [516],
-        "name": [513],
-        "legend": [1],
-        "hideLegend": [516, "hide-legend"],
-        "invalid": [516],
-        "required": [516],
-        "hideOptional": [516, "hide-optional"],
-        "value": [1025],
-        "defaultValue": [1025, "default-value"],
-        "direction": [513],
-        "description": [1],
-        "descriptionLong": [1, "description-long"],
-        "descriptionLongTitle": [1, "description-long-title"],
-        "error": [1],
-        "checkedRadio": [8, "checked-radio"],
-        "preventUpdateProperties": [1, "prevent-update-properties"]
-    }, [[4, "reset", "resetListener"], [0, "stzhChange", "onChange"]], {
-        "name": ["watchName"],
-        "disabled": ["watchDisabled"],
-        "required": ["watchRequired"],
-        "value": ["watchValue"],
-        "error": ["errorWatcher"],
-        "preventUpdateProperties": ["preventUpdatePropertiesWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["stzh-radiogroup", "stzh-icon", "stzh-popover", "stzh-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "stzh-radiogroup":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), StzhRadiogroup);
-            }
-            break;
-        case "stzh-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "stzh-popover":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "stzh-text":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { StzhRadiogroup as S, defineCustomElement as d };
-//# sourceMappingURL=p-CP2-kI_R.js.map
-
-//# sourceMappingURL=p-CP2-kI_R.js.map

package/dist/components/p-CP2-kI_R.js.map

@@ -1 +0,0 @@
-{"file":"p-CP2-kI_R.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-radiogroup/stzh-radiogroup.scss?tag=stzh-radiogroup&encapsulation=scoped","src/components/stzh-radiogroup/stzh-radiogroup.tsx"],"sourcesContent":[":host {\n  --legend-color: var(--stzh-radio-group-legend-color, #{$headingColor});\n\n  &[disabled]:not([disabled=\"false\"]) {\n    --description-color: #{$formDisabledColor};\n  }\n}\n\n.stzh-radiogroup {\n  @include input-description;\n  margin: 0;\n  padding: 0;\n  border: none;\n\n  &__fields {\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n    gap: space(\"medium\");\n  }\n\n  &__legend {\n    @include font(\"heavy\");\n    @include fontSize(\"micro\");\n    color: var(--legend-color);\n    padding: 0;\n    margin-bottom: space(\"xsmall\");\n  }\n\n  &__marker {\n    @include fontSize(\"nano\");\n    margin-left: calc(-0.25em + #{space(\"xsmall\")});\n  }\n\n  &--hide-legend &__legend {\n    @include visuallyhidden;\n  }\n\n  &--is-invalid &__legend,\n  &--has-error &__legend {\n    color: $colorError60;\n  }\n\n  &--is-disabled &__legend {\n    color: $colorGrey60;\n  }\n\n  &--direction-horizontal &__fields {\n    flex-wrap: wrap;\n    flex-direction: row;\n    row-gap: space(\"medium\");\n    column-gap: space(\"xxlarge\");\n  }\n}\n","import { Component, Element, h, Host, Listen, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhRadioChangeEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { camelCase } from \"../../utils/string-utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nconst SELECTOR_RADIO = \"stzh-radio, stzh-button[type=radio], stzh-card\";\n\nlet radiogroupCounter = 0;\n\n/**\n * @slot - Slot for `stzh-radio`, `stzh-button[type=\"radio\"]` or `stzh-card` elements\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n */\n@Component({\n  tag: \"stzh-radiogroup\",\n  styleUrl: \"stzh-radiogroup.scss\",\n  scoped: true,\n})\nexport class StzhRadiogroup {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** The name of the input radio elements, will define the radio group. If you have more than one radio group on a page, every group needs to have its own unique name */\n  @Prop({ reflect: true }) name: string;\n\n  /** The legend */\n  @Prop() legend: string;\n\n  /** Hide legend to show only for screenreaders */\n  @Prop({ reflect: true }) hideLegend: boolean = false;\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Hide `(optional)` label (or use `required` inside form to hide it) */\n  @Prop({ reflect: true }) hideOptional: boolean = false;\n\n  /** Select a radio by value */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** Default value (used by reset) */\n  @Prop({ mutable: true }) defaultValue: string = \"\";\n\n  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /**\n   * **Do not use this property. It will be deprecated with the next major release.**\n   * Long description title appearing in a popover (use description-long-title slot as or description property alternative) */\n  @Prop() descriptionLongTitle: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Current checked radio element (readonly) */\n  @Prop() checkedRadio: HTMLStzhRadioElement | null = null;\n\n  /** Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid, required, hide-marker) */\n  @Prop() preventUpdateProperties: string[] | string = [];\n  private _preventUpdateProperties: string[] = [];\n\n  /** Host element */\n  @Element() element: HTMLElement;\n\n  @Watch(\"name\")\n  watchName(newValue: string) {\n    this.updateRadiosProperty(\"name\", newValue);\n  }\n\n  @Watch(\"disabled\")\n  watchDisabled(newValue: boolean) {\n    this.updateRadiosProperty(\"disabled\", newValue);\n  }\n\n  @Watch(\"required\")\n  watchRequired(newValue: boolean) {\n    this.updateRadiosProperty(\"required\", newValue);\n  }\n\n  @Watch(\"value\")\n  watchValue(newValue: string) {\n    this.updateCheckedRadioByValue(newValue);\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n  }\n\n  @Watch(\"preventUpdateProperties\")\n  preventUpdatePropertiesWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      this._preventUpdateProperties = JSON.parse(newValue);\n    } else {\n      this._preventUpdateProperties = newValue;\n    }\n  }\n\n  @Listen(\"reset\", { target: \"document\" })\n  resetListener(event: Event) {\n    if ((event.target as HTMLElement).contains(this.element)) {\n      requestAnimationFrame(() => {\n        this.handleReset();\n      });\n    }\n  }\n\n  @Listen(\"stzhChange\")\n  onChange(event: CustomEvent<StzhRadioChangeEvent>) {\n    this.value = event.detail.value;\n  }\n\n  /** Radio elements */\n  private radios: HTMLStzhRadioElement[];\n  private radiogroupId: string;\n  private observer: MutationObserver;\n\n  private updateRadiosProperty(prop: string, value: any) {\n    this.radios.forEach((radio: HTMLStzhRadioElement) => {\n      if (prop === \"disabled\") {\n        // Only set the disabled if the radio is not already disabled\n        if (!radio.disabled) {\n          radio.disabled = value;\n        }\n      } else if (prop === \"name\" || this._preventUpdateProperties.indexOf(prop) === -1) {\n        radio[camelCase(prop)] = value;\n      }\n    });\n  }\n\n  private get errorUsed(): boolean {\n    return hasSlot(this.element, \"error\") || this._error?.length > 0;\n  }\n\n  private updateCheckedRadioByValue(value: string) {\n    this.checkedRadio = this.radios.find(radio => radio.value === value);\n\n    if (this.checkedRadio) {\n      this.checkedRadio.checked = true;\n    }\n\n    this.uncheckRadios();\n  }\n\n  private uncheckRadios() {\n    // make sure that no other radios are checked than the current one or no one\n    this.radios.forEach((radio: HTMLStzhRadioElement) => {\n      if (!this.checkedRadio || radio !== this.checkedRadio) {\n        radio.checked = false;\n      }\n    });\n  }\n\n  private handleReset = async () => {\n    this.value = this.defaultValue;\n  };\n\n  private init = () => {\n    // update radios\n    this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));\n\n    this.updateRadiosProperty(\"hide-optional\", true);\n    this.updateRadiosProperty(\"a11y-describedby\", `${this.radiogroupId}-description`);\n    this.updateRadiosProperty(\"invalid\", this.invalid || this.errorUsed);\n\n    this.watchValue(this.value);\n    this.watchName(this.name);\n    this.watchDisabled(this.disabled);\n    this.watchRequired(this.required);\n  };\n\n  componentDidLoad() {\n    this.defaultValue = this.defaultValue ? this.defaultValue : this.value;\n  }\n\n  async componentWillLoad() {\n    this.radiogroupId = `stzh-radiogroup-${radiogroupCounter++}`;\n    this.errorWatcher(this.error);\n    this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"radiogroup\");\n    }\n  }\n\n  componentShouldUpdate(_newValue, _oldValue, prop: string) {\n    return prop !== \"checkedRadio\";\n  }\n\n  componentDidRender() {\n    this.init();\n  }\n\n  connectedCallback() {\n    if (!this.value) {\n      this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));\n\n      // try to find a checkbox that might has checked set to true\n      const checkedRadio = this.radios.find(radio => radio.checked);\n\n      if (checkedRadio) {\n        this.value = checkedRadio.value;\n      }\n    }\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const descriptionUsed = hasSlot(this.element, \"description\") || !!this.description;\n    const descriptionLongUsed = hasSlot(this.element, \"description-long\") || !!this.descriptionLong;\n\n    const classes = {\n      \"stzh-radiogroup\": true,\n      \"stzh-radiogroup--has-description\": descriptionUsed,\n      \"stzh-radiogroup--has-description-long\": descriptionLongUsed,\n      \"stzh-radiogroup--has-error\": this.errorUsed,\n      \"stzh-radiogroup--is-required\": this.required,\n      \"stzh-radiogroup--is-disabled\": this.disabled,\n      \"stzh-radiogroup--is-invalid\": this.invalid || this.errorUsed,\n      \"stzh-radiogroup--hide-legend\": this.hideLegend,\n      [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,\n    };\n\n    return (\n      <Host is-invalid={this.invalid || this.errorUsed}>\n        <fieldset class={classes}>\n          {this.legend && (\n            <legend class=\"stzh-radiogroup__legend\">\n              {this.legend}\n              {!this.hideOptional && (\n                <span class=\"stzh-radiogroup__marker\">\n                  <span class=\"stzh-radiogroup__marker-symbol\" aria-hidden=\"true\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldMarker\n                      : this.localization.$globals.optionalFieldMarker}\n                  </span>\n                  <span class=\"stzh-radiogroup__marker-text\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldText\n                      : this.localization.$globals.optionalFieldText}\n                  </span>\n                </span>\n              )}\n            </legend>\n          )}\n          <div class=\"stzh-radiogroup__fields\">\n            <slot></slot>\n          </div>\n          {(this.errorUsed || this.description || this.descriptionLong) && (\n            <StzhInputDescription\n              classPrefix=\"stzh-radiogroup\"\n              id={`${this.radiogroupId}-description`}\n              error={this._error}\n              description={this.description}\n              descriptionLong={this.descriptionLong}\n              descriptionLongTitle={this.descriptionLongTitle}\n              descriptionLongUsed={descriptionLongUsed}\n              moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n            />\n          )}\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-CPlP1yak.js

@@ -1,134 +0,0 @@
-import { p as proxyCustomElement, t as transformTag, H, d as createEvent, h, e as Host } from './p-DAS4ghWk.js';
-import { d as defineCustomElement$1 } from './p-C3DzudRE.js';
-
-const stzhAccordionCss = () => `: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{--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px;--margin-left:inherit;--margin-right:inherit}.stzh-accordion{display:grid;gap:var(--stzh-space-xsmall);margin-left:var(--margin-left);margin-right:var(--margin-left)}.stzh-accordion__heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-xlarge)}}.stzh-accordion{}.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-medium) * -1)}@media screen and (min-width: 600px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-large) * -1)}}@media screen and (min-width: 900px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-xlarge) * -1)}}@media screen and (min-width: 1260px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-xxlarge) * -1)}}.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-medium) * -1)}@media screen and (min-width: 600px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-large) * -1)}}@media screen and (min-width: 900px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-xlarge) * -1)}}@media screen and (min-width: 1260px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-xxlarge) * -1)}}`;
-
-const StzhAccordion = /*@__PURE__*/ proxyCustomElement(class StzhAccordion extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.stzhVariantChange = createEvent(this, "stzhVariantChange");
-        /** Variant */
-        this.variant = "default";
-        /** Heading */
-        this.heading = "";
-        /** Whether folds are collapsible */
-        this.collapsible = true;
-        /** Whether multiple folds can be opened at once */
-        this.multiselectable = true;
-    }
-    variantWatcher(newValue) {
-        this.stzhVariantChange.emit({
-            component: "stzh-accordion",
-            value: newValue,
-        });
-    }
-    openListener(event) {
-        const accordionItemOpened = event.target;
-        const accordionOpened = accordionItemOpened.closest("stzh-accordion");
-        if (this.multiselectable ||
-            (event.detail && event.detail.component !== "stzh-accordion-item") ||
-            accordionOpened !== this.element) {
-            return;
-        }
-        const items = Array.from(accordionOpened.querySelectorAll("stzh-accordion-item"));
-        items.forEach(item => {
-            if (item !== accordionItemOpened) {
-                item.hide();
-            }
-        });
-    }
-    /** Set focus to accordion item */
-    async setItemFocus(accordionItem, action) {
-        const accordion = accordionItem.closest("stzh-accordion");
-        if (accordion !== this.element) {
-            return;
-        }
-        const items = Array.from(accordion.querySelectorAll(":scope > stzh-accordion-item")).filter(item => !item.disabled);
-        const currentIndex = items.indexOf(accordionItem);
-        if ((action === "prev" || action === "next") && currentIndex === null) {
-            action = action === "prev" ? "last" : "first";
-        }
-        if (action === "prev" && currentIndex === 0) {
-            action = "last";
-        }
-        if (action === "next" && currentIndex === items.length - 1) {
-            action = "first";
-        }
-        if (action === "prev") {
-            items[currentIndex - 1].focus();
-        }
-        else if (action === "next") {
-            items[currentIndex + 1].focus();
-        }
-        else if (action === "last") {
-            items[items.length - 1].focus();
-        }
-        else if (action === "first") {
-            items[0].focus();
-        }
-        else {
-            accordionItem.focus();
-        }
-    }
-    checkIfNested() {
-        let parentElement = this.element.parentElement;
-        while (parentElement) {
-            if (parentElement.tagName.toLowerCase() === "stzh-accordion") {
-                this.isNested = true;
-                break;
-            }
-            parentElement = parentElement.parentElement;
-        }
-    }
-    componentDidLoad() {
-        this.checkIfNested();
-    }
-    render() {
-        const classes = {
-            "stzh-accordion": true,
-            "stzh-accordion--is-nested": this.isNested,
-        };
-        return (h(Host, { key: '8ee59c77a0fc46b76aba33ed45fa424e28d31c4f' }, h("div", { key: '1029e5d27fad4849eed289f5591d338c717eaeca', class: classes }, this.heading && (h("div", { key: '7a7552fe02fb4cb59b75a2572e7c347d333b34ef', class: "stzh-accordion__heading" }, h("stzh-heading", { key: '5ec050f0ee8952d59023204f52a1b21c0aaec474', level: "2" }, this.heading))), h("slot", { key: '8a7380e0be24f4df9c1cab64c847b3d8f39f9a86' }))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "variant": ["variantWatcher"]
-    }; }
-    static get style() { return stzhAccordionCss(); }
-}, [257, "stzh-accordion", {
-        "variant": [513],
-        "heading": [513],
-        "collapsible": [4],
-        "multiselectable": [4],
-        "isNested": [32],
-        "setItemFocus": [64]
-    }, [[0, "stzhOpen", "openListener"]], {
-        "variant": ["variantWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["stzh-accordion", "stzh-heading"];
-    components.forEach(tagName => { switch (tagName) {
-        case "stzh-accordion":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), StzhAccordion);
-            }
-            break;
-        case "stzh-heading":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { StzhAccordion as S, defineCustomElement as d };
-//# sourceMappingURL=p-CPlP1yak.js.map
-
-//# sourceMappingURL=p-CPlP1yak.js.map

package/dist/components/p-CPlP1yak.js.map

@@ -1 +0,0 @@
-{"file":"p-CPlP1yak.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-accordion/stzh-accordion.scss?tag=stzh-accordion&encapsulation=shadow","src/components/stzh-accordion/stzh-accordion.tsx"],"sourcesContent":[":host {\n  // disable section paddings and margins\n  --stzh-section-padding-top: 0px;\n  --stzh-section-padding-bottom: 0px;\n  --stzh-section-margin-top: 0px;\n  --stzh-section-margin-bottom: 0px;\n\n  --margin-left: inherit;\n  --margin-right: inherit;\n}\n\n.stzh-accordion {\n  display: grid;\n  gap: space(\"xsmall\");\n  margin-left: var(--margin-left);\n  margin-right: var(--margin-left);\n\n  &__heading {\n    @include spaceCurve(\"margin-bottom\", \"small\");\n  }\n\n  /* is nested within another accordion */\n\n  &--is-nested {\n    @include spaceCurve(\"margin-left\", \"regular\", true);\n    @include spaceCurve(\"margin-right\", \"regular\", true);\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport { StzhAccordionItemOpenEvent, StzhAccordionVariant, StzhAccordionVariantChangeEvent } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-accordion-item` elements\n */\n@Component({\n  tag: \"stzh-accordion\",\n  styleUrl: \"stzh-accordion.scss\",\n  shadow: true,\n})\nexport class StzhAccordion {\n  /** Variant */\n  @Prop({ reflect: true }) variant: StzhAccordionVariant = \"default\";\n\n  /** Heading */\n  @Prop({ reflect: true }) heading: string = \"\";\n\n  /** Whether folds are collapsible */\n  @Prop() collapsible: boolean = true;\n\n  /** Whether multiple folds can be opened at once */\n  @Prop() multiselectable: boolean = true;\n\n  @Element() element: HTMLStzhAccordionElement;\n\n  /** Variant change event */\n  @Event() stzhVariantChange: EventEmitter<StzhAccordionVariantChangeEvent>;\n\n  @State() isNested: boolean;\n\n  @Watch(\"variant\")\n  variantWatcher(newValue: StzhAccordionVariant) {\n    this.stzhVariantChange.emit({\n      component: \"stzh-accordion\",\n      value: newValue,\n    });\n  }\n\n  @Listen(\"stzhOpen\")\n  openListener(event: CustomEvent<StzhAccordionItemOpenEvent>) {\n    const accordionItemOpened = event.target as HTMLStzhAccordionItemElement;\n    const accordionOpened = accordionItemOpened.closest(\"stzh-accordion\");\n\n    if (\n      this.multiselectable ||\n      (event.detail && event.detail.component !== \"stzh-accordion-item\") ||\n      accordionOpened !== this.element\n    ) {\n      return;\n    }\n\n    const items: HTMLStzhAccordionItemElement[] = Array.from(accordionOpened.querySelectorAll(\"stzh-accordion-item\"));\n    items.forEach(item => {\n      if (item !== accordionItemOpened) {\n        item.hide();\n      }\n    });\n  }\n\n  /** Set focus to accordion item */\n  @Method()\n  async setItemFocus(accordionItem: HTMLStzhAccordionItemElement, action: string) {\n    const accordion = accordionItem.closest(\"stzh-accordion\");\n\n    if (accordion !== this.element) {\n      return;\n    }\n\n    const items = (\n      Array.from(accordion.querySelectorAll(\":scope > stzh-accordion-item\")) as HTMLStzhAccordionItemElement[]\n    ).filter(item => !item.disabled);\n\n    const currentIndex = items.indexOf(accordionItem);\n\n    if ((action === \"prev\" || action === \"next\") && currentIndex === null) {\n      action = action === \"prev\" ? \"last\" : \"first\";\n    }\n\n    if (action === \"prev\" && currentIndex === 0) {\n      action = \"last\";\n    }\n\n    if (action === \"next\" && currentIndex === items.length - 1) {\n      action = \"first\";\n    }\n\n    if (action === \"prev\") {\n      items[currentIndex - 1].focus();\n    } else if (action === \"next\") {\n      items[currentIndex + 1].focus();\n    } else if (action === \"last\") {\n      items[items.length - 1].focus();\n    } else if (action === \"first\") {\n      items[0].focus();\n    } else {\n      accordionItem.focus();\n    }\n  }\n\n  private checkIfNested() {\n    let parentElement = this.element.parentElement;\n\n    while (parentElement) {\n      if (parentElement.tagName.toLowerCase() === \"stzh-accordion\") {\n        this.isNested = true;\n        break;\n      }\n      parentElement = parentElement.parentElement;\n    }\n  }\n\n  componentDidLoad() {\n    this.checkIfNested();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-accordion\": true,\n      \"stzh-accordion--is-nested\": this.isNested,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          {this.heading && (\n            <div class=\"stzh-accordion__heading\">\n              <stzh-heading level=\"2\">{this.heading}</stzh-heading>\n            </div>\n          )}\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-CQY455PH.js

@@ -1,50 +0,0 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DAS4ghWk.js';
-
-const stzhListCss = () => `@charset "UTF-8";: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{--font-size:var(--stzh-list-font-size, var(--stzh-font-milli-font-size));--line-height:var(
-    --stzh-list-line-height,
-    var(--stzh-font-milli-text-line-height)
-  );--letter-spacing:var(--stzh-list-letter-spacing, normal)}@media screen and (min-width: 900px){:host{--font-size:var(--stzh-list-font-size, var(--stzh-font-centi-font-size));--line-height:var(
-      --stzh-list-line-height,
-      var(--stzh-font-centi-text-line-height)
-    )}}:host{counter-reset:li-counter}:host ::slotted(stzh-list-item){--icon-checklist-visibility:hidden;counter-increment:li-counter;position:relative}:host([variant=unordered]) ::slotted(stzh-list-item){--icon-checklist-visibility:hidden;padding-left:calc(var(--stzh-space-xsmall) + var(--stzh-space-small))}:host([variant=unordered]) ::slotted(stzh-list-item)::before{content:"–"}:host([variant=ordered]) ::slotted(stzh-list-item){--icon-checklist-visibility:hidden;padding-left:calc(var(--stzh-space-large) + var(--stzh-space-small))}:host([variant=ordered]) ::slotted(stzh-list-item)::before{content:counter(li-counter) ". "}:host([variant=checklist]) ::slotted(stzh-list-item){--icon-checklist-visibility:visible;padding-left:calc(var(--stzh-icon-size-medium) + var(--stzh-space-small))}.stzh-list{font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}`;
-
-const StzhList = /*@__PURE__*/ proxyCustomElement(class StzhList extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /** Variant */
-        this.variant = "unordered";
-    }
-    render() {
-        const classes = {
-            "stzh-list": true,
-            [`stzh-list--${this.variant}`]: !!this.variant,
-        };
-        return (h(Host, { key: '0ca01aabb1eb1f0eb461ae79cba7e0986e959cc8' }, h("div", { key: '61d889086fbaf38b0ea1542f6452896e119e52be', class: classes, role: "list" }, h("slot", { key: 'eedce2e7c5c397834bac712a714f0ed12ca2fecc' }))));
-    }
-    get element() { return this; }
-    static get style() { return stzhListCss(); }
-}, [257, "stzh-list", {
-        "variant": [513]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["stzh-list"];
-    components.forEach(tagName => { switch (tagName) {
-        case "stzh-list":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), StzhList);
-            }
-            break;
-    } });
-}
-
-export { StzhList as S, defineCustomElement as d };
-//# sourceMappingURL=p-CQY455PH.js.map
-
-//# sourceMappingURL=p-CQY455PH.js.map

package/dist/components/p-CQY455PH.js.map

@@ -1 +0,0 @@
-{"file":"p-CQY455PH.js","mappings":";;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC;AAC3B;AACA;AACA;AACA;AACA;AACA,m4BAAm4B,CAAC;;MCIv3B,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AALrB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAO2B,QAAA,IAAO,CAAA,OAAA,GAA0C,WAAW;AAkBtF;IAdC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,WAAW,EAAE,IAAI;YACjB,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;SAC/C;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM,EAAA,EAC9B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-list/stzh-list.scss?tag=stzh-list&encapsulation=shadow","src/components/stzh-list/stzh-list.tsx"],"sourcesContent":[":host {\n  --font-size: var(--stzh-list-font-size, var(--stzh-font-milli-font-size));\n  --line-height: var(\n    --stzh-list-line-height,\n    var(--stzh-font-milli-text-line-height)\n  );\n  --letter-spacing: var(--stzh-list-letter-spacing, normal);\n\n  @include mq($from: medium) {\n    --font-size: var(--stzh-list-font-size, var(--stzh-font-centi-font-size));\n    --line-height: var(\n      --stzh-list-line-height,\n      var(--stzh-font-centi-text-line-height)\n    );\n  }\n\n  counter-reset: li-counter;\n\n  ::slotted(stzh-list-item) {\n    --icon-checklist-visibility: hidden;\n\n    counter-increment: li-counter;\n    position: relative;\n  }\n}\n\n:host([variant=\"unordered\"]) ::slotted(stzh-list-item) {\n  --icon-checklist-visibility: hidden;\n\n  padding-left: calc(#{space(\"xsmall\")} + #{space(\"small\")});\n\n  &::before {\n    content: \"–\"; // old one: \\2014\n  }\n}\n\n:host([variant=\"ordered\"]) ::slotted(stzh-list-item) {\n  --icon-checklist-visibility: hidden;\n\n  padding-left: calc(#{space(\"large\")} + #{space(\"small\")});\n\n  &::before {\n    content: counter(li-counter) \". \";\n  }\n}\n\n:host([variant=\"checklist\"]) ::slotted(stzh-list-item) {\n  --icon-checklist-visibility: visible;\n\n  padding-left: calc(#{iconSize(\"medium\")} + #{space(\"small\")});\n}\n\n.stzh-list {\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  letter-spacing: var(--letter-spacing);\n}\n","import { Component, Host, h, Element, Prop } from \"@stencil/core\";\n\n/**\n * @slot - Slot for `stzh-list-item`\n */\n@Component({\n  tag: \"stzh-list\",\n  styleUrl: \"stzh-list.scss\",\n  shadow: true,\n})\nexport class StzhList {\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"unordered\" | \"ordered\" | \"checklist\" = \"unordered\";\n\n  @Element() element: HTMLStzhListElement;\n\n  render() {\n    const classes = {\n      \"stzh-list\": true,\n      [`stzh-list--${this.variant}`]: !!this.variant,\n    };\n\n    return (\n      <Host>\n        <div class={classes} role=\"list\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-CSdJ0c_y.js

@@ -1,54 +0,0 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DAS4ghWk.js';
-
-const stzhStatusCss = () => `.sc-stzh-status-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-status-h,[stzh-hidden].sc-stzh-status-h{display:none}.sc-stzh-status-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-status-h *.sc-stzh-status,.sc-stzh-status-h *.sc-stzh-status::before,.sc-stzh-status-h *.sc-stzh-status::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-status-h .has-focus.sc-stzh-status{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-status-h .stzh-fylingfocus-focused.sc-stzh-status{outline-style:none !important}.sc-stzh-status-h .stzh-fylingfocus-focused.sc-stzh-status::-moz-focus-inner{border:0 !important}.sc-stzh-status-h{--color:var(--stzh-base-color);--min-width:none}[with-loadingbar].sc-stzh-status-h:not([with-loadingbar=false]){--min-width:10rem}[type=success].sc-stzh-status-h{--color:var(--stzh-color-success70)}[type=warning].sc-stzh-status-h{--color:var(--stzh-color-warning90)}[type=error].sc-stzh-status-h{--color:var(--stzh-color-error70)}[type=info].sc-stzh-status-h{--color:var(--stzh-color-midnightblue70)}.stzh-status.sc-stzh-status{min-width:var(--min-width);color:var(--color)}.stzh-status__dot.sc-stzh-status{border-radius:50%;width:0.75rem;height:0.75rem;background-color:currentColor;margin-right:var(--stzh-space-xxsmall)}.stzh-status__bar.sc-stzh-status{display:block;height:0.25rem;border-radius:0.75rem;background-color:var(--stzh-color-old-grey13);margin-top:var(--stzh-space-xxsmall)}.stzh-status__bar-inner.sc-stzh-status{display:block;height:100%;width:0;border-radius:0.75rem;background:currentColor}.stzh-status__text.sc-stzh-status{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex;align-items:center}`;
-
-const StzhStatus = /*@__PURE__*/ proxyCustomElement(class StzhStatus extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /** Percent */
-        this.percent = 0;
-        /** Whether to hide/show loadingbar */
-        this.withLoadingbar = false;
-        /** Label */
-        this.label = "";
-        /** Type */
-        this.type = "default";
-    }
-    render() {
-        const classes = {
-            "stzh-status": true,
-            [`stzh-status--type-${this.type}`]: !!this.type,
-        };
-        return (h(Host, { key: 'fc48ca0f249a982c132e0c77795814a1a7fcf859' }, h("div", { key: 'cbd462b5bcf8517d777a68885d9c4800ec5c75bf', class: classes }, h("div", { key: 'ea85586192a1cffa9ca0f455784c3a1b6b020bb3', class: "stzh-status__text" }, !this.withLoadingbar && h("div", { key: '8c5fed294f78c5a249294c65ab9c67206bbf5b61', class: "stzh-status__dot" }), this.label && h("div", { key: '4ee8191fd6a19bda99422e1abd692db8bcfecf91', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (h("div", { key: '84507af01cc50535377a2eb5dbb244a0f37c06e7', class: "stzh-status__bar" }, h("div", { key: 'fe0d44cb7137d27c48fec53c6d5a65702748cc97', class: "stzh-status__bar-inner", style: {
-                width: `${this.percent}%`,
-            } }))))));
-    }
-    get element() { return this; }
-    static get style() { return stzhStatusCss(); }
-}, [258, "stzh-status", {
-        "percent": [2],
-        "withLoadingbar": [516, "with-loadingbar"],
-        "label": [1],
-        "type": [513]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["stzh-status"];
-    components.forEach(tagName => { switch (tagName) {
-        case "stzh-status":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), StzhStatus);
-            }
-            break;
-    } });
-}
-
-export { StzhStatus as S, defineCustomElement as d };
-//# sourceMappingURL=p-CSdJ0c_y.js.map
-
-//# sourceMappingURL=p-CSdJ0c_y.js.map

package/dist/components/p-CSdJ0c_y.js.map

@@ -1 +0,0 @@
-{"file":"p-CSdJ0c_y.js","mappings":";;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC,gqEAAgqE,CAAC;;MCWjrE,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAOU,QAAA,IAAO,CAAA,OAAA,GAAW,CAAC;;AAGF,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;;AAGhD,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;;AAGD,QAAA,IAAI,CAAA,IAAA,GAAmB,SAAS;AA+B1D;IA3BC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,aAAa,EAAE,IAAI;YACnB,CAAC,CAAA,kBAAA,EAAqB,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI;SAChD;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC3B,CAAC,IAAI,CAAC,cAAc,IAAI,4DAAK,KAAK,EAAC,kBAAkB,EAAO,CAAA,EAC5D,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAAE,IAAI,CAAC,KAAK,CAAO,CAC7D,EACL,IAAI,CAAC,cAAc,KAClB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,wBAAwB,EAC9B,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,OAAO,CAAG,CAAA,CAAA;AAC1B,aAAA,EAAA,CACI,CACH,CACP,CACG,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-status/stzh-status.scss?tag=stzh-status&encapsulation=scoped","src/components/stzh-status/stzh-status.tsx"],"sourcesContent":["/**\n * @prop --color: Status color text\n */\n\n:host {\n  --color: #{$baseColor};\n  --min-width: none;\n\n  &[with-loadingbar]:not([with-loadingbar=\"false\"]) {\n    --min-width: 160px;\n  }\n\n  &[type=\"success\"] {\n    --color: #{$colorSuccess70};\n  }\n\n  &[type=\"warning\"] {\n    --color: #{$colorWarning90};\n  }\n\n  &[type=\"error\"] {\n    --color: #{$colorError70};\n  }\n\n  &[type=\"info\"] {\n    --color: #{$colorMidnightblue70};\n  }\n}\n\n.stzh-status {\n  min-width: var(--min-width);\n  color: var(--color);\n\n  &__dot {\n    border-radius: 50%;\n    width: 12px;\n    height: 12px;\n    background-color: currentColor;\n    margin-right: space(\"xxsmall\");\n  }\n\n  &__bar {\n    display: block;\n    height: 4px;\n    border-radius: 12px;\n    background-color: $colorOldGrey13;\n    margin-top: space(\"xxsmall\");\n  }\n\n  &__bar-inner {\n    display: block;\n    height: 100%;\n    width: 0;\n    border-radius: 12px;\n    background: currentColor;\n  }\n\n  &__text {\n    @include fontSize(\"micro\");\n    display: flex;\n    align-items: center;\n  }\n}\n","import { Component, Host, h, Element, Prop } from \"@stencil/core\";\n\nimport { StzhStatusType } from \"../../index\";\n\n/**\n */\n@Component({\n  tag: \"stzh-status\",\n  styleUrl: \"stzh-status.scss\",\n  scoped: true,\n})\nexport class StzhStatus {\n  /** Percent */\n  @Prop() percent: number = 0;\n\n  /** Whether to hide/show loadingbar */\n  @Prop({ reflect: true }) withLoadingbar: boolean = false;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Type */\n  @Prop({ reflect: true }) type: StzhStatusType = \"default\";\n\n  @Element() element: HTMLStzhStatusElement;\n\n  render() {\n    const classes = {\n      \"stzh-status\": true,\n      [`stzh-status--type-${this.type}`]: !!this.type,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-status__text\">\n            {!this.withLoadingbar && <div class=\"stzh-status__dot\"></div>}\n            {this.label && <div class=\"stzh-status__label\">{this.label}</div>}\n          </div>\n          {this.withLoadingbar && (\n            <div class=\"stzh-status__bar\">\n              <div\n                class=\"stzh-status__bar-inner\"\n                style={{\n                  width: `${this.percent}%`,\n                }}\n              ></div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}