@oiz/stzh-components 2.7.0 → 2.8.0-alpha

package/dist/stzh-components/p-75fa2483.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhInputCss","inputCounter","StzhInput","this","focusedByInput","onClearClick","event","value","input","focus","stzhChange","emit","component","originalEvent","onInput","onRootFocus","setFocus","onFocus","focusEvent","FocusEvent","view","window","bubbles","cancelable","element","dispatchEvent","stzhFocus","onBlur","blurEvent","stzhBlur","async","valueWatcher","newValue","filled","errorWatcher","_error","JSON","parse","e","invalid","length","typeWatcher","types","multiline","includes","Error","renderTextarea","h","class","ref","el","id","inputId","name","rows","disabled","readonly","minlength","maxlength","a11yDescribedby","required","renderInput","type","min","max","step","inputmode","autocomplete","noAutocomplete","undefined","error","localization","fetchTranslations","render","buttonRightSlotUsed","hasSlot","descriptionUsed","description","descriptionLongUsed","descriptionLong","errorUsed","classes","clearable","showSpin","_a","stzhComponents","labels","labelHidden","size","Host","tabindex","htmlFor","label","showMarker","$globals","requiredFieldMarker","optionalFieldMarker","requiredFieldText","optionalFieldText","icon","variant","onClick","a11yLabel","clearButtonLabel","StzhInputDescription","classPrefix","moreInfoButtonLabel"],"sources":["./src/components/stzh-input/stzh-input.scss?tag=stzh-input&encapsulation=scoped","./src/components/stzh-input/stzh-input.tsx"],"sourcesContent":[":host {\n  --text-align: left;\n  --input-width: 100%;\n  --padding: #{space('xsmall')} #{space('medium')};\n  width: 100%;\n}\n\n:host ::slotted([slot=\"button-right\"]),\n.stzh-input__button-right {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n:host ::slotted(stzh-button[slot=\"button-right\"][variant=\"input\"]),\n:host ::slotted([slot=\"button-right\"]) stzh-button[variant=\"input\"],\n.stzh-input__button-right[variant=\"input\"] {\n  --border-color: transparent;\n  --hover-border-color: transparent;\n}\n\n.stzh-input {\n\t@include input-description;\n\t@include fontSize('milli');\n\n  &__field-wrapper {\n    position: relative;\n    display: flex;\n    width: var(--input-width);\n  }\n\n  &__input {\n    @include font;\n    @include fontSize('milli');\n    border: 1px solid $formBorderColor;\n    transition-property: color, border-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n    border-radius: $formInputBorderRadius;\n    padding: var(--padding);\n    width: 100%;\n    color: $colorPrimary;\n    background: $colorWhite;\n    appearance: none;\n    text-align: var(--text-align);\n\n    @include placeholder {\n      color: $formInputPlaceholderColor;\n    }\n\n    &:hover,\n    &:focus {\n      color: $colorPrimaryHover;\n      border-color: $colorPrimaryHover;\n    }\n\n    // remove clear button for IE11\n    &::-ms-clear {\n      display: none;\n    }\n\n    // prevent ugly autofill background color in chrome\n    &:-webkit-autofill {\n      background-clip: text;\n    }\n\n    // show ellipsis for placeholders that are too long\n    &:placeholder-shown {\n      text-overflow: ellipsis;\n    }\n\n    // hide search clear icon on chrome\n    &[type=\"search\"]::-webkit-search-decoration,\n    &[type=\"search\"]::-webkit-search-cancel-button,\n    &[type=\"search\"]::-webkit-search-results-button,\n    &[type=\"search\"]::-webkit-search-results-decoration {\n      -webkit-appearance: none;\n    }\n\n    /* Normal inputs */\n\n    &--input {\n      height: $formInputHeight;\n    }\n\n    /* Textarea */\n\n    &--textarea {\n      min-height: $formInputHeight;\n      resize: vertical;\n    }\n  }\n\n  &__label {\n    @include font('heavy');\n    @include fontSize('nano');\n    @include truncate;\n    color: $formColor;\n    width: auto;\n    position: absolute;\n    top: calc(#{$formInputHeight} / 2);\n    // padding-left (medium) + border-left\n    left: calc(#{space('medium')} + 1px);\n    max-width: calc(100% - #{space('medium')} * 2);\n    transform: translateY(-50%);\n    transition: all $baseTransitionAnimationSpeed;\n    pointer-events: none;\n\n    &:empty {\n      display: none;\n    }\n\n    &::before {\n      content: '';\n      display: none;\n      background: $colorWhite;\n      position: absolute;\n      width: 100%;\n      z-index: -1;\n      left: 0;\n      top: 50%;\n      // prevent white line not fully overlaping border of input\n      margin-top: -0.5px;\n      height: 2px;\n    }\n  }\n\n  &__input:hover + &__label,\n  &__input:focus + &__label {\n    color: $colorPrimaryHover;\n  }\n\n  &__button-right {\n    display: none;\n\n    &[disabled]:not([disabled=\"false\"])[variant=\"input\"] {\n      --color: #{$formColor};\n      --background-color: transparent;\n      --border-color: transparent;\n\n      --hover-color: #{$colorPrimaryHover};\n      --hover-background-color: transparent;\n      --hover-border-color: transparent;\n    }\n  }\n\n  /* Clearable / Search input */\n\n  &--is-clearable#{&}--is-filled:not(#{&}--is-readonly):not(#{&}--is-disabled) &__button-right,\n  &--type-search &__button-right {\n    display: block;\n  }\n\n  &--type-search:not(#{&}--is-filled) &__button-right,\n  &--type-search#{&}--is-readonly &__button-right,\n  &--type-search#{&}--is-disabled &__button-right {\n    pointer-events: none;\n  }\n\n  /* Filled variant */\n\n  &--is-filled &__button-right {\n    &.is-search {\n      pointer-events: initial;\n    }\n  }\n\n  /* Styles for floating label */\n\n  &:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  &--has-fixed-label &__label,\n  &--is-filled &__label,\n  &--is-readonly &__label,\n  &--is-disabled &__label,\n  &--is-invalid &__label {\n    display: block;\n    top: 0;\n    // padding-left (input field medium) - padding-left\n    left: calc(#{space('medium')} - #{space('xxsmall')});\n    height: 20px; // dividable by two (so before element is always positioned correctly)\n    line-height: 20px;\n    padding: 0 space('xxsmall');\n    max-width: calc(100% - #{space('small')} * 2);\n    pointer-events: all;\n\n    &:not(:empty)::before {\n      display: block;\n    }\n  }\n\n  /* Button Right Variant */\n\n  &--has-button-right &__input {\n    // distance to icon + icon button width\n    padding-right: calc(#{space('xsmall')} + #{$formInputHeight});\n  }\n\n  &--has-button-right &__label {\n    // 100% - ((padding left of normal variant + border 1px) * 2) - icon button width\n    max-width: calc(100% - (#{space('medium')} + 1px) * 2 - #{$formInputHeight});\n  }\n\n  &--has-button-right#{&}:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  &--has-button-right#{&}--has-fixed-label &__label,\n  &--has-button-right#{&}--is-filled &__label,\n  &--has-button-right#{&}--is-readonly &__label,\n  &--has-button-right#{&}--is-disabled &__label,\n  &--has-button-right#{&}--is-invalid &__label {\n    // 100% - left distance to text + 1px border + padding label right side - icon button width\n    max-width: calc(100% - #{space('medium')} - #{space('xxsmall')} - 1px + #{space('xxsmall')} - #{$formInputHeight});\n  }\n\n  /* Size variants */\n\n  &--size-small {\n    @include fontSize('micro');\n  }\n\n  &--size-small &__input {\n    @include fontSize('micro');\n\n    &--input {\n      height: $formInputHeightSmall;\n    }\n\n    &--textarea {\n      min-height: $formInputHeightSmall;\n    }\n  }\n\n  &--size-small &__label {\n    top: calc(#{$formInputHeightSmall} / 2);\n  }\n\n  &--size-small#{&}:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  &--size-small#{&}--has-fixed-label &__label,\n  &--size-small#{&}--is-filled &__label,\n  &--size-small#{&}--is-readonly &__label,\n  &--size-small#{&}--is-disabled &__label,\n  &--size-small#{&}--is-invalid &__label {\n    top: 0;\n  }\n\n  &--size-small#{&}--has-button-right &__input {\n    padding-right: calc(#{space('xxsmall')} + #{$formInputHeightSmall});\n  }\n\n  &--size-small#{&}--has-button-right &__label {\n    max-width: calc(100% - (#{space('medium')} + 1px) * 2 - #{$formInputHeightSmall});\n  }\n\n  &--size-small#{&}--has-button-right#{&}:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  &--size-small#{&}--has-button-right#{&}--has-fixed-label &__label,\n  &--size-small#{&}--has-button-right#{&}--is-filled &__label,\n  &--size-small#{&}--has-button-right#{&}--is-readonly &__label,\n  &--size-small#{&}--has-button-right#{&}--is-disabled &__label,\n  &--size-small#{&}--has-button-right#{&}--is-invalid &__label {\n    max-width: calc(100% - #{space('medium')} - #{space('xxsmall')} - 1px + #{space('xsmall')} - #{$formInputHeightSmall});\n  }\n\n  /* Spin button */\n\n  &:not(#{&}--has-spin) &__input {\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      appearance: none;\n      margin: 0;\n    }\n\n    &[type=number] {\n      appearance: textfield;\n    }\n  }\n\n  /* Hidden label */\n  &--has-label-hidden &__label {\n    @include visuallyhidden;\n  }\n\n  /* Invalid */\n\n  &--is-invalid &__input,\n  &--is-invalid &__label,\n  &--is-invalid &__input + &__label {\n    color: $colorError;\n  }\n\n  &--is-invalid &__input {\n    border-color: $colorError;\n\n    @include placeholder {\n      color: $colorError;\n    }\n  }\n\n  /* Readonly / Disabled */\n\n  &--is-readonly &__input,\n  &--is-readonly &__input + &__label,\n  &--is-disabled &__input,\n  &--is-disabled &__input + &__label {\n    color: $formDisabledColor;\n  }\n\n  &--is-readonly &__input,\n  &--is-disabled &__input {\n    color: $formDisabledColor;\n    border-color: $formDisabledBorderColor;\n    background-color: $formDisabledBackgroundColor;\n    cursor: not-allowed;\n\n    @include placeholder {\n      color: $formDisabledColor;\n    }\n\n    &:hover,\n    &:focus {\n      border-color: $formDisabledBorderColor;\n    }\n  }\n\n  &--is-readonly &__label,\n  &--is-disabled &__label {\n    cursor: not-allowed;\n\n    &::before {\n      background: transparent;\n    }\n  }\n\n  &--is-readonly &__button-right,\n  &--is-disabled &__button-right {\n    &[disabled]:not([disabled=\"false\"])[variant=\"input\"] {\n      --color: #{$formDisabledColor};\n      --hover-color: #{$formDisabledColor};\n    }\n  }\n}\n","import {\n  Component,\n  Prop,\n  Host,\n  Event,\n  EventEmitter,\n  State,\n  Method,\n  Element,\n  h,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  StzhInputChangeEvent,\n  StzhInputFocusEvent,\n  StzhInputBlurEvent\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { fetchTranslations, StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nimport { StzhInputDescription } from \"./stzh-input-description\";\n\nlet inputCounter = 0;\n\n/**\n * @slot - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot error - Slot for error\n * @slot button-right - Slot for right button\n */\n@Component({\n  tag: \"stzh-input\",\n  styleUrl: \"stzh-input.scss\",\n  scoped: true\n})\nexport class StzhInput {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether the input is a textarea or an input field */\n  @Prop() multiline: boolean = false;\n\n  /** Rows attribute if input element is textarea */\n  @Prop() rows: number;\n\n  /** If input field, this defines the type (if `search`, a search icon will be displayed) */\n  @Prop() type: \"text\" | \"search\" | \"password\" | \"email\" | \"url\" | \"tel\" | \"number\" = \"text\";\n\n  /** If input type is number, this will be the step size  */\n  @Prop() step: number = 1;\n\n  /** If input type is number, this will be the minimum step number  */\n  @Prop() min: number;\n\n  /** If input type is number, this will be the maximum step number  */\n  @Prop() max: number;\n\n  /** If input type is number and this property is true, this will show the spin buttons on hover/focus */\n  @Prop({ reflect: true }) showSpin: boolean = false;\n\n  /** Whether the element is readonly or not */\n  @Prop({ reflect: true }) readonly: boolean = false;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Whether clearable button is showing when input field has value and is enabled (button-right slot not usable anymore when true) */\n  @Prop({ reflect: true }) clearable: boolean = false;\n\n  /** Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing */\n  @Prop({ reflect: true }) showMarker: boolean = false;\n\n  /** Minimum of characters */\n  @Prop() minlength: number;\n\n  /** Maxlength of characters */\n  @Prop() maxlength: number;\n\n  /** The name of the input element */\n  @Prop({ reflect: true }) name: string;\n\n  /** The value of the input element */\n  @Prop({ mutable: true }) 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  /**\n   * Specify inputmode.\n   * See [MDN](https://developer.mozilla.org/de/docs/Web/HTML/Global_attributes/inputmode) for possible values\n   */\n  @Prop() inputmode: string;\n\n  /**\n   * Specify what the user agent has to provide as automated assistance.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for possible values\n   */\n  @Prop() autocomplete: string = \"on\";\n\n  /** Whether autocomplete should be turned off  */\n  @Prop() noAutocomplete: boolean = false;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Whether label should be visually hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\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  /** Whether the input is filled or not */\n  @State() filled: boolean;\n\n  @Element() element: HTMLStzhInputElement;\n\n  /** Focus input field */\n  @Method()\n  async setFocus() {\n    this.input.focus();\n  }\n\n  /** Input change event */\n  @Event() stzhChange: EventEmitter<StzhInputChangeEvent>;\n\n  /** Input focus event */\n  @Event() stzhFocus: EventEmitter<StzhInputFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhInputBlurEvent>;\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string) {\n    this.filled = newValue !== \"\";\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n\n    this.invalid = this._error.length > 0;\n  }\n\n  @Watch(\"type\")\n  typeWatcher(newValue: string) {\n    const types = [\n      \"text\", \"search\", \"password\", \"email\", \"url\", \"tel\", \"number\"\n    ];\n\n    if (!this.multiline && !types.includes(newValue)) {\n      throw new Error(`Type ${newValue} not supported`);\n    }\n  }\n\n  private input: HTMLInputElement | HTMLTextAreaElement;\n  private inputId: string;\n  private focusedByInput: boolean = false;\n\n  private onClearClick = (event: MouseEvent) => {\n    this.value = \"\";\n    this.input.focus();\n\n    this.stzhChange.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n      value: this.value\n    });\n  }\n\n  private onInput = (event: InputEvent) => {\n    this.value = this.input.value;\n\n    this.stzhChange.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n      value: this.value\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-input\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    // fixes weird bug where autofill selection doesn't get removed\n    this.input.value = this.input.value;\n\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-input\",\n      originalEvent: event\n    });\n  }\n\n  private renderTextarea(): HTMLTextAreaElement {\n    return (\n      <textarea\n        class=\"stzh-input__input stzh-input__input--textarea\"\n        ref={(el) => (this.input = el as HTMLTextAreaElement)}\n        id={this.inputId}\n        name={this.name}\n        value={this.value}\n        rows={this.rows}\n        disabled={this.disabled}\n        readonly={this.readonly}\n        minlength={this.minlength}\n        maxlength={this.maxlength}\n        aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n        aria-required={this.required ? \"true\" : \"false\"}\n        aria-invalid={this.invalid ? \"true\" : \"false\"}\n        onInput={this.onInput}\n        onFocus={this.onFocus}\n        onBlur={this.onBlur}\n      ></textarea>\n    );\n  }\n\n  private renderInput(): HTMLInputElement {\n    return (\n      <input\n        class=\"stzh-input__input stzh-input__input--input\"\n        ref={(el) => (this.input = el as HTMLInputElement)}\n        id={this.inputId}\n        type={this.type}\n        name={this.name}\n        value={this.value}\n        min={this.min}\n        max={this.max}\n        step={this.step}\n        inputmode={this.inputmode}\n        disabled={this.disabled}\n        readonly={this.readonly}\n        minlength={this.minlength}\n        maxlength={this.maxlength}\n        autocomplete={this.noAutocomplete ? \"off\" : this.autocomplete}\n        aria-autocomplete={this.noAutocomplete ? \"none\" : undefined}\n        aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n        aria-required={this.required ? \"true\" : \"false\"}\n        aria-invalid={this.invalid ? \"true\" : \"false\"}\n        onInput={this.onInput}\n        onFocus={this.onFocus}\n        onBlur={this.onBlur}\n      />\n    );\n  }\n\n  async componentWillLoad() {\n    this.inputId = `stzh-input-${inputCounter++}`;\n    this.typeWatcher(this.type);\n    this.valueWatcher(this.value);\n    this.errorWatcher(this.error);\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"input\");\n    }\n  }\n\n  render() {\n    const buttonRightSlotUsed = hasSlot(this.element, 'button-right');\n    const descriptionUsed = hasSlot(this.element, 'description') || !!this.description;\n    const descriptionLongUsed = hasSlot(this.element, 'description-long') || !!this.descriptionLong;\n    const errorUsed = hasSlot(this.element, 'error') || !!this.error;\n    const classes = {\n      \"stzh-input\": true,\n      \"stzh-input--has-button-right\": buttonRightSlotUsed\n        || this.type === \"search\"\n        || (this.clearable && this.filled && !this.readonly && !this.disabled),\n      \"stzh-input--has-description\": descriptionUsed,\n      \"stzh-input--has-description-long\": descriptionLongUsed,\n      \"stzh-input--has-error\": errorUsed,\n      \"stzh-input--has-spin\": this.showSpin,\n      \"stzh-input--is-invalid\": this.invalid,\n      \"stzh-input--is-disabled\": this.disabled,\n      \"stzh-input--is-readonly\": this.readonly,\n      \"stzh-input--is-required\": this.required,\n      \"stzh-input--is-filled\": this.filled,\n      \"stzh-input--is-clearable\": this.clearable,\n      \"stzh-input--has-fixed-label\": window?.stzhComponents?.labels === \"fixed\",\n      \"stzh-input--has-label-hidden\": this.labelHidden,\n      [`stzh-input--size-${this.size}`]: !!this.size,\n      [`stzh-input--type-${this.type}`]: !!this.type,\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          <div class=\"stzh-input__field-wrapper\">\n            {this.multiline ? this.renderTextarea() : this.renderInput()}\n            <label class=\"stzh-input__label\" htmlFor={this.inputId}>\n              {this.label ? this.label : <slot></slot>}\n              {this.showMarker &&\n                <span class=\"stzh-input__marker\">\n                  <span class=\"stzh-input__marker-symbol\" aria-hidden=\"true\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldMarker\n                      : this.localization.$globals.optionalFieldMarker\n                    }\n                  </span>\n                  <span class=\"stzh-input__marker-text\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldText\n                      : this.localization.$globals.optionalFieldText\n                    }\n                  </span>\n                </span>\n              }\n            </label>\n            {this.clearable || this.type === \"search\"\n              ?\n              <stzh-button\n                class=\"stzh-input__button-right\"\n                icon={this.disabled || this.readonly || !this.filled ? \"search\" : \"close-circle\"}\n                icon-only\n                variant=\"input\"\n                onClick={this.onClearClick}\n                disabled={this.disabled || this.readonly || !this.filled}\n                a11yLabel={this.localization.$globals.clearButtonLabel}\n                aria-controls={this.inputId}\n              ></stzh-button>\n              :\n              <slot name=\"button-right\"></slot>\n            }\n          </div>\n          <StzhInputDescription\n            classPrefix=\"stzh-input\"\n            id={`${this.inputId}-description`}\n            error={this._error}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            descriptionLongUsed={descriptionLongUsed}\n            moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/{p-bc997ce2.entry.js → p-76c2f21a.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as s,h as t,a,g as e}from"./p-9e02896c.js";import{s as o}from"./p-5c697491.js";import{f as h}from"./p-25a09313.js";import{c as d}from"./p-3cdbb1ed.js";import{c as l}from"./p-75bc73a1.js";const n=".sc-stzh-dialog-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-dialog-h{display:none}.sc-stzh-dialog-h *.sc-stzh-dialog,.sc-stzh-dialog-h *.sc-stzh-dialog::before,.sc-stzh-dialog-h *.sc-stzh-dialog::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-dialog-h{--width:100%;--padding:var(--stzh-space-xxlarge);--close-color:var(--stzh-base-lead-color);--backdrop-opacity:0.8}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--width:33.5rem;}}@media screen and (min-width: 1024px){.sc-stzh-dialog-h{--width:48.875rem;--padding:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--width:52rem;--padding:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){[size=small].sc-stzh-dialog-h{--width:24.6875rem}}@media screen and (min-width: 1024px){[size=small].sc-stzh-dialog-h{--width:28.75rem}}@media screen and (min-width: 1260px){[size=small].sc-stzh-dialog-h{--width:32rem}}.stzh-dialog.sc-stzh-dialog{z-index:var(--stzh-z-index-dialog);display:none;position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:stretch;justify-content:stretch}.stzh-dialog__content.sc-stzh-dialog{z-index:2;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;overflow:auto}.stzh-dialog__dialog.sc-stzh-dialog{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:auto;border:none;background-color:var(--stzh-color-white);width:var(--width);max-width:100%;-webkit-box-shadow:var(--stzh-box-shadow-overlay);box-shadow:var(--stzh-box-shadow-overlay);height:100vh;max-height:100vh;overflow:hidden;outline:none}@media screen and (min-width: 600px){.stzh-dialog__dialog.sc-stzh-dialog{height:auto}}.stzh-dialog__backdrop.sc-stzh-dialog{z-index:1;position:absolute;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:var(--backdrop-opacity)}.stzh-dialog__heading.sc-stzh-dialog{padding:var(--padding);padding-bottom:0}.stzh-dialog__dialog-content.sc-stzh-dialog{padding:var(--padding);padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xlarge);overflow:auto;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 1024px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-dialog__actions.sc-stzh-dialog{padding:var(--padding);padding-top:0}.stzh-dialog__close-button.sc-stzh-dialog{position:absolute;top:var(--stzh-space-xsmall);right:var(--stzh-space-xsmall);display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background:none;padding:var(--stzh-space-xsmall);margin:calc(var(--stzh-space-xsmall) * -1);border-radius:var(--stzh-button-border-radius);cursor:pointer}@media screen and (min-width: 600px){.stzh-dialog__close-button.sc-stzh-dialog{top:var(--stzh-space-small);right:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-dialog__close-button.sc-stzh-dialog{top:var(--stzh-space-large);right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-dialog__close-button.sc-stzh-dialog{top:calc(var(--stzh-space-xxlarge) + var(--stzh-space-xxsmall));right:calc(var(--stzh-space-xxlarge) + var(--stzh-space-xxsmall))}}.stzh-dialog__close-icon.sc-stzh-dialog{--size:var(--stzh-icon-size-medium);color:var(--close-color)}.stzh-dialog--is-open.sc-stzh-dialog{display:-ms-flexbox;display:flex}";const r={ESC:27};const c="stzh-dialog-open";let g=null;let z=0;const p=class{constructor(t){i(this,t);this.stzhOpen=s(this,"stzhOpen",7);this.stzhClose=s(this,"stzhClose",7);this.handleDialogClick=i=>{const s=i.target;if(s.dataset.stzhDialogClose){this.hide()}else{const i=s.closest("[data-stzh-dialog-close]");if(i){this.hide()}}};this.handleCloseButtonClick=()=>{this.hide()};this.init=()=>{const i=this.element.querySelector('stzh-actions[slot="actions"]');if(i){o(i,{variant:"dialog",withBorder:true})}};this.localization=undefined;this.closeOnEscapeKey=false;this.closeOnBackdropClick=false;this.open=false;this.stay=true;this.size="default";this.hideClose=false;this.heading="";this.a11yRole="alertdialog";this.a11yLabel="";this.closeAnalyticsId=undefined}handleOutsideClick(i){if(!this.open||!this.closeOnBackdropClick){return}const s=i.target!==this.dialogElement&&this.dialogElement.contains(i.target)===false;if(s){this.hide()}}handleKeydown(i){if(i.keyCode===r.ESC&&g===this&&this.closeOnEscapeKey){this.hide()}}handleOpenTriggerClick(i){const s=i.target;if(s.dataset.stzhDialogTrigger===this.element.id){this.show()}else{const i=s.closest("[data-stzh-dialog-trigger]");if(i&&i.dataset.stzhDialogTrigger===this.element.id){this.show()}}}async show(){this.open=true;this.stzhOpen.emit({component:"stzh-dialog"})}async hide(){this.open=false;this.stzhClose.emit({component:"stzh-dialog"})}getSiblings(){if(!this.parentElement){return[]}return Array.from(this.parentElement.children).filter((i=>i!==this.element))}disableSiblings(){this.getSiblings().forEach((i=>{i.setAttribute("aria-hidden","true")}))}enableSiblings(){this.getSiblings().forEach((i=>{i.removeAttribute("aria-hidden")}))}dialogShown(){g=this;document.body.classList.add(c);this.disableSiblings();if(this.trap){this.trap.activate()}}dialogHidden(){document.body.classList.remove(c);this.enableSiblings();if(this.trap){this.trap.deactivate()}g=null}async componentWillLoad(){this.id=`stzh-dialog-${z}`;z++;if(!this.localization){this.localization=await h(this.element,"dialog")}}componentDidRender(){this.open?this.dialogShown():this.dialogHidden()}componentDidUpdate(){this.trap.updateContainerElements(this.element)}componentDidLoad(){this.trap=l(this.element,Object.assign({fallbackFocus:this.dialogElement},d()));if(this.open){this.dialogShown()}}connectedCallback(){if(!this.stay&&this.element.parentElement!==document.body){document.body.appendChild(this.element)}this.parentElement=this.element.parentElement;this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){this.dialogHidden();if(this.observer){this.observer.disconnect()}}render(){return t(a,null,t("div",{class:{"stzh-dialog":true,"stzh-dialog--is-open":this.open,"stzh-dialog--has-heading":!!this.heading,"stzh-dialog--has-close-hidden":this.hideClose,[`stzh-dialog--size-${this.size}`]:!!this.size}},t("div",{class:"stzh-dialog__backdrop"}),t("div",{class:"stzh-dialog__content"},t("div",{class:"stzh-dialog__dialog",ref:i=>this.dialogElement=i,tabindex:"-1",role:this.a11yRole,"aria-label":this.a11yLabel,"aria-labelledby":this.heading?`${this.id}-heading`:null,"aria-hidden":this.open?"false":"true",onClick:this.handleDialogClick},this.heading&&t("stzh-heading",{id:`${this.id}-heading`,class:"stzh-dialog__heading",level:"2","with-border":true},this.heading),t("div",{class:"stzh-dialog__dialog-content"},t("slot",null)),t("div",{class:"stzh-dialog__actions"},t("slot",{name:"actions"})),!this.hideClose&&t("button",{class:"stzh-dialog__close-button",onClick:this.handleCloseButtonClick,"aria-label":this.localization.close,type:"button","s-object-id":this.closeAnalyticsId||this.localization.close},t("stzh-icon",{class:"stzh-dialog__close-icon",name:"close"}))))))}get element(){return e(this)}};p.style=n;export{p as stzh_dialog};
-//# sourceMappingURL=p-bc997ce2.entry.js.map
+import{r as i,c as s,h as t,a,g as e}from"./p-9e02896c.js";import{s as o}from"./p-fc339100.js";import{f as h}from"./p-25a09313.js";import{c as d}from"./p-3cdbb1ed.js";import{c as l}from"./p-75bc73a1.js";const n=".sc-stzh-dialog-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-dialog-h{display:none}.sc-stzh-dialog-h *.sc-stzh-dialog,.sc-stzh-dialog-h *.sc-stzh-dialog::before,.sc-stzh-dialog-h *.sc-stzh-dialog::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-dialog-h{--width:100%;--padding:var(--stzh-space-xxlarge);--close-color:var(--stzh-base-lead-color);--backdrop-opacity:0.8}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--width:33.5rem;}}@media screen and (min-width: 1024px){.sc-stzh-dialog-h{--width:48.875rem;--padding:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--width:52rem;--padding:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){[size=small].sc-stzh-dialog-h{--width:24.6875rem}}@media screen and (min-width: 1024px){[size=small].sc-stzh-dialog-h{--width:28.75rem}}@media screen and (min-width: 1260px){[size=small].sc-stzh-dialog-h{--width:32rem}}.stzh-dialog.sc-stzh-dialog{z-index:var(--stzh-z-index-dialog);display:none;position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:stretch;justify-content:stretch}.stzh-dialog__content.sc-stzh-dialog{z-index:2;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;overflow:auto}.stzh-dialog__dialog.sc-stzh-dialog{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:auto;border:none;background-color:var(--stzh-color-white);width:var(--width);max-width:100%;-webkit-box-shadow:var(--stzh-box-shadow-overlay);box-shadow:var(--stzh-box-shadow-overlay);height:100vh;max-height:100vh;overflow:hidden;outline:none}@media screen and (min-width: 600px){.stzh-dialog__dialog.sc-stzh-dialog{height:auto}}.stzh-dialog__backdrop.sc-stzh-dialog{z-index:1;position:absolute;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:var(--backdrop-opacity)}.stzh-dialog__heading.sc-stzh-dialog{padding:var(--padding);padding-bottom:0}.stzh-dialog__dialog-content.sc-stzh-dialog{padding:var(--padding);padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xlarge);overflow:auto;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 1024px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-dialog__actions.sc-stzh-dialog{padding:var(--padding);padding-top:0}.stzh-dialog__close-button.sc-stzh-dialog{position:absolute;top:var(--stzh-space-xsmall);right:var(--stzh-space-xsmall);display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background:none;padding:var(--stzh-space-xsmall);margin:calc(var(--stzh-space-xsmall) * -1);border-radius:var(--stzh-button-border-radius);cursor:pointer}@media screen and (min-width: 600px){.stzh-dialog__close-button.sc-stzh-dialog{top:var(--stzh-space-small);right:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-dialog__close-button.sc-stzh-dialog{top:var(--stzh-space-large);right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-dialog__close-button.sc-stzh-dialog{top:calc(var(--stzh-space-xxlarge) + var(--stzh-space-xxsmall));right:calc(var(--stzh-space-xxlarge) + var(--stzh-space-xxsmall))}}.stzh-dialog__close-icon.sc-stzh-dialog{--size:var(--stzh-icon-size-medium);color:var(--close-color)}.stzh-dialog--is-open.sc-stzh-dialog{display:-ms-flexbox;display:flex}";const r={ESC:27};const c="stzh-dialog-open";let g=null;let z=0;const p=class{constructor(t){i(this,t);this.stzhOpen=s(this,"stzhOpen",7);this.stzhClose=s(this,"stzhClose",7);this.handleDialogClick=i=>{const s=i.target;if(s.dataset.stzhDialogClose){this.hide()}else{const i=s.closest("[data-stzh-dialog-close]");if(i){this.hide()}}};this.handleCloseButtonClick=()=>{this.hide()};this.init=()=>{const i=this.element.querySelector('stzh-actions[slot="actions"]');if(i){o(i,{variant:"dialog",withBorder:true})}};this.localization=undefined;this.closeOnEscapeKey=false;this.closeOnBackdropClick=false;this.open=false;this.stay=true;this.size="default";this.hideClose=false;this.heading="";this.a11yRole="alertdialog";this.a11yLabel="";this.closeAnalyticsId=undefined}handleOutsideClick(i){if(!this.open||!this.closeOnBackdropClick){return}const s=i.target!==this.dialogElement&&this.dialogElement.contains(i.target)===false;if(s){this.hide()}}handleKeydown(i){if(i.keyCode===r.ESC&&g===this&&this.closeOnEscapeKey){this.hide()}}handleOpenTriggerClick(i){const s=i.target;if(s.dataset.stzhDialogTrigger===this.element.id){this.show()}else{const i=s.closest("[data-stzh-dialog-trigger]");if(i&&i.dataset.stzhDialogTrigger===this.element.id){this.show()}}}async show(){this.open=true;this.stzhOpen.emit({component:"stzh-dialog"})}async hide(){this.open=false;this.stzhClose.emit({component:"stzh-dialog"})}getSiblings(){if(!this.parentElement){return[]}return Array.from(this.parentElement.children).filter((i=>i!==this.element))}disableSiblings(){this.getSiblings().forEach((i=>{i.setAttribute("aria-hidden","true")}))}enableSiblings(){this.getSiblings().forEach((i=>{i.removeAttribute("aria-hidden")}))}dialogShown(){g=this;document.body.classList.add(c);this.disableSiblings();if(this.trap){this.trap.activate()}}dialogHidden(){document.body.classList.remove(c);this.enableSiblings();if(this.trap){this.trap.deactivate()}g=null}async componentWillLoad(){this.id=`stzh-dialog-${z}`;z++;if(!this.localization){this.localization=await h(this.element,"dialog")}}componentDidRender(){this.open?this.dialogShown():this.dialogHidden()}componentDidUpdate(){this.trap.updateContainerElements(this.element)}componentDidLoad(){this.trap=l(this.element,Object.assign({fallbackFocus:this.dialogElement},d()));if(this.open){this.dialogShown()}}connectedCallback(){if(!this.stay&&this.element.parentElement!==document.body){document.body.appendChild(this.element)}this.parentElement=this.element.parentElement;this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){this.dialogHidden();if(this.observer){this.observer.disconnect()}}render(){return t(a,null,t("div",{class:{"stzh-dialog":true,"stzh-dialog--is-open":this.open,"stzh-dialog--has-heading":!!this.heading,"stzh-dialog--has-close-hidden":this.hideClose,[`stzh-dialog--size-${this.size}`]:!!this.size}},t("div",{class:"stzh-dialog__backdrop"}),t("div",{class:"stzh-dialog__content"},t("div",{class:"stzh-dialog__dialog",ref:i=>this.dialogElement=i,tabindex:"-1",role:this.a11yRole,"aria-label":this.a11yLabel,"aria-labelledby":this.heading?`${this.id}-heading`:null,"aria-hidden":this.open?"false":"true",onClick:this.handleDialogClick},this.heading&&t("stzh-heading",{id:`${this.id}-heading`,class:"stzh-dialog__heading",level:"2","with-border":true},this.heading),t("div",{class:"stzh-dialog__dialog-content"},t("slot",null)),t("div",{class:"stzh-dialog__actions"},t("slot",{name:"actions"})),!this.hideClose&&t("button",{class:"stzh-dialog__close-button",onClick:this.handleCloseButtonClick,"aria-label":this.localization.close,type:"button","s-object-id":this.closeAnalyticsId||this.localization.close},t("stzh-icon",{class:"stzh-dialog__close-icon",name:"close"}))))))}get element(){return e(this)}};p.style=n;export{p as stzh_dialog};
+//# sourceMappingURL=p-76c2f21a.entry.js.map

package/dist/stzh-components/{p-562f4dfa.entry.js → p-78f78684.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a,g as i}from"./p-9e02896c.js";import{h as s}from"./p-5c697491.js";const l='@charset "UTF-8";:host{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}:host[hidden]{display:none}:host *,:host *::before,:host *::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)}@media screen and (min-width: 600px){:host{--col-left-width:50%}}@media screen and (min-width: 1260px){:host{--col-left-width:45%}}@media screen and (min-width: 1260px){:host([size=small]){--col-left-width:33%}}@media screen and (min-width: 1260px){:host([size=large]){--col-left-width:55%}}@media screen and (min-width: 600px){:host([floating]:not([floating=false])){--col-left-width:45%}}@media screen and (min-width: 600px){:host([size=small][floating]:not([floating=false])){--col-left-width:33%}}@media screen and (min-width: 600px){:host([size=large][floating]:not([floating=false])){--col-left-width:55%}}:host ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted([slot=left]){margin-bottom:0}}:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxxlarge)}}:host([floating]:not([floating=false]):not([fullwidth]:not([fullwidth=false]))) ::slotted([slot=left]){float:left;width:100%}@media screen and (min-width: 600px){:host([floating]:not([floating=false]):not([fullwidth]:not([fullwidth=false]))) ::slotted([slot=left]){width:calc(var(--col-left-width) - var(--stzh-space-large) / 2);margin-right:var(--stzh-space-large)}}.stzh-textandimage{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;margin:0 calc(var(--stzh-space-large) / -2);}.stzh-textandimage__left,.stzh-textandimage__right{width:auto;padding:0 calc(var(--stzh-space-large) / 2)}@media screen and (min-width: 600px){.stzh-textandimage__left{width:var(--col-left-width)}}@media screen and (min-width: 600px){.stzh-textandimage__right{width:calc(100% - var(--col-left-width))}}.stzh-textandimage--is-fullwidth .stzh-textandimage__left,.stzh-textandimage--is-fullwidth .stzh-textandimage__right{width:100%}.stzh-textandimage--is-floating .stzh-textandimage__left{width:auto}';const n=class{constructor(e){t(this,e);this.floating=false;this.fullwidth=false;this.size="default"}render(){const t=s(this.element,"left");const i=s(this.element,"right");const l={"stzh-textandimage":true,"stzh-textandimage--has-left":t,"stzh-textandimage--has-right":i,"stzh-textandimage--is-fullwidth":this.fullwidth,"stzh-textandimage--is-floating":this.floating,[`stzh-textandimage--size-${this.size}`]:!!this.size};return e(a,null,e("div",{class:l},e("div",{class:"stzh-textandimage__left"},e("slot",{name:"left"}),this.floating&&e("slot",{name:"right"})),!this.floating&&e("div",{class:"stzh-textandimage__right"},e("slot",{name:"right"}))))}get element(){return i(this)}};n.style=l;export{n as stzh_textandimage};
-//# sourceMappingURL=p-562f4dfa.entry.js.map
+import{r as t,h as e,a,g as i}from"./p-9e02896c.js";import{h as s}from"./p-fc339100.js";const l='@charset "UTF-8";:host{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}:host[hidden]{display:none}:host *,:host *::before,:host *::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)}@media screen and (min-width: 600px){:host{--col-left-width:50%}}@media screen and (min-width: 1260px){:host{--col-left-width:45%}}@media screen and (min-width: 1260px){:host([size=small]){--col-left-width:33%}}@media screen and (min-width: 1260px){:host([size=large]){--col-left-width:55%}}@media screen and (min-width: 600px){:host([floating]:not([floating=false])){--col-left-width:45%}}@media screen and (min-width: 600px){:host([size=small][floating]:not([floating=false])){--col-left-width:33%}}@media screen and (min-width: 600px){:host([size=large][floating]:not([floating=false])){--col-left-width:55%}}:host ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted([slot=left]){margin-bottom:0}}:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxxlarge)}}:host([floating]:not([floating=false]):not([fullwidth]:not([fullwidth=false]))) ::slotted([slot=left]){float:left;width:100%}@media screen and (min-width: 600px){:host([floating]:not([floating=false]):not([fullwidth]:not([fullwidth=false]))) ::slotted([slot=left]){width:calc(var(--col-left-width) - var(--stzh-space-large) / 2);margin-right:var(--stzh-space-large)}}.stzh-textandimage{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;margin:0 calc(var(--stzh-space-large) / -2);}.stzh-textandimage__left,.stzh-textandimage__right{width:auto;padding:0 calc(var(--stzh-space-large) / 2)}@media screen and (min-width: 600px){.stzh-textandimage__left{width:var(--col-left-width)}}@media screen and (min-width: 600px){.stzh-textandimage__right{width:calc(100% - var(--col-left-width))}}.stzh-textandimage--is-fullwidth .stzh-textandimage__left,.stzh-textandimage--is-fullwidth .stzh-textandimage__right{width:100%}.stzh-textandimage--is-floating .stzh-textandimage__left{width:auto}';const n=class{constructor(e){t(this,e);this.floating=false;this.fullwidth=false;this.size="default"}render(){const t=s(this.element,"left");const i=s(this.element,"right");const l={"stzh-textandimage":true,"stzh-textandimage--has-left":t,"stzh-textandimage--has-right":i,"stzh-textandimage--is-fullwidth":this.fullwidth,"stzh-textandimage--is-floating":this.floating,[`stzh-textandimage--size-${this.size}`]:!!this.size};return e(a,null,e("div",{class:l},e("div",{class:"stzh-textandimage__left"},e("slot",{name:"left"}),this.floating&&e("slot",{name:"right"})),!this.floating&&e("div",{class:"stzh-textandimage__right"},e("slot",{name:"right"}))))}get element(){return i(this)}};n.style=l;export{n as stzh_textandimage};
+//# sourceMappingURL=p-78f78684.entry.js.map

package/dist/stzh-components/p-78f89f65.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,a,g as e,F as l}from"./p-9e02896c.js";import{m as h,a as n,r as d}from"./p-9111e257.js";import{f as o}from"./p-25a09313.js";const r=".sc-stzh-datalist-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-datalist-h{display:none}.sc-stzh-datalist-h *.sc-stzh-datalist,.sc-stzh-datalist-h *.sc-stzh-datalist::before,.sc-stzh-datalist-h *.sc-stzh-datalist::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-datalist-h{--item-label-min-width:7.5rem}@media screen and (min-width: 800px){.sc-stzh-datalist-h{--item-label-min-width:9rem}}[disable-label-min-width].sc-stzh-datalist-h:not([disable-label-min-width=false]){--item-label-min-width:none}.sc-stzh-datalist-h .sc-stzh-datalist-s>stzh-details,.stzh-datalist.sc-stzh-datalist stzh-details.sc-stzh-datalist{--content-grid-column:1 / 6;--content-padding:var(--stzh-space-large) 0 var(--stzh-space-xlarge);--content-border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.sc-stzh-datalist-h .sc-stzh-datalist-s>stzh-details,.stzh-datalist.sc-stzh-datalist stzh-details.sc-stzh-datalist{--content-padding:var(--stzh-space-large) 0 var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-datalist-h .sc-stzh-datalist-s>stzh-details,.stzh-datalist.sc-stzh-datalist stzh-details.sc-stzh-datalist{--content-padding:var(--stzh-space-large) 0 var(--stzh-space-xxxlarge)}}.stzh-datalist__list.sc-stzh-datalist{width:100%}.stzh-datalist--has-hidden-border.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{margin-top:calc(var(--stzh-space-xsmall) / -2);margin-bottom:calc(var(--stzh-space-xsmall) / -2)}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{width:100%;display:grid;border-collapse:collapse;grid-template-columns:auto auto minmax(auto, 1fr) auto auto;-ms-flex-align:stretch;align-items:stretch}";const c=class{constructor(s){t(this,s);this.stzhDirectionChange=i(this,"stzhDirectionChange",7);this.stzhHideBorderChange=i(this,"stzhHideBorderChange",7);this._items=[];this.resizeHandler=()=>{if(h("ultra").matches&&this.directionUltra!=="inherit"){this.currentDirection=this.directionUltra}else if(h("large").matches&&this.directionLarge!=="inherit"){this.currentDirection=this.directionLarge}else if(h("medium").matches&&this.directionMedium!=="inherit"){this.currentDirection=this.directionMedium}else if(h("small").matches&&this.directionSmall!=="inherit"){this.currentDirection=this.directionSmall}else{this.currentDirection=this.direction}};this.direction="vertical";this.directionSmall="horizontal";this.directionMedium="inherit";this.directionLarge="inherit";this.directionUltra="inherit";this.hideBorder=false;this.disableLabelMinWidth=false;this.currentDirection=undefined;this.items=[]}hideBorderWatcher(t){this.stzhHideBorderChange.emit({component:"stzh-datalist",value:t})}directionWatcher(){this.resizeHandler()}currentDirectionWatcher(t){this.stzhDirectionChange.emit({component:"stzh-datalist",value:t})}itemsWatcher(t){if(typeof t==="string"){this._items=JSON.parse(t)}else{this._items=t}}async componentWillLoad(){this.itemsWatcher(this.items);this.hideBorderWatcher(this.hideBorder);this.resizeHandler()}connectedCallback(){n(this.resizeHandler)}disconnectedCallback(){d(this.resizeHandler)}render(){const t={"stzh-datalist":true,"stzh-datalist--has-hidden-border":this.hideBorder,[`stzh-datalist--direction-${this.currentDirection}`]:!!this.currentDirection};return s(a,null,s("div",{class:t},s("div",{class:"stzh-datalist__list",role:"list"},this._items.map((t=>s("stzh-datalist-item",Object.assign({},t),t.items&&t.items.length>0&&s("stzh-datalist",{items:t.items})))),s("slot",null))))}get element(){return e(this)}static get watchers(){return{hideBorder:["hideBorderWatcher"],direction:["directionWatcher"],directionSmall:["directionWatcher"],directionMedium:["directionWatcher"],directionLarge:["directionWatcher"],directionUltra:["directionWatcher"],currentDirection:["currentDirectionWatcher"],items:["itemsWatcher"]}}};c.style=r;const m='.sc-stzh-datalist-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-item-h{display:none}.sc-stzh-datalist-item-h *.sc-stzh-datalist-item,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::before,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::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-datalist-item-h{--font-family:var(--stzh-font-family-regular);--font-weight:var(--stzh-font-weight-regular);--color:inherit;--action-display:flex;--label-min-width:var(--item-label-min-width, none);--leading-icon-background-color:var(--stzh-color-grey5);--leading-icon-color:var(--stzh-color-grey70);--hover-leading-icon-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-leading-icon-color:var(--stzh-color-white);--horizontal-min-height:3rem;display:contents}[href].sc-stzh-datalist-item-h:not([href=""]),[a11y-expanded].sc-stzh-datalist-item-h,[a11y-controls].sc-stzh-datalist-item-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.sc-stzh-datalist-item-h .sc-stzh-datalist-item-s>stzh-datalist{margin-left:var(--stzh-space-large)}.stzh-datalist-item.sc-stzh-datalist-item{position:relative;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__vhidden.sc-stzh-datalist-item{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-datalist-item__wrapper.sc-stzh-datalist-item{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item__action-list.sc-stzh-datalist-item{color:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background:transparent;border:none;padding:0;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__leading.is-button.sc-stzh-datalist-item,.stzh-datalist-item__leading.is-link.sc-stzh-datalist-item,.stzh-datalist-item__value.is-button.sc-stzh-datalist-item,.stzh-datalist-item__value.is-link.sc-stzh-datalist-item,.stzh-datalist-item__label.is-button.sc-stzh-datalist-item,.stzh-datalist-item__label.is-link.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-button.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-link.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-button.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-link.sc-stzh-datalist-item{cursor:pointer}.stzh-datalist-item__leading.sc-stzh-datalist-item{-ms-flex-negative:0;flex-shrink:0}.stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--leading-icon-color);background-color:var(--leading-icon-background-color);width:2.5rem;height:2.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:50%;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);font-family:var(--font-family);font-weight:var(--font-weight);-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 1024px){.stzh-datalist-item__value.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--color)}.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datalist-item__meta.sc-stzh-datalist-item{-ms-flex-pack:end;justify-content:flex-end}.stzh-datalist-item__label.sc-stzh-datalist-item{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;color:var(--stzh-base-lead-color)}.stzh-datalist-item__action-list.sc-stzh-datalist-item{display:var(--action-display);-ms-flex-pack:center;justify-content:center;text-align:center}.stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item__action.is-non-interactive.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height)}.stzh-datalist-item__action.is-button[variant=tertiary].sc-stzh-datalist-item{--color:inherit}.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__richtext.sc-stzh-datalist-item{color:inherit;font-family:inherit;font-weight:inherit}.stzh-datalist-item__interactive.sc-stzh-datalist-item{position:absolute;top:0;left:0}.stzh-datalist-item--is-button.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-closed.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:-ms-inline-flexbox;display:inline-flex}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--hover-color)}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.sc-stzh-datalist-item{-webkit-text-decoration-line:underline;text-decoration-line:underline}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:focus-within .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--hover-leading-icon-color);background-color:var(--hover-leading-icon-background-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-vertical.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border){border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{width:2.5rem;height:2.5rem}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon.sc-stzh-datalist-item{--size:var(--stzh-icon-size-medium)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{-ms-flex-direction:column;flex-direction:column}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item{display:contents}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item .stzh-datalist-item__nested-inner.sc-stzh-datalist-item{grid-column:1/6}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item{min-height:var(--horizontal-min-height)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__action-list.sc-stzh-datalist-item{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty){min-width:var(--label-min-width);padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{width:2rem;height:2rem}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta-status.sc-stzh-datalist-item+.stzh-datalist-item__meta-text.sc-stzh-datalist-item{margin-left:var(--stzh-space-xsmall)}';let z=0;const _=class{constructor(s){t(this,s);this.stzhItemActionClick=i(this,"stzhItemActionClick",7);this.actionClick=t=>{this.stzhItemActionClick.emit({component:"stzh-datalist-item",originalEvent:t})};this.handleDirectionChange=t=>{this.direction=t.detail.value};this.handleHideBorderChange=t=>{this.hideBorder=t.detail.value};this.localization=undefined;this.direction="vertical";this.href=undefined;this.rel=undefined;this.target=undefined;this.download=undefined;this.leadingIcon=undefined;this.icon=undefined;this.iconLabel=undefined;this.iconTooltip=undefined;this.label="";this.value="";this.meta="";this.statusLabel="";this.statusType="default";this.hideBorder=false;this.a11yExpanded=undefined;this.a11yControls=undefined;this.external=false}externalWatcher(){this.external=this.rel&&this.rel.includes("external")}renderInner(t){const i=t?"button":this.href?"a":"div";return s(l,null,s(i,{"aria-hidden":this.label?null:"true",tabindex:"-1",id:`${this.datalistItemId}-label`,class:{"stzh-datalist-item__label":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download},this.label),s(i,{id:`${this.datalistItemId}-value`,class:{"stzh-datalist-item__value":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download,"aria-labelledby":i!=="div"?`${this.datalistItemId}-label ${this.datalistItemId}-value ${this.datalistItemId}-meta`:null,"aria-controls":this.a11yControls,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null},this.external&&s("div",{class:"stzh-datalist-item__vhidden"},this.localization.$globals.externalLinkLabel),this.download&&s("div",{class:"stzh-datalist-item__vhidden"},this.localization.$globals.downloadLinkLabel),s("stzh-richtext",{class:"stzh-datalist-item__richtext",innerHTML:this.value},s("slot",{name:"value"}))),s(i,{"aria-hidden":this.statusLabel||this.meta?null:"true",tabindex:"-1",id:`${this.datalistItemId}-meta`,class:{"stzh-datalist-item__meta":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download},this.statusLabel&&s("stzh-status",{class:"stzh-datalist-item__meta-status",label:this.statusLabel,type:this.statusType}),this.meta&&s("span",{class:"stzh-datalist-item__meta-text"},this.meta)))}renderLeadingIcon(t){const i=t?"button":this.href?"a":"div";return s(i,{role:"presentation","aria-hidden":"true",tabindex:"-1",class:{"stzh-datalist-item__leading":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download},this.leadingIcon&&s("div",{class:"stzh-datalist-item__leading-icon-container"},s("stzh-icon",{class:"stzh-datalist-item__leading-icon",name:this.leadingIcon})))}async connectedCallback(){this.datalist=this.element.closest("stzh-datalist");if(this.datalist){this.direction=this.datalist.currentDirection;this.hideBorder=this.datalist.hideBorder;this.datalist.addEventListener("stzhDirectionChange",this.handleDirectionChange);this.datalist.addEventListener("stzhHideBorderChange",this.handleHideBorderChange)}}disconnectedCallback(){if(this.datalist){this.datalist.removeEventListener("stzhDirectionChange",this.handleDirectionChange);this.datalist.removeEventListener("stzhHideBorderChange",this.handleHideBorderChange);this.datalist=null}}async componentWillLoad(){this.datalistItemId=`stzh-datalist-item-${z++}`;this.externalWatcher();if(!this.localization){this.localization=await o(this.element,"datalist-item")}}render(){const t=typeof this.a11yExpanded!=="undefined"||typeof this.a11yControls!=="undefined";const i=!this.href&&this.icon;const e={"stzh-datalist-item":true,"stzh-datalist-item--is-interactive":!!this.href||t,"stzh-datalist-item--is-link":!!this.href,"stzh-datalist-item--is-button":t,"stzh-datalist-item--is-expanded":this.a11yExpanded,"stzh-datalist-item--has-hidden-border":this.hideBorder,[`stzh-datalist-item--direction-${this.direction}`]:!!this.direction};const h=t?"button":this.href?"a":"div";const n=()=>s("stzh-button",{class:{"stzh-datalist-item__action":true,"is-button":true},variant:"tertiary",size:"tiny","aria-label":this.iconLabel||`${this.label} ${this.value}`,iconOnly:true,icon:this.icon,onClick:this.actionClick});return s(a,{role:"listitem"},s("div",{class:e},this.direction==="horizontal"?s(l,null,this.renderLeadingIcon(t),this.renderInner(t)):s(l,null,this.renderLeadingIcon(t),s("div",{class:"stzh-datalist-item__wrapper"},this.renderInner(t))),s(h,{role:i?null:"presentation","aria-hidden":i?null:"true",tabindex:"-1",class:{"stzh-datalist-item__action-list":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download},this.href&&(this.download?s("div",{class:"stzh-datalist-item__action is-non-interactive"},s("stzh-icon",{class:"stzh-datalist-item__icon",name:this.icon?this.icon:"download"})):s("div",{class:"stzh-datalist-item__action is-non-interactive"},s("stzh-icon",{class:"stzh-datalist-item__icon",name:this.icon?this.icon:this.external?"external-link":"arrow-right"}))),t&&s("div",{class:"stzh-datalist-item__action is-non-interactive"},s("stzh-icon",{class:"stzh-datalist-item__icon is-closed",name:this.icon?this.icon:"plus"}),s("stzh-icon",{class:"stzh-datalist-item__icon is-open",name:this.icon?this.icon:"minus"})),i&&(this.iconTooltip?s("stzh-tooltip",{content:this.iconTooltip},n()):n()))),s("div",{class:"stzh-datalist-item__nested"},s("div",{class:"stzh-datalist-item__nested-inner"},s("slot",null))))}get element(){return e(this)}static get watchers(){return{rel:["externalWatcher"]}}};_.style=m;export{c as stzh_datalist,_ as stzh_datalist_item};
+//# sourceMappingURL=p-78f89f65.entry.js.map

package/dist/stzh-components/p-78f89f65.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhDatalistCss","StzhDatalist","this","_items","resizeHandler","media","matches","directionUltra","currentDirection","directionLarge","directionMedium","directionSmall","direction","hideBorderWatcher","newValue","stzhHideBorderChange","emit","component","value","directionWatcher","currentDirectionWatcher","stzhDirectionChange","itemsWatcher","JSON","parse","async","items","hideBorder","connectedCallback","addMediaChangeListener","disconnectedCallback","removeMediaChangeListener","render","classes","h","Host","class","role","map","item","Object","assign","length","stzhDatalistItemCss","datalistItemCounter","StzhDatalistItem","actionClick","originalEvent","stzhItemActionClick","handleDirectionChange","event","detail","handleHideBorderChange","externalWatcher","external","rel","includes","renderInner","isButton","Item","href","Fragment","label","tabindex","id","datalistItemId","target","download","a11yControls","a11yExpanded","localization","$globals","externalLinkLabel","downloadLinkLabel","innerHTML","name","statusLabel","meta","type","statusType","renderLeadingIcon","leadingIcon","datalist","element","closest","addEventListener","removeEventListener","fetchTranslations","hasActionButton","icon","ActionButton","variant","size","iconLabel","iconOnly","onClick","iconTooltip","content"],"sources":["./src/components/stzh-datalist/stzh-datalist.scss?tag=stzh-datalist&encapsulation=scoped","./src/components/stzh-datalist/stzh-datalist.tsx","./src/components/stzh-datalist-item/stzh-datalist-item.scss?tag=stzh-datalist-item&encapsulation=scoped","./src/components/stzh-datalist-item/stzh-datalist-item.tsx"],"sourcesContent":[":host {\n  --item-label-min-width: 120px;\n\n  @include mq($from: smallheader) {\n    --item-label-min-width: 144px;\n  }\n\n  &[disable-label-min-width]:not([disable-label-min-width=\"false\"]) {\n    --item-label-min-width: none;\n  }\n}\n\n:host ::slotted(stzh-details),\n.stzh-datalist stzh-details {\n  --content-grid-column: 1 / 6;\n  --content-padding: #{space('large')} 0 #{spaceCurveValue('medium')};\n  --content-border-bottom: 1px solid #{$baseBorderColor};\n\n  @include mq($from: medium) {\n    --content-padding: #{space('large')} 0 #{spaceCurveValue('medium', 'medium')};\n  }\n\n  @include mq($from: large) {\n    --content-padding: #{space('large')} 0 #{spaceCurveValue('medium', 'large')};\n  }\n}\n\n.stzh-datalist {\n  &__list {\n    width: 100%;\n  }\n\n  /* Has hidden border variant */\n\n  &--has-hidden-border &__list {\n    margin-top: calc(#{space('xsmall')} / -2);\n    margin-bottom: calc(#{space('xsmall')} / -2);\n  }\n\n  /* Vertical variant */\n\n  &--direction-horizontal &__list {\n    width: 100%;\n    display: grid;\n    border-collapse: collapse;\n    grid-template-columns: auto auto minmax(auto, 1fr) auto auto;\n    align-items: stretch;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Watch,\n  Prop,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhDatalistItemEntry,\n  StzhDatalistDirectionChangeEvent,\n  StzhDatalistHideBorderChangeEvent\n} from \"../../index\";\n\nimport {\n  media,\n  addMediaChangeListener,\n  removeMediaChangeListener\n} from '../../utils/media-utils';\n\n/**\n */\n@Component({\n  tag: \"stzh-datalist\",\n  styleUrl: \"stzh-datalist.scss\",\n  scoped: true\n})\nexport class StzhDatalist {\n  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Direction above small breakpoint */\n  @Prop({ reflect: true }) directionSmall: \"vertical\" | \"horizontal\" | \"inherit\" = \"horizontal\";\n\n  /** Direction above medium breakpoint  */\n  @Prop({ reflect: true }) directionMedium: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Direction above large breakpoint  */\n  @Prop({ reflect: true }) directionLarge: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Direction above ultra breakpoint  */\n  @Prop({ reflect: true }) directionUltra: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Hide border lines between items */\n  @Prop({ reflect: true }) hideBorder: boolean = false;\n\n  /**\n   * Whether to disable min-width of datalist item label for the `horizontal` variant.\n   *\n   * If `false`, the default `min-width` is `144px` (for >= 800px) and `120px` (for < 800px).\n   * If `true`, the `min-width` is `none`, so the label column, will have the width of cell with the widest content.\n   *\n   * You can also overwrite the label min-width via CSS with the custom property `--item-label-min-width`.\n   */\n  @Prop({ reflect: true }) disableLabelMinWidth: boolean = false;\n\n  /** Current direction in use (readonly)  */\n  @Prop({ reflect: true }) currentDirection: \"vertical\" | \"horizontal\";\n\n  /**\n   * Items in datalist\n   * Array of objects that must at least include `value` attribute.\n   * Can optionally contain `leadingIcon`, `label`, `meta`, `icon`, `iconLabel`, `iconTooltip`, `href`, `statusLabel`, `statusType` attribute and be nested to display deeper levels:\n   * `[{\"value\":\"Value 1\", \"label\": \"Label 1\"}, {\"value\":\"Value 2\", \"label\": \"Label 2\", \"items\": [...]}]`\n   */\n  @Prop() items: StzhDatalistItemEntry[] | string = [];\n  private _items: StzhDatalistItemEntry[] = [];\n\n\n  /** Direction attribute change event */\n  @Event() stzhDirectionChange: EventEmitter<StzhDatalistDirectionChangeEvent>;\n\n  /** Hide border change event */\n  @Event() stzhHideBorderChange: EventEmitter<StzhDatalistHideBorderChangeEvent>;\n\n  @Element() element: HTMLStzhDatalistElement;\n\n  @Watch(\"hideBorder\")\n  hideBorderWatcher(newValue: boolean) {\n    this.stzhHideBorderChange.emit({\n      component: \"stzh-datalist\",\n      value: newValue\n    });\n  }\n\n  @Watch(\"direction\")\n  @Watch(\"directionSmall\")\n  @Watch(\"directionMedium\")\n  @Watch(\"directionLarge\")\n  @Watch(\"directionUltra\")\n  directionWatcher() {\n    this.resizeHandler();\n  }\n\n  @Watch(\"currentDirection\")\n  currentDirectionWatcher(newValue: \"vertical\" | \"horizontal\") {\n    this.stzhDirectionChange.emit({\n      component: \"stzh-datalist\",\n      value: newValue\n    });\n  }\n\n  @Watch(\"items\")\n  itemsWatcher(newValue: any[] | string) {\n    if (typeof newValue === \"string\") {\n      this._items = JSON.parse(newValue);\n    } else {\n      this._items = newValue;\n    }\n  }\n\n  resizeHandler = () => {\n    if (media(\"ultra\").matches && this.directionUltra !== \"inherit\") {\n      this.currentDirection = this.directionUltra;\n    } else if (media(\"large\").matches && this.directionLarge !== \"inherit\") {\n      this.currentDirection = this.directionLarge;\n    } else if (media(\"medium\").matches && this.directionMedium !== \"inherit\") {\n      this.currentDirection = this.directionMedium;\n    } else if (media(\"small\").matches && this.directionSmall !== \"inherit\") {\n      this.currentDirection = this.directionSmall;\n    } else {\n      this.currentDirection = this.direction;\n    }\n  }\n\n  async componentWillLoad() {\n    this.itemsWatcher(this.items);\n    this.hideBorderWatcher(this.hideBorder);\n    this.resizeHandler();\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.resizeHandler);\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.resizeHandler);\n  }\n\n  render() {\n    const classes = {\n      \"stzh-datalist\": true,\n      \"stzh-datalist--has-hidden-border\": this.hideBorder,\n      [`stzh-datalist--direction-${this.currentDirection}`]: !!this.currentDirection\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-datalist__list\" role=\"list\">\n            {this._items.map((item) =>\n              <stzh-datalist-item {...item}>\n                {item.items && item.items.length > 0 &&\n                  <stzh-datalist items={item.items}></stzh-datalist>\n                }\n              </stzh-datalist-item>\n            )}\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  --font-family: var(--stzh-font-family-regular);\n  --font-weight: var(--stzh-font-weight-regular);\n  --color: inherit;\n  --action-display: flex;\n  --label-min-width: var(--item-label-min-width, none);\n  --leading-icon-background-color: #{$colorGrey5};\n  --leading-icon-color: #{$colorGrey70};\n\n  --hover-leading-icon-background-color: #{$colorPrimaryHover};\n  --hover-leading-icon-color: #{$colorWhite};\n\n  --horizontal-min-height: 48px;\n\n  display: contents;\n\n  &[href]:not([href=\"\"]),\n  &[a11y-expanded],\n  &[a11y-controls] {\n    --color: #{$colorPrimary};\n    --hover-color: #{$colorPrimaryHover};\n  }\n\n  ::slotted(stzh-datalist) {\n    margin-left: space('large');\n  }\n}\n\n.stzh-datalist-item {\n  position: relative;\n  text-decoration-line: none;\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__wrapper {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &__leading,\n  &__value,\n  &__label,\n  &__meta,\n  &__action-list {\n    color: inherit;\n    display: flex;\n    align-items: center;\n    appearance: none;\n    font-family: inherit;\n    background: transparent;\n    border: none;\n    padding: 0;\n    text-decoration-line: none;\n\n    &.is-button,\n    &.is-link {\n      cursor: pointer;\n    }\n  }\n\n  &__leading {\n    flex-shrink: 0;\n\n    &:not(:empty) {\n      padding-right: space('xsmall');\n    }\n  }\n\n  &__leading-icon-container {\n    color: var(--leading-icon-color);\n    background-color: var(--leading-icon-background-color);\n    width: 40px;\n    height: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    transition-property: color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n  }\n\n  &__value {\n    @include fontCurve('p1');\n    font-family: var(--font-family);\n    font-weight: var(--font-weight);\n    flex-grow: 1;\n  }\n\n  &__value,\n  &__icon {\n    color: var(--color);\n  }\n\n  &__label,\n  &__meta {\n    @include fontCurve('caption');\n  }\n\n  &__meta {\n    justify-content: flex-end;\n  }\n\n  &__label {\n    @include font('medium');\n    color: $baseLeadColor;\n  }\n\n  &__action-list {\n    display: var(--action-display);\n    justify-content: center;\n    text-align: center;\n\n    &:not(:empty) {\n      padding-left: space('xsmall');\n    }\n  }\n\n  &__action {\n    &.is-non-interactive {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: $formInputHeightTiny;\n      height: $formInputHeightTiny;\n    }\n\n    &.is-button[variant=\"tertiary\"] {\n      --color: inherit;\n    }\n  }\n\n  &__value,\n  &__icon {\n    transition: color $baseTransitionAnimationSpeed;\n  }\n\n  &__richtext {\n    color: inherit;\n    font-family: inherit;\n    font-weight: inherit;\n  }\n\n  &__interactive {\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n\n  /* Button variant */\n\n  &--is-button &__icon.is-open {\n    display: none;\n  }\n\n  &--is-button#{&}--is-expanded &__icon {\n    &.is-closed {\n      display: none;\n    }\n\n    &.is-open {\n      display: inline-flex;\n    }\n  }\n\n  /* Interactive variant */\n\n  &--is-interactive:hover &__value,\n  &--is-interactive:hover &__icon {\n    color: var(--hover-color);\n  }\n\n  &--is-interactive:hover &__value {\n    text-decoration-line: underline;\n  }\n\n  &--is-interactive:hover &__leading-icon-container,\n  &--is-interactive:focus-within &__leading-icon-container {\n    color: var(--hover-leading-icon-color);\n    background-color: var(--hover-leading-icon-background-color);\n  }\n\n  /* Vertical variant */\n\n  &--direction-vertical {\n    display: flex;\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n  }\n\n  &--direction-vertical#{&}--has-hidden-border {\n    padding-top: calc(#{space('xsmall')} / 2);\n    padding-bottom: calc(#{space('xsmall')} / 2);\n  }\n\n  &--direction-vertical:not(#{&}--has-hidden-border) {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n\n  &--direction-vertical &__leading-icon-container {\n    width: 40px;\n    height: 40px;\n  }\n\n  &--direction-vertical &__leading-icon {\n    --size: #{iconSize('medium')};\n  }\n\n  &--direction-vertical &__meta {\n    flex-direction: column;\n  }\n\n  /* Horizontal variant */\n\n  &--direction-horizontal,\n  &--direction-horizontal + &__nested {\n    display: contents;\n  }\n\n  &--direction-horizontal + &__nested &__nested-inner {\n    grid-column: 1 / 6;\n  }\n\n  &--direction-horizontal &__leading,\n  &--direction-horizontal &__value,\n  &--direction-horizontal &__label,\n  &--direction-horizontal &__meta,\n  &--direction-horizontal &__action-list {\n    min-height: var(--horizontal-min-height);\n  }\n\n  &--direction-horizontal &__label,\n  &--direction-horizontal &__value,\n  &--direction-horizontal &__meta {\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n  }\n\n  &--direction-horizontal#{&}--has-hidden-border &__label,\n  &--direction-horizontal#{&}--has-hidden-border &__value,\n  &--direction-horizontal#{&}--has-hidden-border &__meta {\n    padding-top: calc(#{space('xsmall')} / 2);\n    padding-bottom: calc(#{space('xsmall')} / 2);\n  }\n\n  // &--direction-horizontal:not(#{&}--has-hidden-border) &__leading,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__label,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__value,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__meta,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__action-list {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n\n  &--direction-horizontal &__label {\n    &:not(:empty) {\n      min-width: var(--label-min-width);\n      padding-right: space('xsmall');\n    }\n  }\n\n  &--direction-horizontal &__meta {\n    &:not(:empty) {\n      padding-left: space('xsmall');\n    }\n  }\n\n  &--direction-horizontal &__leading-icon-container {\n    width: 32px;\n    height: 32px;\n  }\n\n  &--direction-horizontal &__meta-status + &__meta-text {\n    margin-left: space('xsmall');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Event,\n  EventEmitter,\n  Fragment,\n  State,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  StzhDatalistItemActionClickEvent,\n  StzhDatalistDirectionChangeEvent,\n  StzhDatalistHideBorderChangeEvent\n} from \"../../index\";\n\nimport { fetchTranslations, StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nlet datalistItemCounter = 0;\n\n/**\n * @slot - Slot for nested datalist\n * @slot value - Slot for value (or use value slot instead)\n */\n@Component({\n  tag: \"stzh-datalist-item\",\n  styleUrl: \"stzh-datalist-item.scss\",\n  scoped: true\n})\nexport class StzhDatalistItem {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Link */\n  @Prop({ reflect: true }) href: string;\n\n  /** Rel (if href is used) */\n  @Prop() rel: string;\n\n  /** Target (if href is used) */\n  @Prop() target: string;\n\n  /** Download attribute of link (if `href` used) */\n  @Prop() download: string;\n\n  /** Leading icon */\n  @Prop() leadingIcon: string;\n\n  /** Icon of action button (if href is used, will only be for presentation and default to link icon) */\n  @Prop() icon: string;\n\n  /** Overwrite aria-label of action button (default aria label is `label` and `value`). */\n  @Prop() iconLabel: string;\n\n  /** Tooltip content of action button. Overwrites aria-label (set by default or `iconLabel`) of action button. */\n  @Prop() iconTooltip: string;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Value (or use value slot instead) */\n  @Prop() value: string = \"\";\n\n  /** Meta */\n  @Prop() meta: string = \"\";\n\n  /** Status Label */\n  @Prop() statusLabel: string = \"\";\n\n  /** Status Type */\n  @Prop() statusType: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\" = \"default\";\n\n  /** Hide border lines */\n  @Prop({ reflect: true }) hideBorder: boolean = false;\n\n  /** Aria expanded of link/button */\n  @Prop({ reflect: true, attribute: \"a11y-expanded\" }) a11yExpanded: boolean;\n\n  /** Aria controls of link/button */\n  @Prop({ attribute: \"a11y-controls\" }) a11yControls: string;\n\n  /** Whether rel contains external */\n  @State() external: boolean = false;\n\n  /** Item action click event */\n  @Event() stzhItemActionClick: EventEmitter<StzhDatalistItemActionClickEvent>;\n\n  @Element() element: HTMLStzhDatalistItemElement;\n\n  @Watch(\"rel\")\n  externalWatcher() {\n    this.external = this.rel && this.rel.includes(\"external\");\n  }\n\n  private datalist: HTMLStzhDatalistElement;\n  private datalistItemId: string;\n\n  private actionClick = (originalEvent: MouseEvent) => {\n    this.stzhItemActionClick.emit({\n      component: \"stzh-datalist-item\",\n      originalEvent\n    });\n  }\n\n  private handleDirectionChange = (event: CustomEvent<StzhDatalistDirectionChangeEvent>) => {\n    this.direction = event.detail.value;\n  }\n\n  private handleHideBorderChange = (event: CustomEvent<StzhDatalistHideBorderChangeEvent>) => {\n    this.hideBorder = event.detail.value;\n  }\n\n  private renderInner(isButton: boolean): DocumentFragment {\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\n\n    return (\n      <Fragment>\n        <Item\n          aria-hidden={this.label ? null : \"true\"}\n          tabindex=\"-1\"\n          id={`${this.datalistItemId}-label`}\n          class={{\n            \"stzh-datalist-item__label\": true,\n            \"is-button\": isButton,\n            \"is-link\": !!this.href\n          }}\n          href={this.href}\n          rel={this.rel}\n          target={this.target}\n          download={this.download}\n        >\n          {this.label}\n        </Item>\n\n        <Item\n          id={`${this.datalistItemId}-value`}\n          class={{\n            \"stzh-datalist-item__value\": true,\n            \"is-button\": isButton,\n            \"is-link\": !!this.href\n          }}\n          href={this.href}\n          rel={this.rel}\n          target={this.target}\n          download={this.download}\n          aria-labelledby={Item !== 'div' ? `${this.datalistItemId}-label ${this.datalistItemId}-value ${this.datalistItemId}-meta` : null}\n          aria-controls={this.a11yControls}\n          aria-expanded={typeof this.a11yExpanded !== \"undefined\"\n            ? (this.a11yExpanded ? \"true\" : \"false\") : null}\n        >\n          {this.external && <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.externalLinkLabel}</div>}\n          {this.download && <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.downloadLinkLabel}</div>}\n          <stzh-richtext class=\"stzh-datalist-item__richtext\" innerHTML={this.value}>\n            <slot name=\"value\"></slot>\n          </stzh-richtext>\n        </Item>\n\n        <Item\n          aria-hidden={this.statusLabel || this.meta ? null : \"true\"}\n          tabindex=\"-1\"\n          id={`${this.datalistItemId}-meta`}\n          class={{\n            \"stzh-datalist-item__meta\": true,\n            \"is-button\": isButton,\n            \"is-link\": !!this.href\n          }}\n          href={this.href}\n          rel={this.rel}\n          target={this.target}\n          download={this.download}\n        >\n          {this.statusLabel &&\n            <stzh-status\n              class=\"stzh-datalist-item__meta-status\"\n              label={this.statusLabel}\n              type={this.statusType}\n            ></stzh-status>\n          }\n          {this.meta && <span class=\"stzh-datalist-item__meta-text\">{this.meta}</span>}\n        </Item>\n      </Fragment>\n    )\n  }\n\n  private renderLeadingIcon(isButton: boolean): HTMLElement {\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\n\n    return (\n      <Item\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        tabindex=\"-1\"\n        class={{\n          \"stzh-datalist-item__leading\": true,\n          \"is-button\": isButton,\n          \"is-link\": !!this.href\n        }}\n        href={this.href}\n        rel={this.rel}\n        target={this.target}\n        download={this.download}\n      >\n        {this.leadingIcon &&\n          <div class=\"stzh-datalist-item__leading-icon-container\">\n            <stzh-icon class=\"stzh-datalist-item__leading-icon\" name={this.leadingIcon}></stzh-icon>\n          </div>\n        }\n      </Item>\n    );\n  }\n\n  async connectedCallback() {\n    this.datalist = this.element.closest(\"stzh-datalist\");\n\n    if (this.datalist) {\n      this.direction = this.datalist.currentDirection;\n      this.hideBorder = this.datalist.hideBorder;\n\n      this.datalist.addEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n      this.datalist.addEventListener(\"stzhHideBorderChange\", this.handleHideBorderChange);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.datalist) {\n      this.datalist.removeEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n      this.datalist.removeEventListener(\"stzhHideBorderChange\", this.handleHideBorderChange);\n      this.datalist = null;\n    }\n  }\n\n  async componentWillLoad() {\n    this.datalistItemId = `stzh-datalist-item-${datalistItemCounter++}`;\n    this.externalWatcher();\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"datalist-item\");\n    }\n  }\n\n  render() {\n    const isButton = typeof this.a11yExpanded !== \"undefined\"\n      || typeof this.a11yControls !== \"undefined\";\n\n    const hasActionButton = !this.href && this.icon;\n\n    const classes = {\n      \"stzh-datalist-item\": true,\n      \"stzh-datalist-item--is-interactive\": !!this.href || isButton,\n      \"stzh-datalist-item--is-link\": !!this.href,\n      \"stzh-datalist-item--is-button\": isButton,\n      \"stzh-datalist-item--is-expanded\": this.a11yExpanded,\n      \"stzh-datalist-item--has-hidden-border\": this.hideBorder,\n      [`stzh-datalist-item--direction-${this.direction}`]: !!this.direction\n    };\n\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\n\n    const ActionButton = () => {\n      return (\n        <stzh-button\n          class={{\n            \"stzh-datalist-item__action\": true,\n            \"is-button\": true\n          }}\n          variant=\"tertiary\"\n          size=\"tiny\"\n          aria-label={this.iconLabel || (`${this.label} ${this.value}`)}\n          iconOnly={true}\n          icon={this.icon}\n          onClick={this.actionClick}\n        ></stzh-button>\n      );\n    }\n\n    return (\n      <Host role=\"listitem\">\n        <div class={classes}>\n          {this.direction === \"horizontal\" ?\n            <Fragment>\n              {this.renderLeadingIcon(isButton)}\n              {this.renderInner(isButton)}\n            </Fragment>\n            :\n            <Fragment>\n              {this.renderLeadingIcon(isButton)}\n              <div class=\"stzh-datalist-item__wrapper\">\n                {this.renderInner(isButton)}\n              </div>\n            </Fragment>\n          }\n          <Item\n            role={hasActionButton ? null : \"presentation\"}\n            aria-hidden={hasActionButton ? null : \"true\"}\n            tabindex=\"-1\"\n            class={{\n              \"stzh-datalist-item__action-list\": true,\n              \"is-button\": isButton,\n              \"is-link\": !!this.href\n            }}\n            href={this.href}\n            rel={this.rel}\n            target={this.target}\n            download={this.download}\n          >\n            {this.href &&\n              (this.download ?\n                <div class=\"stzh-datalist-item__action is-non-interactive\">\n                  <stzh-icon class=\"stzh-datalist-item__icon\" name={this.icon ? this.icon : \"download\"}></stzh-icon>\n                </div>\n                :\n                <div class=\"stzh-datalist-item__action is-non-interactive\">\n                  <stzh-icon class=\"stzh-datalist-item__icon\" name={this.icon ? this.icon : (this.external ? \"external-link\" : \"arrow-right\")}></stzh-icon>\n                </div>\n              )\n            }\n\n            {isButton &&\n              <div class=\"stzh-datalist-item__action is-non-interactive\">\n                <stzh-icon class=\"stzh-datalist-item__icon is-closed\" name={this.icon ? this.icon : \"plus\"}></stzh-icon>\n                <stzh-icon class=\"stzh-datalist-item__icon is-open\" name={this.icon ? this.icon : \"minus\"}></stzh-icon>\n              </div>\n            }\n\n            {hasActionButton &&\n              (this.iconTooltip ?\n                <stzh-tooltip content={this.iconTooltip}>\n                  {ActionButton()}\n                </stzh-tooltip>\n                :\n                ActionButton())\n            }\n          </Item>\n        </div>\n\n        <div class=\"stzh-datalist-item__nested\">\n          <div class=\"stzh-datalist-item__nested-inner\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-7992047b.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as s,a}from"./p-9e02896c.js";const t=":host{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}:host[hidden]{display:none}:host *,:host *::before,:host *::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)}:host{--space:var(--stzh-space-default);--around:0;display:-ms-flexbox;display:flex}:host ::slotted(*){max-width:100%;padding:calc((var(--space) / 2) * var(--around));margin:calc((var(--space) / 2) * (1 - var(--around)))}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:1;flex-grow:1}:host(:empty){--around:1;width:var(--space);height:var(--space)}:host([around]:not([around=false])){--around:1}:host([border=top]),:host([border=top-bottom]){border-top:0.0625rem solid var(--stzh-base-border-color)}:host([border=bottom]),:host([border=top-bottom]){border-bottom:0.0625rem solid var(--stzh-base-border-color)}:host([border=left]),:host([border=left-right]){border-left:0.0625rem solid var(--stzh-base-border-color)}:host([border=right]),:host([border=left-right]){border-right:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--space:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host([curve=tiny]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--space:var(--stzh-space-medium)}}:host([curve=small]){--space:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host([curve=small]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--space:var(--stzh-space-large)}}:host([curve=regular]){--space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host([curve=regular]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([curve=regular]){--space:var(--stzh-space-xlarge)}}:host([curve=medium]){--space:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host([curve=medium]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--space:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([curve=large]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([curve=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=big]){--space:var(--stzh-space-xbig)}}:host([curve=huge]){--space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([curve=huge]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([curve=huge]){--space:var(--stzh-space-huge)}}:host([size=xxxsmall]){--space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--space:var(--stzh-space-xsmall)}:host([size=small]){--space:var(--stzh-space-small)}:host([size=medium]){--space:var(--stzh-space-medium)}:host([size=large]){--space:var(--stzh-space-large)}:host([size=xlarge]){--space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}:host([size=big]){--space:var(--stzh-space-big)}:host([size=xbig]){--space:var(--stzh-space-xbig)}:host([size=huge]){--space:var(--stzh-space-huge)}:host([size=xhuge]){--space:var(--stzh-space-xhuge)}:host([size=none]){--space:var(--stzh-space-none)}:host([size=default]){--space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 800px){:host([size-smallheader=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){:host([size-smallheader=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 800px){:host([size-smallheader=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 800px){:host([size-smallheader=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){:host([size-smallheader=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){:host([size-smallheader=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){:host([size-smallheader=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 800px){:host([size-smallheader=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){:host([size-medium=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){:host([size-medium=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){:host([size-medium=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host([size-medium=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host([size-medium=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([size-medium=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){:host([size-medium=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){:host([size-medium=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){:host([size-medium=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){:host([size-medium=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxsmall]){--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xxsmall]){--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xsmall]){--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=small]){--space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){:host([size-ultra=medium]){--space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){:host([size-ultra=large]){--space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){:host([size-ultra=xlarge]){--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxlarge]){--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxlarge]){--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxxlarge]){--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=big]){--space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){:host([size-ultra=xbig]){--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){:host([size-ultra=huge]){--space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){:host([size-ultra=xhuge]){--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){:host([size-ultra=none]){--space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){:host([size-ultra=default]){--space:var(--stzh-space-default)}}.stzh-space{-ms-flex-positive:1;flex-grow:1;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:calc((var(--space) / -2) * var(--around));margin:calc((var(--space) / -2) * (1 - var(--around)));}.stzh-space--is-around{padding:calc((var(--space) / 2) * var(--around));margin:calc((var(--space) / 2) * (1 - var(--around)))}.stzh-space--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-space--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-space--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-space--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-space--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-space--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-space--items-center{-ms-flex-align:center;align-items:center}.stzh-space--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-space--items-stretch{-ms-flex-align:stretch;align-items:stretch}";const i=class{constructor(s){e(this,s);this.curve="none";this.size="inherit";this.sizeSmall="inherit";this.sizeMedium="inherit";this.sizeLarge="inherit";this.sizeUltra="inherit";this.justify="start";this.items="start";this.around=false;this.border="none"}render(){return s(a,null,s("div",{class:{"stzh-space":true,"stzh-space--is-around":this.around,[`stzh-space--justify-${this.justify}`]:!!this.justify,[`stzh-space--items-${this.items}`]:!!this.items}},s("slot",null)))}};i.style=t;export{i as stzh_space};
+//# sourceMappingURL=p-7992047b.entry.js.map

package/dist/stzh-components/p-7992047b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhSpaceCss","StzhSpace","render","h","Host","class","this","around","justify","items"],"sources":["./src/components/stzh-space/stzh-space.scss?tag=stzh-space&encapsulation=shadow","./src/components/stzh-space/stzh-space.tsx"],"sourcesContent":[":host {\n  --space: #{space()};\n  --around: 0;\n\n  display: flex;\n\n  ::slotted(*) {\n    // fix IE11 not wrapping text\n    max-width: 100%;\n    padding: calc((var(--space) / 2) * var(--around));\n    margin: calc((var(--space) / 2) * (1 - var(--around)));\n  }\n\n  ::slotted(stzh-vspace),\n  ::slotted(stzh-hspace),\n  ::slotted(stzh-row),\n  ::slotted(stzh-container),\n  ::slotted(stzh-section) {\n    align-self: stretch;\n    flex-grow: 1;\n  }\n}\n\n:host(:empty) {\n  --around: 1;\n\n  width: var(--space);\n  height: var(--space);\n}\n\n:host([around]:not([around=\"false\"])) {\n  --around: 1;\n}\n\n/* Border variants */\n\n:host([border=\"top\"]),\n:host([border=\"top-bottom\"]) {\n  border-top: 1px solid $baseBorderColor;\n}\n\n:host([border=\"bottom\"]),\n:host([border=\"top-bottom\"]) {\n  border-bottom: 1px solid $baseBorderColor;\n}\n\n:host([border=\"left\"]),\n:host([border=\"left-right\"]) {\n  border-left: 1px solid $baseBorderColor;\n}\n\n:host([border=\"right\"]),\n:host([border=\"left-right\"]) {\n  border-right: 1px solid $baseBorderColor;\n}\n\n/* Space curve variant */\n\n@each $spaceCurve, $value in $spaceCurves {\n  $defaultSize: map-get($value, 'size');\n  $breakpointSizes: map-get($value, 'sizes');\n\n  // :host([curve=\"#{$spaceCurve}\"]) > .stzh-vspace {\n  :host([curve=\"#{$spaceCurve}\"]) {\n    --space: #{space($defaultSize)};\n\n    @each $breakpoint, $size in $breakpointSizes {\n      @include mq($from: $breakpoint) {\n        --space: #{space($size)};\n      }\n    }\n  }\n}\n\n@mixin spaceProps($breakpoint: null) {\n  @each $space, $value in $spaceSizes {\n    @if $breakpoint {\n      // :host([size-#{$breakpoint}=\"#{$space}\"]) > .stzh-vspace {\n      :host([size-#{$breakpoint}=\"#{$space}\"]) {\n        @include mq($from: $breakpoint) {\n          --space: #{$value};\n        }\n      }\n    } @else {\n      // :host([size=\"#{$space}\"]) > .stzh-vspace {\n      :host([size=\"#{$space}\"]) {\n        --space: #{$value};\n      }\n    }\n  }\n}\n\n@include spaceProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include spaceProps($breakpoint);\n}\n\n.stzh-space {\n  flex-grow: 1;\n  width: 100%;\n  height: 100%;\n\n  display: flex;\n  justify-content: flex-start;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  padding: calc((var(--space) / -2) * var(--around));\n  margin: calc((var(--space) / -2) * (1 - var(--around)));\n\n  &--is-around {\n    padding: calc((var(--space) / 2) * var(--around));\n    margin: calc((var(--space) / 2) * (1 - var(--around)));\n  }\n\n  /* Justify content variants */\n\n  &--justify-center {\n    justify-content: center;\n  }\n\n  &--justify-end {\n    justify-content: flex-end;\n  }\n\n  &--justify-between {\n    justify-content: space-between;\n  }\n\n  &--justify-around {\n    justify-content: space-around;\n  }\n\n  &--justify-evenly {\n    justify-content: space-evenly;\n  }\n\n  /* Align items variants */\n\n  &--items-end {\n    align-items: flex-end;\n  }\n\n  &--items-center {\n    align-items: center;\n  }\n\n  &--items-baseline {\n    align-items: baseline;\n  }\n\n  &--items-stretch {\n    align-items: stretch;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Space, Layout } from \"../../index\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n  tag: \"stzh-space\",\n  styleUrl: \"stzh-space.scss\",\n  shadow: true\n})\nexport class StzhSpace {\n  /** Type of curve */\n  @Prop() curve: Space.Curves = \"none\";\n\n  /** Type of size */\n  @Prop() size: Space.Sizes = \"inherit\";\n  /** Type of size above small breakpoint  */\n  @Prop() sizeSmall: Space.Sizes = \"inherit\";\n  /** Type of size above medium breakpoint  */\n  @Prop() sizeMedium: Space.Sizes = \"inherit\";\n  /** Type of size above large breakpoint  */\n  @Prop() sizeLarge: Space.Sizes = \"inherit\";\n  /** Type of size above ultra breakpoint  */\n  @Prop() sizeUltra: Space.Sizes = \"inherit\";\n\n    /** Alignment */\n  @Prop() justify: Layout.Justify = \"start\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop() items: Layout.Items = \"start\";\n\n  /** Apply spacing to slotted elements */\n  @Prop({ reflect: true }) around: boolean = false;\n\n  /** Add border */\n  @Prop({ reflect: true }) border: \"none\" | \"top\" | \"bottom\" | \"left\" | \"right\" | \"left-right\" | \"top-bottom\" = \"none\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-space\": true,\n            'stzh-space--is-around': this.around,\n            [`stzh-space--justify-${this.justify}`]: !!this.justify,\n            [`stzh-space--items-${this.items}`]: !!this.items\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAe,28Z,MCiBRC,EAAS,M,oCAEU,O,UAGF,U,eAEK,U,gBAEC,U,eAED,U,eAEA,U,aAGC,Q,WAGJ,Q,YAGa,M,YAGmE,M,CAE9GC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,MAAO,CACL,aAAc,KACd,wBAAyBC,KAAKC,OAC9B,CAAC,uBAAuBD,KAAKE,aAAcF,KAAKE,QAChD,CAAC,qBAAqBF,KAAKG,WAAYH,KAAKG,QAG9CN,EAAA,c"}

package/dist/stzh-components/p-7ac51980.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,s,h,e){function c(t){return t instanceof h?t:new h((function(s){s(t)}))}return new(h||(h=Promise))((function(h,i){function r(t){try{n(e.next(t))}catch(t){i(t)}}function a(t){try{n(e["throw"](t))}catch(t){i(t)}}function n(t){t.done?h(t.value):c(t.value).then(r,a)}n((e=e.apply(t,s||[])).next())}))};var __generator=this&&this.__generator||function(t,s){var h={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},e,c,i,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(s){return n([t,s])}}function n(a){if(e)throw new TypeError("Generator is already executing.");while(r&&(r=0,a[0]&&(h=0)),h)try{if(e=1,c&&(i=a[0]&2?c["return"]:a[0]?c["throw"]||((i=c["return"])&&i.call(c),0):c.next)&&!(i=i.call(c,a[1])).done)return i;if(c=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:h.label++;return{value:a[1],done:false};case 5:h.label++;c=a[1];a=[0];continue;case 7:a=h.ops.pop();h.trys.pop();continue;default:if(!(i=h.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){h=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){h.label=a[1];break}if(a[0]===6&&h.label<i[1]){h.label=i[1];i=a;break}if(i&&h.label<i[2]){h.label=i[2];h.ops.push(a);break}if(i[2])h.ops.pop();h.trys.pop();continue}a=s.call(t,h)}catch(t){a=[6,t];c=0}finally{e=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-7b184ebb.system.js","./p-a408bfba.system.js"],(function(t){"use strict";var s,h,e,c,i;return{setters:[function(t){s=t.r;h=t.h;e=t.a;c=t.g},function(t){i=t.f}],execute:function(){var r='@charset "UTF-8";.sc-stzh-richtext-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-richtext-h{display:none}.sc-stzh-richtext-h *.sc-stzh-richtext,.sc-stzh-richtext-h *.sc-stzh-richtext::before,.sc-stzh-richtext-h *.sc-stzh-richtext::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-richtext-h{--color:var(--stzh-base-color);--richtext-blockquote-color:var(--stzh-richtext-blockquote-color);--richtext-blockquote-line-color:var(--stzh-richtext-blockquote-line-color);--richtext-blockquote-footer-color:var(--stzh-richtext-blockquote-footer-color);color:var(--color)}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);margin:0}.sc-stzh-richtext-h .sc-stzh-richtext-s b,.sc-stzh-richtext-h .sc-stzh-richtext-s strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s i,.sc-stzh-richtext-h .sc-stzh-richtext-s em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s h3{color:var(--stzh-heading-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text{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){.sc-stzh-richtext-h .sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text{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)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-heading-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-xsmall);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-medium)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"],.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"],.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"],.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-large)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ul ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ul dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ul stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ol dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ol stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ul,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl dl,.sc-stzh-richtext-h .sc-stzh-richtext-s dl stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ul,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ol,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list stzh-list{margin-top:0;margin-bottom:0}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xbig)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-large)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl{list-style:none;padding-left:0;overflow:hidden}.sc-stzh-richtext-h .sc-stzh-richtext-s ol{counter-reset:li-counter}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{display:inline-block;position:absolute;left:0;top:0}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li{padding-left:calc(var(--stzh-space-xsmall) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before{content:"–"}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{counter-increment:li-counter;padding-left:calc(var(--stzh-space-large) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{content:counter(li-counter) ". "}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-figure{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);margin:var(--stzh-space-xxlarge);color:var(--richtext-blockquote-color);position:relative;overflow:hidden}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote:before{background:var(--richtext-blockquote-line-color);height:calc(100% - var(--stzh-space-xsmall) * 2);width:0.1875rem;content:" ";display:block;position:absolute;left:0;top:var(--stzh-space-xsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-top:0;margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-large)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before,.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{display:inline-block}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before{content:"«"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{content:"»"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));color:var(--richtext-blockquote-footer-color)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer::before{content:"–";display:inline-block;margin-right:var(--stzh-space-xxxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s table{--min-width:none;--cell-padding:var(--stzh-table-cell-padding);width:100%;border-spacing:0;min-width:var(--min-width)}.sc-stzh-richtext-h .sc-stzh-richtext-s thead{position:-webkit-sticky;position:sticky;top:0;z-index:3}.sc-stzh-richtext-h .sc-stzh-richtext-s tr:hover td,.sc-stzh-richtext-h .sc-stzh-richtext-s tr:hover th{background-color:var(--stzh-color-grey5)}.sc-stzh-richtext-h .sc-stzh-richtext-s td,.sc-stzh-richtext-h .sc-stzh-richtext-s th{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);text-align:left;border:none;vertical-align:top;border:none;border-bottom:0.0625rem solid var(--stzh-base-border-color);background-color:var(--stzh-color-white);-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding)}.sc-stzh-richtext-h .sc-stzh-richtext-s td a,.sc-stzh-richtext-h .sc-stzh-richtext-s th a{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)}.sc-stzh-richtext-h .sc-stzh-richtext-s td a:hover,.sc-stzh-richtext-h .sc-stzh-richtext-s td a:focus,.sc-stzh-richtext-h .sc-stzh-richtext-s th a:hover,.sc-stzh-richtext-h .sc-stzh-richtext-s th a:focus{color:var(--stzh-link-hover-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s td b,.sc-stzh-richtext-h .sc-stzh-richtext-s td strong,.sc-stzh-richtext-h .sc-stzh-richtext-s th b,.sc-stzh-richtext-h .sc-stzh-richtext-s th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s td i,.sc-stzh-richtext-h .sc-stzh-richtext-s td em,.sc-stzh-richtext-h .sc-stzh-richtext-s th i,.sc-stzh-richtext-h .sc-stzh-richtext-s th em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-left{text-align:left}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-right{text-align:right}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-center,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-center{text-align:center}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-auto,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-auto{vertical-align:auto}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-middle,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-middle{vertical-align:middle}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-bottom,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-bottom{vertical-align:bottom}.sc-stzh-richtext-h .sc-stzh-richtext-s td.nowrap,.sc-stzh-richtext-h .sc-stzh-richtext-s th.nowrap{white-space:nowrap}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right{position:-webkit-sticky;position:sticky;z-index:1}.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked{z-index:2}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left{left:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right{right:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right::after{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transform:translate(100%);transform:translate(100%);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left::after{right:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right::after{left:0;-webkit-transform:rotate(-180deg) translate(100%);transform:rotate(-180deg) translate(100%)}.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked.is-sticky-right::after{opacity:1}.sc-stzh-richtext-h .sc-stzh-richtext-s th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sortable{padding:0}.sc-stzh-richtext-h .sc-stzh-richtext-s a{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);text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-richtext-h .sc-stzh-richtext-s a:hover{color:var(--stzh-link-hover-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-link{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-vhidden{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}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-icon-wrapper{position:relative;display:inline-block;width:var(--stzh-icon-size-default);height:var(--stzh-link-icon-wrapper-height);margin-left:var(--stzh-space-xxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-icon{--icon:var(--stzh-icon-size-default);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin-top:0.0625rem;width:var(--stzh-icon-size-default);height:var(--stzh-icon-size-default)}.sc-stzh-richtext-h[remove-first-margin]:not([remove-first-margin=false]) .sc-stzh-richtext-s>*:first-child{margin-top:0 !important}.sc-stzh-richtext-h[remove-last-margin]:not([remove-last-margin=false]) .sc-stzh-richtext-s>*:last-child{margin-bottom:0 !important}';var a="stzh-richtext__external-link";var n="stzh-richtext__external-icon-wrapper";var z="stzh-richtext__external-icon";var o="stzh-richtext__external-vhidden";var x=t("stzh_richtext",function(){function t(t){s(this,t);this.localization=undefined;this.removeFirstMargin=true;this.removeLastMargin=true;this.externalLinkSelector='a[rel*="external"], a.external, a.extern';this.externalLinkIcon="external-link"}t.prototype.addExternalLinkIcons=function(){var t=this;this.externalLinks.forEach((function(s){s.classList.add(a);var h=document.createElement("span");h.classList.add(o);h.innerText=t.localization.$globals.externalLinkLabel;var e=document.createElement("span");e.classList.add(n);var c=document.createElement("stzh-icon");c.classList.add(z);c.name=t.externalLinkIcon;e.appendChild(c);s.prepend(h);s.appendChild(e)}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(s){switch(s.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,i(this.element,"richtext")];case 1:t.localization=s.sent();s.label=2;case 2:return[2]}}))}))};t.prototype.componentDidRender=function(){this.externalLinks=Array.from(this.element.querySelectorAll(this.externalLinkSelector));this.addExternalLinkIcons()};t.prototype.render=function(){var t={"stzh-richtext":true};return h(e,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return c(this)},enumerable:false,configurable:true});return t}());x.style=r;var l=".sc-stzh-status-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-status-h{display:none}.sc-stzh-status-h *.sc-stzh-status,.sc-stzh-status-h *.sc-stzh-status::before,.sc-stzh-status-h *.sc-stzh-status::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-status-h{--color:var(--stzh-base-color);--min-width:none}[with-loadingbar].sc-stzh-status-h:not([with-loadingbar=false]){--min-width:10rem}[type=success].sc-stzh-status-h{--color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-status-h{--color:var(--stzh-color-warning)}[type=error].sc-stzh-status-h{--color:var(--stzh-color-error)}[type=info].sc-stzh-status-h{--color:var(--stzh-color-zueriblue)}.stzh-status.sc-stzh-status{min-width:var(--min-width);color:var(--color)}.stzh-status__dot.sc-stzh-status{border-radius:50%;width:0.75rem;height:0.75rem;background-color:currentColor;margin-right:var(--stzh-space-xxsmall)}.stzh-status__bar.sc-stzh-status{display:block;height:0.25rem;border-radius:0.75rem;background-color:var(--stzh-color-grey13);margin-top:var(--stzh-space-xxsmall)}.stzh-status__bar-inner.sc-stzh-status{display:block;height:100%;width:0;border-radius:0.75rem;background:currentColor}.stzh-status__text.sc-stzh-status{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";var d=t("stzh_status",function(){function t(t){s(this,t);this.percent=0;this.withLoadingbar=false;this.label="";this.type="default"}t.prototype.render=function(){var t;var s=(t={"stzh-status":true},t["stzh-status--type-".concat(this.type)]=!!this.type,t);return h(e,null,h("div",{class:s},h("div",{class:"stzh-status__text"},h("div",{class:"stzh-status__dot"}),this.label&&h("div",{class:"stzh-status__label"},this.label)),this.withLoadingbar&&h("div",{class:"stzh-status__bar"},h("div",{class:"stzh-status__bar-inner",style:{width:"".concat(this.percent,"%")}}))))};Object.defineProperty(t.prototype,"element",{get:function(){return c(this)},enumerable:false,configurable:true});return t}());d.style=l}}}));
+//# sourceMappingURL=p-7ac51980.system.entry.js.map

package/dist/stzh-components/p-7ac51980.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhRichtextCss","CLASS_EXTERNAL_LINK","CLASS_EXTERNAL_ICON_WRAPPER","CLASS_EXTERNAL_ICON","CLASS_EXTERNAL_VHIDDEN","StzhRichtext","exports","class_1","prototype","addExternalLinkIcons","_this","this","externalLinks","forEach","externalLink","classList","add","screenreaderText","document","createElement","innerText","localization","$globals","externalLinkLabel","iconWrapper","icon","name","externalLinkIcon","appendChild","prepend","componentWillLoad","_a","fetchTranslations","element","_b","sent","componentDidRender","Array","from","querySelectorAll","externalLinkSelector","render","classes","h","Host","class","stzhStatusCss","StzhStatus","class_2","concat","type","label","withLoadingbar","style","width","percent"],"sources":["src/components/stzh-richtext/stzh-richtext.scss?tag=stzh-richtext&encapsulation=scoped","src/components/stzh-richtext/stzh-richtext.tsx","src/components/stzh-status/stzh-status.scss?tag=stzh-status&encapsulation=scoped","src/components/stzh-status/stzh-status.tsx"],"sourcesContent":[":host {\n  @include richtext-host;\n\n  ::slotted(*) {\n    @include richtext-slotted;\n  }\n\n  &[remove-first-margin]:not([remove-first-margin=\"false\"]) ::slotted(*:first-child) {\n    margin-top: 0 !important;\n  }\n\n  &[remove-last-margin]:not([remove-last-margin=\"false\"]) ::slotted(*:last-child) {\n    margin-bottom: 0 !important;\n  }\n}\n\n.stzh-richtext {\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element\n} from \"@stencil/core\";\n\nconst CLASS_EXTERNAL_LINK = 'stzh-richtext__external-link';\nconst CLASS_EXTERNAL_ICON_WRAPPER = 'stzh-richtext__external-icon-wrapper';\nconst CLASS_EXTERNAL_ICON = 'stzh-richtext__external-icon';\nconst CLASS_EXTERNAL_VHIDDEN = 'stzh-richtext__external-vhidden';\n\nimport { fetchTranslations, StzhLocaleComponent } from \"../../utils/translation-utils\";\n\n/**\n * @slot - Text content that should be styled\n */\n@Component({\n  tag: \"stzh-richtext\",\n  styleUrl: \"stzh-richtext.scss\",\n  scoped: true\n})\nexport class StzhRichtext {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether first top margin of first child should be set to 0. */\n  @Prop({ reflect: true }) removeFirstMargin: boolean = true;\n\n  /** Whether last bottom margin of last child should be set to 0. */\n  @Prop({ reflect: true }) removeLastMargin: boolean = true;\n\n  /** Selector to recognize external link and attach an icon */\n  @Prop() externalLinkSelector: string = 'a[rel*=\"external\"], a.external, a.extern';\n\n  /** Icon used for marking external links */\n  @Prop() externalLinkIcon: string = 'external-link';\n\n  @Element() element: HTMLStzhRichtextElement;\n\n  private externalLinks: HTMLElement[];\n\n  private addExternalLinkIcons() {\n    this.externalLinks.forEach(externalLink => {\n      externalLink.classList.add(CLASS_EXTERNAL_LINK);\n\n      const screenreaderText = document.createElement('span');\n      screenreaderText.classList.add(CLASS_EXTERNAL_VHIDDEN);\n      screenreaderText.innerText = this.localization.$globals.externalLinkLabel;\n\n      const iconWrapper = document.createElement('span');\n      iconWrapper.classList.add(CLASS_EXTERNAL_ICON_WRAPPER);\n\n      const icon = document.createElement('stzh-icon');\n      icon.classList.add(CLASS_EXTERNAL_ICON);\n      icon.name = this.externalLinkIcon;\n      iconWrapper.appendChild(icon);\n\n      externalLink.prepend(screenreaderText);\n      externalLink.appendChild(iconWrapper);\n    });\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"richtext\");\n    }\n  }\n\n  componentDidRender() {\n    this.externalLinks = Array.from(this.element.querySelectorAll(this.externalLinkSelector));\n    this.addExternalLinkIcons();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-richtext\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  --color: #{$baseColor};\n  --min-width: none;\n\n  &[with-loadingbar]:not([with-loadingbar=\"false\"]) {\n    --min-width: 160px;\n  }\n\n  &[type=\"success\"] {\n    --color: #{$colorTruegreen};\n  }\n\n  &[type=\"warning\"] {\n    --color: #{$colorWarning};\n  }\n\n  &[type=\"error\"] {\n    --color: #{$colorError};\n  }\n\n  &[type=\"info\"] {\n    --color: #{$colorZueriblue};\n  }\n}\n\n.stzh-status {\n  min-width: var(--min-width);\n  color: var(--color);\n\n  &__dot {\n    border-radius: 50%;\n    width: 12px;\n    height: 12px;\n    background-color: currentColor;\n    margin-right: space('xxsmall');\n  }\n\n  &__bar {\n    display: block;\n    height: 4px;\n    border-radius: 12px;\n    background-color: $colorGrey13;\n    margin-top: space('xxsmall');\n  }\n\n  &__bar-inner {\n    display: block;\n    height: 100%;\n    width: 0;\n    border-radius: 12px;\n    background: currentColor;\n  }\n\n  &__text {\n    @include fontSize('micro');\n    display: flex;\n    align-items: center;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\n/**\n */\n@Component({\n  tag: \"stzh-status\",\n  styleUrl: \"stzh-status.scss\",\n  scoped: true\n})\nexport class StzhStatus {\n  /** Percent */\n  @Prop() percent: number = 0;\n\n  /** Whether to hide/show loadingbar */\n  @Prop({ reflect: true }) withLoadingbar: boolean = false;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Type */\n  @Prop({ reflect: true }) type: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\" = \"default\";\n\n  @Element() element: HTMLStzhStatusElement;\n\n  render() {\n    const classes = {\n      \"stzh-status\": true,\n      [`stzh-status--type-${this.type}`]: !!this.type\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-status__text\">\n            <div class=\"stzh-status__dot\"></div>\n            {this.label &&\n              <div class=\"stzh-status__label\">\n                {this.label}\n              </div>\n            }\n          </div>\n          {this.withLoadingbar &&\n            <div class=\"stzh-status__bar\">\n              <div class=\"stzh-status__bar-inner\" style={{\n                width: `${this.percent}%`\n              }}></div>\n            </div>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"spDAAA,IAAMA,EAAkB,m16BCQxB,IAAMC,EAAsB,+BAC5B,IAAMC,EAA8B,uCACpC,IAAMC,EAAsB,+BAC5B,IAAMC,EAAyB,kC,IAYlBC,EAAYC,EAAA,2B,2EAK+B,K,sBAGD,K,0BAGd,2C,sBAGJ,e,CAM3BC,EAAAC,UAAAC,qBAAA,eAAAC,EAAAC,KACNA,KAAKC,cAAcC,SAAQ,SAAAC,GACzBA,EAAaC,UAAUC,IAAIf,GAE3B,IAAMgB,EAAmBC,SAASC,cAAc,QAChDF,EAAiBF,UAAUC,IAAIZ,GAC/Ba,EAAiBG,UAAYV,EAAKW,aAAaC,SAASC,kBAExD,IAAMC,EAAcN,SAASC,cAAc,QAC3CK,EAAYT,UAAUC,IAAId,GAE1B,IAAMuB,EAAOP,SAASC,cAAc,aACpCM,EAAKV,UAAUC,IAAIb,GACnBsB,EAAKC,KAAOhB,EAAKiB,iBACjBH,EAAYI,YAAYH,GAExBX,EAAae,QAAQZ,GACrBH,EAAac,YAAYJ,E,KAIvBjB,EAAAC,UAAAsB,kBAAN,W,uHACOnB,KAAKU,aAAN,YACFU,EAAApB,KAAoB,SAAMqB,EAAkBrB,KAAKsB,QAAS,a,OAA1DF,EAAKV,aAAea,EAAAC,O,mCAIxB5B,EAAAC,UAAA4B,mBAAA,WACEzB,KAAKC,cAAgByB,MAAMC,KAAK3B,KAAKsB,QAAQM,iBAAiB5B,KAAK6B,uBACnE7B,KAAKF,sB,EAGPF,EAAAC,UAAAiC,OAAA,WACE,IAAMC,EAAU,CACd,gBAAiB,MAGnB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c,4HA5De,I,UCvBzB,IAAMG,EAAgB,gpD,ICeTC,EAAUzC,EAAA,yB,qCAEK,E,oBAGyB,M,WAG3B,G,UAG8D,S,CAItF0C,EAAAxC,UAAAiC,OAAA,W,MACE,IAAMC,GAAOX,EAAA,CACX,cAAe,MACfA,EAAC,qBAAAkB,OAAqBtC,KAAKuC,SAAWvC,KAAKuC,K,GAG7C,OACEP,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,OAAKE,MAAM,qBACTF,EAAA,OAAKE,MAAM,qBACVlC,KAAKwC,OACJR,EAAA,OAAKE,MAAM,sBACRlC,KAAKwC,QAIXxC,KAAKyC,gBACJT,EAAA,OAAKE,MAAM,oBACTF,EAAA,OAAKE,MAAM,yBAAyBQ,MAAO,CACzCC,MAAO,GAAAL,OAAGtC,KAAK4C,QAAO,U,4HAnCf,I"}

package/dist/stzh-components/p-7e5587ee.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,a as o,g as r}from"./p-9e02896c.js";const u=".sc-stzh-buttongroup-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-buttongroup-h{display:none}.sc-stzh-buttongroup-h *.sc-stzh-buttongroup,.sc-stzh-buttongroup-h *.sc-stzh-buttongroup::before,.sc-stzh-buttongroup-h *.sc-stzh-buttongroup::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-buttongroup-h .sc-stzh-buttongroup-s>stzh-button{z-index:1;margin-right:-0.0625rem}.sc-stzh-buttongroup-h .sc-stzh-buttongroup-s>stzh-button[a11y-disabled]:not([a11y-disabled=false]){z-index:0}.sc-stzh-buttongroup-h .sc-stzh-buttongroup-s>stzh-button:first-child{--border-radius:var(--stzh-button-border-radius) 0px 0px var(--stzh-button-border-radius)}.sc-stzh-buttongroup-h .sc-stzh-buttongroup-s>stzh-button:last-child{--border-radius:0px var(--stzh-button-border-radius) var(--stzh-button-border-radius) 0px;margin-right:0}.sc-stzh-buttongroup-h .sc-stzh-buttongroup-s>stzh-button:first-child:last-child{--border-radius:var(--stzh-button-border-radius);margin:0}.sc-stzh-buttongroup-h .sc-stzh-buttongroup-s>stzh-button:not(:first-child):not(:last-child){--border-radius:0px}.stzh-buttongroup.sc-stzh-buttongroup{position:relative;z-index:auto;display:-ms-flexbox;display:flex}";const n=class{constructor(s){t(this,s)}render(){const t={"stzh-buttongroup":true};return s(o,null,s("div",{class:t},s("slot",null)))}get element(){return r(this)}};n.style=u;export{n as stzh_buttongroup};
+//# sourceMappingURL=p-7e5587ee.entry.js.map

package/dist/stzh-components/p-7e5587ee.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhButtongroupCss","StzhButtongroup","render","classes","h","Host","class"],"sources":["./src/components/stzh-buttongroup/stzh-buttongroup.scss?tag=stzh-buttongroup&encapsulation=scoped","./src/components/stzh-buttongroup/stzh-buttongroup.tsx"],"sourcesContent":[":host {\n  ::slotted(stzh-button) {\n    z-index: 1;\n    margin-right: -1px;\n\n    &[a11y-disabled]:not([a11y-disabled=\"false\"]) {\n      z-index: 0;\n    }\n\n    &:first-child {\n      --border-radius: #{$buttonBorderRadius 0px 0px $buttonBorderRadius};\n      // --border-width: 1px 0px 1px 1px;\n    }\n\n    &:last-child {\n      --border-radius: #{0px $buttonBorderRadius $buttonBorderRadius 0px};\n      // --border-width: 1px 1px 1px 0px;\n      margin-right: 0;\n    }\n\n    // only one button\n    &:first-child:last-child {\n      // --border-width: 1px;\n      --border-radius: #{$buttonBorderRadius};\n      margin: 0;\n    }\n\n    // when only two buttons\n    &:first-child + stzh-button:last-child {\n      // --border-width: 1px;\n    }\n\n    // buttons in the middle\n    &:not(:first-child):not(:last-child) {\n      --border-radius: 0px;\n    }\n  }\n}\n\n.stzh-buttongroup {\n  position: relative;\n  z-index: auto;\n  display: flex;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for buttons\n */\n@Component({\n  tag: \"stzh-buttongroup\",\n  styleUrl: \"stzh-buttongroup.scss\",\n  scoped: true\n})\nexport class StzhButtongroup {\n  @Element() element: HTMLStzhButtongroupElement;\n\n  render() {\n    const classes = {\n      \"stzh-buttongroup\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAqB,q9C,MCedC,EAAe,M,yBAG1BC,SACE,MAAMC,EAAU,CACd,mBAAoB,MAGtB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c"}

package/dist/stzh-components/p-8225341e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,a as e}from"./p-9e02896c.js";const o=':host{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}:host[hidden]{display:none}:host *,:host *::before,:host *::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)}:host ::slotted(stzh-input),:host ::slotted(stzh-datepicker),:host ::slotted(stzh-dropdown),:host ::slotted(stzh-langnav),:host ::slotted(stzh-fieldset),:host ::slotted(stzh-actions),:host ::slotted(stzh-upload),:host ::slotted(stzh-saptcha),:host ::slotted(stzh-checkboxgroup),:host ::slotted(stzh-radiogroup),:host ::slotted(stzh-message){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-bottom:var(--stzh-space-large)}}:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxxxlarge)}}:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-bottom:var(--stzh-space-large)}}:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-bottom:var(--stzh-space-xxxxlarge)}}:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-bottom:var(--stzh-space-xlarge)}}:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagetitle){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagetitle){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xbig)}}:host ::slotted(stzh-pagination){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(stzh-actions){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(stzh-actions)[variant=process]{margin-top:var(--stzh-space-large)}:host ::slotted(stzh-fieldset){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(stzh-fieldset)[legend]{margin-top:var(--stzh-space-xxlarge)}:host ::slotted(stzh-heading[level="4"]+stzh-datalist),:host ::slotted(stzh-heading[curve=h4]+stzh-datalist){margin-top:0}:host([remove-first-margin]:not([remove-first-margin=false])) ::slotted(:first-child),:host([remove-first-margin]:not([remove-first-margin=false])) ::slotted([no-cspace-top]){margin-top:0 !important}:host([remove-last-margin]:not([remove-last-margin=false])) ::slotted(:last-child),:host([remove-last-margin]:not([remove-last-margin=false])) ::slotted([no-cspace-bottom]){margin-bottom:0 !important}';const h=class{constructor(s){t(this,s);this.removeFirstMargin=true;this.removeLastMargin=true}render(){const t={"stzh-cspace":true};return s(e,null,s("div",{class:t},s("slot",null)))}};h.style=o;export{h as stzh_cspace};
+//# sourceMappingURL=p-8225341e.entry.js.map

package/dist/stzh-components/p-8225341e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhCspaceCss","StzhCspace","render","classes","h","Host","class"],"sources":["./src/components/stzh-cspace/stzh-cspace.scss?tag=stzh-cspace&encapsulation=shadow","./src/components/stzh-cspace/stzh-cspace.tsx"],"sourcesContent":[":host {\n  ::slotted(stzh-input),\n  ::slotted(stzh-datepicker),\n  ::slotted(stzh-dropdown),\n  ::slotted(stzh-langnav),\n  ::slotted(stzh-fieldset),\n  ::slotted(stzh-actions),\n  ::slotted(stzh-upload),\n  ::slotted(stzh-saptcha),\n  ::slotted(stzh-checkboxgroup),\n  ::slotted(stzh-radiogroup),\n  ::slotted(stzh-message) {\n    margin-top: space('large');\n    margin-bottom: space('large');\n  }\n\n  ::slotted(h1),\n  ::slotted(stzh-heading[level=\"1\"]),\n  ::slotted(h2),\n  ::slotted(stzh-heading[level=\"2\"]) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(h3),\n  ::slotted(stzh-heading[level=\"3\"]),\n  ::slotted(h4),\n  ::slotted(stzh-heading[level=\"4\"]) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(p),\n  ::slotted(stzh-text),\n  ::slotted(ul),\n  ::slotted(ol),\n  ::slotted(dl),\n  ::slotted(stzh-list) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  ::slotted(stzh-text[curve=\"hero\"]),\n  ::slotted(stzh-heading[curve=\"hero\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"h1\"]),\n  ::slotted(stzh-heading[curve=\"h1\"]),\n  ::slotted(stzh-text[curve=\"h2\"]),\n  ::slotted(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"h1\"]),\n  ::slotted(stzh-heading[curve=\"h1\"]),\n  ::slotted(stzh-text[curve=\"h2\"]),\n  ::slotted(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-top', 'large');\n  }\n\n  ::slotted(stzh-text[curve=\"h3\"]),\n  ::slotted(stzh-heading[curve=\"h3\"]),\n  ::slotted(stzh-text[curve=\"h4\"]),\n  ::slotted(stzh-heading[curve=\"h4\"]) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"p1\"]),\n  ::slotted(stzh-text[curve=\"p2\"]),\n  ::slotted(stzh-heading[curve=\"p1\"]),\n  ::slotted(stzh-heading[curve=\"p2\"]) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  ::slotted(.section),\n  ::slotted(stzh-accordion), // TODO: design missing default spacing, we gonna use the most common one\n  ::slotted(stzh-anchornav),\n  ::slotted(stzh-audio), // TOOD: design is using small curve as default spacing, but large looks better\n  ::slotted(stzh-microsite-teaserlist),\n  ::slotted(stzh-textandimage),\n  ::slotted(stzh-figure),\n  ::slotted(stzh-chart),\n  ::slotted(stzh-sitemap),\n  ::slotted(stzh-section),\n  ::slotted(stzh-hr) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'large');\n  }\n\n  ::slotted(stzh-olmap),\n  ::slotted(stzh-anchornav) {\n    @include spaceCurve('margin-top', 'medium');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-contact),\n  ::slotted(stzh-card) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  ::slotted(stzh-table),\n  ::slotted(stzh-datatable) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-pagetitle) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-pagebottom) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(stzh-progressbar) {\n    @include spaceCurve('margin-top', 'big');\n  }\n\n  ::slotted(stzh-pagination) {\n    margin-top: space('medium');\n    margin-bottom: space('medium');\n  }\n\n  ::slotted(stzh-actions) {\n    margin-top: space('xxlarge');\n\n    &[variant=\"process\"] {\n      margin-top: space('large');\n    }\n  }\n\n  ::slotted(stzh-fieldset) {\n    margin-top: space('large');\n    margin-bottom: space('large');\n\n    &[legend] {\n      margin-top: space('xxlarge');\n    }\n  }\n\n  ::slotted(stzh-heading[level=\"4\"] + stzh-datalist),\n  ::slotted(stzh-heading[curve=\"h4\"] + stzh-datalist) {\n    margin-top: 0;\n  }\n}\n\n// Remove edge margin\n\n:host([remove-first-margin]:not([remove-first-margin=\"false\"])) {\n  ::slotted(:first-child),\n  ::slotted([no-cspace-top]) {\n    margin-top: 0 !important;\n  }\n}\n\n:host([remove-last-margin]:not([remove-last-margin=\"false\"])) {\n  ::slotted(:last-child),\n  ::slotted([no-cspace-bottom]) {\n    margin-bottom: 0 !important;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n  tag: \"stzh-cspace\",\n  styleUrl: \"stzh-cspace.scss\",\n  shadow: true\n})\nexport class StzhCspace {\n  /** Whether first top margin of first child component should be set to 0. */\n  @Prop({ reflect: true }) removeFirstMargin: boolean = true;\n\n  /** Whether last bottom margin of last child component should be set to 0. */\n  @Prop({ reflect: true }) removeLastMargin: boolean = true;\n\n  render() {\n    const classes = {\n      \"stzh-cspace\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,mha,MCeTC,EAAU,M,gDAEiC,K,sBAGD,I,CAErDC,SACE,MAAMC,EAAU,CACd,cAAe,MAGjB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c"}

package/dist/stzh-components/{p-3dea2f45.entry.js → p-849ec693.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,a as e,g as i}from"./p-9e02896c.js";import{h as r}from"./p-5c697491.js";const h=".sc-stzh-figure-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-figure-h{display:none}.sc-stzh-figure-h *.sc-stzh-figure,.sc-stzh-figure-h *.sc-stzh-figure::before,.sc-stzh-figure-h *.sc-stzh-figure::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-figure-h .sc-stzh-figure-s>*{max-width:100%}.sc-stzh-figure-h[fullwidth]:not([fullwidth=false]) .sc-stzh-figure-s>*{width:100%}.stzh-figure.sc-stzh-figure{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0}.stzh-figure__element.sc-stzh-figure{display:-ms-flexbox;display:flex}.stzh-figure__caption.sc-stzh-figure{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-figure__caption.sc-stzh-figure{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-figure__copyright.sc-stzh-figure{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-figure__copyright.sc-stzh-figure:not(:empty){margin-left:var(--stzh-space-xxsmall)}.stzh-figure--has-caption-or-copyright.sc-stzh-figure .stzh-figure__caption.sc-stzh-figure{margin-top:var(--stzh-space-small)}";const o=class{constructor(s){t(this,s);this.caption="";this.copyright="";this.fullwidth=true}render(){const t=r(this.element,"caption");const i=r(this.element,"copyright");const h={"stzh-figure":true,"stzh-figure--has-caption-or-copyright":!!this.caption||!!this.copyright||t||i};return s(e,null,s("figure",{class:h},s("div",{class:"stzh-figure__element"},s("slot",null)),s("figcaption",{class:"stzh-figure__caption"},this.caption?this.caption:s("slot",{name:"caption"}),s("span",{class:"stzh-figure__copyright"},this.copyright?this.copyright:s("slot",{name:"copyright"})))))}get element(){return i(this)}};o.style=h;export{o as stzh_figure};
-//# sourceMappingURL=p-3dea2f45.entry.js.map
+import{r as t,h as s,a as e,g as i}from"./p-9e02896c.js";import{h as r}from"./p-fc339100.js";const h=".sc-stzh-figure-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-figure-h{display:none}.sc-stzh-figure-h *.sc-stzh-figure,.sc-stzh-figure-h *.sc-stzh-figure::before,.sc-stzh-figure-h *.sc-stzh-figure::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-figure-h .sc-stzh-figure-s>*{max-width:100%}.sc-stzh-figure-h[fullwidth]:not([fullwidth=false]) .sc-stzh-figure-s>*{width:100%}.stzh-figure.sc-stzh-figure{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0}.stzh-figure__element.sc-stzh-figure{display:-ms-flexbox;display:flex}.stzh-figure__caption.sc-stzh-figure{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-figure__caption.sc-stzh-figure{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-figure__copyright.sc-stzh-figure{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-figure__copyright.sc-stzh-figure:not(:empty){margin-left:var(--stzh-space-xxsmall)}.stzh-figure--has-caption-or-copyright.sc-stzh-figure .stzh-figure__caption.sc-stzh-figure{margin-top:var(--stzh-space-small)}";const o=class{constructor(s){t(this,s);this.caption="";this.copyright="";this.fullwidth=true}render(){const t=r(this.element,"caption");const i=r(this.element,"copyright");const h={"stzh-figure":true,"stzh-figure--has-caption-or-copyright":!!this.caption||!!this.copyright||t||i};return s(e,null,s("figure",{class:h},s("div",{class:"stzh-figure__element"},s("slot",null)),s("figcaption",{class:"stzh-figure__caption"},this.caption?this.caption:s("slot",{name:"caption"}),s("span",{class:"stzh-figure__copyright"},this.copyright?this.copyright:s("slot",{name:"copyright"})))))}get element(){return i(this)}};o.style=h;export{o as stzh_figure};
+//# sourceMappingURL=p-849ec693.entry.js.map

package/dist/stzh-components/{p-3aa5623c.entry.js → p-89562c7e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,g as s}from"./p-9e02896c.js";import{h as o}from"./p-5c697491.js";import{c as h}from"./p-ee7a68db.js";import{f as r}from"./p-25a09313.js";import{S as i}from"./p-ea61b128.js";const c=".sc-stzh-checkboxgroup-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-checkboxgroup-h{display:none}.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::before,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::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-checkboxgroup-h[direction=vertical] .sc-stzh-checkboxgroup-s>stzh-checkbox:not(:last-child){margin-bottom:var(--stzh-space-medium)}.sc-stzh-checkboxgroup-h[direction=horizontal] .sc-stzh-checkboxgroup-s>stzh-checkbox:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-checkboxgroup.sc-stzh-checkboxgroup{margin:0;padding:0;border:none}.stzh-checkboxgroup__marker-symbol.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-checkboxgroup__marker-text.sc-stzh-checkboxgroup{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-checkboxgroup__description-wrapper.sc-stzh-checkboxgroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup{color:var(--stzh-color-error)}.stzh-checkboxgroup__error-list.sc-stzh-checkboxgroup{list-style:none;margin:0;padding:0}.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-checkboxgroup__description-long-popover.sc-stzh-checkboxgroup{--width:auto;--max-width:27.3125rem}.stzh-checkboxgroup__description-long-popover[open].sc-stzh-checkboxgroup:not([open=false]) .stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{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-checkboxgroup__description-long-button.sc-stzh-checkboxgroup:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkboxgroup.sc-stzh-checkboxgroup stzh-icon.stzh-checkboxgroup__description-long-icon.sc-stzh-checkboxgroup{--size:var(--stzh-icon-size-xsmall)}.stzh-checkboxgroup--has-error.sc-stzh-checkboxgroup .stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup--has-description.sc-stzh-checkboxgroup .stzh-checkboxgroup__description.sc-stzh-checkboxgroup{margin-top:var(--stzh-space-xxsmall)}.stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-checkboxgroup--hide-legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-checkboxgroup--direction-horizontal.sc-stzh-checkboxgroup .stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{-ms-flex-direction:row;flex-direction:row}";let n=0;const a=class{constructor(e){t(this,e);this._value=[];this._preventUpdateProperties=[];this.init=()=>{this.checkboxes=Array.from(this.element.querySelectorAll("stzh-checkbox"));this.updateCheckboxesProperty("a11y-describedby",`${this.checkboxgroupId}-description`);this.watchValue(this.value);this.watchName(this.name);this.watchDisabled(this.disabled);this.watchInvalid(this.invalid);this.watchShowMarker(this.showMarker)};this.localization=undefined;this.disabled=false;this.name=undefined;this.legend=undefined;this.hideLegend=false;this.invalid=false;this.showMarker=false;this.value="";this.direction="vertical";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.checkedCheckbox=null;this.preventUpdateProperties=[]}watchName(t){this.updateCheckboxesProperty("name",t)}watchDisabled(t){this.updateCheckboxesProperty("disabled",t)}watchInvalid(t){this.updateCheckboxesProperty("invalid",t)}watchShowMarker(t){this.updateCheckboxesProperty("showMarker",t)}watchValue(t){if(typeof t==="string"){this._value=JSON.parse(t)}else{this._value=t}this.updateCheckedCheckboxByValue(this._value)}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(e){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0}preventUpdatePropertiesWatcher(t){if(typeof t==="string"){this._preventUpdateProperties=JSON.parse(t)}else{this._preventUpdateProperties=t}}onChange(t){if(t.detail.checked){this._value.push(t.detail.value)}else{this._value=this._value.filter((e=>e!==t.detail.value))}this.value=this._value}updateCheckboxesProperty(t,e){this.checkboxes.forEach((s=>{if(t==="name"||this._preventUpdateProperties.indexOf(t)===-1){s[h(t)]=e}}))}updateCheckedCheckboxByValue(t){this.checkedCheckbox=this.checkboxes.filter((e=>t.indexOf(e.value)>-1));this.checkboxes.forEach((e=>e.checked=t.indexOf(e.value)>-1))}async componentWillLoad(){this.checkboxgroupId=`stzh-checkboxgroup-${n++}`;this.errorWatcher(this.error);this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);if(!this.localization){this.localization=await r(this.element,"checkboxgroup")}}componentShouldUpdate(t,e,s){return s!=="checkedCheckbox"}componentDidRender(){this.init()}connectedCallback(){if(!this.value.length){this.checkboxes=Array.from(this.element.querySelectorAll("stzh-checkbox"));this.value=this.checkboxes.filter((t=>t.checked)).map((t=>t.value))}this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=o(this.element,"description")||!!this.description;const s=o(this.element,"description-long")||!!this.descriptionLong;const h=o(this.element,"error")||!!this.error;const r={"stzh-checkboxgroup":true,"stzh-checkboxgroup--has-description":t,"stzh-checkboxgroup--has-description-long":s,"stzh-checkboxgroup--has-error":h,"stzh-checkboxgroup--is-disabled":this.disabled,"stzh-checkboxgroup--is-invalid":this.invalid,"stzh-checkboxgroup--hide-legend":this.hideLegend,[`stzh-checkboxgroup--direction-${this.direction}`]:!!this.direction};return e("fieldset",{class:r},this.legend&&e("legend",{class:"stzh-checkboxgroup__legend"},this.legend),e("div",{class:"stzh-checkboxgroup__fields"},e("slot",null)),e(i,{classPrefix:"stzh-checkboxgroup",id:`${this.checkboxgroupId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))}get element(){return s(this)}static get watchers(){return{name:["watchName"],disabled:["watchDisabled"],invalid:["watchInvalid"],showMarker:["watchShowMarker"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}}};a.style=c;export{a as stzh_checkboxgroup};
-//# sourceMappingURL=p-3aa5623c.entry.js.map
+import{r as t,h as e,g as s}from"./p-9e02896c.js";import{h as o}from"./p-fc339100.js";import{c as h}from"./p-e787179c.js";import{f as r}from"./p-25a09313.js";import{S as i}from"./p-ea61b128.js";const c=".sc-stzh-checkboxgroup-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-checkboxgroup-h{display:none}.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::before,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::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-checkboxgroup-h[direction=vertical] .sc-stzh-checkboxgroup-s>stzh-checkbox:not(:last-child){margin-bottom:var(--stzh-space-medium)}.sc-stzh-checkboxgroup-h[direction=horizontal] .sc-stzh-checkboxgroup-s>stzh-checkbox:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-checkboxgroup.sc-stzh-checkboxgroup{margin:0;padding:0;border:none}.stzh-checkboxgroup__marker-symbol.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-checkboxgroup__marker-text.sc-stzh-checkboxgroup{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-checkboxgroup__description-wrapper.sc-stzh-checkboxgroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup{color:var(--stzh-color-error)}.stzh-checkboxgroup__error-list.sc-stzh-checkboxgroup{list-style:none;margin:0;padding:0}.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-checkboxgroup__description-long-popover.sc-stzh-checkboxgroup{--width:auto;--max-width:27.3125rem}.stzh-checkboxgroup__description-long-popover[open].sc-stzh-checkboxgroup:not([open=false]) .stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{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-checkboxgroup__description-long-button.sc-stzh-checkboxgroup:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-checkboxgroup.sc-stzh-checkboxgroup stzh-icon.stzh-checkboxgroup__description-long-icon.sc-stzh-checkboxgroup{--size:var(--stzh-icon-size-xsmall)}.stzh-checkboxgroup--has-error.sc-stzh-checkboxgroup .stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup--has-description.sc-stzh-checkboxgroup .stzh-checkboxgroup__description.sc-stzh-checkboxgroup{margin-top:var(--stzh-space-xxsmall)}.stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-checkboxgroup--hide-legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-checkboxgroup--direction-horizontal.sc-stzh-checkboxgroup .stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{-ms-flex-direction:row;flex-direction:row}";let n=0;const a=class{constructor(e){t(this,e);this._value=[];this._preventUpdateProperties=[];this.init=()=>{this.checkboxes=Array.from(this.element.querySelectorAll("stzh-checkbox"));this.updateCheckboxesProperty("a11y-describedby",`${this.checkboxgroupId}-description`);this.watchValue(this.value);this.watchName(this.name);this.watchDisabled(this.disabled);this.watchInvalid(this.invalid);this.watchShowMarker(this.showMarker)};this.localization=undefined;this.disabled=false;this.name=undefined;this.legend=undefined;this.hideLegend=false;this.invalid=false;this.showMarker=false;this.value="";this.direction="vertical";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.checkedCheckbox=null;this.preventUpdateProperties=[]}watchName(t){this.updateCheckboxesProperty("name",t)}watchDisabled(t){this.updateCheckboxesProperty("disabled",t)}watchInvalid(t){this.updateCheckboxesProperty("invalid",t)}watchShowMarker(t){this.updateCheckboxesProperty("showMarker",t)}watchValue(t){if(typeof t==="string"){this._value=JSON.parse(t)}else{this._value=t}this.updateCheckedCheckboxByValue(this._value)}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(e){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0}preventUpdatePropertiesWatcher(t){if(typeof t==="string"){this._preventUpdateProperties=JSON.parse(t)}else{this._preventUpdateProperties=t}}onChange(t){if(t.detail.checked){this._value.push(t.detail.value)}else{this._value=this._value.filter((e=>e!==t.detail.value))}this.value=this._value}updateCheckboxesProperty(t,e){this.checkboxes.forEach((s=>{if(t==="name"||this._preventUpdateProperties.indexOf(t)===-1){s[h(t)]=e}}))}updateCheckedCheckboxByValue(t){this.checkedCheckbox=this.checkboxes.filter((e=>t.indexOf(e.value)>-1));this.checkboxes.forEach((e=>e.checked=t.indexOf(e.value)>-1))}async componentWillLoad(){this.checkboxgroupId=`stzh-checkboxgroup-${n++}`;this.errorWatcher(this.error);this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);if(!this.localization){this.localization=await r(this.element,"checkboxgroup")}}componentShouldUpdate(t,e,s){return s!=="checkedCheckbox"}componentDidRender(){this.init()}connectedCallback(){if(!this.value.length){this.checkboxes=Array.from(this.element.querySelectorAll("stzh-checkbox"));this.value=this.checkboxes.filter((t=>t.checked)).map((t=>t.value))}this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=o(this.element,"description")||!!this.description;const s=o(this.element,"description-long")||!!this.descriptionLong;const h=o(this.element,"error")||!!this.error;const r={"stzh-checkboxgroup":true,"stzh-checkboxgroup--has-description":t,"stzh-checkboxgroup--has-description-long":s,"stzh-checkboxgroup--has-error":h,"stzh-checkboxgroup--is-disabled":this.disabled,"stzh-checkboxgroup--is-invalid":this.invalid,"stzh-checkboxgroup--hide-legend":this.hideLegend,[`stzh-checkboxgroup--direction-${this.direction}`]:!!this.direction};return e("fieldset",{class:r},this.legend&&e("legend",{class:"stzh-checkboxgroup__legend"},this.legend),e("div",{class:"stzh-checkboxgroup__fields"},e("slot",null)),e(i,{classPrefix:"stzh-checkboxgroup",id:`${this.checkboxgroupId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))}get element(){return s(this)}static get watchers(){return{name:["watchName"],disabled:["watchDisabled"],invalid:["watchInvalid"],showMarker:["watchShowMarker"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}}};a.style=c;export{a as stzh_checkboxgroup};
+//# sourceMappingURL=p-89562c7e.entry.js.map