npm - @oiz/stzh-components - Versions diffs - 4.0.0-beta3 → 4.0.1-beta - Mend

@oiz/stzh-components 4.0.0-beta3 → 4.0.1-beta

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

package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.css CHANGED Viewed

@@ -169,10 +169,11 @@
   --leading-icon-color: var(--stzh-color-grey90);
   --nested-display: var(--stzh-datalist-item-nested-display, block);
   --wrapper-display: var(--stzh-datalist-item-wrapper-display, contents);
-  --text-overflow: ellipsis;
-  --white-space: nowrap;
-  --overflow: hidden;
-  --max-width: 100%;
+  --text-overflow: clip;
+  --white-space: normal;
+  --overflow: visible;
+  --width: initial;
+  --max-width: initial;
   display: contents;
 }
 :host[href]:not([href=""]), :host[a11y-expanded], :host[a11y-controls] {
@@ -180,12 +181,11 @@
   --value-hover-color: var(--stzh-link-hover-color);
 }
-:host(.no-text-truncate) {
-  --text-overflow: clip;
-  --white-space: normal;
-  --overflow: visible;
-  --width: initial;
-  --max-width: initial;
+:host(.value-truncate) {
+  --text-overflow: ellipsis;
+  --white-space: nowrap;
+  --overflow: hidden;
+  --max-width: 100%;
 }
 .stzh-datalist-item {
@@ -258,9 +258,11 @@
 .stzh-datalist-item__value {
   flex-grow: 1;
   flex-direction: column;
+  min-width: 0;
 }
 .stzh-datalist-item__value-text {
   --color: initial;
+  min-width: 0;
   font-size: var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));
   line-height: var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));
   letter-spacing: var(--stzh-font-curve-p1-default-text-letter-spacing);

package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js CHANGED Viewed

@@ -46,7 +46,7 @@ export class StzhDatalistItem {
         this.iconHref = undefined;
         this.label = "";
         this.value = "";
-        this.noTextTruncate = false;
+        this.valueTruncate = false;
         this.readspeakerLabel = "";
         this.readspeakerHref = "";
         this.meta = "";
@@ -164,7 +164,7 @@ export class StzhDatalistItem {
                     "is-button": true,
                 }, variant: "tertiary", size: "small", "aria-label": this.iconLabel, iconOnly: true, href: this.iconHref, icon: this.icon, onClick: this.onActionClick }));
         };
-        return (h(Host, { role: "listitem", class: { "no-text-truncate": !!this.href || this.noTextTruncate } }, h("div", { class: classes }, this.direction === "horizontal" || this.variant === "table" ? (h(Fragment, null, this.renderLeadingIcon(isButton), this.renderInner(isButton, hasActionButton))) : (h(Fragment, null, this.renderLeadingIcon(isButton), h("div", { class: "stzh-datalist-item__wrapper" }, this.renderInner(isButton, hasActionButton)))), h(ActionItem, { role: hasActionButton ? null : "presentation", "aria-hidden": hasActionButton ? null : "true", tabindex: "-1", class: {
+        return (h(Host, { role: "listitem", class: { 'value-truncate': this.valueTruncate } }, h("div", { class: classes }, this.direction === "horizontal" || this.variant === "table" ? (h(Fragment, null, this.renderLeadingIcon(isButton), this.renderInner(isButton, hasActionButton))) : (h(Fragment, null, this.renderLeadingIcon(isButton), h("div", { class: "stzh-datalist-item__wrapper" }, this.renderInner(isButton, hasActionButton)))), h(ActionItem, { role: hasActionButton ? null : "presentation", "aria-hidden": hasActionButton ? null : "true", tabindex: "-1", class: {
                 "stzh-datalist-item__action-list": true,
                 "is-button": isButton,
                 "is-link": !!this.href && !this.iconHref,
@@ -413,7 +413,7 @@ export class StzhDatalistItem {
                 "reflect": false,
                 "defaultValue": "\"\""
             },
-            "noTextTruncate": {
+            "valueTruncate": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -425,9 +425,9 @@ export class StzhDatalistItem {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Whether text should be truncate or not"
+                    "text": "Whether value should be truncate or not"
                 },
-                "attribute": "no-text-truncate",
+                "attribute": "value-truncate",
                 "reflect": false,
                 "defaultValue": "false"
             },

package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-datalist-item.js","sourceRoot":"","sources":["../../../../src/components/stzh-datalist-item/stzh-datalist-item.tsx"],"names":[],"mappings":"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","sourcesContent":["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 text should be truncate or not /\n @Prop() noTextTruncate: 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 /* 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(\n this.element?.getElementsByClassName(\"stzh-datalist-item__value-text\") \|\| []\n );\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={{\"no-text-truncate\": !!this.href \|\| this.noTextTruncate}}>\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\n <div class=\"stzh-datalist-item__nested\">\n <div class=\"stzh-datalist-item__nested-inner\">\n <slot></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"stzh-datalist-item.js","sourceRoot":"","sources":["../../../../src/components/stzh-datalist-item/stzh-datalist-item.tsx"],"names":[],"mappings":"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","sourcesContent":["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 /* 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(\n this.element?.getElementsByClassName(\"stzh-datalist-item__value-text\") \|\| []\n );\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\n <div class=\"stzh-datalist-item__nested\">\n <div class=\"stzh-datalist-item__nested-inner\">\n <slot></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/stzh-popover/stzh-popover.css CHANGED Viewed

@@ -493,8 +493,8 @@
 }
 @media screen and (min-width: 600px) {
   .stzh-popover--tooltip .stzh-popover__content-slot {
-    font-size: var(--stzh-font-pico-font-size);
-    line-height: var(--stzh-font-pico-text-line-height);
+    font-size: var(--stzh-font-micro-font-size);
+    line-height: var(--stzh-font-micro-text-line-height);
   }
 }
 @media screen and (min-width: 600px) {

package/dist/collection/components/stzh-ratio/stzh-ratio.js CHANGED Viewed

@@ -16,7 +16,7 @@ export class StzhRatio {
         const classes = {
             "stzh-ratio": true,
         };
-        return (h(Host, { key: '69130dc906bacaaa8e317d3bf9415e5ba60cf7d4' }, h("div", { key: '929f50068591cffe4c0b26fa3a01ad43c7cc374b', class: classes }, h("slot", { key: '5a56a2c9bed157f1c88b909cf27c381ca33dd660' }))));
+        return (h(Host, { key: '69130dc906bacaaa8e317d3bf9415e5ba60cf7d4' }, h("div", { key: '929f50068591cffe4c0b26fa3a01ad43c7cc374b', class: classes }, h("slot", { key: 'ec8675047fc223e66fdc5f875b6bf8f6b734d7f8', name: "image" }), h("slot", { key: '41e2fb57245933c45e0d1030d4737eb6ce424fdd' }))));
     }
     static get is() { return "stzh-ratio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-ratio/stzh-ratio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-ratio.js","sourceRoot":"","sources":["../../../../src/components/stzh-ratio/stzh-ratio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAIlE;;GAEG;AAMH,MAAM,OAAO,SAAS;;qBAE2B,MAAM;0BAEW,SAAS;2BAER,SAAS;0BAEV,SAAS;0BAET,SAAS;wBAG5B,KAAK;mBAGE,OAAO;;IAI3D,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,YAAY,EAAE,IAAI;SACnB,CAAC;QAEF,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,OAAO;gBACjB,8DAAa,CACT,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/*\n @slot - Slot for e.g. image or video\n /\n@Component({\n tag: \"stzh-ratio\",\n styleUrl: \"stzh-ratio.scss\",\n shadow: true,\n})\nexport class StzhRatio {\n /* Aspect ratio /\n @Prop({ reflect: true }) ratio: Layout.Ratio = \"16:9\";\n /* Aspect ratio above small breakpoint /\n @Prop({ reflect: true }) ratioSmall: Layout.Ratio \| \"inherit\" = \"inherit\";\n /* Aspect ratio above medium breakpoint /\n @Prop({ reflect: true }) ratioMedium: Layout.Ratio \| \"inherit\" = \"inherit\";\n /* Aspect ratio above large breakpoint /\n @Prop({ reflect: true }) ratioLarge: Layout.Ratio \| \"inherit\" = \"inherit\";\n /* Aspect ratio above ultra breakpoint /\n @Prop({ reflect: true }) ratioUltra: Layout.Ratio \| \"inherit\" = \"inherit\";\n\n /* Whether aspect ratio is in portrait mode /\n @Prop({ reflect: true }) portrait: boolean = false;\n\n /* Fit mode */\n @Prop({ reflect: true }) fit: \"cover\" \| \"contain\" = \"cover\";\n\n @Element() element: HTMLStzhRatioElement;\n\n render() {\n const classes = {\n \"stzh-ratio\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"stzh-ratio.js","sourceRoot":"","sources":["../../../../src/components/stzh-ratio/stzh-ratio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAIlE;;GAEG;AAMH,MAAM,OAAO,SAAS;;qBAE2B,MAAM;0BAEW,SAAS;2BAER,SAAS;0BAEV,SAAS;0BAET,SAAS;wBAG5B,KAAK;mBAGE,OAAO;;IAI3D,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,YAAY,EAAE,IAAI;SACnB,CAAC;QAEF,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,OAAO;gBACjB,6DAAM,IAAI,EAAC,OAAO,GAAQ;gBAC1B,8DAAa,CACT,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/*\n @slot - Slot for e.g. image or video\n /\n@Component({\n tag: \"stzh-ratio\",\n styleUrl: \"stzh-ratio.scss\",\n shadow: true,\n})\nexport class StzhRatio {\n /* Aspect ratio /\n @Prop({ reflect: true }) ratio: Layout.Ratio = \"16:9\";\n /* Aspect ratio above small breakpoint /\n @Prop({ reflect: true }) ratioSmall: Layout.Ratio \| \"inherit\" = \"inherit\";\n /* Aspect ratio above medium breakpoint /\n @Prop({ reflect: true }) ratioMedium: Layout.Ratio \| \"inherit\" = \"inherit\";\n /* Aspect ratio above large breakpoint /\n @Prop({ reflect: true }) ratioLarge: Layout.Ratio \| \"inherit\" = \"inherit\";\n /* Aspect ratio above ultra breakpoint /\n @Prop({ reflect: true }) ratioUltra: Layout.Ratio \| \"inherit\" = \"inherit\";\n\n /* Whether aspect ratio is in portrait mode /\n @Prop({ reflect: true }) portrait: boolean = false;\n\n /* Fit mode */\n @Prop({ reflect: true }) fit: \"cover\" \| \"contain\" = \"cover\";\n\n @Element() element: HTMLStzhRatioElement;\n\n render() {\n const classes = {\n \"stzh-ratio\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot name=\"image\"></slot>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.css CHANGED Viewed

@@ -666,8 +666,8 @@ stzh-readspeaker .stzh-fylingfocus-focused::-moz-focus-inner {
   font-family: var(--stzh-font-family-medium);
   font-weight: var(--stzh-font-weight-medium);
   font-style: var(--stzh-font-style-medium);
-  font-size: var(--stzh-font-pico-font-size);
-  line-height: var(--stzh-font-pico-text-line-height);
+  font-size: var(--stzh-font-micro-font-size);
+  line-height: var(--stzh-font-micro-text-line-height);
   border-radius: 0px;
   border: none;
   box-shadow: none;
@@ -804,8 +804,8 @@ stzh-readspeaker .stzh-fylingfocus-focused::-moz-focus-inner {
   font-family: var(--stzh-font-family-medium);
   font-weight: var(--stzh-font-weight-medium);
   font-style: var(--stzh-font-style-medium);
-  font-size: var(--stzh-font-pico-font-size);
-  line-height: var(--stzh-font-pico-text-line-height);
+  font-size: var(--stzh-font-micro-font-size);
+  line-height: var(--stzh-font-micro-text-line-height);
   z-index: var(--stzh-z-index-popup);
   border: none;
   border-radius: 0px;

package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.js CHANGED Viewed

@@ -192,9 +192,9 @@ export class StzhReadspeaker {
             "stzh-readspeaker": true,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (h(Host, { key: 'ad65dd6253ea946a17f905c86b80b50e1d815cb2' }, h("div", { key: '62d0b35ec6663af893e21389b80cb02022c3e171', class: classes }, h("div", { key: '41475c2930ade685a3cee9505db621ec03b41047', class: "stzh-readspeaker__actions" }, h("div", { key: '362eb32bdae38f5de4263dac06a8908d10a8e7c1', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: 'e4de817898ea795d673c09744379c5216d121e53' })), h("stzh-button", { key: '09139eac9295ff60d4f229ab95852b8b5f967537', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
+        return (h(Host, { key: 'c1f32d69379cf08aa871829eb87e6f210786ab11' }, h("div", { key: '96e2036fc814e90e161b2b5afce5e6421f3609c2', class: classes }, h("div", { key: '3f3b638ccb29c670c7081d2d6f4bd8823064ef0f', class: "stzh-readspeaker__actions" }, h("div", { key: 'da2bbbc7e18da2566429a74587eeced1c3b4e173', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: '33d7183bbf5350b7ed54f6a0ea4d2846038b1a24' })), h("stzh-button", { key: 'ce8b4c874e1144a311f7e38554a8882a90c196fc', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
                 this.closePlayer();
-            } })), h("div", { key: '4c66ea949e129c6ef4de232a8fe888e957155099', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
+            } })), h("div", { key: 'b88f87a0ef0acf56c285636ebff71411e11c7d8b', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
     }
     static get is() { return "stzh-readspeaker"; }
     static get originalStyleUrls() {

package/dist/collection/components/stzh-richtext/stzh-richtext.js CHANGED Viewed

@@ -51,7 +51,7 @@ export class StzhRichtext {
         const classes = {
             "stzh-richtext": true,
         };
-        return (h(Host, { key: '0380348ada233e8a6a7c5f21ce91abf382848fc4', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, h("div", { key: '80b7f4fe36a879c801997fee0eb9aae03dea623a', class: classes }, h("div", { key: '506bb03dc3f4e8e06d583b5f0fdf81e05bff9010', class: "stzh-richtext__text" }, h("slot", { key: 'c12cb11fb9f95ac972a6c94b15430fe6cb3ae73a' })))));
+        return (h(Host, { key: '8d4cfa5bd967bc015772f798fe7792c36331d845', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, h("div", { key: 'bd446dfa6c8008c4681147a4a0cfa060aa641371', class: classes }, h("div", { key: '1f7c621b874d789931bd0ba786c1af258f790ca6', class: "stzh-richtext__text" }, h("slot", { key: 'ca853998227e5d2321def1fead06e533de75e0f1' })))));
     }
     static get is() { return "stzh-richtext"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-row/stzh-row.js CHANGED Viewed

@@ -14,12 +14,12 @@ export class StzhRow {
         this.content = "start";
     }
     render() {
-        return (h(Host, { key: '6407dc8ee26e81fcb5d9f8e2d4a0d7b24c7e5b41' }, h("div", { key: '8d0b0130c7f58f8b34b4c1ae7bb5376bcc423f18', class: {
+        return (h(Host, { key: '0790a6e16fdba80673274f0b48c0d3985b8e5232' }, h("div", { key: '8eff8f37798efa0dd19bb23ca9eb238cfb27dcbb', class: {
                 "stzh-row": true,
                 [`stzh-row--justify-${this.justify}`]: !!this.justify,
                 [`stzh-row--items-${this.items}`]: !!this.items,
                 [`stzh-row--content-${this.content}`]: !!this.content
-            } }, h("slot", { key: '7bb6c474b112e3336e27bedd3269fefce07c1081' }))));
+            } }, h("slot", { key: '69ae1cdb79028780194d989f1b2a970815b20b0a' }))));
     }
     static get is() { return "stzh-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-saptcha/stzh-saptcha.js CHANGED Viewed

@@ -63,10 +63,10 @@ export class StzhSaptcha {
         const classes = {
             "stzh-saptcha": true
         };
-        return (h(Host, { key: '508b36f8f986b1303704958ad7f34a27e429211a', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: 'ba990346a4d626d186c2166d5514e3a50d5c5538', class: classes }, h("div", { key: '1ea9a21683d19d4c57a87d9512e7c1579079de41', class: "stzh-saptcha__box" }, h("div", { key: '59c4cdc97b9ce1560740e520915f0ed0cfc90dce', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: 'e1977df6b777f2ddca39644915426bb409bf60e9', class: "stzh-saptcha__answer", id: `${this.saptchaId}-answer` }, this._numbers.map((number, index) => h("span", { class: "stzh-saptcha__number" }, number, index < this._numbers.length - 1 &&
+        return (h(Host, { key: '45e5ae9ea931d92609563149eb17d9937ad8b018', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: 'aa77d54b4c91a597d2f8f00b1209d6ffc603ec95', class: classes }, h("div", { key: '860279d1b6887f7c6a099d8ee22e5121309787a4', class: "stzh-saptcha__box" }, h("div", { key: '731eaaf5d33d96fd1f4a0960ece20ffa6cc742ba', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: 'b01a02570a163ea216d89c17f16aef60d1515958', class: "stzh-saptcha__answer", id: `${this.saptchaId}-answer` }, this._numbers.map((number, index) => h("span", { class: "stzh-saptcha__number" }, number, index < this._numbers.length - 1 &&
             (index === this._numbers.length - 2
                 ? this.localization.answerOr
-                : ", ")))), h("stzh-input", { key: '4e187d4e881c210f2ec833020a6ddb3ae201fddd', class: "stzh-saptcha__input", label: this.localization.answer, name: this.name, invalid: this.invalid, error: this.error, disabled: this.disabled, value: this.value, onStzhChange: this.onInputChange, required: true, a11yDescribedby: `${this.saptchaId}-info ${this.saptchaId}-answer` })))));
+                : ", ")))), h("stzh-input", { key: '95e4d2e4af61655d06fcf6c3e7ae0469501bd505', class: "stzh-saptcha__input", label: this.localization.answer, name: this.name, invalid: this.invalid, error: this.error, disabled: this.disabled, value: this.value, onStzhChange: this.onInputChange, required: true, a11yDescribedby: `${this.saptchaId}-info ${this.saptchaId}-answer` })))));
     }
     static get is() { return "stzh-saptcha"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-scrollup/stzh-scrollup.js CHANGED Viewed

@@ -28,7 +28,7 @@ export class StzhScrollup {
         const classes = {
             "stzh-scrollup": true,
         };
-        return (h(Host, { key: 'deda31b1ec662993903318b9c803d9a6330fe887' }, h("div", { key: 'd9aa01d30bb6abbee0d0b03c2728058e76707576', class: classes }, h("slot", { key: 'ea3f6114a38023cef4683b8b0b3c16157735b89a', onSlotchange: this.handleSlotchange }))));
+        return (h(Host, { key: '5dce13acbe1335a55ddbdf1dd10eea332be846ec' }, h("div", { key: '6d7e887f12979457f4d4f1d389e1ba845a8f534c', class: classes }, h("slot", { key: '72659c769b97f46d4f64b29200f083c26dbfc50e', onSlotchange: this.handleSlotchange }))));
     }
     static get is() { return "stzh-scrollup"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-search/stzh-search.js CHANGED Viewed

@@ -471,13 +471,13 @@ export class StzhSearch {
         const wrapperProps = typeof this.templateResultWrapperProps === "function"
             ? this.templateResultWrapperProps(this.element)
             : this.templateResultWrapperProps;
-        return (h(Host, { key: '04b14cd63060feec9fa81f04ef167b2b3952fb02', "has-aside-filters": filtersAsideUsed, fullwidth: this.isStzhAnchornavVisible.toString() }, h("form", { key: 'bdeb6bacdcedb642a0bc5b81c17dbe2bf94c8ab7', ref: el => (this.formElement = el), novalidate: true, class: classes, onSubmit: this.handleFormSubmit, onReset: this.handleFormReset }, h("div", { key: '78ff3d89431bc547932b28c2d730ffe80391cd86', class: "stzh-search__filters-main", onStzhChange: this.handleMainFilterChange }, !!this.heading && (h("stzh-heading", { key: 'd6120207362a2712503d8feae1baaaca7a4827bc', class: "stzh-search__header-heading", curve: "h2" }, this.heading)), h("slot", { key: '736d817eccb4e13d69b86eabc6addc2ba5a33f69', name: "filters-main" }), !chipsProvided && this.chipResults.length > 0 && (h("div", { key: '4eed32976365beb6056ae8210f79db724e51593c', class: "stzh-search__filters-main-chips" }, this.chipResultsHeading && (h("stzh-text", { key: '754c958ebd601b3fc89d947bffcfe59d1aa78703', font: "heavy", size: "milli", color: "primary" }, this.chipResultsHeading)), this.chipResults[0].options ? (h("stzh-chipgroup", null, this.chipResults.map(chipResult => (h("stzh-dropdown", { label: chipResult.label, name: chipResult.value, variant: "filter", size: "large", "no-search": true, "hide-optional": true, inline: true, options: chipResult.options }))))) : (h("stzh-chipselect", { multiple: true, name: "subject", label: this.chipResultsHeading, "label-hidden": true, data: this.chipResults.map(chipResult => ({
+        return (h(Host, { key: 'c674f925f42a86a2325126c2d4dff957ba3e1328', "has-aside-filters": filtersAsideUsed, fullwidth: this.isStzhAnchornavVisible.toString() }, h("form", { key: '194bb64ff606903c181548538f18a7094b1a38f6', ref: el => (this.formElement = el), novalidate: true, class: classes, onSubmit: this.handleFormSubmit, onReset: this.handleFormReset }, h("div", { key: 'd023ef1594df804d1646b02d517819b3ac39e313', class: "stzh-search__filters-main", onStzhChange: this.handleMainFilterChange }, !!this.heading && (h("stzh-heading", { key: '56c3589649ebe805514dc147419ddafa6152b7b3', class: "stzh-search__header-heading", curve: "h2" }, this.heading)), h("slot", { key: 'a6269f252a873fdee21bd8621a03792132e12dc8', name: "filters-main" }), !chipsProvided && this.chipResults.length > 0 && (h("div", { key: '7443fbd9e8deea64102ba759ac5e34b659125181', class: "stzh-search__filters-main-chips" }, this.chipResultsHeading && (h("stzh-text", { key: '468937cc2eb83d47fc8ea084ea4f54ce15f94c90', font: "heavy", size: "milli", color: "primary" }, this.chipResultsHeading)), this.chipResults[0].options ? (h("stzh-chipgroup", null, this.chipResults.map(chipResult => (h("stzh-dropdown", { label: chipResult.label, name: chipResult.value, variant: "filter", size: "large", "no-search": true, "hide-optional": true, inline: true, options: chipResult.options }))))) : (h("stzh-chipselect", { multiple: true, name: "subject", label: this.chipResultsHeading, "label-hidden": true, data: this.chipResults.map(chipResult => ({
                 label: chipResult.label,
                 value: chipResult.value,
                 counter: `${chipResult.amount}`,
                 variant: "filter",
                 size: "large",
-            })) }))))), filtersAsideUsed && (h(Fragment, { key: '62f681a61516414f96c7edb21a13896b0564b7ce' }, h("div", { key: '107ec7f0d0c1da7e17bc3dd923f92e9936448218', class: "stzh-search__filters-aside", onStzhChange: this.handleAsideFilterChange }, h("div", { key: '3fead9696cad86a188d41d36448bea140de36ab8', class: "stzh-search__filters-aside-inner" }, h("div", { key: 'a04a8ff65ab54b5403e19d647e2878c5034dc154', class: "stzh-search__filters-aside-heading" }, this.localization.moreFilter), h("stzh-details", { key: 'e10a75fb5b35741d2aee9b15e955b75708c53cdb', open: this.isDetailsOpen, class: "stzh-search__filters-aside-details" }, h("stzh-button", { key: 'b91f91478132b20f80e9ceb68e13f5b2dd545a71', class: "stzh-search__filters-aside-details-trigger", variant: "tertiary-plain", size: "small", noPaddingLeft: true, showToggleIcon: true, iconPosition: "right", label: this.localization.moreFilter }), h("div", { key: '442243f983c87358ea8130861697a682d3b4c2b3', slot: "content" }, h("slot", { key: '817c99137fb4c507b9b79cb90022214b1b0b47d4', name: "filters-aside" }))))))), h("div", { key: '00a76515982c55455a90ffadfdb2c2671d995dab', class: "stzh-search__results-wrapper" }, resultsShown && (h(Fragment, { key: '3828982de0b708e276e6837a4fd098d5f38bc9e7' }, this.results.length === 0 ? (h(Fragment, null, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, innerHTML: this.resultsHeading })), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), this.emptyText && (h("stzh-text", { class: "stzh-search__empty-text", innerHTML: this.emptyText })), this.emptyLinkLabel && this.emptyLinkHref && (h("div", { class: "stzh-search__empty-link-wrapper" }, h("stzh-link", { href: this.emptyLinkHref, label: this.emptyLinkLabel }))))) : (h(Fragment, null, h("div", { class: "stzh-search__results-header" }, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, htmlContent: this.resultsHeading })), this._sortOptions.length > 0 && (h("div", { class: "stzh-search__results-sort" }, h("stzh-dropdown", { "hide-optional": true, inline: true, "no-search": true, "no-wrap": true, class: "stzh-search__results-sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", name: "sortby", items: [this._sortBy], options: this._sortOptions, onStzhChange: this.onDropdownSortChange })))), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), h(WrapperElement, Object.assign({ class: "stzh-search__results", "max-3-columns": filtersAsideUsed }, wrapperProps), this.results.map(result => (h("div", { class: "stzh-search__results-item", innerHTML: result.html || "" })))), h("div", { class: "stzh-search__actions-wrapper" }, this._showMoreLink && (h("stzh-button", { variant: "secondary", class: "stzh-search__action-more", label: this.localization.showMore, onClick: this.handleMoreClick, disabled: this.loading, a11yDisabled: this.loading }))))))), this.error && (h("div", { key: 'd75bb2c631a5f76f405b29f8b5042a6d9f2d6467', class: "stzh-search__error" }, h("stzh-message", { key: '5fc3748a4f51db659b63c90ecb461d6ad15fb6c0', type: "error", label: this.error }))), this.loading && h("stzh-loader", { key: '15719c5aa201ed8e06b97b73ab61b1481f17950a', class: "stzh-search__loader" })), h("slot", { key: 'ac7cbd25af23a283c45c4018f9538eb76809b8b9' }))));
+            })) }))))), filtersAsideUsed && (h(Fragment, { key: '74f5fe22505a2a0edddf67845febb9a62eb51138' }, h("div", { key: '4f6a96dd6d0d6b5aa86958c88c14597c8cf72bf6', class: "stzh-search__filters-aside", onStzhChange: this.handleAsideFilterChange }, h("div", { key: '8d250de88a52ee3f462946563828c053ba58e496', class: "stzh-search__filters-aside-inner" }, h("div", { key: 'ebe5bd60cb7eb87e25840482eb8dbc6ee5e09db5', class: "stzh-search__filters-aside-heading" }, this.localization.moreFilter), h("stzh-details", { key: 'dbb87cfa02364039bd2440d3adb4c1dfa47911d1', open: this.isDetailsOpen, class: "stzh-search__filters-aside-details" }, h("stzh-button", { key: '2644dfe13e26cbe61cfd2f8be8bbcf37d5bfb507', class: "stzh-search__filters-aside-details-trigger", variant: "tertiary-plain", size: "small", noPaddingLeft: true, showToggleIcon: true, iconPosition: "right", label: this.localization.moreFilter }), h("div", { key: '57748cfc1d3afa41ace39f41e527857cab0977de', slot: "content" }, h("slot", { key: '165ca236789b8440f4919be9c095ca085df69692', name: "filters-aside" }))))))), h("div", { key: 'f22e24207b3c95c233a1f49db2e76ca8651579f7', class: "stzh-search__results-wrapper" }, resultsShown && (h(Fragment, { key: '87e63ea254dc2a9ec9a340644840259ce3de3218' }, this.results.length === 0 ? (h(Fragment, null, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, innerHTML: this.resultsHeading })), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), this.emptyText && (h("stzh-text", { class: "stzh-search__empty-text", innerHTML: this.emptyText })), this.emptyLinkLabel && this.emptyLinkHref && (h("div", { class: "stzh-search__empty-link-wrapper" }, h("stzh-link", { href: this.emptyLinkHref, label: this.emptyLinkLabel }))))) : (h(Fragment, null, h("div", { class: "stzh-search__results-header" }, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, htmlContent: this.resultsHeading })), this._sortOptions.length > 0 && (h("div", { class: "stzh-search__results-sort" }, h("stzh-dropdown", { "hide-optional": true, inline: true, "no-search": true, "no-wrap": true, class: "stzh-search__results-sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", name: "sortby", items: [this._sortBy], options: this._sortOptions, onStzhChange: this.onDropdownSortChange })))), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), h(WrapperElement, Object.assign({ class: "stzh-search__results", "max-3-columns": filtersAsideUsed }, wrapperProps), this.results.map(result => (h("div", { class: "stzh-search__results-item", innerHTML: result.html || "" })))), h("div", { class: "stzh-search__actions-wrapper" }, this._showMoreLink && (h("stzh-button", { variant: "secondary", class: "stzh-search__action-more", label: this.localization.showMore, onClick: this.handleMoreClick, disabled: this.loading, a11yDisabled: this.loading }))))))), this.error && (h("div", { key: 'e942f4732330748b1c58807646208fae7542d6fe', class: "stzh-search__error" }, h("stzh-message", { key: '6ef273c26a7977901223d9ed8264051f37662488', type: "error", label: this.error }))), this.loading && h("stzh-loader", { key: 'b6a84ee18dbd3f6e7c77b6d48c141c6e9e987910', class: "stzh-search__loader" })), h("slot", { key: 'e25476df1dcd0156b8d9d35f1d572e590fbe9597' }))));
     }
     static get is() { return "stzh-search"; }
     static get originalStyleUrls() {

package/dist/collection/components/stzh-section/stzh-section.js CHANGED Viewed

@@ -45,12 +45,12 @@ export class StzhSection {
         this.init();
     }
     render() {
-        return (h(Host, { key: '3b3e663cb9e0f13143290c3685796dd4867dcbae' }, h("section", { key: 'd56d203ac83258973fc82f6ab37c599ebc9421e0', class: {
+        return (h(Host, { key: '1720582f9c111d7b3773ed363e24d15b3e4ae67c' }, h("section", { key: 'faddc191d92dc3279bbacd47302ec5575ade7934', class: {
                 "stzh-section": true,
                 "stzh-section--is-breakout": this.breakout,
                 [`stzh-section--${this.variant}`]: !!this.variant,
                 [`stzh-section--margin-bottom-${this.marginBottom}`]: !!this.marginBottom
-            } }, h("div", { key: '3e405827fa8b4ae9125706c817f44e77744ad086', class: "stzh-section__outer" }, h("div", { key: '896adf94c275bce5a8dee0ffb9f435f41deff77d', class: "stzh-section__heading" }, h("slot", { key: 'ac3a4c3d65ef7e7f2006b3b2752026db4010a3e3', name: "heading" })), h("div", { key: 'b7a5285d4f930988cdd304fe00a175d41839dffc', class: "stzh-section__wrapper" }, h("slot", { key: '53736f602bc578cffc909f4307b1b960697f90f4', onSlotchange: this.onSlotChange, ref: el => (this.slotElement = el) }))))));
+            } }, h("div", { key: 'a71029fad62750bc23ab1e937dec3d61e4545b94', class: "stzh-section__outer" }, h("div", { key: 'fa78050a1d6f33e886b13949c223a006ea374d60', class: "stzh-section__heading" }, h("slot", { key: 'b29cf889f5bcba3a74f523157709ffa7a15b2eb2', name: "heading" })), h("div", { key: '4fb22916b3a95eb9739c5f49cd69f67dbc0d3b57', class: "stzh-section__wrapper" }, h("slot", { key: 'a68da08449ba942be625f96293b365dc076b0483', onSlotchange: this.onSlotChange, ref: el => (this.slotElement = el) }))))));
     }
     static get is() { return "stzh-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-share/stzh-share.js CHANGED Viewed

@@ -82,7 +82,7 @@ export class StzhShare {
                 icon: "xing"
             }
         };
-        return (h(Host, { key: 'd04564f91fd50bfc57a1a81a7fe8715b32e7fd64' }, h("div", { key: '4cfc06c2cff040493955355db2651b12dd940074', class: classes }, h("ul", { key: 'ea458ea43e34630874c1a7b9ea645e25afdb7526', class: "stzh-share__list" }, this._services.map((service) => h("li", { class: "stzh-share__item" }, h("stzh-tooltip", { content: serviceData[service].text, size: "small" }, h("stzh-button", { class: `stzh-share__button is-${service}`, size: "small", variant: "tertiary", iconOnly: true, href: serviceData[service].url, rel: serviceData[service].blank ? "nofollow noopener noreferrer" : "nofollow", target: serviceData[service].blank ? "_blank" : "_self", onClick: serviceData[service].popup ? (e) => this.openPopup(serviceData[service].url, e) : null, analyticsId: serviceData[service].text, icon: serviceData[service].icon }))))))));
+        return (h(Host, { key: '3c0e7d9a2d9c4a9ac53f9013446b174d2d525ea4' }, h("div", { key: '91124d386269bd381c50764092f22ae68881edc3', class: classes }, h("ul", { key: '799e19b5f40435dd16be8db96d8f6b65dc16af4c', class: "stzh-share__list" }, this._services.map((service) => h("li", { class: "stzh-share__item" }, h("stzh-tooltip", { content: serviceData[service].text, size: "small" }, h("stzh-button", { class: `stzh-share__button is-${service}`, size: "small", variant: "tertiary", iconOnly: true, href: serviceData[service].url, rel: serviceData[service].blank ? "nofollow noopener noreferrer" : "nofollow", target: serviceData[service].blank ? "_blank" : "_self", onClick: serviceData[service].popup ? (e) => this.openPopup(serviceData[service].url, e) : null, analyticsId: serviceData[service].text, icon: serviceData[service].icon }))))))));
     }
     static get is() { return "stzh-share"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-show/stzh-show.js CHANGED Viewed

@@ -54,9 +54,9 @@ export class StzhShow {
     }
     render() {
         const timeNow = Date.now();
-        return (h(Host, { key: 'fceb92953d1b8f5956b0b563a59c24c5ab800208', hidden: this._showFromDate && timeNow <= this._showFromDate.getTime()
+        return (h(Host, { key: '00aee00057a89730b9e3af8b4575148cbe3a33e0', hidden: this._showFromDate && timeNow <= this._showFromDate.getTime()
                 || this._hideFromDate && timeNow >= this._hideFromDate.getTime()
-                || this.closedByCookie }, h("slot", { key: '951e809d6120cfe717970b5293c31148c9778909' })));
+                || this.closedByCookie }, h("slot", { key: 'da5067469a05f9d04f6a5a1c237068713283c544' })));
     }
     static get is() { return "stzh-show"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-sitemap/stzh-sitemap.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class StzhSitemap {
         const classes = {
             "stzh-sitemap": true
         };
-        return (h(Host, { key: 'f8165c49f6a9b57a4e4f9f3797d1ae350ab7ed8c' }, h("div", { key: 'ddd955748dd7df588bf5785f900863a3539c4e7a', class: classes }, h("stzh-datalist", { key: '1d27e910f122ff6ebf539d1c7d9a979e32e8ef01', items: this.items }))));
+        return (h(Host, { key: '4a796e69bba0da20ccc21261e2d94acccf3b87f2' }, h("div", { key: '657afb604c09c31fa5ab551700f9126b6161c5ca', class: classes }, h("stzh-datalist", { key: '337524f65b5b75087cd6b3f65c466fe14a64bdba', items: this.items }))));
     }
     static get is() { return "stzh-sitemap"; }
     static get originalStyleUrls() {