npm - @oiz/stzh-components - Versions diffs - 4.5.0 → 4.6.0-beta2 - Mend

@oiz/stzh-components 4.5.0 → 4.6.0-beta2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1006) hide show

package/dist/cjs/stzh-datepicker_3.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-datepicker.stzh-radio.stzh-radiogroup.entry.cjs.js","mappings":"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","names":["printISODate","hasSlot","h","Host","Fragment","StzhInputDescription","camelCase"],"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 --calendar-width: #{$calendarWidth};\n\n width: 100%;\n\n &[inline]:not([inline=\"false\"]) {\n width: var(--calendar-width);\n }\n}\n\n.stzh-datepicker {\n &__popover {\n --width: auto;\n }\n\n &__calendar {\n margin-left: auto;\n margin-right: auto;\n\n &.is-inline {\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n }\n }\n\n &__actions {\n display: flex;\n width: var(--calendar-width);\n margin-left: auto;\n margin-right: auto;\n\n &.is-inline {\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n }\n\n &:not(:empty) {\n padding-left: space(\"small\");\n padding-right: space(\"small\");\n }\n }\n\n /* Has action /\n\n &--has-action &__popover {\n --content-padding: 0 0 #{space(\"small\")} 0;\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 Listen,\n} from \"@stencil/core\";\n\nimport { StzhCalendarChangeEvent, StzhDatepickerChangeEvent } from \"../../index\";\n\nimport { StzhCalendarDateDisabledPredicate } from \"../../index\";\n\nimport { printISODate } from \"../../utils/date-utils\";\nimport { StzhLocaleAdapter } from \"../../index\";\n\nimport { StzhDatepickerLocalizedText } from \"./stzh-datepicker.localization\";\nimport { hasSlot } from \"../../utils/utils\";\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 the hidden date picker input. If a date can be parsed (via picker always), the value is in ISO format. Otherwise the value equals the manual input. /\n @Prop({ mutable: true }) value: string = \"\";\n @State() calendarValue: string = \"\";\n @State() inputValue: string = \"\";\n\n /* Default value (used by reset) /\n @Prop({ mutable: true }) defaultValue: 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 /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Size variant /\n @Prop({ reflect: true }) size: \"default\" \| \"small\" = \"default\";\n\n /* Show calendar inline /\n @Prop({ reflect: true }) inline: boolean = false;\n\n /\n Date adapter visible date shown to the user, 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 /\n Date adapter for internal date passed to backend, for custom parsing/formatting.\n * Can be `\"iso\"` (default, date in ISO format) / `\"legacy\"` (date in `d.m.Y` format)\n * or `StzhLocaleAdapter` (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() internalDateAdapter: \"iso\" \| \"legacy\" \| StzhLocaleAdapter = \"iso\";\n private _internalDateAdapter: StzhLocaleAdapter;\n\n /* Translation strings. /\n @Prop() localization: StzhDatepickerLocalizedText;\n\n @State() buttonLabel: string;\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @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 if (!this._internalDateAdapter) {\n return;\n }\n\n const date = this._internalDateAdapter.parse(newValue, \"dateInput\");\n\n this.calendarValue = printISODate(date);\n this.inputValue = this.dateAdapter.format(date, \"dateInput\");\n\n this.updateButtonAccessibleLabel();\n }\n\n @Watch(\"dateAdapter\")\n dateAdapterWatcher(newValue: StzhLocaleAdapter) {\n if (!newValue) {\n this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formats,\n this.localization.$globals,\n );\n }\n }\n\n @Watch(\"internalDateAdapter\")\n internalDateAdapterWatcher(newValue: \"iso\" \| \"legacy\" \| StzhLocaleAdapter) {\n if (newValue === \"iso\" \|\| !newValue) {\n this._internalDateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formatsIso,\n this.localization.$globals,\n );\n } else if (newValue === \"legacy\") {\n this._internalDateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formatsLegacy,\n this.localization.$globals,\n );\n } else {\n this._internalDateAdapter = newValue;\n }\n }\n\n /* Set value by a JS Date object /\n @Method()\n async setDate(date: Date) {\n this.value = this._internalDateAdapter.format(date, \"dateInput\");\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 handleReset = async () => {\n this.value = this.defaultValue;\n };\n\n private onRootFocus = () => {\n if (this.input) {\n this.input.focus();\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 formattedDate = this._internalDateAdapter.format(parsedDate, \"dateInput\");\n\n if (this.value !== formattedDate) {\n this.value = formattedDate;\n } else {\n this.valueWatcher(formattedDate);\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 if (event.detail.component !== \"stzh-calendar\") {\n // Do not emit stzhChange event from year/month dropdowns\n event.stopPropagation();\n return;\n }\n\n this.value = event.detail.valueAsDate && this._internalDateAdapter.format(event.detail.valueAsDate, \"dateInput\");\n\n this.stzhChange.emit({\n component: \"stzh-datepicker\",\n value: this.value,\n valueAsDate: event.detail.valueAsDate,\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 = this._internalDateAdapter.parse(this.value, \"dateInput\");\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 this.dateAdapterWatcher(this.dateAdapter);\n this.internalDateAdapterWatcher(this.internalDateAdapter);\n this.valueWatcher(this.value);\n this.defaultValue = this.defaultValue \|\| this.value;\n }\n\n render() {\n const actionUsed = hasSlot(this.element, \"action\");\n\n const classes = {\n \"stzh-datepicker\": true,\n \"stzh-datepicker--inline\": this.inline,\n \"stzh-datepicker--has-action\": actionUsed,\n };\n\n return (\n <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <div class={classes}>\n <input type=\"hidden\" name={this.name} value={this.value} defaultValue={this.defaultValue} />\n\n {this.inline && (\n <Fragment>\n <stzh-calendar\n // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n value={this.calendarValue}\n class=\"stzh-datepicker__calendar is-inline\"\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 value={this.inputValue}\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 hideOptional={this.hideOptional}\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 strategy=\"fixed\"\n label={this.label}\n >\n <stzh-button\n icon-only\n icon=\"calendar\"\n size={this.size}\n disabled={this.disabled}\n a11yLabel={this.buttonLabel}\n ></stzh-button>\n <div slot=\"content\">\n <stzh-calendar\n // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n value={this.calendarValue}\n class=\"stzh-datepicker__calendar is-popover\"\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 </div>\n </stzh-popover>\n </stzh-input>\n )}\n </div>\n </Host>\n );\n }\n}\n",":host {\n --label-color: var(--stzh-radio-label-color, #{$baseColor});\n --label-hover-color: var(--stzh-radio-label-hover-color, #{$colorPrimary70});\n --label-hover-checked-color: var(\n --stzh-radio-label-hover-checked-color,\n #{$colorPrimary90}\n );\n\n display: inline-block;\n\n &[disabled]:not([disabled=\"false\"]) {\n --description-color: #{$formDisabledColor};\n }\n}\n\n.stzh-radio {\n @include input-description;\n display: grid;\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 --stzh-base-color: initial;\n\n display: inline-block;\n color: var(--label-color);\n transition: color $baseTransitionAnimationSpeed;\n margin-left: space(\"small\");\n line-height: 24px;\n\n &:empty {\n display: none;\n }\n }\n\n &__marker {\n @include fontSize(\"micro\");\n margin-left: calc(-0.25em + #{space(\"xsmall\")});\n }\n\n / Hover / Focus / Checked /\n\n &:hover &__label,\n &__input:checked ~ &__label {\n color: var(--label-hover-color);\n }\n\n &__input:checked:hover ~ &__label,\n &__input:checked:hover ~ &__mark &__check {\n color: var(--label-hover-checked-color);\n }\n\n &:hover &__mark,\n &__input:checked ~ &__mark {\n border-color: var(--label-hover-color);\n }\n\n &__input:checked:hover ~ &__mark {\n border-color: var(--label-hover-checked-color);\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: $colorError60;\n }\n\n &--is-invalid &__input ~ &__mark {\n border-color: $colorError60;\n }\n\n / Disabled /\n\n &--is-disabled &__field-wrapper {\n cursor: not-allowed;\n }\n\n &--is-disabled &__input ~ &__label {\n color: $colorGrey60;\n }\n\n &--is-disabled &__input ~ &__mark &__check {\n color: $colorGrey50;\n }\n\n &--is-disabled &__input ~ &__mark {\n border-color: $colorGrey50;\n }\n\n &--is-disabled &__mark {\n background-color: $colorGrey20;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../index\";\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 description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-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 /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Checked status /\n @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n /* Default checked (used by reset) /\n @Prop({ mutable: true }) defaultChecked: boolean;\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 /\n Do not use this property. It will be deprecated with the next major release.\n * Long description title appearing in a popover (use description-long-title slot as or description property alternative) /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /* 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 /* 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 @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n @Element() element: HTMLStzhRadioElement;\n\n private input: HTMLInputElement;\n private inputId: string;\n private focusedByInput: boolean = false;\n\n private handleReset = async () => {\n this.checked = this.defaultChecked;\n };\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.input.focus();\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 this.defaultChecked = typeof this.defaultChecked === \"boolean\" ? this.defaultChecked : this.checked;\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?.length > 0;\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 \|\| errorUsed,\n \"stzh-radio--is-disabled\": this.disabled,\n };\n\n return (\n <Host is-invalid={this.invalid \|\| errorUsed} 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 defaultChecked={this.defaultChecked}\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.hideOptional && (\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 </span>\n <span class=\"stzh-radio__marker-text\">\n {this.required\n ? this.localization.$globals.requiredFieldText\n : this.localization.$globals.optionalFieldText}\n </span>\n </span>\n )}\n </div>\n </label>\n {(errorUsed \|\| this.description) && (\n <StzhInputDescription\n classPrefix=\"stzh-radio\"\n id={`${this.inputId}-description`}\n error={this._error}\n description={this.description}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n />\n )}\n </div>\n </Host>\n );\n }\n}\n",":host {\n --legend-color: var(--stzh-radio-group-legend-color, #{$headingColor});\n\n &[disabled]:not([disabled=\"false\"]) {\n --description-color: #{$formDisabledColor};\n }\n}\n\n.stzh-radiogroup {\n @include input-description;\n margin: 0;\n padding: 0;\n border: none;\n\n &__fields {\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n gap: space(\"medium\");\n }\n\n &__legend {\n @include font(\"heavy\");\n @include fontSize(\"micro\");\n color: var(--legend-color);\n padding: 0;\n margin-bottom: space(\"xsmall\");\n }\n\n &__marker {\n @include fontSize(\"nano\");\n margin-left: calc(-0.25em + #{space(\"xsmall\")});\n }\n\n &--hide-legend &__legend {\n @include visuallyhidden;\n }\n\n &--is-invalid &__legend,\n &--has-error &__legend {\n color: $colorError60;\n }\n\n &--is-disabled &__legend {\n color: $colorGrey60;\n }\n\n &--direction-horizontal &__fields {\n flex-wrap: wrap;\n flex-direction: row;\n row-gap: space(\"medium\");\n column-gap: space(\"xxlarge\");\n }\n}\n","import { Component, Element, h, Host, Listen, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhRadioChangeEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { camelCase } from \"../../utils/string-utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nconst SELECTOR_RADIO = \"stzh-radio, stzh-button[type=radio], stzh-card\";\n\nlet radiogroupCounter = 0;\n\n/\n @slot - Slot for `stzh-radio`, `stzh-button[type=\"radio\"]` or `stzh-card` elements\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-radiogroup\",\n styleUrl: \"stzh-radiogroup.scss\",\n scoped: true,\n})\nexport class StzhRadiogroup {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Whether the element is disabled or not /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* The name of the input radio elements, will define the radio group. If you have more than one radio group on a page, every group needs to have its own unique name /\n @Prop({ reflect: true }) name: string;\n\n /* The legend /\n @Prop() legend: string;\n\n /* Hide legend to show only for screenreaders /\n @Prop({ reflect: true }) hideLegend: boolean = false;\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Required status /\n @Prop({ reflect: true }) required: boolean = false;\n\n /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Select a radio by value /\n @Prop({ mutable: true }) value: string = \"\";\n\n /* Default value (used by reset) /\n @Prop({ mutable: true }) defaultValue: string = \"\";\n\n /* Direction /\n @Prop({ reflect: true }) direction: \"vertical\" \| \"horizontal\" = \"vertical\";\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover (use description-long slot as alternative) /\n @Prop() descriptionLong: string;\n\n /\n Do not use this property. It will be deprecated with the next major release.\n * Long description title appearing in a popover (use description-long-title slot as or description property alternative) /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /* Current checked radio element (readonly) /\n @Prop() checkedRadio: HTMLStzhRadioElement \| null = null;\n\n /* Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid, required, hide-marker) /\n @Prop() preventUpdateProperties: string[] \| string = [];\n private _preventUpdateProperties: string[] = [];\n\n /* Host element /\n @Element() element: HTMLElement;\n\n @Watch(\"name\")\n watchName(newValue: string) {\n this.updateRadiosProperty(\"name\", newValue);\n }\n\n @Watch(\"disabled\")\n watchDisabled(newValue: boolean) {\n this.updateRadiosProperty(\"disabled\", newValue);\n }\n\n @Watch(\"required\")\n watchRequired(newValue: boolean) {\n this.updateRadiosProperty(\"required\", newValue);\n }\n\n @Watch(\"value\")\n watchValue(newValue: string) {\n this.updateCheckedRadioByValue(newValue);\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n @Watch(\"preventUpdateProperties\")\n preventUpdatePropertiesWatcher(newValue: string[] \| string) {\n if (typeof newValue === \"string\") {\n this._preventUpdateProperties = JSON.parse(newValue);\n } else {\n this._preventUpdateProperties = newValue;\n }\n }\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Listen(\"stzhChange\")\n onChange(event: CustomEvent<StzhRadioChangeEvent>) {\n this.value = event.detail.value;\n }\n\n /* Radio elements */\n private radios: HTMLStzhRadioElement[];\n private radiogroupId: string;\n private observer: MutationObserver;\n\n private updateRadiosProperty(prop: string, value: any) {\n this.radios.forEach((radio: HTMLStzhRadioElement) => {\n if (prop === \"disabled\") {\n // Only set the disabled if the radio is not already disabled\n if (!radio.disabled) {\n radio.disabled = value;\n }\n } else if (prop === \"name\" \|\| this._preventUpdateProperties.indexOf(prop) === -1) {\n radio[camelCase(prop)] = value;\n }\n });\n }\n\n private get errorUsed(): boolean {\n return hasSlot(this.element, \"error\") \|\| this._error?.length > 0;\n }\n\n private updateCheckedRadioByValue(value: string) {\n this.checkedRadio = this.radios.find(radio => radio.value === value);\n\n if (this.checkedRadio) {\n this.checkedRadio.checked = true;\n }\n\n this.uncheckRadios();\n }\n\n private uncheckRadios() {\n // make sure that no other radios are checked than the current one or no one\n this.radios.forEach((radio: HTMLStzhRadioElement) => {\n if (!this.checkedRadio \|\| radio !== this.checkedRadio) {\n radio.checked = false;\n }\n });\n }\n\n private handleReset = async () => {\n this.value = this.defaultValue;\n };\n\n private init = () => {\n // update radios\n this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));\n\n this.updateRadiosProperty(\"hide-optional\", true);\n this.updateRadiosProperty(\"a11y-describedby\", `${this.radiogroupId}-description`);\n this.updateRadiosProperty(\"invalid\", this.invalid \|\| this.errorUsed);\n\n this.watchValue(this.value);\n this.watchName(this.name);\n this.watchDisabled(this.disabled);\n this.watchRequired(this.required);\n };\n\n componentDidLoad() {\n this.defaultValue = this.defaultValue ? this.defaultValue : this.value;\n }\n\n async componentWillLoad() {\n this.radiogroupId = `stzh-radiogroup-${radiogroupCounter++}`;\n this.errorWatcher(this.error);\n this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"radiogroup\");\n }\n }\n\n componentShouldUpdate(_newValue, _oldValue, prop: string) {\n return prop !== \"checkedRadio\";\n }\n\n componentDidRender() {\n this.init();\n }\n\n connectedCallback() {\n if (!this.value) {\n this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));\n\n // try to find a checkbox that might has checked set to true\n const checkedRadio = this.radios.find(radio => radio.checked);\n\n if (checkedRadio) {\n this.value = checkedRadio.value;\n }\n }\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n const descriptionUsed = hasSlot(this.element, \"description\") \|\| !!this.description;\n const descriptionLongUsed = hasSlot(this.element, \"description-long\") \|\| !!this.descriptionLong;\n\n const classes = {\n \"stzh-radiogroup\": true,\n \"stzh-radiogroup--has-description\": descriptionUsed,\n \"stzh-radiogroup--has-description-long\": descriptionLongUsed,\n \"stzh-radiogroup--has-error\": this.errorUsed,\n \"stzh-radiogroup--is-required\": this.required,\n \"stzh-radiogroup--is-disabled\": this.disabled,\n \"stzh-radiogroup--is-invalid\": this.invalid \|\| this.errorUsed,\n \"stzh-radiogroup--hide-legend\": this.hideLegend,\n [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,\n };\n\n return (\n <Host is-invalid={this.invalid \|\| this.errorUsed}>\n <fieldset class={classes}>\n {this.legend && (\n <legend class=\"stzh-radiogroup__legend\">\n {this.legend}\n {!this.hideOptional && (\n <span class=\"stzh-radiogroup__marker\">\n <span class=\"stzh-radiogroup__marker-symbol\" aria-hidden=\"true\">\n {this.required\n ? this.localization.$globals.requiredFieldMarker\n : this.localization.$globals.optionalFieldMarker}\n </span>\n <span class=\"stzh-radiogroup__marker-text\">\n {this.required\n ? this.localization.$globals.requiredFieldText\n : this.localization.$globals.optionalFieldText}\n </span>\n </span>\n )}\n </legend>\n )}\n <div class=\"stzh-radiogroup__fields\">\n <slot></slot>\n </div>\n {(this.errorUsed \|\| this.description) && (\n <StzhInputDescription\n classPrefix=\"stzh-radiogroup\"\n id={`${this.radiogroupId}-description`}\n error={this._error}\n description={this.description}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n />\n )}\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-datepicker.stzh-radio.stzh-radiogroup.entry.cjs.js","mappings":"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","names":["printISODate","hasSlot","h","Host","Fragment","StzhInputDescription","camelCase"],"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 --calendar-width: #{$calendarWidth};\n\n width: 100%;\n position: relative;\n\n &[inline]:not([inline=\"false\"]) {\n width: var(--calendar-width);\n }\n}\n\n.stzh-datepicker {\n &__popover {\n --width: auto;\n }\n\n &__calendar {\n margin-left: auto;\n margin-right: auto;\n\n &.is-inline {\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n }\n }\n\n &__actions {\n display: flex;\n width: var(--calendar-width);\n margin-left: auto;\n margin-right: auto;\n\n &.is-inline {\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n }\n\n &:not(:empty) {\n padding-left: space(\"small\");\n padding-right: space(\"small\");\n }\n }\n\n /* Has action /\n\n &--has-action &__popover {\n --content-padding: 0 0 #{space(\"small\")} 0;\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 Listen,\n} from \"@stencil/core\";\n\nimport { StzhCalendarChangeEvent, StzhDatepickerChangeEvent } from \"../../index\";\n\nimport { StzhCalendarDateDisabledPredicate } from \"../../index\";\n\nimport { printISODate } from \"../../utils/date-utils\";\nimport { StzhLocaleAdapter } from \"../../index\";\n\nimport { StzhDatepickerLocalizedText } from \"./stzh-datepicker.localization\";\nimport { hasSlot } from \"../../utils/utils\";\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 the hidden date picker input. If a date can be parsed (via picker always), the value is in ISO format. Otherwise the value equals the manual input. /\n @Prop({ mutable: true }) value: string = \"\";\n @State() calendarValue: string = \"\";\n @State() inputValue: string = \"\";\n\n /* Default value (used by reset) /\n @Prop({ mutable: true }) defaultValue: 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 /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Size variant /\n @Prop({ reflect: true }) size: \"default\" \| \"small\" = \"default\";\n\n /* Show calendar inline /\n @Prop({ reflect: true }) inline: boolean = false;\n\n /\n Date adapter visible date shown to the user, 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 /\n Date adapter for internal date passed to backend, for custom parsing/formatting.\n * Can be `\"iso\"` (default, date in ISO format) / `\"legacy\"` (date in `d.m.Y` format)\n * or `StzhLocaleAdapter` (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() internalDateAdapter: \"iso\" \| \"legacy\" \| StzhLocaleAdapter = \"iso\";\n private _internalDateAdapter: StzhLocaleAdapter;\n\n /* Translation strings. /\n @Prop() localization: StzhDatepickerLocalizedText;\n\n @State() buttonLabel: string;\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @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 if (!this._internalDateAdapter) {\n return;\n }\n\n const date = this._internalDateAdapter.parse(newValue, \"dateInput\");\n\n this.calendarValue = printISODate(date);\n this.inputValue = this.dateAdapter.format(date, \"dateInput\");\n\n this.updateButtonAccessibleLabel();\n }\n\n @Watch(\"dateAdapter\")\n dateAdapterWatcher(newValue: StzhLocaleAdapter) {\n if (!newValue) {\n this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formats,\n this.localization.$globals,\n );\n }\n }\n\n @Watch(\"internalDateAdapter\")\n internalDateAdapterWatcher(newValue: \"iso\" \| \"legacy\" \| StzhLocaleAdapter) {\n if (newValue === \"iso\" \|\| !newValue) {\n this._internalDateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formatsIso,\n this.localization.$globals,\n );\n } else if (newValue === \"legacy\") {\n this._internalDateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formatsLegacy,\n this.localization.$globals,\n );\n } else {\n this._internalDateAdapter = newValue;\n }\n }\n\n /* Set value by a JS Date object /\n @Method()\n async setDate(date: Date) {\n this.value = this._internalDateAdapter.format(date, \"dateInput\");\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 handleReset = async () => {\n this.value = this.defaultValue;\n };\n\n private onRootFocus = () => {\n if (this.input) {\n this.input.focus();\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 formattedDate = this._internalDateAdapter.format(parsedDate, \"dateInput\");\n\n if (this.value !== formattedDate) {\n this.value = formattedDate;\n } else {\n this.valueWatcher(formattedDate);\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 if (event.detail.component !== \"stzh-calendar\") {\n // Do not emit stzhChange event from year/month dropdowns\n event.stopPropagation();\n return;\n }\n\n this.value = event.detail.valueAsDate && this._internalDateAdapter.format(event.detail.valueAsDate, \"dateInput\");\n\n this.stzhChange.emit({\n component: \"stzh-datepicker\",\n value: this.value,\n valueAsDate: event.detail.valueAsDate,\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 = this._internalDateAdapter.parse(this.value, \"dateInput\");\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 this.dateAdapterWatcher(this.dateAdapter);\n this.internalDateAdapterWatcher(this.internalDateAdapter);\n this.valueWatcher(this.value);\n this.defaultValue = this.defaultValue \|\| this.value;\n }\n\n render() {\n const actionUsed = hasSlot(this.element, \"action\");\n\n const classes = {\n \"stzh-datepicker\": true,\n \"stzh-datepicker--inline\": this.inline,\n \"stzh-datepicker--has-action\": actionUsed,\n };\n\n return (\n <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <div class={classes}>\n <input type=\"hidden\" name={this.name} value={this.value} defaultValue={this.defaultValue} />\n\n {this.inline && (\n <Fragment>\n <stzh-calendar\n // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n value={this.calendarValue}\n class=\"stzh-datepicker__calendar is-inline\"\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 value={this.inputValue}\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 hideOptional={this.hideOptional}\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 strategy=\"fixed\"\n label={this.label}\n >\n <stzh-button\n icon-only\n icon=\"calendar\"\n size={this.size}\n disabled={this.disabled}\n a11yLabel={this.buttonLabel}\n ></stzh-button>\n <div slot=\"content\">\n <stzh-calendar\n // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n value={this.calendarValue}\n class=\"stzh-datepicker__calendar is-popover\"\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 </div>\n </stzh-popover>\n </stzh-input>\n )}\n </div>\n </Host>\n );\n }\n}\n",":host {\n --label-color: var(--stzh-radio-label-color, #{$baseColor});\n --label-hover-color: var(--stzh-radio-label-hover-color, #{$colorPrimary70});\n --label-hover-checked-color: var(\n --stzh-radio-label-hover-checked-color,\n #{$colorPrimary90}\n );\n\n display: inline-block;\n\n &[disabled]:not([disabled=\"false\"]) {\n --description-color: #{$formDisabledColor};\n }\n}\n\n.stzh-radio {\n @include input-description;\n display: grid;\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 --stzh-base-color: initial;\n\n display: inline-block;\n color: var(--label-color);\n transition: color $baseTransitionAnimationSpeed;\n margin-left: space(\"small\");\n line-height: 24px;\n\n &:empty {\n display: none;\n }\n }\n\n &__marker {\n @include fontSize(\"micro\");\n margin-left: calc(-0.25em + #{space(\"xsmall\")});\n }\n\n / Hover / Focus / Checked /\n\n &:hover &__label,\n &__input:checked ~ &__label {\n color: var(--label-hover-color);\n }\n\n &__input:checked:hover ~ &__label,\n &__input:checked:hover ~ &__mark &__check {\n color: var(--label-hover-checked-color);\n }\n\n &:hover &__mark,\n &__input:checked ~ &__mark {\n border-color: var(--label-hover-color);\n }\n\n &__input:checked:hover ~ &__mark {\n border-color: var(--label-hover-checked-color);\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: $colorError60;\n }\n\n &--is-invalid &__input ~ &__mark {\n border-color: $colorError60;\n }\n\n / Disabled /\n\n &--is-disabled &__field-wrapper {\n cursor: not-allowed;\n }\n\n &--is-disabled &__input ~ &__label {\n color: $colorGrey60;\n }\n\n &--is-disabled &__input ~ &__mark &__check {\n color: $colorGrey50;\n }\n\n &--is-disabled &__input ~ &__mark {\n border-color: $colorGrey50;\n }\n\n &--is-disabled &__mark {\n background-color: $colorGrey20;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../index\";\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 description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-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 /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Checked status /\n @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n /* Default checked (used by reset) /\n @Prop({ mutable: true }) defaultChecked: boolean;\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 /\n Do not use this property. It will be deprecated with the next major release.\n * Long description title appearing in a popover (use description-long-title slot as or description property alternative) /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /* 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 /* 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 @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n @Element() element: HTMLStzhRadioElement;\n\n private input: HTMLInputElement;\n private inputId: string;\n private focusedByInput: boolean = false;\n\n private handleReset = async () => {\n this.checked = this.defaultChecked;\n };\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.input.focus();\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 this.defaultChecked = typeof this.defaultChecked === \"boolean\" ? this.defaultChecked : this.checked;\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?.length > 0;\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 \|\| errorUsed,\n \"stzh-radio--is-disabled\": this.disabled,\n };\n\n return (\n <Host is-invalid={this.invalid \|\| errorUsed} 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 defaultChecked={this.defaultChecked}\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.hideOptional && (\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 </span>\n <span class=\"stzh-radio__marker-text\">\n {this.required\n ? this.localization.$globals.requiredFieldText\n : this.localization.$globals.optionalFieldText}\n </span>\n </span>\n )}\n </div>\n </label>\n {(errorUsed \|\| this.description) && (\n <StzhInputDescription\n classPrefix=\"stzh-radio\"\n id={`${this.inputId}-description`}\n error={this._error}\n description={this.description}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n />\n )}\n </div>\n </Host>\n );\n }\n}\n",":host {\n --legend-color: var(--stzh-radio-group-legend-color, #{$headingColor});\n\n &[disabled]:not([disabled=\"false\"]) {\n --description-color: #{$formDisabledColor};\n }\n}\n\n.stzh-radiogroup {\n @include input-description;\n margin: 0;\n padding: 0;\n border: none;\n\n &__fields {\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n gap: space(\"medium\");\n }\n\n &__legend {\n @include font(\"heavy\");\n @include fontSize(\"micro\");\n color: var(--legend-color);\n padding: 0;\n margin-bottom: space(\"xsmall\");\n }\n\n &__marker {\n @include fontSize(\"nano\");\n margin-left: calc(-0.25em + #{space(\"xsmall\")});\n }\n\n &--hide-legend &__legend {\n @include visuallyhidden;\n }\n\n &--is-invalid &__legend,\n &--has-error &__legend {\n color: $colorError60;\n }\n\n &--is-disabled &__legend {\n color: $colorGrey60;\n }\n\n &--direction-horizontal &__fields {\n flex-wrap: wrap;\n flex-direction: row;\n row-gap: space(\"medium\");\n column-gap: space(\"xxlarge\");\n }\n}\n","import { Component, Element, h, Host, Listen, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhRadioChangeEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { camelCase } from \"../../utils/string-utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nconst SELECTOR_RADIO = \"stzh-radio, stzh-button[type=radio], stzh-card\";\n\nlet radiogroupCounter = 0;\n\n/\n @slot - Slot for `stzh-radio`, `stzh-button[type=\"radio\"]` or `stzh-card` elements\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-radiogroup\",\n styleUrl: \"stzh-radiogroup.scss\",\n scoped: true,\n})\nexport class StzhRadiogroup {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Whether the element is disabled or not /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* The name of the input radio elements, will define the radio group. If you have more than one radio group on a page, every group needs to have its own unique name /\n @Prop({ reflect: true }) name: string;\n\n /* The legend /\n @Prop() legend: string;\n\n /* Hide legend to show only for screenreaders /\n @Prop({ reflect: true }) hideLegend: boolean = false;\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Required status /\n @Prop({ reflect: true }) required: boolean = false;\n\n /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Select a radio by value /\n @Prop({ mutable: true }) value: string = \"\";\n\n /* Default value (used by reset) /\n @Prop({ mutable: true }) defaultValue: string = \"\";\n\n /* Direction /\n @Prop({ reflect: true }) direction: \"vertical\" \| \"horizontal\" = \"vertical\";\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover (use description-long slot as alternative) /\n @Prop() descriptionLong: string;\n\n /\n Do not use this property. It will be deprecated with the next major release.\n * Long description title appearing in a popover (use description-long-title slot as or description property alternative) /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /* Current checked radio element (readonly) /\n @Prop() checkedRadio: HTMLStzhRadioElement \| null = null;\n\n /* Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid, required, hide-marker) /\n @Prop() preventUpdateProperties: string[] \| string = [];\n private _preventUpdateProperties: string[] = [];\n\n /* Host element /\n @Element() element: HTMLElement;\n\n @Watch(\"name\")\n watchName(newValue: string) {\n this.updateRadiosProperty(\"name\", newValue);\n }\n\n @Watch(\"disabled\")\n watchDisabled(newValue: boolean) {\n this.updateRadiosProperty(\"disabled\", newValue);\n }\n\n @Watch(\"required\")\n watchRequired(newValue: boolean) {\n this.updateRadiosProperty(\"required\", newValue);\n }\n\n @Watch(\"value\")\n watchValue(newValue: string) {\n this.updateCheckedRadioByValue(newValue);\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n @Watch(\"preventUpdateProperties\")\n preventUpdatePropertiesWatcher(newValue: string[] \| string) {\n if (typeof newValue === \"string\") {\n this._preventUpdateProperties = JSON.parse(newValue);\n } else {\n this._preventUpdateProperties = newValue;\n }\n }\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Listen(\"stzhChange\")\n onChange(event: CustomEvent<StzhRadioChangeEvent>) {\n this.value = event.detail.value;\n }\n\n /* Radio elements */\n private radios: HTMLStzhRadioElement[];\n private radiogroupId: string;\n private observer: MutationObserver;\n\n private updateRadiosProperty(prop: string, value: any) {\n this.radios.forEach((radio: HTMLStzhRadioElement) => {\n if (prop === \"disabled\") {\n // Only set the disabled if the radio is not already disabled\n if (!radio.disabled) {\n radio.disabled = value;\n }\n } else if (prop === \"name\" \|\| this._preventUpdateProperties.indexOf(prop) === -1) {\n radio[camelCase(prop)] = value;\n }\n });\n }\n\n private get errorUsed(): boolean {\n return hasSlot(this.element, \"error\") \|\| this._error?.length > 0;\n }\n\n private updateCheckedRadioByValue(value: string) {\n this.checkedRadio = this.radios.find(radio => radio.value === value);\n\n if (this.checkedRadio) {\n this.checkedRadio.checked = true;\n }\n\n this.uncheckRadios();\n }\n\n private uncheckRadios() {\n // make sure that no other radios are checked than the current one or no one\n this.radios.forEach((radio: HTMLStzhRadioElement) => {\n if (!this.checkedRadio \|\| radio !== this.checkedRadio) {\n radio.checked = false;\n }\n });\n }\n\n private handleReset = async () => {\n this.value = this.defaultValue;\n };\n\n private init = () => {\n // update radios\n this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));\n\n this.updateRadiosProperty(\"hide-optional\", true);\n this.updateRadiosProperty(\"a11y-describedby\", `${this.radiogroupId}-description`);\n this.updateRadiosProperty(\"invalid\", this.invalid \|\| this.errorUsed);\n\n this.watchValue(this.value);\n this.watchName(this.name);\n this.watchDisabled(this.disabled);\n this.watchRequired(this.required);\n };\n\n componentDidLoad() {\n this.defaultValue = this.defaultValue ? this.defaultValue : this.value;\n }\n\n async componentWillLoad() {\n this.radiogroupId = `stzh-radiogroup-${radiogroupCounter++}`;\n this.errorWatcher(this.error);\n this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"radiogroup\");\n }\n }\n\n componentShouldUpdate(_newValue, _oldValue, prop: string) {\n return prop !== \"checkedRadio\";\n }\n\n componentDidRender() {\n this.init();\n }\n\n connectedCallback() {\n if (!this.value) {\n this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));\n\n // try to find a checkbox that might has checked set to true\n const checkedRadio = this.radios.find(radio => radio.checked);\n\n if (checkedRadio) {\n this.value = checkedRadio.value;\n }\n }\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n const descriptionUsed = hasSlot(this.element, \"description\") \|\| !!this.description;\n const descriptionLongUsed = hasSlot(this.element, \"description-long\") \|\| !!this.descriptionLong;\n\n const classes = {\n \"stzh-radiogroup\": true,\n \"stzh-radiogroup--has-description\": descriptionUsed,\n \"stzh-radiogroup--has-description-long\": descriptionLongUsed,\n \"stzh-radiogroup--has-error\": this.errorUsed,\n \"stzh-radiogroup--is-required\": this.required,\n \"stzh-radiogroup--is-disabled\": this.disabled,\n \"stzh-radiogroup--is-invalid\": this.invalid \|\| this.errorUsed,\n \"stzh-radiogroup--hide-legend\": this.hideLegend,\n [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,\n };\n\n return (\n <Host is-invalid={this.invalid \|\| this.errorUsed}>\n <fieldset class={classes}>\n {this.legend && (\n <legend class=\"stzh-radiogroup__legend\">\n {this.legend}\n {!this.hideOptional && (\n <span class=\"stzh-radiogroup__marker\">\n <span class=\"stzh-radiogroup__marker-symbol\" aria-hidden=\"true\">\n {this.required\n ? this.localization.$globals.requiredFieldMarker\n : this.localization.$globals.optionalFieldMarker}\n </span>\n <span class=\"stzh-radiogroup__marker-text\">\n {this.required\n ? this.localization.$globals.requiredFieldText\n : this.localization.$globals.optionalFieldText}\n </span>\n </span>\n )}\n </legend>\n )}\n <div class=\"stzh-radiogroup__fields\">\n <slot></slot>\n </div>\n {(this.errorUsed \|\| this.description) && (\n <StzhInputDescription\n classPrefix=\"stzh-radiogroup\"\n id={`${this.radiogroupId}-description`}\n error={this._error}\n description={this.description}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n />\n )}\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/stzh-daterange.cjs.entry.js CHANGED Viewed

@@ -94,7 +94,7 @@ const StzhDaterange = class {
             tomorrow: this.localization.rangeTomorrow,
             next7days: this.localization.rangeNextSevenDays,
         };
-        return (index.h(index.Host, { key: '5fcdce3592f787c646d5d0cb59e1b673fdaa0386' }, index.h("fieldset", { key: '6d23eab136fc7e875516350dd8a96664ab0fff0e', class: classes }, index.h("legend", { key: '32788fa57f23a0ac92fae2c2c63bbf33e0b50549', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), index.h("div", { key: 'e7f120ac73cf012172d8b254c831cb8d74eb2fe0', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, index.h("slot", { key: '766d6f1113189cbe5f51b0362cead439fe2c3086', name: "from" })), index.h("div", { key: 'e66c2d8c5d10656c009fea803d7ec62ca80b980a', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, index.h("slot", { key: '5b874cfaaac0ffd60dcb5a35280c5544d4d99918', name: "to" })), index.h("div", { key: '5f62d3b0c270b3a8f6f080be51a5040025a262f2', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (index.h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
+        return (index.h(index.Host, { key: '5db12671735d866351c367181125e0d8626e3d97' }, index.h("fieldset", { key: '3f244b90e8a311caf2ca0871dfe39e00c336ecad', class: classes }, index.h("legend", { key: '7b5863c6e15d54fcd88b1f3f415726dfa3d71720', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), index.h("div", { key: '7776e92c391453da877c0886c5a9c4eec550e6e4', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, index.h("slot", { key: '796592b37f14b485affa914323824b0504426a40', name: "from" })), index.h("div", { key: '24ea52e086a5ea62329fc47c13427f6a25709d14', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, index.h("slot", { key: '8b7c4cc8bd024d7de758ba34c740eee34f97d67d', name: "to" })), index.h("div", { key: 'b3725426b9ca967980df071770d068252b419154', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (index.h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-details.cjs.entry.js CHANGED Viewed

@@ -147,7 +147,7 @@ const StzhDetails = class {
             "stzh-details": true,
             "stzh-details--is-open": this.open,
         };
-        return (index.h(index.Host, { key: '777363ba3409cf89d3135e65e63f21a48efa11e9' }, index.h("div", { key: '2bc486bb6234febb615b6a45f3e40f7a8bdbf413', class: classes }, index.h("div", { key: '8bfd062dd0458ae610a4afd7cb9c21faba6f7b22', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, index.h("slot", { key: '398600dad2b7f7f9e160417b5161cd3ebedf2978' })), index.h("div", { key: 'bb1dcab59ff9db543be52366a2aac4584c613ed9', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, index.h("div", { key: '34d02cd32b6df18a4a08947d5dcacd0be7f201ed', class: "stzh-details__content-inner" }, index.h("slot", { key: 'f0f26f832e13944ff6a49911582944eba9962baa', name: "content" }))))));
+        return (index.h(index.Host, { key: 'ca6bbca4ac3dc3269384587a605bcf97472570d8' }, index.h("div", { key: '18cee3ca3a3e902db6fce7f73874613c7c81381e', class: classes }, index.h("div", { key: 'bb557c1c6cdf1f082618040b3c7e541f3b554d70', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, index.h("slot", { key: '6e7b7ad5bf2542c6bd78915c11abf67d3ee46e71' })), index.h("div", { key: '7ce3e9dfc0769848b53805b6bcba2ddc95d2c1f8', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, index.h("div", { key: '8104b32d9205e54735a8fe48ba9cc7094a357cb1', class: "stzh-details__content-inner" }, index.h("slot", { key: 'db96f455cb2148c6c16ab156708ee2a32eddbf8d', name: "content" }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-dialog.cjs.entry.js CHANGED Viewed

@@ -92,10 +92,10 @@ const StzhDialog = class {
         });
     }
     getSiblings() {
-        if (!this.parentElement) {
+        if (!this.containerElement) {
             return [];
         }
-        return Array.from(this.parentElement.children).filter(child => child !== this.element);
+        return Array.from(this.containerElement.children).filter(child => child !== this.element);
     }
     disableSiblings() {
         this.getSiblings().forEach(sibling => {
@@ -146,7 +146,7 @@ const StzhDialog = class {
         if (!this.stay && this.element.parentElement !== document.body) {
             document.body.appendChild(this.element);
         }
-        this.parentElement = this.element.parentElement;
+        this.containerElement = this.element.parentElement;
         this.init();
         this.observer = new MutationObserver(this.init);
         this.observer.observe(this.element, {
@@ -161,13 +161,13 @@ const StzhDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '786e0ae3d592c6f8897406e0abfbfc4e26b23ba7' }, index.h("div", { key: '3d1e432eca2f23eab02bc84c3afaa95a57746c9b', class: {
+        return (index.h(index.Host, { key: '80c4a5f1ff198ffc57ad003b1ecc94191e61e4ce' }, index.h("div", { key: '90da322bcc2e511e889b2c307823a2894883d77a', 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,
-            } }, index.h("div", { key: '2a306c8f712762a8620e44a03f887da41a135b90', class: "stzh-dialog__backdrop" }), index.h("div", { key: 'b5bffbb1a4d317a2b288ce688e9ca07fd336bbf3', class: "stzh-dialog__content" }, index.h("div", { key: 'af9be34c6caa163c1a5b4899263339268e0f9cce', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, index.h("stzh-heading", { key: 'e8add93d5f6a29c67275eff6776cceb2def8c380', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), index.h("div", { key: 'fadf8b91b07aacaabf0842363fd05e9b37f2e3d1', class: "stzh-dialog__dialog-content" }, index.h("slot", { key: '493da9af1b49e8dbffd6b6e34e331c93823ffe0e' })), index.h("div", { key: '46432e678a5a3f36445402dcaf33b4692d2f1bee', class: "stzh-dialog__actions" }, index.h("slot", { key: 'e859d08618f28f062f21dcc1450fba189974e65a', name: "actions" })), !this.hideClose && (index.h("stzh-button", { key: 'bfb6b624e10ce3a6412314fc5eac933ff7269cd1', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
+            } }, index.h("div", { key: '40f75980e48c54b7add9f58b21f403df741ad0c8', class: "stzh-dialog__backdrop" }), index.h("div", { key: '3918ecd700af69e6faecd4aea069aa5458b09c0b', class: "stzh-dialog__content" }, index.h("div", { key: 'b4e451d98f0187bef0de13f68f5fb229aac1cb65', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, index.h("stzh-heading", { key: '28a6c7165701d4411d8bbcdca8b702b80f53bae6', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), index.h("div", { key: '100e036c24a5b1744dceda661d740563bedc1a9d', class: "stzh-dialog__dialog-content" }, index.h("slot", { key: '4a58bb4166608fb49101eb3def4008bf0caf76eb' })), index.h("div", { key: '77f9e8e7c59aeb35ed562d9a1ba179071c142499', class: "stzh-dialog__actions" }, index.h("slot", { key: '1065d137ee0f2df141dfaee50ef4699cf42eccd3', name: "actions" })), !this.hideClose && (index.h("stzh-button", { key: '8a77da3056076d419dcec314cb84b0ad8154d88d', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-dialog.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-dialog.entry.cjs.js","mappings":"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","names":["setPropsIfNull","createFocusTrap","createBaseFocusTrapOptions","h","Host"],"sources":["src/components/stzh-dialog/stzh-dialog.scss?tag=stzh-dialog&encapsulation=scoped","src/components/stzh-dialog/stzh-dialog.tsx"],"sourcesContent":["/*\n @prop --width: Width of dialog\n * @prop --padding-top: Padding top of dialog\n * @prop --padding-bottom: Padding bottom of dialog\n * @prop --padding-left: Padding left of dialog\n * @prop --padding-right: Padding right of dialog\n * @prop --backdrop-opacity: Opacity of dialog backdrop\n * @prop --backdrop-background-color: Opacity of dialog background color\n \n @prop --stzh-dialog-backdrop-opacity: Global: Opacity of backdrops\n * @prop --stzh-dialog-backdrop-background-color: Global: Background color of backdrops\n /\n\n:host {\n @include spaceCurve(\"--padding-top\", \"large\");\n @include spaceCurve(\"--padding-bottom\", \"large\");\n @include spaceCurve(\"--padding-left\", \"medium\");\n @include spaceCurve(\"--padding-right\", \"medium\");\n --width: 100%;\n --backdrop-opacity: #{$dialogBackdropOpacity};\n --backdrop-background-color: #{$dialogBackdropBackgroundColor};\n\n @include mq($from: small) {\n --width: 536px;\n }\n\n @include mq($from: medium) {\n --width: 610px; // 786 before\n }\n\n @include mq($from: large) {\n --width: 866px; // 832 before\n }\n\n @include mq($from: ultra) {\n --width: 888px;\n }\n\n &[size=\"small\"] {\n @include mq($from: small) {\n --width: 395px;\n }\n\n @include mq($from: medium) {\n --width: 460px;\n }\n\n @include mq($from: large) {\n --width: 512px;\n }\n }\n}\n\n.stzh-dialog {\n z-index: $zIndexDialog;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: stretch;\n justify-content: stretch;\n\n &__content {\n z-index: 2;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n flex-grow: 1;\n overflow: auto;\n }\n\n &__dialog {\n position: relative;\n display: flex;\n flex-direction: column;\n margin: auto;\n border: none;\n background-color: $colorWhite;\n width: auto;\n min-width: var(--width);\n max-width: 100%;\n box-shadow: $boxShadowOverlay;\n height: 100vh;\n max-height: 100vh;\n overflow: hidden;\n outline: none;\n\n &--fit-content {\n width: fit-content;\n }\n\n @include mq($from: small) {\n height: auto;\n }\n }\n\n &__backdrop {\n z-index: 1;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n text-align: center;\n background-color: var(--backdrop-background-color);\n opacity: var(--backdrop-opacity);\n }\n\n &__heading {\n @include spaceCurve(\"padding-bottom\", \"regular\");\n padding-top: var(--padding-top);\n padding-left: var(--padding-left);\n padding-right: var(--padding-right);\n }\n\n &__dialog-content {\n padding-left: var(--padding-left);\n padding-right: var(--padding-right);\n @include spaceCurve(\"padding-top\", \"medium\");\n @include spaceCurve(\"padding-bottom\", \"medium\");\n overflow: auto;\n flex-grow: 1;\n }\n\n &__actions {\n &:not(:empty) {\n padding: space(\"medium\") var(--padding-right) var(--padding-bottom)\n var(--padding-left);\n }\n }\n\n &__close-button {\n position: absolute;\n top: space(\"xsmall\");\n right: space(\"xsmall\");\n\n @include mq($from: medium) {\n top: space(\"large\");\n right: space(\"large\");\n }\n }\n\n &--is-open {\n display: flex;\n }\n}\n","import { Host, Component, Element, Method, Listen, Prop, Event, EventEmitter, h } from \"@stencil/core\";\n\nimport { StzhDialogOpenEvent, StzhDialogCloseEvent } from \"../../index\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\nimport { createBaseFocusTrapOptions } from \"../../utils/overlay-utils\";\n\nimport { StzhDialogLocalizedText } from \"./stzh-dialog.localization\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\n\nconst CLASS_BODY_OPEN = \"stzh-dialog-open\";\n\nlet activeDialog: StzhDialog = null;\nlet dialogCounter = 0;\n\n/\n @slot actions - Slot for actions element\n * @slot - Slot for any content inside the dialog\n /\n@Component({\n tag: \"stzh-dialog\",\n styleUrl: \"stzh-dialog.scss\",\n scoped: true,\n})\nexport class StzhDialog {\n /* Translation strings /\n @Prop() localization: StzhDialogLocalizedText;\n\n /* Close dialog when pressing ESC /\n @Prop() closeOnEscapeKey: boolean = false;\n\n /* Close dialog when clicking outside of it /\n @Prop() closeOnBackdropClick: boolean = false;\n\n /* Open status /\n @Prop({ mutable: true }) open: boolean = false;\n\n /* Stay in original position (true) or move to body (false) /\n @Prop() stay: boolean = true;\n\n /* Size /\n @Prop({ reflect: true }) size: \"default\" \| \"small\" = \"default\";\n\n /* Whether to hide close button /\n @Prop() hideClose: boolean = false;\n\n /* Heading text\n * mandatory since DESI 4.0\n * /\n @Prop() heading: string = \"\";\n\n /* Accessibility role /\n @Prop({ attribute: \"a11y-role\" }) a11yRole: \"dialog\" \| \"alertdialog\" = \"alertdialog\";\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the close button element.\n * Default value will be taken from translations.\n /\n @Prop() closeAnalyticsId: string;\n\n /* Dialog open event /\n @Event() stzhOpen: EventEmitter<StzhDialogOpenEvent>;\n\n /* Dialog close event */\n @Event() stzhClose: EventEmitter<StzhDialogCloseEvent>;\n\n @Element() element: HTMLStzhDialogElement;\n\n @Listen(\"click\", { target: \"document\", capture: true })\n handleOutsideClick(event: MouseEvent) {\n if (!this.open \|\| !this.closeOnBackdropClick) {\n return;\n }\n\n const isClickOutside =\n event.target !== this.dialogElement && this.dialogElement.contains(event.target as HTMLElement) === false;\n\n if (isClickOutside) {\n this.hide();\n }\n }\n\n @Listen(\"keydown\", { target: \"document\" })\n handleKeydown(event: KeyboardEvent) {\n if (event.key === \"Escape\" && activeDialog === this && this.closeOnEscapeKey) {\n this.hide();\n }\n }\n\n @Listen(\"click\", { target: \"document\" })\n handleOpenTriggerClick(event: MouseEvent) {\n const target = event.target as HTMLElement;\n\n if (target.dataset.stzhDialogTrigger === this.element.id) {\n this.show();\n } else {\n const closest = target.closest(\"[data-stzh-dialog-trigger]\") as HTMLElement;\n\n if (closest && closest.dataset.stzhDialogTrigger === this.element.id) {\n this.show();\n }\n }\n }\n\n @Method()\n async show() {\n this.open = true;\n this.stzhOpen.emit({\n component: \"stzh-dialog\",\n });\n }\n\n @Method()\n async hide() {\n this.open = false;\n this.stzhClose.emit({\n component: \"stzh-dialog\",\n });\n }\n\n private observer: MutationObserver;\n private id: string;\n private trap: FocusTrap;\n private parentElement: HTMLElement;\n private dialogElement: HTMLDivElement;\n\n private handleDialogClick = (event: MouseEvent) => {\n const target = event.target as HTMLElement;\n if (target.dataset.stzhDialogClose) {\n this.hide();\n } else {\n const closest = target.closest(\"[data-stzh-dialog-close]\");\n\n if (closest) {\n this.hide();\n }\n }\n };\n\n private handleCloseButtonClick = () => {\n this.hide();\n };\n\n private init = () => {\n const actions = this.element.querySelector('stzh-actions[slot=\"actions\"]');\n\n if (actions) {\n setPropsIfNull(actions, {\n variant: \"dialog\",\n } as HTMLStzhActionsElement);\n }\n };\n\n private getSiblings() {\n if (!this.parentElement) {\n return [];\n }\n\n return Array.from(this.parentElement.children).filter(child => child !== this.element);\n }\n\n private disableSiblings() {\n this.getSiblings().forEach(sibling => {\n sibling.setAttribute(\"aria-hidden\", \"true\");\n });\n }\n\n private enableSiblings() {\n this.getSiblings().forEach(sibling => {\n sibling.removeAttribute(\"aria-hidden\");\n });\n }\n\n private dialogShown() {\n activeDialog = this;\n document.body.classList.add(CLASS_BODY_OPEN);\n this.disableSiblings();\n\n if (this.trap) {\n this.trap.activate();\n }\n }\n\n private dialogHidden() {\n document.body.classList.remove(CLASS_BODY_OPEN);\n this.enableSiblings();\n\n if (this.trap) {\n this.trap.deactivate();\n }\n\n activeDialog = null;\n }\n\n async componentWillLoad() {\n this.id = `stzh-dialog-${dialogCounter}`;\n dialogCounter++;\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"dialog\");\n }\n }\n\n componentDidRender() {\n this.open ? this.dialogShown() : this.dialogHidden();\n }\n\n componentDidUpdate() {\n this.trap.updateContainerElements(this.element);\n }\n\n componentDidLoad() {\n this.trap = createFocusTrap(this.element, {\n fallbackFocus: this.dialogElement,\n ...createBaseFocusTrapOptions(),\n });\n\n if (this.open) {\n this.dialogShown();\n }\n }\n\n connectedCallback() {\n if (!this.stay && this.element.parentElement !== document.body) {\n document.body.appendChild(this.element);\n }\n\n this.parentElement = this.element.parentElement;\n\n this.init();\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 this.dialogHidden();\n\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n \"stzh-dialog\": true,\n \"stzh-dialog--is-open\": this.open,\n \"stzh-dialog--has-heading\": !!this.heading,\n \"stzh-dialog--has-close-hidden\": this.hideClose,\n [`stzh-dialog--size-${this.size}`]: !!this.size,\n }}\n >\n <div class=\"stzh-dialog__backdrop\"></div>\n <div class=\"stzh-dialog__content\">\n <div\n class=\"stzh-dialog__dialog\"\n ref={el => (this.dialogElement = el as HTMLDivElement)}\n tabindex=\"-1\"\n role={this.a11yRole}\n aria-hidden={this.open ? \"false\" : \"true\"}\n onClick={this.handleDialogClick}\n >\n <stzh-heading id={`${this.id}-heading`} class=\"stzh-dialog__heading\" level=\"2\">\n {this.heading ? this.heading : \"Title\"}\n </stzh-heading>\n\n <div class=\"stzh-dialog__dialog-content\">\n <slot></slot>\n </div>\n\n <div class=\"stzh-dialog__actions\">\n <slot name=\"actions\"></slot>\n </div>\n\n {!this.hideClose && (\n <stzh-button\n class=\"stzh-dialog__close-button\"\n variant=\"tertiary\"\n size=\"small\"\n icon=\"close\"\n iconOnly={true}\n onClick={this.handleCloseButtonClick}\n a11yLabel={this.localization.close}\n analyticsId={this.closeAnalyticsId \|\| this.localization.close}\n ></stzh-button>\n )}\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-dialog.entry.cjs.js","mappings":"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","names":["setPropsIfNull","createFocusTrap","createBaseFocusTrapOptions","h","Host"],"sources":["src/components/stzh-dialog/stzh-dialog.scss?tag=stzh-dialog&encapsulation=scoped","src/components/stzh-dialog/stzh-dialog.tsx"],"sourcesContent":["/*\n @prop --width: Width of dialog\n * @prop --padding-top: Padding top of dialog\n * @prop --padding-bottom: Padding bottom of dialog\n * @prop --padding-left: Padding left of dialog\n * @prop --padding-right: Padding right of dialog\n * @prop --backdrop-opacity: Opacity of dialog backdrop\n * @prop --backdrop-background-color: Opacity of dialog background color\n \n @prop --stzh-dialog-backdrop-opacity: Global: Opacity of backdrops\n * @prop --stzh-dialog-backdrop-background-color: Global: Background color of backdrops\n /\n\n:host {\n @include spaceCurve(\"--padding-top\", \"large\");\n @include spaceCurve(\"--padding-bottom\", \"large\");\n @include spaceCurve(\"--padding-left\", \"medium\");\n @include spaceCurve(\"--padding-right\", \"medium\");\n --width: 100%;\n --backdrop-opacity: #{$dialogBackdropOpacity};\n --backdrop-background-color: #{$dialogBackdropBackgroundColor};\n\n @include mq($from: small) {\n --width: 536px;\n }\n\n @include mq($from: medium) {\n --width: 610px; // 786 before\n }\n\n @include mq($from: large) {\n --width: 866px; // 832 before\n }\n\n @include mq($from: ultra) {\n --width: 888px;\n }\n\n &[size=\"small\"] {\n @include mq($from: small) {\n --width: 395px;\n }\n\n @include mq($from: medium) {\n --width: 460px;\n }\n\n @include mq($from: large) {\n --width: 512px;\n }\n }\n}\n\n.stzh-dialog {\n z-index: $zIndexDialog;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: stretch;\n justify-content: stretch;\n\n &__content {\n z-index: 2;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n flex-grow: 1;\n overflow: auto;\n }\n\n &__dialog {\n position: relative;\n display: flex;\n flex-direction: column;\n margin: auto;\n border: none;\n background-color: $colorWhite;\n width: auto;\n min-width: var(--width);\n max-width: 100%;\n box-shadow: $boxShadowOverlay;\n height: 100vh;\n max-height: 100vh;\n overflow: hidden;\n outline: none;\n\n &--fit-content {\n width: fit-content;\n }\n\n @include mq($from: small) {\n height: auto;\n }\n }\n\n &__backdrop {\n z-index: 1;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n text-align: center;\n background-color: var(--backdrop-background-color);\n opacity: var(--backdrop-opacity);\n }\n\n &__heading {\n @include spaceCurve(\"padding-bottom\", \"regular\");\n padding-top: var(--padding-top);\n padding-left: var(--padding-left);\n padding-right: var(--padding-right);\n }\n\n &__dialog-content {\n padding-left: var(--padding-left);\n padding-right: var(--padding-right);\n @include spaceCurve(\"padding-top\", \"medium\");\n @include spaceCurve(\"padding-bottom\", \"medium\");\n overflow: auto;\n flex-grow: 1;\n }\n\n &__actions {\n &:not(:empty) {\n padding: space(\"medium\") var(--padding-right) var(--padding-bottom)\n var(--padding-left);\n }\n }\n\n &__close-button {\n position: absolute;\n top: space(\"xsmall\");\n right: space(\"xsmall\");\n\n @include mq($from: medium) {\n top: space(\"large\");\n right: space(\"large\");\n }\n }\n\n &--is-open {\n display: flex;\n }\n}\n","import { Host, Component, Element, Method, Listen, Prop, Event, EventEmitter, h } from \"@stencil/core\";\n\nimport { StzhDialogOpenEvent, StzhDialogCloseEvent } from \"../../index\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\nimport { createBaseFocusTrapOptions } from \"../../utils/overlay-utils\";\n\nimport { StzhDialogLocalizedText } from \"./stzh-dialog.localization\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\n\nconst CLASS_BODY_OPEN = \"stzh-dialog-open\";\n\nlet activeDialog: StzhDialog = null;\nlet dialogCounter = 0;\n\n/\n @slot actions - Slot for actions element\n * @slot - Slot for any content inside the dialog\n /\n@Component({\n tag: \"stzh-dialog\",\n styleUrl: \"stzh-dialog.scss\",\n scoped: true,\n})\nexport class StzhDialog {\n /* Translation strings /\n @Prop() localization: StzhDialogLocalizedText;\n\n /* Close dialog when pressing ESC /\n @Prop() closeOnEscapeKey: boolean = false;\n\n /* Close dialog when clicking outside of it /\n @Prop() closeOnBackdropClick: boolean = false;\n\n /* Open status /\n @Prop({ mutable: true }) open: boolean = false;\n\n /* Stay in original position (true) or move to body (false) /\n @Prop() stay: boolean = true;\n\n /* Size /\n @Prop({ reflect: true }) size: \"default\" \| \"small\" = \"default\";\n\n /* Whether to hide close button /\n @Prop() hideClose: boolean = false;\n\n /* Heading text\n * mandatory since DESI 4.0\n * /\n @Prop() heading: string = \"\";\n\n /* Accessibility role /\n @Prop({ attribute: \"a11y-role\" }) a11yRole: \"dialog\" \| \"alertdialog\" = \"alertdialog\";\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the close button element.\n * Default value will be taken from translations.\n /\n @Prop() closeAnalyticsId: string;\n\n /* Dialog open event /\n @Event() stzhOpen: EventEmitter<StzhDialogOpenEvent>;\n\n /* Dialog close event */\n @Event() stzhClose: EventEmitter<StzhDialogCloseEvent>;\n\n @Element() element: HTMLStzhDialogElement;\n\n @Listen(\"click\", { target: \"document\", capture: true })\n handleOutsideClick(event: MouseEvent) {\n if (!this.open \|\| !this.closeOnBackdropClick) {\n return;\n }\n\n const isClickOutside =\n event.target !== this.dialogElement && this.dialogElement.contains(event.target as HTMLElement) === false;\n\n if (isClickOutside) {\n this.hide();\n }\n }\n\n @Listen(\"keydown\", { target: \"document\" })\n handleKeydown(event: KeyboardEvent) {\n if (event.key === \"Escape\" && activeDialog === this && this.closeOnEscapeKey) {\n this.hide();\n }\n }\n\n @Listen(\"click\", { target: \"document\" })\n handleOpenTriggerClick(event: MouseEvent) {\n const target = event.target as HTMLElement;\n\n if (target.dataset.stzhDialogTrigger === this.element.id) {\n this.show();\n } else {\n const closest = target.closest(\"[data-stzh-dialog-trigger]\") as HTMLElement;\n\n if (closest && closest.dataset.stzhDialogTrigger === this.element.id) {\n this.show();\n }\n }\n }\n\n @Method()\n async show() {\n this.open = true;\n this.stzhOpen.emit({\n component: \"stzh-dialog\",\n });\n }\n\n @Method()\n async hide() {\n this.open = false;\n this.stzhClose.emit({\n component: \"stzh-dialog\",\n });\n }\n\n private observer: MutationObserver;\n private id: string;\n private trap: FocusTrap;\n private containerElement: HTMLElement;\n private dialogElement: HTMLDivElement;\n\n private handleDialogClick = (event: MouseEvent) => {\n const target = event.target as HTMLElement;\n if (target.dataset.stzhDialogClose) {\n this.hide();\n } else {\n const closest = target.closest(\"[data-stzh-dialog-close]\");\n\n if (closest) {\n this.hide();\n }\n }\n };\n\n private handleCloseButtonClick = () => {\n this.hide();\n };\n\n private init = () => {\n const actions = this.element.querySelector('stzh-actions[slot=\"actions\"]');\n\n if (actions) {\n setPropsIfNull(actions, {\n variant: \"dialog\",\n } as HTMLStzhActionsElement);\n }\n };\n\n private getSiblings() {\n if (!this.containerElement) {\n return [];\n }\n\n return Array.from(this.containerElement.children).filter(child => child !== this.element);\n }\n\n private disableSiblings() {\n this.getSiblings().forEach(sibling => {\n sibling.setAttribute(\"aria-hidden\", \"true\");\n });\n }\n\n private enableSiblings() {\n this.getSiblings().forEach(sibling => {\n sibling.removeAttribute(\"aria-hidden\");\n });\n }\n\n private dialogShown() {\n activeDialog = this;\n document.body.classList.add(CLASS_BODY_OPEN);\n this.disableSiblings();\n\n if (this.trap) {\n this.trap.activate();\n }\n }\n\n private dialogHidden() {\n document.body.classList.remove(CLASS_BODY_OPEN);\n this.enableSiblings();\n\n if (this.trap) {\n this.trap.deactivate();\n }\n\n activeDialog = null;\n }\n\n async componentWillLoad() {\n this.id = `stzh-dialog-${dialogCounter}`;\n dialogCounter++;\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"dialog\");\n }\n }\n\n componentDidRender() {\n this.open ? this.dialogShown() : this.dialogHidden();\n }\n\n componentDidUpdate() {\n this.trap.updateContainerElements(this.element);\n }\n\n componentDidLoad() {\n this.trap = createFocusTrap(this.element, {\n fallbackFocus: this.dialogElement,\n ...createBaseFocusTrapOptions(),\n });\n\n if (this.open) {\n this.dialogShown();\n }\n }\n\n connectedCallback() {\n if (!this.stay && this.element.parentElement !== document.body) {\n document.body.appendChild(this.element);\n }\n\n this.containerElement = this.element.parentElement;\n\n this.init();\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 this.dialogHidden();\n\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n \"stzh-dialog\": true,\n \"stzh-dialog--is-open\": this.open,\n \"stzh-dialog--has-heading\": !!this.heading,\n \"stzh-dialog--has-close-hidden\": this.hideClose,\n [`stzh-dialog--size-${this.size}`]: !!this.size,\n }}\n >\n <div class=\"stzh-dialog__backdrop\"></div>\n <div class=\"stzh-dialog__content\">\n <div\n class=\"stzh-dialog__dialog\"\n ref={el => (this.dialogElement = el as HTMLDivElement)}\n tabindex=\"-1\"\n role={this.a11yRole}\n aria-hidden={this.open ? \"false\" : \"true\"}\n onClick={this.handleDialogClick}\n >\n <stzh-heading id={`${this.id}-heading`} class=\"stzh-dialog__heading\" level=\"2\">\n {this.heading ? this.heading : \"Title\"}\n </stzh-heading>\n\n <div class=\"stzh-dialog__dialog-content\">\n <slot></slot>\n </div>\n\n <div class=\"stzh-dialog__actions\">\n <slot name=\"actions\"></slot>\n </div>\n\n {!this.hideClose && (\n <stzh-button\n class=\"stzh-dialog__close-button\"\n variant=\"tertiary\"\n size=\"small\"\n icon=\"close\"\n iconOnly={true}\n onClick={this.handleCloseButtonClick}\n a11yLabel={this.localization.close}\n analyticsId={this.closeAnalyticsId \|\| this.localization.close}\n ></stzh-button>\n )}\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/stzh-disturber.cjs.entry.js CHANGED Viewed

@@ -185,7 +185,7 @@ const StzhDisturber = class {
             "stzh-disturber--has-link": linkUsed,
             "stzh-disturber--has-close-hidden": this.hideClose,
         };
-        return (index.h(index.Host, { key: 'f19e5810bfeecd3bb76f59ea82661ed812242ffa' }, index.h("div", { key: 'f617cd158b3d7eb9aa3de15a4dfc1117f220996f', ref: el => (this.rootElement = el), class: classes }, index.h("div", { key: '1fb355e9b38adf2360ab67c59acda734bd7f7e32', class: "stzh-disturber__content" }, index.h("div", { key: '0a05a4529387e8b19c232622a8384058938271a9', class: "stzh-disturber__label" }, this.label ? this.label : index.h("slot", { name: "label" })), index.h("div", { key: 'ca5dfb38d59b7667f2e03697d4017a28921644ac', class: "stzh-disturber__link" }, index.h("slot", { key: '80d231d69ab10d348ef4061c52a9a689c64de8c8', name: "link", onSlotchange: this.handleLinkSlotchange }))), !this.hideClose && (index.h("div", { key: '825b1cbe02f4c62b50108879aeebae59689bf3d1', class: "stzh-disturber__close-wrapper" }, index.h("stzh-button", { key: '10b3b017f17fcb84124089d50f39c1422aaa42b5', class: "stzh-disturber__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+        return (index.h(index.Host, { key: '8b89b6ef3de7091937641b957abcba45e035e3cf' }, index.h("div", { key: 'a686138b7009bbb93987a53fc8bd61ed2f9cf60f', ref: el => (this.rootElement = el), class: classes }, index.h("div", { key: 'eb07a5fbc504e17994f81b19b388e68c7ba36aef', class: "stzh-disturber__content" }, index.h("div", { key: '8f69e4559147d78471bdecefec91683d018fd4ff', class: "stzh-disturber__label" }, this.label ? this.label : index.h("slot", { name: "label" })), index.h("div", { key: 'fa90e3d04244a31152a6470ac2acdabfb038fb7f', class: "stzh-disturber__link" }, index.h("slot", { key: '04f1738d6a2a331b7f011c5add5fa70231631a1a', name: "link", onSlotchange: this.handleLinkSlotchange }))), !this.hideClose && (index.h("div", { key: 'a9df5feb4db889a339c417a1d3ee122402d24dba', class: "stzh-disturber__close-wrapper" }, index.h("stzh-button", { key: 'e91aa613d720082032580bc04f3dbd0d14725c40', class: "stzh-disturber__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-dropdown.cjs.entry.js CHANGED Viewed

@@ -5424,14 +5424,14 @@ const StzhDropdown = class {
             [`stzh-dropdown--size-${this.size}`]: !!this.size,
             [`stzh-dropdown--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: '774911909ddaa4ba23f869a7b6344e165fdd9240', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'b3b366bbc41bf2448bb9db569a231f6f70450dae', class: classes, ref: el => (this.rootElement = el) }, index.h("div", { key: '930249d73ab79b5d935ec3ef5fae86cdacf562c6', class: "stzh-dropdown__wrapper" }, index.h("label", { key: '463dec947fc0e3ba3c9d0fbdb8190f7638fbca53', id: `${this.dropdownId}-label`, class: {
+        return (index.h(index.Host, { key: '879808a5f7b0903cb25ea2f4ba9bd202c0363c05', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'b98513a95cc287957ad93927f526d613c95a0eaa', class: classes, ref: el => (this.rootElement = el) }, index.h("div", { key: 'd0687b0202052b45458cc3ddd7028ae26b0f68c5', class: "stzh-dropdown__wrapper" }, index.h("label", { key: 'b59350b3f742fe97748211528207059ea8176854', id: `${this.dropdownId}-label`, class: {
                 "stzh-dropdown__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.dropdownId }, this.label ? this.label : index.h("slot", { name: "label" }), !this.hideOptional && (index.h("span", { key: '859e394fc6d79586fcc457e9ff3b12f055a2716e', class: "stzh-dropdown__marker" }, index.h("span", { key: 'fe808c3a7ffc6a0a6cfb15867eb929f4fdfcead9', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.dropdownId }, this.label ? this.label : index.h("slot", { name: "label" }), !this.hideOptional && (index.h("span", { key: '7aa1320ae0c3eda68e315e360a0ae160093cf8dc', class: "stzh-dropdown__marker" }, index.h("span", { key: 'fd18ba027192ba581718aad2efeb0d7e42dc81a4', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '3d4972ad2a6ce719a8182af80d474c7d55e56847', class: "stzh-dropdown__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '90c278e994a27842c88866b89255ca33a4d576e3', class: "stzh-dropdown__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), index.h("div", { key: '5002dfd32f7ab036567c92280efbb18959f14fe3', class: "stzh-dropdown__field-wrapper" }, index.h("select", { key: 'e10109f1ef9d888bc142f48d1ffeed9e9105b196', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, index.h("slot", { key: 'bb541e2f7fe9c11a1b54a8eb287948f3e54fe37d' })), this.inline && this.label && index.h("div", { key: '9240d1b01809bd4800d7e2d43c551e9f7aed7984', class: "stzh-dropdown__sizer" }, this.label), index.h("div", { key: '01010b1606dad392fcfe5410c065cf20042c3613', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (index.h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (index.h("slot", { name: "icon-angle" }))), index.h("div", { key: '4f047225993c3fa831cb6e68c7ebd2c787e0e274', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (index.h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (index.h("slot", { name: "icon" }))), this.hideOptional && this.required && (index.h("div", { key: '5810071379a1ae085c486ab9ef8b04e6e6161542', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (index.h("div", { key: '53c446e7ae606509ce27d79c2d36244b4401b3d3', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), index.h("div", { key: '214fd009188b42a92e4794b2ebd84b19946e407c', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || this.description || this.descriptionLong) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'c18c86340eab081d5894d1625a1627c324399e23', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText)))), index.h("div", { key: '19a3bbf933617bc46ebb0d182fab84f9ccd6e23a', class: "stzh-dropdown__field-wrapper" }, index.h("select", { key: '39612fa5432e8a8fd3e2ff87a39bffdf32c9c884', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, index.h("slot", { key: 'd4db4a853c7c473112fbc428fe7296d4f9164350' })), this.inline && this.label && index.h("div", { key: 'dda64e280c1b9df023bf5c07a1e78f446cf78bfb', class: "stzh-dropdown__sizer" }, this.label), index.h("div", { key: '60d4600acd1417ca9e58cc088dd5b96d9c2e2f5f', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (index.h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (index.h("slot", { name: "icon-angle" }))), index.h("div", { key: 'feecac10404ae57c119203638ed98c0833b6455a', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (index.h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (index.h("slot", { name: "icon" }))), this.hideOptional && this.required && (index.h("div", { key: '1559a3b2cd140d3916eb52c7fd2df255b25f9720', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (index.h("div", { key: '269f13b057e3deed620348ed6e406aa1bcab16f1', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), index.h("div", { key: '8fdcad8b0664cf461b3717deff0956fe73a85f72', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || this.description || this.descriptionLong) && (index.h(stzhInputDescription.StzhInputDescription, { key: '61d80976a73041311a4e54c40585c24af50e129a', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-editor.cjs.entry.js CHANGED Viewed

@@ -32,7 +32,7 @@ const StzhEditor = class {
         const classes = {
             "stzh-editor": true,
         };
-        return (index.h(index.Host, { key: '72a967929119a1f37d09187364eeacb120e0fe0f' }, index.h("div", { key: '2c24010345d27a79809bade7b7f23e10b027bd3a', class: classes }, index.h("div", { key: '16f8956d26111d227308348df9d688b9d484fbad', class: "stzh-editor__wrapper" }, index.h("h2", { key: '1eb4053320ae145cd985ecd036cb7a050289fd71', class: "stzh-editor__heading" }, typeof this.heading === "string" ? this.heading : this.localization.heading), index.h("ul", { key: '6db5eb4085c4730dcb8db423bdfc7eb0e882a80a', class: "stzh-editor__link-list" }, this._items.map(link => (index.h("li", { class: "stzh-editor__link-item" }, index.h("stzh-link", Object.assign({ class: "stzh-editor__link" }, link, { icon: typeof link.icon === "undefined" ? "arrow-right" : link.icon, iconPosition: "right" }))))))))));
+        return (index.h(index.Host, { key: 'dbb1f98888caeb2472aa4c5b333be9e79fbf6067' }, index.h("div", { key: 'f82f4ffb31e814c3299a5192b3ebacdc31ebd57e', class: classes }, index.h("div", { key: 'ba37da4d64b970e96d6aadcb2936b8dcfedd67b5', class: "stzh-editor__wrapper" }, index.h("h2", { key: '6fa6c890d21299df5b49a71a869d1c3a1c961c6b', class: "stzh-editor__heading" }, typeof this.heading === "string" ? this.heading : this.localization.heading), index.h("ul", { key: '0eee6c2d48d5b7e1a23710525e1fcc1658197d55', class: "stzh-editor__link-list" }, this._items.map(link => (index.h("li", { class: "stzh-editor__link-item" }, index.h("stzh-link", Object.assign({ class: "stzh-editor__link" }, link, { icon: typeof link.icon === "undefined" ? "arrow-right" : link.icon, iconPosition: "right" }))))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-eventdata.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const StzhEventdata = class {
         const classes = {
             "stzh-eventdata": true,
         };
-        return (index.h(index.Host, { key: '80fe3a7f6b30a7706771903ef535be2d7abf15b8' }, index.h("div", { key: '6fc722f225efe2f9f96ef8e41d913353e52de514', class: classes }, index.h("div", { key: 'dbaa5c96a4382b10743823a3247b921eb962f95b', class: "stzh-eventdata__label" }, this.label ? this.label : index.h("slot", { name: "label" })), index.h("div", { key: 'debec6dd6f7f780c526962e01d90e1b744ce387e', class: "stzh-eventdata__content" }, index.h("slot", { key: '245e78b5ea00f44a11dcaa0d8dec2708a29ec961' })))));
+        return (index.h(index.Host, { key: '332dfcd3aef629da32745df0673a468fb5f5a9b6' }, index.h("div", { key: '1d9029fbb01efa1e2b662096dcb8f72d55fbc7de', class: classes }, index.h("div", { key: '477436e7431e944e3630aa5bad1827c97dcb31e6', class: "stzh-eventdata__label" }, this.label ? this.label : index.h("slot", { name: "label" })), index.h("div", { key: 'db8ec0e52f627614a4404e5d03a6cc73969e6b1e', class: "stzh-eventdata__content" }, index.h("slot", { key: '218303cfeec858f7f5a593621e6bb5aa61e6e8f4' })))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-eventinfo.cjs.entry.js CHANGED Viewed

@@ -115,7 +115,7 @@ const StzhEventinfo = class {
         const startDate = this.start && new Date(this.start);
         const endDate = this.end && new Date(this.end);
         const MonthHeading = `h${this.monthHeadingLevel}`;
-        return (index.h(index.Host, { key: 'e36815481d42e206d790f02ebae56134307f0bb1' }, index.h("div", { key: 'd2dd8172e8ba2ba9ac0b46c30d8c1fb15ee0454f', class: classes }, index.h("div", { key: '5d157b270db59c345e65b7d5e6dcea6a77aa91c1', class: "stzh-eventinfo__left" }, index.h("div", { key: '05419bcc8815ba29b34ee30b57f4eaec0842ca6d', class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), index.h("div", { key: '5ae972b52f0421cee71348005e3ff4b4951854c8', class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && "0", startDate.getDate()), index.h("div", { key: '16c739e003177607926cd1136c9eab260493f76f', class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), index.h("div", { key: '2ecb7e2a55cc0f3eac1354c18a196fb61ebb1165', class: "stzh-eventinfo__right" }, index.h("div", { key: '4c7e802a996e23d8a6939a92087ee6d581d46909' }, index.h("div", { key: '2cc496e037d3e122a7e19319c773ea8fb55ff7bf', class: "stzh-eventinfo__head" }, index.h("div", { key: '41de130350e8b118722a4af55bae3d251d595e2a', class: "stzh-eventinfo__main-date" }, index.h("span", { key: 'e853f910a2445c54b8019dacda1c15506f8e0358' }, this.localization.$globals.dayNames[startDate.getDay()]), index.h("span", { key: 'c2a98c3feeea3b8e805f202c4a47a77424e1b945' }, this.dateAdapter.format(startDate, "date")), this.hasProperStartAndOrEndDate(startDate, endDate) && (index.h("span", { key: 'b3675031da3f5266b11290c502eeb1a6e0d6d5ec' }, this.dateAdapter.formatSpan(startDate, endDate, "time")))), this.calendarUrl && (index.h("div", { key: '9d611bc39968f5da171d962b08d498f37e9a6960', class: "stzh-eventinfo__main-event-link" }, index.h("stzh-link", { key: '331a6f47a11341f56773006de0bdc1032b01935c', href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" })))), index.h("div", { key: '510773d29dc3c8bfa3e0c0c0f83da885881f8741', class: "stzh-eventinfo__text" }, index.h("div", { key: '0c5bc4c79bf0e737526db9eef0bc69d25cb7a0f7', class: "stzh-eventinfo__location" }, index.h("slot", { key: '49c70b4b49c9ed0d33437c4d5e14eceae4f0da50', name: "location" })), index.h("div", { key: 'c7883912606ed5cf67a1de54a55ae5c82bd5adb2', class: "stzh-eventinfo__additional-info" }, index.h("slot", { key: '11116d63d311f7c69e0b1f800da1fc1451861d42', name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 && (index.h("div", { key: '89adf3c665e7560da07b10853becbfbc9f964850', class: "stzh-eventinfo__details-wrapper" }, index.h("stzh-details", { key: '2dcf3044da3e8784bc5a0d7b625358264b7d2fc5', class: "stzh-eventinfo__details" }, index.h("stzh-link", { key: 'e5d104b8fa5792420a5fe0c843d5cdcd6af1e4a0', class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, index.h("span", { key: 'f5a2b07bc371f1b6e59a2375a779141b4fd98bde', class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), index.h("span", { key: '61af8286b97203310f6a8d3a7e9721539d13c920', class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), index.h("ul", { key: '7b439130e219df59fe6fd8ca308e7ae88fb58d3e', slot: "content", class: "stzh-eventinfo__month-list" }, this._itemsGroupedByMonth.map(groupedItems => (index.h("li", { class: "stzh-eventinfo__month-list-item" }, index.h(MonthHeading, { class: "stzh-eventinfo__heading" }, groupedItems.name), groupedItems.events.length > 0 && (index.h("ul", { class: "stzh-eventinfo__event-list" }, groupedItems.events.map(event => (index.h("li", { class: "stzh-eventinfo__event-list-item" }, index.h("span", { class: "stzh-eventinfo__event-datetime-wrapper" }, index.h("span", { class: "stzh-eventinfo__event-date-wrapper" }, index.h("span", { class: "stzh-eventinfo__event-weekday" }, this.localization.$globals.dayNames[event.start.getDay()]), index.h("span", { class: "stzh-eventinfo__event-date" }, this.dateAdapter.format(event.start, "date"))), index.h("span", { class: "stzh-eventinfo__event-time" }, this.hasProperStartAndOrEndDate(event.start, event.end) &&
+        return (index.h(index.Host, { key: '82bda2a0763e141162b814fbbb79118bac1e64dd' }, index.h("div", { key: '572cb08bc805e2358c5c9f91c864297662f401d6', class: classes }, index.h("div", { key: '9a8761e876ac56b91a7982a600c969c848b1ef77', class: "stzh-eventinfo__left" }, index.h("div", { key: '2cc2f87e763206a8fd3b62a9c9e62a653fdfdcf1', class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), index.h("div", { key: 'eeba6906100f4c517d84e89eb1c74f4895c86c4a', class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && "0", startDate.getDate()), index.h("div", { key: '8acffdcb6c6ace2f7ce0c9c10281d92dae9148e0', class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), index.h("div", { key: '6abaf07acb610a15fd6cf906adeed9ca341cf753', class: "stzh-eventinfo__right" }, index.h("div", { key: '5b8cc4a44cebc9982bfec745c3e900e9fdb93795' }, index.h("div", { key: '5b039ffae534fa493a185e601d030bcc5b700788', class: "stzh-eventinfo__head" }, index.h("div", { key: '59f0c8b4d549fff00949f2128cd66640d79283b4', class: "stzh-eventinfo__main-date" }, index.h("span", { key: 'ece12cb7af54075b7cc39e7ba08861697c72dddd' }, this.localization.$globals.dayNames[startDate.getDay()]), index.h("span", { key: '7623b4ac184faa43e4bee6ebdc924bb17fdbc416' }, this.dateAdapter.format(startDate, "date")), this.hasProperStartAndOrEndDate(startDate, endDate) && (index.h("span", { key: 'ca0746ceeadcc8cc443f40de0e7aab9fe74f073b' }, this.dateAdapter.formatSpan(startDate, endDate, "time")))), this.calendarUrl && (index.h("div", { key: 'c7799622bbde73631618651eb3838e9f8e3a4f5c', class: "stzh-eventinfo__main-event-link" }, index.h("stzh-link", { key: 'ebf56e96788ecfd86d4601870b74f66485d55d38', href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" })))), index.h("div", { key: 'bf2b28cd5b6be79142d5370d00ec50c2caccc81e', class: "stzh-eventinfo__text" }, index.h("div", { key: 'a455d25ecc8c272fc35ab170229dc277aaccf70a', class: "stzh-eventinfo__location" }, index.h("slot", { key: '09c1ad33b9ef9829c6a3a68f9be202f3b4c0a16e', name: "location" })), index.h("div", { key: 'f5210891a7c420582f8362b0137c956fadce42c4', class: "stzh-eventinfo__additional-info" }, index.h("slot", { key: 'b7aa8669b9f0c568eb57a91525274f2f989664c5', name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 && (index.h("div", { key: '9e7d0b771900f6ed840b27f559a7b7c431e0239f', class: "stzh-eventinfo__details-wrapper" }, index.h("stzh-details", { key: 'a54fc00f9e00b23c9d8002667c6f4701877fcef2', class: "stzh-eventinfo__details" }, index.h("stzh-link", { key: '5e11a21a53f60dbce4c9421ae2bf561ab39a3129', class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, index.h("span", { key: 'df34267f5e0b57c7f47cc9d7f39ab308f13abfbe', class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), index.h("span", { key: '3026ac1fa50c75e56f4b0a5470209a59f8b6a111', class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), index.h("ul", { key: '854dcc887188e193d587f81b5de31c0f61b9747f', slot: "content", class: "stzh-eventinfo__month-list" }, this._itemsGroupedByMonth.map(groupedItems => (index.h("li", { class: "stzh-eventinfo__month-list-item" }, index.h(MonthHeading, { class: "stzh-eventinfo__heading" }, groupedItems.name), groupedItems.events.length > 0 && (index.h("ul", { class: "stzh-eventinfo__event-list" }, groupedItems.events.map(event => (index.h("li", { class: "stzh-eventinfo__event-list-item" }, index.h("span", { class: "stzh-eventinfo__event-datetime-wrapper" }, index.h("span", { class: "stzh-eventinfo__event-date-wrapper" }, index.h("span", { class: "stzh-eventinfo__event-weekday" }, this.localization.$globals.dayNames[event.start.getDay()]), index.h("span", { class: "stzh-eventinfo__event-date" }, this.dateAdapter.format(event.start, "date"))), index.h("span", { class: "stzh-eventinfo__event-time" }, this.hasProperStartAndOrEndDate(event.start, event.end) &&
             this.dateAdapter.formatSpan(event.start, event.end, "time"))), index.h("span", { class: "stzh-eventinfo__event-link" }, event.calendarUrl && (index.h("stzh-link", { href: event.calendarUrl, label: event.calendarLabel || this.localization.addToCalendar })))))))))))))))))));
     }
     get element() { return index.getElement(this); }

package/dist/cjs/stzh-feedreader-item.cjs.entry.js CHANGED Viewed

@@ -40,7 +40,7 @@ const StzhFeedreaderItem = class {
             "stzh-feedreader-item--has-link": !!this.link,
             [`stzh-feedreader-item--${this.variant}`]: true,
         };
-        return (index.h(index.Host, { key: '487f0f2871d41c8fbde3ad1a6b39ac1f6526cd25', variant: this.variant }, !!this.link ? (index.h("a", { class: classes, href: this.link, target: this.target }, this.renderInner())) : (index.h("div", { class: classes }, this.renderInner()))));
+        return (index.h(index.Host, { key: 'cca09872dd7266d787923616973495d736ac90eb', variant: this.variant }, !!this.link ? (index.h("a", { class: classes, href: this.link, target: this.target }, this.renderInner())) : (index.h("div", { class: classes }, this.renderInner()))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-feedreader.cjs.entry.js CHANGED Viewed

@@ -40,7 +40,7 @@ const StzhFeedreader = class {
         const subscribeFeedSlotUsed = utils.hasSlot(this.element, "subscribe-feed");
         const subscribeProxySlotUsed = utils.hasSlot(this.element, "subscribe-proxy");
         const connectionErrorSlotUsed = utils.hasSlot(this.element, "connection-error");
-        return (index.h(index.Host, { key: 'a4365c1891910f0da7e15c7f7dab9fbb242298e1' }, index.h("div", { key: 'dd2714281a163b9079ea06a7ecd9f0169afd73bf', class: classes }, index.h("div", { key: '70bbedff5644d6a795a87c2bf62a562a7b8556eb', class: "stzh-feedreader__container" }, index.h("div", { key: '86b43c47440ad86e7396a23bf3099fca774f8767', class: "stzh-feedreader__header" }, index.h("stzh-heading", { key: '9d453a82f444b2be5639fbbd79f972ee98c7c48f', level: this.headingLevel }, this.heading), index.h("stzh-text", { key: 'd6d30c279c3a19a1d898020fc113e607dd31c1ba' }, this.description)), (subscribeFeedSlotUsed || subscribeProxySlotUsed) && (index.h("div", { key: 'a77e3a3c4b04e3bc3328804fa81237a16a137a3b', class: "stzh-feedreader__subscribe" }, index.h("slot", { key: '14de4cde4de9fa0cbb72b3307f7c1dc8a1f8cf98', name: "subscribe-feed" }), index.h("slot", { key: 'd2436c794d230b195455072315b8d9f73382946c', name: "subscribe-proxy" }))), !this.hasItems && !connectionErrorSlotUsed && (index.h("stzh-message", { key: 'ae09838ae394d3fefdaeddfa5f4e9c57e23c6470', label: this.noItemsText, hideClose: true }, !!this.noItemsLink && (index.h("stzh-link", { key: '6b815697b6819b4dc4e92f7a26b0fffcc7eadc5a', slot: "link", href: this.noItemsLink }, this.localization.moreInfo)))), connectionErrorSlotUsed && (index.h("div", { key: '5463e9c3e0958e6514572f06a2118dd63805137d', class: "stzh-feedreader__connection-error" }, index.h("slot", { key: '3cf75f36d17366d544c1a6a298a581928db8cb66', name: "connection-error" }))), index.h("div", { key: 'a6f2ab8634561f78c1945d7676ceee282d55df98', class: "stzh-feedreader__items", ref: el => (this.itemsWrapperElement = el) }, index.h("slot", { key: '48dbf02b1d1560828fb3224b6dd636c27f2269ad' }))))));
+        return (index.h(index.Host, { key: '2e4e41812c5f58600f1ba15cbc0e81196d39a9d8' }, index.h("div", { key: '6ff097350d5e302b14123539a2a8801491efbbfd', class: classes }, index.h("div", { key: '6cb386437c58aa2175dbd52984068ccab66739a9', class: "stzh-feedreader__container" }, index.h("div", { key: '117e38418268c21188e0125e02837602254ac4a1', class: "stzh-feedreader__header" }, index.h("stzh-heading", { key: '63ef8c78a3fd34c8adfdc162a63636450f80dc95', level: this.headingLevel }, this.heading), index.h("stzh-text", { key: '1a443d5d94ae36054594e069d092b8cde736e65b' }, this.description)), (subscribeFeedSlotUsed || subscribeProxySlotUsed) && (index.h("div", { key: '2795d37cea0fba835e3d01b07d37772db0fe2623', class: "stzh-feedreader__subscribe" }, index.h("slot", { key: '996d3ae5426e6635093b038eaa4284b51bbd9b18', name: "subscribe-feed" }), index.h("slot", { key: '8fa91abacaba196b36e9e098130ee702975ef8ad', name: "subscribe-proxy" }))), !this.hasItems && !connectionErrorSlotUsed && (index.h("stzh-message", { key: '7595d8acf99bb77aef43ce8012416f34e9130c33', label: this.noItemsText, hideClose: true }, !!this.noItemsLink && (index.h("stzh-link", { key: 'a85bcbc97bbc449c57812ec5491680949511dbab', slot: "link", href: this.noItemsLink }, this.localization.moreInfo)))), connectionErrorSlotUsed && (index.h("div", { key: '18512aa83f27322233b12dcd03740ba9c3766759', class: "stzh-feedreader__connection-error" }, index.h("slot", { key: '857ac117371d24f2d8242677dcde0871c34347f6', name: "connection-error" }))), index.h("div", { key: '5d13f3e7b033e27046a04e855d44a43bc62b5dab', class: "stzh-feedreader__items", ref: el => (this.itemsWrapperElement = el) }, index.h("slot", { key: '0c5fe0eeb504e1aa319d046a8b4686435a36ba7a' }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-figure.cjs.entry.js CHANGED Viewed

@@ -34,7 +34,7 @@ const StzhFigure = class {
                 !!this.heading ||
                 headingSlotUsed,
         };
-        return (index.h(index.Host, { key: '6da2d1e44bf3f841b00d58aeee6937ffffd5eee6' }, index.h("figure", { key: 'fc5550ef82b091991c2ef868021dc2a81168ce6d', class: classes }, index.h("div", { key: '6ea16c206517e5a5ca20e928416df57296728c41', class: "stzh-figure__element" }, index.h("slot", { key: 'c8bd1a7c48045fae8b8c96c71669596282bc6537' })), index.h("figcaption", { key: '6902cf1f8a4e9c88cf9114baa17ef1fe89bff3fd', class: "stzh-figure__caption-wrapper" }, index.h("div", { key: 'de721ab72e9e451e0e06c1ae5bd889f850e896f4', class: "stzh-figure__heading-wrapper" }, index.h("div", { key: 'edf2cc6fb0b378707598d3a9237fc79c4369ff5a', class: "stzh-figure__counter" }, this.counter ? this.counter : index.h("slot", { name: "counter" })), index.h("div", { key: '4883a9372d9894eefc5f083162c6b8f66cfcb412', class: "stzh-figure__heading" }, this.heading ? this.heading : index.h("slot", { name: "heading" }))), index.h("div", { key: '50448b850413d06e4330c04a8132f465d856f305', class: "stzh-figure__caption" }, index.h("div", { key: '3ea44aa64f7a1b429c8ad35649c97998dfd2f389', class: "stzh-figure__caption-text" }, this.caption ? this.caption : index.h("slot", { name: "caption" })), index.h("div", { key: 'e1448940b49a2f63426b527835b8042b33a632a1', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : index.h("slot", { name: "copyright" })))))));
+        return (index.h(index.Host, { key: 'b5010b12c131781135de2947978236f6519a68ea' }, index.h("figure", { key: 'd852a55175e0112b228462fc2a8da671e777c1ec', class: classes }, index.h("div", { key: 'a65d3f58aa990b1743d56f1c9c8e5c8ac6a2a219', class: "stzh-figure__element" }, index.h("slot", { key: 'ad75ba98a51726ef789531a3137c280ad2fbb7fc' })), index.h("figcaption", { key: 'e8f483e072fa95594e3bade4c1f9dc1300c9fee8', class: "stzh-figure__caption-wrapper" }, index.h("div", { key: '71f8d37155b97133886a47f74d5a873533972e0e', class: "stzh-figure__heading-wrapper" }, index.h("div", { key: '34f0076b9b37d7871ff6e3b3937b4e8ac0ff1378', class: "stzh-figure__counter" }, this.counter ? this.counter : index.h("slot", { name: "counter" })), index.h("div", { key: '44531bb0d07a8baf580083e7275396583952cf64', class: "stzh-figure__heading" }, this.heading ? this.heading : index.h("slot", { name: "heading" }))), index.h("div", { key: 'f56c37117df794260b4d71debe993c12c7cb67bd', class: "stzh-figure__caption" }, index.h("div", { key: '1adc85f3cba94e100ca34df96e75b18576415ebe', class: "stzh-figure__caption-text" }, this.caption ? this.caption : index.h("slot", { name: "caption" })), index.h("div", { key: '6985a9eea02fa4cf2f2f3865c49da28d15ee4768', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : index.h("slot", { name: "copyright" })))))));
     }
     get element() { return index.getElement(this); }
 };