@oiz/stzh-components 2.11.1 → 2.12.0-beta1

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

@@ -1 +0,0 @@
-{"version":3,"names":["stzhDatepickerCss","StzhDatepicker","exports","this","onRootFocus","_this","input","setFocus","onInputChanged","parsedDate","dateAdapter","parse","value","isoDate","printISODate","calendar","valueWatcher","stzhChange","emit","component","valueAsDate","onCalendarChange","event","detail","format","popover","hide","class_1","prototype","createDateFormatters","localization","dateFormatLong","Intl","DateTimeFormat","$locale","day","month","year","newValue","date","parseISODate","updateButtonAccessibleLabel","setDate","getPopover","buttonLabel","concat","label","selectedDateMessage","err","connectedCallback","componentWillLoad","_a","window","stzhComponents","utils","fetchTranslations","element","_b","sent","createFormatParseAdapter","$formats","$globals","componentDidLoad","render","classes","inline","h","Host","tabindex","disabled","onFocus","class","type","name","Fragment","ref","el","isDateDisabled","calendarIsDateDisabled","min","calendarMin","max","calendarMax","onStzhChange","labelHidden","noAutocomplete","onStzhChanged","readonly","description","descriptionLong","error","invalid","required","showMarker","size","slot","placement","variant","icon","a11yLabel","stzhRadioCss","radioCounter","StzhRadio","focusedByInput","onInput","checked","originalEvent","focusEvent","FocusEvent","view","bubbles","cancelable","dispatchEvent","stzhFocus","onBlur","blurEvent","stzhBlur","class_2","focus","errorWatcher","_error","JSON","e","length","inputId","descriptionUsed","hasSlot","descriptionLongUsed","errorUsed","id","a11yDescribedby","requiredFieldMarker","optionalFieldMarker","requiredFieldText","optionalFieldText","StzhInputDescription","classPrefix","moreInfoButtonLabel","stzhRadiogroupCss","SELECTOR_RADIO","radiogroupCounter","StzhRadiogroup","_preventUpdateProperties","init","radios","Array","from","querySelectorAll","updateRadiosProperty","radiogroupId","watchValue","watchName","watchDisabled","watchInvalid","watchRequired","class_3","updateCheckedRadioByValue","preventUpdatePropertiesWatcher","onChange","prop","forEach","radio","indexOf","camelCase","checkedRadio","find","uncheckRadios","preventUpdateProperties","componentShouldUpdate","_newValue","_oldValue","componentDidRender","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","hideLegend","direction","legend"],"sources":["src/components/stzh-datepicker/stzh-datepicker.scss?tag=stzh-datepicker&encapsulation=scoped","src/components/stzh-datepicker/stzh-datepicker.tsx","src/components/stzh-radio/stzh-radio.scss?tag=stzh-radio&encapsulation=scoped","src/components/stzh-radio/stzh-radio.tsx","src/components/stzh-radiogroup/stzh-radiogroup.scss?tag=stzh-radiogroup&encapsulation=scoped","src/components/stzh-radiogroup/stzh-radiogroup.tsx"],"sourcesContent":[":host {\n  width: 100%;\n}\n\n.stzh-datepicker {\n  &__popover {\n    --padding: #{space('medium')};\n    --width: auto;\n  }\n\n  &__actions {\n    display: flex;\n    justify-content: flex-end;\n\n    &:not(:empty) {\n      margin-top: space('xsmall');\n    }\n  }\n}\n","import {\n  Component,\n  Prop,\n  Host,\n  Element,\n  h,\n  Event,\n  EventEmitter,\n  Method,\n  Watch,\n  Fragment,\n  State\n} from \"@stencil/core\";\n\nimport {\n  StzhCalendarChangeEvent,\n  StzhDatepickerChangeEvent\n} from \"../../index\";\n\nimport { StzhCalendarDateDisabledPredicate } from \"../../index\";\n\nimport { printISODate, parseISODate } from \"../../utils/date-utils\"\nimport { StzhLocaleAdapter } from \"../../utils/date-adapter\"\n\nimport { StzhDatepickerLocalizedText } from \"./stzh-datepicker.localization\";\n\n/**\n * @slot action - Slot for action below calendar (stzh-link element)\n */\n@Component({\n  tag: \"stzh-datepicker\",\n  styleUrl: \"stzh-datepicker.scss\",\n  scoped: true\n})\nexport class StzhDatepicker {\n  /**\n   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the max property.\n   */\n  @Prop() calendarMin: string = \"\"\n\n  /**\n   * Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the min property.\n   */\n  @Prop() calendarMax: string = \"\"\n\n  /**\n   * Controls which days are disabled and therefore disallowed.\n   * For example, this can be used to disallow selection of weekends.\n   */\n  @Prop() calendarIsDateDisabled: StzhCalendarDateDisabledPredicate = () => false\n\n  /** Name of the hidden date picker input. */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Value of hidden date picker input (current selected date in ISO format). */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** Label for input field and popover */\n  @Prop() label: string = \"\";\n\n  /** Whether label is visually hidden. */\n  @Prop() labelHidden: 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  /** 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\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: 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  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Show calendar inline */\n  @Prop() inline: boolean = false;\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  /**  Translation strings. */\n  @Prop() localization: StzhDatepickerLocalizedText;\n\n  @State() buttonLabel: string;\n\n  @Watch(\"localization\")\n  createDateFormatters() {\n    if (this.localization) {\n      this.dateFormatLong = new Intl.DateTimeFormat(this.localization.$locale, {\n        day: \"numeric\",\n        month: \"long\",\n        year: \"numeric\",\n      })\n    }\n  }\n\n  /** Update calendar and input when value prop has changed */\n  @Watch(\"value\")\n  valueWatcher(newValue: string) {\n    const date = parseISODate(newValue);\n\n    if (this.calendar) {\n      this.calendar.value = newValue;\n    }\n\n    if (this.input) {\n      this.input.value = this.dateAdapter.format(date, \"dateInput\");\n    }\n\n    this.updateButtonAccessibleLabel();\n  }\n\n  /** Set value by a JS Date object */\n  @Method()\n  async setDate(date: Date) {\n    this.value = printISODate(date);\n  }\n\n  /** Return internal popover element */\n  @Method()\n  async getPopover(): Promise<HTMLStzhPopoverElement> {\n    return this.popover;\n  }\n\n  /** Datepicker change event */\n  @Event() stzhChange: EventEmitter<StzhDatepickerChangeEvent>;\n\n  @Element() element: HTMLStzhDatepickerElement;\n\n  /**\n   * To format dates exclusively for the benefit of screen readers.\n   *\n   * We prefer DateTimeFormat over date.toLocaleDateString, as the former has\n   * better performance when formatting large number of dates. See:\n   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance\n   */\n  private dateFormatLong: Intl.DateTimeFormat\n\n  private input: HTMLStzhInputElement;\n  private popover: HTMLStzhPopoverElement;\n  private calendar: HTMLStzhCalendarElement;\n\n  private onRootFocus = () => {\n    if (this.input) {\n      this.input.setFocus();\n    }\n  }\n\n  private onInputChanged = () => {\n    const parsedDate = this.dateAdapter.parse(this.input.value, \"dateInput\");\n\n    if (this.input.value === \"\" || parsedDate) {\n      const isoDate = printISODate(parsedDate);\n\n      if (this.value !== isoDate) {\n        if (this.calendar) {\n          this.calendar.value = isoDate;\n        }\n\n        this.value = isoDate;\n      } else {\n        this.valueWatcher(isoDate);\n      }\n\n      this.stzhChange.emit({\n        component: \"stzh-datepicker\",\n        value: this.value,\n        valueAsDate: parsedDate,\n      })\n    }\n  }\n\n  private onCalendarChange = (event: CustomEvent<StzhCalendarChangeEvent>) => {\n    this.value = event.detail.value;\n    this.stzhChange.emit({\n      component: \"stzh-datepicker\",\n      value: this.value,\n      valueAsDate: event.detail.valueAsDate,\n    });\n\n    if (this.input) {\n      this.input.value = event.detail.valueAsDate\n        && this.dateAdapter.format(event.detail.valueAsDate, \"dateInput\");\n    }\n\n    if (this.popover) {\n      this.popover.hide();\n    }\n  }\n\n  private updateButtonAccessibleLabel() {\n    if (!this.localization) {\n      return;\n    }\n\n    try {\n      const valueAsDate = parseISODate(this.value);\n      this.buttonLabel = `${this.label}, ${this.localization.buttonLabel}, ${this.localization.selectedDateMessage} ${this.dateFormatLong.format(valueAsDate)}`;\n    } catch (err) {\n      this.buttonLabel = `${this.label}, ${this.localization.buttonLabel}`;\n    }\n  }\n\n  connectedCallback() {\n    this.createDateFormatters();\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"datepicker\");\n    }\n\n    if (!this.dateAdapter) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals\n      );\n    }\n  }\n\n  componentDidLoad() {\n    this.valueWatcher(this.value);\n  }\n\n  render() {\n    const classes = {\n      \"stzh-datepicker\": true,\n      \"stzh-datepicker--inline\": this.inline\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          <input\n            type=\"hidden\"\n            name={this.name}\n            value={this.value}\n          />\n\n          {this.inline &&\n            <Fragment>\n              <stzh-calendar\n                ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n                isDateDisabled={this.calendarIsDateDisabled}\n                min={this.calendarMin}\n                max={this.calendarMax}\n                onStzhChange={this.onCalendarChange}\n              ></stzh-calendar>\n              <div class=\"stzh-datepicker__actions\">\n                <slot name=\"action\"></slot>\n              </div>\n            </Fragment>\n          }\n\n          {!this.inline &&\n            <stzh-input\n              label={this.label}\n              labelHidden={this.labelHidden}\n              ref={(el) => (this.input = el as HTMLStzhInputElement)}\n              noAutocomplete\n              onStzhChanged={this.onInputChanged}\n              readonly={this.readonly}\n              disabled={this.disabled}\n              description={this.description}\n              descriptionLong={this.descriptionLong}\n              error={this.error}\n              invalid={this.invalid}\n              required={this.required}\n              showMarker={this.showMarker}\n              size={this.size}\n            >\n              <stzh-popover\n                ref={(el) => (this.popover = el as HTMLStzhPopoverElement)}\n                class=\"stzh-datepicker__popover\"\n                slot=\"button-right\"\n                placement=\"bottom-end\"\n                label={this.label}\n              >\n                <stzh-button\n                  variant=\"input\"\n                  icon-only\n                  icon=\"calendar\"\n                  disabled={this.disabled}\n                  a11yLabel={this.buttonLabel}\n                >\n                </stzh-button>\n                <div slot=\"content\">\n                  <stzh-calendar\n                    ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n                    isDateDisabled={this.calendarIsDateDisabled}\n                    min={this.calendarMin}\n                    max={this.calendarMax}\n                    onStzhChange={this.onCalendarChange}\n                  >\n                  </stzh-calendar>\n                  <div class=\"stzh-datepicker__actions\">\n                    <slot name=\"action\"></slot>\n                  </div>\n                </div>\n              </stzh-popover>\n            </stzh-input>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: inline-block;\n\n  ::slotted(stzh-text) {\n    --color: inherit;\n  }\n}\n\n.stzh-radio {\n\t@include input-description;\n\n  &__field-wrapper {\n    @include fontSize('milli');\n    position: relative;\n    display: flex;\n    user-select: none;\n    cursor: pointer;\n  }\n\n  &__input {\n    @include visuallyhiddenInput;\n    border-radius: $formInputBorderRadius;\n  }\n\n  &__mark {\n    @include radio__mark();\n  }\n\n  &__check {\n    @include radio__check();\n  }\n\n  &__label {\n    display: inline-block;\n    color: $baseColor;\n    transition: color $baseTransitionAnimationSpeed;\n    margin-left: space('small');\n    line-height: 24px;\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__marker-symbol {\n    @include fontSize('micro');\n  }\n\n  /* Hover / Focus / Checked */\n\n  &:hover &__label,\n  &__input:checked:hover ~ &__label,\n  &__input:checked:hover ~ &__mark &__check,\n  &__input:checked:focus ~ &__mark &__check {\n    color: $colorPrimaryHover;\n  }\n\n  &__input:checked ~ &__label {\n    color: $colorPrimary;\n  }\n\n  &:hover &__mark,\n  &__input:focus:hover ~ &__mark,\n  &__input:checked:hover ~ &__mark,\n  &__input:checked:focus ~ &__mark {\n    border-color: $colorPrimaryHover;\n  }\n\n  &__input:focus ~ &__mark,\n  &__input:checked ~ &__mark {\n    border-color: $colorPrimary;\n  }\n\n  &__input:checked ~ &__mark &__check {\n    opacity: 1;\n  }\n\n  /* Invalid */\n\n  &--is-invalid &__input ~ &__label,\n  &--is-invalid &__input ~ &__mark &__check {\n    color: $colorError;\n  }\n\n  &--is-invalid &__input ~ &__mark {\n    border-color: $colorError;\n  }\n\n  /* Disabled */\n\n\t&--is-disabled &__field-wrapper {\n    cursor: not-allowed;\n  }\n\n  &--is-disabled &__input ~ &__label,\n  &--is-disabled &__input ~ &__mark &__check {\n    color: $formDisabledColor;\n  }\n\n  &--is-disabled &__input ~ &__mark {\n    border-color: $formDisabledBorderColor;\n  }\n\n  &--is-disabled &__mark {\n    background-color: $formDisabledBackgroundColor;\n  }\n}\n","import {\n  Host,\n  Component,\n  Prop,\n  Event,\n  Element,\n  EventEmitter,\n  Method,\n  h,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  StzhRadioChangeEvent,\n  StzhRadioFocusEvent,\n  StzhRadioBlurEvent\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nlet radioCounter = 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 */\n@Component({\n  tag: \"stzh-radio\",\n  styleUrl: \"stzh-radio.scss\",\n  scoped: true\n})\nexport class StzhRadio {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** The name of the input element */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** The value of the input element */\n  @Prop({ mutable: true }) value: 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  /** 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  /** Checked status */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n  /** Label */\n  @Prop() label: 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  /** Id for element which describes the radio button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /** Focus input field */\n  @Method()\n  async setFocus() {\n    this.input.focus();\n  }\n\n  /** Input change event */\n  @Event() stzhChange: EventEmitter<StzhRadioChangeEvent>;\n\n  /** Input focus event */\n  @Event() stzhFocus: EventEmitter<StzhRadioFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhRadioBlurEvent>;\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  @Element() element: HTMLStzhRadioElement;\n\n  private input: HTMLInputElement;\n  private inputId: string;\n  private focusedByInput: boolean = false;\n\n  private onInput = (event: InputEvent) => {\n    this.checked = this.input.checked;\n    this.stzhChange.emit({\n      component: \"stzh-radio\",\n      originalEvent: event,\n      value: this.value,\n      checked: this.checked\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-radio\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent('blur', {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-radio\",\n      originalEvent: event\n    });\n  }\n\n  async componentWillLoad() {\n    this.inputId = `stzh-radio-${radioCounter++}`;\n    this.errorWatcher(this.error);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'radio');\n    }\n  }\n\n  render() {\n    const descriptionUsed = hasSlot(this.element, 'description') || !!this.description;\n    const descriptionLongUsed = hasSlot(this.element, 'description-long') || !!this.descriptionLong;\n    const errorUsed = hasSlot(this.element, 'error') || !!this.error;\n\n    const classes = {\n      \"stzh-radio\": true,\n      \"stzh-radio--has-description\": descriptionUsed,\n      \"stzh-radio--has-description-long\": descriptionLongUsed,\n      \"stzh-radio--has-error\": errorUsed,\n      \"stzh-radio--is-required\": this.required,\n      \"stzh-radio--is-invalid\": this.invalid,\n      \"stzh-radio--is-disabled\": this.disabled\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          <label class=\"stzh-radio__field-wrapper\">\n            <input\n              class=\"stzh-radio__input\"\n              ref={(el) => (this.input = el as HTMLInputElement)}\n              type=\"radio\"\n              id={this.inputId}\n              name={this.name}\n              value={this.value}\n              disabled={this.disabled}\n              aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n              aria-required={this.required ? \"true\" : \"false\"}\n              aria-invalid={this.invalid ? \"true\" : \"false\"}\n              checked={this.checked}\n              onInput={this.onInput}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            />\n            <div class=\"stzh-radio__mark\">\n              <div class=\"stzh-radio__check\"></div>\n            </div>\n            <div class=\"stzh-radio__label\">\n              {this.label ? this.label : <slot></slot>}\n              {this.showMarker &&\n                <span class=\"stzh-radio__marker\">\n                  <span class=\"stzh-radio__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-radio__marker-text\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldText\n                      : this.localization.$globals.optionalFieldText\n                    }\n                  </span>\n                </span>\n              }\n            </div>\n          </label>\n          <StzhInputDescription\n            classPrefix=\"stzh-radio\"\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",":host([direction=\"vertical\"]) {\n  ::slotted(stzh-radio:not(:last-child)) {\n    margin-bottom: space('medium');\n  }\n}\n\n:host([direction=\"horizontal\"]) {\n  ::slotted(stzh-radio:not(:last-child)) {\n    margin-right: space('large');\n  }\n}\n\n.stzh-radiogroup {\n  @include input-description;\n  margin: 0;\n  padding: 0;\n  border: none;\n\n  &__fields {\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  &__legend {\n    @include font('heavy');\n    @include fontSize('nano');\n    padding: 0;\n    margin-bottom: space('xsmall');\n  }\n\n  &--hide-legend &__legend {\n    @include visuallyhidden;\n  }\n\n  &--direction-horizontal &__fields {\n    flex-direction: row;\n  }\n}\n","import {\n  Component,\n  Prop,\n  Element,\n  Watch,\n  h,\n  Listen\n} from \"@stencil/core\";\n\nimport { StzhRadioChangeEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { camelCase } from \"../../utils/string-utils\";\nimport { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nconst SELECTOR_RADIO = 'stzh-radio, stzh-button[type=radio], stzh-card';\n\nlet radiogroupCounter = 0;\n\n/**\n * @slot - Slot for `stzh-radio`, `stzh-button[type=\"radio\"]` or `stzh-card` elements\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot error - Slot for error\n */\n@Component({\n  tag: \"stzh-radiogroup\",\n  styleUrl: \"stzh-radiogroup.scss\",\n  scoped: true\n})\nexport class StzhRadiogroup {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** The name of the input radio elements, will define the radio group. If you have more than one radio group on a page, every group needs to have its own unique name */\n  @Prop({ reflect: true }) name: string;\n\n  /** The legend */\n  @Prop() legend: string;\n\n  /** Hide legend to show only for screenreaders */\n  @Prop({ reflect: true }) hideLegend: boolean = false;\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** 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  /** Select a radio by value */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Current checked radio element (readonly) */\n  @Prop() checkedRadio: HTMLStzhRadioElement | null = null;\n\n  /** Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid, required, hide-marker) */\n  @Prop() preventUpdateProperties: string[] | string = [];\n  private _preventUpdateProperties: string[] = [];\n\n  /** Host element */\n  @Element() element: HTMLElement;\n\n  @Watch(\"name\")\n  watchName(newValue: string) {\n    this.updateRadiosProperty(\"name\", newValue);\n  }\n\n  @Watch(\"disabled\")\n  watchDisabled(newValue: boolean) {\n    this.updateRadiosProperty(\"disabled\", newValue);\n  }\n\n  @Watch(\"invalid\")\n  watchInvalid(newValue: boolean) {\n    this.updateRadiosProperty(\"invalid\", newValue);\n  }\n\n  @Watch(\"required\")\n  watchRequired(newValue: boolean) {\n    this.updateRadiosProperty(\"required\", newValue);\n  }\n\n  @Watch(\"value\")\n  watchValue(newValue: string) {\n    this.updateCheckedRadioByValue(newValue);\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n\n    this.invalid = this._error.length > 0;\n  }\n\n  @Watch(\"preventUpdateProperties\")\n  preventUpdatePropertiesWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      this._preventUpdateProperties = JSON.parse(newValue);\n    } else {\n      this._preventUpdateProperties = newValue;\n    }\n  }\n\n  @Listen(\"stzhChange\")\n  onChange(event: CustomEvent<StzhRadioChangeEvent>) {\n    this.value = event.detail.value;\n  }\n\n  /** Radio elements */\n  private radios: HTMLStzhRadioElement[];\n  private radiogroupId: string;\n  private observer: MutationObserver;\n\n  private updateRadiosProperty(prop: string, value: any) {\n    this.radios.forEach((radio: HTMLStzhRadioElement) => {\n      if (prop === \"name\" || (this._preventUpdateProperties.indexOf(prop) === -1)) {\n        radio[camelCase(prop)] = value;\n      }\n    });\n  }\n\n  private updateCheckedRadioByValue(value: string) {\n    this.checkedRadio = this.radios.find(radio => radio.value === value);\n\n    if (this.checkedRadio) {\n      this.checkedRadio.checked = true;\n    }\n\n    this.uncheckRadios();\n  }\n\n  private uncheckRadios() {\n    // make sure that no other radios are checked than the current one or no one\n    this.radios.forEach((radio: HTMLStzhRadioElement) => {\n      if (!this.checkedRadio || radio !== this.checkedRadio) {\n        radio.checked = false;\n      }\n    });\n  }\n\n  private init = () => {\n    // update radios\n    this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));\n\n    this.updateRadiosProperty(\"show-marker\", false);\n    this.updateRadiosProperty(\"a11y-describedby\", `${this.radiogroupId}-description`);\n\n    this.watchValue(this.value);\n    this.watchName(this.name);\n    this.watchDisabled(this.disabled);\n    this.watchInvalid(this.invalid);\n    this.watchRequired(this.required);\n  }\n\n  async componentWillLoad() {\n    this.radiogroupId = `stzh-radiogroup-${radiogroupCounter++}`;\n    this.errorWatcher(this.error);\n    this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'radiogroup');\n    }\n  }\n\n  componentShouldUpdate(_newValue, _oldValue, prop: string) {\n    return prop !== \"checkedRadio\";\n  }\n\n  componentDidRender() {\n    this.init();\n  }\n\n  connectedCallback() {\n    if (!this.value) {\n      this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));\n\n      // try to find a checkbox that might has checked set to true\n      const checkedRadio = this.radios.find(radio => radio.checked);\n\n      if (checkedRadio) {\n        this.value = checkedRadio.value;\n      }\n    }\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const descriptionUsed = hasSlot(this.element, 'description') || !!this.description;\n    const descriptionLongUsed = hasSlot(this.element, 'description-long') || !!this.descriptionLong;\n    const errorUsed = hasSlot(this.element, 'error') || !!this.error;\n\n    const classes = {\n      \"stzh-radiogroup\": true,\n      \"stzh-radiogroup--has-description\": descriptionUsed,\n      \"stzh-radiogroup--has-description-long\": descriptionLongUsed,\n      \"stzh-radiogroup--has-error\": errorUsed,\n      \"stzh-radiogroup--is-required\": this.required,\n      \"stzh-radiogroup--is-disabled\": this.disabled,\n      \"stzh-radiogroup--is-invalid\": this.invalid,\n      \"stzh-radiogroup--hide-legend\": this.hideLegend,\n      [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction\n    };\n\n    return (\n      <fieldset class={classes}>\n        {this.legend &&\n          <legend class=\"stzh-radiogroup__legend\">\n            {this.legend}\n            {this.showMarker &&\n              <span class=\"stzh-radiogroup__marker\">\n                <span class=\"stzh-radiogroup__marker-symbol\" aria-hidden=\"true\">\n                  {this.required\n                    ? this.localization.$globals.requiredFieldMarker\n                    : this.localization.$globals.optionalFieldMarker\n                  }\n                </span>\n                <span class=\"stzh-radiogroup__marker-text\">\n                  {this.required\n                    ? this.localization.$globals.requiredFieldText\n                    : this.localization.$globals.optionalFieldText\n                  }\n                </span>\n              </span>\n            }\n          </legend>\n        }\n        <div class=\"stzh-radiogroup__fields\">\n          <slot></slot>\n        </div>\n        <StzhInputDescription\n          classPrefix=\"stzh-radiogroup\"\n          id={`${this.radiogroupId}-description`}\n          error={this._error}\n          description={this.description}\n          descriptionLong={this.descriptionLong}\n          descriptionLongUsed={descriptionLongUsed}\n          moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n        />\n      </fieldset>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/types/components/stzh-accordion/stzh-accordion.d.ts

@@ -1,15 +0,0 @@
-import { StzhAccordionItemOpenEvent } from "../../index";
-/**
- * @slot - Slot for `stzh-accordion-item` elements
- */
-export declare class StzhAccordion {
-  /** Whether folds are collapsible */
-  collapsible: boolean;
-  /** Whether multiple folds can be opened at once */
-  multiselectable: boolean;
-  element: HTMLStzhAccordionElement;
-  openListener(event: CustomEvent<StzhAccordionItemOpenEvent>): void;
-  /** Set focus to accordion item */
-  setItemFocus(accordionItem: HTMLStzhAccordionItemElement, action: string): Promise<void>;
-  render(): any;
-}

package/dist/types/components/stzh-accordion-item/stzh-accordion-item.d.ts

@@ -1,73 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhAccordionItemOpenEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemClosedEvent, StzhAccordionItemFocusEvent, StzhAccordionItemBlurEvent } from "../../index";
-/**
- * @slot - Slot for any content
- * @slot icon - Slot for icon element
- */
-export declare class StzhAccordionItem {
-  /** Whether fold is collapsible (overwrites collapsible from timeline parent) */
-  collapsible: boolean;
-  /** Whether fold is open */
-  open: boolean;
-  /** Whether fold disabled */
-  disabled: boolean;
-  /** Heading title */
-  heading: string;
-  /** Subtitle */
-  subtitle: string;
-  /** Description */
-  description: string;
-  /** Icon (use instead of icon slot) */
-  icon: string;
-  /** Badge */
-  badge: string;
-  /** Whether badge should be displayed empty */
-  badgeEmpty: boolean;
-  /** Badge type */
-  badgeType: "default" | "success" | "warning" | "error" | "info";
-  /** Heading level */
-  headingLevel: "1" | "2" | "3" | "4";
-  /**
-   * For Adobe Analytics.
-   * Will be rendered as value of `s-object-id` attribute to the button element.
-   * Default value will be taken from `heading` prop.
-   */
-  analyticsId: string;
-  element: HTMLStzhAccordionItemElement;
-  /** Open event */
-  stzhOpen: EventEmitter<StzhAccordionItemOpenEvent>;
-  /** Opened event (after animation) */
-  stzhOpened: EventEmitter<StzhAccordionItemOpenedEvent>;
-  /** Close event */
-  stzhClose: EventEmitter<StzhAccordionItemCloseEvent>;
-  /** Closed event (after animation) */
-  stzhClosed: EventEmitter<StzhAccordionItemClosedEvent>;
-  openWatcher(newValue: boolean): Promise<void>;
-  /** Show accordion item content */
-  show(): Promise<void>;
-  /** Hide accordion item content */
-  hide(): Promise<void>;
-  /** Toggle accordion item content */
-  toggle(): Promise<void>;
-  /** Set focus to button */
-  setFocus(): Promise<void>;
-  /** Focus event */
-  stzhFocus: EventEmitter<StzhAccordionItemFocusEvent>;
-  /** Input blur event */
-  stzhBlur: EventEmitter<StzhAccordionItemBlurEvent>;
-  private toggledByMethod;
-  private bodyElement;
-  private buttonElement;
-  private accordionItemId;
-  private accordion;
-  private handleHeaderClick;
-  private onFocus;
-  private onBlur;
-  private onButtonKeydown;
-  private onContentKeydown;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  connectedCallback(): Promise<void>;
-  disconnectedCallback(): void;
-  render(): any;
-}

package/dist/types/components/stzh-actions/stzh-actions.d.ts

@@ -1,16 +0,0 @@
-/**
- * @slot primary - Slot for primary button
- * @slot secondary - Slot for secondary button
- */
-export declare class StzhActions {
-  /** Variant determining what position the action buttons are */
-  variant: "form" | "dialog" | "process" | "cta";
-  /** With border separator */
-  withBorder: boolean;
-  element: HTMLStzhActionsElement;
-  private observer;
-  private init;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

package/dist/types/components/stzh-actionset/stzh-actionset.d.ts

@@ -1,45 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhActionsetItem, StzhActionsetItemClickEvent } from "../../index";
-import { StzhActionsetLocalizedText } from './stzh-actionset.localization';
-import { Placement } from "@floating-ui/dom";
-/**
- */
-export declare class StzhActionset {
-  /** Translation strings */
-  localization: StzhActionsetLocalizedText;
-  /** Variant determining what position the action buttons are */
-  variant: "stack" | "overflow";
-  /** Button variant of popover button (button thats holds collapsed actions) */
-  popoverButtonVariant: "" | "default" | "secondary" | "input" | "tertiary";
-  /** Button size of popover button (button that holds collapsed actions) */
-  popoverButtonSize: "" | "default" | "small" | "tiny";
-  /** Popover placement of button that holds collapsed actions */
-  popoverPlacement: Placement;
-  /**
-   * Card header actions.
-   * Array of objects that can include the button attributes `id`, `variant`, `icon`, `size`, `iconPosition`, `iconOnly`, `label` or `badge`:
-   * `[{"id":"action-1", "icon": "alarm-bell", "label": "Lorem"}, {"id":"action-2", "icon": "mail", "label": "Lorem"}]`
-   */
-  actions: StzhActionsetItem[] | string;
-  private _actions;
-  /** Header action click event */
-  stzhActionClick: EventEmitter<StzhActionsetItemClickEvent>;
-  element: HTMLStzhActionsetElement;
-  actionsWatcher(newValue: StzhActionsetItem[] | string): void;
-  actionsCollapsed: StzhActionsetItem[];
-  dynamicActions: boolean;
-  isSmall: boolean;
-  isMedium: boolean;
-  private actionsElement;
-  private debounceResize;
-  private resizeObserver;
-  private actionClick;
-  private update;
-  private handleResize;
-  private mediaChangeHandler;
-  componentWillLoad(): Promise<void>;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentDidLoad(): void;
-  render(): any;
-}

package/dist/types/components/stzh-amount/stzh-amount.d.ts

@@ -1,73 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhAmountChangeEvent } from "../../index";
-import { StzhAmountLocalizedText } from './stzh-amount.localization';
-export declare class StzhAmount {
-  /** The lowest allowed amount (can be negative). */
-  minValue: number;
-  /** The highest allowed amount. */
-  maxValue: number;
-  /** The lowest amount as option in the dropdown. Needs to be set to initially display a dropdown. */
-  minValueDropdown: number | null;
-  /** The highest amount as option in the dropdown. Needs to be set to initially display a dropdown. */
-  maxValueDropdown: number | null;
-  private _showDropdown;
-  private _dropdownOptions;
-  /** The initial value of the amount element */
-  value: string;
-  /** The step the amount can be increased or decreased */
-  step: number;
-  /** Name of the element (hidden select element in case of dropdown) */
-  name: string;
-  /** Size variant */
-  size: "default" | "small";
-  /** Whether the amount component is disabled */
-  disabled: boolean;
-  /** Popover placement for the dropdown (if applicable) */
-  popoverPlacement: "bottom" | "bottom-end" | "bottom-center" | "top" | "top-end" | "top-center";
-  /** Label */
-  label: string;
-  /** Whether label is hidden. */
-  labelHidden: boolean;
-  /** Invalid status */
-  invalid: boolean;
-  /** Required status */
-  required: boolean;
-  /** Whether clearable button is showing for the input field (does not apply to dropdown) */
-  clearable: boolean;
-  /** Show text in label depending on whether field is optional/required */
-  showMarker: boolean;
-  /** Description placed below the amount */
-  description: string;
-  /** Long description message appearing in a popover */
-  descriptionLong: string;
-  /** One or multiple error message(s) */
-  error: string | string[];
-  /** Id of the element which describes the input */
-  a11yDescribedby: string;
-  /**  Translation strings. */
-  localization: StzhAmountLocalizedText;
-  minMaxValueDropdownWatcher(): void;
-  /** Amount change event */
-  stzhChange: EventEmitter<StzhAmountChangeEvent>;
-  element: HTMLStzhAmountElement;
-  private amountId;
-  private stepperInputId;
-  private input;
-  private onRootFocus;
-  /** Fill the dropdown with options according to maxValueDropdown & minValueDropdown. */
-  private setDropdownOptions;
-  /** Handling dropdown changes (switch to input stepper if the plus option is selected in the dropdown). */
-  private onDropdownChange;
-  /** Handling the minus button. */
-  private onInputMinusStepClick;
-  /** Handling the plus button. */
-  private onInputPlusStepClick;
-  /** Handling manual value change of the stepper input. */
-  private onStepperInputChange;
-  /** Making sure, that the value is rounded correctly according to the step  */
-  private roundToStep;
-  componentWillLoad(): Promise<void>;
-  private renderDropdown;
-  private renderInputStepper;
-  render(): any;
-}

package/dist/types/components/stzh-appnav/stzh-appnav.d.ts

@@ -1,23 +0,0 @@
-/**
- * @slot - Slot for `stzh-link` elements
- */
-export declare class StzhAppnav {
-  /** App title shown on tablet/desktop */
-  appTitle: string;
-  /** Status displayed next to app title (only displayed if `app-title` is defined) */
-  appStatus: string;
-  /** Link of app title (only used if `app-title` is defined) */
-  appHref: string;
-  /**
-   * For Adobe Analytics.
-   * Will be rendered as value of `s-object-id` attribute to the app title link element.
-   * Default value will be taken from `appTitle` prop or default slot.
-   */
-  appAnalyticsId: string;
-  element: HTMLStzhAppnavElement;
-  private observer;
-  private init;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

package/dist/types/components/stzh-appointments/stzh-appointments.d.ts

@@ -1,73 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhAppointmentsChangeEvent } from "../../index";
-import { StzhLocaleAdapter } from "../../utils/date-adapter";
-import { StzhAppointmentsLocalizedText } from "./stzh-appointments.localization";
-/**
- * @slot - Slot for any content
- */
-export declare class StzhAppointments {
-  /** Translation strings */
-  localization: StzhAppointmentsLocalizedText;
-  /** Sort by */
-  sortBy: "start" | "place";
-  private _sortBy;
-  /** Initial selected values */
-  appointments: any[] | string;
-  private _appointments;
-  private appointmentsShown;
-  /** Current selected date (if undefined, earliest appointment date in list is taken or current selected one by value) */
-  currentDate: Date | string;
-  private _currentDate;
-  value: string;
-  name: string;
-  /** Nr of items shown */
-  showItems: number;
-  /** Nr of items shown when more link is clicked */
-  stepItems: number;
-  /** Overwrite default calendar title */
-  calendarTitle: string;
-  /** Overwrite default appointments title */
-  appointmentsTitle: string;
-  /**
-   * Date adapter, for custom parsing/formatting.
-   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,
-   * and a `format` function which accepts a `Date` and returns a `string`.
-   */
-  dateAdapter: StzhLocaleAdapter;
-  element: HTMLStzhAppointmentsElement;
-  /** Appointments change event */
-  stzhChange: EventEmitter<StzhAppointmentsChangeEvent>;
-  currentDateWatcher(newValue: Date | string): void;
-  sortByWatcher(): void;
-  valueWatcher(): void;
-  appointmentsWatcher(newValue: any[] | string): void;
-  private dateByValue;
-  private earliestDate;
-  private latestDate;
-  private nextDate;
-  private showMoreLink;
-  private moreItemsLeft;
-  private showCalendar;
-  private showSort;
-  private showSortStart;
-  private showSortPlace;
-  private showAppointmentsTitle;
-  private allAppointsmentOnSameDay;
-  private sortOptions;
-  private inputElement;
-  private datepickerElement;
-  private datepickerElementMedium;
-  private updateDateByValue;
-  private getCurrentDateAppointments;
-  private setValueToFirstAppointmentOfCurrentDate;
-  private isDateDisabled;
-  private onNextActiveDateClick;
-  private onMoreClick;
-  private onDropdownChange;
-  private onDatepickerChange;
-  private onRadioChange;
-  componentWillLoad(): Promise<void>;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  render(): any;
-}

package/dist/types/components/stzh-audio/stzh-audio.d.ts

@@ -1,58 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioPauseEvent, StzhAudioReplayEvent, StzhAudioEndEvent, StzhAudioEndedEvent, StzhAudioErrorEvent } from "../../index";
-import "@vidstack/player/dist/prod/define/vds-media.js";
-import "@vidstack/player/dist/prod/define/vds-audio.js";
-import "@vidstack/player/dist/prod/define/vds-play-button.js";
-import "@vidstack/player/dist/prod/define/vds-mute-button.js";
-import "@vidstack/player/dist/prod/define/vds-time-slider.js";
-import "@vidstack/player/dist/prod/define/vds-volume-slider.js";
-import "@vidstack/player/dist/prod/define/vds-slider-value-text.js";
-import "@vidstack/player/dist/prod/define/vds-time.js";
-import { StzhAudioLocalizedText } from './stzh-audio.localization';
-/**
- * @slot transcript - Slot for transcript text
- */
-export declare class StzhAudio {
-  /** Translation strings */
-  localization: StzhAudioLocalizedText;
-  /** Path to audio file */
-  src: string;
-  /** Preload strategy */
-  preload: "none" | "metadata" | "auto";
-  /** Transcript text (alternative for slot) */
-  transcript: string;
-  /** Whether transcript should be shown */
-  transcriptShown: boolean;
-  /**
-   * For Adobe Analytics.
-   * Will be rendered as value of `s-object-id` attribute to the download link element.
-   * Default value will be taken from translations.
-   */
-  downloadAnalyticsId: string;
-  /**
-   * For Adobe Analytics.
-   * Will be rendered as value of `s-object-id` attribute to the transcript button element.
-   * Default value will be taken from translations.
-   */
-  transcriptAnalyticsId: string;
-  /** Fired when the paused property is changed from true to false, as a result of the play() method, or the autoplay attribute. */
-  stzhPlay: EventEmitter<StzhAudioPlayEvent>;
-  /** Fired when playback is ready to start after having been paused or delayed due to lack of data. */
-  stzhPlaying: EventEmitter<StzhAudioPlayingEvent>;
-  /** Fired when a request to pause an activity is handled and the activity has entered its paused state, most commonly after the media has been paused through a call to the pause() method. */
-  stzhPause: EventEmitter<StzhAudioPauseEvent>;
-  /** Fired when media playback starts again after being in an ended state. This is fired when the loop property is true and media loops, whereas the vds-play event is not. */
-  stzhReplay: EventEmitter<StzhAudioReplayEvent>;
-  /** Fired each time media playback has reached the end. This is fired even if the loop property is true, which is generally when you'd reach for this event over the MediaEndedEvent if you want to be notified of media looping. */
-  stzhEnd: EventEmitter<StzhAudioEndEvent>;
-  /** Fired when playback or streaming has stopped because the end of the media was reached or because no further data is available. This is not fired if playback will start from the beginning again due to the loop property being true (see MediaReplayEvent and MediaEndEvent). */
-  stzhEnded: EventEmitter<StzhAudioEndedEvent>;
-  /** Fired when media loading or playback has encountered any issues (for example, a network connectivity problem). The event detail contains a potential message containing more information about the error (empty string if nothing available), and a code that identifies the general type of error that occurred. */
-  stzhError: EventEmitter<StzhAudioErrorEvent>;
-  element: HTMLStzhAudioElement;
-  play(): Promise<void>;
-  pause(): Promise<void>;
-  private vsdAudioElement;
-  componentWillLoad(): Promise<void>;
-  render(): any;
-}

package/dist/types/components/stzh-button/stzh-button.d.ts

@@ -1,105 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhButtonFocusEvent, StzhButtonBlurEvent, StzhButtonChangeEvent } from "../../index";
-import { StzhLocaleComponent } from "../../utils/translation-utils";
-/**
- * @slot - Slot for label/text content
- * @slot icon - Slot for icon element
- */
-export declare class StzhButton {
-  /** Translation strings */
-  localization: StzhLocaleComponent;
-  /** Display a badge aligned to button or icons */
-  badge: string;
-  /** Badge type */
-  badgeType: "default" | "success" | "warning" | "error" | "info";
-  /** Badge position */
-  badgePosition: "icon" | "button";
-  /** Whether badge should be displayed empty */
-  badgeEmpty: boolean;
-  /** Whether the button is full width */
-  fullwidth: boolean;
-  /** Whether the button is rounded */
-  rounded: boolean;
-  /** Whether the button is floating */
-  floating: boolean;
-  /** Size variant */
-  size: "default" | "small" | "tiny";
-  /** Text alignment */
-  textAlign: "left" | "center" | "right" | "space-between" | "default";
-  /** Variant style */
-  variant: "default" | "secondary" | "input" | "tertiary";
-  /** Icon (use instead of icon slot) */
-  icon: string;
-  /** Icon Position */
-  iconPosition: "left" | "right";
-  /** Checked status (if type is radio) */
-  checked: boolean;
-  /** The name of the input element (if type is button or radio) */
-  name: string;
-  /** The value of the input element (if type is button or radio) */
-  value: string;
-  /** `href` if the button should be used as link  */
-  href: string;
-  /** Rel (if href is used) */
-  rel: string;
-  /** Target if the button is used as link (if `href` used)  */
-  target: string;
-  /** Download attribute of link (if `href` used) */
-  download: string;
-  /** Type of the button */
-  type: "button" | "submit" | "reset" | "radio";
-  /** Whether the button is disabled */
-  disabled: boolean;
-  /** Whether the button is active */
-  active: boolean;
-  /** Label */
-  label: string;
-  /** Effect/Animation used */
-  effect: "default" | "cta";
-  /** Whether only an icon is used inside the button */
-  iconOnly: boolean;
-  /** Access key of link (usually a number e.g. 1) */
-  linkAccesskey: string;
-  /** Accessible label for screen readers to replace visible text */
-  a11yLabel: string;
-  /** Id for element which describes the button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */
-  a11yDescribedby: string;
-  /** Aria expanded of link/button */
-  a11yExpanded: boolean;
-  /** Aria disabled of link/button */
-  a11yDisabled: boolean;
-  /** Aria controls of link/button */
-  a11yControls: string;
-  /** Tabindex of link/button */
-  a11yTabindex: string;
-  /**
-   * For Adobe Analytics.
-   * Will be rendered as value of `s-object-id` attribute to the link/button element.
-   * Default value will be taken from `label` prop or default slot.
-   */
-  analyticsId: string;
-  element: HTMLStzhButtonElement;
-  /** Focus button */
-  setFocus(): Promise<void>;
-  /** Input focus event */
-  stzhFocus: EventEmitter<StzhButtonFocusEvent>;
-  /** Input blur event */
-  stzhBlur: EventEmitter<StzhButtonBlurEvent>;
-  /** Change event (only called if type is radio) */
-  stzhChange: EventEmitter<StzhButtonChangeEvent>;
-  private button;
-  private input;
-  private text;
-  private focusedByInput;
-  private onInput;
-  private onRootFocus;
-  private onFocus;
-  private onBlur;
-  private onClick;
-  private renderIcon;
-  private renderContent;
-  private renderInner;
-  componentWillLoad(): Promise<void>;
-  componentDidRender(): void;
-  render(): any;
-}

package/dist/types/components/stzh-buttongroup/stzh-buttongroup.d.ts

@@ -1,7 +0,0 @@
-/**
- * @slot - Slot for buttons
- */
-export declare class StzhButtongroup {
-  element: HTMLStzhButtongroupElement;
-  render(): any;
-}