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

@oiz/stzh-components 4.6.0-beta3 → 4.6.0

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 (977) hide show

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

	@@ -1 +1 @@
1	- {"file":"stzh-datalist.stzh-datalist-item.stzh-status.entry.cjs.js","mappings":"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","names":["media","addMediaChangeListener","removeMediaChangeListener","h","Host","addWordBreakToLinks","Fragment","index"],"sources":["src/components/stzh-datalist/stzh-datalist.scss?tag=stzh-datalist&encapsulation=scoped","src/components/stzh-datalist/stzh-datalist.tsx","src/components/stzh-datalist-item/stzh-datalist-item.scss?tag=stzh-datalist-item&encapsulation=scoped","src/components/stzh-datalist-item/stzh-datalist-item.tsx","src/components/stzh-status/stzh-status.scss?tag=stzh-status&encapsulation=scoped","src/components/stzh-status/stzh-status.tsx"],"sourcesContent":[":host {\n --columns: 1;\n --columns-gap: #{$gridGutter};\n --list-display: grid;\n --list-margin-right: calc(var(--columns-gap) / -1);\n --list-grid-template-columns: repeat(\n var(--columns),\n auto minmax(auto, 1fr) auto var(--columns-gap)\n );\n --full-grid-column: 1 / 5;\n --nested-margin-left: var(--stzh-datalist-nested-margin-left, 0px);\n --details-content-width: var(--stzh-datalist-details-content-width, 100%);\n\n --grid-template-areas: var(\n --stzh-datalist-grid-template-areas,\n \"list list list list\"\n );\n\n --grid-template-columns: var(\n --stzh-datalist-grid-template-columns,\n #{$gridColumns}\n );\n\n margin-left: var(--nested-margin-left);\n\n @include mq($from: small) {\n --columns-gap: #{$gridGutterSmall};\n\n --grid-template-areas: var(\n --stzh-datalist-grid-template-areas,\n \"list list list list\"\n );\n }\n\n @include mq($from: medium) {\n --columns-gap: #{$gridGutterMedium};\n\n --grid-template-areas: var(\n --stzh-datalist-grid-template-areas,\n \"list list list list list list list list\"\n );\n\n --grid-template-columns: var(\n --stzh-datalist-grid-template-columns,\n #{$gridColumnsMedium}\n );\n }\n\n @include mq($from: large) {\n --columns-gap: #{$gridGutterLarge};\n }\n\n @include mq($from: ultra) {\n --columns-gap: #{$gridGutterUltra};\n }\n // datalist-item or wrapper elements should be set to display: contents to make grid layout work.\n // in AEM edit mode: we prevent setting it, so the links can still be edited.\n\n ::slotted(.layout_column) > :not([class=\"cq-\"]),\n ::slotted(:not([class=\"cq-\"])) {\n display: contents;\n }\n\n &[is-direction=\"horizontal\"] {\n --list-grid-template-columns: repeat(\n var(--columns),\n auto minmax(auto, 1fr) auto auto var(--columns-gap)\n );\n --full-grid-column: 1 / 6;\n\n &:where(:has(stzh-datalist-item:not([meta=\"\"]))),\n &:where(:has(stzh-datalist-item:not([status-label=\"\"]))) {\n --list-grid-template-columns: repeat(\n var(--columns),\n auto minmax(auto, 1fr) minmax(auto, 1fr) auto var(--columns-gap)\n );\n }\n }\n\n &[variant=\"table\"] {\n --list-grid-template-columns: repeat(\n var(--columns),\n auto auto minmax(auto, 1fr) auto auto var(--columns-gap)\n );\n --full-grid-column: 1 / 7;\n\n &:where(:has(stzh-datalist-item:not([meta=\"\"]))),\n &:where(:has(stzh-datalist-item:not([status-label=\"\"]))) {\n --list-grid-template-columns: repeat(\n var(--columns),\n auto auto minmax(auto, 1fr) minmax(auto, 1fr) auto var(--columns-gap)\n );\n }\n }\n\n &[vertical-gap=\"small\"] {\n .stzh-datalist__list {\n grid-template-rows: auto;\n @include mq($to: medium) {\n row-gap: space(\"xsmall\");\n }\n @include mq($from: medium) {\n row-gap: space(\"xxsmall\");\n }\n }\n }\n}\n\n/* AEM edit mode: we set list as block element (always as one column), to prevent layout breaks /\n\n:host(:has([class=\"cq-\"])) {\n --stzh-datalist-item-wrapper-display: flex;\n\n --list-display: block;\n --list-margin-right: 0;\n}\n\n.stzh-datalist {\n // offset margin of nested datalist\n --stzh-datalist-nested-margin-left: #{space(\"large\")};\n // details grid columns\n --stzh-details-content-grid-column: var(--full-grid-column);\n --stzh-details-content-padding-right: var(--columns-gap);\n --stzh-details-content-width: var(--details-content-width);\n\n @include gridGutter;\n display: grid;\n grid-template-areas: var(--grid-template-areas);\n grid-template-columns: var(--grid-template-columns);\n\n &__wrapper {\n grid-area: list;\n overflow: visible;\n }\n\n &__list {\n display: var(--list-display);\n border-collapse: collapse;\n grid-template-columns: var(--list-grid-template-columns);\n align-items: stretch;\n margin-right: var(--list-margin-right);\n }\n\n /* Multiple Columns /\n\n &--has-multiple-columns {\n // display of nested datalist\n --stzh-datalist-item-nested-display: none;\n }\n\n / Table variant with big label /\n\n &--table#{&}--big-label &__list {\n @include mq($to: small) {\n --list-display: flex;\n flex-direction: column;\n gap: space(\"xxxsmall\");\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n StzhDatalistBigLabelChangeEvent,\n StzhDatalistDirection,\n StzhDatalistDirectionChangeEvent,\n StzhDatalistItemEntry,\n StzhDatalistVariant,\n StzhDatalistVariantChangeEvent,\n} from \"../../index\";\n\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../utils/media-utils\";\n\n/\n @slot - Slot for any content\n /\n@Component({\n tag: \"stzh-datalist\",\n styleUrl: \"stzh-datalist.scss\",\n scoped: true,\n})\nexport class StzhDatalist {\n /* Variant /\n @Prop({ reflect: true }) variant: StzhDatalistVariant = \"default\";\n\n /* With big label /\n @Prop({ reflect: true }) bigLabel: boolean = false;\n\n /* Columns /\n @Prop({ reflect: true }) columns: number = 1;\n\n /* Columns above small breakpoint /\n @Prop({ reflect: true }) columnsSmall: number;\n\n /* Columns above medium breakpoint /\n @Prop({ reflect: true }) columnsMedium: number;\n\n /* Columns above large breakpoint /\n @Prop({ reflect: true }) columnsLarge: number;\n\n /* Columns above ultra breakpoint /\n @Prop({ reflect: true }) columnsUltra: number;\n\n /* Direction /\n @Prop({ reflect: true }) direction: StzhDatalistDirection = \"vertical\";\n\n /* Direction above small breakpoint /\n @Prop({ reflect: true }) directionSmall: StzhDatalistDirection;\n\n /* Direction above medium breakpoint /\n @Prop({ reflect: true }) directionMedium: StzhDatalistDirection;\n\n /* Direction above large breakpoint /\n @Prop({ reflect: true }) directionLarge: StzhDatalistDirection;\n\n /* Direction above ultra breakpoint /\n @Prop({ reflect: true }) directionUltra: StzhDatalistDirection;\n /Vertical Gap between items /\n @Prop({ reflect: true }) verticalGap: \"default\" \| \"small\" = \"default\";\n\n /*\n Whether to disable min-width of datalist item label for the `horizontal` variant.\n \n If `false`, the default `min-width` is `144px` (for >= 800px) and `120px` (for < 800px).\n * If `true`, the `min-width` is `none`, so the label column, will have the width of cell with the widest content.\n \n You can also overwrite the label min-width via CSS with the custom property `--item-label-min-width`.\n /\n // @Prop({ reflect: true }) disableLabelMinWidth: boolean = false;\n\n /\n Items in datalist\n * Array of objects that must at least include `value` attribute.\n * Can optionally contain `leadingIcon`, `label`, `meta`, `icon`, `iconLabel`, `iconTooltip`, `href`, `statusLabel`, `statusType` attribute and be nested to display deeper levels:\n * `[{\"value\":\"Value 1\", \"label\": \"Label 1\"}, {\"value\":\"Value 2\", \"label\": \"Label 2\", \"items\": [...]}]`\n /\n @Prop() items: StzhDatalistItemEntry[] \| string = [];\n private _items: StzhDatalistItemEntry[] = [];\n\n /* Variant attribute change event /\n @Event() stzhVariantChange: EventEmitter<StzhDatalistVariantChangeEvent>;\n\n /* Big label attribute change event /\n @Event() stzhBigLabelChange: EventEmitter<StzhDatalistBigLabelChangeEvent>;\n\n /* Direction attribute change event /\n @Event() stzhDirectionChange: EventEmitter<StzhDatalistDirectionChangeEvent>;\n\n @Element() element: HTMLStzhDatalistElement;\n\n @Watch(\"direction\")\n @Watch(\"directionSmall\")\n @Watch(\"directionMedium\")\n @Watch(\"directionLarge\")\n @Watch(\"directionUltra\")\n directionWatcher() {\n this.setCurrentDirection();\n }\n\n @Watch(\"columns\")\n @Watch(\"columnsSmall\")\n @Watch(\"columnsMedium\")\n @Watch(\"columnsLarge\")\n @Watch(\"columnsUltra\")\n columnsWatcher() {\n this.setCurrentColumns();\n }\n\n @Watch(\"currentDirection\")\n currentDirectionWatcher(newValue: StzhDatalistDirection) {\n this.stzhDirectionChange.emit({\n component: \"stzh-datalist\",\n value: newValue,\n });\n }\n\n @Watch(\"variant\")\n variantWatcher(newValue: StzhDatalistVariant) {\n this.stzhVariantChange.emit({\n component: \"stzh-datalist\",\n value: newValue,\n });\n }\n\n @Watch(\"bigLabel\")\n bigLabelWatcher(newValue: boolean) {\n this.stzhBigLabelChange.emit({\n component: \"stzh-datalist\",\n value: newValue,\n });\n }\n\n @Watch(\"items\")\n itemsWatcher(newValue: any[] \| string) {\n if (typeof newValue === \"string\") {\n this._items = JSON.parse(newValue);\n } else {\n this._items = newValue;\n }\n }\n\n /* Get current direction /\n @Method()\n async getCurrentDirection() {\n return this.currentDirection;\n }\n\n @State() currentColumns: number = 1;\n @State() currentDirection: StzhDatalistDirection;\n\n private setCurrentDirection = () => {\n if (media(\"ultra\").matches && this.directionUltra) {\n this.currentDirection = this.directionUltra;\n } else if (media(\"large\").matches && this.directionLarge) {\n this.currentDirection = this.directionLarge;\n } else if (media(\"medium\").matches && this.directionMedium) {\n this.currentDirection = this.directionMedium;\n } else if (media(\"small\").matches && this.directionSmall) {\n this.currentDirection = this.directionSmall;\n } else {\n this.currentDirection = this.direction;\n }\n };\n\n private setCurrentColumns = () => {\n if (media(\"ultra\").matches && this.columnsUltra) {\n this.currentColumns = this.columnsUltra;\n } else if (media(\"large\").matches && this.columnsLarge) {\n this.currentColumns = this.columnsLarge;\n } else if (media(\"medium\").matches && this.columnsMedium) {\n this.currentColumns = this.columnsMedium;\n } else if (media(\"small\").matches && this.columnsSmall) {\n this.currentColumns = this.columnsSmall;\n } else {\n this.currentColumns = this.columns;\n }\n };\n\n resizeHandler = () => {\n this.setCurrentDirection();\n this.setCurrentColumns();\n };\n\n async componentWillLoad() {\n this.itemsWatcher(this.items);\n this.bigLabelWatcher(this.bigLabel);\n this.resizeHandler();\n }\n\n connectedCallback() {\n addMediaChangeListener(this.resizeHandler);\n }\n\n disconnectedCallback() {\n removeMediaChangeListener(this.resizeHandler);\n }\n\n render() {\n const classes = {\n \"stzh-datalist\": true,\n \"stzh-datalist--has-multiple-columns\": this.currentColumns > 1,\n \"stzh-datalist--big-label\": this.bigLabel,\n [`stzh-datalist--direction-${this.currentDirection}`]: !!this.currentDirection,\n [`stzh-datalist--${this.variant}`]: !!this.variant,\n [`stzh-datalist--vertical-gap-${this.verticalGap}`]: !!this.verticalGap,\n };\n\n return (\n <Host\n is-direction={this.currentDirection}\n vertical-gap={this.verticalGap}\n style={{\n \"--columns\": this.currentColumns ? this.currentColumns.toString() : null,\n }}\n >\n <div class={classes}>\n <div class=\"stzh-datalist__wrapper\">\n <div class=\"stzh-datalist__list\" role=\"list\">\n {this._items.map(item => (\n <stzh-datalist-item {...item} hasNested={!!item.items}>\n {item.items && item.items.length > 0 && <stzh-datalist items={item.items}></stzh-datalist>}\n </stzh-datalist-item>\n ))}\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n",":host {\n --value-font-family: var(--stzh-font-family-medium);\n --value-font-weight: var(--stzh-font-weight-medium);\n --value-color: inherit;\n --action-display: flex;\n --leading-icon-color: #{$colorGrey90};\n --nested-display: var(--stzh-datalist-item-nested-display, block);\n --wrapper-display: var(--stzh-datalist-item-wrapper-display, contents);\n\n --text-overflow: clip;\n --white-space: normal;\n --overflow: visible;\n --width: initial;\n --max-width: initial;\n\n display: contents;\n\n &[href]:not([href=\"\"]),\n &[a11y-expanded],\n &[a11y-controls] {\n --value-color: #{$linkColor};\n --value-hover-color: #{$linkHoverColor};\n }\n}\n\n:host(.value-truncate) {\n --text-overflow: ellipsis;\n --white-space: nowrap;\n --overflow: hidden;\n --max-width: 100%;\n}\n\n.stzh-datalist-item {\n position: relative;\n text-decoration-line: none;\n display: var(--wrapper-display);\n align-items: center;\n\n &__nested {\n display: contents;\n }\n\n &__nested-inner {\n display: var(--nested-display);\n grid-column: var(--full-grid-column);\n }\n\n &__vhidden {\n @include visuallyhidden;\n }\n\n &__wrapper {\n flex-grow: 1;\n display: grid;\n }\n\n &__leading,\n &__value,\n &__label,\n &__meta,\n &__action-list {\n color: inherit;\n display: flex;\n text-align: left;\n appearance: none;\n font-family: inherit;\n background: transparent;\n border: none;\n padding: 0;\n text-decoration-line: none;\n\n &.is-button,\n &.is-link {\n cursor: pointer;\n }\n }\n\n &__leading {\n flex-shrink: 0;\n\n &:not(:empty) {\n padding-right: space(\"xsmall\");\n }\n }\n\n &__leading-icon-container {\n color: var(--leading-icon-color);\n transition-property: color, background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__value-wrapper {\n display: flex;\n align-items: center;\n gap: space(\"xsmall\");\n color: var(--value-color);\n transition: color $baseTransitionAnimationSpeed;\n }\n\n &__value {\n flex-grow: 1;\n flex-direction: column;\n min-width: 0;\n }\n\n &__value-text {\n --color: initial;\n min-width: 0;\n\n @include fontCurve(\"p1\");\n font-family: var(--value-font-family);\n font-weight: var(--value-font-weight);\n width: auto;\n }\n\n &__label,\n &__meta {\n @include fontCurve(\"caption\");\n }\n\n &__meta {\n justify-content: flex-end;\n }\n\n &__meta-text {\n display: flex;\n gap: space(\"xsmall\");\n color: $colorGrey70;\n }\n\n &__label {\n color: $colorGrey90;\n }\n\n &__action-list {\n display: var(--action-display);\n justify-content: center;\n text-align: center;\n\n &:not(:empty) {\n padding-left: space(\"medium\");\n }\n }\n\n &__action {\n &.is-non-interactive {\n display: flex;\n justify-content: center;\n align-items: center;\n width: $formInputHeightSmall;\n height: $formInputHeightSmall;\n }\n }\n\n &__interactive {\n position: absolute;\n top: 0;\n left: 0;\n }\n\n &__readspeaker {\n width: fit-content;\n }\n\n / Button variant /\n\n &--is-button &__icon.is-open {\n display: none;\n }\n\n &--is-button#{&}--is-expanded &__icon {\n &.is-closed {\n display: none;\n }\n\n &.is-open {\n display: inline-flex;\n }\n }\n\n / Interactive variant /\n\n &--is-interactive &__value-text {\n text-decoration-line: underline;\n }\n\n &--is-interactive:hover &__value-wrapper {\n color: var(--value-hover-color);\n }\n\n / Vertical Variant /\n\n &--direction-vertical &__wrapper {\n flex-grow: inherit;\n }\n\n &--direction-vertical &__leading,\n &--direction-vertical &__wrapper,\n &--direction-vertical &__action-list {\n &:not(:empty) {\n padding-top: space(\"xsmall\");\n padding-bottom: space(\"xsmall\");\n }\n }\n\n &--direction-vertical &__meta {\n flex-direction: column;\n align-items: flex-start;\n }\n\n / Horizontal / Table Variant /\n\n &--direction-horizontal &__leading,\n &--direction-horizontal &__value,\n &--direction-horizontal &__action-list {\n &:not(:empty) {\n padding-top: space(\"xxsmall\");\n padding-bottom: space(\"xxsmall\");\n }\n }\n\n &--direction-horizontal &__meta {\n padding-bottom: space(\"xxsmall\");\n padding-top: calc(#{space(\"xxsmall\")} + 12px);\n }\n\n &--direction-horizontal &__readspeaker {\n padding-bottom: space(\"xxsmall\");\n padding-top: space(\"xxsmall\");\n padding-left: space(\"medium\");\n }\n\n &--direction-horizontal &__meta {\n &:not(:empty) {\n padding-left: space(\"xsmall\");\n }\n }\n\n &--direction-horizontal &__meta-status + &__meta-text {\n margin-left: space(\"xsmall\");\n }\n\n /* Table Variant /\n\n &--table &__label,\n &--table &__meta {\n @include fontSize(\"nano\");\n }\n\n &--table &__label {\n color: $colorGrey70;\n }\n\n &--table &__value-text {\n @include fontSize(\"milli\");\n }\n\n &--table &__leading,\n &--table &__value,\n &--table &__label,\n &--table &__meta,\n &--table &__action-list {\n &:not(:empty) {\n padding-top: space(\"xsmall\");\n padding-bottom: space(\"small\");\n }\n }\n\n &--table &__label:not(:empty) + &__value {\n padding-left: space(\"medium\");\n }\n\n &--table &__meta {\n &:not(:empty) {\n padding-left: space(\"medium\");\n }\n }\n\n /* Big label /\n\n &--table#{&}--big-label &__label {\n @include font(\"heavy\");\n @include fontSize(\"milli\");\n color: $colorGrey80;\n }\n\n &--table#{&}--big-label &__leading,\n &--table#{&}--big-label &__value,\n &--table#{&}--big-label &__label,\n &--table#{&}--big-label &__meta,\n &--table#{&}--big-label &__action-list {\n &:not(:empty) {\n padding-top: 0;\n padding-bottom: 0;\n\n @include mq($from: small) {\n padding-top: space(\"xsmall\");\n padding-bottom: space(\"small\");\n }\n }\n }\n\n &--table#{&}--big-label &__label:not(:empty) + &__value {\n padding-left: space(\"medium\");\n\n @include mq($to: small) {\n padding-left: 0;\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n StzhDatalistBigLabelChangeEvent,\n StzhDatalistDirection,\n StzhDatalistDirectionChangeEvent,\n StzhDatalistItemActionClickEvent,\n StzhDatalistItemClickEvent,\n StzhDatalistVariant,\n StzhDatalistVariantChangeEvent,\n StzhStatusType,\n} from \"../../index\";\n\nimport { addWordBreakToLinks } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nlet datalistItemCounter = 0;\n\n/\n @slot - Slot for nested datalist\n * @slot value - Slot for value (or use value slot instead)\n * @slot readspeaker - Slot for readspeaker\n /\n@Component({\n tag: \"stzh-datalist-item\",\n styleUrl: \"stzh-datalist-item.scss\",\n scoped: true,\n})\nexport class StzhDatalistItem {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Link /\n @Prop({ reflect: true }) href: string;\n\n /* Rel (if href is used) /\n @Prop() rel: string;\n\n /* Target (if href is used) /\n @Prop() target: string;\n\n /* Download attribute of link (if `href` used) /\n @Prop() download: string;\n\n /* Leading icon /\n @Prop() leadingIcon: string;\n\n /* Icon of action button (if href is used, will only be for presentation) /\n @Prop() icon: string;\n\n /* Icon position /\n @Prop() iconPosition: \"left\" \| \"right\" = \"right\";\n\n /* Overwrite aria-label of action button (default aria label is `label` and `value`). /\n @Prop() iconLabel: string;\n\n /* Tooltip content of action button. Overwrites aria-label (set by default or `iconLabel`) of action button. /\n @Prop() iconTooltip: string;\n\n /* Href of action button /\n @Prop() iconHref: string;\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Value (or use value slot instead) /\n @Prop() value: string = \"\";\n\n /* Whether value should be truncate or not /\n @Prop() valueTruncate: boolean = false;\n\n /* Readspeaker label /\n @Prop() readspeakerLabel: string = \"\";\n\n /* Readspeaker link /\n @Prop() readspeakerHref: string = \"\";\n\n /* Meta /\n @Prop({ reflect: true }) meta: string \| string[] = \"\";\n private _meta: string[] = [];\n\n /* Status Label /\n @Prop({ reflect: true }) statusLabel: string = \"\";\n\n /* Status Type /\n @Prop() statusType: StzhStatusType = \"default\";\n\n /* Aria expanded of link/button /\n @Prop({ reflect: true, attribute: \"a11y-expanded\" }) a11yExpanded: boolean;\n\n /* Aria controls of link/button /\n @Prop({ attribute: \"a11y-controls\" }) a11yControls: string;\n\n /* Whether the item has child items (only used internally by stzh-datalist). /\n @Prop() hasNested: boolean = false;\n\n /* Item action click event /\n @Event() stzhItemActionClick: EventEmitter<StzhDatalistItemActionClickEvent>;\n\n /* Item click event /\n @Event() stzhClick: EventEmitter<StzhDatalistItemClickEvent>;\n\n @Element() element: HTMLStzhDatalistItemElement;\n\n @Watch(\"meta\")\n metaWatcher(newValue: string[] \| string) {\n if (typeof newValue === \"string\") {\n try {\n this._meta = JSON.parse(newValue);\n } catch (ex) {\n this._meta = newValue === \"\" ? [] : [newValue];\n }\n } else {\n this._meta = newValue;\n }\n }\n\n @Watch(\"rel\")\n externalWatcher() {\n this.external = this.rel && this.rel.includes(\"external\");\n }\n\n @Watch(\"href\")\n hrefWatcher() {\n this.isPhone = this.href && (this.href.startsWith(\"tel:\") \|\| this.href.startsWith(\"fax:\"));\n }\n\n @State() direction: StzhDatalistDirection = \"vertical\";\n @State() variant: StzhDatalistVariant = \"default\";\n @State() bigLabel: boolean = false;\n\n private external: boolean = false;\n private isPhone: boolean = false;\n private datalist: HTMLStzhDatalistElement;\n private datalistItemId: string;\n\n private onActionClick = (originalEvent: MouseEvent) => {\n this.stzhItemActionClick.emit({\n component: \"stzh-datalist-item\",\n originalEvent,\n });\n };\n\n private onClick = (event: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-datalist-item\",\n originalEvent: event,\n href: this.href,\n });\n };\n\n private handleDirectionChange = (event: CustomEvent<StzhDatalistDirectionChangeEvent>) => {\n this.direction = event.detail.value;\n };\n\n private handleVariantChange = (event: CustomEvent<StzhDatalistVariantChangeEvent>) => {\n this.variant = event.detail.value;\n };\n\n private handleBigLabelChange = (event: CustomEvent<StzhDatalistBigLabelChangeEvent>) => {\n this.bigLabel = event.detail.value;\n };\n\n private addWordBreakToLinks() {\n const links = Array.from(this.element?.getElementsByClassName(\"stzh-datalist-item__value-text\") \|\| []);\n addWordBreakToLinks(links as HTMLElement[]);\n }\n\n private renderInner(isButton: boolean, hasActionButton: boolean): DocumentFragment {\n const Item = isButton ? \"button\" : this.href ? \"a\" : \"div\";\n\n const Icon = () => (\n <Fragment>\n {(this.href \|\| this.icon) && !hasActionButton && !isButton && (\n <div class=\"stzh-datalist-item__label-icon\">\n <stzh-icon\n class=\"stzh-datalist-item__icon\"\n name={this.icon ? this.icon : this.isPhone ? \"phone\" : this.external && \"external-link\"}\n ></stzh-icon>\n </div>\n )}\n\n {isButton && (\n <div class=\"stzh-datalist-item__label-icon\">\n <stzh-icon class=\"stzh-datalist-item__icon is-closed\" name={this.icon ? this.icon : \"plus\"}></stzh-icon>\n <stzh-icon class=\"stzh-datalist-item__icon is-open\" name={this.icon ? this.icon : \"minus\"}></stzh-icon>\n </div>\n )}\n </Fragment>\n );\n\n return (\n <Fragment>\n {this.variant === \"table\" && (\n <Item\n aria-hidden={this.label ? null : \"true\"}\n tabindex=\"-1\"\n id={`${this.datalistItemId}-label`}\n class={{\n \"stzh-datalist-item__label\": true,\n \"is-button\": isButton,\n \"is-link\": !!this.href,\n }}\n href={this.href}\n rel={this.rel}\n target={this.target}\n download={this.download}\n onClick={this.onClick}\n >\n {this.label}\n </Item>\n )}\n\n <Item\n id={`${this.datalistItemId}-value`}\n class={{\n \"stzh-datalist-item__value\": true,\n \"is-button\": isButton,\n \"is-link\": !!this.href,\n }}\n href={this.href}\n rel={this.rel}\n target={this.target}\n download={this.download}\n // aria-labelledby={Item !== 'div' ? `${this.datalistItemId}-label ${this.datalistItemId}-value ${this.datalistItemId}-meta` : null}\n aria-labelledby={\n Item !== \"div\"\n ? `${this.variant === \"table\" ? `${this.datalistItemId}-label` : \"\"} ${this.datalistItemId}-value ${\n this.datalistItemId\n }-meta`\n : null\n }\n aria-controls={this.a11yControls \|\| null}\n aria-expanded={typeof this.a11yExpanded !== \"undefined\" ? (this.a11yExpanded ? \"true\" : \"false\") : null}\n onClick={this.onClick}\n >\n {this.variant === \"default\" && <div class=\"stzh-datalist-item__label\">{this.label}</div>}\n\n {this.external && (\n <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.externalLinkLabel}</div>\n )}\n {this.download && (\n <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.downloadLinkLabel}</div>\n )}\n\n <div class=\"stzh-datalist-item__value-wrapper\">\n {this.iconPosition === \"left\" && <Icon></Icon>}\n {this.value ? (\n <stzh-text curve=\"none\" class=\"stzh-datalist-item__value-text\" innerHTML={this.value}></stzh-text>\n ) : (\n <stzh-text curve=\"none\" class=\"stzh-datalist-item__value-text\">\n <slot name=\"value\"></slot>\n </stzh-text>\n )}\n {this.iconPosition === \"right\" && <Icon></Icon>}\n </div>\n </Item>\n\n <Item\n aria-hidden={this.statusLabel \|\| this._meta.length > 0 ? null : \"true\"}\n tabindex=\"-1\"\n id={`${this.datalistItemId}-meta`}\n class={{\n \"stzh-datalist-item__meta\": true,\n \"is-button\": isButton,\n \"is-link\": !!this.href,\n }}\n href={this.href}\n rel={this.rel}\n target={this.target}\n download={this.download}\n onClick={this.onClick}\n >\n {this.statusLabel && (\n <stzh-status\n class=\"stzh-datalist-item__meta-status\"\n label={this.statusLabel}\n type={this.statusType}\n ></stzh-status>\n )}\n {this._meta.length > 0 && (\n <span class=\"stzh-datalist-item__meta-text\">\n {this._meta.map((meta, index) => (\n <Fragment>\n <span class=\"stzh-datalist-item__meta-text-inner\">{meta}</span>\n {index + 1 !== this._meta.length && <span class=\"stzh-datalist-item__meta-separator\">\|</span>}\n </Fragment>\n ))}\n </span>\n )}\n </Item>\n\n {this.readspeakerHref && this.readspeakerLabel && (\n <stzh-button\n class=\"stzh-datalist-item__readspeaker\"\n variant=\"tertiary-plain\"\n no-padding-left=\"true\"\n no-padding-right=\"true\"\n icon-position=\"right\"\n icon=\"volume-medium\"\n size=\"small\"\n href={this.readspeakerHref}\n target=\"_blank\"\n >\n {this.readspeakerLabel}\n </stzh-button>\n )}\n </Fragment>\n );\n }\n\n private renderLeadingIcon(isButton: boolean): HTMLElement {\n const Item = isButton ? \"button\" : this.href ? \"a\" : \"div\";\n\n return (\n <Item\n role=\"presentation\"\n aria-hidden=\"true\"\n tabindex=\"-1\"\n class={{\n \"stzh-datalist-item__leading\": true,\n \"is-button\": isButton,\n \"is-link\": !!this.href,\n }}\n href={this.href}\n rel={this.rel}\n target={this.target}\n download={this.download}\n onClick={this.onClick}\n >\n {this.leadingIcon && (\n <div class=\"stzh-datalist-item__leading-icon-container\">\n <stzh-icon class=\"stzh-datalist-item__leading-icon\" name={this.leadingIcon}></stzh-icon>\n </div>\n )}\n </Item>\n );\n }\n\n async componentDidLoad() {\n // execute connectedCallbck again, because sometimes has problem rendering\n this.connectedCallback();\n this.addWordBreakToLinks();\n }\n\n async componentWillLoad() {\n this.datalistItemId = `stzh-datalist-item-${datalistItemCounter++}`;\n this.metaWatcher(this.meta);\n this.externalWatcher();\n this.hrefWatcher();\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"datalist-item\");\n }\n }\n\n async connectedCallback() {\n this.datalist = this.element.closest(\"stzh-datalist\");\n\n if (this.datalist) {\n this.variant = this.datalist.variant;\n this.bigLabel = this.datalist.bigLabel;\n this.direction = await this.datalist.getCurrentDirection();\n\n this.datalist?.addEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n this.datalist?.addEventListener(\"stzhVariantChange\", this.handleVariantChange);\n this.datalist?.addEventListener(\"stzhBigLabelChange\", this.handleBigLabelChange);\n }\n }\n\n disconnectedCallback() {\n if (this.datalist) {\n this.datalist?.removeEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n this.datalist?.removeEventListener(\"stzhVariantChange\", this.handleVariantChange);\n this.datalist?.removeEventListener(\"stzhBigLabelChange\", this.handleBigLabelChange);\n this.datalist = null;\n }\n }\n\n render() {\n const isButton = typeof this.a11yExpanded !== \"undefined\" \|\| typeof this.a11yControls !== \"undefined\";\n\n const hasActionButton = !!((!this.href \|\| this.iconHref \|\| this.iconTooltip) && this.icon);\n\n const classes = {\n \"stzh-datalist-item\": true,\n \"stzh-datalist-item--is-interactive\": !!this.href \|\| isButton,\n \"stzh-datalist-item--is-link\": !!this.href,\n \"stzh-datalist-item--is-button\": isButton,\n \"stzh-datalist-item--is-expanded\": this.a11yExpanded,\n \"stzh-datalist-item--big-label\": this.bigLabel,\n [`stzh-datalist-item--direction-${this.direction}`]: !!this.direction && this.variant === \"default\",\n [`stzh-datalist-item--${this.variant}`]: !!this.variant,\n };\n\n let ActionItem = isButton ? \"button\" : hasActionButton ? \"div\" : \"a\";\n\n const ActionButton = () => {\n return (\n <stzh-button\n class={{\n \"stzh-datalist-item__action\": true,\n \"is-button\": true,\n }}\n variant=\"tertiary\"\n size=\"small\"\n aria-label={this.iconLabel}\n iconOnly={true}\n href={this.iconHref}\n icon={this.icon}\n onClick={this.onActionClick}\n ></stzh-button>\n );\n };\n\n return (\n <Host role=\"listitem\" class={{ \"value-truncate\": this.valueTruncate }}>\n <div class={classes}>\n {this.direction === \"horizontal\" \|\| this.variant === \"table\" ? (\n <Fragment>\n {this.renderLeadingIcon(isButton)}\n {this.renderInner(isButton, hasActionButton)}\n </Fragment>\n ) : (\n <Fragment>\n {this.renderLeadingIcon(isButton)}\n <div class=\"stzh-datalist-item__wrapper\">{this.renderInner(isButton, hasActionButton)}</div>\n </Fragment>\n )}\n <ActionItem\n role={hasActionButton ? null : \"presentation\"}\n aria-hidden={hasActionButton ? null : \"true\"}\n tabindex=\"-1\"\n class={{\n \"stzh-datalist-item__action-list\": true,\n \"is-button\": isButton,\n \"is-link\": !!this.href && !this.iconHref,\n }}\n href={!this.iconHref ? this.href : null}\n rel={!this.iconHref ? this.rel : null}\n target={!this.iconHref ? this.target : null}\n download={!this.iconHref ? this.download : null}\n >\n {hasActionButton &&\n (this.iconTooltip ? (\n <stzh-tooltip content={this.iconTooltip}>{ActionButton()}</stzh-tooltip>\n ) : (\n ActionButton()\n ))}\n </ActionItem>\n\n <div class=\"stzh-datalist-item__spacer\"></div>\n </div>\n {this.hasNested && (\n <div class=\"stzh-datalist-item__nested\">\n <div class=\"stzh-datalist-item__nested-inner\">\n <slot></slot>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n","/\n @prop --color: Status color text\n /\n\n:host {\n --color: #{$baseColor};\n --min-width: none;\n\n &[with-loadingbar]:not([with-loadingbar=\"false\"]) {\n --min-width: 160px;\n }\n\n &[type=\"success\"] {\n --color: #{$colorSuccess70};\n }\n\n &[type=\"warning\"] {\n --color: #{$colorWarning90};\n }\n\n &[type=\"error\"] {\n --color: #{$colorError70};\n }\n\n &[type=\"info\"] {\n --color: #{$colorMidnightblue70};\n }\n}\n\n.stzh-status {\n min-width: var(--min-width);\n color: var(--color);\n\n &__dot {\n border-radius: 50%;\n width: 12px;\n height: 12px;\n background-color: currentColor;\n margin-right: space(\"xxsmall\");\n }\n\n &__bar {\n display: block;\n height: 4px;\n border-radius: 12px;\n background-color: $colorOldGrey13;\n margin-top: space(\"xxsmall\");\n }\n\n &__bar-inner {\n display: block;\n height: 100%;\n width: 0;\n border-radius: 12px;\n background: currentColor;\n }\n\n &__text {\n @include fontSize(\"micro\");\n display: flex;\n align-items: center;\n }\n}\n","import { Component, Host, h, Element, Prop } from \"@stencil/core\";\n\nimport { StzhStatusType } from \"../../index\";\n\n/\n /\n@Component({\n tag: \"stzh-status\",\n styleUrl: \"stzh-status.scss\",\n scoped: true,\n})\nexport class StzhStatus {\n /** Percent /\n @Prop() percent: number = 0;\n\n /* Whether to hide/show loadingbar /\n @Prop({ reflect: true }) withLoadingbar: boolean = false;\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Type */\n @Prop({ reflect: true }) type: StzhStatusType = \"default\";\n\n @Element() element: HTMLStzhStatusElement;\n\n render() {\n const classes = {\n \"stzh-status\": true,\n [`stzh-status--type-${this.type}`]: !!this.type,\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-status__text\">\n {!this.withLoadingbar && <div class=\"stzh-status__dot\"></div>}\n {this.label && <div class=\"stzh-status__label\">{this.label}</div>}\n </div>\n {this.withLoadingbar && (\n <div class=\"stzh-status__bar\">\n <div\n class=\"stzh-status__bar-inner\"\n style={{\n width: `${this.percent}%`,\n }}\n ></div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-datalist.stzh-datalist-item.stzh-status.entry.cjs.js","mappings":"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","names":["media","addMediaChangeListener","removeMediaChangeListener","h","Host","addWordBreakToLinks","Fragment","index"],"sources":["src/components/stzh-datalist/stzh-datalist.scss?tag=stzh-datalist&encapsulation=scoped","src/components/stzh-datalist/stzh-datalist.tsx","src/components/stzh-datalist-item/stzh-datalist-item.scss?tag=stzh-datalist-item&encapsulation=scoped","src/components/stzh-datalist-item/stzh-datalist-item.tsx","src/components/stzh-status/stzh-status.scss?tag=stzh-status&encapsulation=scoped","src/components/stzh-status/stzh-status.tsx"],"sourcesContent":[":host {\n --columns: 1;\n --columns-gap: #{$gridGutter};\n --list-display: grid;\n --list-margin-right: calc(var(--columns-gap) / -1);\n --list-grid-template-columns: repeat(\n var(--columns),\n auto minmax(auto, 1fr) auto var(--columns-gap)\n );\n --full-grid-column: 1 / 5;\n --nested-margin-left: var(--stzh-datalist-nested-margin-left, 0px);\n --details-content-width: var(--stzh-datalist-details-content-width, 100%);\n\n --grid-template-areas: var(\n --stzh-datalist-grid-template-areas,\n \"list list list list\"\n );\n\n --grid-template-columns: var(\n --stzh-datalist-grid-template-columns,\n #{$gridColumns}\n );\n\n margin-left: var(--nested-margin-left);\n\n @include mq($from: small) {\n --columns-gap: #{$gridGutterSmall};\n\n --grid-template-areas: var(\n --stzh-datalist-grid-template-areas,\n \"list list list list\"\n );\n }\n\n @include mq($from: medium) {\n --columns-gap: #{$gridGutterMedium};\n\n --grid-template-areas: var(\n --stzh-datalist-grid-template-areas,\n \"list list list list list list list list\"\n );\n\n --grid-template-columns: var(\n --stzh-datalist-grid-template-columns,\n #{$gridColumnsMedium}\n );\n }\n\n @include mq($from: large) {\n --columns-gap: #{$gridGutterLarge};\n }\n\n @include mq($from: ultra) {\n --columns-gap: #{$gridGutterUltra};\n }\n // datalist-item or wrapper elements should be set to display: contents to make grid layout work.\n // in AEM edit mode: we prevent setting it, so the links can still be edited.\n\n ::slotted(.layout_column) > :not([class=\"cq-\"]),\n ::slotted(:not([class=\"cq-\"])) {\n display: contents;\n }\n\n &[is-direction=\"horizontal\"] {\n --list-grid-template-columns: repeat(\n var(--columns),\n auto minmax(auto, 1fr) auto auto var(--columns-gap)\n );\n --full-grid-column: 1 / 6;\n\n &:where(:has(stzh-datalist-item:not([meta=\"\"]))),\n &:where(:has(stzh-datalist-item:not([status-label=\"\"]))) {\n --list-grid-template-columns: repeat(\n var(--columns),\n auto minmax(auto, 1fr) minmax(auto, 1fr) auto var(--columns-gap)\n );\n }\n }\n\n &[variant=\"table\"] {\n --list-grid-template-columns: repeat(\n var(--columns),\n auto auto minmax(auto, 1fr) auto auto var(--columns-gap)\n );\n --full-grid-column: 1 / 7;\n\n &:where(:has(stzh-datalist-item:not([meta=\"\"]))),\n &:where(:has(stzh-datalist-item:not([status-label=\"\"]))) {\n --list-grid-template-columns: repeat(\n var(--columns),\n auto auto minmax(auto, 1fr) minmax(auto, 1fr) auto var(--columns-gap)\n );\n }\n }\n\n &[vertical-gap=\"small\"] {\n .stzh-datalist__list {\n grid-template-rows: auto;\n @include mq($to: medium) {\n row-gap: space(\"xsmall\");\n }\n @include mq($from: medium) {\n row-gap: space(\"xxsmall\");\n }\n }\n }\n}\n\n/* AEM edit mode: we set list as block element (always as one column), to prevent layout breaks /\n\n:host(:has([class=\"cq-\"])) {\n --stzh-datalist-item-wrapper-display: flex;\n\n --list-display: block;\n --list-margin-right: 0;\n}\n\n.stzh-datalist {\n // offset margin of nested datalist\n --stzh-datalist-nested-margin-left: #{space(\"large\")};\n // details grid columns\n --stzh-details-content-grid-column: var(--full-grid-column);\n --stzh-details-content-padding-right: var(--columns-gap);\n --stzh-details-content-width: var(--details-content-width);\n\n @include gridGutter;\n display: grid;\n grid-template-areas: var(--grid-template-areas);\n grid-template-columns: var(--grid-template-columns);\n\n &__wrapper {\n grid-area: list;\n overflow: visible;\n }\n\n &__list {\n display: var(--list-display);\n border-collapse: collapse;\n grid-template-columns: var(--list-grid-template-columns);\n align-items: stretch;\n margin-right: var(--list-margin-right);\n }\n\n /* Multiple Columns /\n\n &--has-multiple-columns {\n // display of nested datalist\n --stzh-datalist-item-nested-display: none;\n }\n\n / Table variant with big label /\n\n &--table#{&}--big-label &__list {\n @include mq($to: small) {\n --list-display: flex;\n flex-direction: column;\n gap: space(\"xxxsmall\");\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n StzhDatalistBigLabelChangeEvent,\n StzhDatalistDirection,\n StzhDatalistDirectionChangeEvent,\n StzhDatalistItemEntry,\n StzhDatalistVariant,\n StzhDatalistVariantChangeEvent,\n} from \"../../index\";\n\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../utils/media-utils\";\n\n/\n @slot - Slot for any content\n /\n@Component({\n tag: \"stzh-datalist\",\n styleUrl: \"stzh-datalist.scss\",\n scoped: true,\n})\nexport class StzhDatalist {\n /* Variant /\n @Prop({ reflect: true }) variant: StzhDatalistVariant = \"default\";\n\n /* With big label /\n @Prop({ reflect: true }) bigLabel: boolean = false;\n\n /* Columns /\n @Prop({ reflect: true }) columns: number = 1;\n\n /* Columns above small breakpoint /\n @Prop({ reflect: true }) columnsSmall: number;\n\n /* Columns above medium breakpoint /\n @Prop({ reflect: true }) columnsMedium: number;\n\n /* Columns above large breakpoint /\n @Prop({ reflect: true }) columnsLarge: number;\n\n /* Columns above ultra breakpoint /\n @Prop({ reflect: true }) columnsUltra: number;\n\n /* Direction /\n @Prop({ reflect: true }) direction: StzhDatalistDirection = \"vertical\";\n\n /* Direction above small breakpoint /\n @Prop({ reflect: true }) directionSmall: StzhDatalistDirection;\n\n /* Direction above medium breakpoint /\n @Prop({ reflect: true }) directionMedium: StzhDatalistDirection;\n\n /* Direction above large breakpoint /\n @Prop({ reflect: true }) directionLarge: StzhDatalistDirection;\n\n /* Direction above ultra breakpoint /\n @Prop({ reflect: true }) directionUltra: StzhDatalistDirection;\n /Vertical Gap between items /\n @Prop({ reflect: true }) verticalGap: \"default\" \| \"small\" = \"default\";\n\n /*\n Whether to disable min-width of datalist item label for the `horizontal` variant.\n \n If `false`, the default `min-width` is `144px` (for >= 800px) and `120px` (for < 800px).\n * If `true`, the `min-width` is `none`, so the label column, will have the width of cell with the widest content.\n \n You can also overwrite the label min-width via CSS with the custom property `--item-label-min-width`.\n /\n // @Prop({ reflect: true }) disableLabelMinWidth: boolean = false;\n\n /\n Items in datalist\n * Array of objects that must at least include `value` attribute.\n * Can optionally contain `leadingIcon`, `label`, `meta`, `icon`, `iconLabel`, `iconTooltip`, `href`, `statusLabel`, `statusType` attribute and be nested to display deeper levels:\n * `[{\"value\":\"Value 1\", \"label\": \"Label 1\"}, {\"value\":\"Value 2\", \"label\": \"Label 2\", \"items\": [...]}]`\n /\n @Prop() items: StzhDatalistItemEntry[] \| string = [];\n private _items: StzhDatalistItemEntry[] = [];\n\n /* Variant attribute change event /\n @Event() stzhVariantChange: EventEmitter<StzhDatalistVariantChangeEvent>;\n\n /* Big label attribute change event /\n @Event() stzhBigLabelChange: EventEmitter<StzhDatalistBigLabelChangeEvent>;\n\n /* Direction attribute change event /\n @Event() stzhDirectionChange: EventEmitter<StzhDatalistDirectionChangeEvent>;\n\n @Element() element: HTMLStzhDatalistElement;\n\n @Watch(\"direction\")\n @Watch(\"directionSmall\")\n @Watch(\"directionMedium\")\n @Watch(\"directionLarge\")\n @Watch(\"directionUltra\")\n directionWatcher() {\n this.setCurrentDirection();\n }\n\n @Watch(\"columns\")\n @Watch(\"columnsSmall\")\n @Watch(\"columnsMedium\")\n @Watch(\"columnsLarge\")\n @Watch(\"columnsUltra\")\n columnsWatcher() {\n this.setCurrentColumns();\n }\n\n @Watch(\"currentDirection\")\n currentDirectionWatcher(newValue: StzhDatalistDirection) {\n this.stzhDirectionChange.emit({\n component: \"stzh-datalist\",\n value: newValue,\n });\n }\n\n @Watch(\"variant\")\n variantWatcher(newValue: StzhDatalistVariant) {\n this.stzhVariantChange.emit({\n component: \"stzh-datalist\",\n value: newValue,\n });\n }\n\n @Watch(\"bigLabel\")\n bigLabelWatcher(newValue: boolean) {\n this.stzhBigLabelChange.emit({\n component: \"stzh-datalist\",\n value: newValue,\n });\n }\n\n @Watch(\"items\")\n itemsWatcher(newValue: any[] \| string) {\n if (typeof newValue === \"string\") {\n this._items = JSON.parse(newValue);\n } else {\n this._items = newValue;\n }\n }\n\n /* Get current direction /\n @Method()\n async getCurrentDirection() {\n return this.currentDirection;\n }\n\n @State() currentColumns: number = 1;\n @State() currentDirection: StzhDatalistDirection;\n\n private setCurrentDirection = () => {\n if (media(\"ultra\").matches && this.directionUltra) {\n this.currentDirection = this.directionUltra;\n } else if (media(\"large\").matches && this.directionLarge) {\n this.currentDirection = this.directionLarge;\n } else if (media(\"medium\").matches && this.directionMedium) {\n this.currentDirection = this.directionMedium;\n } else if (media(\"small\").matches && this.directionSmall) {\n this.currentDirection = this.directionSmall;\n } else {\n this.currentDirection = this.direction;\n }\n };\n\n private setCurrentColumns = () => {\n if (media(\"ultra\").matches && this.columnsUltra) {\n this.currentColumns = this.columnsUltra;\n } else if (media(\"large\").matches && this.columnsLarge) {\n this.currentColumns = this.columnsLarge;\n } else if (media(\"medium\").matches && this.columnsMedium) {\n this.currentColumns = this.columnsMedium;\n } else if (media(\"small\").matches && this.columnsSmall) {\n this.currentColumns = this.columnsSmall;\n } else {\n this.currentColumns = this.columns;\n }\n };\n\n resizeHandler = () => {\n this.setCurrentDirection();\n this.setCurrentColumns();\n };\n\n async componentWillLoad() {\n this.itemsWatcher(this.items);\n this.bigLabelWatcher(this.bigLabel);\n this.resizeHandler();\n }\n\n connectedCallback() {\n addMediaChangeListener(this.resizeHandler);\n }\n\n disconnectedCallback() {\n removeMediaChangeListener(this.resizeHandler);\n }\n\n render() {\n const classes = {\n \"stzh-datalist\": true,\n \"stzh-datalist--has-multiple-columns\": this.currentColumns > 1,\n \"stzh-datalist--big-label\": this.bigLabel,\n [`stzh-datalist--direction-${this.currentDirection}`]: !!this.currentDirection,\n [`stzh-datalist--${this.variant}`]: !!this.variant,\n [`stzh-datalist--vertical-gap-${this.verticalGap}`]: !!this.verticalGap,\n };\n\n return (\n <Host\n is-direction={this.currentDirection}\n vertical-gap={this.verticalGap}\n style={{\n \"--columns\": this.currentColumns ? this.currentColumns.toString() : null,\n }}\n >\n <div class={classes}>\n <div class=\"stzh-datalist__wrapper\">\n <div class=\"stzh-datalist__list\" role=\"list\">\n {this._items.map(item => (\n <stzh-datalist-item {...item} hasNested={!!item.items}>\n {item.items && item.items.length > 0 && <stzh-datalist items={item.items}></stzh-datalist>}\n </stzh-datalist-item>\n ))}\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n",":host {\n --value-font-family: var(--stzh-font-family-medium);\n --value-font-weight: var(--stzh-font-weight-medium);\n --value-color: inherit;\n --action-display: flex;\n --leading-icon-color: #{$colorGrey90};\n --nested-display: var(--stzh-datalist-item-nested-display, block);\n --wrapper-display: var(--stzh-datalist-item-wrapper-display, contents);\n --vertical-wrapper-padding: var(\n --stzh-datalist-item-vertical-wrapper-padding,\n #{space(\"xsmall\")}\n );\n --text-overflow: clip;\n --white-space: normal;\n --overflow: visible;\n --width: initial;\n --max-width: initial;\n\n display: contents;\n\n &[href]:not([href=\"\"]),\n &[a11y-expanded],\n &[a11y-controls] {\n --value-color: #{$linkColor};\n --value-hover-color: #{$linkHoverColor};\n }\n}\n\n:host(.value-truncate) {\n --text-overflow: ellipsis;\n --white-space: nowrap;\n --overflow: hidden;\n --max-width: 100%;\n}\n\n.stzh-datalist-item {\n position: relative;\n text-decoration-line: none;\n display: var(--wrapper-display);\n align-items: center;\n\n &__nested {\n display: contents;\n }\n\n &__nested-inner {\n display: var(--nested-display);\n grid-column: var(--full-grid-column);\n }\n\n &__vhidden {\n @include visuallyhidden;\n }\n\n &__wrapper {\n flex-grow: 1;\n display: grid;\n }\n\n &__leading,\n &__value,\n &__label,\n &__meta,\n &__action-list {\n color: inherit;\n display: flex;\n text-align: left;\n appearance: none;\n font-family: inherit;\n background: transparent;\n border: none;\n padding: 0;\n text-decoration-line: none;\n\n &.is-button,\n &.is-link {\n cursor: pointer;\n }\n }\n\n &__leading {\n flex-shrink: 0;\n\n &:not(:empty) {\n padding-right: space(\"xsmall\");\n }\n }\n\n &__leading-icon-container {\n color: var(--leading-icon-color);\n transition-property: color, background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__value-wrapper {\n display: flex;\n align-items: center;\n gap: space(\"xsmall\");\n color: var(--value-color);\n transition: color $baseTransitionAnimationSpeed;\n }\n\n &__value {\n flex-grow: 1;\n flex-direction: column;\n min-width: 0;\n }\n\n &__value-text {\n --color: initial;\n min-width: 0;\n\n @include fontCurve(\"p1\");\n font-family: var(--value-font-family);\n font-weight: var(--value-font-weight);\n width: auto;\n }\n\n &__label,\n &__meta {\n @include fontCurve(\"caption\");\n }\n\n &__meta {\n justify-content: flex-end;\n }\n\n &__meta-text {\n display: flex;\n gap: space(\"xsmall\");\n color: $colorGrey70;\n }\n\n &__label {\n color: $colorGrey90;\n }\n\n &__action-list {\n display: var(--action-display);\n justify-content: center;\n text-align: center;\n\n &:not(:empty) {\n padding-left: space(\"medium\");\n }\n }\n\n &__action {\n &.is-non-interactive {\n display: flex;\n justify-content: center;\n align-items: center;\n width: $formInputHeightSmall;\n height: $formInputHeightSmall;\n }\n }\n\n &__interactive {\n position: absolute;\n top: 0;\n left: 0;\n }\n\n &__readspeaker {\n width: fit-content;\n }\n\n / Button variant /\n\n &--is-button &__icon.is-open {\n display: none;\n }\n\n &--is-button#{&}--is-expanded &__icon {\n &.is-closed {\n display: none;\n }\n\n &.is-open {\n display: inline-flex;\n }\n }\n\n / Interactive variant /\n\n &--is-interactive &__value-text {\n text-decoration-line: underline;\n }\n\n &--is-interactive:hover &__value-wrapper {\n color: var(--value-hover-color);\n }\n\n / Vertical Variant /\n\n &--direction-vertical &__wrapper {\n flex-grow: inherit;\n }\n\n &--direction-vertical &__leading,\n &--direction-vertical &__wrapper,\n &--direction-vertical &__action-list {\n &:not(:empty) {\n padding-top: var(--vertical-wrapper-padding);\n padding-bottom: var(--vertical-wrapper-padding);\n }\n }\n\n &--direction-vertical &__meta {\n flex-direction: column;\n align-items: flex-start;\n }\n\n / Horizontal / Table Variant /\n\n &--direction-horizontal &__leading,\n &--direction-horizontal &__value,\n &--direction-horizontal &__action-list {\n &:not(:empty) {\n padding-top: space(\"xxsmall\");\n padding-bottom: space(\"xxsmall\");\n }\n }\n\n &--direction-horizontal &__meta {\n padding-bottom: space(\"xxsmall\");\n padding-top: calc(#{space(\"xxsmall\")} + 12px);\n }\n\n &--direction-horizontal &__readspeaker {\n padding-bottom: space(\"xxsmall\");\n padding-top: space(\"xxsmall\");\n padding-left: space(\"medium\");\n }\n\n &--direction-horizontal &__meta {\n &:not(:empty) {\n padding-left: space(\"xsmall\");\n }\n }\n\n &--direction-horizontal &__meta-status + &__meta-text {\n margin-left: space(\"xsmall\");\n }\n\n /* Table Variant /\n\n &--table &__label,\n &--table &__meta {\n @include fontSize(\"nano\");\n }\n\n &--table &__label {\n color: $colorGrey70;\n }\n\n &--table &__value-text {\n @include fontSize(\"milli\");\n }\n\n &--table &__leading,\n &--table &__value,\n &--table &__label,\n &--table &__meta,\n &--table &__action-list {\n &:not(:empty) {\n padding-top: space(\"xsmall\");\n padding-bottom: space(\"small\");\n }\n }\n\n &--table &__label:not(:empty) + &__value {\n padding-left: space(\"medium\");\n }\n\n &--table &__meta {\n &:not(:empty) {\n padding-left: space(\"medium\");\n }\n }\n\n /* Big label /\n\n &--table#{&}--big-label &__label {\n @include font(\"heavy\");\n @include fontSize(\"milli\");\n color: $colorGrey80;\n }\n\n &--table#{&}--big-label &__leading,\n &--table#{&}--big-label &__value,\n &--table#{&}--big-label &__label,\n &--table#{&}--big-label &__meta,\n &--table#{&}--big-label &__action-list {\n &:not(:empty) {\n padding-top: 0;\n padding-bottom: 0;\n\n @include mq($from: small) {\n padding-top: space(\"xsmall\");\n padding-bottom: space(\"small\");\n }\n }\n }\n\n &--table#{&}--big-label &__label:not(:empty) + &__value {\n padding-left: space(\"medium\");\n\n @include mq($to: small) {\n padding-left: 0;\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n StzhDatalistBigLabelChangeEvent,\n StzhDatalistDirection,\n StzhDatalistDirectionChangeEvent,\n StzhDatalistItemActionClickEvent,\n StzhDatalistItemClickEvent,\n StzhDatalistVariant,\n StzhDatalistVariantChangeEvent,\n StzhStatusType,\n} from \"../../index\";\n\nimport { addWordBreakToLinks } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nlet datalistItemCounter = 0;\n\n/\n @slot - Slot for nested datalist\n * @slot value - Slot for value (or use value slot instead)\n * @slot readspeaker - Slot for readspeaker\n /\n@Component({\n tag: \"stzh-datalist-item\",\n styleUrl: \"stzh-datalist-item.scss\",\n scoped: true,\n})\nexport class StzhDatalistItem {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Link /\n @Prop({ reflect: true }) href: string;\n\n /* Rel (if href is used) /\n @Prop() rel: string;\n\n /* Target (if href is used) /\n @Prop() target: string;\n\n /* Download attribute of link (if `href` used) /\n @Prop() download: string;\n\n /* Leading icon /\n @Prop() leadingIcon: string;\n\n /* Icon of action button (if href is used, will only be for presentation) /\n @Prop() icon: string;\n\n /* Icon position /\n @Prop() iconPosition: \"left\" \| \"right\" = \"right\";\n\n /* Overwrite aria-label of action button (default aria label is `label` and `value`). /\n @Prop() iconLabel: string;\n\n /* Tooltip content of action button. Overwrites aria-label (set by default or `iconLabel`) of action button. /\n @Prop() iconTooltip: string;\n\n /* Href of action button /\n @Prop() iconHref: string;\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Value (or use value slot instead) /\n @Prop() value: string = \"\";\n\n /* Whether value should be truncate or not /\n @Prop() valueTruncate: boolean = false;\n\n /* Readspeaker label /\n @Prop() readspeakerLabel: string = \"\";\n\n /* Readspeaker link /\n @Prop() readspeakerHref: string = \"\";\n\n /* Meta /\n @Prop({ reflect: true }) meta: string \| string[] = \"\";\n private _meta: string[] = [];\n\n /* Status Label /\n @Prop({ reflect: true }) statusLabel: string = \"\";\n\n /* Status Type /\n @Prop() statusType: StzhStatusType = \"default\";\n\n /* Aria expanded of link/button /\n @Prop({ reflect: true, attribute: \"a11y-expanded\" }) a11yExpanded: boolean;\n\n /* Aria controls of link/button /\n @Prop({ attribute: \"a11y-controls\" }) a11yControls: string;\n\n /* Whether the item has child items (only used internally by stzh-datalist). /\n @Prop() hasNested: boolean = false;\n\n /* Item action click event /\n @Event() stzhItemActionClick: EventEmitter<StzhDatalistItemActionClickEvent>;\n\n /* Item click event /\n @Event() stzhClick: EventEmitter<StzhDatalistItemClickEvent>;\n\n @Element() element: HTMLStzhDatalistItemElement;\n\n @Watch(\"meta\")\n metaWatcher(newValue: string[] \| string) {\n if (typeof newValue === \"string\") {\n try {\n this._meta = JSON.parse(newValue);\n } catch (ex) {\n this._meta = newValue === \"\" ? [] : [newValue];\n }\n } else {\n this._meta = newValue;\n }\n }\n\n @Watch(\"rel\")\n externalWatcher() {\n this.external = this.rel && this.rel.includes(\"external\");\n }\n\n @Watch(\"href\")\n hrefWatcher() {\n this.isPhone = this.href && (this.href.startsWith(\"tel:\") \|\| this.href.startsWith(\"fax:\"));\n }\n\n @State() direction: StzhDatalistDirection = \"vertical\";\n @State() variant: StzhDatalistVariant = \"default\";\n @State() bigLabel: boolean = false;\n\n private external: boolean = false;\n private isPhone: boolean = false;\n private datalist: HTMLStzhDatalistElement;\n private datalistItemId: string;\n\n private onActionClick = (originalEvent: MouseEvent) => {\n this.stzhItemActionClick.emit({\n component: \"stzh-datalist-item\",\n originalEvent,\n });\n };\n\n private onClick = (event: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-datalist-item\",\n originalEvent: event,\n href: this.href,\n });\n };\n\n private handleDirectionChange = (event: CustomEvent<StzhDatalistDirectionChangeEvent>) => {\n this.direction = event.detail.value;\n };\n\n private handleVariantChange = (event: CustomEvent<StzhDatalistVariantChangeEvent>) => {\n this.variant = event.detail.value;\n };\n\n private handleBigLabelChange = (event: CustomEvent<StzhDatalistBigLabelChangeEvent>) => {\n this.bigLabel = event.detail.value;\n };\n\n private addWordBreakToLinks() {\n const links = Array.from(this.element?.getElementsByClassName(\"stzh-datalist-item__value-text\") \|\| []);\n addWordBreakToLinks(links as HTMLElement[]);\n }\n\n private renderInner(isButton: boolean, hasActionButton: boolean): DocumentFragment {\n const Item = isButton ? \"button\" : this.href ? \"a\" : \"div\";\n\n const Icon = () => (\n <Fragment>\n {(this.href \|\| this.icon) && !hasActionButton && !isButton && (\n <div class=\"stzh-datalist-item__label-icon\">\n <stzh-icon\n class=\"stzh-datalist-item__icon\"\n name={this.icon ? this.icon : this.isPhone ? \"phone\" : this.external && \"external-link\"}\n ></stzh-icon>\n </div>\n )}\n\n {isButton && (\n <div class=\"stzh-datalist-item__label-icon\">\n <stzh-icon class=\"stzh-datalist-item__icon is-closed\" name={this.icon ? this.icon : \"plus\"}></stzh-icon>\n <stzh-icon class=\"stzh-datalist-item__icon is-open\" name={this.icon ? this.icon : \"minus\"}></stzh-icon>\n </div>\n )}\n </Fragment>\n );\n\n return (\n <Fragment>\n {this.variant === \"table\" && (\n <Item\n aria-hidden={this.label ? null : \"true\"}\n tabindex=\"-1\"\n id={`${this.datalistItemId}-label`}\n class={{\n \"stzh-datalist-item__label\": true,\n \"is-button\": isButton,\n \"is-link\": !!this.href,\n }}\n href={this.href}\n rel={this.rel}\n target={this.target}\n download={this.download}\n onClick={this.onClick}\n >\n {this.label}\n </Item>\n )}\n\n <Item\n id={`${this.datalistItemId}-value`}\n class={{\n \"stzh-datalist-item__value\": true,\n \"is-button\": isButton,\n \"is-link\": !!this.href,\n }}\n href={this.href}\n rel={this.rel}\n target={this.target}\n download={this.download}\n // aria-labelledby={Item !== 'div' ? `${this.datalistItemId}-label ${this.datalistItemId}-value ${this.datalistItemId}-meta` : null}\n aria-labelledby={\n Item !== \"div\"\n ? `${this.variant === \"table\" ? `${this.datalistItemId}-label` : \"\"} ${this.datalistItemId}-value ${\n this.datalistItemId\n }-meta`\n : null\n }\n aria-controls={this.a11yControls \|\| null}\n aria-expanded={typeof this.a11yExpanded !== \"undefined\" ? (this.a11yExpanded ? \"true\" : \"false\") : null}\n onClick={this.onClick}\n >\n {this.variant === \"default\" && <div class=\"stzh-datalist-item__label\">{this.label}</div>}\n\n {this.external && (\n <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.externalLinkLabel}</div>\n )}\n {this.download && (\n <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.downloadLinkLabel}</div>\n )}\n\n <div class=\"stzh-datalist-item__value-wrapper\">\n {this.iconPosition === \"left\" && <Icon></Icon>}\n {this.value ? (\n <stzh-text curve=\"none\" class=\"stzh-datalist-item__value-text\" innerHTML={this.value}></stzh-text>\n ) : (\n <stzh-text curve=\"none\" class=\"stzh-datalist-item__value-text\">\n <slot name=\"value\"></slot>\n </stzh-text>\n )}\n {this.iconPosition === \"right\" && <Icon></Icon>}\n </div>\n </Item>\n\n <Item\n aria-hidden={this.statusLabel \|\| this._meta.length > 0 ? null : \"true\"}\n tabindex=\"-1\"\n id={`${this.datalistItemId}-meta`}\n class={{\n \"stzh-datalist-item__meta\": true,\n \"is-button\": isButton,\n \"is-link\": !!this.href,\n }}\n href={this.href}\n rel={this.rel}\n target={this.target}\n download={this.download}\n onClick={this.onClick}\n >\n {this.statusLabel && (\n <stzh-status\n class=\"stzh-datalist-item__meta-status\"\n label={this.statusLabel}\n type={this.statusType}\n ></stzh-status>\n )}\n {this._meta.length > 0 && (\n <span class=\"stzh-datalist-item__meta-text\">\n {this._meta.map((meta, index) => (\n <Fragment>\n <span class=\"stzh-datalist-item__meta-text-inner\">{meta}</span>\n {index + 1 !== this._meta.length && <span class=\"stzh-datalist-item__meta-separator\">\|</span>}\n </Fragment>\n ))}\n </span>\n )}\n </Item>\n\n {this.readspeakerHref && this.readspeakerLabel && (\n <stzh-button\n class=\"stzh-datalist-item__readspeaker\"\n variant=\"tertiary-plain\"\n no-padding-left=\"true\"\n no-padding-right=\"true\"\n icon-position=\"right\"\n icon=\"volume-medium\"\n size=\"small\"\n href={this.readspeakerHref}\n target=\"_blank\"\n >\n {this.readspeakerLabel}\n </stzh-button>\n )}\n </Fragment>\n );\n }\n\n private renderLeadingIcon(isButton: boolean): HTMLElement {\n const Item = isButton ? \"button\" : this.href ? \"a\" : \"div\";\n\n return (\n <Item\n role=\"presentation\"\n aria-hidden=\"true\"\n tabindex=\"-1\"\n class={{\n \"stzh-datalist-item__leading\": true,\n \"is-button\": isButton,\n \"is-link\": !!this.href,\n }}\n href={this.href}\n rel={this.rel}\n target={this.target}\n download={this.download}\n onClick={this.onClick}\n >\n {this.leadingIcon && (\n <div class=\"stzh-datalist-item__leading-icon-container\">\n <stzh-icon class=\"stzh-datalist-item__leading-icon\" name={this.leadingIcon}></stzh-icon>\n </div>\n )}\n </Item>\n );\n }\n\n async componentDidLoad() {\n // execute connectedCallbck again, because sometimes has problem rendering\n this.connectedCallback();\n this.addWordBreakToLinks();\n }\n\n async componentWillLoad() {\n this.datalistItemId = `stzh-datalist-item-${datalistItemCounter++}`;\n this.metaWatcher(this.meta);\n this.externalWatcher();\n this.hrefWatcher();\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"datalist-item\");\n }\n }\n\n async connectedCallback() {\n this.datalist = this.element.closest(\"stzh-datalist\");\n\n if (this.datalist) {\n this.variant = this.datalist.variant;\n this.bigLabel = this.datalist.bigLabel;\n this.direction = await this.datalist.getCurrentDirection();\n\n this.datalist?.addEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n this.datalist?.addEventListener(\"stzhVariantChange\", this.handleVariantChange);\n this.datalist?.addEventListener(\"stzhBigLabelChange\", this.handleBigLabelChange);\n }\n }\n\n disconnectedCallback() {\n if (this.datalist) {\n this.datalist?.removeEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n this.datalist?.removeEventListener(\"stzhVariantChange\", this.handleVariantChange);\n this.datalist?.removeEventListener(\"stzhBigLabelChange\", this.handleBigLabelChange);\n this.datalist = null;\n }\n }\n\n render() {\n const isButton = typeof this.a11yExpanded !== \"undefined\" \|\| typeof this.a11yControls !== \"undefined\";\n\n const hasActionButton = !!((!this.href \|\| this.iconHref \|\| this.iconTooltip) && this.icon);\n\n const classes = {\n \"stzh-datalist-item\": true,\n \"stzh-datalist-item--is-interactive\": !!this.href \|\| isButton,\n \"stzh-datalist-item--is-link\": !!this.href,\n \"stzh-datalist-item--is-button\": isButton,\n \"stzh-datalist-item--is-expanded\": this.a11yExpanded,\n \"stzh-datalist-item--big-label\": this.bigLabel,\n [`stzh-datalist-item--direction-${this.direction}`]: !!this.direction && this.variant === \"default\",\n [`stzh-datalist-item--${this.variant}`]: !!this.variant,\n };\n\n let ActionItem = isButton ? \"button\" : hasActionButton ? \"div\" : \"a\";\n\n const ActionButton = () => {\n return (\n <stzh-button\n class={{\n \"stzh-datalist-item__action\": true,\n \"is-button\": true,\n }}\n variant=\"tertiary\"\n size=\"small\"\n aria-label={this.iconLabel}\n iconOnly={true}\n href={this.iconHref}\n icon={this.icon}\n onClick={this.onActionClick}\n ></stzh-button>\n );\n };\n\n return (\n <Host role=\"listitem\" class={{ \"value-truncate\": this.valueTruncate }}>\n <div class={classes}>\n {this.direction === \"horizontal\" \|\| this.variant === \"table\" ? (\n <Fragment>\n {this.renderLeadingIcon(isButton)}\n {this.renderInner(isButton, hasActionButton)}\n </Fragment>\n ) : (\n <Fragment>\n {this.renderLeadingIcon(isButton)}\n <div class=\"stzh-datalist-item__wrapper\">{this.renderInner(isButton, hasActionButton)}</div>\n </Fragment>\n )}\n <ActionItem\n role={hasActionButton ? null : \"presentation\"}\n aria-hidden={hasActionButton ? null : \"true\"}\n tabindex=\"-1\"\n class={{\n \"stzh-datalist-item__action-list\": true,\n \"is-button\": isButton,\n \"is-link\": !!this.href && !this.iconHref,\n }}\n href={!this.iconHref ? this.href : null}\n rel={!this.iconHref ? this.rel : null}\n target={!this.iconHref ? this.target : null}\n download={!this.iconHref ? this.download : null}\n >\n {hasActionButton &&\n (this.iconTooltip ? (\n <stzh-tooltip content={this.iconTooltip}>{ActionButton()}</stzh-tooltip>\n ) : (\n ActionButton()\n ))}\n </ActionItem>\n\n <div class=\"stzh-datalist-item__spacer\"></div>\n </div>\n {this.hasNested && (\n <div class=\"stzh-datalist-item__nested\">\n <div class=\"stzh-datalist-item__nested-inner\">\n <slot></slot>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n","/\n @prop --color: Status color text\n /\n\n:host {\n --color: #{$baseColor};\n --min-width: none;\n\n &[with-loadingbar]:not([with-loadingbar=\"false\"]) {\n --min-width: 160px;\n }\n\n &[type=\"success\"] {\n --color: #{$colorSuccess70};\n }\n\n &[type=\"warning\"] {\n --color: #{$colorWarning90};\n }\n\n &[type=\"error\"] {\n --color: #{$colorError70};\n }\n\n &[type=\"info\"] {\n --color: #{$colorMidnightblue70};\n }\n}\n\n.stzh-status {\n min-width: var(--min-width);\n color: var(--color);\n\n &__dot {\n border-radius: 50%;\n width: 12px;\n height: 12px;\n background-color: currentColor;\n margin-right: space(\"xxsmall\");\n }\n\n &__bar {\n display: block;\n height: 4px;\n border-radius: 12px;\n background-color: $colorOldGrey13;\n margin-top: space(\"xxsmall\");\n }\n\n &__bar-inner {\n display: block;\n height: 100%;\n width: 0;\n border-radius: 12px;\n background: currentColor;\n }\n\n &__text {\n @include fontSize(\"micro\");\n display: flex;\n align-items: center;\n }\n}\n","import { Component, Host, h, Element, Prop } from \"@stencil/core\";\n\nimport { StzhStatusType } from \"../../index\";\n\n/\n /\n@Component({\n tag: \"stzh-status\",\n styleUrl: \"stzh-status.scss\",\n scoped: true,\n})\nexport class StzhStatus {\n /** Percent /\n @Prop() percent: number = 0;\n\n /* Whether to hide/show loadingbar /\n @Prop({ reflect: true }) withLoadingbar: boolean = false;\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Type */\n @Prop({ reflect: true }) type: StzhStatusType = \"default\";\n\n @Element() element: HTMLStzhStatusElement;\n\n render() {\n const classes = {\n \"stzh-status\": true,\n [`stzh-status--type-${this.type}`]: !!this.type,\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-status__text\">\n {!this.withLoadingbar && <div class=\"stzh-status__dot\"></div>}\n {this.label && <div class=\"stzh-status__label\">{this.label}</div>}\n </div>\n {this.withLoadingbar && (\n <div class=\"stzh-status__bar\">\n <div\n class=\"stzh-status__bar-inner\"\n style={{\n width: `${this.percent}%`,\n }}\n ></div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

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

@@ -94,7 +94,7 @@ const StzhDatamessagelistItem = class {
             "stzh-datamessagelist-item--is-interactive": !this.nonInteractive,
         };
         const HeadingLink = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (index.h(index.Host, { key: '35e80e1eb927de23057366fcb116b421869eaa61', role: "listitem" }, index.h("article", { key: '9e70827a806198f9ea18ce38f2fc06c3fd9a6232', class: classes }, index.h("div", { key: '39d489e641eae30505936e4e94d9d1313d3554a2', class: "stzh-datamessagelist-item__content" }, index.h("div", { key: '62f85d42ff3b28341c2fc8120ec0c14b02c40aa5', class: "stzh-datamessagelist-item__text" }, index.h("h3", { key: '6d81d15bf82915c269c4ae4e9018441954f4e785', class: "stzh-datamessagelist-item__heading" }, index.h(HeadingLink, { key: '56f4360076866e145943d21e86c5da9a8b9e5727', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && index.h("span", { key: 'dc97b2dd11d336d7c48d1607deba7a6397e5fc88', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (index.h("div", { key: 'cbc57474699067e8604db726b507e869c7a9d3a2', class: "stzh-datamessagelist-item__description" }, index.h("stzh-clamp", { key: '09c9bfae4e8a1bbcd9c1abaad463fa3939edd525', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (index.h("div", { key: '44e9f2074e30af80b84777016062ca570f8fa4e4', class: "stzh-datamessagelist-item__meta-wrapper" }, index.h("ul", { key: 'e756c17e5cd43721686fc71e397fb992698ddc77', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (index.h("li", { class: "stzh-datamessagelist-item__meta-item" }, index.h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), index.h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (index.h("stzh-status", { key: '0cb4bb2fc00e0fd844c51dedf320f6c1717fa709', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (index.h("div", { key: '599fc7dc12095ca8e8b7d22e134e372333214ba5', class: "stzh-datamessagelist-item__tags-wrapper" }, index.h("div", { key: 'ee0950fd2e36abe01d81950c507dcc9e185e6236', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (index.h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), index.h("div", { key: '6485fb7603de5904f22bb3be5ade1e70faff11d5', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (index.h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, index.h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), index.h("stzh-menu", { slot: "content" }, this._actions.map(action => (index.h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
+        return (index.h(index.Host, { key: 'f130f4078c08dd979104b3dffde27eb0dbe7fc58', role: "listitem" }, index.h("article", { key: 'b15cb348f4c17d18ce4e676ce22d3f53aa780cfc', class: classes }, index.h("div", { key: 'bbbcfa34b37b4f8cc3055397309266121ea96f1d', class: "stzh-datamessagelist-item__content" }, index.h("div", { key: '4fc349b7f7ea760ab81c8b025b4985a523522f1d', class: "stzh-datamessagelist-item__text" }, index.h("h3", { key: '3083663e3c95bd8a7908a980b67cf9fd20370cc2', class: "stzh-datamessagelist-item__heading" }, index.h(HeadingLink, { key: 'f8d8df9cddf40e920298867f1a01c7191b42e8c1', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && index.h("span", { key: '40718f3e83e102074cc6b58772a5c05879e64109', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (index.h("div", { key: 'c4342f5d5b1b502ba30d625e452e6c369aab27a6', class: "stzh-datamessagelist-item__description" }, index.h("stzh-clamp", { key: 'd6b1cd484426da53f2e6c43fe4d1271ca57ecb4b', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (index.h("div", { key: 'e37a29e1580b6a4e93be2c3d684be91e9b9a695e', class: "stzh-datamessagelist-item__meta-wrapper" }, index.h("ul", { key: '972b4de6ab89cdf5ad87c1e1126a8783544c1dc0', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (index.h("li", { class: "stzh-datamessagelist-item__meta-item" }, index.h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), index.h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (index.h("stzh-status", { key: 'da964a1293dbfca80586d3ece1c3d68c2262c03b', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (index.h("div", { key: 'f47a9a398fa933458c4eb7e6fb360a3550189bc3', class: "stzh-datamessagelist-item__tags-wrapper" }, index.h("div", { key: '9794461aa6a98d90e814ea824104a2f3b2dd4eb1', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (index.h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), index.h("div", { key: 'fbeecb243fb58c81ce26cefd9fb35d1dc688439e', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (index.h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, index.h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), index.h("stzh-menu", { slot: "content" }, this._actions.map(action => (index.h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
                 this.actionClick(action, event);
             } }, action.label)))))) : (!this.nonInteractive && (index.h("div", { class: "stzh-datamessagelist-item__action is-non-interactive" }, index.h("stzh-icon", { class: "stzh-datamessagelist-item__action-icon", name: this.icon ? this.icon : this.external ? "external-link" : "arrow-right" }))))))));
     }

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

@@ -15,7 +15,7 @@ const StzhDatamessagelist = class {
         const classes = {
             "stzh-datamessagelist": true,
         };
-        return (index.h(index.Host, { key: '0a660be3b51fdfa258071dc75e812e03c20237d2' }, index.h("div", { key: 'dfb4a7af52a337372d9bd1b01a9ecfb7765cf1bf', class: classes }, index.h("div", { key: '3575ea0bef98181965ee2522c3a6622cc14b0662', class: "stzh-datamessagelist__list", role: "list" }, index.h("slot", { key: '65d5ddfb353a8dbc7b6c045126c2d10ebc07675b' })))));
+        return (index.h(index.Host, { key: '89bc786faf75f2da885285f4539d3e756123ff8b' }, index.h("div", { key: 'cb1f12f19c83dc36e9cc19316dc1fff405a23e36', class: classes }, index.h("div", { key: 'df3264f3ce4df11747145b940087b1f28ce2da56', class: "stzh-datamessagelist__list", role: "list" }, index.h("slot", { key: 'dfb7e35b57751d35d69b932a5f564275ae028ff8' })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -163,11 +163,11 @@ const StzhDatepicker = class {
             "stzh-datepicker--inline": this.inline,
             "stzh-datepicker--has-action": actionUsed,
         };
-        return (index.h(index.Host, { key: '4ff21a8fcd972b2619acae49ee0f22d3d0de2147', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '8bc68db9617210bdaf0130c979e5db77bd271366', class: classes }, index.h("input", { key: '3a580a6831d811e4bc3c9739aec1748b8a3bcf90', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (index.h(index.Fragment, { key: 'a3f0746ac7bfd4a627f1fafd42c524df03681600' }, index.h("stzh-calendar", { key: '7514b26698908cfa19e0d965f0d838b471eef594',
+        return (index.h(index.Host, { key: 'b737864e7c14ce95320f4d8be85763c61a9a3cb7', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '6a070c8c46263bffc120fc692c925dcbc870d388', class: classes }, index.h("input", { key: 'dadfd2e7af7330ec7207a7e6c9b3535c9fc3c2f3', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (index.h(index.Fragment, { key: '053a2eca2fea74ca3a5a0cbe6d9ee6ef7e404f56' }, index.h("stzh-calendar", { key: '80cdd4f547243ae08793e152502f7ffa51282972',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), index.h("div", { key: 'e893e6f4b8cdf52a16011dffe2a228baaf6eaa4b', class: "stzh-datepicker__actions" }, index.h("slot", { key: '190ffdaab1a41fbd6b31e63ed4b91b9cbf648fe4', name: "action" })))), !this.inline && (index.h("stzh-input", { key: '5b06696ac06ec03e8db3e771957b6309a9b77a4a', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, index.h("stzh-popover", { key: '033bb37fd62713376ad0ee54381b4f2d0cabe9be', ref: el => (this.popover = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, index.h("stzh-button", { key: 'e1f192ae423808b8ae971f96f091d447a47beb10', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), index.h("div", { key: 'a8ab8497e4bc47f2295bc77945748e3669dec0c6', slot: "content" }, index.h("stzh-calendar", { key: '434c79f929e60d7007454550cb1d5cbff71fe743',
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), index.h("div", { key: 'c8470735dbf2be1ad55ae93f50350023e4f4a21b', class: "stzh-datepicker__actions" }, index.h("slot", { key: '623680c5d24d36cb2ca91097ec8daad5a6d5e44f', name: "action" })))), !this.inline && (index.h("stzh-input", { key: '8f5e3e7a81f73f55aed1a7606a1f6884c343cfc3', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, index.h("stzh-popover", { key: 'ddfaf8a5441d585543e104cbeca03c08a5c2e0c2', ref: el => (this.popover = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, index.h("stzh-button", { key: 'ae69bb43285fc8295d0b13adfe16d5a78b49c293', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), index.h("div", { key: '268e0aa47eed4cce4d319c12260a2d585e6102cf', slot: "content" }, index.h("stzh-calendar", { key: '3d9d62d50037e87bca8c267e5994207e55325ca3',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), index.h("div", { key: 'e11f352cb4f42017425498de2454a4e259eb0d9f', class: "stzh-datepicker__actions" }, index.h("slot", { key: '09e89c4faa8f7f7916fe1b4ee60e086a45cf787a', name: "action" })))))))));
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), index.h("div", { key: 'ac911f0727a49de3c788fa8d70120387a594cb3e', class: "stzh-datepicker__actions" }, index.h("slot", { key: '2d5f31388c9202ad3774c51bd75646d393659f94', name: "action" })))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -299,11 +299,11 @@ const StzhRadio = class {
             "stzh-radio--is-invalid": this.invalid || errorUsed,
             "stzh-radio--is-disabled": this.disabled,
         };
-        return (index.h(index.Host, { key: 'dbf8b21aff62ac6f5be491da9f776bd582c5d28c', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'eb23bd8a14864cbe0bc5cf612f2c08b68342eb59', class: classes }, index.h("label", { key: 'e1c6512dd48fd52895d0e8e7e86dcace891a1910', class: "stzh-radio__field-wrapper" }, index.h("input", { key: '50d32323f0e8d5cc13b707d4f7b8f15ef11f8e83', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("div", { key: '1bf92e53b6c0ef409f22a1db1ece84cf6bc545a4', class: "stzh-radio__mark" }, index.h("div", { key: 'a62785dd316355109f7ea356fa615ec31b27d507', class: "stzh-radio__check" })), index.h("div", { key: '3072bc6b20dc92e59aa23f96774aad632050ae2f', class: "stzh-radio__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: 'c0d39971566a8339b55596d09f83ae2dfe43041f', class: "stzh-radio__marker" }, index.h("span", { key: '02d0d416d960f924c96635fdd7bfadd3a4a3191a', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: '9a9bfda6e5d60d9448b91af7f8ca08c8082c35fb', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'b28eec2c8a778a08a9597d61d3192ebaa8c8e549', class: classes }, index.h("label", { key: 'ea9d400da0eafe6d7213da7658566917475254f7', class: "stzh-radio__field-wrapper" }, index.h("input", { key: 'efd4c19b63aa946b4c2ad4cfde62e4985320f23c', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("div", { key: 'c6cc1edb0e831cb5592d556b6f9f6be46998b041', class: "stzh-radio__mark" }, index.h("div", { key: 'cf170d1283bf6daa625749d635d4c207274d27bd', class: "stzh-radio__check" })), index.h("div", { key: '396c3581e09a5bdb011e02d8aee06beaf7aa8395', class: "stzh-radio__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: '281aba0959ee7aba3c46c6e0abcce0dfb3a44dc2', class: "stzh-radio__marker" }, index.h("span", { key: 'c17d68e090c2bb11ef33e51ee815b935f37e75a7', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '87ab5acf3285e08d28bcc5e31efd788a4895d317', class: "stzh-radio__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '58b679755b4bf7ead2b6850f2992390fbf08558a', class: "stzh-radio__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'b791dde46aca700c13b08a4b79739e67f2edab42', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description) && (index.h(stzhInputDescription.StzhInputDescription, { key: '6ebe6aab00072cf349314880536951991ceb9eee', classPrefix: "stzh-radio", id: `${this.inputId}-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 {
@@ -487,11 +487,11 @@ const StzhRadiogroup = class {
             "stzh-radiogroup--hide-legend": this.hideLegend,
             [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (index.h(index.Host, { key: '3740b25eec16d9fad4da5980f3af77f404758ed5', "is-invalid": this.invalid || this.errorUsed }, index.h("fieldset", { key: '378419593f1c8ec674ab05ae5c21d2ac479df47e', class: classes }, this.legend && (index.h("legend", { key: '9001d54aa5c245ea896e31571022fd3a2cfe689c', class: "stzh-radiogroup__legend" }, this.legend, !this.hideOptional && (index.h("span", { key: '43daa7ee9ed341ec99d2296693093fa58bf0974a', class: "stzh-radiogroup__marker" }, index.h("span", { key: '368c20f2f5549f3c8fe9cdea1651756fd101d44f', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: '899a1955959d8aaa4efe64765d27627841178eae', "is-invalid": this.invalid || this.errorUsed }, index.h("fieldset", { key: '58f9bbae7466c976953e4aae8cfe640449a8a2eb', class: classes }, this.legend && (index.h("legend", { key: 'f37de0069671e98b92e88a91d884f68031571a01', class: "stzh-radiogroup__legend" }, this.legend, !this.hideOptional && (index.h("span", { key: 'e312c32c3dfad5959721f1b8661fd0e16435fb94', class: "stzh-radiogroup__marker" }, index.h("span", { key: '7db2bf5b7a30086b810f1d26914bf9106528bbea', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '9e2af580b4cf76df2cb23085e9c00d3f4d5b5490', class: "stzh-radiogroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '4475d36e61070e43bfc9864caf0000c0ce3d4de4', class: "stzh-radiogroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), index.h("div", { key: 'cd50cb2242004743ffe6806c21a863ac18189ed5', class: "stzh-radiogroup__fields" }, index.h("slot", { key: '983b6975197132434ce41131edb29a531e71017b' })), (this.errorUsed || this.description) && (index.h(stzhInputDescription.StzhInputDescription, { key: '1ef57d5d0cf9fcaf96dc368b7f48c4f39acb8c21', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-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: 'dd084175dac3b689df8476c0caf3042ba256cc68', class: "stzh-radiogroup__fields" }, index.h("slot", { key: '98c4cc78cf74f258f41f83edb7075ab4051bf27b' })), (this.errorUsed || this.description) && (index.h(stzhInputDescription.StzhInputDescription, { key: '531fa801d429eb039a77e4f22b2e3b8b58d46245', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-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-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: '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) })))))));
+        return (index.h(index.Host, { key: '753d2135b9fef539f23b46c5f4ec9a02cf562359' }, index.h("fieldset", { key: '0b18a05d98f04cedecda4ec390a780a6f4b6b9bb', class: classes }, index.h("legend", { key: '49e614e15e3c37f4bcb91ae95fb7b39512b9f840', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), index.h("div", { key: '7a3516247d4943e806b5c87a3e24c9d60ac7b1b7', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, index.h("slot", { key: '9c39e3195cb3273d6595ee9aaa0d1ae73842228b', name: "from" })), index.h("div", { key: '54fdba2e441ae05cc8f385048f7f16efc11ce10b', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, index.h("slot", { key: '6779537fcf45055e9e4f148924139e6aaa4f472a', name: "to" })), index.h("div", { key: 'a903a332c302e482e24c37cf07f08491da31f6ab', 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: '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" }))))));
+        return (index.h(index.Host, { key: '8aee4deeb3e05291be9cad3e431262d7165d984c' }, index.h("div", { key: '83d02120b8181e53198fb14dd9f7dbbd2a261de3', class: classes }, index.h("div", { key: 'b3c56f36ce6b3ac46f84c612d0c6e5499aadbca2', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, index.h("slot", { key: 'e6e9308b337d5356f653c86aa7078d7f3533f111' })), index.h("div", { key: 'ae1becf0a3499f0f296ccb62c67d983292cf4964', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, index.h("div", { key: '0d691198d6ac905e542b2c0e713841907925d6d8', class: "stzh-details__content-inner" }, index.h("slot", { key: '70d777d2df922cf3ead152301f473996ff097a55', name: "content" }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -161,13 +161,13 @@ const StzhDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '80c4a5f1ff198ffc57ad003b1ecc94191e61e4ce' }, index.h("div", { key: '90da322bcc2e511e889b2c307823a2894883d77a', class: {
+        return (index.h(index.Host, { key: '083adde5512ab9ceeb8675c4b17e9d29bc8abcd2' }, index.h("div", { key: 'fdbaa1de1bd13189efc2e54f7ddfd61b4ffe8236', 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: '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 })))))));
+            } }, index.h("div", { key: '2a9059cdf7f02290f5ad58b330097b677880dd8a', class: "stzh-dialog__backdrop" }), index.h("div", { key: '9c6cc625a094c06d868083bc289b1f185537c1de', class: "stzh-dialog__content" }, index.h("div", { key: 'a92c8bd82f3b7bb8b9c00d56f75d14698d5bfbe6', 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: 'df1f419402788b1866fff55f4cac48124001420f', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), index.h("div", { key: '181ca3137a8bdcba570a9becddec69c33b7939d3', class: "stzh-dialog__dialog-content" }, index.h("slot", { key: '64f77e06eb37383cf8fb7127c9b1a240cca39751' })), index.h("div", { key: '6c90e79a550f4b0754d3cf38b0efc2b643c136e0', class: "stzh-dialog__actions" }, index.h("slot", { key: '817a56c567599503ddac979152e089dd4e529e60', name: "actions" })), !this.hideClose && (index.h("stzh-button", { key: '36a19a8064eaa9d8719c3e3eddf950b2debbe95c', 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-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: '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" }))))));
+        return (index.h(index.Host, { key: '861040a01008f7fc6badcf562e1e6d3255470103' }, index.h("div", { key: 'ccfaf74d684c89e885fb7ba914597f512bbbb893', ref: el => (this.rootElement = el), class: classes }, index.h("div", { key: '31e3345060aa1d5c1d506caf0c435bf6f852fe39', class: "stzh-disturber__content" }, index.h("div", { key: '9a88fcb0b7e88ad18c5057bdc90fa58b8b4da57a', class: "stzh-disturber__label" }, this.label ? this.label : index.h("slot", { name: "label" })), index.h("div", { key: '9af588ae178e34d96cfc12de95c5a0e7ad50990c', class: "stzh-disturber__link" }, index.h("slot", { key: 'ba98087a4b4d96bb1443a7f2db179d5ec066a170', name: "link", onSlotchange: this.handleLinkSlotchange }))), !this.hideClose && (index.h("div", { key: '3d6e10b856995fabc8a25da27ab5ff3cb900fdea', class: "stzh-disturber__close-wrapper" }, index.h("stzh-button", { key: '04e7775c49d9f6e2a458ff6f16ed86b76b20f5d1', 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: '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: {
+        return (index.h(index.Host, { key: '5b025973be9b3816f65b04ba4f278a63ba16ebf2', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'cfd8afb93fa33ca458e66b63a77dd7fb4214f3fa', class: classes, ref: el => (this.rootElement = el) }, index.h("div", { key: '6c0519f26b9b446af6efb4211c64081ff404cdbc', class: "stzh-dropdown__wrapper" }, index.h("label", { key: '7fe9015887823cdb9779dccc23b9ccaca1c61ade', 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: '7aa1320ae0c3eda68e315e360a0ae160093cf8dc', class: "stzh-dropdown__marker" }, index.h("span", { key: 'fd18ba027192ba581718aad2efeb0d7e42dc81a4', 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: '62ea57a37f38825f9d7f4510f6b8c03fc0fe777e', class: "stzh-dropdown__marker" }, index.h("span", { key: 'e003849ef73c016347bd68c6d635208fe9604bd9', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '90c278e994a27842c88866b89255ca33a4d576e3', class: "stzh-dropdown__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '140844c8bac0b5ae844dbed52cbd31b0b774d0f6', class: "stzh-dropdown__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : 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 })))));
+            : this.localization.$globals.optionalFieldText)))), index.h("div", { key: '8cb5a1048a8a61bcaa457adf6900ce4f391099ed', class: "stzh-dropdown__field-wrapper" }, index.h("select", { key: '58adaec8559b819e7ebc6c556a9d9dae703a1ad6', 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: 'e6ab0c203dc33c761cdf6cb71db7b50a3718d6cb' })), this.inline && this.label && index.h("div", { key: '69334293fb5ce937e4f2eb5f0979f6b291cb8e07', class: "stzh-dropdown__sizer" }, this.label), index.h("div", { key: '9e61b80ff217f4f31fe6c403e7fed121314ec46c', 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: '94e0ba6374db92d0f1233b13c1f440fbb80a1a50', 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: '7521eb2e7cb1f745e44dc30a325c3fbc2e9eaa55', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (index.h("div", { key: '043a8f352108135e13fc3d2a06a39d987200e5dd', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), index.h("div", { key: 'bb0b3ae5f601bca89c060f040b5f76dd7779e0ba', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || this.description || this.descriptionLong) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'e54d0df4aee6b25e7ea18cdc45ae3f5e4624870a', 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: '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" }))))))))));
+        return (index.h(index.Host, { key: '791c543b2572b54d18c3fc179b4e8adcb3435177' }, index.h("div", { key: '30974153e6ee0dba8eb78b203fadbf2834e5b68e', class: classes }, index.h("div", { key: 'f9d13b4fba92f4f4b8d762f00819eb852174e9fe', class: "stzh-editor__wrapper" }, index.h("h2", { key: 'e35544e8341f76bc88f91771b2e7acc12f46cfea', class: "stzh-editor__heading" }, typeof this.heading === "string" ? this.heading : this.localization.heading), index.h("ul", { key: '1df9e6372ccff95667c3a691f0da0dde9a5790a1', 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: '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' })))));
+        return (index.h(index.Host, { key: 'b55c7d5cb29ac76169d26ef7e4e8fa9d04fb6084' }, index.h("div", { key: 'c09d03f910672925c6babd21447110d76e5407f7', class: classes }, index.h("div", { key: '46bcd9823eb8bed1e201b59dbc49ddb59d283904', class: "stzh-eventdata__label" }, this.label ? this.label : index.h("slot", { name: "label" })), index.h("div", { key: '393e51aaca45fc45af2d0aacef8ee5e63df7b13c', class: "stzh-eventdata__content" }, index.h("slot", { key: 'ca227e13f17d29899090cc7ea8f1a97c95f8a8fe' })))));
     }
     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: '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) &&
+        return (index.h(index.Host, { key: 'a32b2da85e14793a8ac42c567645adc05c313bab' }, index.h("div", { key: '48cc5310cf1598a67c8f90101a3385733746e2db', class: classes }, index.h("div", { key: '3f9d2bbbb5583970b61f7449b62ae042ea3570b0', class: "stzh-eventinfo__left" }, index.h("div", { key: '0b3fb0501e18c49fa5a1c2308702eb147d5e4a5b', class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), index.h("div", { key: '8afc863522eb10fa093af0d055a3ea8147501e0f', class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && "0", startDate.getDate()), index.h("div", { key: '6f86a442aeed256785370d311679cc98c30c2941', class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), index.h("div", { key: 'fefcbbe7a4af3ebe5aac7a617d0a8bb663c0ccd9', class: "stzh-eventinfo__right" }, index.h("div", { key: '22dcc1dc67cf433a2d640da59b1ff5408f9fad6d' }, index.h("div", { key: 'b9d985bfd80c8a6e887e14c83ebff954247eedc5', class: "stzh-eventinfo__head" }, index.h("div", { key: 'a7508eee252429cfbe93d40694f3b8567a1401c2', class: "stzh-eventinfo__main-date" }, index.h("span", { key: 'f991e18a6599386fe43f5791c2038ff1162684d9' }, this.localization.$globals.dayNames[startDate.getDay()]), index.h("span", { key: '065ac0293daa18cd5b7a3ee9807eaf02d4b990b8' }, this.dateAdapter.format(startDate, "date")), this.hasProperStartAndOrEndDate(startDate, endDate) && (index.h("span", { key: '55295c97325e5d13b0f01eee74494535af6ee593' }, this.dateAdapter.formatSpan(startDate, endDate, "time")))), this.calendarUrl && (index.h("div", { key: '881676c7dc6218179ea3996d30cdef1cdb6ef7be', class: "stzh-eventinfo__main-event-link" }, index.h("stzh-link", { key: 'a80155da73482384b9f4c05894138a6383ae45d8', href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" })))), index.h("div", { key: '282cc40a84dd930b7f8446ab827cbe8dfc177709', class: "stzh-eventinfo__text" }, index.h("div", { key: '8baab4eef1ec47439d87b3e154529095a21fa701', class: "stzh-eventinfo__location" }, index.h("slot", { key: 'd7e634cbf9a888cd33d6ecc8ac7bafb6cb34dc76', name: "location" })), index.h("div", { key: 'f4368603e5f219bc3f72d3f87c07e6eb415cf260', class: "stzh-eventinfo__additional-info" }, index.h("slot", { key: 'a6678b84acfd6624bc45e0777fb667336664d871', name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 && (index.h("div", { key: '29b2d0f60427580fcd6f13086ce0f9b4d045d502', class: "stzh-eventinfo__details-wrapper" }, index.h("stzh-details", { key: 'bdd6ce10dca3c1402602bb270802c83b1fdd6a77', class: "stzh-eventinfo__details" }, index.h("stzh-link", { key: '8eaf24796204da113e868e0132091b847f5440a2', class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, index.h("span", { key: 'ba9bbedf658ddcf677c8e867f1e441bca73617bf', class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), index.h("span", { key: '6f7ab80440f0f36104d8ca53c384662f25ae3207', class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), index.h("ul", { key: 'c45b051dacc402be5977d935337624f9b4de9d36', 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: '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()))));
+        return (index.h(index.Host, { key: '6979b3287563e63ca2ef7e6fe2694390740ee05e', 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: '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' }))))));
+        return (index.h(index.Host, { key: 'e38d99cd5fbf16ff2d7a5912628399abd1df7d04' }, index.h("div", { key: '20cbadadd7ba7241da76c365fa5a3a62c27686e8', class: classes }, index.h("div", { key: 'a00a151139fbc2d39070d1c9e5effa0fa92274e0', class: "stzh-feedreader__container" }, index.h("div", { key: '26d19ac2fb03aba5148621795fc0e2340e182f03', class: "stzh-feedreader__header" }, index.h("stzh-heading", { key: '06828068ba871cbb95752bd148108e60aa777d25', level: this.headingLevel }, this.heading), index.h("stzh-text", { key: '80d04528dbdf6389679df8b99b14824636b34bed' }, this.description)), (subscribeFeedSlotUsed || subscribeProxySlotUsed) && (index.h("div", { key: '849115cd7446fe9e9b0031d95d95b3c09c623dba', class: "stzh-feedreader__subscribe" }, index.h("slot", { key: '60fc2658c3563efdaf4fb7f7d529a1f47b5fbc9b', name: "subscribe-feed" }), index.h("slot", { key: '85a3a8504f9806dfce752d031aff0dffa2fbeb3e', name: "subscribe-proxy" }))), !this.hasItems && !connectionErrorSlotUsed && (index.h("stzh-message", { key: '749780dc8c43a41d9a4154beb178c1fcbd3a0e83', label: this.noItemsText, hideClose: true }, !!this.noItemsLink && (index.h("stzh-link", { key: '804b56a51a74b4917077e4f0b7000122dfa347dc', slot: "link", href: this.noItemsLink }, this.localization.moreInfo)))), connectionErrorSlotUsed && (index.h("div", { key: '67a08c249d8db2ef48b95f02698fc862a1443aa3', class: "stzh-feedreader__connection-error" }, index.h("slot", { key: '7a2f78ce30aa8e507d8faec00d0b1b47f2c51f1d', name: "connection-error" }))), index.h("div", { key: '62bb3e13dfacfbd3379cec08b1677b0a941bc26e', class: "stzh-feedreader__items", ref: el => (this.itemsWrapperElement = el) }, index.h("slot", { key: '81d8f7f909215aed04b8a56d444242f74687d104' }))))));
     }
     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: '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" })))))));
+        return (index.h(index.Host, { key: '1aa7e16757befd573dbd4391ce0a306fbcbde1f7' }, index.h("figure", { key: 'af2c499c86f773bddee095bf17b089cf67adf83f', class: classes }, index.h("div", { key: '7ce26fec71dee7b0d915be1f6db6ae130d3f899c', class: "stzh-figure__element" }, index.h("slot", { key: '5b1e3cf1334075905b7fb219ec7421c2ff9e8558' })), index.h("figcaption", { key: '07403afe5110e3cdf7b71e3ee5885e51e7266ee0', class: "stzh-figure__caption-wrapper" }, index.h("div", { key: '5ec7440a539994b5cdf914648103ea9d52e2f570', class: "stzh-figure__heading-wrapper" }, index.h("div", { key: '64d4ee74680f5e63e47187ec9f680d3afb16cc63', class: "stzh-figure__counter" }, this.counter ? this.counter : index.h("slot", { name: "counter" })), index.h("div", { key: '220c4bc4d5b0734f4a2b1a146392f0236f01a1ea', class: "stzh-figure__heading" }, this.heading ? this.heading : index.h("slot", { name: "heading" }))), index.h("div", { key: 'cb1eec67a3808999daf44ca2fecaf2a4273dae56', class: "stzh-figure__caption" }, index.h("div", { key: '458c313f45373a49a1300607cbf41fc98ad543be', class: "stzh-figure__caption-text" }, this.caption ? this.caption : index.h("slot", { name: "caption" })), index.h("div", { key: '3562edb8bce01132005c53b940c84ef25efd76fe', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : index.h("slot", { name: "copyright" })))))));
     }
     get element() { return index.getElement(this); }
 };