@oiz/stzh-components 3.8.0-beta1 → 3.8.0-beta2

package/dist/esm/stzh-vbz-majorticker.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-e3050b18.js';
-import { a as axios } from './axios-e0a35239.js';
+import { a as axios } from './axios-0cc95004.js';
 import { a as createParagraphsFromBrs } from './string-utils-e252977e.js';
 import { VBZ } from './index.js';
 

package/dist/esm/stzh-vbz-ticker.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, F as Fragment, a as Host, g as getElement } from './index-e3050b18.js';
-import { a as axios } from './axios-e0a35239.js';
+import { a as axios } from './axios-0cc95004.js';
 import { VBZ } from './index.js';
 
 const stzhVbzTickerCss = ".sc-stzh-vbz-ticker-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-ticker-h,[stzh-hidden].sc-stzh-vbz-ticker-h{display:none}.sc-stzh-vbz-ticker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker,.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker::before,.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-vbz-ticker-h .has-focus.sc-stzh-vbz-ticker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-ticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-ticker{outline-style:none !important}.sc-stzh-vbz-ticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-ticker::-moz-focus-inner{border:0 !important}.stzh-vbz-ticker.sc-stzh-vbz-ticker{display:flex;flex-direction:column;position:relative}@media screen and (min-width: 900px){.stzh-vbz-ticker.sc-stzh-vbz-ticker{flex-direction:row;align-items:flex-start}}.stzh-vbz-ticker__content.sc-stzh-vbz-ticker{display:flex;flex-direction:column;gap:var(--stzh-space-xsmall)}.stzh-vbz-ticker__icon.sc-stzh-vbz-ticker{--size:var(--stzh-icon-size-small);margin-right:var(--stzh-space-xsmall)}.stzh-vbz-ticker__title.sc-stzh-vbz-ticker{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-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);display:flex;flex-wrap:wrap}@media screen and (min-width: 900px){.stzh-vbz-ticker__title.sc-stzh-vbz-ticker{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-vbz-ticker__title-parts.sc-stzh-vbz-ticker{display:flex;flex-wrap:wrap;margin:calc(var(--stzh-space-xxxsmall) / -1) 0}.stzh-vbz-ticker__title-part.sc-stzh-vbz-ticker{display:flex;align-items:center;white-space:nowrap;margin:var(--stzh-space-xxxsmall) 0;color:var(--stzh-color-grey90)}.stzh-vbz-ticker__title-part.sc-stzh-vbz-ticker:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-vbz-ticker__title-part--major-events.sc-stzh-vbz-ticker{color:var(--stzh-color-coral)}.stzh-vbz-ticker__title-part--disturbances.sc-stzh-vbz-ticker{color:var(--stzh-color-error60)}.stzh-vbz-ticker__chips.sc-stzh-vbz-ticker{display:flex;flex-wrap:wrap;gap:0 var(--stzh-space-xsmall)}.stzh-vbz-ticker__tooltip.sc-stzh-vbz-ticker{--width:20.875rem}.stzh-vbz-ticker__disturbance.sc-stzh-vbz-ticker{display:flex;align-items:flex-start}.stzh-vbz-ticker__disturbance.sc-stzh-vbz-ticker:not(:first-child){margin-top:var(--stzh-space-small)}.stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex}.stzh-vbz-ticker__disturbance-date.sc-stzh-vbz-ticker{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-top:var(--stzh-space-xsmall)}.stzh-vbz-ticker__disturbance--type0.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker,.stzh-vbz-ticker__disturbance--type2.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-vbz-ticker__disturbance-icon.sc-stzh-vbz-ticker{--size:var(--stzh-icon-size-xsmall);margin-top:var(--stzh-space-xxxsmall);margin-right:var(--stzh-space-xsmall)}.stzh-vbz-ticker__disturbance-link.sc-stzh-vbz-ticker{margin-top:var(--stzh-space-xsmall)}";

package/dist/stzh-components/assets/i18n/de.json

@@ -162,18 +162,22 @@
     "removeFile": "Datei entfernen",
     "deleteFile": "Hochgeladene Datei löschen",
     "downloadFile": "Datei downloaden",
-    "maxFilesExceeded": "Sie können keine weiteren Dateien uploaden.",
+    "maxFilesExceeded": "Sie können keine weiteren Dateien hochladen.",
     "serverError": "Server derzeit nicht verfügbar, bitte versuchen Sie es später erneut.",
     "accessError": "Sie haben keine Berechtigung zum Hochladen von Dateien.",
     "responseError": "Server Fehler Code {{statusCode}}.",
     "invalidFileType": "Sie können keine Dateien von diesem Typ uploaden.",
     "fileTooBig": "Die Datei ist zu gross ({{filesize}}MiB). Maximal erlaubte Grösse: {{maxFilesize}}MiB.",
-    "fileTooBigTotal": "Die erlaubte Gesamtgrösse aller Dateien ist zu gross ({{totalFilesize}}MiB). Maximal erlaubte Grösse: {{maxFilesizeTotal}}MiB.",
+
+    "fileTooBigTotal": "Die Gesamtgrösse aller Dateien ist zu gross ({{totalFilesize}}MiB).",
+    "fileTooBigTotal2": "Maximal erlaubte Grösse: {{maxFilesizeTotal}}MiB.",
+
     "fileTooBigServer": "Die Datei ist zu gross (Error 413)",
     "photographingTitle1": "1 Smartphone oder Tablet verbinden",
-    "photographingText1": "Sie können Ihre Dokumente mit Ihrem Smartphone oder Tablet fotografieren und hochladen. Scannen Sie den QR-Code mit Ihrem mobilen Gerät oder geben Sie folgende URL in den Browser ihres mobilen Gerätes ein:",
-    "photographingTitle2": "2 Dokument hochladen",
-    "photographingText2": "Sobald Sie die Webseite auf Ihrem mobilen Gerät geöffnet haben, können Sie die Dokumente fotografieren oder aus dem Speicher Ihres Geräts hochladen.",
+    "photographingText1": "Scannen Sie den QR-Code mit der Kamera Ihres mobilen Geräts und öffnen Sie den dort angezeigten Link im Browser.",
+    "photographingTitle2": "2 Dokument fotografieren",
+    "photographingText2": "Folgen Sie den Anweisungen auf dem mobilen Gerät.",
+    "photographingContinue": "Oder auf diesem Gerät fortfahren",
     "back": "Zurück",
     "uploadSuccessToast": "Hochladen erfolgreich",
     "uploadErrorToast": "Fehler beim Hochladen",

package/dist/stzh-components/assets/i18n/en.json

@@ -168,12 +168,16 @@
     "responseError": "Server responded with code {{statusCode}}.",
     "invalidFileType": "You can't upload files of this type.",
     "fileTooBig": "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
-    "fileTooBigTotal": "The permitted total size of all files is too large ({{totalFilesize}}MiB). Maximum permitted size: {{maxFilesizeTotal}}MiB.",
+
+    "fileTooBigTotal": "The total size of all files is too big ({{totalFilesize}}MiB).",
+    "fileTooBigTotal2": "Maximum allowed size: {{maxFilesizeTotal}}MiB.",
+
     "fileTooBigServer": "File is too big (error 413)",
-    "photographingTitle1": "1 Connect smartphone or table",
-    "photographingText1": "You can take a photo of your documents with your smartphone or tablet and upload them. Scan the QR code with your mobile device or enter the following URL in the browser of your mobile device:",
-    "photographingTitle2": "2 Upload document",
-    "photographingText2": "Once you have opened the website on your mobile device, you can take a photo of the documents or upload them from your device's storage.",
+    "photographingTitle1": "1 Connect smartphone or tablet",
+    "photographingText1": "Scan the QR code with the camera of your mobile device and open the link displayed there in your browser.",
+    "photographingTitle2": "2 Photograph document",
+    "photographingText2": "Follow the instructions on the mobile device.",
+    "photographingContinue": "Or continue on this device",
     "back": "Back",
     "uploadSuccessToast": "Upload successful",
     "uploadErrorToast": "Error during upload",

package/dist/stzh-components/p-129faf7d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i,a,g as e,F as l}from"./p-c7bfac7a.js";import{m as h,a as n,r as d}from"./p-10e2901a.js";import{c as o}from"./p-ebd6dda5.js";import"./p-9b063923.js";const r='.sc-stzh-datalist-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-h,[stzh-hidden].sc-stzh-datalist-h{display:none}.sc-stzh-datalist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datalist-h *.sc-stzh-datalist,.sc-stzh-datalist-h *.sc-stzh-datalist::before,.sc-stzh-datalist-h *.sc-stzh-datalist::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-datalist-h .has-focus.sc-stzh-datalist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datalist-h .stzh-fylingfocus-focused.sc-stzh-datalist{outline-style:none !important}.sc-stzh-datalist-h .stzh-fylingfocus-focused.sc-stzh-datalist::-moz-focus-inner{border:0 !important}.sc-stzh-datalist-h{--columns:1;--columns-gap:var(--stzh-grid-gutter);--list-display:grid;--list-margin-right:calc(var(--columns-gap) / -1);--list-grid-template-columns:repeat(var(--columns), auto minmax(auto, 1fr) auto var(--columns-gap));--full-grid-column:1 / 5;--nested-margin-left:var(--stzh-datalist-nested-margin-left, 0px);--details-content-width:var(--stzh-datalist-details-content-width, 100%);--grid-template-areas:var(\n      --stzh-datalist-grid-template-areas,\n      "list list list list"\n  );--grid-template-columns:var(\n      --stzh-datalist-grid-template-columns,\n      repeat(4, minmax(0, 1fr))\n  );margin-left:var(--nested-margin-left)}@media screen and (min-width: 600px){.sc-stzh-datalist-h{--columns-gap:var(--stzh-grid-gutter-small);--grid-template-areas:var(\n        --stzh-datalist-grid-template-areas,\n        "list list list list"\n    )}}@media screen and (min-width: 900px){.sc-stzh-datalist-h{--columns-gap:var(--stzh-grid-gutter-medium);--grid-template-areas:var(\n        --stzh-datalist-grid-template-areas,\n        "list list list list list list list list"\n    );--grid-template-columns:var(\n        --stzh-datalist-grid-template-columns,\n        repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){.sc-stzh-datalist-h{--columns-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.sc-stzh-datalist-h{--columns-gap:var(--stzh-grid-gutter-ultra)}}.sc-stzh-datalist-h .sc-stzh-datalist-s>.layout_column>*:not([class*=cq-]),.sc-stzh-datalist-h .sc-stzh-datalist-s>*:not([class*=cq-]){display:contents}[is-direction=horizontal].sc-stzh-datalist-h{--list-grid-template-columns:repeat(var(--columns), auto minmax(auto, 1fr) auto auto var(--columns-gap));--full-grid-column:1 / 6}[is-direction=horizontal].sc-stzh-datalist-h:where(:has(stzh-datalist-item:not([meta=""]))),[is-direction=horizontal].sc-stzh-datalist-h:where(:has(stzh-datalist-item:not([status-label=""]))){--list-grid-template-columns:repeat(var(--columns), auto minmax(auto, 1fr) minmax(auto, 1fr) auto var(--columns-gap))}[variant=table].sc-stzh-datalist-h{--list-grid-template-columns:repeat(var(--columns), auto auto minmax(auto, 1fr) auto auto var(--columns-gap));--full-grid-column:1 / 7}[variant=table].sc-stzh-datalist-h:where(:has(stzh-datalist-item:not([meta=""]))),[variant=table].sc-stzh-datalist-h:where(:has(stzh-datalist-item:not([status-label=""]))){--list-grid-template-columns:repeat(var(--columns), auto auto minmax(auto, 1fr) minmax(auto, 1fr) auto var(--columns-gap))}.sc-stzh-datalist-h:has([class*=cq-]){--stzh-datalist-item-wrapper-display:flex;--list-display:block;--list-margin-right:0}.stzh-datalist.sc-stzh-datalist{--stzh-datalist-nested-margin-left:var(--stzh-space-large);--stzh-details-content-grid-column:var(--full-grid-column);--stzh-details-content-padding-right:var(--columns-gap);--stzh-details-content-width:var(--details-content-width);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 600px){.stzh-datalist.sc-stzh-datalist{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-datalist.sc-stzh-datalist{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-datalist.sc-stzh-datalist{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-datalist.sc-stzh-datalist{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-datalist__wrapper.sc-stzh-datalist{grid-area:list;overflow:visible}.stzh-datalist__list.sc-stzh-datalist{display:var(--list-display);border-collapse:collapse;grid-template-columns:var(--list-grid-template-columns);align-items:stretch;margin-right:var(--list-margin-right)}.stzh-datalist--has-multiple-columns.sc-stzh-datalist{--stzh-datalist-item-nested-display:none}@media screen and (max-width: 599px){.stzh-datalist--table.stzh-datalist--big-label.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{--list-display:flex;flex-direction:column;gap:var(--stzh-space-xxxsmall)}}';const m=class{constructor(i){t(this,i);this.stzhVariantChange=s(this,"stzhVariantChange",7);this.stzhBigLabelChange=s(this,"stzhBigLabelChange",7);this.stzhDirectionChange=s(this,"stzhDirectionChange",7);this._items=[];this.setCurrentDirection=()=>{if(h("ultra").matches&&this.directionUltra){this.currentDirection=this.directionUltra}else if(h("large").matches&&this.directionLarge){this.currentDirection=this.directionLarge}else if(h("medium").matches&&this.directionMedium){this.currentDirection=this.directionMedium}else if(h("small").matches&&this.directionSmall){this.currentDirection=this.directionSmall}else{this.currentDirection=this.direction}};this.setCurrentColumns=()=>{if(h("ultra").matches&&this.columnsUltra){this.currentColumns=this.columnsUltra}else if(h("large").matches&&this.columnsLarge){this.currentColumns=this.columnsLarge}else if(h("medium").matches&&this.columnsMedium){this.currentColumns=this.columnsMedium}else if(h("small").matches&&this.columnsSmall){this.currentColumns=this.columnsSmall}else{this.currentColumns=this.columns}};this.resizeHandler=()=>{this.setCurrentDirection();this.setCurrentColumns()};this.variant="default";this.bigLabel=false;this.columns=1;this.columnsSmall=undefined;this.columnsMedium=undefined;this.columnsLarge=undefined;this.columnsUltra=undefined;this.direction="vertical";this.directionSmall=undefined;this.directionMedium=undefined;this.directionLarge=undefined;this.directionUltra=undefined;this.items=[];this.currentColumns=1;this.currentDirection=undefined}directionWatcher(){this.setCurrentDirection()}columnsWatcher(){this.setCurrentColumns()}currentDirectionWatcher(t){this.stzhDirectionChange.emit({component:"stzh-datalist",value:t})}variantWatcher(t){this.stzhVariantChange.emit({component:"stzh-datalist",value:t})}bigLabelWatcher(t){this.stzhBigLabelChange.emit({component:"stzh-datalist",value:t})}itemsWatcher(t){if(typeof t==="string"){this._items=JSON.parse(t)}else{this._items=t}}async getCurrentDirection(){return this.currentDirection}async componentWillLoad(){this.itemsWatcher(this.items);this.bigLabelWatcher(this.bigLabel);this.resizeHandler()}connectedCallback(){n(this.resizeHandler)}disconnectedCallback(){d(this.resizeHandler)}render(){const t={"stzh-datalist":true,"stzh-datalist--has-multiple-columns":this.currentColumns>1,"stzh-datalist--big-label":this.bigLabel,[`stzh-datalist--direction-${this.currentDirection}`]:!!this.currentDirection,[`stzh-datalist--${this.variant}`]:!!this.variant};return i(a,{"is-direction":this.currentDirection,style:{"--columns":this.currentColumns?this.currentColumns.toString():null}},i("div",{class:t},i("div",{class:"stzh-datalist__wrapper"},i("div",{class:"stzh-datalist__list",role:"list"},this._items.map((t=>i("stzh-datalist-item",Object.assign({},t),t.items&&t.items.length>0&&i("stzh-datalist",{items:t.items})))),i("slot",null)))))}get element(){return e(this)}static get watchers(){return{direction:["directionWatcher"],directionSmall:["directionWatcher"],directionMedium:["directionWatcher"],directionLarge:["directionWatcher"],directionUltra:["directionWatcher"],columns:["columnsWatcher"],columnsSmall:["columnsWatcher"],columnsMedium:["columnsWatcher"],columnsLarge:["columnsWatcher"],columnsUltra:["columnsWatcher"],currentDirection:["currentDirectionWatcher"],variant:["variantWatcher"],bigLabel:["bigLabelWatcher"],items:["itemsWatcher"]}}};m.style=r;const c='.sc-stzh-datalist-item-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-item-h,[stzh-hidden].sc-stzh-datalist-item-h{display:none}.sc-stzh-datalist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datalist-item-h *.sc-stzh-datalist-item,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::before,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-datalist-item-h .has-focus.sc-stzh-datalist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datalist-item-h .stzh-fylingfocus-focused.sc-stzh-datalist-item{outline-style:none !important}.sc-stzh-datalist-item-h .stzh-fylingfocus-focused.sc-stzh-datalist-item::-moz-focus-inner{border:0 !important}.sc-stzh-datalist-item-h{--value-font-family:var(--stzh-font-family-medium);--value-font-weight:var(--stzh-font-weight-medium);--value-color:inherit;--action-display:flex;--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%;display:contents}[href].sc-stzh-datalist-item-h:not([href=""]),[a11y-expanded].sc-stzh-datalist-item-h,[a11y-controls].sc-stzh-datalist-item-h{--value-color:var(--stzh-link-color);--value-hover-color:var(--stzh-link-hover-color)}.no-text-truncate.sc-stzh-datalist-item-h{--text-overflow:clip;--white-space:normal;--overflow:visible;--width:initial;--max-width:initial}.stzh-datalist-item.sc-stzh-datalist-item{position:relative;-webkit-text-decoration-line:none;text-decoration-line:none;display:var(--wrapper-display);align-items:center}.stzh-datalist-item__nested.sc-stzh-datalist-item{display:contents}.stzh-datalist-item__nested-inner.sc-stzh-datalist-item{display:var(--nested-display);grid-column:var(--full-grid-column)}.stzh-datalist-item__vhidden.sc-stzh-datalist-item{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-datalist-item__wrapper.sc-stzh-datalist-item{flex-grow:1;display:grid}.stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item__action-list.sc-stzh-datalist-item{color:inherit;display:flex;text-align:left;appearance:none;font-family:inherit;background:transparent;border:none;padding:0;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__leading.is-button.sc-stzh-datalist-item,.stzh-datalist-item__leading.is-link.sc-stzh-datalist-item,.stzh-datalist-item__value.is-button.sc-stzh-datalist-item,.stzh-datalist-item__value.is-link.sc-stzh-datalist-item,.stzh-datalist-item__label.is-button.sc-stzh-datalist-item,.stzh-datalist-item__label.is-link.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-button.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-link.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-button.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-link.sc-stzh-datalist-item{cursor:pointer}.stzh-datalist-item__leading.sc-stzh-datalist-item{flex-shrink:0}.stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--leading-icon-color);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value-wrapper.sc-stzh-datalist-item{display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--value-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value.sc-stzh-datalist-item{flex-grow:1;flex-direction:column}.stzh-datalist-item__value-text.sc-stzh-datalist-item{--color:initial;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);font-family:var(--value-font-family);font-weight:var(--value-font-weight);width:auto}@media screen and (min-width: 900px){.stzh-datalist-item__value-text.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datalist-item__meta.sc-stzh-datalist-item{justify-content:flex-end}.stzh-datalist-item__meta-text.sc-stzh-datalist-item{display:flex;gap:var(--stzh-space-xsmall);color:var(--stzh-color-grey70)}.stzh-datalist-item__label.sc-stzh-datalist-item{color:var(--stzh-color-grey90)}.stzh-datalist-item__action-list.sc-stzh-datalist-item{display:var(--action-display);justify-content:center;text-align:center}.stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-medium)}.stzh-datalist-item__action.is-non-interactive.sc-stzh-datalist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height)}.stzh-datalist-item__interactive.sc-stzh-datalist-item{position:absolute;top:0;left:0}.stzh-datalist-item__readspeaker.sc-stzh-datalist-item{width:-moz-fit-content;width:fit-content}.stzh-datalist-item--is-button.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-closed.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:inline-flex}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item .stzh-datalist-item__value-text.sc-stzh-datalist-item{-webkit-text-decoration-line:underline;text-decoration-line:underline}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value-wrapper.sc-stzh-datalist-item{color:var(--value-hover-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__wrapper.sc-stzh-datalist-item{flex-grow:inherit}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__wrapper.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{flex-direction:column;align-items:flex-start}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-bottom:var(--stzh-space-xxsmall);padding-top:calc(var(--stzh-space-xxsmall) + 0.75rem)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__readspeaker.sc-stzh-datalist-item{padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-xxsmall);padding-left:var(--stzh-space-medium)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta-status.sc-stzh-datalist-item+.stzh-datalist-item__meta-text.sc-stzh-datalist-item{margin-left:var(--stzh-space-xsmall)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item{color:var(--stzh-color-grey70)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__value-text.sc-stzh-datalist-item{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-small)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:var(--stzh-space-medium)}.stzh-datalist-item--table.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-medium)}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-grey80)}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:0;padding-bottom:0}@media screen and (min-width: 600px){.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty),.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-small)}}.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:var(--stzh-space-medium)}@media screen and (max-width: 599px){.stzh-datalist-item--table.stzh-datalist-item--big-label.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty)+.stzh-datalist-item__value.sc-stzh-datalist-item{padding-left:0}}';let z=0;const u=class{constructor(i){t(this,i);this.stzhItemActionClick=s(this,"stzhItemActionClick",7);this.stzhClick=s(this,"stzhClick",7);this._meta=[];this.external=false;this.isPhone=false;this.onActionClick=t=>{this.stzhItemActionClick.emit({component:"stzh-datalist-item",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-datalist-item",originalEvent:t,href:this.href})};this.handleDirectionChange=t=>{this.direction=t.detail.value};this.handleVariantChange=t=>{this.variant=t.detail.value};this.handleBigLabelChange=t=>{this.bigLabel=t.detail.value};this.localization=undefined;this.href=undefined;this.rel=undefined;this.target=undefined;this.download=undefined;this.leadingIcon=undefined;this.icon=undefined;this.iconPosition="right";this.iconLabel=undefined;this.iconTooltip=undefined;this.iconHref=undefined;this.label="";this.value="";this.noTextTruncate=false;this.readspeakerLabel="";this.readspeakerHref="";this.meta="";this.statusLabel="";this.statusType="default";this.a11yExpanded=undefined;this.a11yControls=undefined;this.direction="vertical";this.variant="default";this.bigLabel=false}metaWatcher(t){if(typeof t==="string"){try{this._meta=JSON.parse(t)}catch(s){this._meta=t===""?[]:[t]}}else{this._meta=t}}externalWatcher(){this.external=this.rel&&this.rel.includes("external")}hrefWatcher(){this.isPhone=this.href&&(this.href.startsWith("tel:")||this.href.startsWith("fax:"))}addWordBreakToLinks(){var t;const s=Array.from(((t=this.element)===null||t===void 0?void 0:t.getElementsByClassName("stzh-datalist-item__value-text"))||[]);o(s)}renderInner(t,s){const a=t?"button":this.href?"a":"div";const e=()=>i(l,null,(this.href||this.icon)&&!s&&!t&&i("div",{class:"stzh-datalist-item__label-icon"},i("stzh-icon",{class:"stzh-datalist-item__icon",name:this.icon?this.icon:this.isPhone?"phone":this.external&&"external-link"})),t&&i("div",{class:"stzh-datalist-item__label-icon"},i("stzh-icon",{class:"stzh-datalist-item__icon is-closed",name:this.icon?this.icon:"plus"}),i("stzh-icon",{class:"stzh-datalist-item__icon is-open",name:this.icon?this.icon:"minus"})));return i(l,null,this.variant==="table"&&i(a,{"aria-hidden":this.label?null:"true",tabindex:"-1",id:`${this.datalistItemId}-label`,class:{"stzh-datalist-item__label":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download,onClick:this.onClick},this.label),i(a,{id:`${this.datalistItemId}-value`,class:{"stzh-datalist-item__value":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download,"aria-labelledby":a!=="div"?`${this.variant==="table"?`${this.datalistItemId}-label`:""} ${this.datalistItemId}-value ${this.datalistItemId}-meta`:null,"aria-controls":this.a11yControls||null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,onClick:this.onClick},this.variant==="default"&&i("div",{class:"stzh-datalist-item__label"},this.label),this.external&&i("div",{class:"stzh-datalist-item__vhidden"},this.localization.$globals.externalLinkLabel),this.download&&i("div",{class:"stzh-datalist-item__vhidden"},this.localization.$globals.downloadLinkLabel),i("div",{class:"stzh-datalist-item__value-wrapper"},this.iconPosition==="left"&&i(e,null),this.value?i("stzh-text",{curve:"none",class:"stzh-datalist-item__value-text",innerHTML:this.value}):i("stzh-text",{curve:"none",class:"stzh-datalist-item__value-text"},i("slot",{name:"value"})),this.iconPosition==="right"&&i(e,null))),i(a,{"aria-hidden":this.statusLabel||this._meta.length>0?null:"true",tabindex:"-1",id:`${this.datalistItemId}-meta`,class:{"stzh-datalist-item__meta":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download,onClick:this.onClick},this.statusLabel&&i("stzh-status",{class:"stzh-datalist-item__meta-status",label:this.statusLabel,type:this.statusType}),this._meta.length>0&&i("span",{class:"stzh-datalist-item__meta-text"},this._meta.map(((t,s)=>i(l,null,i("span",{class:"stzh-datalist-item__meta-text-inner"},t),s+1!==this._meta.length&&i("span",{class:"stzh-datalist-item__meta-separator"},"|")))))),this.readspeakerHref&&this.readspeakerLabel&&i("stzh-button",{class:"stzh-datalist-item__readspeaker",variant:"tertiary-plain","no-padding-left":"true","no-padding-right":"true","icon-position":"right",icon:"volume-medium",size:"small",href:this.readspeakerHref,target:"_blank"},this.readspeakerLabel))}renderLeadingIcon(t){const s=t?"button":this.href?"a":"div";return i(s,{role:"presentation","aria-hidden":"true",tabindex:"-1",class:{"stzh-datalist-item__leading":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download,onClick:this.onClick},this.leadingIcon&&i("div",{class:"stzh-datalist-item__leading-icon-container"},i("stzh-icon",{class:"stzh-datalist-item__leading-icon",name:this.leadingIcon})))}async componentDidLoad(){this.connectedCallback();this.addWordBreakToLinks()}async componentWillLoad(){this.datalistItemId=`stzh-datalist-item-${z++}`;this.metaWatcher(this.meta);this.externalWatcher();this.hrefWatcher();if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datalist-item")}}async connectedCallback(){var t,s,i;this.datalist=this.element.closest("stzh-datalist");if(this.datalist){this.variant=this.datalist.variant;this.bigLabel=this.datalist.bigLabel;this.direction=await this.datalist.getCurrentDirection();(t=this.datalist)===null||t===void 0?void 0:t.addEventListener("stzhDirectionChange",this.handleDirectionChange);(s=this.datalist)===null||s===void 0?void 0:s.addEventListener("stzhVariantChange",this.handleVariantChange);(i=this.datalist)===null||i===void 0?void 0:i.addEventListener("stzhBigLabelChange",this.handleBigLabelChange)}}disconnectedCallback(){var t,s,i;if(this.datalist){(t=this.datalist)===null||t===void 0?void 0:t.removeEventListener("stzhDirectionChange",this.handleDirectionChange);(s=this.datalist)===null||s===void 0?void 0:s.removeEventListener("stzhVariantChange",this.handleVariantChange);(i=this.datalist)===null||i===void 0?void 0:i.removeEventListener("stzhBigLabelChange",this.handleBigLabelChange);this.datalist=null}}render(){const t=typeof this.a11yExpanded!=="undefined"||typeof this.a11yControls!=="undefined";const s=!!((!this.href||this.iconHref||this.iconTooltip)&&this.icon);const e={"stzh-datalist-item":true,"stzh-datalist-item--is-interactive":!!this.href||t,"stzh-datalist-item--is-link":!!this.href,"stzh-datalist-item--is-button":t,"stzh-datalist-item--is-expanded":this.a11yExpanded,"stzh-datalist-item--big-label":this.bigLabel,[`stzh-datalist-item--direction-${this.direction}`]:!!this.direction&&this.variant==="default",[`stzh-datalist-item--${this.variant}`]:!!this.variant};let h=t?"button":s?"div":"a";const n=()=>i("stzh-button",{class:{"stzh-datalist-item__action":true,"is-button":true},variant:"tertiary",size:"small","aria-label":this.iconLabel,iconOnly:true,href:this.iconHref,icon:this.icon,onClick:this.onActionClick});return i(a,{role:"listitem",class:{"no-text-truncate":!!this.href||this.noTextTruncate}},i("div",{class:e},this.direction==="horizontal"||this.variant==="table"?i(l,null,this.renderLeadingIcon(t),this.renderInner(t,s)):i(l,null,this.renderLeadingIcon(t),i("div",{class:"stzh-datalist-item__wrapper"},this.renderInner(t,s))),i(h,{role:s?null:"presentation","aria-hidden":s?null:"true",tabindex:"-1",class:{"stzh-datalist-item__action-list":true,"is-button":t,"is-link":!!this.href&&!this.iconHref},href:!this.iconHref?this.href:null,rel:!this.iconHref?this.rel:null,target:!this.iconHref?this.target:null,download:!this.iconHref?this.download:null},s&&(this.iconTooltip?i("stzh-tooltip",{content:this.iconTooltip},n()):n())),i("div",{class:"stzh-datalist-item__spacer"})),i("div",{class:"stzh-datalist-item__nested"},i("div",{class:"stzh-datalist-item__nested-inner"},i("slot",null))))}get element(){return e(this)}static get watchers(){return{meta:["metaWatcher"],rel:["externalWatcher"],href:["hrefWatcher"]}}};u.style=c;export{m as stzh_datalist,u as stzh_datalist_item};
+//# sourceMappingURL=p-129faf7d.entry.js.map

package/dist/stzh-components/p-129faf7d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhDatalistCss","StzhDatalist","this","_items","setCurrentDirection","media","matches","directionUltra","currentDirection","directionLarge","directionMedium","directionSmall","direction","setCurrentColumns","columnsUltra","currentColumns","columnsLarge","columnsMedium","columnsSmall","columns","resizeHandler","directionWatcher","columnsWatcher","currentDirectionWatcher","newValue","stzhDirectionChange","emit","component","value","variantWatcher","stzhVariantChange","bigLabelWatcher","stzhBigLabelChange","itemsWatcher","JSON","parse","getCurrentDirection","componentWillLoad","items","bigLabel","connectedCallback","addMediaChangeListener","disconnectedCallback","removeMediaChangeListener","render","classes","variant","h","Host","style","toString","class","role","map","item","Object","assign","length","stzhDatalistItemCss","datalistItemCounter","StzhDatalistItem","_meta","external","isPhone","onActionClick","originalEvent","stzhItemActionClick","onClick","event","stzhClick","href","handleDirectionChange","detail","handleVariantChange","handleBigLabelChange","metaWatcher","ex","externalWatcher","rel","includes","hrefWatcher","startsWith","addWordBreakToLinks","links","Array","from","_a","element","getElementsByClassName","renderInner","isButton","hasActionButton","Item","Icon","Fragment","icon","name","label","tabindex","id","datalistItemId","target","download","a11yControls","a11yExpanded","localization","$globals","externalLinkLabel","downloadLinkLabel","iconPosition","curve","innerHTML","statusLabel","type","statusType","meta","index","readspeakerHref","readspeakerLabel","size","renderLeadingIcon","leadingIcon","componentDidLoad","window","stzhComponents","utils","fetchTranslations","datalist","closest","addEventListener","_b","_c","removeEventListener","iconHref","iconTooltip","ActionItem","ActionButton","iconLabel","iconOnly","noTextTruncate","content"],"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"],"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(var(--columns), auto minmax(auto, 1fr) auto var(--columns-gap));\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(var(--columns), auto minmax(auto, 1fr) auto auto var(--columns-gap));\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(var(--columns), auto minmax(auto, 1fr) minmax(auto, 1fr) auto var(--columns-gap));\n    }\n  }\n\n  &[variant=\"table\"] {\n    --list-grid-template-columns: repeat(var(--columns), auto auto minmax(auto, 1fr) auto auto var(--columns-gap));\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(var(--columns), auto auto minmax(auto, 1fr) minmax(auto, 1fr) auto var(--columns-gap));\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\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    };\n\n    return (\n      <Host\n        is-direction={this.currentDirection}\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}>\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: ellipsis;\n  --white-space: nowrap;\n  --overflow: hidden;\n  --max-width: 100%;\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(.no-text-truncate) {\n  --text-overflow: clip;\n  --white-space: normal;\n  --overflow: visible;\n  --width: initial;\n  --max-width: initial;\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  }\n\n  &__value-text {\n    --color: initial;\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 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"],"mappings":"gLAAA,MAAMA,EAAkB,uoK,MCqBXC,EAAY,M,8LAsDfC,KAAAC,OAAkC,GAyElCD,KAAAE,oBAAsB,KAC5B,GAAIC,EAAM,SAASC,SAAWJ,KAAKK,eAAgB,CACjDL,KAAKM,iBAAmBN,KAAKK,c,MACxB,GAAIF,EAAM,SAASC,SAAWJ,KAAKO,eAAgB,CACxDP,KAAKM,iBAAmBN,KAAKO,c,MACxB,GAAIJ,EAAM,UAAUC,SAAWJ,KAAKQ,gBAAiB,CAC1DR,KAAKM,iBAAmBN,KAAKQ,e,MACxB,GAAIL,EAAM,SAASC,SAAWJ,KAAKS,eAAgB,CACxDT,KAAKM,iBAAmBN,KAAKS,c,KACxB,CACLT,KAAKM,iBAAmBN,KAAKU,S,GAIzBV,KAAAW,kBAAoB,KAC1B,GAAIR,EAAM,SAASC,SAAWJ,KAAKY,aAAc,CAC/CZ,KAAKa,eAAiBb,KAAKY,Y,MACtB,GAAIT,EAAM,SAASC,SAAWJ,KAAKc,aAAc,CACtDd,KAAKa,eAAiBb,KAAKc,Y,MACtB,GAAIX,EAAM,UAAUC,SAAWJ,KAAKe,cAAe,CACxDf,KAAKa,eAAiBb,KAAKe,a,MACtB,GAAIZ,EAAM,SAASC,SAAWJ,KAAKgB,aAAc,CACtDhB,KAAKa,eAAiBb,KAAKgB,Y,KACtB,CACLhB,KAAKa,eAAiBb,KAAKiB,O,GAI/BjB,KAAAkB,cAAgB,KACdlB,KAAKE,sBACLF,KAAKW,mBAAmB,E,aA3J8B,U,cAGX,M,aAGF,E,gIAeiB,W,oIA8BV,G,oBAuEhB,E,gCApDlC,gBAAAQ,GACEnB,KAAKE,qB,CAQP,cAAAkB,GACEpB,KAAKW,mB,CAIP,uBAAAU,CAAwBC,GACtBtB,KAAKuB,oBAAoBC,KAAK,CAC5BC,UAAW,gBACXC,MAAOJ,G,CAKX,cAAAK,CAAeL,GACbtB,KAAK4B,kBAAkBJ,KAAK,CAC1BC,UAAW,gBACXC,MAAOJ,G,CAKX,eAAAO,CAAgBP,GACdtB,KAAK8B,mBAAmBN,KAAK,CAC3BC,UAAW,gBACXC,MAAOJ,G,CAKX,YAAAS,CAAaT,GACX,UAAWA,IAAa,SAAU,CAChCtB,KAAKC,OAAS+B,KAAKC,MAAMX,E,KACpB,CACLtB,KAAKC,OAASqB,C,EAMlB,yBAAMY,GACJ,OAAOlC,KAAKM,gB,CAuCd,uBAAM6B,GACJnC,KAAK+B,aAAa/B,KAAKoC,OACvBpC,KAAK6B,gBAAgB7B,KAAKqC,UAC1BrC,KAAKkB,e,CAGP,iBAAAoB,GACEC,EAAuBvC,KAAKkB,c,CAG9B,oBAAAsB,GACEC,EAA0BzC,KAAKkB,c,CAGjC,MAAAwB,GACE,MAAMC,EAAU,CACd,gBAAiB,KACjB,sCAAuC3C,KAAKa,eAAiB,EAC7D,2BAA4Bb,KAAKqC,SACjC,CAAC,4BAA4BrC,KAAKM,sBAAuBN,KAAKM,iBAC9D,CAAC,kBAAkBN,KAAK4C,aAAc5C,KAAK4C,SAG7C,OACEC,EAACC,EAAI,gBACW9C,KAAKM,iBACnByC,MAAO,CACL,YAAa/C,KAAKa,eAAiBb,KAAKa,eAAemC,WAAa,OAGtEH,EAAA,OAAKI,MAAON,GACVE,EAAA,OAAKI,MAAM,0BACTJ,EAAA,OAAKI,MAAM,sBAAsBC,KAAK,QACnClD,KAAKC,OAAOkD,KAAIC,GACfP,EAAA,qBAAAQ,OAAAC,OAAA,GAAwBF,GACrBA,EAAKhB,OAASgB,EAAKhB,MAAMmB,OAAS,GAAKV,EAAA,iBAAeT,MAAOgB,EAAKhB,WAGvES,EAAA,gB,ghBC3Nd,MAAMW,EAAsB,0vaCgB5B,IAAIC,EAAsB,E,MAYbC,EAAgB,M,uHAmDnB1D,KAAA2D,MAAkB,GAiDlB3D,KAAA4D,SAAoB,MACpB5D,KAAA6D,QAAmB,MAInB7D,KAAA8D,cAAiBC,IACvB/D,KAAKgE,oBAAoBxC,KAAK,CAC5BC,UAAW,qBACXsC,iBACA,EAGI/D,KAAAiE,QAAWC,IACjBlE,KAAKmE,UAAU3C,KAAK,CAClBC,UAAW,qBACXsC,cAAeG,EACfE,KAAMpE,KAAKoE,MACX,EAGIpE,KAAAqE,sBAAyBH,IAC/BlE,KAAKU,UAAYwD,EAAMI,OAAO5C,KAAK,EAG7B1B,KAAAuE,oBAAuBL,IAC7BlE,KAAK4C,QAAUsB,EAAMI,OAAO5C,KAAK,EAG3B1B,KAAAwE,qBAAwBN,IAC9BlE,KAAKqC,SAAW6B,EAAMI,OAAO5C,KAAK,E,kLA1GK,Q,uFAYjB,G,WAGA,G,oBAGU,M,sBAGC,G,qBAGD,G,UAGiB,G,iBAIJ,G,gBAGV,U,uEAuCO,W,aACJ,U,cACX,K,CAxB7B,WAAA+C,CAAYnD,GACV,UAAWA,IAAa,SAAU,CAChC,IACEtB,KAAK2D,MAAQ3B,KAAKC,MAAMX,E,CACxB,MAAOoD,GACP1E,KAAK2D,MAAQrC,IAAa,GAAK,GAAK,CAACA,E,MAElC,CACLtB,KAAK2D,MAAQrC,C,EAKjB,eAAAqD,GACE3E,KAAK4D,SAAW5D,KAAK4E,KAAO5E,KAAK4E,IAAIC,SAAS,W,CAIhD,WAAAC,GACE9E,KAAK6D,QAAU7D,KAAKoE,OAASpE,KAAKoE,KAAKW,WAAW,SAAW/E,KAAKoE,KAAKW,WAAW,Q,CAuC5E,mBAAAC,G,MACN,MAAMC,EAAQC,MAAMC,OAClBC,EAAApF,KAAKqF,WAAO,MAAAD,SAAA,SAAAA,EAAEE,uBAAuB,oCAAqC,IAE5EN,EAAoBC,E,CAGd,WAAAM,CAAYC,EAAmBC,GACrC,MAAMC,EAAOF,EAAW,SAAWxF,KAAKoE,KAAO,IAAM,MAErD,MAAMuB,EAAO,IACX9C,EAAC+C,EAAQ,MACL5F,KAAKoE,MAAQpE,KAAK6F,QAAUJ,IAAoBD,GAChD3C,EAAA,OAAKI,MAAM,kCACTJ,EAAA,aACEI,MAAM,2BACN6C,KAAM9F,KAAK6F,KAAO7F,KAAK6F,KAAO7F,KAAK6D,QAAU,QAAU7D,KAAK4D,UAAY,mBAK7E4B,GACC3C,EAAA,OAAKI,MAAM,kCACTJ,EAAA,aAAWI,MAAM,qCAAqC6C,KAAM9F,KAAK6F,KAAO7F,KAAK6F,KAAO,SACpFhD,EAAA,aAAWI,MAAM,mCAAmC6C,KAAM9F,KAAK6F,KAAO7F,KAAK6F,KAAO,YAM1F,OACEhD,EAAC+C,EAAQ,KACN5F,KAAK4C,UAAY,SAChBC,EAAC6C,EAAI,eACU1F,KAAK+F,MAAQ,KAAO,OACjCC,SAAS,KACTC,GAAI,GAAGjG,KAAKkG,uBACZjD,MAAO,CACL,4BAA6B,KAC7B,YAAauC,EACb,YAAaxF,KAAKoE,MAEpBA,KAAMpE,KAAKoE,KACXQ,IAAK5E,KAAK4E,IACVuB,OAAQnG,KAAKmG,OACbC,SAAUpG,KAAKoG,SACfnC,QAASjE,KAAKiE,SAEbjE,KAAK+F,OAIVlD,EAAC6C,EAAI,CACHO,GAAI,GAAGjG,KAAKkG,uBACZjD,MAAO,CACL,4BAA6B,KAC7B,YAAauC,EACb,YAAaxF,KAAKoE,MAEpBA,KAAMpE,KAAKoE,KACXQ,IAAK5E,KAAK4E,IACVuB,OAAQnG,KAAKmG,OACbC,SAAUpG,KAAKoG,SAAQ,kBAGrBV,IAAS,MACL,GAAG1F,KAAK4C,UAAY,QAAU,GAAG5C,KAAKkG,uBAAyB,MAAMlG,KAAKkG,wBACxElG,KAAKkG,sBAEP,KAAI,gBAEKlG,KAAKqG,cAAgB,KAAI,uBAClBrG,KAAKsG,eAAiB,YAAetG,KAAKsG,aAAe,OAAS,QAAW,KACnGrC,QAASjE,KAAKiE,SAEbjE,KAAK4C,UAAY,WAAaC,EAAA,OAAKI,MAAM,6BAA6BjD,KAAK+F,OAE3E/F,KAAK4D,UACJf,EAAA,OAAKI,MAAM,+BAA+BjD,KAAKuG,aAAaC,SAASC,mBAEtEzG,KAAKoG,UACJvD,EAAA,OAAKI,MAAM,+BAA+BjD,KAAKuG,aAAaC,SAASE,mBAGvE7D,EAAA,OAAKI,MAAM,qCACRjD,KAAK2G,eAAiB,QAAU9D,EAAC8C,EAAI,MACrC3F,KAAK0B,MACJmB,EAAA,aAAW+D,MAAM,OAAO3D,MAAM,iCAAiC4D,UAAW7G,KAAK0B,QAE/EmB,EAAA,aAAW+D,MAAM,OAAO3D,MAAM,kCAC5BJ,EAAA,QAAMiD,KAAK,WAGd9F,KAAK2G,eAAiB,SAAW9D,EAAC8C,EAAI,QAI3C9C,EAAC6C,EAAI,eACU1F,KAAK8G,aAAe9G,KAAK2D,MAAMJ,OAAS,EAAI,KAAO,OAChEyC,SAAS,KACTC,GAAI,GAAGjG,KAAKkG,sBACZjD,MAAO,CACL,2BAA4B,KAC5B,YAAauC,EACb,YAAaxF,KAAKoE,MAEpBA,KAAMpE,KAAKoE,KACXQ,IAAK5E,KAAK4E,IACVuB,OAAQnG,KAAKmG,OACbC,SAAUpG,KAAKoG,SACfnC,QAASjE,KAAKiE,SAEbjE,KAAK8G,aACJjE,EAAA,eACEI,MAAM,kCACN8C,MAAO/F,KAAK8G,YACZC,KAAM/G,KAAKgH,aAGdhH,KAAK2D,MAAMJ,OAAS,GACnBV,EAAA,QAAMI,MAAM,iCACTjD,KAAK2D,MAAMR,KAAI,CAAC8D,EAAMC,IACrBrE,EAAC+C,EAAQ,KACP/C,EAAA,QAAMI,MAAM,uCAAuCgE,GAClDC,EAAQ,IAAMlH,KAAK2D,MAAMJ,QAAUV,EAAA,QAAMI,MAAM,sCAAoC,UAO7FjD,KAAKmH,iBAAmBnH,KAAKoH,kBAC5BvE,EAAA,eACEI,MAAM,kCACNL,QAAQ,iBAAgB,kBACR,OAAM,mBACL,OAAM,gBACT,QACdiD,KAAK,gBACLwB,KAAK,QACLjD,KAAMpE,KAAKmH,gBACXhB,OAAO,UAENnG,KAAKoH,kB,CAOR,iBAAAE,CAAkB9B,GACxB,MAAME,EAAOF,EAAW,SAAWxF,KAAKoE,KAAO,IAAM,MAErD,OACEvB,EAAC6C,EAAI,CACHxC,KAAK,eAAc,cACP,OACZ8C,SAAS,KACT/C,MAAO,CACL,8BAA+B,KAC/B,YAAauC,EACb,YAAaxF,KAAKoE,MAEpBA,KAAMpE,KAAKoE,KACXQ,IAAK5E,KAAK4E,IACVuB,OAAQnG,KAAKmG,OACbC,SAAUpG,KAAKoG,SACfnC,QAASjE,KAAKiE,SAEbjE,KAAKuH,aACJ1E,EAAA,OAAKI,MAAM,8CACTJ,EAAA,aAAWI,MAAM,mCAAmC6C,KAAM9F,KAAKuH,e,CAOzE,sBAAMC,GAEJxH,KAAKsC,oBACLtC,KAAKgF,qB,CAGP,uBAAM7C,GACJnC,KAAKkG,eAAiB,sBAAsBzC,MAC5CzD,KAAKyE,YAAYzE,KAAKiH,MACtBjH,KAAK2E,kBACL3E,KAAK8E,cAEL,IAAK9E,KAAKuG,aAAc,CACtBvG,KAAKuG,mBAAqBkB,OAAOC,eAAeC,MAAMC,kBAAkB5H,KAAKqF,QAAS,gB,EAI1F,uBAAM/C,G,UACJtC,KAAK6H,SAAW7H,KAAKqF,QAAQyC,QAAQ,iBAErC,GAAI9H,KAAK6H,SAAU,CACjB7H,KAAK4C,QAAU5C,KAAK6H,SAASjF,QAC7B5C,KAAKqC,SAAWrC,KAAK6H,SAASxF,SAC9BrC,KAAKU,gBAAkBV,KAAK6H,SAAS3F,uBAErCkD,EAAApF,KAAK6H,YAAQ,MAAAzC,SAAA,SAAAA,EAAE2C,iBAAiB,sBAAuB/H,KAAKqE,wBAC5D2D,EAAAhI,KAAK6H,YAAQ,MAAAG,SAAA,SAAAA,EAAED,iBAAiB,oBAAqB/H,KAAKuE,sBAC1D0D,EAAAjI,KAAK6H,YAAQ,MAAAI,SAAA,SAAAA,EAAEF,iBAAiB,qBAAsB/H,KAAKwE,qB,EAI/D,oBAAAhC,G,UACE,GAAIxC,KAAK6H,SAAU,EACjBzC,EAAApF,KAAK6H,YAAQ,MAAAzC,SAAA,SAAAA,EAAE8C,oBAAoB,sBAAuBlI,KAAKqE,wBAC/D2D,EAAAhI,KAAK6H,YAAQ,MAAAG,SAAA,SAAAA,EAAEE,oBAAoB,oBAAqBlI,KAAKuE,sBAC7D0D,EAAAjI,KAAK6H,YAAQ,MAAAI,SAAA,SAAAA,EAAEC,oBAAoB,qBAAsBlI,KAAKwE,sBAC9DxE,KAAK6H,SAAW,I,EAIpB,MAAAnF,GACE,MAAM8C,SAAkBxF,KAAKsG,eAAiB,oBAAsBtG,KAAKqG,eAAiB,YAE1F,MAAMZ,OAAuBzF,KAAKoE,MAAQpE,KAAKmI,UAAYnI,KAAKoI,cAAgBpI,KAAK6F,MAErF,MAAMlD,EAAU,CACd,qBAAsB,KACtB,uCAAwC3C,KAAKoE,MAAQoB,EACrD,gCAAiCxF,KAAKoE,KACtC,gCAAiCoB,EACjC,kCAAmCxF,KAAKsG,aACxC,gCAAiCtG,KAAKqC,SACtC,CAAC,iCAAiCrC,KAAKU,eAAgBV,KAAKU,WAAaV,KAAK4C,UAAY,UAC1F,CAAC,uBAAuB5C,KAAK4C,aAAc5C,KAAK4C,SAGlD,IAAIyF,EAAa7C,EAAW,SAAWC,EAAkB,MAAQ,IAEjE,MAAM6C,EAAe,IAEjBzF,EAAA,eACEI,MAAO,CACL,6BAA8B,KAC9B,YAAa,MAEfL,QAAQ,WACRyE,KAAK,QAAO,aACArH,KAAKuI,UACjBC,SAAU,KACVpE,KAAMpE,KAAKmI,SACXtC,KAAM7F,KAAK6F,KACX5B,QAASjE,KAAK8D,gBAKpB,OACEjB,EAACC,EAAI,CAACI,KAAK,WAAWD,MAAO,CAAC,qBAAsBjD,KAAKoE,MAAQpE,KAAKyI,iBACpE5F,EAAA,OAAKI,MAAON,GACT3C,KAAKU,YAAc,cAAgBV,KAAK4C,UAAY,QACnDC,EAAC+C,EAAQ,KACN5F,KAAKsH,kBAAkB9B,GACvBxF,KAAKuF,YAAYC,EAAUC,IAG9B5C,EAAC+C,EAAQ,KACN5F,KAAKsH,kBAAkB9B,GACxB3C,EAAA,OAAKI,MAAM,+BAA+BjD,KAAKuF,YAAYC,EAAUC,KAGzE5C,EAACwF,EAAU,CACTnF,KAAMuC,EAAkB,KAAO,eAAc,cAChCA,EAAkB,KAAO,OACtCO,SAAS,KACT/C,MAAO,CACL,kCAAmC,KACnC,YAAauC,EACb,YAAaxF,KAAKoE,OAASpE,KAAKmI,UAElC/D,MAAOpE,KAAKmI,SAAWnI,KAAKoE,KAAO,KACnCQ,KAAM5E,KAAKmI,SAAWnI,KAAK4E,IAAM,KACjCuB,QAASnG,KAAKmI,SAAWnI,KAAKmG,OAAS,KACvCC,UAAWpG,KAAKmI,SAAWnI,KAAKoG,SAAW,MAE1CX,IACEzF,KAAKoI,YACJvF,EAAA,gBAAc6F,QAAS1I,KAAKoI,aAAcE,KAE1CA,MAINzF,EAAA,OAAKI,MAAM,gCAGbJ,EAAA,OAAKI,MAAM,8BACTJ,EAAA,OAAKI,MAAM,oCACTJ,EAAA,e"}