@oiz/stzh-components 2.11.1 → 2.12.0-beta2

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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"}