@oiz/stzh-components 2.7.0 → 2.8.0-beta

package/dist/esm/stzh-chip-select.entry.js

@@ -0,0 +1,145 @@
+import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-67fd55c9.js';
+import { S as StzhInputDescription } from './stzh-input-description-cceaa066.js';
+import { f as fetchTranslations } from './translation-utils-2623783f.js';
+
+const stzhChipSelectCss = ".sc-stzh-chip-select-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-chip-select-h{display:none}.sc-stzh-chip-select-h *.sc-stzh-chip-select,.sc-stzh-chip-select-h *.sc-stzh-chip-select::before,.sc-stzh-chip-select-h *.sc-stzh-chip-select::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-chip-select__marker-symbol.sc-stzh-chip-select{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-chip-select__marker-text.sc-stzh-chip-select{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chip-select__description-wrapper.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select__description.sc-stzh-chip-select{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-chip-select__error.sc-stzh-chip-select{color:var(--stzh-color-error)}.stzh-chip-select__error-list.sc-stzh-chip-select{list-style:none;margin:0;padding:0}.stzh-chip-select__description.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-chip-select__description-long.sc-stzh-chip-select{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-chip-select__description-long-popover.sc-stzh-chip-select{--width:auto;--max-width:27.3125rem}.stzh-chip-select__description-long-popover[open].sc-stzh-chip-select:not([open=false]) .stzh-chip-select__description-long-button.sc-stzh-chip-select{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-chip-select__description-long-button.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-chip-select__description-long-button.sc-stzh-chip-select:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-chip-select.sc-stzh-chip-select stzh-icon.stzh-chip-select__description-long-icon.sc-stzh-chip-select{--size:var(--stzh-icon-size-xsmall)}.stzh-chip-select--has-error.sc-stzh-chip-select .stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select--has-description.sc-stzh-chip-select .stzh-chip-select__description.sc-stzh-chip-select{margin-top:var(--stzh-space-xxsmall)}.stzh-chip-select__chips.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-space-small) / -2) calc(var(--stzh-space-xsmall) / -2);border-radius:var(--stzh-button-border-radius)}@media screen and (max-width: 1023px){.stzh-chip-select__chips.sc-stzh-chip-select{display:none}}.stzh-chip-select__chip.sc-stzh-chip-select{margin:calc(var(--stzh-space-small) / 2) calc(var(--stzh-space-xsmall) / 2)}.stzh-chip-select__chip.is-focused.sc-stzh-chip-select,.stzh-chip-select__chip.is-focused[active].sc-stzh-chip-select:not([active=false]){--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-chip-select__chip.is-focused[active].sc-stzh-chip-select:not([active=false]){--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media screen and (min-width: 1024px){.stzh-chip-select__dropdown.sc-stzh-chip-select{display:none}}@media screen and (max-width: 1023px){.stzh-chip-select__description-wrapper.sc-stzh-chip-select{display:none}}.stzh-chip-select--has-error.sc-stzh-chip-select .stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select--has-description.sc-stzh-chip-select .stzh-chip-select__description.sc-stzh-chip-select{margin-top:var(--stzh-space-xsmall)}";
+
+let chipSelectCounter = 0;
+const StzhChipSelect = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.stzhChange = createEvent(this, "stzhChange", 7);
+    this._data = [];
+    this._dataDropdown = [];
+    this.handleChipClick = (data, index) => {
+      this.value = data.value;
+      this.activeFocusOptionIndex = index;
+      this.stzhChange.emit({
+        component: "stzh-chip-select",
+        value: this.value
+      });
+    };
+    this.handleDropdownChange = (event) => {
+      this.value = event.detail.value;
+      this.activeFocusOptionIndex = this._data.findIndex(data => {
+        return data.value === this.value;
+      });
+      this.stzhChange.emit({
+        component: "stzh-chip-select",
+        value: this.value
+      });
+    };
+    this.handleKeydown = (event) => {
+      let newActiveIndex = null;
+      const activeOptionIndex = this.activeFocusOptionIndex;
+      if (event.key === "ArrowUp" || event.key === "ArrowLeft") {
+        event.preventDefault();
+        if (activeOptionIndex > 0) {
+          newActiveIndex = activeOptionIndex - 1;
+        }
+      }
+      else if (event.key === "ArrowDown" || event.key === "ArrowRight") {
+        event.preventDefault();
+        if (activeOptionIndex < this._data.length - 1) {
+          newActiveIndex = activeOptionIndex + 1;
+        }
+      }
+      else if (event.key === " " || event.key === "Enter") {
+        event.preventDefault();
+        this.value = this._data[activeOptionIndex].value;
+        this.stzhChange.emit({
+          component: "stzh-chip-select",
+          value: this.value
+        });
+      }
+      if (newActiveIndex !== null) {
+        this.activeFocusOptionIndex = newActiveIndex;
+      }
+    };
+    this.localization = undefined;
+    this.data = [];
+    this.name = undefined;
+    this.label = "";
+    this.value = "";
+    this.description = undefined;
+    this.descriptionLong = undefined;
+    this.error = undefined;
+    this.invalid = false;
+    this.required = false;
+    this.disabled = false;
+    this.a11yDescribedby = "";
+    this.activeFocusOptionIndex = 0;
+  }
+  dataWatcher(newValue) {
+    if (typeof newValue === "string") {
+      this._data = JSON.parse(newValue);
+    }
+    else {
+      this._data = newValue;
+    }
+    this._dataDropdown = this._data.map((data) => {
+      return {
+        text: `${data.label} (${data.counter})`,
+        value: data.value
+      };
+    });
+  }
+  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 = [];
+    }
+    this.invalid = this._error.length > 0;
+  }
+  async componentWillLoad() {
+    this.id = `stzh-chip-select-${chipSelectCounter++}`;
+    this.dataWatcher(this.data);
+    this.errorWatcher(this.error);
+    if (!this.localization) {
+      this.localization = await fetchTranslations(this.element, "chip-select");
+    }
+  }
+  render() {
+    const descriptionUsed = !!this.description;
+    const descriptionLongUsed = !!this.descriptionLong;
+    const errorUsed = !!this.error;
+    const classes = {
+      "stzh-chip-select": true,
+      "stzh-chip-select--has-description": descriptionUsed,
+      "stzh-chip-select--has-description-long": descriptionLongUsed,
+      "stzh-chip-select--has-error": errorUsed,
+      "stzh-chip-select--is-invalid": this.invalid,
+      "stzh-chip-select--is-disabled": this.disabled,
+      "stzh-chip-select--is-required": this.required
+    };
+    return (h(Host, null, h("div", { class: classes }, h("input", { type: "hidden", name: this.name, value: this.value }), h("div", { class: "stzh-chip-select__chips", role: "listbox", tabindex: "0", "aria-multiselectable": "false", "aria-activedescendant": `${this.id}-option-${this.activeFocusOptionIndex}`, "aria-describedby": `${this.id}-description ${this.a11yDescribedby}`, onKeyDown: this.handleKeydown }, this._data.map((data, index) => (h("stzh-chip", { role: "option", class: {
+        "stzh-chip-select__chip": true,
+        "is-focused": this.activeFocusOptionIndex === index
+      }, label: data.label, counter: data.counter, icon: data.icon, type: data.type, variant: data.variant, size: data.size, disabled: this.disabled || data.disabled, active: this.value === data.value, "aria-selected": this.value === data.value ? "true" : "false", id: `${this.id}-option-${index}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index) })))), h(StzhInputDescription, { classPrefix: "stzh-chip-select", id: `${this.id}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel }), h("stzh-dropdown", { class: "stzh-chip-select__dropdown", disabled: this.disabled, error: this._error, description: this.description, descriptionLong: this.descriptionLong, required: this.required, invalid: this.invalid, items: [this.value], label: this.label, options: this._dataDropdown, onStzhChange: this.handleDropdownChange }))));
+  }
+  get element() { return getElement(this); }
+  static get watchers() { return {
+    "data": ["dataWatcher"],
+    "error": ["errorWatcher"]
+  }; }
+};
+StzhChipSelect.style = stzhChipSelectCss;
+
+export { StzhChipSelect as stzh_chip_select };
+
+//# sourceMappingURL=stzh-chip-select.entry.js.map

package/dist/esm/stzh-chip-select.entry.js.map

@@ -0,0 +1 @@
+{"file":"stzh-chip-select.entry.js","mappings":"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","names":[],"sources":["./src/components/stzh-chip-select/stzh-chip-select.scss?tag=stzh-chip-select&encapsulation=scoped","./src/components/stzh-chip-select/stzh-chip-select.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-chip-select {\n\t@include input-description;\n\n  &__chips {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    margin: calc(#{space('small')} / -2) calc(#{space('xsmall')} / -2);\n    border-radius: $buttonBorderRadius;\n\n    @include mq($to: medium) {\n      display: none;\n    }\n  }\n\n  &__chip {\n    margin: calc(#{space('small')} / 2) calc(#{space('xsmall')} / 2);\n\n    &.is-focused,\n    &.is-focused[active]:not([active=false]) {\n      --border-color: #{$colorPrimaryHover};\n    }\n\n    &.is-focused[active]:not([active=false]) {\n      --background-color: #{$colorPrimaryHover};\n    }\n  }\n\n  &__dropdown {\n    @include mq($from: medium) {\n      display: none;\n    }\n  }\n\n  &__description-wrapper {\n    @include mq($to: medium) {\n      display: none;\n    }\n  }\n\n  &--has-error &__error,\n  &--has-description &__description {\n    margin-top: space('xsmall');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Watch,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n\nimport {\n  StzhChipSelectItem,\n  StzhChipSelectChangeEvent,\n  StzhDropdownChangeEvent\n} from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\n// import { hasSlot } from \"../../utils/utils\";\nimport { fetchTranslations, StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nlet chipSelectCounter = 0;\n\n/**\n */\n@Component({\n  tag: \"stzh-chip-select\",\n  styleUrl: \"stzh-chip-select.scss\",\n  scoped: true\n})\nexport class StzhChipSelect {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** The list of chips */\n  @Prop() data: string | StzhChipSelectItem[] = [];\n  private _data: StzhChipSelectItem[] = [];\n  private _dataDropdown: any[] = [];\n\n  /** The name of the input element */\n  @Prop({ reflect: true }) name: string;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Value */\n  @Prop() value: string = \"\";\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  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Whether all chips are disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  @State() activeFocusOptionIndex: number = 0;\n\n  @Element() element: HTMLStzhChipSelectElement;\n\n  /** Change event */\n  @Event() stzhChange: EventEmitter<StzhChipSelectChangeEvent>;\n\n  @Watch(\"data\")\n  dataWatcher(newValue: StzhChipSelectItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._data = JSON.parse(newValue);\n    } else {\n      this._data = newValue;\n    }\n\n    this._dataDropdown = this._data.map((data) => {\n      return {\n        text: `${data.label} (${data.counter})`,\n        value: data.value\n      }\n    });\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    this.invalid = this._error.length > 0;\n  }\n\n  private id: string;\n\n  private handleChipClick = (data: StzhChipSelectItem, index: number) => {\n    this.value = data.value;\n    this.activeFocusOptionIndex = index;\n\n    this.stzhChange.emit({\n      component: \"stzh-chip-select\",\n      value: this.value\n    })\n  }\n\n  private handleDropdownChange = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    this.value = event.detail.value;\n    this.activeFocusOptionIndex = this._data.findIndex(data => {\n      return data.value === this.value;\n    });\n\n    this.stzhChange.emit({\n      component: \"stzh-chip-select\",\n      value: this.value\n    })\n  }\n\n  private handleKeydown = (event: KeyboardEvent) => {\n    let newActiveIndex: number = null;\n    const activeOptionIndex = this.activeFocusOptionIndex;\n\n    if (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\") {\n      event.preventDefault();\n\n      if (activeOptionIndex > 0) {\n        newActiveIndex = activeOptionIndex - 1;\n      }\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n      event.preventDefault();\n\n      if (activeOptionIndex < this._data.length - 1) {\n        newActiveIndex = activeOptionIndex + 1;\n      }\n    } else if (event.key === \" \" || event.key === \"Enter\") {\n      event.preventDefault();\n      this.value = this._data[activeOptionIndex].value;\n\n      this.stzhChange.emit({\n        component: \"stzh-chip-select\",\n        value: this.value\n      });\n    }\n\n    if (newActiveIndex !== null) {\n      this.activeFocusOptionIndex = newActiveIndex;\n    }\n  }\n\n  async componentWillLoad() {\n    this.id = `stzh-chip-select-${chipSelectCounter++}`;\n\n    this.dataWatcher(this.data);\n    this.errorWatcher(this.error);\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"chip-select\");\n    }\n  }\n\n  render() {\n    const descriptionUsed = !!this.description;\n    const descriptionLongUsed = !!this.descriptionLong;\n    const errorUsed = !!this.error;\n\n    const classes = {\n      \"stzh-chip-select\": true,\n      \"stzh-chip-select--has-description\": descriptionUsed,\n      \"stzh-chip-select--has-description-long\": descriptionLongUsed,\n      \"stzh-chip-select--has-error\": errorUsed,\n      \"stzh-chip-select--is-invalid\": this.invalid,\n      \"stzh-chip-select--is-disabled\": this.disabled,\n      \"stzh-chip-select--is-required\": this.required\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <input type=\"hidden\" name={this.name} value={this.value} />\n\n          <div\n            class=\"stzh-chip-select__chips\"\n            role=\"listbox\"\n            tabindex=\"0\"\n            aria-multiselectable=\"false\"\n            aria-activedescendant={`${this.id}-option-${this.activeFocusOptionIndex}`}\n            aria-describedby={`${this.id}-description ${this.a11yDescribedby}`}\n            onKeyDown={this.handleKeydown}\n          >\n            {this._data.map((data, index) => (\n              <stzh-chip\n                role=\"option\"\n                class={{\n                  \"stzh-chip-select__chip\": true,\n                  \"is-focused\": this.activeFocusOptionIndex === index\n                }}\n                label={data.label}\n                counter={data.counter}\n                icon={data.icon}\n                type={data.type}\n                variant={data.variant}\n                size={data.size}\n                disabled={this.disabled || data.disabled}\n                active={this.value === data.value}\n                aria-selected={this.value === data.value ? \"true\" : \"false\"}\n                id={`${this.id}-option-${index}`}\n                a11yTabindex=\"-1\"\n                onClick={() => this.handleChipClick(data, index)}\n              ></stzh-chip>\n            ))}\n          </div>\n\n          <StzhInputDescription\n            classPrefix=\"stzh-chip-select\"\n            id={`${this.id}-description`}\n            error={this._error}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            descriptionLongUsed={descriptionLongUsed}\n            moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n          />\n\n          <stzh-dropdown\n            class=\"stzh-chip-select__dropdown\"\n            disabled={this.disabled}\n            error={this._error}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            required={this.required}\n            invalid={this.invalid}\n            items={[this.value]}\n            label={this.label}\n            options={this._dataDropdown}\n            onStzhChange={this.handleDropdownChange}\n          ></stzh-dropdown>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -109,13 +109,13 @@ const StzhChip = class {
           "stzh-chip__button": true,
           "is-button": !this.nonInteractive && !this.href,
           "is-link": !this.nonInteractive && !!this.href
-        }, href: this.disabled ? null : this.href, target: this.target, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel, "aria-describedby": this.a11yDescribedby, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner())
+        }, href: this.disabled ? null : this.href, target: this.target, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner())
       :
         h(Chip, { ref: (el) => (this.chip = el), class: {
             "stzh-chip__button": true,
             "is-button": !this.nonInteractive && !this.href,
             "is-link": !this.nonInteractive && !!this.href
-          }, disabled: this.disabled, type: "button", tabindex: this.a11yTabindex, "aria-label": this.a11yLabel, "aria-describedby": this.a11yDescribedby, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner()))));
+          }, disabled: this.disabled, type: "button", tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner()))));
   }
   get element() { return getElement(this); }
 };

package/dist/esm/stzh-chip_2.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-chip.stzh-clamp.entry.js","mappings":"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","names":[],"sources":["./src/components/stzh-chip/stzh-chip.scss?tag=stzh-chip&encapsulation=scoped","./src/components/stzh-chip/stzh-chip.tsx","./src/components/stzh-clamp/stzh-clamp.scss?tag=stzh-clamp","./src/components/stzh-clamp/stzh-clamp.tsx"],"sourcesContent":[":host {\n  --color: #{$colorPrimary};\n  --height: 32px;\n  --padding: 0 #{space('medium')};\n  --border-color: #{$colorGrey13};\n  --border-radius: 16px;\n  --remove-color: #{$baseLeadColor};\n  --remove-border-radius: 24px;\n  --background-color: #{$colorWhite};\n  --icon-size: #{iconSize('small')};\n  --icon-color: #{$colorPrimary};\n  --icon-gap: #{space('xsmall')};\n  --counter-color: #{$colorPrimary60op};\n  --counter-gap: #{space('xsmall')};\n\n  --hover-color: #{$colorPrimaryHover};\n  --hover-border-color: var(--border-color);\n  --hover-background-color: #{$colorPrimary8};\n  --hover-remove-color: var(--hover-color);\n  --hover-remove-background-color: var(--hover-background-color);\n  --hover-icon-color: #{$colorPrimaryHover};\n  --hover-counter-color: #{$colorPrimaryHover};\n\n  display: inline-flex;\n\n  @include highContrast() {\n    --hover-color: Highlight;\n    --hover-border: 1px solid Highlight;\n    --hover-background-color: Canvas;\n    --hover-remove-color: Highlight;\n    --hover-remove-background-color: Canvas;\n    --hover-icon-color: Highlight;\n    --hover-counter-color: Highlight;\n  }\n\n  &[size=\"large\"] {\n    --height: 40px;\n    --border-radius: 20px;\n    --padding: 0 #{space('xlarge')};\n  }\n\n  &[size=\"small\"] {\n    --height: 24px;\n    --icon-size: #{iconSize('xsmall')};\n    --counter-gap: #{space('xxsmall')};\n  }\n\n  &[variant=\"input\"] {\n    --border-color: transparent;\n    --background-color: #{$colorGrey5};\n\n    --hover-border-color: transparent;\n  }\n\n  &[variant=\"tag\"] {\n    --color: #{$baseColor};\n    --icon-color: #{$baseColor};\n    --counter-color: #{$baseColor};\n    --border-color: transparent;\n    --background-color: #{$colorBlack8};\n\n    --hover-color: #{$baseColor};\n    --hover-border-color: transparent;\n    --hover-background-color: #{$colorBlack8};\n    --hover-icon-color: #{$baseColor};\n    --hover-counter-color: #{$baseColor};\n  }\n\n  &[variant=\"input\"][size=\"small\"] {\n    --padding: 0 #{space('small')};\n    --icon-gap: #{space('xxsmall')};\n  }\n\n  &[variant=\"tag\"][size=\"small\"] {\n    --padding: 0 #{space('xsmall')};\n    --icon-gap: #{space('xxsmall')};\n  }\n\n  &[type=\"secondary\"] {\n    --color: #{$baseLeadColor};\n    --counter-color: #{$colorGrey40};\n  }\n\n  &[type=\"important\"] {\n    --color: #{$colorError};\n    --icon-color: #{$colorError};\n    --counter-color: #{$colorError};\n\n    --hover-color: #{$colorError};\n    --hover-icon-color: #{$colorError};\n    --hover-counter-color: #{$colorError};\n\n    @include highContrast() {\n      --hover-color: Highlight;\n      --hover-icon-color: Highlight;\n      --hover-counter-color: Highlight;\n    }\n  }\n\n  &[active]:not([active=\"false\"]) {\n    --color: #{$colorWhite};\n    --border-color: transparent;\n    --remove-color: #{$colorWhite};\n    --background-color: #{$colorPrimary};\n    --icon-color: #{$colorWhite};\n    --counter-color: #{$colorWhite56};\n\n    --hover-color: #{$colorWhite};\n    --hover-border-color: transparent;\n    --hover-background-color: #{$colorPrimaryHover};\n    --hover-remove-color: #{$colorWhite};\n    --hover-remove-background-color: #{$colorPrimaryHover};\n    --hover-icon-color: #{$colorWhite};\n    --hover-counter-color: #{$colorWhite56};\n\n    @include highContrast() {\n      --color: SelectedItem;\n      --border-color: SelectedItem;\n      --remove-color: SelectedItem;\n      --background-color: Canvas;\n      --icon-color: SelectedItem;\n      --counter-color: SelectedItem;\n\n      --hover-color: Highlight;\n      --hover-border-color: Highlight;\n      --hover-background-color: Canvas;\n      --hover-remove-color: Highlight;\n      --hover-remove-background-color: Canvas;\n      --hover-icon-color: Highlight;\n      --hover-counter-color: Highlight;\n    }\n  }\n\n  &[non-interactive]:not([non-interactive=\"false\"]) {\n    --hover-color: var(--color);\n    --hover-border: var(--border-color);\n    --hover-background-color: var(--background-color);\n    --hover-icon-color: var(--icon-color);\n    --hover-counter-color: var(--counter-color);\n  }\n\n  &[disabled]:not([disabled=\"false\"]) {\n    --color: #{$colorGrey25};\n    --border-color: #{$baseBorderColor};\n    --remove-color: #{$colorGrey13};\n    --background-color: #{$colorWhite};\n    --icon-color: #{$colorGrey25};\n    --counter-color: #{$colorGrey25};\n\n    --hover-color: #{$colorGrey25};\n    --hover-border-color: #{$baseBorderColor};\n    --hover-background-color: #{$colorWhite};\n    --hover-remove-color: #{$colorGrey13};\n    --hover-remove-background-color: transparent;\n    --hover-icon-color: #{$colorGrey25};\n    --hover-counter-color: #{$colorGrey25};\n  }\n}\n\n:host ::slotted(stzh-icon),\n.stzh-chip__icon {\n  --size: var(--icon-size);\n}\n\n.stzh-chip {\n  position: relative;\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__button {\n    @include fontSize('micro');\n    font-family: inherit;\n    height: var(--height);\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    border-radius: var(--border-radius);\n    padding: var(--padding);\n    color: var(--color);\n    appearance: none;\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--border-color);\n    background-color: var(--background-color);\n    transition-duration: $baseTransitionAnimationSpeed;\n    transition-property: color, background-color, border-color;\n    text-decoration-line: none;\n\n    &.is-button,\n    &.is-link {\n      cursor: pointer;\n    }\n  }\n\n  &__label {\n    text-align: left;\n  }\n\n  &__icon-wrapper {\n    display: flex;\n    color: var(--icon-color);\n    transition: color $baseTransitionAnimationSpeed;\n    flex-shrink: 0;\n\n    &:not(:empty) {\n      margin-right: var(--icon-gap);\n    }\n  }\n\n  &__counter {\n    display: flex;\n    font-variant-numeric: tabular-nums;\n    margin-left: var(--counter-gap);\n    color: var(--counter-color);\n    transition: color $baseTransitionAnimationSpeed;\n  }\n\n  &__remove {\n    position: absolute;\n    top: 0;\n    right: 0;\n    appearance: none;\n    font-family: inherit;\n    border: none;\n    background: none;\n    padding: 0;\n    width: var(--height);\n    height: var(--height);\n    border-radius: var(--remove-border-radius);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-left: space('xxsmall');\n    color: var(--remove-color);\n    transition-duration: $baseTransitionAnimationSpeed;\n    transition-property: color, background-color, border-color;\n    cursor: pointer;\n\n    &:hover {\n      color: var(--hover-remove-color);\n      background-color: var(--hover-remove-background-color);\n    }\n  }\n\n  &__remove-icon {\n    --size: #{iconSize('xxsmall')};\n  }\n\n  &__button:hover,\n  &__remove:hover + &__button {\n    color: var(--hover-color);\n    background-color: var(--hover-background-color);\n    border-color: var(--hover-border-color);\n  }\n\n  &__button:hover &__counter,\n  &__remove:hover + &__button &__counter {\n    color: var(--hover-counter-color);\n  }\n\n  &__button:hover &__icon-wrapper,\n  &__remove:hover + &__button &__icon-wrapper {\n    color: var(--hover-icon-color);\n  }\n\n  /* Size */\n\n  &--size-small &__button {\n    @include fontSize('nano');\n  }\n\n  /* Removeable */\n\n  &--is-removable &__button {\n    padding-right: calc(var(--height) + #{space('xxsmall')});\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__button,\n  &--is-disabled &__remove {\n    cursor: not-allowed;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Method,\n  Fragment\n} from \"@stencil/core\";\n\nimport {\n  StzhChipClickEvent,\n  StzhChipRemoveEvent,\n  StzhChipFocusEvent,\n  StzhChipBlurEvent\n} from \"../../index\";\n\n/**\n * @slot - Slot for label\n * @slot icon - Slot for icon\n */\n@Component({\n  tag: \"stzh-chip\",\n  styleUrl: \"stzh-chip.scss\",\n  scoped: true\n})\nexport class StzhChip {\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string = \"\";\n\n  /** `href` if the chip should be used as link  */\n  @Prop() href: string = \"\";\n\n  /** Target if the button is used as link (if `href` used)  */\n  @Prop() target: string = \"\";\n\n  /** Whether chip is not interactive */\n  @Prop({ reflect: true }) nonInteractive: boolean = false;\n\n  /** Whether remove button should be shown */\n  @Prop({ reflect: true }) removable: boolean = false;\n\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"tag\" | \"filter\" | \"input\" = \"tag\";\n\n  /** Size */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" | \"large\" = \"default\";\n\n  /** Type */\n  @Prop({ reflect: true }) type: \"default\" | \"secondary\" | \"important\" = \"default\";\n\n  /** Counter */\n  @Prop() counter: string = \"\";\n\n  /** Label of remove button for screenreaders */\n  @Prop() removeLabel: string = \"\";\n\n  /** Active */\n  @Prop({ reflect: true }) active: boolean = false;\n\n  /** Disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Tabindex of link/button */\n  @Prop({ attribute: \"a11y-tabindex\" }) a11yTabindex: string;\n\n  /** Accessible label for screen readers to replace visible text */\n  @Prop({ attribute: \"a11y-label\" }) a11yLabel: string;\n\n  /** Id for element which describes the link/button */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link/button element.\n   * Default value will be taken from `label` prop or default slot.\n   */\n  @Prop() analyticsId: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the remove button element.\n   * Default value will be taken from `removeLabel` prop.\n   */\n  @Prop() removeAnalyticsId: string;\n\n  @Element() element: HTMLStzhChipElement;\n\n  /** Focus menu item */\n  @Method()\n  async setFocus() {\n    this.chip.focus();\n  }\n\n  /** Chip click event */\n  @Event() stzhClick: EventEmitter<StzhChipClickEvent>;\n\n  /** Chip remove event */\n  @Event() stzhRemove: EventEmitter<StzhChipRemoveEvent>;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhChipFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhChipBlurEvent>;\n\n  private chip: HTMLButtonElement | HTMLAnchorElement;\n  private text: HTMLElement;\n  private focusedByInput: boolean = false;\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.chip.setAttribute(\"s-object-id\", this.analyticsId || this.text.innerText);\n    });\n  }\n\n  private renderInner(): DocumentFragment {\n    return (\n      <Fragment>\n        <div class=\"stzh-chip__icon-wrapper\">\n          {this.icon ?\n            <stzh-icon class=\"stzh-chip__icon\" name={this.icon}></stzh-icon>\n            :\n            <slot name=\"icon\"></slot>\n          }\n        </div>\n\n        <stzh-clamp\n          lines={1}\n          class=\"stzh-chip__label\"\n          ref={(el) => (this.text = el as HTMLElement)}\n        >\n          {this.label ? this.label : <slot></slot>}\n          {this.counter &&\n            <span class=\"stzh-chip__vhidden\">\n              &nbsp;({this.counter})\n            </span>\n          }\n        </stzh-clamp>\n\n        {this.counter &&\n          <div class=\"stzh-chip__counter\" aria-hidden=\"true\">\n            {this.counter}\n          </div>\n        }\n      </Fragment>\n    );\n  }\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.setFocus();\n    }\n\n    this.focusedByInput = false;\n  }\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onRemoveClick = (event: MouseEvent) => {\n    this.stzhRemove.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  render() {\n    const classes = {\n      \"stzh-chip\": true,\n      \"stzh-chip--is-active\": this.active,\n      \"stzh-chip--is-disabled\": this.disabled,\n      \"stzh-chip--is-removable\": this.removable,\n      \"stzh-chip--has-counter\": !!this.counter,\n      [`stzh-chip--type-${this.type}`]: !!this.type,\n      [`stzh-chip--size-${this.size}`]: !!this.size,\n      [`stzh-chip--${this.variant}`]: !!this.variant\n    };\n\n    const Chip = this.nonInteractive ? \"div\" :\n      this.href ? \"a\" : \"button\";\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          {this.removable &&\n            <button\n              class=\"stzh-chip__remove\"\n              onClick={this.onRemoveClick}\n              disabled={this.disabled}\n              aria-label={this.removeLabel}\n              type=\"button\"\n              s-object-id={this.removeAnalyticsId || this.removeLabel}\n            >\n              <stzh-icon class=\"stzh-chip__remove-icon\" name=\"close\"></stzh-icon>\n            </button>\n          }\n\n          {this.href ?\n            <Chip\n              ref={(el) => (this.chip = el as HTMLAnchorElement)}\n              class={{\n                \"stzh-chip__button\": true,\n                \"is-button\": !this.nonInteractive && !this.href,\n                \"is-link\": !this.nonInteractive && !!this.href\n              }}\n              href={this.disabled ? null : this.href}\n              target={this.target}\n              tabindex={this.a11yTabindex}\n              aria-label={this.a11yLabel}\n              aria-describedby={this.a11yDescribedby}\n              onClick={this.onClick}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            >\n              {this.renderInner()}\n            </Chip>\n            :\n            <Chip\n              ref={(el) => (this.chip = el as HTMLButtonElement)}\n              class={{\n                \"stzh-chip__button\": true,\n                \"is-button\": !this.nonInteractive && !this.href,\n                \"is-link\": !this.nonInteractive && !!this.href\n              }}\n              disabled={this.disabled}\n              type=\"button\"\n              tabindex={this.a11yTabindex}\n              aria-label={this.a11yLabel}\n              aria-describedby={this.a11yDescribedby}\n              onClick={this.onClick}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            >\n              {this.renderInner()}\n            </Chip>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n","stzh-clamp {\n  @include host;\n  --current-lines: var(--lines, 0);\n\n  @include mq($from: small) {\n    --current-lines: var(--lines-small, var(--lines, 0));\n  }\n\n  @include mq($from: medium) {\n    --current-lines: var(--lines-medium, var(--lines-small, var(--lines, 0)));\n  }\n\n  @include mq($from: large) {\n    --current-lines: var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0))));\n  }\n\n  @include mq($from: ultra) {\n    --current-lines: var(--lines-ultra, var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0)))));\n  }\n\n  width: 100%;\n  color: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.stzh-clamp {\n  position: relative;\n\n  &__text {\n    @include wordWrap;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    & > *:first-child {\n      margin-top: 0 !important;\n    }\n\n    & > *:last-child {\n      margin-bottom: 0 !important;\n    }\n\n    &.is-clone {\n      position: absolute;\n      visibility: hidden;\n      opacity: 0;\n      top: 0;\n      left: 0;\n      width: 100%;\n    }\n  }\n\n  &__trigger {\n    margin-top: space('xxsmall');\n  }\n\n  &--is-not-expanded &__text,\n  &__text.is-clone {\n    -webkit-line-clamp: var(--current-lines);\n    line-clamp: var(--current-lines);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Method,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhClampClampEvent,\n  StzhClampExpandEvent\n} from \"../../index\";\n\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { StzhClampLocalizedText } from \"./stzh-clamp.localization\";\n\n/**\n *\n */\n@Component({\n  tag: \"stzh-clamp\",\n  styleUrl: \"stzh-clamp.scss\"\n})\nexport class StzhClamp {\n  /** Translation strings */\n  @Prop() localization: StzhClampLocalizedText;\n\n  /** Line number */\n  @Prop() lines: number = 1;\n  /** Line number above small breakpoint */\n  @Prop() linesSmall: number = 0;\n  /** Line number above medium breakpoint */\n  @Prop() linesMedium: number = 0;\n  /** Line number above large breakpoint */\n  @Prop() linesLarge: number = 0;\n  /** Line number above ultra breakpoint */\n  @Prop() linesUltra: number = 0;\n\n  /** Whether clamping is expanded */\n  @Prop() showExpandLink: boolean = false;\n\n  /** Whether clamping is expanded */\n  @Prop({ mutable: true, reflect: true }) expanded: boolean = false;\n\n  /** Whether the text is currently clamped (readonly) */\n  @Prop({ mutable: true, reflect: true }) clamped: boolean = false;\n\n  @Element() element: HTMLStzhClampElement;\n\n  /** Event when clamping state changed */\n  @Event() stzhClamp: EventEmitter<StzhClampClampEvent>;\n\n  /** Event when expanding state changed */\n  @Event() stzhExpand: EventEmitter<StzhClampExpandEvent>;\n\n  @Method()\n  async update() {\n    this.textCloneElement.innerHTML = this.textElement.innerHTML;\n    this.updateClamped();\n  }\n\n  private textElement: HTMLElement;\n  private textCloneElement: HTMLElement;\n\n  private debounceResize: number;\n  private resizeObserver: ResizeObserver;\n  private mutationObserver: MutationObserver;\n\n  private updateClamped = () => {\n    if (!this.textCloneElement) {\n      return;\n    }\n\n    const beforeClamped = this.clamped;\n    this.clamped = this.textCloneElement.scrollHeight > this.textCloneElement.clientHeight;\n\n    if (beforeClamped !== this.clamped) {\n      this.stzhClamp.emit({\n        component: \"stzh-clamp\",\n        clamped: this.clamped\n      });\n    }\n  }\n\n  private handleResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.updateClamped);\n  }\n\n  private handleMutaton = () => {\n    this.update();\n  }\n\n  private handleExpandClick = () => {\n    this.expanded = !this.expanded;\n\n    this.stzhExpand.emit({\n      component: \"stzh-clamp\",\n      expanded: this.expanded\n    });\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"clamp\");\n    }\n  }\n\n  componentDidLoad() {\n    this.mutationObserver = new MutationObserver(this.handleMutaton);\n    this.mutationObserver.observe(this.textElement, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  componentDidRender() {\n    this.update();\n  }\n\n  connectedCallback() {\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(this.element);\n  }\n\n  disconnectedCallback() {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-clamp\": true,\n      \"stzh-clamp--is-not-expanded\": !this.expanded\n    };\n\n    return (\n      <Host\n        style={{\n          '--lines': this.lines ? this.lines.toString() : null,\n          '--lines-small': this.linesSmall ? this.linesSmall.toString() : null,\n          '--lines-medium': this.linesMedium ? this.linesMedium.toString() : null,\n          '--lines-large': this.linesLarge ? this.linesLarge.toString() : null,\n          '--lines-ultra': this.linesUltra ? this.linesUltra.toString() : null,\n        }}\n      >\n        <div class={classes}>\n          <div\n            ref={(el) => (this.textElement = el as HTMLDivElement)}\n            class=\"stzh-clamp__text\"\n          >\n            <slot></slot>\n          </div>\n\n          <div\n            ref={(el) => (this.textCloneElement = el as HTMLDivElement)}\n            class=\"stzh-clamp__text is-clone\"\n            aria-hidden=\"true\"\n          ></div>\n\n          {this.showExpandLink && this.clamped &&\n            <stzh-link\n              class=\"stzh-clamp__trigger\"\n              a11yTabindex=\"-1\"\n              aria-hidden=\"true\"\n              onClick={this.handleExpandClick}\n            >\n              {!this.expanded ? this.localization.showMore : this.localization.showLess}\n            </stzh-link>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-chip.stzh-clamp.entry.js","mappings":"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","names":[],"sources":["./src/components/stzh-chip/stzh-chip.scss?tag=stzh-chip&encapsulation=scoped","./src/components/stzh-chip/stzh-chip.tsx","./src/components/stzh-clamp/stzh-clamp.scss?tag=stzh-clamp","./src/components/stzh-clamp/stzh-clamp.tsx"],"sourcesContent":[":host {\n  --color: #{$colorPrimary};\n  --height: 32px;\n  --padding: 0 #{space('medium')};\n  --border-color: #{$colorGrey13};\n  --border-radius: 16px;\n  --remove-color: #{$baseLeadColor};\n  --remove-border-radius: 24px;\n  --background-color: #{$colorWhite};\n  --icon-size: #{iconSize('small')};\n  --icon-color: #{$colorPrimary};\n  --icon-gap: #{space('xsmall')};\n  --counter-color: #{$colorPrimary60op};\n  --counter-gap: #{space('xsmall')};\n\n  --hover-color: #{$colorPrimaryHover};\n  --hover-border-color: var(--border-color);\n  --hover-background-color: #{$colorPrimary8};\n  --hover-remove-color: var(--hover-color);\n  --hover-remove-background-color: var(--hover-background-color);\n  --hover-icon-color: #{$colorPrimaryHover};\n  --hover-counter-color: #{$colorPrimaryHover};\n\n  display: inline-flex;\n\n  @include highContrast() {\n    --hover-color: Highlight;\n    --hover-border: 1px solid Highlight;\n    --hover-background-color: Canvas;\n    --hover-remove-color: Highlight;\n    --hover-remove-background-color: Canvas;\n    --hover-icon-color: Highlight;\n    --hover-counter-color: Highlight;\n  }\n\n  &[size=\"large\"] {\n    --height: 40px;\n    --border-radius: 20px;\n    --padding: 0 #{space('xlarge')};\n  }\n\n  &[size=\"small\"] {\n    --height: 24px;\n    --icon-size: #{iconSize('xsmall')};\n    --counter-gap: #{space('xxsmall')};\n  }\n\n  &[variant=\"input\"] {\n    --border-color: transparent;\n    --background-color: #{$colorGrey5};\n\n    --hover-border-color: transparent;\n  }\n\n  &[variant=\"tag\"] {\n    --color: #{$baseColor};\n    --icon-color: #{$baseColor};\n    --counter-color: #{$baseColor};\n    --border-color: transparent;\n    --background-color: #{$colorBlack8};\n\n    --hover-color: #{$baseColor};\n    --hover-border-color: transparent;\n    --hover-background-color: #{$colorBlack8};\n    --hover-icon-color: #{$baseColor};\n    --hover-counter-color: #{$baseColor};\n  }\n\n  &[variant=\"input\"][size=\"small\"] {\n    --padding: 0 #{space('small')};\n    --icon-gap: #{space('xxsmall')};\n  }\n\n  &[variant=\"tag\"][size=\"small\"] {\n    --padding: 0 #{space('xsmall')};\n    --icon-gap: #{space('xxsmall')};\n  }\n\n  &[type=\"secondary\"] {\n    --color: #{$baseLeadColor};\n    --counter-color: #{$colorGrey40};\n  }\n\n  &[type=\"important\"] {\n    --color: #{$colorError};\n    --icon-color: #{$colorError};\n    --counter-color: #{$colorError};\n\n    --hover-color: #{$colorError};\n    --hover-icon-color: #{$colorError};\n    --hover-counter-color: #{$colorError};\n\n    @include highContrast() {\n      --hover-color: Highlight;\n      --hover-icon-color: Highlight;\n      --hover-counter-color: Highlight;\n    }\n  }\n\n  &[active]:not([active=\"false\"]) {\n    --color: #{$colorWhite};\n    --border-color: transparent;\n    --remove-color: #{$colorWhite};\n    --background-color: #{$colorPrimary};\n    --icon-color: #{$colorWhite};\n    --counter-color: #{$colorWhite56};\n\n    --hover-color: #{$colorWhite};\n    --hover-border-color: transparent;\n    --hover-background-color: #{$colorPrimaryHover};\n    --hover-remove-color: #{$colorWhite};\n    --hover-remove-background-color: #{$colorPrimaryHover};\n    --hover-icon-color: #{$colorWhite};\n    --hover-counter-color: #{$colorWhite56};\n\n    @include highContrast() {\n      --color: SelectedItem;\n      --border-color: SelectedItem;\n      --remove-color: SelectedItem;\n      --background-color: Canvas;\n      --icon-color: SelectedItem;\n      --counter-color: SelectedItem;\n\n      --hover-color: Highlight;\n      --hover-border-color: Highlight;\n      --hover-background-color: Canvas;\n      --hover-remove-color: Highlight;\n      --hover-remove-background-color: Canvas;\n      --hover-icon-color: Highlight;\n      --hover-counter-color: Highlight;\n    }\n  }\n\n  &[non-interactive]:not([non-interactive=\"false\"]) {\n    --hover-color: var(--color);\n    --hover-border: var(--border-color);\n    --hover-background-color: var(--background-color);\n    --hover-icon-color: var(--icon-color);\n    --hover-counter-color: var(--counter-color);\n  }\n\n  &[disabled]:not([disabled=\"false\"]) {\n    --color: #{$colorGrey25};\n    --border-color: #{$baseBorderColor};\n    --remove-color: #{$colorGrey13};\n    --background-color: #{$colorWhite};\n    --icon-color: #{$colorGrey25};\n    --counter-color: #{$colorGrey25};\n\n    --hover-color: #{$colorGrey25};\n    --hover-border-color: #{$baseBorderColor};\n    --hover-background-color: #{$colorWhite};\n    --hover-remove-color: #{$colorGrey13};\n    --hover-remove-background-color: transparent;\n    --hover-icon-color: #{$colorGrey25};\n    --hover-counter-color: #{$colorGrey25};\n  }\n}\n\n:host ::slotted(stzh-icon),\n.stzh-chip__icon {\n  --size: var(--icon-size);\n}\n\n.stzh-chip {\n  position: relative;\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__button {\n    @include fontSize('micro');\n    font-family: inherit;\n    height: var(--height);\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    border-radius: var(--border-radius);\n    padding: var(--padding);\n    color: var(--color);\n    appearance: none;\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--border-color);\n    background-color: var(--background-color);\n    transition-duration: $baseTransitionAnimationSpeed;\n    transition-property: color, background-color, border-color;\n    text-decoration-line: none;\n\n    &.is-button,\n    &.is-link {\n      cursor: pointer;\n    }\n  }\n\n  &__label {\n    text-align: left;\n  }\n\n  &__icon-wrapper {\n    display: flex;\n    color: var(--icon-color);\n    transition: color $baseTransitionAnimationSpeed;\n    flex-shrink: 0;\n\n    &:not(:empty) {\n      margin-right: var(--icon-gap);\n    }\n  }\n\n  &__counter {\n    display: flex;\n    font-variant-numeric: tabular-nums;\n    margin-left: var(--counter-gap);\n    color: var(--counter-color);\n    transition: color $baseTransitionAnimationSpeed;\n  }\n\n  &__remove {\n    position: absolute;\n    top: 0;\n    right: 0;\n    appearance: none;\n    font-family: inherit;\n    border: none;\n    background: none;\n    padding: 0;\n    width: var(--height);\n    height: var(--height);\n    border-radius: var(--remove-border-radius);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-left: space('xxsmall');\n    color: var(--remove-color);\n    transition-duration: $baseTransitionAnimationSpeed;\n    transition-property: color, background-color, border-color;\n    cursor: pointer;\n\n    &:hover {\n      color: var(--hover-remove-color);\n      background-color: var(--hover-remove-background-color);\n    }\n  }\n\n  &__remove-icon {\n    --size: #{iconSize('xxsmall')};\n  }\n\n  &__button:hover,\n  &__remove:hover + &__button {\n    color: var(--hover-color);\n    background-color: var(--hover-background-color);\n    border-color: var(--hover-border-color);\n  }\n\n  &__button:hover &__counter,\n  &__remove:hover + &__button &__counter {\n    color: var(--hover-counter-color);\n  }\n\n  &__button:hover &__icon-wrapper,\n  &__remove:hover + &__button &__icon-wrapper {\n    color: var(--hover-icon-color);\n  }\n\n  /* Size */\n\n  &--size-small &__button {\n    @include fontSize('nano');\n  }\n\n  /* Removeable */\n\n  &--is-removable &__button {\n    padding-right: calc(var(--height) + #{space('xxsmall')});\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__button,\n  &--is-disabled &__remove {\n    cursor: not-allowed;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Method,\n  Fragment\n} from \"@stencil/core\";\n\nimport {\n  StzhChipClickEvent,\n  StzhChipRemoveEvent,\n  StzhChipFocusEvent,\n  StzhChipBlurEvent\n} from \"../../index\";\n\n/**\n * @slot - Slot for label\n * @slot icon - Slot for icon\n */\n@Component({\n  tag: \"stzh-chip\",\n  styleUrl: \"stzh-chip.scss\",\n  scoped: true\n})\nexport class StzhChip {\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string = \"\";\n\n  /** `href` if the chip should be used as link  */\n  @Prop() href: string = \"\";\n\n  /** Target if the button is used as link (if `href` used)  */\n  @Prop() target: string = \"\";\n\n  /** Whether chip is not interactive */\n  @Prop({ reflect: true }) nonInteractive: boolean = false;\n\n  /** Whether remove button should be shown */\n  @Prop({ reflect: true }) removable: boolean = false;\n\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"tag\" | \"filter\" | \"input\" = \"tag\";\n\n  /** Size */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" | \"large\" = \"default\";\n\n  /** Type */\n  @Prop({ reflect: true }) type: \"default\" | \"secondary\" | \"important\" = \"default\";\n\n  /** Counter */\n  @Prop() counter: string = \"\";\n\n  /** Label of remove button for screenreaders */\n  @Prop() removeLabel: string = \"\";\n\n  /** Active */\n  @Prop({ reflect: true }) active: boolean = false;\n\n  /** Disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Tabindex of link/button */\n  @Prop({ attribute: \"a11y-tabindex\" }) a11yTabindex: string;\n\n  /** Accessible label for screen readers to replace visible text */\n  @Prop({ attribute: \"a11y-label\" }) a11yLabel: string;\n\n  /** Id for element which describes the link/button */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link/button element.\n   * Default value will be taken from `label` prop or default slot.\n   */\n  @Prop() analyticsId: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the remove button element.\n   * Default value will be taken from `removeLabel` prop.\n   */\n  @Prop() removeAnalyticsId: string;\n\n  @Element() element: HTMLStzhChipElement;\n\n  /** Focus menu item */\n  @Method()\n  async setFocus() {\n    this.chip.focus();\n  }\n\n  /** Chip click event */\n  @Event() stzhClick: EventEmitter<StzhChipClickEvent>;\n\n  /** Chip remove event */\n  @Event() stzhRemove: EventEmitter<StzhChipRemoveEvent>;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhChipFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhChipBlurEvent>;\n\n  private chip: HTMLButtonElement | HTMLAnchorElement;\n  private text: HTMLElement;\n  private focusedByInput: boolean = false;\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.chip.setAttribute(\"s-object-id\", this.analyticsId || this.text.innerText);\n    });\n  }\n\n  private renderInner(): DocumentFragment {\n    return (\n      <Fragment>\n        <div class=\"stzh-chip__icon-wrapper\">\n          {this.icon ?\n            <stzh-icon class=\"stzh-chip__icon\" name={this.icon}></stzh-icon>\n            :\n            <slot name=\"icon\"></slot>\n          }\n        </div>\n\n        <stzh-clamp\n          lines={1}\n          class=\"stzh-chip__label\"\n          ref={(el) => (this.text = el as HTMLElement)}\n        >\n          {this.label ? this.label : <slot></slot>}\n          {this.counter &&\n            <span class=\"stzh-chip__vhidden\">\n              &nbsp;({this.counter})\n            </span>\n          }\n        </stzh-clamp>\n\n        {this.counter &&\n          <div class=\"stzh-chip__counter\" aria-hidden=\"true\">\n            {this.counter}\n          </div>\n        }\n      </Fragment>\n    );\n  }\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.setFocus();\n    }\n\n    this.focusedByInput = false;\n  }\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onRemoveClick = (event: MouseEvent) => {\n    this.stzhRemove.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  render() {\n    const classes = {\n      \"stzh-chip\": true,\n      \"stzh-chip--is-active\": this.active,\n      \"stzh-chip--is-disabled\": this.disabled,\n      \"stzh-chip--is-removable\": this.removable,\n      \"stzh-chip--has-counter\": !!this.counter,\n      [`stzh-chip--type-${this.type}`]: !!this.type,\n      [`stzh-chip--size-${this.size}`]: !!this.size,\n      [`stzh-chip--${this.variant}`]: !!this.variant\n    };\n\n    const Chip = this.nonInteractive ? \"div\" :\n      this.href ? \"a\" : \"button\";\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          {this.removable &&\n            <button\n              class=\"stzh-chip__remove\"\n              onClick={this.onRemoveClick}\n              disabled={this.disabled}\n              aria-label={this.removeLabel}\n              type=\"button\"\n              s-object-id={this.removeAnalyticsId || this.removeLabel}\n            >\n              <stzh-icon class=\"stzh-chip__remove-icon\" name=\"close\"></stzh-icon>\n            </button>\n          }\n\n          {this.href ?\n            <Chip\n              ref={(el) => (this.chip = el as HTMLAnchorElement)}\n              class={{\n                \"stzh-chip__button\": true,\n                \"is-button\": !this.nonInteractive && !this.href,\n                \"is-link\": !this.nonInteractive && !!this.href\n              }}\n              href={this.disabled ? null : this.href}\n              target={this.target}\n              tabindex={this.a11yTabindex}\n              aria-label={this.a11yLabel || null}\n              aria-describedby={this.a11yDescribedby || null}\n              onClick={this.onClick}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            >\n              {this.renderInner()}\n            </Chip>\n            :\n            <Chip\n              ref={(el) => (this.chip = el as HTMLButtonElement)}\n              class={{\n                \"stzh-chip__button\": true,\n                \"is-button\": !this.nonInteractive && !this.href,\n                \"is-link\": !this.nonInteractive && !!this.href\n              }}\n              disabled={this.disabled}\n              type=\"button\"\n              tabindex={this.a11yTabindex}\n              aria-label={this.a11yLabel || null}\n              aria-describedby={this.a11yDescribedby || null}\n              onClick={this.onClick}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            >\n              {this.renderInner()}\n            </Chip>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n","stzh-clamp {\n  @include host;\n  --current-lines: var(--lines, 0);\n\n  @include mq($from: small) {\n    --current-lines: var(--lines-small, var(--lines, 0));\n  }\n\n  @include mq($from: medium) {\n    --current-lines: var(--lines-medium, var(--lines-small, var(--lines, 0)));\n  }\n\n  @include mq($from: large) {\n    --current-lines: var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0))));\n  }\n\n  @include mq($from: ultra) {\n    --current-lines: var(--lines-ultra, var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0)))));\n  }\n\n  width: 100%;\n  color: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.stzh-clamp {\n  position: relative;\n\n  &__text {\n    @include wordWrap;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    & > *:first-child {\n      margin-top: 0 !important;\n    }\n\n    & > *:last-child {\n      margin-bottom: 0 !important;\n    }\n\n    &.is-clone {\n      position: absolute;\n      visibility: hidden;\n      opacity: 0;\n      top: 0;\n      left: 0;\n      width: 100%;\n    }\n  }\n\n  &__trigger {\n    margin-top: space('xxsmall');\n  }\n\n  &--is-not-expanded &__text,\n  &__text.is-clone {\n    -webkit-line-clamp: var(--current-lines);\n    line-clamp: var(--current-lines);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Method,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhClampClampEvent,\n  StzhClampExpandEvent\n} from \"../../index\";\n\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { StzhClampLocalizedText } from \"./stzh-clamp.localization\";\n\n/**\n *\n */\n@Component({\n  tag: \"stzh-clamp\",\n  styleUrl: \"stzh-clamp.scss\"\n})\nexport class StzhClamp {\n  /** Translation strings */\n  @Prop() localization: StzhClampLocalizedText;\n\n  /** Line number */\n  @Prop() lines: number = 1;\n  /** Line number above small breakpoint */\n  @Prop() linesSmall: number = 0;\n  /** Line number above medium breakpoint */\n  @Prop() linesMedium: number = 0;\n  /** Line number above large breakpoint */\n  @Prop() linesLarge: number = 0;\n  /** Line number above ultra breakpoint */\n  @Prop() linesUltra: number = 0;\n\n  /** Whether clamping is expanded */\n  @Prop() showExpandLink: boolean = false;\n\n  /** Whether clamping is expanded */\n  @Prop({ mutable: true, reflect: true }) expanded: boolean = false;\n\n  /** Whether the text is currently clamped (readonly) */\n  @Prop({ mutable: true, reflect: true }) clamped: boolean = false;\n\n  @Element() element: HTMLStzhClampElement;\n\n  /** Event when clamping state changed */\n  @Event() stzhClamp: EventEmitter<StzhClampClampEvent>;\n\n  /** Event when expanding state changed */\n  @Event() stzhExpand: EventEmitter<StzhClampExpandEvent>;\n\n  @Method()\n  async update() {\n    this.textCloneElement.innerHTML = this.textElement.innerHTML;\n    this.updateClamped();\n  }\n\n  private textElement: HTMLElement;\n  private textCloneElement: HTMLElement;\n\n  private debounceResize: number;\n  private resizeObserver: ResizeObserver;\n  private mutationObserver: MutationObserver;\n\n  private updateClamped = () => {\n    if (!this.textCloneElement) {\n      return;\n    }\n\n    const beforeClamped = this.clamped;\n    this.clamped = this.textCloneElement.scrollHeight > this.textCloneElement.clientHeight;\n\n    if (beforeClamped !== this.clamped) {\n      this.stzhClamp.emit({\n        component: \"stzh-clamp\",\n        clamped: this.clamped\n      });\n    }\n  }\n\n  private handleResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.updateClamped);\n  }\n\n  private handleMutaton = () => {\n    this.update();\n  }\n\n  private handleExpandClick = () => {\n    this.expanded = !this.expanded;\n\n    this.stzhExpand.emit({\n      component: \"stzh-clamp\",\n      expanded: this.expanded\n    });\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"clamp\");\n    }\n  }\n\n  componentDidLoad() {\n    this.mutationObserver = new MutationObserver(this.handleMutaton);\n    this.mutationObserver.observe(this.textElement, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  componentDidRender() {\n    this.update();\n  }\n\n  connectedCallback() {\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(this.element);\n  }\n\n  disconnectedCallback() {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-clamp\": true,\n      \"stzh-clamp--is-not-expanded\": !this.expanded\n    };\n\n    return (\n      <Host\n        style={{\n          '--lines': this.lines ? this.lines.toString() : null,\n          '--lines-small': this.linesSmall ? this.linesSmall.toString() : null,\n          '--lines-medium': this.linesMedium ? this.linesMedium.toString() : null,\n          '--lines-large': this.linesLarge ? this.linesLarge.toString() : null,\n          '--lines-ultra': this.linesUltra ? this.linesUltra.toString() : null,\n        }}\n      >\n        <div class={classes}>\n          <div\n            ref={(el) => (this.textElement = el as HTMLDivElement)}\n            class=\"stzh-clamp__text\"\n          >\n            <slot></slot>\n          </div>\n\n          <div\n            ref={(el) => (this.textCloneElement = el as HTMLDivElement)}\n            class=\"stzh-clamp__text is-clone\"\n            aria-hidden=\"true\"\n          ></div>\n\n          {this.showExpandLink && this.clamped &&\n            <stzh-link\n              class=\"stzh-clamp__trigger\"\n              a11yTabindex=\"-1\"\n              aria-hidden=\"true\"\n              onClick={this.handleExpandClick}\n            >\n              {!this.expanded ? this.localization.showMore : this.localization.showLess}\n            </stzh-link>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/stzh-components.js

@@ -1,6 +1,6 @@
 import { d as doc, N as NAMESPACE, p as promiseResolve, H, b as bootstrapLazy } from './index-67fd55c9.js';
 export { s as setNonce } from './index-67fd55c9.js';
-import { g as globalScripts } from './app-globals-5ab947af.js';
+import { g as globalScripts } from './app-globals-07e538f3.js';
 
 /*
  Stencil Client Patch Browser v3.3.0 | MIT Licensed | https://stenciljs.com
@@ -49,7 +49,7 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(options => {
   globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"stzh-microsite-teaserlist\",[[2,\"stzh-microsite-teaserlist\",{\"localization\":[16],\"api\":[1],\"tags\":[1],\"stepItems\":[2,\"step-items\"],\"showItems\":[32],\"activeFilter\":[32]}]]],[\"stzh-appointments\",[[2,\"stzh-appointments\",{\"localization\":[16],\"sortBy\":[1025,\"sort-by\"],\"appointments\":[1],\"currentDate\":[1025,\"current-date\"],\"value\":[1025],\"name\":[513],\"showItems\":[1026,\"show-items\"],\"stepItems\":[2,\"step-items\"],\"calendarTitle\":[1,\"calendar-title\"],\"appointmentsTitle\":[1,\"appointments-title\"],\"dateAdapter\":[16]}]]],[\"stzh-datamessagelist-item\",[[2,\"stzh-datamessagelist-item\",{\"localization\":[16],\"heading\":[1],\"unread\":[4],\"href\":[1],\"rel\":[1],\"target\":[1],\"description\":[1],\"icon\":[1],\"loadingStatus\":[1,\"loading-status\"],\"meta\":[1],\"actions\":[1],\"tags\":[1],\"analyticsId\":[1,\"analytics-id\"],\"external\":[32]}]]],[\"stzh-contact\",[[6,\"stzh-contact\",{\"type\":[1],\"heading\":[1],\"mainHeading\":[1,\"main-heading\"],\"name\":[1],\"street\":[1],\"streetInfo\":[1,\"street-info\"],\"postalCode\":[1,\"postal-code\"],\"location\":[1],\"numbers\":[1],\"poBoxHeading\":[1,\"po-box-heading\"],\"poboxTitle\":[1,\"pobox-title\"],\"poboxPostalCode\":[1,\"pobox-postal-code\"],\"poboxLocation\":[1,\"pobox-location\"],\"availabilityTitle\":[1,\"availability-title\"],\"availability\":[1],\"withBorder\":[4,\"with-border\"]}]]],[\"stzh-amount\",[[0,\"stzh-amount\",{\"minValue\":[2,\"min-value\"],\"maxValue\":[2,\"max-value\"],\"minValueDropdown\":[2,\"min-value-dropdown\"],\"maxValueDropdown\":[2,\"max-value-dropdown\"],\"value\":[1025],\"step\":[2],\"name\":[513],\"size\":[513],\"disabled\":[516],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"invalid\":[516],\"required\":[516],\"clearable\":[516],\"showMarker\":[516,\"show-marker\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1025],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"localization\":[16]}]]],[\"stzh-sitemap\",[[0,\"stzh-sitemap\",{\"items\":[1]}]]],[\"stzh-datatable\",[[4,\"stzh-datatable\",{\"localization\":[16],\"label\":[1],\"sortBy\":[1025,\"sort-by\"],\"sortDirection\":[1025,\"sort-direction\"],\"tokenize\":[1],\"idField\":[1,\"id-field\"],\"disableMinWidth\":[516,\"disable-min-width\"],\"rows\":[1],\"columns\":[1],\"query\":[32],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32],\"toggleSort\":[64]}]]],[\"stzh-saptcha\",[[2,\"stzh-saptcha\",{\"localization\":[16],\"numbers\":[1],\"value\":[1],\"name\":[513],\"error\":[1],\"invalid\":[516],\"disabled\":[516]}]]],[\"stzh-vbz-majorticker\",[[2,\"stzh-vbz-majorticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16],\"ghettoboxCloseTimeKey\":[1,\"ghettobox-close-time-key\"],\"ghettoboxShown\":[32],\"getGhettoboxShown\":[64],\"getDisturbance\":[64]}]]],[\"stzh-vbz-ticker\",[[6,\"stzh-vbz-ticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16]}]]],[\"stzh-anchornav\",[[2,\"stzh-anchornav\",{\"columns\":[514],\"columnsSmall\":[514,\"columns-small\"],\"columnsMedium\":[514,\"columns-medium\"],\"columnsLarge\":[514,\"columns-large\"],\"columnsUltra\":[514,\"columns-ultra\"],\"items\":[1],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-audio\",[[6,\"stzh-audio\",{\"localization\":[16],\"src\":[1],\"preload\":[1],\"transcript\":[1],\"transcriptShown\":[1028,\"transcript-shown\"],\"downloadAnalyticsId\":[1,\"download-analytics-id\"],\"transcriptAnalyticsId\":[1,\"transcript-analytics-id\"],\"play\":[64],\"pause\":[64]}]]],[\"stzh-upload\",[[4,\"stzh-upload\",{\"existingFiles\":[1,\"existing-files\"],\"label\":[1],\"description\":[1],\"button\":[1],\"url\":[1],\"method\":[1],\"withCredentials\":[4,\"with-credentials\"],\"disabled\":[516],\"invalid\":[516],\"downloadDisabled\":[4,\"download-disabled\"],\"error\":[1],\"acceptedFiles\":[1,\"accepted-files\"],\"autoProcessQueue\":[4,\"auto-process-queue\"],\"maxFiles\":[2,\"max-files\"],\"maxFilesize\":[2,\"max-filesize\"],\"parallelUploads\":[2,\"parallel-uploads\"],\"uploadMultiple\":[4,\"upload-multiple\"],\"chunking\":[4],\"forceChunking\":[4,\"force-chunking\"],\"chunkSize\":[2,\"chunk-size\"],\"parallelChunkUploads\":[4,\"parallel-chunk-uploads\"],\"retryChunks\":[4,\"retry-chunks\"],\"retryChunksLimit\":[2,\"retry-chunks-limit\"],\"filesizeBase\":[2,\"filesize-base\"],\"headers\":[16],\"defaultHeaders\":[4,\"default-headers\"],\"accept\":[16],\"chunksUploaded\":[16],\"hiddenInputContainer\":[1,\"hidden-input-container\"],\"localization\":[16],\"processQueue\":[64],\"removeFile\":[64],\"removeAllFiles\":[64]}]]],[\"stzh-footer\",[[4,\"stzh-footer\",{\"localization\":[16],\"copyright\":[1],\"variant\":[1],\"mainUrl\":[1,\"main-url\"],\"withBorder\":[4,\"with-border\"]}]]],[\"stzh-langnav\",[[2,\"stzh-langnav\",{\"languageActive\":[1,\"language-active\"],\"languages\":[1],\"popoverPlacement\":[513,\"popover-placement\"],\"preventUrlchange\":[4,\"prevent-urlchange\"]}]]],[\"stzh-message\",[[6,\"stzh-message\",{\"label\":[1],\"description\":[1],\"closeKey\":[1,\"close-key\"],\"type\":[513],\"hideClose\":[4,\"hide-close\"],\"localization\":[16],\"open\":[32],\"show\":[64],\"hide\":[64]}]]],[\"stzh-monthyearpicker\",[[2,\"stzh-monthyearpicker\",{\"months\":[1],\"years\":[1],\"min\":[1],\"max\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"format\":[513],\"name\":[513],\"value\":[1025],\"popoverPlacement\":[513,\"popover-placement\"],\"monthLabel\":[1,\"month-label\"],\"yearLabel\":[1,\"year-label\"],\"readonly\":[516],\"disabled\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"descriptionMonth\":[1,\"description-month\"],\"descriptionYear\":[1,\"description-year\"],\"descriptionLongMonth\":[1,\"description-long-month\"],\"descriptionLongYear\":[1,\"description-long-year\"],\"errorMonth\":[1,\"error-month\"],\"errorYear\":[1,\"error-year\"],\"invalidMonth\":[516,\"invalid-month\"],\"invalidYear\":[516,\"invalid-year\"],\"a11yDescribedbyMonth\":[1,\"a11y-describedby\"],\"a11yDescribedbyYear\":[1,\"a11y-describedby\"],\"localization\":[16]}]]],[\"stzh-pagebottom\",[[6,\"stzh-pagebottom\",{\"shareTitle\":[1,\"share-title\"],\"shareUrl\":[1,\"share-url\"],\"shareServices\":[1,\"share-services\"],\"shareDisabled\":[4,\"share-disabled\"],\"logoHref\":[1,\"logo-href\"],\"logoAnalyticsId\":[1,\"logo-analytics-id\"],\"withBorder\":[4,\"with-border\"]}]]],[\"stzh-timepicker\",[[2,\"stzh-timepicker\",{\"min\":[2],\"max\":[2],\"step\":[2],\"name\":[513],\"value\":[1025],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"localization\":[16]}]]],[\"stzh-accordion-item\",[[6,\"stzh-accordion-item\",{\"open\":[1540],\"disabled\":[516],\"heading\":[1],\"subtitle\":[1],\"description\":[1],\"icon\":[1],\"badge\":[1],\"badgeEmpty\":[516,\"badge-empty\"],\"badgeType\":[513,\"badge-type\"],\"headingLevel\":[513,\"heading-level\"],\"analyticsId\":[1,\"analytics-id\"],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64]}]]],[\"stzh-checkbox\",[[6,\"stzh-checkbox\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"showMarker\":[516,\"show-marker\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-checkboxgroup\",[[6,\"stzh-checkboxgroup\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"legend\":[1],\"hideLegend\":[516,\"hide-legend\"],\"invalid\":[516],\"showMarker\":[516,\"show-marker\"],\"value\":[1025],\"direction\":[513],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"checkedCheckbox\":[16],\"preventUpdateProperties\":[1,\"prevent-update-properties\"]},[[0,\"stzhChange\",\"onChange\"]]]]],[\"stzh-dialog\",[[6,\"stzh-dialog\",{\"localization\":[16],\"closeOnEscapeKey\":[4,\"close-on-escape-key\"],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"open\":[1028],\"stay\":[4],\"size\":[513],\"hideClose\":[4,\"hide-close\"],\"heading\":[1],\"a11yRole\":[1,\"a11y-role\"],\"a11yLabel\":[1,\"a11y-label\"],\"closeAnalyticsId\":[1,\"close-analytics-id\"],\"show\":[64],\"hide\":[64]},[[6,\"click\",\"handleOutsideClick\"],[4,\"keydown\",\"handleKeydown\"],[4,\"click\",\"handleOpenTriggerClick\"]]]]],[\"stzh-progressbar\",[[2,\"stzh-progressbar\",{\"localization\":[16],\"data\":[1],\"index\":[2],\"steps\":[2],\"stepsSmall\":[2,\"steps-small\"],\"stepsMedium\":[2,\"steps-medium\"],\"stepsLarge\":[2,\"steps-large\"],\"stepsUltra\":[2,\"steps-ultra\"],\"currentSteps\":[32]}]]],[\"stzh-toggle\",[[6,\"stzh-toggle\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"labelPosition\":[513,\"label-position\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-fieldset\",[[6,\"stzh-fieldset\",{\"legend\":[1],\"hideLegend\":[4,\"hide-legend\"],\"legendLevel\":[1,\"legend-level\"],\"legendCurve\":[1,\"legend-curve\"]}]]],[\"stzh-olmap\",[[0,\"stzh-olmap\",{\"localization\":[16],\"hostname\":[1],\"scaleControl\":[4,\"scale-control\"],\"layerControl\":[4,\"layer-control\"],\"printControl\":[4,\"print-control\"],\"locationControl\":[4,\"location-control\"],\"layer\":[1025],\"zoom\":[2],\"zoomLocation\":[2,\"zoom-location\"],\"center\":[16],\"centerMarker\":[4,\"center-marker\"],\"pinchRotateThreshold\":[2,\"pinch-rotate-threshold\"],\"resolutions\":[16],\"layers\":[1],\"getMap\":[64],\"addIconMarker\":[64],\"removeIconMarker\":[64],\"setIconMarkerActive\":[64],\"setIconMarkerInactive\":[64],\"enableLocationTracking\":[64],\"disableLocationTracking\":[64],\"getDistance\":[64]},[[8,\"load\",\"handleLoad\"],[8,\"deviceorientation\",\"handleLoad\"],[8,\"pageshow\",\"handleLoad\"]]]]],[\"stzh-accordion\",[[6,\"stzh-accordion\",{\"collapsible\":[4],\"multiselectable\":[4],\"setItemFocus\":[64]},[[0,\"stzhOpen\",\"openListener\"]]]]],[\"stzh-actions\",[[6,\"stzh-actions\",{\"variant\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-appnav\",[[6,\"stzh-appnav\",{\"appTitle\":[1,\"app-title\"],\"appStatus\":[1,\"app-status\"],\"appHref\":[1,\"app-href\"],\"appAnalyticsId\":[1,\"app-analytics-id\"]}]]],[\"stzh-carousel\",[[6,\"stzh-carousel\",{\"localization\":[16],\"variant\":[513],\"disabled\":[516],\"slides\":[2],\"slidesSmall\":[2,\"slides-small\"],\"slidesMedium\":[2,\"slides-medium\"],\"slidesLarge\":[2,\"slides-large\"],\"slidesUltra\":[2,\"slides-ultra\"],\"slide\":[2],\"autoplay\":[1028],\"tabThrough\":[4,\"tab-through\"],\"preventMouseDrag\":[32],\"scrollTimeout\":[32],\"autoplayTimeout\":[32],\"distanceQuickSwipe\":[32],\"distancePreventClick\":[32],\"autoplayRunning\":[32],\"autoplayDisabledByMotionMedia\":[32],\"autoplayDisabledByMouse\":[32],\"autoplayDisabledByFocus\":[32],\"dragging\":[32],\"scrolling\":[32],\"ariaLive\":[32],\"currentSlides\":[32],\"currentSwipeSlides\":[32],\"slideElements\":[32],\"previousElements\":[32],\"nextElements\":[32],\"navigationTextElements\":[32],\"slideTo\":[64],\"slideToPrevious\":[64],\"slideToNext\":[64]}]]],[\"stzh-cell\",[[1,\"stzh-cell\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justifySelf\":[513,\"justify-self\"],\"alignSelf\":[513,\"align-self\"]}]]],[\"stzh-chart\",[[0,\"stzh-chart\",{\"chartId\":[1,\"chart-id\"],\"create\":[16]}]]],[\"stzh-container\",[[6,\"stzh-container\"]]],[\"stzh-cspace\",[[6,\"stzh-cspace\"]]],[\"stzh-datamessagelist\",[[6,\"stzh-datamessagelist\"]]],[\"stzh-details\",[[6,\"stzh-details\",{\"open\":[1540],\"show\":[64],\"hide\":[64],\"toggle\":[64]}]]],[\"stzh-figure\",[[6,\"stzh-figure\",{\"caption\":[1],\"copyright\":[1],\"fullwidth\":[516]}]]],[\"stzh-flyingfocus\",[[2,\"stzh-flyingfocus\",{\"style\":[32],\"position\":[32],\"enabled\":[32],\"visible\":[32],\"helper\":[32],\"moving\":[32],\"reposition\":[64]},[[4,\"keydown\",\"handleKeydown\"],[5,\"mousedown\",\"handleMousedown\"],[6,\"focus\",\"handleFocus\"],[6,\"stzhFocus\",\"handleFocus\"],[6,\"blur\",\"handleBlur\"],[7,\"scroll\",\"handleScrollResize\"],[11,\"resize\",\"handleScrollResize\"]]]]],[\"stzh-header\",[[6,\"stzh-header\",{\"href\":[1],\"metabarStay\":[4,\"metabar-stay\"],\"stickyDisabled\":[4,\"sticky-disabled\"],\"preventAppnavPlaceholder\":[4,\"prevent-appnav-placeholder\"],\"logoAnalyticsId\":[1,\"logo-analytics-id\"],\"hideLogo\":[32],\"paddingTop\":[32],\"metabarTransform\":[32],\"sticky\":[32],\"stickyClosing\":[32],\"stickyMetabar\":[32],\"stickyMetabarEnd\":[32],\"updatePosition\":[64]},[[9,\"scroll\",\"scrollListener\"]]]]],[\"stzh-hr\",[[2,\"stzh-hr\"]]],[\"stzh-hspace\",[[1,\"stzh-hspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"items\":[1],\"around\":[516],\"border\":[513]}]]],[\"stzh-icon-sprite\",[[0,\"stzh-icon-sprite\"]]],[\"stzh-invert\",[[6,\"stzh-invert\"]]],[\"stzh-list\",[[1,\"stzh-list\",{\"variant\":[513]}]]],[\"stzh-list-item\",[[1,\"stzh-list-item\"]]],[\"stzh-loadingbar\",[[2,\"stzh-loadingbar\",{\"percent\":[2],\"hidePercent\":[4,\"hide-percent\"],\"label\":[1]}]]],[\"stzh-metanav\",[[6,\"stzh-metanav\"]]],[\"stzh-overlay\",[[6,\"stzh-overlay\",{\"open\":[1028],\"stay\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"show\":[64],\"hide\":[64]}]]],[\"stzh-page-skiplinks\",[[6,\"stzh-page-skiplinks\"]]],[\"stzh-pagetitle\",[[6,\"stzh-pagetitle\"]]],[\"stzh-pagetitle-hero\",[[6,\"stzh-pagetitle-hero\",{\"heading\":[1],\"leadAuthor\":[1,\"lead-author\"],\"subtitle\":[1]}]]],[\"stzh-ratio\",[[6,\"stzh-ratio\",{\"ratio\":[513],\"portrait\":[516],\"fit\":[513]}]]],[\"stzh-readspeaker\",[[4,\"stzh-readspeaker\",{\"href\":[1],\"eventId\":[1,\"event-id\"]},[[8,\"DOMContentLoaded\",\"addClickEvents\"],[8,\"load\",\"addClickEvents\"]]]]],[\"stzh-row\",[[1,\"stzh-row\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justify\":[513],\"items\":[513],\"content\":[513]}]]],[\"stzh-section\",[[6,\"stzh-section\",{\"variant\":[1]}]]],[\"stzh-show\",[[1,\"stzh-show\",{\"mikro\":[4],\"small\":[4],\"medium\":[4],\"large\":[4],\"ultra\":[4],\"hideFromDate\":[1,\"hide-from-date\"]}]]],[\"stzh-skin-portal-mitwirken\",[[0,\"stzh-skin-portal-mitwirken\"]]],[\"stzh-skin-storybook-preview\",[[0,\"stzh-skin-storybook-preview\"]]],[\"stzh-skiplink\",[[6,\"stzh-skiplink\",{\"label\":[1],\"href\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"linkTitle\":[1,\"link-title\"],\"analyticsId\":[1,\"analytics-id\"],\"focused\":[32]},[[0,\"focusin\",\"focusinHandler\"],[0,\"focusout\",\"focusoutHandler\"]]]]],[\"stzh-space\",[[1,\"stzh-space\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"items\":[1],\"around\":[516],\"border\":[513]}]]],[\"stzh-sticky\",[[6,\"stzh-sticky\",{\"disableStickyTop\":[516,\"disable-sticky-top\"],\"disableStickyBottom\":[516,\"disable-sticky-bottom\"],\"breakout\":[516],\"isStuckTop\":[32],\"isStuckBottom\":[32]}]]],[\"stzh-table\",[[4,\"stzh-table\",{\"fixedLeft\":[2,\"fixed-left\"],\"fixedRight\":[2,\"fixed-right\"],\"disableMinWidth\":[516,\"disable-min-width\"],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32]}]]],[\"stzh-textandimage\",[[1,\"stzh-textandimage\",{\"floating\":[516],\"fullwidth\":[516],\"size\":[513]}]]],[\"stzh-visuallyhidden\",[[6,\"stzh-visuallyhidden\"]]],[\"stzh-vspace\",[[1,\"stzh-vspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"items\":[1],\"around\":[516],\"border\":[513]}]]],[\"stzh-badge_3\",[[6,\"stzh-button\",{\"localization\":[16],\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgePosition\":[513,\"badge-position\"],\"badgeEmpty\":[516,\"badge-empty\"],\"fullwidth\":[516],\"rounded\":[516],\"floating\":[516],\"size\":[513],\"textAlign\":[513,\"text-align\"],\"variant\":[513],\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"checked\":[1540],\"name\":[513],\"value\":[1025],\"href\":[1],\"rel\":[1],\"target\":[1],\"download\":[1],\"type\":[1],\"disabled\":[516],\"active\":[516],\"label\":[1],\"effect\":[1],\"iconOnly\":[516,\"icon-only\"],\"linkAccesskey\":[1,\"link-accesskey\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"a11yExpanded\":[516,\"a11y-expanded\"],\"a11yDisabled\":[516,\"a11y-disabled\"],\"a11yControls\":[1,\"a11y-controls\"],\"a11yTabindex\":[1,\"a11y-tabindex\"],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}],[2,\"stzh-badge\",{\"label\":[1],\"type\":[513]}],[2,\"stzh-icon\",{\"name\":[1],\"a11yTitle\":[1,\"a11y-title\"]}]]],[\"stzh-share\",[[2,\"stzh-share\",{\"localization\":[16],\"url\":[1],\"services\":[1]}]]],[\"stzh-progressbar-item\",[[6,\"stzh-progressbar-item\",{\"label\":[513],\"disabled\":[516],\"first\":[516],\"last\":[516],\"passed\":[516],\"current\":[516],\"hide\":[516],\"dotted\":[516],\"step\":[514],\"icon\":[513],\"analyticsId\":[1,\"analytics-id\"]}]]],[\"stzh-vbz-linechip\",[[2,\"stzh-vbz-linechip\",{\"line\":[1],\"active\":[516],\"alert\":[516],\"global\":[516],\"disabled\":[516],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}]]],[\"stzh-buttongroup\",[[6,\"stzh-buttongroup\"]]],[\"stzh-loader\",[[6,\"stzh-loader\",{\"size\":[1],\"label\":[1],\"hideLabel\":[4,\"hide-label\"]}]]],[\"stzh-actionset\",[[2,\"stzh-actionset\",{\"localization\":[16],\"variant\":[513],\"popoverButtonVariant\":[513,\"popover-button-variant\"],\"popoverButtonSize\":[513,\"popover-button-size\"],\"popoverPlacement\":[513,\"popover-placement\"],\"actions\":[1],\"actionsCollapsed\":[32],\"dynamicActions\":[32],\"isSmall\":[32],\"isMedium\":[32]}]]],[\"stzh-ghettobox_2\",[[6,\"stzh-ghettobox\",{\"hiddenTitle\":[1,\"hidden-title\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"hideClose\":[4,\"hide-close\"],\"publishDate\":[1,\"publish-date\"],\"closeTimeKey\":[1,\"close-time-key\"],\"localization\":[16],\"open\":[32],\"show\":[64],\"hide\":[64]}],[6,\"stzh-richtext\",{\"localization\":[16],\"externalLinkSelector\":[1,\"external-link-selector\"],\"externalLinkIcon\":[1,\"external-link-icon\"]}]]],[\"stzh-calendar\",[[2,\"stzh-calendar\",{\"value\":[1025],\"min\":[1],\"max\":[1],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"localization\":[16],\"isDateDisabled\":[16],\"prevMonthAnalyticsId\":[1,\"prev-month-analytics-id\"],\"nextMonthAnalyticsId\":[1,\"next-month-analytics-id\"],\"activeFocus\":[32],\"focusedDay\":[32],\"setFocusedDay\":[64],\"setDate\":[64]}]]],[\"stzh-sortable\",[[6,\"stzh-sortable\",{\"localization\":[16],\"disabled\":[516],\"dataIdAttribute\":[1,\"data-id-attribute\"],\"container\":[16],\"ghostClone\":[16],\"filterElements\":[1,\"filter-elements\"],\"toArray\":[64],\"sort\":[64],\"moveItem\":[64]}]]],[\"stzh-text\",[[6,\"stzh-text\",{\"font\":[1],\"curve\":[513],\"lead\":[516],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"]}]]],[\"stzh-heading\",[[6,\"stzh-heading\",{\"level\":[513],\"curve\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-chip_2\",[[6,\"stzh-chip\",{\"label\":[1],\"icon\":[1],\"href\":[1],\"target\":[1],\"nonInteractive\":[516,\"non-interactive\"],\"removable\":[516],\"variant\":[513],\"size\":[513],\"type\":[513],\"counter\":[1],\"removeLabel\":[1,\"remove-label\"],\"active\":[516],\"disabled\":[516],\"a11yTabindex\":[1,\"a11y-tabindex\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"analyticsId\":[1,\"analytics-id\"],\"removeAnalyticsId\":[1,\"remove-analytics-id\"],\"setFocus\":[64]}],[4,\"stzh-clamp\",{\"localization\":[16],\"lines\":[2],\"linesSmall\":[2,\"lines-small\"],\"linesMedium\":[2,\"lines-medium\"],\"linesLarge\":[2,\"lines-large\"],\"linesUltra\":[2,\"lines-ultra\"],\"showExpandLink\":[4,\"show-expand-link\"],\"expanded\":[1540],\"clamped\":[1540],\"update\":[64]}]]],[\"stzh-card_3\",[[6,\"stzh-card\",{\"localization\":[16],\"collapsed\":[1540],\"starred\":[1540],\"starrable\":[516],\"selectable\":[516],\"checked\":[516],\"name\":[513],\"href\":[513],\"target\":[1],\"value\":[1025],\"disabled\":[516],\"withArrow\":[516,\"with-arrow\"],\"heading\":[1],\"subtitle\":[1],\"headerActions\":[1,\"header-actions\"],\"footerActions\":[1,\"footer-actions\"],\"subtitleInteractive\":[4,\"subtitle-interactive\"],\"sortableDisabled\":[516,\"sortable-disabled\"],\"collapsible\":[516],\"hideHeaderBorder\":[516,\"hide-header-border\"],\"hideFooterBorder\":[516,\"hide-footer-border\"],\"hideElevation\":[516,\"hide-elevation\"],\"hideMovementActions\":[4,\"hide-movement-actions\"],\"analyticsId\":[1,\"analytics-id\"]}],[6,\"stzh-chip-select\",{\"localization\":[16],\"data\":[1],\"name\":[513],\"label\":[1],\"value\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"disabled\":[516],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"activeFocusOptionIndex\":[32]}],[6,\"stzh-card-list\",{\"localization\":[16],\"layout\":[513],\"description\":[1],\"showToggleLink\":[516,\"show-toggle-link\"],\"sortableEnabled\":[4,\"sortable-enabled\"],\"sortableDataIdAttribute\":[1,\"sortable-data-id-attribute\"],\"allCollapsed\":[32]},[[0,\"stzhCollapse\",\"collapseListener\"]]]]],[\"stzh-input\",[[6,\"stzh-input\",{\"localization\":[16],\"multiline\":[4],\"rows\":[2],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"showSpin\":[516,\"show-spin\"],\"readonly\":[516],\"disabled\":[516],\"clearable\":[516],\"showMarker\":[516,\"show-marker\"],\"minlength\":[2],\"maxlength\":[2],\"name\":[513],\"value\":[1025],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"inputmode\":[1],\"autocomplete\":[1],\"noAutocomplete\":[4,\"no-autocomplete\"],\"label\":[1],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"filled\":[32],\"setFocus\":[64]}]]],[\"stzh-datepicker_3\",[[6,\"stzh-datepicker\",{\"calendarMin\":[1,\"calendar-min\"],\"calendarMax\":[1,\"calendar-max\"],\"calendarIsDateDisabled\":[16],\"name\":[513],\"value\":[1025],\"label\":[1],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"inline\":[4],\"dateAdapter\":[16],\"localization\":[16],\"buttonLabel\":[32],\"setDate\":[64],\"getPopover\":[64]}],[6,\"stzh-radio\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}],[6,\"stzh-radiogroup\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"legend\":[1],\"hideLegend\":[516,\"hide-legend\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"value\":[1025],\"direction\":[513],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"checkedRadio\":[8,\"checked-radio\"],\"preventUpdateProperties\":[1,\"prevent-update-properties\"]},[[0,\"stzhChange\",\"onChange\"]]]]],[\"stzh-status\",[[2,\"stzh-status\",{\"percent\":[2],\"withLoadingbar\":[516,\"with-loadingbar\"],\"label\":[1],\"type\":[513]}]]],[\"stzh-datalist_2\",[[6,\"stzh-datalist\",{\"direction\":[513],\"directionSmall\":[513,\"direction-small\"],\"directionMedium\":[513,\"direction-medium\"],\"directionLarge\":[513,\"direction-large\"],\"directionUltra\":[513,\"direction-ultra\"],\"hideBorder\":[516,\"hide-border\"],\"disableLabelMinWidth\":[516,\"disable-label-min-width\"],\"currentDirection\":[513,\"current-direction\"],\"items\":[1]}],[6,\"stzh-datalist-item\",{\"localization\":[16],\"direction\":[513],\"href\":[513],\"rel\":[1],\"target\":[1],\"download\":[1],\"leadingIcon\":[1,\"leading-icon\"],\"icon\":[1],\"iconLabel\":[1,\"icon-label\"],\"iconTooltip\":[1,\"icon-tooltip\"],\"label\":[1],\"value\":[1],\"meta\":[1],\"statusLabel\":[1,\"status-label\"],\"statusType\":[1,\"status-type\"],\"hideBorder\":[516,\"hide-border\"],\"a11yExpanded\":[516,\"a11y-expanded\"],\"a11yControls\":[1,\"a11y-controls\"],\"external\":[32]}]]],[\"stzh-dropdown\",[[4,\"stzh-dropdown\",{\"options\":[1],\"optgroups\":[1],\"items\":[1],\"searchField\":[1,\"search-field\"],\"multiple\":[516],\"inline\":[516],\"maxOptions\":[2,\"max-options\"],\"searchConjunction\":[1,\"search-conjunction\"],\"allowEmptyOption\":[4,\"allow-empty-option\"],\"openOnFocus\":[4,\"open-on-focus\"],\"closeAfterSelect\":[4,\"close-after-select\"],\"load\":[16],\"minCharacters\":[2,\"min-characters\"],\"loadThrottle\":[2,\"load-throttle\"],\"preload\":[8],\"labelField\":[1,\"label-field\"],\"valueField\":[1,\"value-field\"],\"optgroupField\":[1,\"optgroup-field\"],\"optgroupLabelField\":[1,\"optgroup-label-field\"],\"optgroupValueField\":[1,\"optgroup-value-field\"],\"lockOptgroupOrder\":[4,\"lock-optgroup-order\"],\"name\":[513],\"open\":[4],\"isOpen\":[516,\"is-open\"],\"variant\":[513],\"size\":[513],\"disabled\":[516],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"icon\":[1],\"iconAngle\":[1,\"icon-angle\"],\"noSearch\":[4,\"no-search\"],\"noBackspaceDelete\":[4,\"no-backspace-delete\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"localization\":[16],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"getValue\":[64],\"setValue\":[64],\"setFocus\":[64],\"resetLoadedSearches\":[64],\"getLoadedSearches\":[64],\"getItems\":[64],\"loadItems\":[64],\"show\":[64],\"hide\":[64]}]]],[\"stzh-menu_2\",[[6,\"stzh-menu-item\",{\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgeEmpty\":[516,\"badge-empty\"],\"disabled\":[516],\"active\":[516],\"icon\":[1],\"label\":[1],\"href\":[1],\"target\":[1],\"a11yLabel\":[1,\"a11y-label\"],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}],[6,\"stzh-menu\"]]],[\"stzh-link\",[[6,\"stzh-link\",{\"localization\":[16],\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"size\":[513],\"href\":[1],\"rel\":[1],\"target\":[1],\"download\":[1],\"type\":[1],\"variant\":[513],\"fullwidth\":[516],\"textAlign\":[513,\"text-align\"],\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgeEmpty\":[516,\"badge-empty\"],\"badgePosition\":[513,\"badge-position\"],\"disabled\":[516],\"active\":[516],\"iconOnly\":[516,\"icon-only\"],\"label\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"a11yExpanded\":[516,\"a11y-expanded\"],\"a11yDisabled\":[516,\"a11y-disabled\"],\"a11yControls\":[1,\"a11y-controls\"],\"a11yTabindex\":[1,\"a11y-tabindex\"],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}]]],[\"stzh-tooltip\",[[6,\"stzh-tooltip\",{\"open\":[1028],\"label\":[1],\"content\":[1],\"placement\":[1],\"strategy\":[1],\"skidding\":[2],\"distance\":[2],\"interactive\":[4],\"trigger\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleDocumentClick\"]]]]],[\"stzh-popover\",[[6,\"stzh-popover\",{\"open\":[1540],\"placement\":[513],\"variant\":[513],\"skidding\":[2],\"distance\":[2],\"label\":[1],\"strategy\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleOutsideClick\"]]]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"stzh-datatable\",[[4,\"stzh-datatable\",{\"localization\":[16],\"label\":[1],\"sortBy\":[1025,\"sort-by\"],\"sortDirection\":[1025,\"sort-direction\"],\"tokenize\":[1],\"idField\":[1,\"id-field\"],\"showList\":[516,\"show-list\"],\"page\":[1026],\"pageSize\":[2,\"page-size\"],\"disableMinWidth\":[516,\"disable-min-width\"],\"rows\":[1],\"columns\":[1],\"query\":[32],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32],\"toggleSort\":[64]}]]],[\"stzh-microsite-teaserlist\",[[2,\"stzh-microsite-teaserlist\",{\"localization\":[16],\"api\":[1],\"tags\":[1],\"stepItems\":[2,\"step-items\"],\"showItems\":[32],\"activeFilter\":[32]}]]],[\"stzh-appointments\",[[2,\"stzh-appointments\",{\"localization\":[16],\"sortBy\":[1025,\"sort-by\"],\"appointments\":[1],\"currentDate\":[1025,\"current-date\"],\"value\":[1025],\"name\":[513],\"showItems\":[1026,\"show-items\"],\"stepItems\":[2,\"step-items\"],\"calendarTitle\":[1,\"calendar-title\"],\"appointmentsTitle\":[1,\"appointments-title\"],\"dateAdapter\":[16]}]]],[\"stzh-datamessagelist-item\",[[2,\"stzh-datamessagelist-item\",{\"localization\":[16],\"heading\":[1],\"unread\":[4],\"href\":[1],\"rel\":[1],\"target\":[1],\"description\":[1],\"icon\":[1],\"loadingStatus\":[1,\"loading-status\"],\"meta\":[1],\"actions\":[1],\"tags\":[1],\"analyticsId\":[1,\"analytics-id\"],\"external\":[32]}]]],[\"stzh-contact\",[[6,\"stzh-contact\",{\"type\":[1],\"heading\":[1],\"mainHeading\":[1,\"main-heading\"],\"name\":[1],\"street\":[1],\"streetInfo\":[1,\"street-info\"],\"postalCode\":[1,\"postal-code\"],\"location\":[1],\"numbers\":[1],\"poBoxHeading\":[1,\"po-box-heading\"],\"poboxTitle\":[1,\"pobox-title\"],\"poboxPostalCode\":[1,\"pobox-postal-code\"],\"poboxLocation\":[1,\"pobox-location\"],\"availabilityTitle\":[1,\"availability-title\"],\"availability\":[1],\"withBorder\":[4,\"with-border\"]}]]],[\"stzh-sitemap\",[[0,\"stzh-sitemap\",{\"items\":[1]}]]],[\"stzh-amount\",[[0,\"stzh-amount\",{\"minValue\":[2,\"min-value\"],\"maxValue\":[2,\"max-value\"],\"minValueDropdown\":[2,\"min-value-dropdown\"],\"maxValueDropdown\":[2,\"max-value-dropdown\"],\"value\":[1025],\"step\":[2],\"name\":[513],\"size\":[513],\"disabled\":[516],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"invalid\":[516],\"required\":[516],\"clearable\":[516],\"showMarker\":[516,\"show-marker\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1025],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"localization\":[16]}]]],[\"stzh-saptcha\",[[2,\"stzh-saptcha\",{\"localization\":[16],\"numbers\":[1],\"value\":[1],\"name\":[513],\"error\":[1],\"invalid\":[516],\"disabled\":[516]}]]],[\"stzh-vbz-majorticker\",[[2,\"stzh-vbz-majorticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16],\"ghettoboxCloseTimeKey\":[1,\"ghettobox-close-time-key\"],\"ghettoboxShown\":[32],\"getGhettoboxShown\":[64],\"getDisturbance\":[64]}]]],[\"stzh-vbz-ticker\",[[6,\"stzh-vbz-ticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16]}]]],[\"stzh-anchornav\",[[2,\"stzh-anchornav\",{\"columns\":[514],\"columnsSmall\":[514,\"columns-small\"],\"columnsMedium\":[514,\"columns-medium\"],\"columnsLarge\":[514,\"columns-large\"],\"columnsUltra\":[514,\"columns-ultra\"],\"items\":[1],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-audio\",[[6,\"stzh-audio\",{\"localization\":[16],\"src\":[1],\"preload\":[1],\"transcript\":[1],\"transcriptShown\":[1028,\"transcript-shown\"],\"downloadAnalyticsId\":[1,\"download-analytics-id\"],\"transcriptAnalyticsId\":[1,\"transcript-analytics-id\"],\"play\":[64],\"pause\":[64]}]]],[\"stzh-upload\",[[4,\"stzh-upload\",{\"existingFiles\":[1,\"existing-files\"],\"label\":[1],\"description\":[1],\"button\":[1],\"url\":[1],\"method\":[1],\"withCredentials\":[4,\"with-credentials\"],\"disabled\":[516],\"invalid\":[516],\"downloadDisabled\":[4,\"download-disabled\"],\"error\":[1],\"acceptedFiles\":[1,\"accepted-files\"],\"autoProcessQueue\":[4,\"auto-process-queue\"],\"maxFiles\":[2,\"max-files\"],\"maxFilesize\":[2,\"max-filesize\"],\"parallelUploads\":[2,\"parallel-uploads\"],\"uploadMultiple\":[4,\"upload-multiple\"],\"chunking\":[4],\"forceChunking\":[4,\"force-chunking\"],\"chunkSize\":[2,\"chunk-size\"],\"parallelChunkUploads\":[4,\"parallel-chunk-uploads\"],\"retryChunks\":[4,\"retry-chunks\"],\"retryChunksLimit\":[2,\"retry-chunks-limit\"],\"filesizeBase\":[2,\"filesize-base\"],\"headers\":[16],\"defaultHeaders\":[4,\"default-headers\"],\"accept\":[16],\"chunksUploaded\":[16],\"hiddenInputContainer\":[1,\"hidden-input-container\"],\"localization\":[16],\"processQueue\":[64],\"removeFile\":[64],\"removeAllFiles\":[64]}]]],[\"stzh-footer\",[[4,\"stzh-footer\",{\"localization\":[16],\"copyright\":[1],\"variant\":[1],\"mainUrl\":[1,\"main-url\"],\"withBorder\":[4,\"with-border\"]}]]],[\"stzh-langnav\",[[2,\"stzh-langnav\",{\"languageActive\":[1,\"language-active\"],\"languages\":[1],\"popoverPlacement\":[513,\"popover-placement\"],\"preventUrlchange\":[4,\"prevent-urlchange\"]}]]],[\"stzh-message\",[[6,\"stzh-message\",{\"label\":[1],\"description\":[1],\"closeKey\":[1,\"close-key\"],\"type\":[513],\"hideClose\":[4,\"hide-close\"],\"localization\":[16],\"open\":[32],\"show\":[64],\"hide\":[64]}]]],[\"stzh-monthyearpicker\",[[2,\"stzh-monthyearpicker\",{\"months\":[1],\"years\":[1],\"min\":[1],\"max\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"format\":[513],\"name\":[513],\"value\":[1025],\"popoverPlacement\":[513,\"popover-placement\"],\"monthLabel\":[1,\"month-label\"],\"yearLabel\":[1,\"year-label\"],\"readonly\":[516],\"disabled\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"descriptionMonth\":[1,\"description-month\"],\"descriptionYear\":[1,\"description-year\"],\"descriptionLongMonth\":[1,\"description-long-month\"],\"descriptionLongYear\":[1,\"description-long-year\"],\"errorMonth\":[1,\"error-month\"],\"errorYear\":[1,\"error-year\"],\"invalidMonth\":[516,\"invalid-month\"],\"invalidYear\":[516,\"invalid-year\"],\"a11yDescribedbyMonth\":[1,\"a11y-describedby\"],\"a11yDescribedbyYear\":[1,\"a11y-describedby\"],\"localization\":[16]}]]],[\"stzh-pagebottom\",[[6,\"stzh-pagebottom\",{\"shareTitle\":[1,\"share-title\"],\"shareUrl\":[1,\"share-url\"],\"shareServices\":[1,\"share-services\"],\"shareDisabled\":[4,\"share-disabled\"],\"logoHref\":[1,\"logo-href\"],\"logoAnalyticsId\":[1,\"logo-analytics-id\"],\"withBorder\":[4,\"with-border\"]}]]],[\"stzh-timepicker\",[[2,\"stzh-timepicker\",{\"min\":[2],\"max\":[2],\"step\":[2],\"name\":[513],\"value\":[1025],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"localization\":[16]}]]],[\"stzh-accordion-item\",[[6,\"stzh-accordion-item\",{\"open\":[1540],\"disabled\":[516],\"heading\":[1],\"subtitle\":[1],\"description\":[1],\"icon\":[1],\"badge\":[1],\"badgeEmpty\":[516,\"badge-empty\"],\"badgeType\":[513,\"badge-type\"],\"headingLevel\":[513,\"heading-level\"],\"analyticsId\":[1,\"analytics-id\"],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64]}]]],[\"stzh-checkbox\",[[6,\"stzh-checkbox\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"showMarker\":[516,\"show-marker\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-checkboxgroup\",[[6,\"stzh-checkboxgroup\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"legend\":[1],\"hideLegend\":[516,\"hide-legend\"],\"invalid\":[516],\"showMarker\":[516,\"show-marker\"],\"value\":[1025],\"direction\":[513],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"checkedCheckbox\":[16],\"preventUpdateProperties\":[1,\"prevent-update-properties\"]},[[0,\"stzhChange\",\"onChange\"]]]]],[\"stzh-dialog\",[[6,\"stzh-dialog\",{\"localization\":[16],\"closeOnEscapeKey\":[4,\"close-on-escape-key\"],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"open\":[1028],\"stay\":[4],\"size\":[513],\"hideClose\":[4,\"hide-close\"],\"heading\":[1],\"a11yRole\":[1,\"a11y-role\"],\"a11yLabel\":[1,\"a11y-label\"],\"closeAnalyticsId\":[1,\"close-analytics-id\"],\"show\":[64],\"hide\":[64]},[[6,\"click\",\"handleOutsideClick\"],[4,\"keydown\",\"handleKeydown\"],[4,\"click\",\"handleOpenTriggerClick\"]]]]],[\"stzh-progressbar\",[[2,\"stzh-progressbar\",{\"localization\":[16],\"data\":[1],\"index\":[2],\"steps\":[2],\"stepsSmall\":[2,\"steps-small\"],\"stepsMedium\":[2,\"steps-medium\"],\"stepsLarge\":[2,\"steps-large\"],\"stepsUltra\":[2,\"steps-ultra\"],\"currentSteps\":[32]}]]],[\"stzh-toggle\",[[6,\"stzh-toggle\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"labelPosition\":[513,\"label-position\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-fieldset\",[[6,\"stzh-fieldset\",{\"legend\":[1],\"hideLegend\":[4,\"hide-legend\"],\"legendLevel\":[1,\"legend-level\"],\"legendCurve\":[1,\"legend-curve\"]}]]],[\"stzh-olmap\",[[0,\"stzh-olmap\",{\"localization\":[16],\"hostname\":[1],\"scaleControl\":[4,\"scale-control\"],\"layerControl\":[4,\"layer-control\"],\"printControl\":[4,\"print-control\"],\"locationControl\":[4,\"location-control\"],\"layer\":[1025],\"zoom\":[2],\"zoomLocation\":[2,\"zoom-location\"],\"center\":[16],\"centerMarker\":[4,\"center-marker\"],\"pinchRotateThreshold\":[2,\"pinch-rotate-threshold\"],\"resolutions\":[16],\"layers\":[1],\"getMap\":[64],\"addIconMarker\":[64],\"removeIconMarker\":[64],\"setIconMarkerActive\":[64],\"setIconMarkerInactive\":[64],\"enableLocationTracking\":[64],\"disableLocationTracking\":[64],\"getDistance\":[64]},[[8,\"load\",\"handleLoad\"],[8,\"deviceorientation\",\"handleLoad\"],[8,\"pageshow\",\"handleLoad\"]]]]],[\"stzh-accordion\",[[6,\"stzh-accordion\",{\"collapsible\":[4],\"multiselectable\":[4],\"setItemFocus\":[64]},[[0,\"stzhOpen\",\"openListener\"]]]]],[\"stzh-actions\",[[6,\"stzh-actions\",{\"variant\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-appnav\",[[6,\"stzh-appnav\",{\"appTitle\":[1,\"app-title\"],\"appStatus\":[1,\"app-status\"],\"appHref\":[1,\"app-href\"],\"appAnalyticsId\":[1,\"app-analytics-id\"]}]]],[\"stzh-carousel\",[[6,\"stzh-carousel\",{\"localization\":[16],\"variant\":[513],\"disabled\":[516],\"slides\":[2],\"slidesSmall\":[2,\"slides-small\"],\"slidesMedium\":[2,\"slides-medium\"],\"slidesLarge\":[2,\"slides-large\"],\"slidesUltra\":[2,\"slides-ultra\"],\"slide\":[2],\"autoplay\":[1028],\"tabThrough\":[4,\"tab-through\"],\"preventMouseDrag\":[32],\"scrollTimeout\":[32],\"autoplayTimeout\":[32],\"distanceQuickSwipe\":[32],\"distancePreventClick\":[32],\"autoplayRunning\":[32],\"autoplayDisabledByMotionMedia\":[32],\"autoplayDisabledByMouse\":[32],\"autoplayDisabledByFocus\":[32],\"dragging\":[32],\"scrolling\":[32],\"ariaLive\":[32],\"currentSlides\":[32],\"currentSwipeSlides\":[32],\"slideElements\":[32],\"previousElements\":[32],\"nextElements\":[32],\"navigationTextElements\":[32],\"slideTo\":[64],\"slideToPrevious\":[64],\"slideToNext\":[64]}]]],[\"stzh-cell\",[[1,\"stzh-cell\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justifySelf\":[513,\"justify-self\"],\"alignSelf\":[513,\"align-self\"]}]]],[\"stzh-chart\",[[0,\"stzh-chart\",{\"chartId\":[1,\"chart-id\"],\"create\":[16]}]]],[\"stzh-container\",[[6,\"stzh-container\"]]],[\"stzh-cspace\",[[1,\"stzh-cspace\",{\"removeFirstMargin\":[516,\"remove-first-margin\"],\"removeLastMargin\":[516,\"remove-last-margin\"]}]]],[\"stzh-datamessagelist\",[[6,\"stzh-datamessagelist\"]]],[\"stzh-details\",[[6,\"stzh-details\",{\"open\":[1540],\"show\":[64],\"hide\":[64],\"toggle\":[64]}]]],[\"stzh-figure\",[[6,\"stzh-figure\",{\"caption\":[1],\"copyright\":[1],\"fullwidth\":[516]}]]],[\"stzh-flyingfocus\",[[2,\"stzh-flyingfocus\",{\"style\":[32],\"position\":[32],\"enabled\":[32],\"visible\":[32],\"helper\":[32],\"moving\":[32],\"reposition\":[64]},[[4,\"keydown\",\"handleKeydown\"],[5,\"mousedown\",\"handleMousedown\"],[6,\"focus\",\"handleFocus\"],[6,\"stzhFocus\",\"handleFocus\"],[6,\"blur\",\"handleBlur\"],[7,\"scroll\",\"handleScrollResize\"],[11,\"resize\",\"handleScrollResize\"]]]]],[\"stzh-header\",[[6,\"stzh-header\",{\"href\":[1],\"metabarStay\":[4,\"metabar-stay\"],\"stickyDisabled\":[4,\"sticky-disabled\"],\"preventAppnavPlaceholder\":[4,\"prevent-appnav-placeholder\"],\"logoAnalyticsId\":[1,\"logo-analytics-id\"],\"hideLogo\":[32],\"paddingTop\":[32],\"metabarTransform\":[32],\"sticky\":[32],\"stickyClosing\":[32],\"stickyMetabar\":[32],\"stickyMetabarEnd\":[32],\"updatePosition\":[64]},[[9,\"scroll\",\"scrollListener\"]]]]],[\"stzh-hr\",[[2,\"stzh-hr\"]]],[\"stzh-hspace\",[[1,\"stzh-hspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"items\":[1],\"around\":[516],\"border\":[513]}]]],[\"stzh-icon-sprite\",[[0,\"stzh-icon-sprite\"]]],[\"stzh-invert\",[[6,\"stzh-invert\"]]],[\"stzh-list\",[[1,\"stzh-list\",{\"variant\":[513]}]]],[\"stzh-list-item\",[[1,\"stzh-list-item\"]]],[\"stzh-loadingbar\",[[2,\"stzh-loadingbar\",{\"percent\":[2],\"hidePercent\":[4,\"hide-percent\"],\"label\":[1]}]]],[\"stzh-metanav\",[[6,\"stzh-metanav\"]]],[\"stzh-overlay\",[[6,\"stzh-overlay\",{\"open\":[1028],\"stay\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"show\":[64],\"hide\":[64]}]]],[\"stzh-page-skiplinks\",[[6,\"stzh-page-skiplinks\"]]],[\"stzh-pagetitle\",[[6,\"stzh-pagetitle\"]]],[\"stzh-pagetitle-hero\",[[6,\"stzh-pagetitle-hero\",{\"heading\":[1],\"leadAuthor\":[1,\"lead-author\"],\"subtitle\":[1]}]]],[\"stzh-ratio\",[[6,\"stzh-ratio\",{\"ratio\":[513],\"portrait\":[516],\"fit\":[513]}]]],[\"stzh-readspeaker\",[[4,\"stzh-readspeaker\",{\"href\":[1],\"eventId\":[1,\"event-id\"]},[[8,\"DOMContentLoaded\",\"addClickEvents\"],[8,\"load\",\"addClickEvents\"]]]]],[\"stzh-row\",[[1,\"stzh-row\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justify\":[513],\"items\":[513],\"content\":[513]}]]],[\"stzh-section\",[[6,\"stzh-section\",{\"variant\":[1]}]]],[\"stzh-show\",[[1,\"stzh-show\",{\"mikro\":[4],\"small\":[4],\"medium\":[4],\"large\":[4],\"ultra\":[4],\"hideFromDate\":[1,\"hide-from-date\"]}]]],[\"stzh-skin-portal-mitwirken\",[[0,\"stzh-skin-portal-mitwirken\"]]],[\"stzh-skin-storybook-preview\",[[0,\"stzh-skin-storybook-preview\"]]],[\"stzh-skiplink\",[[6,\"stzh-skiplink\",{\"label\":[1],\"href\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"linkTitle\":[1,\"link-title\"],\"analyticsId\":[1,\"analytics-id\"],\"focused\":[32]},[[0,\"focusin\",\"focusinHandler\"],[0,\"focusout\",\"focusoutHandler\"]]]]],[\"stzh-space\",[[1,\"stzh-space\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"items\":[1],\"around\":[516],\"border\":[513]}]]],[\"stzh-sticky\",[[6,\"stzh-sticky\",{\"disableStickyTop\":[516,\"disable-sticky-top\"],\"disableStickyBottom\":[516,\"disable-sticky-bottom\"],\"breakout\":[516],\"isStuckTop\":[32],\"isStuckBottom\":[32]}]]],[\"stzh-table\",[[4,\"stzh-table\",{\"fixedLeft\":[2,\"fixed-left\"],\"fixedRight\":[2,\"fixed-right\"],\"disableMinWidth\":[516,\"disable-min-width\"],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32]}]]],[\"stzh-textandimage\",[[1,\"stzh-textandimage\",{\"floating\":[516],\"fullwidth\":[516],\"size\":[513]}]]],[\"stzh-visuallyhidden\",[[6,\"stzh-visuallyhidden\"]]],[\"stzh-vspace\",[[1,\"stzh-vspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"items\":[1],\"around\":[516],\"border\":[513]}]]],[\"stzh-chip-select\",[[6,\"stzh-chip-select\",{\"localization\":[16],\"data\":[1],\"name\":[513],\"label\":[1],\"value\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"disabled\":[516],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"activeFocusOptionIndex\":[32]}]]],[\"stzh-pagination\",[[2,\"stzh-pagination\",{\"total\":[2],\"name\":[513],\"value\":[1026],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"localization\":[16],\"prev\":[64],\"next\":[64]}]]],[\"stzh-ghettobox\",[[6,\"stzh-ghettobox\",{\"hiddenTitle\":[1,\"hidden-title\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"hideClose\":[4,\"hide-close\"],\"publishDate\":[1,\"publish-date\"],\"closeTimeKey\":[1,\"close-time-key\"],\"localization\":[16],\"open\":[32],\"show\":[64],\"hide\":[64]}]]],[\"stzh-share\",[[2,\"stzh-share\",{\"localization\":[16],\"url\":[1],\"services\":[1]}]]],[\"stzh-progressbar-item\",[[6,\"stzh-progressbar-item\",{\"label\":[513],\"disabled\":[516],\"first\":[516],\"last\":[516],\"passed\":[516],\"current\":[516],\"hide\":[516],\"dotted\":[516],\"step\":[514],\"icon\":[513],\"analyticsId\":[1,\"analytics-id\"]}]]],[\"stzh-vbz-linechip\",[[2,\"stzh-vbz-linechip\",{\"line\":[1],\"active\":[516],\"alert\":[516],\"global\":[516],\"disabled\":[516],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}]]],[\"stzh-loader\",[[6,\"stzh-loader\",{\"size\":[1],\"label\":[1],\"hideLabel\":[4,\"hide-label\"]}]]],[\"stzh-calendar\",[[2,\"stzh-calendar\",{\"value\":[1025],\"min\":[1],\"max\":[1],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"localization\":[16],\"isDateDisabled\":[16],\"prevMonthAnalyticsId\":[1,\"prev-month-analytics-id\"],\"nextMonthAnalyticsId\":[1,\"next-month-analytics-id\"],\"activeFocus\":[32],\"focusedDay\":[32],\"setFocusedDay\":[64],\"setDate\":[64]}]]],[\"stzh-text\",[[6,\"stzh-text\",{\"font\":[1],\"curve\":[513],\"lead\":[516],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"]}]]],[\"stzh-datepicker_3\",[[6,\"stzh-datepicker\",{\"calendarMin\":[1,\"calendar-min\"],\"calendarMax\":[1,\"calendar-max\"],\"calendarIsDateDisabled\":[16],\"name\":[513],\"value\":[1025],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"inline\":[4],\"dateAdapter\":[16],\"localization\":[16],\"buttonLabel\":[32],\"setDate\":[64],\"getPopover\":[64]}],[6,\"stzh-radio\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}],[6,\"stzh-radiogroup\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"legend\":[1],\"hideLegend\":[516,\"hide-legend\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"value\":[1025],\"direction\":[513],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"checkedRadio\":[8,\"checked-radio\"],\"preventUpdateProperties\":[1,\"prevent-update-properties\"]},[[0,\"stzhChange\",\"onChange\"]]]]],[\"stzh-buttongroup\",[[6,\"stzh-buttongroup\"]]],[\"stzh-heading\",[[6,\"stzh-heading\",{\"level\":[513],\"curve\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-badge_3\",[[6,\"stzh-button\",{\"localization\":[16],\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgePosition\":[513,\"badge-position\"],\"badgeEmpty\":[516,\"badge-empty\"],\"fullwidth\":[516],\"rounded\":[516],\"floating\":[516],\"size\":[513],\"textAlign\":[513,\"text-align\"],\"variant\":[513],\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"checked\":[1540],\"name\":[513],\"value\":[1025],\"href\":[1],\"rel\":[1],\"target\":[1],\"download\":[1],\"type\":[1],\"disabled\":[516],\"active\":[516],\"label\":[1],\"effect\":[1],\"iconOnly\":[516,\"icon-only\"],\"linkAccesskey\":[1,\"link-accesskey\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"a11yExpanded\":[516,\"a11y-expanded\"],\"a11yDisabled\":[516,\"a11y-disabled\"],\"a11yControls\":[1,\"a11y-controls\"],\"a11yTabindex\":[1,\"a11y-tabindex\"],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}],[2,\"stzh-badge\",{\"label\":[1],\"type\":[513]}],[2,\"stzh-icon\",{\"name\":[1],\"a11yTitle\":[1,\"a11y-title\"]}]]],[\"stzh-input\",[[6,\"stzh-input\",{\"localization\":[16],\"multiline\":[4],\"rows\":[2],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"showSpin\":[516,\"show-spin\"],\"readonly\":[516],\"disabled\":[516],\"clearable\":[516],\"showMarker\":[516,\"show-marker\"],\"minlength\":[2],\"maxlength\":[2],\"name\":[513],\"value\":[1025],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"inputmode\":[1],\"autocomplete\":[1],\"noAutocomplete\":[4,\"no-autocomplete\"],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"filled\":[32],\"setFocus\":[64]}]]],[\"stzh-dropdown\",[[4,\"stzh-dropdown\",{\"options\":[1],\"optgroups\":[1],\"items\":[1],\"searchField\":[1,\"search-field\"],\"multiple\":[516],\"inline\":[516],\"maxOptions\":[2,\"max-options\"],\"searchConjunction\":[1,\"search-conjunction\"],\"allowEmptyOption\":[4,\"allow-empty-option\"],\"openOnFocus\":[4,\"open-on-focus\"],\"closeAfterSelect\":[4,\"close-after-select\"],\"load\":[16],\"minCharacters\":[2,\"min-characters\"],\"loadThrottle\":[2,\"load-throttle\"],\"preload\":[8],\"labelField\":[1,\"label-field\"],\"valueField\":[1,\"value-field\"],\"optgroupField\":[1,\"optgroup-field\"],\"optgroupLabelField\":[1,\"optgroup-label-field\"],\"optgroupValueField\":[1,\"optgroup-value-field\"],\"lockOptgroupOrder\":[4,\"lock-optgroup-order\"],\"name\":[513],\"open\":[4],\"isOpen\":[516,\"is-open\"],\"variant\":[513],\"size\":[513],\"disabled\":[516],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"icon\":[1],\"iconAngle\":[1,\"icon-angle\"],\"noSearch\":[4,\"no-search\"],\"noBackspaceDelete\":[4,\"no-backspace-delete\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"localization\":[16],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"getValue\":[64],\"setValue\":[64],\"setFocus\":[64],\"resetLoadedSearches\":[64],\"getLoadedSearches\":[64],\"getItems\":[64],\"loadItems\":[64],\"show\":[64],\"hide\":[64]}]]],[\"stzh-datalist_2\",[[6,\"stzh-datalist\",{\"direction\":[513],\"directionSmall\":[513,\"direction-small\"],\"directionMedium\":[513,\"direction-medium\"],\"directionLarge\":[513,\"direction-large\"],\"directionUltra\":[513,\"direction-ultra\"],\"hideBorder\":[516,\"hide-border\"],\"disableLabelMinWidth\":[516,\"disable-label-min-width\"],\"currentDirection\":[513,\"current-direction\"],\"items\":[1]}],[6,\"stzh-datalist-item\",{\"localization\":[16],\"direction\":[513],\"href\":[513],\"rel\":[1],\"target\":[1],\"download\":[1],\"leadingIcon\":[1,\"leading-icon\"],\"icon\":[1],\"iconLabel\":[1,\"icon-label\"],\"iconTooltip\":[1,\"icon-tooltip\"],\"label\":[1],\"value\":[1],\"meta\":[1],\"statusLabel\":[1,\"status-label\"],\"statusType\":[1,\"status-type\"],\"hideBorder\":[516,\"hide-border\"],\"a11yExpanded\":[516,\"a11y-expanded\"],\"a11yControls\":[1,\"a11y-controls\"],\"external\":[32]}]]],[\"stzh-chip_2\",[[6,\"stzh-chip\",{\"label\":[1],\"icon\":[1],\"href\":[1],\"target\":[1],\"nonInteractive\":[516,\"non-interactive\"],\"removable\":[516],\"variant\":[513],\"size\":[513],\"type\":[513],\"counter\":[1],\"removeLabel\":[1,\"remove-label\"],\"active\":[516],\"disabled\":[516],\"a11yTabindex\":[1,\"a11y-tabindex\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"analyticsId\":[1,\"analytics-id\"],\"removeAnalyticsId\":[1,\"remove-analytics-id\"],\"setFocus\":[64]}],[4,\"stzh-clamp\",{\"localization\":[16],\"lines\":[2],\"linesSmall\":[2,\"lines-small\"],\"linesMedium\":[2,\"lines-medium\"],\"linesLarge\":[2,\"lines-large\"],\"linesUltra\":[2,\"lines-ultra\"],\"showExpandLink\":[4,\"show-expand-link\"],\"expanded\":[1540],\"clamped\":[1540],\"update\":[64]}]]],[\"stzh-menu_2\",[[6,\"stzh-menu-item\",{\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgeEmpty\":[516,\"badge-empty\"],\"disabled\":[516],\"active\":[516],\"icon\":[1],\"label\":[1],\"href\":[1],\"target\":[1],\"a11yLabel\":[1,\"a11y-label\"],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}],[6,\"stzh-menu\"]]],[\"stzh-link\",[[6,\"stzh-link\",{\"localization\":[16],\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"size\":[513],\"href\":[1],\"rel\":[1],\"target\":[1],\"download\":[1],\"type\":[1],\"variant\":[513],\"fullwidth\":[516],\"textAlign\":[513,\"text-align\"],\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgeEmpty\":[516,\"badge-empty\"],\"badgePosition\":[513,\"badge-position\"],\"disabled\":[516],\"active\":[516],\"iconOnly\":[516,\"icon-only\"],\"label\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"a11yExpanded\":[516,\"a11y-expanded\"],\"a11yDisabled\":[516,\"a11y-disabled\"],\"a11yControls\":[1,\"a11y-controls\"],\"a11yTabindex\":[1,\"a11y-tabindex\"],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}]]],[\"stzh-tooltip\",[[6,\"stzh-tooltip\",{\"open\":[1028],\"label\":[1],\"content\":[1],\"placement\":[1],\"strategy\":[1],\"skidding\":[2],\"distance\":[2],\"interactive\":[4],\"trigger\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleDocumentClick\"]]]]],[\"stzh-popover\",[[6,\"stzh-popover\",{\"open\":[1540],\"placement\":[513],\"variant\":[513],\"skidding\":[2],\"distance\":[2],\"label\":[1],\"strategy\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleOutsideClick\"]]]]],[\"stzh-actionset_4\",[[6,\"stzh-card\",{\"localization\":[16],\"collapsed\":[1540],\"starred\":[1540],\"starrable\":[516],\"selectable\":[516],\"checked\":[516],\"name\":[513],\"href\":[513],\"target\":[1],\"value\":[1025],\"disabled\":[516],\"withArrow\":[516,\"with-arrow\"],\"heading\":[1],\"subtitle\":[1],\"headerActions\":[1,\"header-actions\"],\"footerActions\":[1,\"footer-actions\"],\"subtitleInteractive\":[4,\"subtitle-interactive\"],\"sortableDisabled\":[516,\"sortable-disabled\"],\"collapsible\":[516],\"hideHeaderBorder\":[516,\"hide-header-border\"],\"hideFooterBorder\":[516,\"hide-footer-border\"],\"hideElevation\":[516,\"hide-elevation\"],\"hideMovementActions\":[4,\"hide-movement-actions\"],\"analyticsId\":[1,\"analytics-id\"]}],[6,\"stzh-card-list\",{\"localization\":[16],\"layout\":[513],\"description\":[1],\"showToggleLink\":[516,\"show-toggle-link\"],\"sortableEnabled\":[4,\"sortable-enabled\"],\"sortableDataIdAttribute\":[1,\"sortable-data-id-attribute\"],\"allCollapsed\":[32]},[[0,\"stzhCollapse\",\"collapseListener\"]]],[2,\"stzh-actionset\",{\"localization\":[16],\"variant\":[513],\"popoverButtonVariant\":[513,\"popover-button-variant\"],\"popoverButtonSize\":[513,\"popover-button-size\"],\"popoverPlacement\":[513,\"popover-placement\"],\"actions\":[1],\"actionsCollapsed\":[32],\"dynamicActions\":[32],\"isSmall\":[32],\"isMedium\":[32]}],[6,\"stzh-sortable\",{\"localization\":[16],\"disabled\":[516],\"dataIdAttribute\":[1,\"data-id-attribute\"],\"container\":[16],\"ghostClone\":[16],\"filterElements\":[1,\"filter-elements\"],\"toArray\":[64],\"sort\":[64],\"moveItem\":[64]}]]],[\"stzh-richtext_2\",[[6,\"stzh-richtext\",{\"localization\":[16],\"removeFirstMargin\":[516,\"remove-first-margin\"],\"removeLastMargin\":[516,\"remove-last-margin\"],\"externalLinkSelector\":[1,\"external-link-selector\"],\"externalLinkIcon\":[1,\"external-link-icon\"]}],[2,\"stzh-status\",{\"percent\":[2],\"withLoadingbar\":[516,\"with-loadingbar\"],\"label\":[1],\"type\":[513]}]]]]"), options);
 });
 
 //# sourceMappingURL=stzh-components.js.map

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, F as Fragment, a as Host, g as getElement } from './index-67fd55c9.js';
-import { h as hasSlot } from './utils-51148d9a.js';
+import { h as hasSlot } from './utils-8f264f12.js';
 
 const stzhContactCss = ".sc-stzh-contact-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{width:5.5rem;height:5.5rem;top:0;left:0;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 800px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xlarge);margin-bottom:0}}@media screen and (min-width: 800px) and (min-width: 1024px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px) and (min-width: 1260px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{width:12.25rem;height:12.25rem}}.stzh-contact.sc-stzh-contact{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: 1024px){.stzh-contact.sc-stzh-contact{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-contact.sc-stzh-contact,.stzh-contact__inner-wrapper.sc-stzh-contact{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 800px){.stzh-contact.sc-stzh-contact,.stzh-contact__inner-wrapper.sc-stzh-contact{-ms-flex-direction:row;flex-direction:row}}.stzh-contact__wrapper.sc-stzh-contact{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-contact__image.sc-stzh-contact{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-large)}}.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-large)}}.stzh-contact__number-link.sc-stzh-contact{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-contact__number-link.sc-stzh-contact:hover,.stzh-contact__number-link.sc-stzh-contact:focus{color:var(--stzh-link-hover-color)}.stzh-contact__info.sc-stzh-contact{-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 800px){.stzh-contact__info.sc-stzh-contact{-ms-flex-preferred-size:45%;flex-basis:45%}}.stzh-contact__availability-title.sc-stzh-contact{margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__availability.sc-stzh-contact{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 800px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xlarge);margin-top:0;-ms-flex-preferred-size:55%;flex-basis:55%}}@media screen and (min-width: 800px) and (min-width: 1024px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px) and (min-width: 1260px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xxxlarge)}}.stzh-contact--has-border.sc-stzh-contact{padding-bottom:var(--stzh-space-xlarge);border-bottom:0.0625rem solid var(--stzh-base-border-color)}";
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-67fd55c9.js';
 
-const stzhContainerCss = ".sc-stzh-container-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-container-h{display:none}.sc-stzh-container-h *.sc-stzh-container,.sc-stzh-container-h *.sc-stzh-container::before,.sc-stzh-container-h *.sc-stzh-container::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-container-h{clear:both}.sc-stzh-container-h::after{content:\"\";display:table;clear:both}.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-1.25rem;margin-right:-1.25rem}@media screen and (min-width: 600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2rem;margin-right:-2rem}}@media screen and (min-width: 1024px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-5.5rem;margin-right:-5.5rem}}@media screen and (min-width: 1440px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / -2)}}.sc-stzh-container-h .sc-stzh-container-s stzh-container{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw}.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:1.25rem}@media screen and (min-width: 600px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:2rem}}@media screen and (min-width: 1024px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:2.5rem}}@media screen and (min-width: 1260px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:var(--stzh-space-xlarge)}}@media screen and (max-width: 1259px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw}}.sc-stzh-container-h .sc-stzh-container-s stzh-row stzh-section[variant=highlight]{--highlight-horizontal-padding:var(--stzh-section-highlight-horizontal-padding)}@media screen and (max-width: 1259px){.sc-stzh-container-h .sc-stzh-container-s stzh-row stzh-section[variant=highlight]{left:initial;right:initial;margin-left:initial;margin-right:initial;width:initial;max-width:initial}}.stzh-container.sc-stzh-container{margin:0 1.25rem}@media screen and (min-width: 600px){.stzh-container.sc-stzh-container{margin:0 2rem}}@media screen and (min-width: 1024px){.stzh-container.sc-stzh-container{margin:0 2.5rem}}@media screen and (min-width: 1260px){.stzh-container.sc-stzh-container{margin:0 5.5rem}}@media screen and (min-width: 1440px){.stzh-container.sc-stzh-container{margin:0 auto;width:78.75rem}}";
+const stzhContainerCss = ".sc-stzh-container-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-container-h{display:none}.sc-stzh-container-h *.sc-stzh-container,.sc-stzh-container-h *.sc-stzh-container::before,.sc-stzh-container-h *.sc-stzh-container::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-1.25rem;margin-right:-1.25rem}@media screen and (min-width: 600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2rem;margin-right:-2rem}}@media screen and (min-width: 1024px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-5.5rem;margin-right:-5.5rem}}@media screen and (min-width: 1440px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / -2)}}.sc-stzh-container-h .sc-stzh-container-s stzh-container{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw}.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:1.25rem}@media screen and (min-width: 600px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:2rem}}@media screen and (min-width: 1024px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:2.5rem}}@media screen and (min-width: 1260px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:var(--stzh-space-xlarge)}}@media screen and (max-width: 1259px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw}}.sc-stzh-container-h .sc-stzh-container-s stzh-row stzh-section[variant=highlight]{--highlight-horizontal-padding:var(--stzh-section-highlight-horizontal-padding)}@media screen and (max-width: 1259px){.sc-stzh-container-h .sc-stzh-container-s stzh-row stzh-section[variant=highlight]{left:initial;right:initial;margin-left:initial;margin-right:initial;width:initial;max-width:initial}}.stzh-container.sc-stzh-container{margin:0 1.25rem}@media screen and (min-width: 600px){.stzh-container.sc-stzh-container{margin:0 2rem}}@media screen and (min-width: 1024px){.stzh-container.sc-stzh-container{margin:0 2.5rem}}@media screen and (min-width: 1260px){.stzh-container.sc-stzh-container{margin:0 5.5rem}}@media screen and (min-width: 1440px){.stzh-container.sc-stzh-container{margin:0 auto;width:78.75rem}}";
 
 const StzhContainer = class {
   constructor(hostRef) {