@oiz/stzh-components 2.7.0 → 2.8.0-beta

package/dist/esm-es5/stzh-cspace.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["stzhCspaceCss","StzhCspace","prototype","render","classes","h","Host","class"],"sources":["src/components/stzh-cspace/stzh-cspace.scss?tag=stzh-cspace&encapsulation=scoped","src/components/stzh-cspace/stzh-cspace.tsx"],"sourcesContent":[":host {\n  @include clearfix;\n  clear: both;\n\n  ::slotted(stzh-input),\n  ::slotted(stzh-datepicker),\n  ::slotted(stzh-dropdown),\n  ::slotted(stzh-langnav),\n  ::slotted(stzh-fieldset),\n  ::slotted(stzh-actions),\n  ::slotted(stzh-upload),\n  ::slotted(stzh-checkbox),\n  ::slotted(stzh-checkboxgroup),\n  ::slotted(stzh-radio),\n  ::slotted(stzh-radiogroup) {\n    margin-top: space('large');\n    margin-bottom: space('large');\n  }\n\n  ::slotted(h1),\n  ::slotted(stzh-heading[level=\"1\"]),\n  ::slotted(h2),\n  ::slotted(stzh-heading[level=\"2\"]) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(h3),\n  ::slotted(stzh-heading[level=\"3\"]),\n  ::slotted(h4),\n  ::slotted(stzh-heading[level=\"4\"]) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(p),\n  ::slotted(stzh-text),\n  ::slotted(stzh-contact),\n  ::slotted(ul),\n  ::slotted(ol),\n  ::slotted(dl),\n  ::slotted(stzh-list) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  ::slotted(stzh-text[curve=\"hero\"]),\n  ::slotted(stzh-heading[curve=\"hero\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"h1\"]),\n  ::slotted(stzh-heading[curve=\"h1\"]),\n  ::slotted(stzh-text[curve=\"h2\"]),\n  ::slotted(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"h1\"]),\n  ::slotted(stzh-heading[curve=\"h1\"]),\n  ::slotted(stzh-text[curve=\"h2\"]),\n  ::slotted(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-top', 'large');\n  }\n\n  ::slotted(stzh-text[curve=\"h3\"]),\n  ::slotted(stzh-heading[curve=\"h3\"]),\n  ::slotted(stzh-text[curve=\"h4\"]),\n  ::slotted(stzh-heading[curve=\"h4\"]) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"p1\"]),\n  ::slotted(stzh-text[curve=\"p2\"]),\n  ::slotted(stzh-heading[curve=\"p1\"]),\n  ::slotted(stzh-heading[curve=\"p2\"]) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  ::slotted(*) .section,\n  ::slotted(.section),\n  ::slotted(stzh-anchornav),\n  ::slotted(stzh-audio),\n  ::slotted(stzh-microsite-teaserlist),\n  ::slotted(stzh-olmap),\n  ::slotted(stzh-textandimage),\n  ::slotted(stzh-figure),\n  ::slotted(stzh-chart),\n  ::slotted(stzh-sitemap),\n  ::slotted(stzh-datalist),\n  ::slotted(stzh-richtext),\n  ::slotted(stzh-progressbar),\n  ::slotted(stzh-section),\n  ::slotted(stzh-hr) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'large');\n  }\n\n  ::slotted(*) .contextparsys,\n  ::slotted(*) .section.has-invert {\n    @include spaceCurve('margin-top', 'big');\n    @include spaceCurve('margin-bottom', 'big');\n  }\n\n  ::slotted(*) .section.has-invert stzh-invert stzh-container {\n    @include spaceCurve('padding-top', 'large');\n    @include spaceCurve('padding-bottom', 'large');\n  }\n\n  ::slotted(*) .section.has-sticky {\n    display: contents;\n  }\n\n  ::slotted(*) .section.has-pagetitle,\n  ::slotted(stzh-pagetitle),\n  ::slotted(*) .section.has-table,\n  ::slotted(stzh-table),\n  ::slotted(*) .section.has-datatable,\n  ::slotted(stzh-datatable) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(*) .section.has-anchornav,\n  ::slotted(stzh-anchornav) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(*) .section.has-actions,\n  ::slotted(stzh-actions) {\n    margin-top: space('xxlarge');\n\n    &[variant=\"process\"] {\n      margin-top: space('large');\n    }\n  }\n\n  ::slotted(*) .section.has-fieldset,\n  ::slotted(stzh-fieldset) {\n    margin-top: space('large');\n    margin-bottom: space('large');\n\n    &[legend] {\n      margin-top: space('xxlarge');\n    }\n  }\n\n  ::slotted(stzh-heading[level=\"4\"] + stzh-datalist),\n  ::slotted(stzh-heading[curve=\"h4\"] + stzh-datalist) {\n    margin-top: 0;\n  }\n\n  // Remove edge margin\n\n  ::slotted(*) .section:first-child,\n  ::slotted(*) .section[no-cspace-top],\n  ::slotted(*) .contextparsys:first-child,\n  ::slotted(*) .contextparsys[no-cspace-top],\n  ::slotted(:first-child),\n  ::slotted([no-cspace-top]) {\n    margin-top: 0 !important;\n  }\n\n  ::slotted(*) .section:last-child,\n  ::slotted(*) .section[no-cspace-bottom],\n  ::slotted(*) .contextparsys:last-child,\n  ::slotted(*) .contextparsys[no-cspace-bottom],\n  ::slotted(:last-child),\n  ::slotted([no-cspace-bottom]) {\n    margin-bottom: 0 !important;\n  }\n}\n","import {\n  Component,\n  Host,\n  h\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n  tag: \"stzh-cspace\",\n  styleUrl: \"stzh-cspace.scss\",\n  scoped: true\n})\nexport class StzhCspace {\n  render() {\n    const classes = {\n      \"stzh-cspace\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,cAAgB,u5nB,ICcTC,WAAU,W,uCACrBA,EAAAC,UAAAC,OAAA,WACE,IAAMC,EAAU,CACd,cAAe,MAGjB,OACEC,EAACC,KAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c,WATa,G"}
+{"version":3,"names":["stzhCspaceCss","StzhCspace","prototype","render","classes","h","Host","class"],"sources":["src/components/stzh-cspace/stzh-cspace.scss?tag=stzh-cspace&encapsulation=shadow","src/components/stzh-cspace/stzh-cspace.tsx"],"sourcesContent":[":host {\n  ::slotted(stzh-input),\n  ::slotted(stzh-datepicker),\n  ::slotted(stzh-dropdown),\n  ::slotted(stzh-langnav),\n  ::slotted(stzh-fieldset),\n  ::slotted(stzh-actions),\n  ::slotted(stzh-upload),\n  ::slotted(stzh-saptcha),\n  ::slotted(stzh-checkboxgroup),\n  ::slotted(stzh-radiogroup),\n  ::slotted(stzh-message) {\n    margin-top: space('large');\n    margin-bottom: space('large');\n  }\n\n  ::slotted(h1),\n  ::slotted(stzh-heading[level=\"1\"]),\n  ::slotted(h2),\n  ::slotted(stzh-heading[level=\"2\"]) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(h3),\n  ::slotted(stzh-heading[level=\"3\"]),\n  ::slotted(h4),\n  ::slotted(stzh-heading[level=\"4\"]) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(p),\n  ::slotted(stzh-text),\n  ::slotted(ul),\n  ::slotted(ol),\n  ::slotted(dl),\n  ::slotted(stzh-list) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  ::slotted(stzh-text[curve=\"hero\"]),\n  ::slotted(stzh-heading[curve=\"hero\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"h1\"]),\n  ::slotted(stzh-heading[curve=\"h1\"]),\n  ::slotted(stzh-text[curve=\"h2\"]),\n  ::slotted(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"h1\"]),\n  ::slotted(stzh-heading[curve=\"h1\"]),\n  ::slotted(stzh-text[curve=\"h2\"]),\n  ::slotted(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-top', 'large');\n  }\n\n  ::slotted(stzh-text[curve=\"h3\"]),\n  ::slotted(stzh-heading[curve=\"h3\"]),\n  ::slotted(stzh-text[curve=\"h4\"]),\n  ::slotted(stzh-heading[curve=\"h4\"]) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"p1\"]),\n  ::slotted(stzh-text[curve=\"p2\"]),\n  ::slotted(stzh-heading[curve=\"p1\"]),\n  ::slotted(stzh-heading[curve=\"p2\"]) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  ::slotted(.section),\n  ::slotted(stzh-accordion), // TODO: design missing default spacing, we gonna use the most common one\n  ::slotted(stzh-anchornav),\n  ::slotted(stzh-audio), // TOOD: design is using small curve as default spacing, but large looks better\n  ::slotted(stzh-microsite-teaserlist),\n  ::slotted(stzh-textandimage),\n  ::slotted(stzh-figure),\n  ::slotted(stzh-chart),\n  ::slotted(stzh-sitemap),\n  ::slotted(stzh-section),\n  ::slotted(stzh-hr) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'large');\n  }\n\n  ::slotted(stzh-olmap),\n  ::slotted(stzh-anchornav) {\n    @include spaceCurve('margin-top', 'medium');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-contact),\n  ::slotted(stzh-card) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  ::slotted(stzh-table),\n  ::slotted(stzh-datatable) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-pagetitle) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-pagebottom) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(stzh-progressbar) {\n    @include spaceCurve('margin-top', 'big');\n  }\n\n  ::slotted(stzh-pagination) {\n    margin-top: space('medium');\n    margin-bottom: space('medium');\n  }\n\n  ::slotted(stzh-actions) {\n    margin-top: space('xxlarge');\n\n    &[variant=\"process\"] {\n      margin-top: space('large');\n    }\n  }\n\n  ::slotted(stzh-fieldset) {\n    margin-top: space('large');\n    margin-bottom: space('large');\n\n    &[legend] {\n      margin-top: space('xxlarge');\n    }\n  }\n\n  ::slotted(stzh-heading[level=\"4\"] + stzh-datalist),\n  ::slotted(stzh-heading[curve=\"h4\"] + stzh-datalist) {\n    margin-top: 0;\n  }\n}\n\n// Remove edge margin\n\n:host([remove-first-margin]:not([remove-first-margin=\"false\"])) {\n  ::slotted(:first-child),\n  ::slotted([no-cspace-top]) {\n    margin-top: 0 !important;\n  }\n}\n\n:host([remove-last-margin]:not([remove-last-margin=\"false\"])) {\n  ::slotted(:last-child),\n  ::slotted([no-cspace-bottom]) {\n    margin-bottom: 0 !important;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n  tag: \"stzh-cspace\",\n  styleUrl: \"stzh-cspace.scss\",\n  shadow: true\n})\nexport class StzhCspace {\n  /** Whether first top margin of first child component should be set to 0. */\n  @Prop({ reflect: true }) removeFirstMargin: boolean = true;\n\n  /** Whether last bottom margin of last child component should be set to 0. */\n  @Prop({ reflect: true }) removeLastMargin: boolean = true;\n\n  render() {\n    const classes = {\n      \"stzh-cspace\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,cAAgB,mha,ICeTC,WAAU,W,8DAEiC,K,sBAGD,I,CAErDA,EAAAC,UAAAC,OAAA,WACE,IAAMC,EAAU,CACd,cAAe,MAGjB,OACEC,EAACC,KAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c,WAfa,G"}

package/dist/esm-es5/stzh-datalist_2.entry.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,i,e,a){function s(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,n){function l(t){try{h(a.next(t))}catch(t){n(t)}}function r(t){try{h(a["throw"](t))}catch(t){n(t)}}function h(t){t.done?e(t.value):s(t.value).then(l,r)}h((a=a.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,s,n,l;return l={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function r(t){return function(i){return h([t,i])}}function h(r){if(a)throw new TypeError("Generator is already executing.");while(l&&(l=0,r[0]&&(e=0)),e)try{if(a=1,s&&(n=r[0]&2?s["return"]:r[0]?s["throw"]||((n=s["return"])&&n.call(s),0):s.next)&&!(n=n.call(s,r[1])).done)return n;if(s=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:e.label++;return{value:r[1],done:false};case 5:e.label++;s=r[1];r=[0];continue;case 7:r=e.ops.pop();e.trys.pop();continue;default:if(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){e=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]<n[3])){e.label=r[1];break}if(r[0]===6&&e.label<n[1]){e.label=n[1];n=r;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(r);break}if(n[2])e.ops.pop();e.trys.pop();continue}r=i.call(t,e)}catch(t){r=[6,t];s=0}finally{a=n=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement,F as Fragment}from"./index-67fd55c9.js";import{m as media,a as addMediaChangeListener,r as removeMediaChangeListener}from"./media-utils-9b041ceb.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhDatalistCss=".sc-stzh-datalist-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-h{display:none}.sc-stzh-datalist-h *.sc-stzh-datalist,.sc-stzh-datalist-h *.sc-stzh-datalist::before,.sc-stzh-datalist-h *.sc-stzh-datalist::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-datalist-h{--item-label-min-width:7.5rem}@media screen and (min-width: 800px){.sc-stzh-datalist-h{--item-label-min-width:9rem}}[disable-label-min-width].sc-stzh-datalist-h:not([disable-label-min-width=false]){--item-label-min-width:none}.sc-stzh-datalist-h .sc-stzh-datalist-s>stzh-details,.stzh-datalist.sc-stzh-datalist stzh-details.sc-stzh-datalist{--content-grid-column:1 / 6;--content-padding:var(--stzh-space-large) 0 var(--stzh-space-xlarge);--content-border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.sc-stzh-datalist-h .sc-stzh-datalist-s>stzh-details,.stzh-datalist.sc-stzh-datalist stzh-details.sc-stzh-datalist{--content-padding:var(--stzh-space-large) 0 var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-datalist-h .sc-stzh-datalist-s>stzh-details,.stzh-datalist.sc-stzh-datalist stzh-details.sc-stzh-datalist{--content-padding:var(--stzh-space-large) 0 var(--stzh-space-xxxlarge)}}.stzh-datalist__list.sc-stzh-datalist{width:100%}.stzh-datalist--has-hidden-border.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{margin-top:calc(var(--stzh-space-xsmall) / -2);margin-bottom:calc(var(--stzh-space-xsmall) / -2)}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{width:100%;display:grid;border-collapse:collapse;grid-template-columns:auto auto minmax(auto, 1fr) auto auto;-ms-flex-align:stretch;align-items:stretch}";var StzhDatalist=function(){function t(t){var i=this;registerInstance(this,t);this.stzhDirectionChange=createEvent(this,"stzhDirectionChange",7);this.stzhHideBorderChange=createEvent(this,"stzhHideBorderChange",7);this._items=[];this.resizeHandler=function(){if(media("ultra").matches&&i.directionUltra!=="inherit"){i.currentDirection=i.directionUltra}else if(media("large").matches&&i.directionLarge!=="inherit"){i.currentDirection=i.directionLarge}else if(media("medium").matches&&i.directionMedium!=="inherit"){i.currentDirection=i.directionMedium}else if(media("small").matches&&i.directionSmall!=="inherit"){i.currentDirection=i.directionSmall}else{i.currentDirection=i.direction}};this.direction="vertical";this.directionSmall="horizontal";this.directionMedium="inherit";this.directionLarge="inherit";this.directionUltra="inherit";this.hideBorder=false;this.disableLabelMinWidth=false;this.currentDirection=undefined;this.items=[]}t.prototype.hideBorderWatcher=function(t){this.stzhHideBorderChange.emit({component:"stzh-datalist",value:t})};t.prototype.directionWatcher=function(){this.resizeHandler()};t.prototype.currentDirectionWatcher=function(t){this.stzhDirectionChange.emit({component:"stzh-datalist",value:t})};t.prototype.itemsWatcher=function(t){if(typeof t==="string"){this._items=JSON.parse(t)}else{this._items=t}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.itemsWatcher(this.items);this.hideBorderWatcher(this.hideBorder);this.resizeHandler();return[2]}))}))};t.prototype.connectedCallback=function(){addMediaChangeListener(this.resizeHandler)};t.prototype.disconnectedCallback=function(){removeMediaChangeListener(this.resizeHandler)};t.prototype.render=function(){var t;var i=(t={"stzh-datalist":true,"stzh-datalist--has-hidden-border":this.hideBorder},t["stzh-datalist--direction-".concat(this.currentDirection)]=!!this.currentDirection,t);return h(Host,null,h("div",{class:i},h("div",{class:"stzh-datalist__list",role:"list"},this._items.map((function(t){return h("stzh-datalist-item",Object.assign({},t),t.items&&t.items.length>0&&h("stzh-datalist",{items:t.items}))})),h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{hideBorder:["hideBorderWatcher"],direction:["directionWatcher"],directionSmall:["directionWatcher"],directionMedium:["directionWatcher"],directionLarge:["directionWatcher"],directionUltra:["directionWatcher"],currentDirection:["currentDirectionWatcher"],items:["itemsWatcher"]}},enumerable:false,configurable:true});return t}();StzhDatalist.style=stzhDatalistCss;var stzhDatalistItemCss='.sc-stzh-datalist-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-item-h{display:none}.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{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-datalist-item-h{--font-family:var(--stzh-font-family-regular);--font-weight:var(--stzh-font-weight-regular);--color:inherit;--action-display:flex;--label-min-width:var(--item-label-min-width, none);--leading-icon-background-color:var(--stzh-color-grey5);--leading-icon-color:var(--stzh-color-grey70);--hover-leading-icon-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-leading-icon-color:var(--stzh-color-white);--horizontal-min-height:3rem;display:contents}[href].sc-stzh-datalist-item-h:not([href=""]),[a11y-expanded].sc-stzh-datalist-item-h,[a11y-controls].sc-stzh-datalist-item-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.sc-stzh-datalist-item-h .sc-stzh-datalist-item-s>stzh-datalist{margin-left:var(--stzh-space-large)}.stzh-datalist-item.sc-stzh-datalist-item{position:relative;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__vhidden.sc-stzh-datalist-item{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-datalist-item__wrapper.sc-stzh-datalist-item{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;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{-ms-flex-negative:0;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);background-color:var(--leading-icon-background-color);width:2.5rem;height:2.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:50%;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value.sc-stzh-datalist-item{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(--font-family);font-weight:var(--font-weight);-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 1024px){.stzh-datalist-item__value.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__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--color)}.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: 1024px){.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{-ms-flex-pack:end;justify-content:flex-end}.stzh-datalist-item__label.sc-stzh-datalist-item{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;color:var(--stzh-base-lead-color)}.stzh-datalist-item__action-list.sc-stzh-datalist-item{display:var(--action-display);-ms-flex-pack:center;justify-content:center;text-align:center}.stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item__action.is-non-interactive.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height)}.stzh-datalist-item__action.is-button[variant=tertiary].sc-stzh-datalist-item{--color:inherit}.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__interactive.sc-stzh-datalist-item{position:absolute;top:0;left:0}.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:-ms-inline-flexbox;display:inline-flex}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--hover-color)}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.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__leading-icon-container.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:focus-within .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--hover-leading-icon-color);background-color:var(--hover-leading-icon-background-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-vertical.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border){border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{width:2.5rem;height:2.5rem}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon.sc-stzh-datalist-item{--size:var(--stzh-icon-size-medium)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{-ms-flex-direction:column;flex-direction:column}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item{display:contents}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item .stzh-datalist-item__nested-inner.sc-stzh-datalist-item{grid-column:1/6}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item{min-height:var(--horizontal-min-height)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__action-list.sc-stzh-datalist-item{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty){min-width:var(--label-min-width);padding-right:var(--stzh-space-xsmall)}.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__leading-icon-container.sc-stzh-datalist-item{width:2rem;height:2rem}.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)}';var StzhDatalistItem=function(){function t(t){var i=this;registerInstance(this,t);this.stzhItemActionClick=createEvent(this,"stzhItemActionClick",7);this.actionClick=function(t){i.stzhItemActionClick.emit({component:"stzh-datalist-item",originalEvent:t})};this.handleDirectionChange=function(t){i.direction=t.detail.value};this.handleHideBorderChange=function(t){i.hideBorder=t.detail.value};this.localization=undefined;this.direction="vertical";this.href=undefined;this.rel=undefined;this.target=undefined;this.download=undefined;this.leadingIcon=undefined;this.icon=undefined;this.iconLabel=undefined;this.iconTooltip=undefined;this.label="";this.value="";this.meta="";this.statusLabel="";this.statusType="default";this.hideBorder=false;this.a11yExpanded=undefined;this.a11yControls=undefined;this.external=false}t.prototype.externalWatcher=function(){this.external=this.rel&&this.rel.includes("external")};t.prototype.renderInner=function(t){var i=t?"button":this.href?"a":"div";return h(Fragment,null,h(i,{"aria-hidden":"true",tabindex:"-1",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},this.label),h(i,{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-label":"".concat(this.label,", ").concat(this.value,", ").concat(this.meta),"aria-controls":this.a11yControls,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null},this.external&&h("div",{class:"stzh-datalist-item__vhidden"},this.localization.$globals.externalLinkLabel),this.download&&h("div",{class:"stzh-datalist-item__vhidden"},this.localization.$globals.downloadLinkLabel),this.value),h(i,{"aria-hidden":"true",tabindex:"-1",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},this.statusLabel&&h("stzh-status",{class:"stzh-datalist-item__meta-status",label:this.statusLabel,type:this.statusType}),this.meta&&h("span",{class:"stzh-datalist-item__meta-text"},this.meta)))};t.prototype.renderLeadingIcon=function(t){var i=t?"button":this.href?"a":"div";return h(i,{"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},this.leadingIcon&&h("div",{class:"stzh-datalist-item__leading-icon-container"},h("stzh-icon",{class:"stzh-datalist-item__leading-icon",name:this.leadingIcon})))};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.datalist=this.element.closest("stzh-datalist");if(this.datalist){this.direction=this.datalist.currentDirection;this.hideBorder=this.datalist.hideBorder;this.datalist.addEventListener("stzhDirectionChange",this.handleDirectionChange);this.datalist.addEventListener("stzhHideBorderChange",this.handleHideBorderChange)}return[2]}))}))};t.prototype.disconnectedCallback=function(){if(this.datalist){this.datalist.removeEventListener("stzhDirectionChange",this.handleDirectionChange);this.datalist.removeEventListener("stzhHideBorderChange",this.handleHideBorderChange);this.datalist=null}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:this.externalWatcher();if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"datalist-item")];case 1:t.localization=i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t;var i=this;var e=typeof this.a11yExpanded!=="undefined"||typeof this.a11yControls!=="undefined";var a=(t={"stzh-datalist-item":true,"stzh-datalist-item--is-interactive":!!this.href||e,"stzh-datalist-item--is-link":!!this.href,"stzh-datalist-item--is-button":e,"stzh-datalist-item--is-expanded":this.a11yExpanded,"stzh-datalist-item--has-hidden-border":this.hideBorder},t["stzh-datalist-item--direction-".concat(this.direction)]=!!this.direction,t);var s=e?"button":this.href?"a":"div";var n=function(){return h("stzh-button",{class:{"stzh-datalist-item__action":true,"is-button":true},variant:"tertiary",size:"tiny","aria-label":i.iconLabel||"".concat(i.label," ").concat(i.value),iconOnly:true,icon:i.icon,onClick:i.actionClick})};return h(Host,{role:"listitem"},h("div",{class:a},this.direction==="horizontal"?h(Fragment,null,this.renderLeadingIcon(e),this.renderInner(e)):h(Fragment,null,this.renderLeadingIcon(e),h("div",{class:"stzh-datalist-item__wrapper"},this.renderInner(e))),h(s,{"aria-hidden":"true",tabindex:"-1",class:{"stzh-datalist-item__action-list":true,"is-button":e,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download},this.href&&(this.download?h("div",{class:"stzh-datalist-item__action is-non-interactive"},h("stzh-icon",{class:"stzh-datalist-item__icon",name:this.icon?this.icon:"download"})):h("div",{class:"stzh-datalist-item__action is-non-interactive"},h("stzh-icon",{class:"stzh-datalist-item__icon",name:this.icon?this.icon:this.external?"external-link":"arrow-right"}))),e&&h("div",{class:"stzh-datalist-item__action is-non-interactive"},h("stzh-icon",{class:"stzh-datalist-item__icon is-closed",name:this.icon?this.icon:"plus"}),h("stzh-icon",{class:"stzh-datalist-item__icon is-open",name:this.icon?this.icon:"minus"})),!this.href&&this.icon&&(this.iconTooltip?h("stzh-tooltip",{content:this.iconTooltip},n()):n()))),h("div",{class:"stzh-datalist-item__nested"},h("div",{class:"stzh-datalist-item__nested-inner"},h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{rel:["externalWatcher"]}},enumerable:false,configurable:true});return t}();StzhDatalistItem.style=stzhDatalistItemCss;export{StzhDatalist as stzh_datalist,StzhDatalistItem as stzh_datalist_item};
+var __awaiter=this&&this.__awaiter||function(t,i,e,a){function s(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,n){function l(t){try{h(a.next(t))}catch(t){n(t)}}function r(t){try{h(a["throw"](t))}catch(t){n(t)}}function h(t){t.done?e(t.value):s(t.value).then(l,r)}h((a=a.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,s,n,l;return l={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function r(t){return function(i){return h([t,i])}}function h(r){if(a)throw new TypeError("Generator is already executing.");while(l&&(l=0,r[0]&&(e=0)),e)try{if(a=1,s&&(n=r[0]&2?s["return"]:r[0]?s["throw"]||((n=s["return"])&&n.call(s),0):s.next)&&!(n=n.call(s,r[1])).done)return n;if(s=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:e.label++;return{value:r[1],done:false};case 5:e.label++;s=r[1];r=[0];continue;case 7:r=e.ops.pop();e.trys.pop();continue;default:if(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){e=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]<n[3])){e.label=r[1];break}if(r[0]===6&&e.label<n[1]){e.label=n[1];n=r;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(r);break}if(n[2])e.ops.pop();e.trys.pop();continue}r=i.call(t,e)}catch(t){r=[6,t];s=0}finally{a=n=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement,F as Fragment}from"./index-67fd55c9.js";import{m as media,a as addMediaChangeListener,r as removeMediaChangeListener}from"./media-utils-9b041ceb.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhDatalistCss=".sc-stzh-datalist-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-h{display:none}.sc-stzh-datalist-h *.sc-stzh-datalist,.sc-stzh-datalist-h *.sc-stzh-datalist::before,.sc-stzh-datalist-h *.sc-stzh-datalist::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-datalist-h{--item-label-min-width:7.5rem}@media screen and (min-width: 800px){.sc-stzh-datalist-h{--item-label-min-width:9rem}}[disable-label-min-width].sc-stzh-datalist-h:not([disable-label-min-width=false]){--item-label-min-width:none}.sc-stzh-datalist-h .sc-stzh-datalist-s>stzh-details,.stzh-datalist.sc-stzh-datalist stzh-details.sc-stzh-datalist{--content-grid-column:1 / 6;--content-padding:var(--stzh-space-large) 0 var(--stzh-space-xlarge);--content-border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.sc-stzh-datalist-h .sc-stzh-datalist-s>stzh-details,.stzh-datalist.sc-stzh-datalist stzh-details.sc-stzh-datalist{--content-padding:var(--stzh-space-large) 0 var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-datalist-h .sc-stzh-datalist-s>stzh-details,.stzh-datalist.sc-stzh-datalist stzh-details.sc-stzh-datalist{--content-padding:var(--stzh-space-large) 0 var(--stzh-space-xxxlarge)}}.stzh-datalist__list.sc-stzh-datalist{width:100%}.stzh-datalist--has-hidden-border.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{margin-top:calc(var(--stzh-space-xsmall) / -2);margin-bottom:calc(var(--stzh-space-xsmall) / -2)}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{width:100%;display:grid;border-collapse:collapse;grid-template-columns:auto auto minmax(auto, 1fr) auto auto;-ms-flex-align:stretch;align-items:stretch}";var StzhDatalist=function(){function t(t){var i=this;registerInstance(this,t);this.stzhDirectionChange=createEvent(this,"stzhDirectionChange",7);this.stzhHideBorderChange=createEvent(this,"stzhHideBorderChange",7);this._items=[];this.resizeHandler=function(){if(media("ultra").matches&&i.directionUltra!=="inherit"){i.currentDirection=i.directionUltra}else if(media("large").matches&&i.directionLarge!=="inherit"){i.currentDirection=i.directionLarge}else if(media("medium").matches&&i.directionMedium!=="inherit"){i.currentDirection=i.directionMedium}else if(media("small").matches&&i.directionSmall!=="inherit"){i.currentDirection=i.directionSmall}else{i.currentDirection=i.direction}};this.direction="vertical";this.directionSmall="horizontal";this.directionMedium="inherit";this.directionLarge="inherit";this.directionUltra="inherit";this.hideBorder=false;this.disableLabelMinWidth=false;this.currentDirection=undefined;this.items=[]}t.prototype.hideBorderWatcher=function(t){this.stzhHideBorderChange.emit({component:"stzh-datalist",value:t})};t.prototype.directionWatcher=function(){this.resizeHandler()};t.prototype.currentDirectionWatcher=function(t){this.stzhDirectionChange.emit({component:"stzh-datalist",value:t})};t.prototype.itemsWatcher=function(t){if(typeof t==="string"){this._items=JSON.parse(t)}else{this._items=t}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.itemsWatcher(this.items);this.hideBorderWatcher(this.hideBorder);this.resizeHandler();return[2]}))}))};t.prototype.connectedCallback=function(){addMediaChangeListener(this.resizeHandler)};t.prototype.disconnectedCallback=function(){removeMediaChangeListener(this.resizeHandler)};t.prototype.render=function(){var t;var i=(t={"stzh-datalist":true,"stzh-datalist--has-hidden-border":this.hideBorder},t["stzh-datalist--direction-".concat(this.currentDirection)]=!!this.currentDirection,t);return h(Host,null,h("div",{class:i},h("div",{class:"stzh-datalist__list",role:"list"},this._items.map((function(t){return h("stzh-datalist-item",Object.assign({},t),t.items&&t.items.length>0&&h("stzh-datalist",{items:t.items}))})),h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{hideBorder:["hideBorderWatcher"],direction:["directionWatcher"],directionSmall:["directionWatcher"],directionMedium:["directionWatcher"],directionLarge:["directionWatcher"],directionUltra:["directionWatcher"],currentDirection:["currentDirectionWatcher"],items:["itemsWatcher"]}},enumerable:false,configurable:true});return t}();StzhDatalist.style=stzhDatalistCss;var stzhDatalistItemCss='.sc-stzh-datalist-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-item-h{display:none}.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{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-datalist-item-h{--font-family:var(--stzh-font-family-regular);--font-weight:var(--stzh-font-weight-regular);--color:inherit;--action-display:flex;--label-min-width:var(--item-label-min-width, none);--leading-icon-background-color:var(--stzh-color-grey5);--leading-icon-color:var(--stzh-color-grey70);--hover-leading-icon-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-leading-icon-color:var(--stzh-color-white);--horizontal-min-height:3rem;display:contents}[href].sc-stzh-datalist-item-h:not([href=""]),[a11y-expanded].sc-stzh-datalist-item-h,[a11y-controls].sc-stzh-datalist-item-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.sc-stzh-datalist-item-h .sc-stzh-datalist-item-s>stzh-datalist{margin-left:var(--stzh-space-large)}.stzh-datalist-item.sc-stzh-datalist-item{position:relative;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__vhidden.sc-stzh-datalist-item{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-datalist-item__wrapper.sc-stzh-datalist-item{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;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{-ms-flex-negative:0;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);background-color:var(--leading-icon-background-color);width:2.5rem;height:2.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:50%;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value.sc-stzh-datalist-item{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(--font-family);font-weight:var(--font-weight);-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 1024px){.stzh-datalist-item__value.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__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--color)}.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: 1024px){.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{-ms-flex-pack:end;justify-content:flex-end}.stzh-datalist-item__label.sc-stzh-datalist-item{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;color:var(--stzh-base-lead-color)}.stzh-datalist-item__action-list.sc-stzh-datalist-item{display:var(--action-display);-ms-flex-pack:center;justify-content:center;text-align:center}.stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item__action.is-non-interactive.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height)}.stzh-datalist-item__action.is-button[variant=tertiary].sc-stzh-datalist-item{--color:inherit}.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__richtext.sc-stzh-datalist-item{color:inherit;font-family:inherit;font-weight:inherit}.stzh-datalist-item__interactive.sc-stzh-datalist-item{position:absolute;top:0;left:0}.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:-ms-inline-flexbox;display:inline-flex}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--hover-color)}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.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__leading-icon-container.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:focus-within .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--hover-leading-icon-color);background-color:var(--hover-leading-icon-background-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-vertical.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border){border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{width:2.5rem;height:2.5rem}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon.sc-stzh-datalist-item{--size:var(--stzh-icon-size-medium)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{-ms-flex-direction:column;flex-direction:column}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item{display:contents}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item .stzh-datalist-item__nested-inner.sc-stzh-datalist-item{grid-column:1/6}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item{min-height:var(--horizontal-min-height)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__action-list.sc-stzh-datalist-item{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty){min-width:var(--label-min-width);padding-right:var(--stzh-space-xsmall)}.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__leading-icon-container.sc-stzh-datalist-item{width:2rem;height:2rem}.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)}';var datalistItemCounter=0;var StzhDatalistItem=function(){function t(t){var i=this;registerInstance(this,t);this.stzhItemActionClick=createEvent(this,"stzhItemActionClick",7);this.actionClick=function(t){i.stzhItemActionClick.emit({component:"stzh-datalist-item",originalEvent:t})};this.handleDirectionChange=function(t){i.direction=t.detail.value};this.handleHideBorderChange=function(t){i.hideBorder=t.detail.value};this.localization=undefined;this.direction="vertical";this.href=undefined;this.rel=undefined;this.target=undefined;this.download=undefined;this.leadingIcon=undefined;this.icon=undefined;this.iconLabel=undefined;this.iconTooltip=undefined;this.label="";this.value="";this.meta="";this.statusLabel="";this.statusType="default";this.hideBorder=false;this.a11yExpanded=undefined;this.a11yControls=undefined;this.external=false}t.prototype.externalWatcher=function(){this.external=this.rel&&this.rel.includes("external")};t.prototype.renderInner=function(t){var i=t?"button":this.href?"a":"div";return h(Fragment,null,h(i,{"aria-hidden":this.label?null:"true",tabindex:"-1",id:"".concat(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},this.label),h(i,{id:"".concat(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":i!=="div"?"".concat(this.datalistItemId,"-label ").concat(this.datalistItemId,"-value ").concat(this.datalistItemId,"-meta"):null,"aria-controls":this.a11yControls||null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null},this.external&&h("div",{class:"stzh-datalist-item__vhidden"},this.localization.$globals.externalLinkLabel),this.download&&h("div",{class:"stzh-datalist-item__vhidden"},this.localization.$globals.downloadLinkLabel),h("stzh-richtext",{class:"stzh-datalist-item__richtext",innerHTML:this.value},h("slot",{name:"value"}))),h(i,{"aria-hidden":this.statusLabel||this.meta?null:"true",tabindex:"-1",id:"".concat(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},this.statusLabel&&h("stzh-status",{class:"stzh-datalist-item__meta-status",label:this.statusLabel,type:this.statusType}),this.meta&&h("span",{class:"stzh-datalist-item__meta-text"},this.meta)))};t.prototype.renderLeadingIcon=function(t){var i=t?"button":this.href?"a":"div";return h(i,{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},this.leadingIcon&&h("div",{class:"stzh-datalist-item__leading-icon-container"},h("stzh-icon",{class:"stzh-datalist-item__leading-icon",name:this.leadingIcon})))};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.datalist=this.element.closest("stzh-datalist");if(this.datalist){this.direction=this.datalist.currentDirection;this.hideBorder=this.datalist.hideBorder;this.datalist.addEventListener("stzhDirectionChange",this.handleDirectionChange);this.datalist.addEventListener("stzhHideBorderChange",this.handleHideBorderChange)}return[2]}))}))};t.prototype.disconnectedCallback=function(){if(this.datalist){this.datalist.removeEventListener("stzhDirectionChange",this.handleDirectionChange);this.datalist.removeEventListener("stzhHideBorderChange",this.handleHideBorderChange);this.datalist=null}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:this.datalistItemId="stzh-datalist-item-".concat(datalistItemCounter++);this.externalWatcher();if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"datalist-item")];case 1:t.localization=i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t;var i=this;var e=typeof this.a11yExpanded!=="undefined"||typeof this.a11yControls!=="undefined";var a=!this.href&&this.icon;var s=(t={"stzh-datalist-item":true,"stzh-datalist-item--is-interactive":!!this.href||e,"stzh-datalist-item--is-link":!!this.href,"stzh-datalist-item--is-button":e,"stzh-datalist-item--is-expanded":this.a11yExpanded,"stzh-datalist-item--has-hidden-border":this.hideBorder},t["stzh-datalist-item--direction-".concat(this.direction)]=!!this.direction,t);var n=e?"button":this.href?"a":"div";var l=function(){return h("stzh-button",{class:{"stzh-datalist-item__action":true,"is-button":true},variant:"tertiary",size:"tiny","aria-label":i.iconLabel||"".concat(i.label," ").concat(i.value),iconOnly:true,icon:i.icon,onClick:i.actionClick})};return h(Host,{role:"listitem"},h("div",{class:s},this.direction==="horizontal"?h(Fragment,null,this.renderLeadingIcon(e),this.renderInner(e)):h(Fragment,null,this.renderLeadingIcon(e),h("div",{class:"stzh-datalist-item__wrapper"},this.renderInner(e))),h(n,{role:a?null:"presentation","aria-hidden":a?null:"true",tabindex:"-1",class:{"stzh-datalist-item__action-list":true,"is-button":e,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download},this.href&&(this.download?h("div",{class:"stzh-datalist-item__action is-non-interactive"},h("stzh-icon",{class:"stzh-datalist-item__icon",name:this.icon?this.icon:"download"})):h("div",{class:"stzh-datalist-item__action is-non-interactive"},h("stzh-icon",{class:"stzh-datalist-item__icon",name:this.icon?this.icon:this.external?"external-link":"arrow-right"}))),e&&h("div",{class:"stzh-datalist-item__action is-non-interactive"},h("stzh-icon",{class:"stzh-datalist-item__icon is-closed",name:this.icon?this.icon:"plus"}),h("stzh-icon",{class:"stzh-datalist-item__icon is-open",name:this.icon?this.icon:"minus"})),a&&(this.iconTooltip?h("stzh-tooltip",{content:this.iconTooltip},l()):l()))),h("div",{class:"stzh-datalist-item__nested"},h("div",{class:"stzh-datalist-item__nested-inner"},h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{rel:["externalWatcher"]}},enumerable:false,configurable:true});return t}();StzhDatalistItem.style=stzhDatalistItemCss;export{StzhDatalist as stzh_datalist,StzhDatalistItem as stzh_datalist_item};
 //# sourceMappingURL=stzh-datalist_2.entry.js.map

package/dist/esm-es5/stzh-datalist_2.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["stzhDatalistCss","StzhDatalist","this","_items","resizeHandler","media","matches","_this","directionUltra","currentDirection","directionLarge","directionMedium","directionSmall","direction","class_1","prototype","hideBorderWatcher","newValue","stzhHideBorderChange","emit","component","value","directionWatcher","currentDirectionWatcher","stzhDirectionChange","itemsWatcher","JSON","parse","componentWillLoad","items","hideBorder","connectedCallback","addMediaChangeListener","disconnectedCallback","removeMediaChangeListener","render","classes","_a","concat","h","Host","class","role","map","item","Object","assign","length","stzhDatalistItemCss","StzhDatalistItem","actionClick","originalEvent","stzhItemActionClick","handleDirectionChange","event","detail","handleHideBorderChange","class_2","externalWatcher","external","rel","includes","renderInner","isButton","Item","href","Fragment","tabindex","target","download","label","meta","a11yControls","a11yExpanded","localization","$globals","externalLinkLabel","downloadLinkLabel","statusLabel","type","statusType","renderLeadingIcon","leadingIcon","name","datalist","element","closest","addEventListener","removeEventListener","fetchTranslations","_b","sent","ActionButton","variant","size","iconLabel","iconOnly","icon","onClick","iconTooltip","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  --item-label-min-width: 120px;\n\n  @include mq($from: smallheader) {\n    --item-label-min-width: 144px;\n  }\n\n  &[disable-label-min-width]:not([disable-label-min-width=\"false\"]) {\n    --item-label-min-width: none;\n  }\n}\n\n:host ::slotted(stzh-details),\n.stzh-datalist stzh-details {\n  --content-grid-column: 1 / 6;\n  --content-padding: #{space('large')} 0 #{spaceCurveValue('medium')};\n  --content-border-bottom: 1px solid #{$baseBorderColor};\n\n  @include mq($from: medium) {\n    --content-padding: #{space('large')} 0 #{spaceCurveValue('medium', 'medium')};\n  }\n\n  @include mq($from: large) {\n    --content-padding: #{space('large')} 0 #{spaceCurveValue('medium', 'large')};\n  }\n}\n\n.stzh-datalist {\n  &__list {\n    width: 100%;\n  }\n\n  /* Has hidden border variant */\n\n  &--has-hidden-border &__list {\n    margin-top: calc(#{space('xsmall')} / -2);\n    margin-bottom: calc(#{space('xsmall')} / -2);\n  }\n\n  /* Vertical variant */\n\n  &--direction-horizontal &__list {\n    width: 100%;\n    display: grid;\n    border-collapse: collapse;\n    grid-template-columns: auto auto minmax(auto, 1fr) auto auto;\n    align-items: stretch;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Watch,\n  Prop,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhDatalistItemEntry,\n  StzhDatalistDirectionChangeEvent,\n  StzhDatalistHideBorderChangeEvent\n} from \"../../index\";\n\nimport {\n  media,\n  addMediaChangeListener,\n  removeMediaChangeListener\n} from '../../utils/media-utils';\n\n/**\n */\n@Component({\n  tag: \"stzh-datalist\",\n  styleUrl: \"stzh-datalist.scss\",\n  scoped: true\n})\nexport class StzhDatalist {\n  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Direction above small breakpoint */\n  @Prop({ reflect: true }) directionSmall: \"vertical\" | \"horizontal\" | \"inherit\" = \"horizontal\";\n\n  /** Direction above medium breakpoint  */\n  @Prop({ reflect: true }) directionMedium: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Direction above large breakpoint  */\n  @Prop({ reflect: true }) directionLarge: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Direction above ultra breakpoint  */\n  @Prop({ reflect: true }) directionUltra: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Hide border lines between items */\n  @Prop({ reflect: true }) hideBorder: boolean = false;\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  /** Current direction in use (readonly)  */\n  @Prop({ reflect: true }) currentDirection: \"vertical\" | \"horizontal\";\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\n  /** Direction attribute change event */\n  @Event() stzhDirectionChange: EventEmitter<StzhDatalistDirectionChangeEvent>;\n\n  /** Hide border change event */\n  @Event() stzhHideBorderChange: EventEmitter<StzhDatalistHideBorderChangeEvent>;\n\n  @Element() element: HTMLStzhDatalistElement;\n\n  @Watch(\"hideBorder\")\n  hideBorderWatcher(newValue: boolean) {\n    this.stzhHideBorderChange.emit({\n      component: \"stzh-datalist\",\n      value: newValue\n    });\n  }\n\n  @Watch(\"direction\")\n  @Watch(\"directionSmall\")\n  @Watch(\"directionMedium\")\n  @Watch(\"directionLarge\")\n  @Watch(\"directionUltra\")\n  directionWatcher() {\n    this.resizeHandler();\n  }\n\n  @Watch(\"currentDirection\")\n  currentDirectionWatcher(newValue: \"vertical\" | \"horizontal\") {\n    this.stzhDirectionChange.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  resizeHandler = () => {\n    if (media(\"ultra\").matches && this.directionUltra !== \"inherit\") {\n      this.currentDirection = this.directionUltra;\n    } else if (media(\"large\").matches && this.directionLarge !== \"inherit\") {\n      this.currentDirection = this.directionLarge;\n    } else if (media(\"medium\").matches && this.directionMedium !== \"inherit\") {\n      this.currentDirection = this.directionMedium;\n    } else if (media(\"small\").matches && this.directionSmall !== \"inherit\") {\n      this.currentDirection = this.directionSmall;\n    } else {\n      this.currentDirection = this.direction;\n    }\n  }\n\n  async componentWillLoad() {\n    this.itemsWatcher(this.items);\n    this.hideBorderWatcher(this.hideBorder);\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-hidden-border\": this.hideBorder,\n      [`stzh-datalist--direction-${this.currentDirection}`]: !!this.currentDirection\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\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 &&\n                  <stzh-datalist items={item.items}></stzh-datalist>\n                }\n              </stzh-datalist-item>\n            )}\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  --font-family: var(--stzh-font-family-regular);\n  --font-weight: var(--stzh-font-weight-regular);\n  --color: inherit;\n  --action-display: flex;\n  --label-min-width: var(--item-label-min-width, none);\n  --leading-icon-background-color: #{$colorGrey5};\n  --leading-icon-color: #{$colorGrey70};\n\n  --hover-leading-icon-background-color: #{$colorPrimaryHover};\n  --hover-leading-icon-color: #{$colorWhite};\n\n  --horizontal-min-height: 48px;\n\n  display: contents;\n\n  &[href]:not([href=\"\"]),\n  &[a11y-expanded],\n  &[a11y-controls] {\n    --color: #{$colorPrimary};\n    --hover-color: #{$colorPrimaryHover};\n  }\n\n  ::slotted(stzh-datalist) {\n    margin-left: space('large');\n  }\n}\n\n.stzh-datalist-item {\n  position: relative;\n  text-decoration-line: none;\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__wrapper {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &__leading,\n  &__value,\n  &__label,\n  &__meta,\n  &__action-list {\n    color: inherit;\n    display: flex;\n    align-items: center;\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    background-color: var(--leading-icon-background-color);\n    width: 40px;\n    height: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    transition-property: color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n  }\n\n  &__value {\n    @include fontCurve('p1');\n    font-family: var(--font-family);\n    font-weight: var(--font-weight);\n    flex-grow: 1;\n  }\n\n  &__value,\n  &__icon {\n    color: var(--color);\n  }\n\n  &__label,\n  &__meta {\n    @include fontCurve('caption');\n  }\n\n  &__meta {\n    justify-content: flex-end;\n  }\n\n  &__label {\n    @include font('medium');\n    color: $baseLeadColor;\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('xsmall');\n    }\n  }\n\n  &__action {\n    &.is-non-interactive {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: $formInputHeightTiny;\n      height: $formInputHeightTiny;\n    }\n\n    &.is-button[variant=\"tertiary\"] {\n      --color: inherit;\n    }\n  }\n\n  &__value,\n  &__icon {\n    transition: color $baseTransitionAnimationSpeed;\n  }\n\n  &__interactive {\n    position: absolute;\n    top: 0;\n    left: 0;\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:hover &__value,\n  &--is-interactive:hover &__icon {\n    color: var(--hover-color);\n  }\n\n  &--is-interactive:hover &__value {\n    text-decoration-line: underline;\n  }\n\n  &--is-interactive:hover &__leading-icon-container,\n  &--is-interactive:focus-within &__leading-icon-container {\n    color: var(--hover-leading-icon-color);\n    background-color: var(--hover-leading-icon-background-color);\n  }\n\n  /* Vertical variant */\n\n  &--direction-vertical {\n    display: flex;\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n  }\n\n  &--direction-vertical#{&}--has-hidden-border {\n    padding-top: calc(#{space('xsmall')} / 2);\n    padding-bottom: calc(#{space('xsmall')} / 2);\n  }\n\n  &--direction-vertical:not(#{&}--has-hidden-border) {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n\n  &--direction-vertical &__leading-icon-container {\n    width: 40px;\n    height: 40px;\n  }\n\n  &--direction-vertical &__leading-icon {\n    --size: #{iconSize('medium')};\n  }\n\n  &--direction-vertical &__meta {\n    flex-direction: column;\n  }\n\n  /* Horizontal variant */\n\n  &--direction-horizontal,\n  &--direction-horizontal + &__nested {\n    display: contents;\n  }\n\n  &--direction-horizontal + &__nested &__nested-inner {\n    grid-column: 1 / 6;\n  }\n\n  &--direction-horizontal &__leading,\n  &--direction-horizontal &__value,\n  &--direction-horizontal &__label,\n  &--direction-horizontal &__meta,\n  &--direction-horizontal &__action-list {\n    min-height: var(--horizontal-min-height);\n  }\n\n  &--direction-horizontal &__label,\n  &--direction-horizontal &__value,\n  &--direction-horizontal &__meta {\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n  }\n\n  &--direction-horizontal#{&}--has-hidden-border &__label,\n  &--direction-horizontal#{&}--has-hidden-border &__value,\n  &--direction-horizontal#{&}--has-hidden-border &__meta {\n    padding-top: calc(#{space('xsmall')} / 2);\n    padding-bottom: calc(#{space('xsmall')} / 2);\n  }\n\n  // &--direction-horizontal:not(#{&}--has-hidden-border) &__leading,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__label,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__value,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__meta,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__action-list {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n\n  &--direction-horizontal &__label {\n    &:not(:empty) {\n      min-width: var(--label-min-width);\n      padding-right: space('xsmall');\n    }\n  }\n\n  &--direction-horizontal &__meta {\n    &:not(:empty) {\n      padding-left: space('xsmall');\n    }\n  }\n\n  &--direction-horizontal &__leading-icon-container {\n    width: 32px;\n    height: 32px;\n  }\n\n  &--direction-horizontal &__meta-status + &__meta-text {\n    margin-left: space('xsmall');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Event,\n  EventEmitter,\n  Fragment,\n  State,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  StzhDatalistItemActionClickEvent,\n  StzhDatalistDirectionChangeEvent,\n  StzhDatalistHideBorderChangeEvent\n} from \"../../index\";\n\nimport { fetchTranslations, StzhLocaleComponent } from \"../../utils/translation-utils\";\n\n/**\n * @slot - Slot for nested datalist\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  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\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 and default to link icon) */\n  @Prop() icon: string;\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  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Value */\n  @Prop() value: string = \"\";\n\n  /** Meta */\n  @Prop() meta: string = \"\";\n\n  /** Status Label */\n  @Prop() statusLabel: string = \"\";\n\n  /** Status Type */\n  @Prop() statusType: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\" = \"default\";\n\n  /** Hide border lines */\n  @Prop({ reflect: true }) hideBorder: boolean = false;\n\n  /** Aria expanded of link/button */\n  @Prop({ reflect: true, attribute: \"a11y-expanded\" }) a11yExpanded: boolean;\n\n  /** Aria controls of link/button */\n  @Prop({ attribute: \"a11y-controls\" }) a11yControls: string;\n\n  /** Whether rel contains external */\n  @State() external: boolean = false;\n\n  /** Item action click event */\n  @Event() stzhItemActionClick: EventEmitter<StzhDatalistItemActionClickEvent>;\n\n  @Element() element: HTMLStzhDatalistItemElement;\n\n  @Watch(\"rel\")\n  externalWatcher() {\n    this.external = this.rel && this.rel.includes(\"external\");\n  }\n\n  private datalist: HTMLStzhDatalistElement;\n\n  private actionClick = (originalEvent: MouseEvent) => {\n    this.stzhItemActionClick.emit({\n      component: \"stzh-datalist-item\",\n      originalEvent\n    });\n  }\n\n  private handleDirectionChange = (event: CustomEvent<StzhDatalistDirectionChangeEvent>) => {\n    this.direction = event.detail.value;\n  }\n\n  private handleHideBorderChange = (event: CustomEvent<StzhDatalistHideBorderChangeEvent>) => {\n    this.hideBorder = event.detail.value;\n  }\n\n  private renderInner(isButton: boolean): DocumentFragment {\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\n\n    return (\n      <Fragment>\n        <Item\n          aria-hidden=\"true\"\n          tabindex=\"-1\"\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        >\n          {this.label}\n        </Item>\n\n        <Item\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-label={`${this.label}, ${this.value}, ${this.meta}`}\n          aria-controls={this.a11yControls}\n          aria-expanded={typeof this.a11yExpanded !== \"undefined\"\n            ? (this.a11yExpanded ? \"true\" : \"false\") : null}\n        >\n          {this.external && <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.externalLinkLabel}</div>}\n          {this.download && <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.downloadLinkLabel}</div>}\n          {this.value}\n        </Item>\n\n        <Item\n          aria-hidden=\"true\"\n          tabindex=\"-1\"\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        >\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 && <span class=\"stzh-datalist-item__meta-text\">{this.meta}</span>}\n        </Item>\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        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      >\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 connectedCallback() {\n    this.datalist = this.element.closest(\"stzh-datalist\");\n\n    if (this.datalist) {\n      this.direction = this.datalist.currentDirection;\n      this.hideBorder = this.datalist.hideBorder;\n\n      this.datalist.addEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n      this.datalist.addEventListener(\"stzhHideBorderChange\", this.handleHideBorderChange);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.datalist) {\n      this.datalist.removeEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n      this.datalist.removeEventListener(\"stzhHideBorderChange\", this.handleHideBorderChange);\n      this.datalist = null;\n    }\n  }\n\n  async componentWillLoad() {\n    this.externalWatcher();\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"datalist-item\");\n    }\n  }\n\n  render() {\n    const isButton = typeof this.a11yExpanded !== \"undefined\"\n      || typeof this.a11yControls !== \"undefined\";\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--has-hidden-border\": this.hideBorder,\n      [`stzh-datalist-item--direction-${this.direction}`]: !!this.direction\n    };\n\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\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=\"tiny\"\n          aria-label={this.iconLabel || (`${this.label} ${this.value}`)}\n          iconOnly={true}\n          icon={this.icon}\n          onClick={this.actionClick}\n        ></stzh-button>\n      );\n    }\n\n    return (\n      <Host role=\"listitem\">\n        <div class={classes}>\n          {this.direction === \"horizontal\" ?\n            <Fragment>\n              {this.renderLeadingIcon(isButton)}\n              {this.renderInner(isButton)}\n            </Fragment>\n            :\n            <Fragment>\n              {this.renderLeadingIcon(isButton)}\n              <div class=\"stzh-datalist-item__wrapper\">\n                {this.renderInner(isButton)}\n              </div>\n            </Fragment>\n          }\n          <Item\n            aria-hidden=\"true\"\n            tabindex=\"-1\"\n            class={{\n              \"stzh-datalist-item__action-list\": 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          >\n            {this.href &&\n              (this.download ?\n                <div class=\"stzh-datalist-item__action is-non-interactive\">\n                  <stzh-icon class=\"stzh-datalist-item__icon\" name={this.icon ? this.icon : \"download\"}></stzh-icon>\n                </div>\n                :\n                <div class=\"stzh-datalist-item__action is-non-interactive\">\n                  <stzh-icon class=\"stzh-datalist-item__icon\" name={this.icon ? this.icon : (this.external ? \"external-link\" : \"arrow-right\")}></stzh-icon>\n                </div>\n              )\n            }\n\n            {isButton &&\n              <div class=\"stzh-datalist-item__action is-non-interactive\">\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\n            {(!this.href && this.icon) &&\n              (this.iconTooltip ?\n                <stzh-tooltip content={this.iconTooltip}>\n                  {ActionButton()}\n                </stzh-tooltip>\n                :\n                ActionButton())\n            }\n          </Item>\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":"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"}
+{"version":3,"names":["stzhDatalistCss","StzhDatalist","this","_items","resizeHandler","media","matches","_this","directionUltra","currentDirection","directionLarge","directionMedium","directionSmall","direction","class_1","prototype","hideBorderWatcher","newValue","stzhHideBorderChange","emit","component","value","directionWatcher","currentDirectionWatcher","stzhDirectionChange","itemsWatcher","JSON","parse","componentWillLoad","items","hideBorder","connectedCallback","addMediaChangeListener","disconnectedCallback","removeMediaChangeListener","render","classes","_a","concat","h","Host","class","role","map","item","Object","assign","length","stzhDatalistItemCss","datalistItemCounter","StzhDatalistItem","actionClick","originalEvent","stzhItemActionClick","handleDirectionChange","event","detail","handleHideBorderChange","class_2","externalWatcher","external","rel","includes","renderInner","isButton","Item","href","Fragment","label","tabindex","id","datalistItemId","target","download","a11yControls","a11yExpanded","localization","$globals","externalLinkLabel","downloadLinkLabel","innerHTML","name","statusLabel","meta","type","statusType","renderLeadingIcon","leadingIcon","datalist","element","closest","addEventListener","removeEventListener","fetchTranslations","_b","sent","hasActionButton","icon","ActionButton","variant","size","iconLabel","iconOnly","onClick","iconTooltip","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  --item-label-min-width: 120px;\n\n  @include mq($from: smallheader) {\n    --item-label-min-width: 144px;\n  }\n\n  &[disable-label-min-width]:not([disable-label-min-width=\"false\"]) {\n    --item-label-min-width: none;\n  }\n}\n\n:host ::slotted(stzh-details),\n.stzh-datalist stzh-details {\n  --content-grid-column: 1 / 6;\n  --content-padding: #{space('large')} 0 #{spaceCurveValue('medium')};\n  --content-border-bottom: 1px solid #{$baseBorderColor};\n\n  @include mq($from: medium) {\n    --content-padding: #{space('large')} 0 #{spaceCurveValue('medium', 'medium')};\n  }\n\n  @include mq($from: large) {\n    --content-padding: #{space('large')} 0 #{spaceCurveValue('medium', 'large')};\n  }\n}\n\n.stzh-datalist {\n  &__list {\n    width: 100%;\n  }\n\n  /* Has hidden border variant */\n\n  &--has-hidden-border &__list {\n    margin-top: calc(#{space('xsmall')} / -2);\n    margin-bottom: calc(#{space('xsmall')} / -2);\n  }\n\n  /* Vertical variant */\n\n  &--direction-horizontal &__list {\n    width: 100%;\n    display: grid;\n    border-collapse: collapse;\n    grid-template-columns: auto auto minmax(auto, 1fr) auto auto;\n    align-items: stretch;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Watch,\n  Prop,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhDatalistItemEntry,\n  StzhDatalistDirectionChangeEvent,\n  StzhDatalistHideBorderChangeEvent\n} from \"../../index\";\n\nimport {\n  media,\n  addMediaChangeListener,\n  removeMediaChangeListener\n} from '../../utils/media-utils';\n\n/**\n */\n@Component({\n  tag: \"stzh-datalist\",\n  styleUrl: \"stzh-datalist.scss\",\n  scoped: true\n})\nexport class StzhDatalist {\n  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Direction above small breakpoint */\n  @Prop({ reflect: true }) directionSmall: \"vertical\" | \"horizontal\" | \"inherit\" = \"horizontal\";\n\n  /** Direction above medium breakpoint  */\n  @Prop({ reflect: true }) directionMedium: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Direction above large breakpoint  */\n  @Prop({ reflect: true }) directionLarge: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Direction above ultra breakpoint  */\n  @Prop({ reflect: true }) directionUltra: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Hide border lines between items */\n  @Prop({ reflect: true }) hideBorder: boolean = false;\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  /** Current direction in use (readonly)  */\n  @Prop({ reflect: true }) currentDirection: \"vertical\" | \"horizontal\";\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\n  /** Direction attribute change event */\n  @Event() stzhDirectionChange: EventEmitter<StzhDatalistDirectionChangeEvent>;\n\n  /** Hide border change event */\n  @Event() stzhHideBorderChange: EventEmitter<StzhDatalistHideBorderChangeEvent>;\n\n  @Element() element: HTMLStzhDatalistElement;\n\n  @Watch(\"hideBorder\")\n  hideBorderWatcher(newValue: boolean) {\n    this.stzhHideBorderChange.emit({\n      component: \"stzh-datalist\",\n      value: newValue\n    });\n  }\n\n  @Watch(\"direction\")\n  @Watch(\"directionSmall\")\n  @Watch(\"directionMedium\")\n  @Watch(\"directionLarge\")\n  @Watch(\"directionUltra\")\n  directionWatcher() {\n    this.resizeHandler();\n  }\n\n  @Watch(\"currentDirection\")\n  currentDirectionWatcher(newValue: \"vertical\" | \"horizontal\") {\n    this.stzhDirectionChange.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  resizeHandler = () => {\n    if (media(\"ultra\").matches && this.directionUltra !== \"inherit\") {\n      this.currentDirection = this.directionUltra;\n    } else if (media(\"large\").matches && this.directionLarge !== \"inherit\") {\n      this.currentDirection = this.directionLarge;\n    } else if (media(\"medium\").matches && this.directionMedium !== \"inherit\") {\n      this.currentDirection = this.directionMedium;\n    } else if (media(\"small\").matches && this.directionSmall !== \"inherit\") {\n      this.currentDirection = this.directionSmall;\n    } else {\n      this.currentDirection = this.direction;\n    }\n  }\n\n  async componentWillLoad() {\n    this.itemsWatcher(this.items);\n    this.hideBorderWatcher(this.hideBorder);\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-hidden-border\": this.hideBorder,\n      [`stzh-datalist--direction-${this.currentDirection}`]: !!this.currentDirection\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\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 &&\n                  <stzh-datalist items={item.items}></stzh-datalist>\n                }\n              </stzh-datalist-item>\n            )}\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  --font-family: var(--stzh-font-family-regular);\n  --font-weight: var(--stzh-font-weight-regular);\n  --color: inherit;\n  --action-display: flex;\n  --label-min-width: var(--item-label-min-width, none);\n  --leading-icon-background-color: #{$colorGrey5};\n  --leading-icon-color: #{$colorGrey70};\n\n  --hover-leading-icon-background-color: #{$colorPrimaryHover};\n  --hover-leading-icon-color: #{$colorWhite};\n\n  --horizontal-min-height: 48px;\n\n  display: contents;\n\n  &[href]:not([href=\"\"]),\n  &[a11y-expanded],\n  &[a11y-controls] {\n    --color: #{$colorPrimary};\n    --hover-color: #{$colorPrimaryHover};\n  }\n\n  ::slotted(stzh-datalist) {\n    margin-left: space('large');\n  }\n}\n\n.stzh-datalist-item {\n  position: relative;\n  text-decoration-line: none;\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__wrapper {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &__leading,\n  &__value,\n  &__label,\n  &__meta,\n  &__action-list {\n    color: inherit;\n    display: flex;\n    align-items: center;\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    background-color: var(--leading-icon-background-color);\n    width: 40px;\n    height: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    transition-property: color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n  }\n\n  &__value {\n    @include fontCurve('p1');\n    font-family: var(--font-family);\n    font-weight: var(--font-weight);\n    flex-grow: 1;\n  }\n\n  &__value,\n  &__icon {\n    color: var(--color);\n  }\n\n  &__label,\n  &__meta {\n    @include fontCurve('caption');\n  }\n\n  &__meta {\n    justify-content: flex-end;\n  }\n\n  &__label {\n    @include font('medium');\n    color: $baseLeadColor;\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('xsmall');\n    }\n  }\n\n  &__action {\n    &.is-non-interactive {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: $formInputHeightTiny;\n      height: $formInputHeightTiny;\n    }\n\n    &.is-button[variant=\"tertiary\"] {\n      --color: inherit;\n    }\n  }\n\n  &__value,\n  &__icon {\n    transition: color $baseTransitionAnimationSpeed;\n  }\n\n  &__richtext {\n    color: inherit;\n    font-family: inherit;\n    font-weight: inherit;\n  }\n\n  &__interactive {\n    position: absolute;\n    top: 0;\n    left: 0;\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:hover &__value,\n  &--is-interactive:hover &__icon {\n    color: var(--hover-color);\n  }\n\n  &--is-interactive:hover &__value {\n    text-decoration-line: underline;\n  }\n\n  &--is-interactive:hover &__leading-icon-container,\n  &--is-interactive:focus-within &__leading-icon-container {\n    color: var(--hover-leading-icon-color);\n    background-color: var(--hover-leading-icon-background-color);\n  }\n\n  /* Vertical variant */\n\n  &--direction-vertical {\n    display: flex;\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n  }\n\n  &--direction-vertical#{&}--has-hidden-border {\n    padding-top: calc(#{space('xsmall')} / 2);\n    padding-bottom: calc(#{space('xsmall')} / 2);\n  }\n\n  &--direction-vertical:not(#{&}--has-hidden-border) {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n\n  &--direction-vertical &__leading-icon-container {\n    width: 40px;\n    height: 40px;\n  }\n\n  &--direction-vertical &__leading-icon {\n    --size: #{iconSize('medium')};\n  }\n\n  &--direction-vertical &__meta {\n    flex-direction: column;\n  }\n\n  /* Horizontal variant */\n\n  &--direction-horizontal,\n  &--direction-horizontal + &__nested {\n    display: contents;\n  }\n\n  &--direction-horizontal + &__nested &__nested-inner {\n    grid-column: 1 / 6;\n  }\n\n  &--direction-horizontal &__leading,\n  &--direction-horizontal &__value,\n  &--direction-horizontal &__label,\n  &--direction-horizontal &__meta,\n  &--direction-horizontal &__action-list {\n    min-height: var(--horizontal-min-height);\n  }\n\n  &--direction-horizontal &__label,\n  &--direction-horizontal &__value,\n  &--direction-horizontal &__meta {\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n  }\n\n  &--direction-horizontal#{&}--has-hidden-border &__label,\n  &--direction-horizontal#{&}--has-hidden-border &__value,\n  &--direction-horizontal#{&}--has-hidden-border &__meta {\n    padding-top: calc(#{space('xsmall')} / 2);\n    padding-bottom: calc(#{space('xsmall')} / 2);\n  }\n\n  // &--direction-horizontal:not(#{&}--has-hidden-border) &__leading,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__label,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__value,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__meta,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__action-list {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n\n  &--direction-horizontal &__label {\n    &:not(:empty) {\n      min-width: var(--label-min-width);\n      padding-right: space('xsmall');\n    }\n  }\n\n  &--direction-horizontal &__meta {\n    &:not(:empty) {\n      padding-left: space('xsmall');\n    }\n  }\n\n  &--direction-horizontal &__leading-icon-container {\n    width: 32px;\n    height: 32px;\n  }\n\n  &--direction-horizontal &__meta-status + &__meta-text {\n    margin-left: space('xsmall');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Event,\n  EventEmitter,\n  Fragment,\n  State,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  StzhDatalistItemActionClickEvent,\n  StzhDatalistDirectionChangeEvent,\n  StzhDatalistHideBorderChangeEvent\n} from \"../../index\";\n\nimport { fetchTranslations, StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nlet datalistItemCounter = 0;\n\n/**\n * @slot - Slot for nested datalist\n * @slot value - Slot for value (or use value slot instead)\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  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\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 and default to link icon) */\n  @Prop() icon: string;\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  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Value (or use value slot instead) */\n  @Prop() value: string = \"\";\n\n  /** Meta */\n  @Prop() meta: string = \"\";\n\n  /** Status Label */\n  @Prop() statusLabel: string = \"\";\n\n  /** Status Type */\n  @Prop() statusType: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\" = \"default\";\n\n  /** Hide border lines */\n  @Prop({ reflect: true }) hideBorder: boolean = false;\n\n  /** Aria expanded of link/button */\n  @Prop({ reflect: true, attribute: \"a11y-expanded\" }) a11yExpanded: boolean;\n\n  /** Aria controls of link/button */\n  @Prop({ attribute: \"a11y-controls\" }) a11yControls: string;\n\n  /** Whether rel contains external */\n  @State() external: boolean = false;\n\n  /** Item action click event */\n  @Event() stzhItemActionClick: EventEmitter<StzhDatalistItemActionClickEvent>;\n\n  @Element() element: HTMLStzhDatalistItemElement;\n\n  @Watch(\"rel\")\n  externalWatcher() {\n    this.external = this.rel && this.rel.includes(\"external\");\n  }\n\n  private datalist: HTMLStzhDatalistElement;\n  private datalistItemId: string;\n\n  private actionClick = (originalEvent: MouseEvent) => {\n    this.stzhItemActionClick.emit({\n      component: \"stzh-datalist-item\",\n      originalEvent\n    });\n  }\n\n  private handleDirectionChange = (event: CustomEvent<StzhDatalistDirectionChangeEvent>) => {\n    this.direction = event.detail.value;\n  }\n\n  private handleHideBorderChange = (event: CustomEvent<StzhDatalistHideBorderChangeEvent>) => {\n    this.hideBorder = event.detail.value;\n  }\n\n  private renderInner(isButton: boolean): DocumentFragment {\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\n\n    return (\n      <Fragment>\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        >\n          {this.label}\n        </Item>\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-controls={this.a11yControls || null}\n          aria-expanded={typeof this.a11yExpanded !== \"undefined\"\n            ? (this.a11yExpanded ? \"true\" : \"false\") : null}\n        >\n          {this.external && <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.externalLinkLabel}</div>}\n          {this.download && <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.downloadLinkLabel}</div>}\n          <stzh-richtext class=\"stzh-datalist-item__richtext\" innerHTML={this.value}>\n            <slot name=\"value\"></slot>\n          </stzh-richtext>\n        </Item>\n\n        <Item\n          aria-hidden={this.statusLabel || this.meta ? 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        >\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 && <span class=\"stzh-datalist-item__meta-text\">{this.meta}</span>}\n        </Item>\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      >\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 connectedCallback() {\n    this.datalist = this.element.closest(\"stzh-datalist\");\n\n    if (this.datalist) {\n      this.direction = this.datalist.currentDirection;\n      this.hideBorder = this.datalist.hideBorder;\n\n      this.datalist.addEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n      this.datalist.addEventListener(\"stzhHideBorderChange\", this.handleHideBorderChange);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.datalist) {\n      this.datalist.removeEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n      this.datalist.removeEventListener(\"stzhHideBorderChange\", this.handleHideBorderChange);\n      this.datalist = null;\n    }\n  }\n\n  async componentWillLoad() {\n    this.datalistItemId = `stzh-datalist-item-${datalistItemCounter++}`;\n    this.externalWatcher();\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"datalist-item\");\n    }\n  }\n\n  render() {\n    const isButton = typeof this.a11yExpanded !== \"undefined\"\n      || typeof this.a11yControls !== \"undefined\";\n\n    const hasActionButton = !this.href && 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--has-hidden-border\": this.hideBorder,\n      [`stzh-datalist-item--direction-${this.direction}`]: !!this.direction\n    };\n\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\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=\"tiny\"\n          aria-label={this.iconLabel || (`${this.label} ${this.value}`)}\n          iconOnly={true}\n          icon={this.icon}\n          onClick={this.actionClick}\n        ></stzh-button>\n      );\n    }\n\n    return (\n      <Host role=\"listitem\">\n        <div class={classes}>\n          {this.direction === \"horizontal\" ?\n            <Fragment>\n              {this.renderLeadingIcon(isButton)}\n              {this.renderInner(isButton)}\n            </Fragment>\n            :\n            <Fragment>\n              {this.renderLeadingIcon(isButton)}\n              <div class=\"stzh-datalist-item__wrapper\">\n                {this.renderInner(isButton)}\n              </div>\n            </Fragment>\n          }\n          <Item\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\n            }}\n            href={this.href}\n            rel={this.rel}\n            target={this.target}\n            download={this.download}\n          >\n            {this.href &&\n              (this.download ?\n                <div class=\"stzh-datalist-item__action is-non-interactive\">\n                  <stzh-icon class=\"stzh-datalist-item__icon\" name={this.icon ? this.icon : \"download\"}></stzh-icon>\n                </div>\n                :\n                <div class=\"stzh-datalist-item__action is-non-interactive\">\n                  <stzh-icon class=\"stzh-datalist-item__icon\" name={this.icon ? this.icon : (this.external ? \"external-link\" : \"arrow-right\")}></stzh-icon>\n                </div>\n              )\n            }\n\n            {isButton &&\n              <div class=\"stzh-datalist-item__action is-non-interactive\">\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\n            {hasActionButton &&\n              (this.iconTooltip ?\n                <stzh-tooltip content={this.iconTooltip}>\n                  {ActionButton()}\n                </stzh-tooltip>\n                :\n                ActionButton())\n            }\n          </Item>\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":"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"}

package/dist/esm-es5/stzh-datatable.entry.js

@@ -6,5 +6,5 @@ var __awaiter=this&&this.__awaiter||function(t,e,a,i){function r(t){return t ins
    * Licence: Apache-2.0
    * https://github.com/nextapps-de/flexsearch
    */
-(function _f(self){try{if(module)self=module}catch(t){}self._factory=_f;var t;function u(t){return"undefined"!==typeof t?t:!0}function aa(t){var e=Array(t);for(var a=0;a<t;a++)e[a]=v();return e}function v(){return Object.create(null)}function ba(t,e){return e.length-t.length}function x(t){return"string"===typeof t}function C(t){return"object"===typeof t}function D(t){return"function"===typeof t}function ca(t,e){var a=da;if(t&&(e&&(t=E(t,e)),this.H&&(t=E(t,this.H)),this.J&&1<t.length&&(t=E(t,this.J)),a||""===a)){t=t.split(a);if(this.filter){e=this.filter;a=t.length;var i=[];for(var r=0,s=0;r<a;r++){var n=t[r];n&&!e[n]&&(i[s++]=n)}t=i}return t}return t}var da=/[\p{Z}\p{S}\p{P}\p{C}]+/u,ea=/[\u0300-\u036f]/g;function fa(t,e){var a=Object.keys(t),i=a.length,r=[];var s="",n=0;for(var o=0,l=void 0,h=void 0;o<i;o++)l=a[o],(h=t[l])?(r[n++]=F(e?"(?!\\b)"+l+"(\\b|_)":l),r[n++]=h):s+=(s?"|":"")+l;s&&(r[n++]=F(e?"(?!\\b)("+s+")(\\b|_)":"("+s+")"),r[n]="");return r}function E(t,e){for(var a=0,i=e.length;a<i&&(t=t.replace(e[a],e[a+1]),t);a+=2);return t}function F(t){return new RegExp(t,"g")}function ha(t){var e="",a="";for(var i=0,r=t.length,s=void 0;i<r;i++)(s=t[i])!==a&&(e+=a=s);return e}var ja={encode:ia,F:!1,G:""};function ia(t){return ca.call(this,(""+t).toLowerCase(),!1)}var ka={},G={};function la(t){I(t,"add");I(t,"append");I(t,"search");I(t,"update");I(t,"remove")}function I(t,e){t[e+"Async"]=function(){var t=this,a=arguments;var i=a[a.length-1];var r;D(i)&&(r=i,delete a[a.length-1]);i=new Promise((function(i){setTimeout((function(){t.async=!0;var r=t[e].apply(t,a);t.async=!1;i(r)}))}));return r?(i.then(r),this):i}}function ma(t,e,a,i){var r=t.length;var s=[],n,o,l=0;i&&(i=[]);for(var h=r-1;0<=h;h--){var c=t[h],d=c.length,f=v();var u=!n;for(var g=0;g<d;g++){var b=c[g],p=b.length;if(p)for(var m=0,_=void 0,y=void 0;m<p;m++)if(y=b[m],n){if(n[y]){if(!h)if(a)a--;else if(s[l++]=y,l===e)return s;if(h||i)f[y]=1;u=!0}if(i&&(_=(o[y]||0)+1,o[y]=_,_<r)){var z=i[_-2]||(i[_-2]=[]);z[z.length]=y}}else f[y]=1}if(i)n||(o=f);else if(!u)return[];n=f}if(i)for(var h=i.length-1,c=void 0,d=void 0;0<=h;h--){c=i[h];d=c.length;for(var f=0,u=void 0;f<d;f++)if(u=c[f],!n[u]){if(a)a--;else if(s[l++]=u,l===e)return s;n[u]=1}}return s}function na(t,e){var a=v(),i=v(),r=[];for(var s=0;s<t.length;s++)a[t[s]]=1;for(var s=0,n=void 0;s<e.length;s++){n=e[s];for(var o=0,l=void 0;o<n.length;o++)l=n[o],a[l]&&!i[l]&&(i[l]=1,r[r.length]=l)}return r}function J(t){this.l=!0!==t&&t;this.cache=v();this.h=[]}function oa(t,e,a){C(t)&&(t=t.query);var i=this.cache.get(t);i||(i=this.search(t,e,a),this.cache.set(t,i));return i}J.prototype.set=function(t,e){if(!this.cache[t]){var a=this.h.length;a===this.l?delete this.cache[this.h[a-1]]:a++;for(--a;0<a;a--)this.h[a]=this.h[a-1];this.h[0]=t}this.cache[t]=e};J.prototype.get=function(t){var e=this.cache[t];if(this.l&&e&&(t=this.h.indexOf(t))){var a=this.h[t-1];this.h[t-1]=this.h[t];this.h[t]=a}return e};var qa={memory:{charset:"latin:extra",D:3,B:4,m:!1},performance:{D:3,B:3,s:!1,context:{depth:2,D:1}},match:{charset:"latin:extra",G:"reverse"},score:{charset:"latin:advanced",D:20,B:3,context:{depth:3,D:9}},default:{}};function ra(t,e,a,i,r,s,n){setTimeout((function(){var o=t(a?a+"."+i:i,JSON.stringify(n));o&&o.then?o.then((function(){e.export(t,e,a,r,s+1)})):e.export(t,e,a,r,s+1)}))}function K(t,e){if(!(this instanceof K))return new K(t);var a;if(t){x(t)?t=qa[t]:(a=t.preset)&&(t=Object.assign({},a[a],t));a=t.charset;var i=t.lang;x(a)&&(-1===a.indexOf(":")&&(a+=":default"),a=G[a]);x(i)&&(i=ka[i])}else t={};var r,s,n=t.context||{};this.encode=t.encode||a&&a.encode||ia;this.register=e||v();this.D=r=t.resolution||9;this.G=e=a&&a.G||t.tokenize||"strict";this.depth="strict"===e&&n.depth;this.l=u(n.bidirectional);this.s=s=u(t.optimize);this.m=u(t.fastupdate);this.B=t.minlength||1;this.C=t.boost;this.map=s?aa(r):v();this.A=r=n.resolution||1;this.h=s?aa(r):v();this.F=a&&a.F||t.rtl;this.H=(e=t.matcher||i&&i.H)&&fa(e,!1);this.J=(e=t.stemmer||i&&i.J)&&fa(e,!0);if(a=e=t.filter||i&&i.filter){a=e;i=v();for(var o=0,l=a.length;o<l;o++)i[a[o]]=1;a=i}this.filter=a;this.cache=(e=t.cache)&&new J(e)}t=K.prototype;t.append=function(t,e){return this.add(t,e,!0)};t.add=function(t,e,a,i){if(e&&(t||0===t)){if(!i&&!a&&this.register[t])return this.update(t,e);e=this.encode(e);if(i=e.length){var r=v(),s=v(),n=this.depth,o=this.D;for(var l=0;l<i;l++){var h=e[this.F?i-1-l:l];var c=h.length;if(h&&c>=this.B&&(n||!s[h])){var d=L(o,i,l),f="";switch(this.G){case"full":if(2<c){for(d=0;d<c;d++)for(var u=c;u>d;u--)if(u-d>=this.B){var g=L(o,i,l,c,d);f=h.substring(d,u);M(this,s,f,g,t,a)}break}case"reverse":if(1<c){for(u=c-1;0<u;u--)f=h[u]+f,f.length>=this.B&&M(this,s,f,L(o,i,l,c,u),t,a);f=""}case"forward":if(1<c){for(u=0;u<c;u++)f+=h[u],f.length>=this.B&&M(this,s,f,d,t,a);break}default:if(this.C&&(d=Math.min(d/this.C(e,h,l)|0,o-1)),M(this,s,h,d,t,a),n&&1<i&&l<i-1)for(c=v(),f=this.A,d=h,u=Math.min(n+1,i-l),c[d]=1,g=1;g<u;g++)if((h=e[this.F?i-1-l-g:l+g])&&h.length>=this.B&&!c[h]){c[h]=1;var b=this.l&&h>d;M(this,r,b?d:h,L(f+(i/2>f?0:1),i,l,u-1,g-1),t,a,b?h:d)}}}}this.m||(this.register[t]=1)}}return this};function L(t,e,a,i,r){return a&&1<t?e+(i||0)<=t?a+(r||0):(t-1)/(e+(i||0))*(a+(r||0))+1|0:0}function M(t,e,a,i,r,s,n){var o=n?t.h:t.map;if(!e[a]||n&&!e[a][n])t.s&&(o=o[i]),n?(e=e[a]||(e[a]=v()),e[n]=1,o=o[n]||(o[n]=v())):e[a]=1,o=o[a]||(o[a]=[]),t.s||(o=o[i]||(o[i]=[])),s&&o.includes(r)||(o[o.length]=r,t.m&&(t=t.register[r]||(t.register[r]=[]),t[t.length]=o))}t.search=function(t,e,a){a||(!e&&C(t)?(a=t,t=a.query):C(e)&&(a=e));var i=[],r;var s,n=0;if(a){t=a.query||t;e=a.limit;n=a.offset||0;var o=a.context;s=a.suggest}if(t&&(t=this.encode(""+t),r=t.length,1<r)){a=v();var l=[];for(var h=0,c=0,d=void 0;h<r;h++)if((d=t[h])&&d.length>=this.B&&!a[d])if(this.s||s||this.map[d])l[c++]=d,a[d]=1;else return i;t=l;r=t.length}if(!r)return i;e||(e=100);o=this.depth&&1<r&&!1!==o;a=0;var f;o?(f=t[0],a=1):1<r&&t.sort(ba);for(var h=void 0,c=void 0;a<r;a++){c=t[a];o?(h=sa(this,i,s,e,n,2===r,c,f),s&&!1===h&&i.length||(f=c)):h=sa(this,i,s,e,n,1===r,c);if(h)return h;if(s&&a===r-1){l=i.length;if(!l){if(o){o=0;a=-1;continue}return i}if(1===l)return ta(i[0],e,n)}}return ma(i,e,n,s)};function sa(t,e,a,i,r,s,n,o){var l=[],h=o?t.h:t.map;t.s||(h=ua(h,n,o,t.l));if(h){var c=0;var d=Math.min(h.length,o?t.A:t.D);for(var f=0,u=0,v=void 0,g=void 0;f<d;f++)if(v=h[f])if(t.s&&(v=ua(v,n,o,t.l)),r&&v&&s&&(g=v.length,g<=r?(r-=g,v=null):(v=v.slice(r),r=0)),v&&(l[c++]=v,s&&(u+=v.length,u>=i)))break;if(c){if(s)return ta(l,i,0);e[e.length]=l;return}}return!a&&l}function ta(t,e,a){t=1===t.length?t[0]:[].concat.apply([],t);return a||t.length>e?t.slice(a,a+e):t}function ua(t,e,a,i){a?(i=i&&e>a,t=(t=t[i?e:a])&&t[i?a:e]):t=t[e];return t}t.contain=function(t){return!!this.register[t]};t.update=function(t,e){return this.remove(t).add(t,e)};t.remove=function(t,e){var a=this.register[t];if(a){if(this.m)for(var i=0,r=void 0;i<a.length;i++)r=a[i],r.splice(r.indexOf(t),1);else N(this.map,t,this.D,this.s),this.depth&&N(this.h,t,this.A,this.s);e||delete this.register[t];if(this.cache){e=this.cache;for(var i=0,r=void 0,s=void 0;i<e.h.length;i++)s=e.h[i],r=e.cache[s],r.includes(t)&&(e.h.splice(i--,1),delete e.cache[s])}}return this};function N(t,e,a,i,r){var s=0;if(t.constructor===Array)if(r)e=t.indexOf(e),-1!==e?1<t.length&&(t.splice(e,1),s++):s++;else{r=Math.min(t.length,a);for(var n=0,o;n<r;n++)if(o=t[n])s=N(o,e,a,i,r),i||s||delete t[n]}else for(var n in t)(s=N(t[n],e,a,i,r))||delete t[n];return s}t.searchCache=oa;t.export=function(t,e,a,i,r){var s,n;switch(r||(r=0)){case 0:s="reg";if(this.m){n=v();for(var o in this.register)n[o]=1}else n=this.register;break;case 1:s="cfg";n={doc:0,opt:this.s?1:0};break;case 2:s="map";n=this.map;break;case 3:s="ctx";n=this.h;break;default:return}ra(t,e||this,a,s,i,r,n);return!0};t.import=function(t,e){if(e)switch(x(e)&&(e=JSON.parse(e)),t){case"cfg":this.s=!!e.opt;break;case"reg":this.m=!1;this.register=e;break;case"map":this.map=e;break;case"ctx":this.h=e}};la(K.prototype);function va(t){t=t.data;var e=self._index;var a=t.args;var i=t.task;switch(i){case"init":i=t.options||{};t=t.factory;e=i.encode;i.cache=!1;e&&0===e.indexOf("function")&&(i.encode=Function("return "+e)());t?(Function("return "+t)()(self),self._index=new self.FlexSearch.Index(i),delete self.FlexSearch):self._index=new K(i);break;default:t=t.id,e=e[i].apply(e,a),postMessage("search"===i?{id:t,msg:e}:{id:t})}}var wa=0;function O(t){if(!(this instanceof O))return new O(t);var e;t?D(e=t.encode)&&(t.encode=e.toString()):t={};(e=(self||window)._factory)&&(e=e.toString());var a="undefined"===typeof window&&self.exports,i=this;this.o=xa(e,a,t.worker);this.h=v();if(this.o){if(a)this.o.on("message",(function(t){i.h[t.id](t.msg);delete i.h[t.id]}));else this.o.onmessage=function(t){t=t.data;i.h[t.id](t.msg);delete i.h[t.id]};this.o.postMessage({task:"init",factory:e,options:t})}}P("add");P("append");P("search");P("update");P("remove");function P(t){O.prototype[t]=O.prototype[t+"Async"]=function(){var e=this,a=[].slice.call(arguments);var i=a[a.length-1];var r;D(i)&&(r=i,a.splice(a.length-1,1));i=new Promise((function(i){setTimeout((function(){e.h[++wa]=i;e.o.postMessage({task:t,id:wa,args:a})}))}));return r?(i.then(r),this):i}}function xa(a,b,c){var d;try{d=b?eval('new (require("worker_threads")["Worker"])("../dist/node/node.js")'):a?new Worker(URL.createObjectURL(new Blob(["onmessage="+va.toString()],{type:"text/javascript"}))):new Worker(x(c)?c:"worker/worker.js",{type:"module"})}catch(t){}return d}function Q(t){if(!(this instanceof Q))return new Q(t);var e=t.document||t.doc||t,a;this.K=[];this.h=[];this.A=[];this.register=v();this.key=(a=e.key||e.id)&&S(a,this.A)||"id";this.m=u(t.fastupdate);this.C=(a=e.store)&&!0!==a&&[];this.store=a&&v();this.I=(a=e.tag)&&S(a,this.A);this.l=a&&v();this.cache=(a=t.cache)&&new J(a);t.cache=!1;this.o=t.worker;this.async=!1;a=v();var i=e.index||e.field||e;x(i)&&(i=[i]);for(var r=0,s=void 0,n=void 0;r<i.length;r++)s=i[r],x(s)||(n=s,s=s.field),n=C(n)?Object.assign({},t,n):t,this.o&&(a[s]=new O(n),a[s].o||(this.o=!1)),this.o||(a[s]=new K(n,this.register)),this.K[r]=S(s,this.A),this.h[r]=s;if(this.C)for(t=e.store,x(t)&&(t=[t]),e=0;e<t.length;e++)this.C[e]=S(t[e],this.A);this.index=a}function S(t,e){var a=t.split(":");var i=0;for(var r=0;r<a.length;r++)t=a[r],0<=t.indexOf("[]")&&(t=t.substring(0,t.length-2))&&(e[i]=!0),t&&(a[i++]=t);i<a.length&&(a.length=i);return 1<i?a:a[0]}function T(t,e){if(x(e))t=t[e];else for(var a=0;t&&a<e.length;a++)t=t[e[a]];return t}function U(t,e,a,i,r){t=t[r];if(i===a.length-1)e[r]=t;else if(t)if(t.constructor===Array)for(e=e[r]=Array(t.length),r=0;r<t.length;r++)U(t,e,a,i,r);else e=e[r]||(e[r]=v()),r=a[++i],U(t,e,a,i,r)}function V(t,e,a,i,r,s,n,o){if(t=t[n])if(i===e.length-1){if(t.constructor===Array){if(a[i]){for(e=0;e<t.length;e++)r.add(s,t[e],!0,!0);return}t=t.join(" ")}r.add(s,t,o,!0)}else if(t.constructor===Array)for(n=0;n<t.length;n++)V(t,e,a,i,r,s,n,o);else n=e[++i],V(t,e,a,i,r,s,n,o)}t=Q.prototype;t.add=function(t,e,a){C(t)&&(e=t,t=T(e,this.key));if(e&&(t||0===t)){if(!a&&this.register[t])return this.update(t,e);for(var i=0,r=void 0,s=void 0;i<this.h.length;i++)s=this.h[i],r=this.K[i],x(r)&&(r=[r]),V(e,r,this.A,0,this.index[s],t,r[0],a);if(this.I){var i=T(e,this.I),r=v();x(i)&&(i=[i]);for(var s=0,n=void 0,o;s<i.length;s++)if(n=i[s],!r[n]&&(r[n]=1,o=this.l[n]||(this.l[n]=[]),!a||!o.includes(t)))if(o[o.length]=t,this.m){var l=this.register[t]||(this.register[t]=[]);l[l.length]=o}}if(this.store&&(!a||!this.store[t])){var i=void 0;if(this.C){i=v();for(var r=0,s=void 0;r<this.C.length;r++)s=this.C[r],x(s)?i[s]=e[s]:U(e,i,s,0,s[0])}this.store[t]=i||e}}return this};t.append=function(t,e){return this.add(t,e,!0)};t.update=function(t,e){return this.remove(t).add(t,e)};t.remove=function(t){C(t)&&(t=T(t,this.key));if(this.register[t]){for(var e=0;e<this.h.length&&(this.index[this.h[e]].remove(t,!this.o),!this.m);e++);if(this.I&&!this.m)for(var a in this.l){e=this.l[a];var i=e.indexOf(t);-1!==i&&(1<e.length?e.splice(i,1):delete this.l[a])}this.store&&delete this.store[t];delete this.register[t]}return this};t.search=function(t,e,a,i){a||(!e&&C(t)?(a=t,t=""):C(e)&&(a=e,e=0));var r=[],s=[],n,o,l,h,c,d,f=0;if(a)if(a.constructor===Array)l=a,a=null;else{t=a.query||t;l=(n=a.pluck)||a.index||a.field;h=a.tag;o=this.store&&a.enrich;c="and"===a.bool;e=a.limit||e||100;d=a.offset||0;if(h&&(x(h)&&(h=[h]),!t)){for(var u=0,v=void 0;u<h.length;u++)if(v=ya.call(this,h[u],e,d,o))r[r.length]=v,f++;return f?r:[]}x(l)&&(l=[l])}l||(l=this.h);c=c&&(1<l.length||h&&1<h.length);var g=!i&&(this.o||this.async)&&[];for(var u=0,v=void 0,b=void 0,p=void 0;u<l.length;u++){var m=void 0;b=l[u];x(b)||(m=b,b=m.field,t=m.query||t,e=m.limit||e);if(g)g[u]=this.index[b].searchAsync(t,e,m||a);else{i?v=i[u]:v=this.index[b].search(t,e,m||a);p=v&&v.length;if(h&&p){var _=[];var y=0;c&&(_[0]=[v]);for(var z=0,w=void 0,k=void 0;z<h.length;z++)if(w=h[z],p=(k=this.l[w])&&k.length)y++,_[_.length]=c?[k]:k;y&&(v=c?ma(_,e||100,d||0):na(v,_),p=v.length)}if(p)s[f]=b,r[f++]=v;else if(c)return[]}}if(g){var S=this;return new Promise((function(i){Promise.all(g).then((function(r){i(S.search(t,e,a,r))}))}))}if(!f)return[];if(n&&(!o||!this.store))return r[0];for(var u=0,v=void 0;u<s.length;u++){v=r[u];v.length&&o&&(v=za.call(this,v));if(n)return v;r[u]={field:s[u],result:v}}return r};function ya(t,e,a,i){var r=this.l[t],s=r&&r.length-a;if(s&&0<s){if(s>e||a)r=r.slice(a,a+e);i&&(r=za.call(this,r));return{tag:t,result:r}}}function za(t){var e=Array(t.length);for(var a=0,i=void 0;a<t.length;a++)i=t[a],e[a]={id:i,doc:this.store[i]};return e}t.contain=function(t){return!!this.register[t]};t.get=function(t){return this.store[t]};t.set=function(t,e){this.store[t]=e;return this};t.searchCache=oa;t.export=function(t,e,a,i,r){r||(r=0);i||(i=0);if(i<this.h.length){var s=this.h[i],n=this.index[s];e=this;setTimeout((function(){n.export(t,e,r?s:"",i,r++)||(i++,r=1,e.export(t,e,s,i,r))}))}else{var o=void 0,l=void 0;switch(r){case 1:o="tag";l=this.l;break;case 2:o="store";l=this.store;break;default:return}ra(t,this,a,o,i,r,l)}};t.import=function(t,e){if(e)switch(x(e)&&(e=JSON.parse(e)),t){case"tag":this.l=e;break;case"reg":this.m=!1;this.register=e;for(var a=0,i=void 0;a<this.h.length;a++)i=this.index[this.h[a]],i.register=e,i.m=!1;break;case"store":this.store=e;break;default:t=t.split(".");var r=t[0];t=t[1];r&&t&&this.index[r].import(t,e)}};la(Q.prototype);var Ba={encode:Aa,F:!1,G:""};var Ca=[F("[àáâãäå]"),"a",F("[èéêë]"),"e",F("[ìíîï]"),"i",F("[òóôõöő]"),"o",F("[ùúûüű]"),"u",F("[ýŷÿ]"),"y",F("ñ"),"n",F("[çc]"),"k",F("ß"),"s",F(" & ")," and "];function Aa(t){var e=t=""+t;e.normalize&&(e=e.normalize("NFD").replace(ea,""));return ca.call(this,e.toLowerCase(),!t.normalize&&Ca)}var Ea={encode:Da,F:!1,G:"strict"};var Fa=/[^a-z0-9]+/,Ga={b:"p",v:"f",w:"f",z:"s",x:"s","ß":"s",d:"t",n:"m",c:"k",g:"k",j:"k",q:"k",i:"e",y:"e",u:"o"};function Da(t){t=Aa.call(this,t).join(" ");var e=[];if(t){var a=t.split(Fa),i=a.length;for(var r=0,s=void 0,n=0;r<i;r++)if((t=a[r])&&(!this.filter||!this.filter[t])){s=t[0];var o=Ga[s]||s,l=o;for(var h=1;h<t.length;h++){s=t[h];var c=Ga[s]||s;c&&c!==l&&(o+=c,l=c)}e[n++]=o}}return e}var Ia={encode:Ha,F:!1,G:""};var Ja=[F("ae"),"a",F("oe"),"o",F("sh"),"s",F("th"),"t",F("ph"),"f",F("pf"),"f",F("(?![aeo])h(?![aeo])"),"",F("(?!^[aeo])h(?!^[aeo])"),""];function Ha(t,e){t&&(t=Da.call(this,t).join(" "),2<t.length&&(t=E(t,Ja)),e||(1<t.length&&(t=ha(t)),t&&(t=t.split(" "))));return t||[]}var La={encode:Ka,F:!1,G:""};var Ma=F("(?!\\b)[aeo]");function Ka(t){t&&(t=Ha.call(this,t,!0),1<t.length&&(t=t.replace(Ma,"")),1<t.length&&(t=ha(t)),t&&(t=t.split(" ")));return t||[]}G["latin:default"]=ja;G["latin:simple"]=Ba;G["latin:balance"]=Ea;G["latin:advanced"]=Ia;G["latin:extra"]=La;var W=self;var Y;var Z={Index:K,Document:Q,Worker:O,registerCharset:function(t,e){G[t]=e},registerLanguage:function(t,e){ka[t]=e}};(Y=W.define)&&Y.amd?Y([],(function(){return Z})):W.exports?W.exports=Z:W.FlexSearch=Z})(commonjsGlobal)}));var stzhDatatableCss=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}stzh-datatable{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--input-width:var(--stzh-table-input-width)}stzh-datatable[hidden]{display:none}stzh-datatable *,stzh-datatable *::before,stzh-datatable *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}stzh-datatable[disable-min-width]:not([disable-min-width=false]){--min-width:none}.stzh-datatable{}.stzh-datatable__header{border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-bottom:var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-datatable__header{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-datatable__header{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-datatable__header{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-datatable__header{margin-bottom:var(--stzh-space-xlarge)}}.stzh-datatable__sub-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.stzh-datatable__heading{margin-bottom:var(--stzh-space-small)}.stzh-datatable__header .stzh-datatable__search{-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-datatable__header .stzh-datatable__search{width:var(--stzh-table-input-width);-ms-flex-positive:0;flex-grow:0}}.stzh-datatable__action-button{-ms-flex-negative:0;flex-shrink:0}.stzh-datatable__action-button:not(:empty){margin-left:var(--stzh-space-medium)}.stzh-datatable__outer-wrapper{position:relative}.stzh-datatable__outer-wrapper::before,.stzh-datatable__outer-wrapper::after{z-index:4;background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-datatable__outer-wrapper::before{left:0}.stzh-datatable__outer-wrapper::after{right:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.stzh-datatable__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-datatable__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding)}.stzh-datatable__sort-button:hover,.stzh-datatable__sort-button:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-datatable stzh-icon.stzh-datatable__sort-icon{display:none}.stzh-datatable__table{width:100%;border-spacing:0;min-width:var(--min-width)}.stzh-datatable__thead{position:-webkit-sticky;position:sticky;top:0;z-index:3}.stzh-datatable__row:hover .stzh-datatable__cell{background-color:var(--stzh-color-grey5)}.stzh-datatable__cell{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);text-align:left;border:none;vertical-align:top;border:none;border-bottom:0.0625rem solid var(--stzh-base-border-color);background-color:var(--stzh-color-white);-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.stzh-datatable__cell a{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-datatable__cell a:hover,.stzh-datatable__cell a:focus{color:var(--stzh-link-hover-color)}.stzh-datatable__cell b,.stzh-datatable__cell strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.stzh-datatable__cell i,.stzh-datatable__cell em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-datatable__cell.align-left{text-align:left}.stzh-datatable__cell.align-right{text-align:right}.stzh-datatable__cell.align-center{text-align:center}.stzh-datatable__cell.valign-auto{vertical-align:auto}.stzh-datatable__cell.valign-middle{vertical-align:middle}.stzh-datatable__cell.valign-bottom{vertical-align:bottom}.stzh-datatable__cell.nowrap{white-space:nowrap}.stzh-datatable__cell.is-sticky-left,.stzh-datatable__cell.is-sticky-right{position:-webkit-sticky;position:sticky;z-index:1}.stzh-datatable__cell.has-sticked{z-index:2}.stzh-datatable__cell.is-sticky-left{left:0}.stzh-datatable__cell.is-sticky-right{right:0}.stzh-datatable__cell.is-sticky-left::after,.stzh-datatable__cell.is-sticky-right::after{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transform:translate(100%);transform:translate(100%);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-datatable__cell.is-sticky-left::after{right:0}.stzh-datatable__cell.is-sticky-right::after{left:0;-webkit-transform:rotate(-180deg) translate(100%);transform:rotate(-180deg) translate(100%)}.stzh-datatable__cell.has-sticked.is-sticky-left::after,.stzh-datatable__cell.has-sticked.is-sticky-right::after{opacity:1}.stzh-datatable__cell--head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-datatable__cell--head.is-sortable{padding:0}.stzh-datatable__cell.has-sorted .stzh-datatable__sort-icon{display:-ms-inline-flexbox;display:inline-flex}.stzh-datatable__cell.has-sorted-desc .stzh-datatable__sort-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.stzh-datatable.has-scroll-left-shadow .stzh-datatable__outer-wrapper::before,.stzh-datatable.has-scroll-right-shadow .stzh-datatable__outer-wrapper::after{opacity:1}';var StzhDatatable=function(){function t(t){var e=this;registerInstance(this,t);this.updateScrollStates=function(){if(!e.tableWrapper){return}var t=e.tableWrapper.scrollLeft;var a=e.tableWrapper.scrollWidth;var i=e.tableWrapper.clientWidth;e.isScrollable=a>i;e.hasScrollLeft=t>0;e.hasScrollRight=t<a-i;var r=Array.from(e.tableWrapper.querySelectorAll("tr"));var s=r[0];if(!s){return}e.cellsStickyLeft=[];e.cellsStickyRight=[];var n=Array.from(s.children);n.forEach((function(a,r){var s=a.offsetLeft;var n=s+a.offsetWidth;if(e.hasScrollLeft&&e._columns[r].fixed==="left"&&Math.ceil(t)>=s){e.cellsStickyLeft.push(r)}if(e.hasScrollRight&&e._columns[r].fixed==="right"&&Math.ceil(t)+i<=n){e.cellsStickyRight.push(r)}}))};this.handleResize=function(){if(e.debounceResize){window.cancelAnimationFrame(e.debounceResize)}e.debounceResize=requestAnimationFrame(e.updateScrollStates)};this.handleScroll=function(){if(e.debounceScroll){window.cancelAnimationFrame(e.debounceScroll)}e.debounceScroll=requestAnimationFrame(e.updateScrollStates)};this.onInputChange=function(){e.query=e.input.value};this.localization=undefined;this.label="";this.sortBy="";this.sortDirection="asc";this.tokenize="forward";this.idField="id";this.disableMinWidth=false;this.rows=[];this.columns=[];this.query="";this.hasScrollLeft=false;this.hasScrollRight=false;this.isScrollable=false;this.cellsStickyLeft=[];this.cellsStickyRight=[]}t.prototype.toggleSort=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t===this.sortBy){this.sortDirection=this.sortDirection==="asc"?"desc":"asc"}else{this.sortDirection="asc";this.sortBy=t}return[2]}))}))};t.prototype.rowsWatcher=function(t){if(typeof t==="string"){this._rows=JSON.parse(t)}else{this._rows=t}this.buildSearchIndex()};t.prototype.columnsWatcher=function(t){if(typeof t==="string"){this._columns=JSON.parse(t)}else{this._columns=t}this.buildSearchIndex()};t.prototype.buildSearchIndex=function(){var t=this;if(!this._rows||this._rows.length===0||!this._columns||this._columns.length===0){return}this.searchIndex=new flexsearch_bundle.Document({tokenize:this.tokenize,matcher:{"[äà]":"a","[öó]":"o","[üûúù]":"u","[éè]":"e"},document:{id:this.idField,index:this._columns.map((function(t){return t.key}))}});this._rows.forEach((function(e){t.searchIndex.add(e)}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.columnsWatcher(this.columns);this.rowsWatcher(this.rows);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"datatable")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.updateScrollStates()};t.prototype.componentWillRender=function(){var t=this;this._rowsManaged=[];if(this.query){var e=[];this.searchIndex.search(this.query).forEach((function(t){e=__spreadArray(__spreadArray([],e,true),t.result,true)}));e=e.filter((function(t,a){return e.indexOf(t)===a}));this._rows.forEach((function(a){if(e.indexOf(a[t.idField])>-1){t._rowsManaged.push(a)}}))}else{this._rowsManaged=__spreadArray([],this._rows,true)}if(this.sortBy){this._rowsManaged.sort((function(e,a){var i=e[t.sortBy].localeCompare(a[t.sortBy]);return t.sortDirection==="asc"?i:i/-1}))}};t.prototype.connectedCallback=function(){this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)};t.prototype.disconnectedCallback=function(){if(this.resizeObserver){this.resizeObserver.disconnect()}};t.prototype.render=function(){var t=this;var e={"stzh-datatable":true,"is-scrollable":this.isScrollable,"has-scroll-left":this.hasScrollLeft,"has-scroll-right":this.hasScrollRight,"has-scroll-left-shadow":this.hasScrollLeft&&this.cellsStickyLeft.length===0,"has-scroll-right-shadow":this.hasScrollRight&&this.cellsStickyRight.length===0};return h(Host,null,h("div",{class:e},h("div",{class:"stzh-datatable__header"},h("div",{class:"stzh-datatable__heading"},h("slot",{name:"heading"})),h("div",{class:"stzh-datatable__sub-header"},h("stzh-input",{ref:function(e){return t.input=e},class:"stzh-datatable__search",size:"small",name:"stzh-datatable-search",onStzhChange:this.onInputChange,label:this.localization.searchLabel}),h("div",{class:"stzh-datatable__action-button"},h("slot",{name:"action-button"})))),h("div",{class:"stzh-datatable__outer-wrapper"},h("div",{ref:function(e){return t.tableWrapper=e},class:"stzh-datatable__wrapper",onScroll:this.handleScroll},h("table",{class:"stzh-datatable__table"},h("thead",{class:"stzh-datatable__thead"},h("tr",{class:"stzh-datatable__row stzh-datatable__row--head"},this._columns.map((function(e,a){var i;return h("th",{class:(i={"stzh-datatable__cell stzh-datatable__cell--head":true,"is-sticky-left":e.fixed==="left","is-sticky-right":e.fixed==="right","is-sortable":e.sort,"has-sticked":t.cellsStickyLeft.indexOf(a)>-1||t.cellsStickyRight.indexOf(a)>-1,"has-sorted":e.key===t.sortBy,"has-sorted-asc":e.key===t.sortBy&&t.sortDirection==="asc","has-sorted-desc":e.key===t.sortBy&&t.sortDirection==="desc"},i["align-".concat(e.align)]=e.align,i["valign-".concat(e.valign)]=e.valign,i)},e.sort?h("button",{class:"stzh-datatable__sort-button",type:"button",onClick:function(){return t.toggleSort(e.key)},"s-object-id":e.analyticsId||"".concat(e.text," ").concat(t.localization.columnSort)},h("span",null,e.text),h("stzh-icon",{name:"arrow-up",class:"stzh-datatable__sort-icon",a11yTitle:t.localization.columnSort})):h("span",null,e.text))})))),h("tbody",null,this._rowsManaged.map((function(e){return h("tr",{class:"stzh-datatable__row stzh-datatable__row--body"},t._columns.map((function(a,i){var r;var s,n,o,l,c;return h("td",{innerHTML:((s=e[a.key])===null||s===void 0?void 0:s.text)||e[a.key]||"",class:(r={"stzh-datatable__cell stzh-datatable__cell--body":true,"is-sticky-left":a.fixed==="left","is-sticky-right":a.fixed==="right","is-sortable":a.sort,"has-sticked":t.cellsStickyLeft.indexOf(i)>-1||t.cellsStickyRight.indexOf(i)>-1,"has-sorted":a.key===t.sortBy,"has-sorted-asc":a.key===t.sortBy&&t.sortDirection==="asc","has-sorted-desc":a.key===t.sortBy&&t.sortDirection==="desc"},r["align-".concat(((n=e[a.key])===null||n===void 0?void 0:n.align)||a.align)]=((o=e[a.key])===null||o===void 0?void 0:o.align)||a.align,r["valign-".concat(((l=e[a.key])===null||l===void 0?void 0:l.valign)||a.valign)]=((c=e[a.key])===null||c===void 0?void 0:c.valign)||a.valign,r)})})))}))))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{rows:["rowsWatcher"],columns:["columnsWatcher"]}},enumerable:false,configurable:true});return t}();StzhDatatable.style=stzhDatatableCss;export{StzhDatatable as stzh_datatable};
+(function _f(self){try{if(module)self=module}catch(t){}self._factory=_f;var t;function u(t){return"undefined"!==typeof t?t:!0}function aa(t){var e=Array(t);for(var a=0;a<t;a++)e[a]=v();return e}function v(){return Object.create(null)}function ba(t,e){return e.length-t.length}function x(t){return"string"===typeof t}function C(t){return"object"===typeof t}function D(t){return"function"===typeof t}function ca(t,e){var a=da;if(t&&(e&&(t=E(t,e)),this.H&&(t=E(t,this.H)),this.J&&1<t.length&&(t=E(t,this.J)),a||""===a)){t=t.split(a);if(this.filter){e=this.filter;a=t.length;var i=[];for(var r=0,s=0;r<a;r++){var n=t[r];n&&!e[n]&&(i[s++]=n)}t=i}return t}return t}var da=/[\p{Z}\p{S}\p{P}\p{C}]+/u,ea=/[\u0300-\u036f]/g;function fa(t,e){var a=Object.keys(t),i=a.length,r=[];var s="",n=0;for(var o=0,l=void 0,h=void 0;o<i;o++)l=a[o],(h=t[l])?(r[n++]=F(e?"(?!\\b)"+l+"(\\b|_)":l),r[n++]=h):s+=(s?"|":"")+l;s&&(r[n++]=F(e?"(?!\\b)("+s+")(\\b|_)":"("+s+")"),r[n]="");return r}function E(t,e){for(var a=0,i=e.length;a<i&&(t=t.replace(e[a],e[a+1]),t);a+=2);return t}function F(t){return new RegExp(t,"g")}function ha(t){var e="",a="";for(var i=0,r=t.length,s=void 0;i<r;i++)(s=t[i])!==a&&(e+=a=s);return e}var ja={encode:ia,F:!1,G:""};function ia(t){return ca.call(this,(""+t).toLowerCase(),!1)}var ka={},G={};function la(t){I(t,"add");I(t,"append");I(t,"search");I(t,"update");I(t,"remove")}function I(t,e){t[e+"Async"]=function(){var t=this,a=arguments;var i=a[a.length-1];var r;D(i)&&(r=i,delete a[a.length-1]);i=new Promise((function(i){setTimeout((function(){t.async=!0;var r=t[e].apply(t,a);t.async=!1;i(r)}))}));return r?(i.then(r),this):i}}function ma(t,e,a,i){var r=t.length;var s=[],n,o,l=0;i&&(i=[]);for(var h=r-1;0<=h;h--){var c=t[h],d=c.length,f=v();var u=!n;for(var g=0;g<d;g++){var p=c[g],b=p.length;if(b)for(var m=0,_=void 0,z=void 0;m<b;m++)if(z=p[m],n){if(n[z]){if(!h)if(a)a--;else if(s[l++]=z,l===e)return s;if(h||i)f[z]=1;u=!0}if(i&&(_=(o[z]||0)+1,o[z]=_,_<r)){var y=i[_-2]||(i[_-2]=[]);y[y.length]=z}}else f[z]=1}if(i)n||(o=f);else if(!u)return[];n=f}if(i)for(var h=i.length-1,c=void 0,d=void 0;0<=h;h--){c=i[h];d=c.length;for(var f=0,u=void 0;f<d;f++)if(u=c[f],!n[u]){if(a)a--;else if(s[l++]=u,l===e)return s;n[u]=1}}return s}function na(t,e){var a=v(),i=v(),r=[];for(var s=0;s<t.length;s++)a[t[s]]=1;for(var s=0,n=void 0;s<e.length;s++){n=e[s];for(var o=0,l=void 0;o<n.length;o++)l=n[o],a[l]&&!i[l]&&(i[l]=1,r[r.length]=l)}return r}function J(t){this.l=!0!==t&&t;this.cache=v();this.h=[]}function oa(t,e,a){C(t)&&(t=t.query);var i=this.cache.get(t);i||(i=this.search(t,e,a),this.cache.set(t,i));return i}J.prototype.set=function(t,e){if(!this.cache[t]){var a=this.h.length;a===this.l?delete this.cache[this.h[a-1]]:a++;for(--a;0<a;a--)this.h[a]=this.h[a-1];this.h[0]=t}this.cache[t]=e};J.prototype.get=function(t){var e=this.cache[t];if(this.l&&e&&(t=this.h.indexOf(t))){var a=this.h[t-1];this.h[t-1]=this.h[t];this.h[t]=a}return e};var qa={memory:{charset:"latin:extra",D:3,B:4,m:!1},performance:{D:3,B:3,s:!1,context:{depth:2,D:1}},match:{charset:"latin:extra",G:"reverse"},score:{charset:"latin:advanced",D:20,B:3,context:{depth:3,D:9}},default:{}};function ra(t,e,a,i,r,s,n){setTimeout((function(){var o=t(a?a+"."+i:i,JSON.stringify(n));o&&o.then?o.then((function(){e.export(t,e,a,r,s+1)})):e.export(t,e,a,r,s+1)}))}function K(t,e){if(!(this instanceof K))return new K(t);var a;if(t){x(t)?t=qa[t]:(a=t.preset)&&(t=Object.assign({},a[a],t));a=t.charset;var i=t.lang;x(a)&&(-1===a.indexOf(":")&&(a+=":default"),a=G[a]);x(i)&&(i=ka[i])}else t={};var r,s,n=t.context||{};this.encode=t.encode||a&&a.encode||ia;this.register=e||v();this.D=r=t.resolution||9;this.G=e=a&&a.G||t.tokenize||"strict";this.depth="strict"===e&&n.depth;this.l=u(n.bidirectional);this.s=s=u(t.optimize);this.m=u(t.fastupdate);this.B=t.minlength||1;this.C=t.boost;this.map=s?aa(r):v();this.A=r=n.resolution||1;this.h=s?aa(r):v();this.F=a&&a.F||t.rtl;this.H=(e=t.matcher||i&&i.H)&&fa(e,!1);this.J=(e=t.stemmer||i&&i.J)&&fa(e,!0);if(a=e=t.filter||i&&i.filter){a=e;i=v();for(var o=0,l=a.length;o<l;o++)i[a[o]]=1;a=i}this.filter=a;this.cache=(e=t.cache)&&new J(e)}t=K.prototype;t.append=function(t,e){return this.add(t,e,!0)};t.add=function(t,e,a,i){if(e&&(t||0===t)){if(!i&&!a&&this.register[t])return this.update(t,e);e=this.encode(e);if(i=e.length){var r=v(),s=v(),n=this.depth,o=this.D;for(var l=0;l<i;l++){var h=e[this.F?i-1-l:l];var c=h.length;if(h&&c>=this.B&&(n||!s[h])){var d=L(o,i,l),f="";switch(this.G){case"full":if(2<c){for(d=0;d<c;d++)for(var u=c;u>d;u--)if(u-d>=this.B){var g=L(o,i,l,c,d);f=h.substring(d,u);M(this,s,f,g,t,a)}break}case"reverse":if(1<c){for(u=c-1;0<u;u--)f=h[u]+f,f.length>=this.B&&M(this,s,f,L(o,i,l,c,u),t,a);f=""}case"forward":if(1<c){for(u=0;u<c;u++)f+=h[u],f.length>=this.B&&M(this,s,f,d,t,a);break}default:if(this.C&&(d=Math.min(d/this.C(e,h,l)|0,o-1)),M(this,s,h,d,t,a),n&&1<i&&l<i-1)for(c=v(),f=this.A,d=h,u=Math.min(n+1,i-l),c[d]=1,g=1;g<u;g++)if((h=e[this.F?i-1-l-g:l+g])&&h.length>=this.B&&!c[h]){c[h]=1;var p=this.l&&h>d;M(this,r,p?d:h,L(f+(i/2>f?0:1),i,l,u-1,g-1),t,a,p?h:d)}}}}this.m||(this.register[t]=1)}}return this};function L(t,e,a,i,r){return a&&1<t?e+(i||0)<=t?a+(r||0):(t-1)/(e+(i||0))*(a+(r||0))+1|0:0}function M(t,e,a,i,r,s,n){var o=n?t.h:t.map;if(!e[a]||n&&!e[a][n])t.s&&(o=o[i]),n?(e=e[a]||(e[a]=v()),e[n]=1,o=o[n]||(o[n]=v())):e[a]=1,o=o[a]||(o[a]=[]),t.s||(o=o[i]||(o[i]=[])),s&&o.includes(r)||(o[o.length]=r,t.m&&(t=t.register[r]||(t.register[r]=[]),t[t.length]=o))}t.search=function(t,e,a){a||(!e&&C(t)?(a=t,t=a.query):C(e)&&(a=e));var i=[],r;var s,n=0;if(a){t=a.query||t;e=a.limit;n=a.offset||0;var o=a.context;s=a.suggest}if(t&&(t=this.encode(""+t),r=t.length,1<r)){a=v();var l=[];for(var h=0,c=0,d=void 0;h<r;h++)if((d=t[h])&&d.length>=this.B&&!a[d])if(this.s||s||this.map[d])l[c++]=d,a[d]=1;else return i;t=l;r=t.length}if(!r)return i;e||(e=100);o=this.depth&&1<r&&!1!==o;a=0;var f;o?(f=t[0],a=1):1<r&&t.sort(ba);for(var h=void 0,c=void 0;a<r;a++){c=t[a];o?(h=sa(this,i,s,e,n,2===r,c,f),s&&!1===h&&i.length||(f=c)):h=sa(this,i,s,e,n,1===r,c);if(h)return h;if(s&&a===r-1){l=i.length;if(!l){if(o){o=0;a=-1;continue}return i}if(1===l)return ta(i[0],e,n)}}return ma(i,e,n,s)};function sa(t,e,a,i,r,s,n,o){var l=[],h=o?t.h:t.map;t.s||(h=ua(h,n,o,t.l));if(h){var c=0;var d=Math.min(h.length,o?t.A:t.D);for(var f=0,u=0,v=void 0,g=void 0;f<d;f++)if(v=h[f])if(t.s&&(v=ua(v,n,o,t.l)),r&&v&&s&&(g=v.length,g<=r?(r-=g,v=null):(v=v.slice(r),r=0)),v&&(l[c++]=v,s&&(u+=v.length,u>=i)))break;if(c){if(s)return ta(l,i,0);e[e.length]=l;return}}return!a&&l}function ta(t,e,a){t=1===t.length?t[0]:[].concat.apply([],t);return a||t.length>e?t.slice(a,a+e):t}function ua(t,e,a,i){a?(i=i&&e>a,t=(t=t[i?e:a])&&t[i?a:e]):t=t[e];return t}t.contain=function(t){return!!this.register[t]};t.update=function(t,e){return this.remove(t).add(t,e)};t.remove=function(t,e){var a=this.register[t];if(a){if(this.m)for(var i=0,r=void 0;i<a.length;i++)r=a[i],r.splice(r.indexOf(t),1);else N(this.map,t,this.D,this.s),this.depth&&N(this.h,t,this.A,this.s);e||delete this.register[t];if(this.cache){e=this.cache;for(var i=0,r=void 0,s=void 0;i<e.h.length;i++)s=e.h[i],r=e.cache[s],r.includes(t)&&(e.h.splice(i--,1),delete e.cache[s])}}return this};function N(t,e,a,i,r){var s=0;if(t.constructor===Array)if(r)e=t.indexOf(e),-1!==e?1<t.length&&(t.splice(e,1),s++):s++;else{r=Math.min(t.length,a);for(var n=0,o;n<r;n++)if(o=t[n])s=N(o,e,a,i,r),i||s||delete t[n]}else for(var n in t)(s=N(t[n],e,a,i,r))||delete t[n];return s}t.searchCache=oa;t.export=function(t,e,a,i,r){var s,n;switch(r||(r=0)){case 0:s="reg";if(this.m){n=v();for(var o in this.register)n[o]=1}else n=this.register;break;case 1:s="cfg";n={doc:0,opt:this.s?1:0};break;case 2:s="map";n=this.map;break;case 3:s="ctx";n=this.h;break;default:return}ra(t,e||this,a,s,i,r,n);return!0};t.import=function(t,e){if(e)switch(x(e)&&(e=JSON.parse(e)),t){case"cfg":this.s=!!e.opt;break;case"reg":this.m=!1;this.register=e;break;case"map":this.map=e;break;case"ctx":this.h=e}};la(K.prototype);function va(t){t=t.data;var e=self._index;var a=t.args;var i=t.task;switch(i){case"init":i=t.options||{};t=t.factory;e=i.encode;i.cache=!1;e&&0===e.indexOf("function")&&(i.encode=Function("return "+e)());t?(Function("return "+t)()(self),self._index=new self.FlexSearch.Index(i),delete self.FlexSearch):self._index=new K(i);break;default:t=t.id,e=e[i].apply(e,a),postMessage("search"===i?{id:t,msg:e}:{id:t})}}var wa=0;function O(t){if(!(this instanceof O))return new O(t);var e;t?D(e=t.encode)&&(t.encode=e.toString()):t={};(e=(self||window)._factory)&&(e=e.toString());var a="undefined"===typeof window&&self.exports,i=this;this.o=xa(e,a,t.worker);this.h=v();if(this.o){if(a)this.o.on("message",(function(t){i.h[t.id](t.msg);delete i.h[t.id]}));else this.o.onmessage=function(t){t=t.data;i.h[t.id](t.msg);delete i.h[t.id]};this.o.postMessage({task:"init",factory:e,options:t})}}P("add");P("append");P("search");P("update");P("remove");function P(t){O.prototype[t]=O.prototype[t+"Async"]=function(){var e=this,a=[].slice.call(arguments);var i=a[a.length-1];var r;D(i)&&(r=i,a.splice(a.length-1,1));i=new Promise((function(i){setTimeout((function(){e.h[++wa]=i;e.o.postMessage({task:t,id:wa,args:a})}))}));return r?(i.then(r),this):i}}function xa(a,b,c){var d;try{d=b?eval('new (require("worker_threads")["Worker"])("../dist/node/node.js")'):a?new Worker(URL.createObjectURL(new Blob(["onmessage="+va.toString()],{type:"text/javascript"}))):new Worker(x(c)?c:"worker/worker.js",{type:"module"})}catch(t){}return d}function Q(t){if(!(this instanceof Q))return new Q(t);var e=t.document||t.doc||t,a;this.K=[];this.h=[];this.A=[];this.register=v();this.key=(a=e.key||e.id)&&S(a,this.A)||"id";this.m=u(t.fastupdate);this.C=(a=e.store)&&!0!==a&&[];this.store=a&&v();this.I=(a=e.tag)&&S(a,this.A);this.l=a&&v();this.cache=(a=t.cache)&&new J(a);t.cache=!1;this.o=t.worker;this.async=!1;a=v();var i=e.index||e.field||e;x(i)&&(i=[i]);for(var r=0,s=void 0,n=void 0;r<i.length;r++)s=i[r],x(s)||(n=s,s=s.field),n=C(n)?Object.assign({},t,n):t,this.o&&(a[s]=new O(n),a[s].o||(this.o=!1)),this.o||(a[s]=new K(n,this.register)),this.K[r]=S(s,this.A),this.h[r]=s;if(this.C)for(t=e.store,x(t)&&(t=[t]),e=0;e<t.length;e++)this.C[e]=S(t[e],this.A);this.index=a}function S(t,e){var a=t.split(":");var i=0;for(var r=0;r<a.length;r++)t=a[r],0<=t.indexOf("[]")&&(t=t.substring(0,t.length-2))&&(e[i]=!0),t&&(a[i++]=t);i<a.length&&(a.length=i);return 1<i?a:a[0]}function T(t,e){if(x(e))t=t[e];else for(var a=0;t&&a<e.length;a++)t=t[e[a]];return t}function U(t,e,a,i,r){t=t[r];if(i===a.length-1)e[r]=t;else if(t)if(t.constructor===Array)for(e=e[r]=Array(t.length),r=0;r<t.length;r++)U(t,e,a,i,r);else e=e[r]||(e[r]=v()),r=a[++i],U(t,e,a,i,r)}function V(t,e,a,i,r,s,n,o){if(t=t[n])if(i===e.length-1){if(t.constructor===Array){if(a[i]){for(e=0;e<t.length;e++)r.add(s,t[e],!0,!0);return}t=t.join(" ")}r.add(s,t,o,!0)}else if(t.constructor===Array)for(n=0;n<t.length;n++)V(t,e,a,i,r,s,n,o);else n=e[++i],V(t,e,a,i,r,s,n,o)}t=Q.prototype;t.add=function(t,e,a){C(t)&&(e=t,t=T(e,this.key));if(e&&(t||0===t)){if(!a&&this.register[t])return this.update(t,e);for(var i=0,r=void 0,s=void 0;i<this.h.length;i++)s=this.h[i],r=this.K[i],x(r)&&(r=[r]),V(e,r,this.A,0,this.index[s],t,r[0],a);if(this.I){var i=T(e,this.I),r=v();x(i)&&(i=[i]);for(var s=0,n=void 0,o;s<i.length;s++)if(n=i[s],!r[n]&&(r[n]=1,o=this.l[n]||(this.l[n]=[]),!a||!o.includes(t)))if(o[o.length]=t,this.m){var l=this.register[t]||(this.register[t]=[]);l[l.length]=o}}if(this.store&&(!a||!this.store[t])){var i=void 0;if(this.C){i=v();for(var r=0,s=void 0;r<this.C.length;r++)s=this.C[r],x(s)?i[s]=e[s]:U(e,i,s,0,s[0])}this.store[t]=i||e}}return this};t.append=function(t,e){return this.add(t,e,!0)};t.update=function(t,e){return this.remove(t).add(t,e)};t.remove=function(t){C(t)&&(t=T(t,this.key));if(this.register[t]){for(var e=0;e<this.h.length&&(this.index[this.h[e]].remove(t,!this.o),!this.m);e++);if(this.I&&!this.m)for(var a in this.l){e=this.l[a];var i=e.indexOf(t);-1!==i&&(1<e.length?e.splice(i,1):delete this.l[a])}this.store&&delete this.store[t];delete this.register[t]}return this};t.search=function(t,e,a,i){a||(!e&&C(t)?(a=t,t=""):C(e)&&(a=e,e=0));var r=[],s=[],n,o,l,h,c,d,f=0;if(a)if(a.constructor===Array)l=a,a=null;else{t=a.query||t;l=(n=a.pluck)||a.index||a.field;h=a.tag;o=this.store&&a.enrich;c="and"===a.bool;e=a.limit||e||100;d=a.offset||0;if(h&&(x(h)&&(h=[h]),!t)){for(var u=0,v=void 0;u<h.length;u++)if(v=ya.call(this,h[u],e,d,o))r[r.length]=v,f++;return f?r:[]}x(l)&&(l=[l])}l||(l=this.h);c=c&&(1<l.length||h&&1<h.length);var g=!i&&(this.o||this.async)&&[];for(var u=0,v=void 0,p=void 0,b=void 0;u<l.length;u++){var m=void 0;p=l[u];x(p)||(m=p,p=m.field,t=m.query||t,e=m.limit||e);if(g)g[u]=this.index[p].searchAsync(t,e,m||a);else{i?v=i[u]:v=this.index[p].search(t,e,m||a);b=v&&v.length;if(h&&b){var _=[];var z=0;c&&(_[0]=[v]);for(var y=0,w=void 0,k=void 0;y<h.length;y++)if(w=h[y],b=(k=this.l[w])&&k.length)z++,_[_.length]=c?[k]:k;z&&(v=c?ma(_,e||100,d||0):na(v,_),b=v.length)}if(b)s[f]=p,r[f++]=v;else if(c)return[]}}if(g){var S=this;return new Promise((function(i){Promise.all(g).then((function(r){i(S.search(t,e,a,r))}))}))}if(!f)return[];if(n&&(!o||!this.store))return r[0];for(var u=0,v=void 0;u<s.length;u++){v=r[u];v.length&&o&&(v=za.call(this,v));if(n)return v;r[u]={field:s[u],result:v}}return r};function ya(t,e,a,i){var r=this.l[t],s=r&&r.length-a;if(s&&0<s){if(s>e||a)r=r.slice(a,a+e);i&&(r=za.call(this,r));return{tag:t,result:r}}}function za(t){var e=Array(t.length);for(var a=0,i=void 0;a<t.length;a++)i=t[a],e[a]={id:i,doc:this.store[i]};return e}t.contain=function(t){return!!this.register[t]};t.get=function(t){return this.store[t]};t.set=function(t,e){this.store[t]=e;return this};t.searchCache=oa;t.export=function(t,e,a,i,r){r||(r=0);i||(i=0);if(i<this.h.length){var s=this.h[i],n=this.index[s];e=this;setTimeout((function(){n.export(t,e,r?s:"",i,r++)||(i++,r=1,e.export(t,e,s,i,r))}))}else{var o=void 0,l=void 0;switch(r){case 1:o="tag";l=this.l;break;case 2:o="store";l=this.store;break;default:return}ra(t,this,a,o,i,r,l)}};t.import=function(t,e){if(e)switch(x(e)&&(e=JSON.parse(e)),t){case"tag":this.l=e;break;case"reg":this.m=!1;this.register=e;for(var a=0,i=void 0;a<this.h.length;a++)i=this.index[this.h[a]],i.register=e,i.m=!1;break;case"store":this.store=e;break;default:t=t.split(".");var r=t[0];t=t[1];r&&t&&this.index[r].import(t,e)}};la(Q.prototype);var Ba={encode:Aa,F:!1,G:""};var Ca=[F("[àáâãäå]"),"a",F("[èéêë]"),"e",F("[ìíîï]"),"i",F("[òóôõöő]"),"o",F("[ùúûüű]"),"u",F("[ýŷÿ]"),"y",F("ñ"),"n",F("[çc]"),"k",F("ß"),"s",F(" & ")," and "];function Aa(t){var e=t=""+t;e.normalize&&(e=e.normalize("NFD").replace(ea,""));return ca.call(this,e.toLowerCase(),!t.normalize&&Ca)}var Ea={encode:Da,F:!1,G:"strict"};var Fa=/[^a-z0-9]+/,Ga={b:"p",v:"f",w:"f",z:"s",x:"s","ß":"s",d:"t",n:"m",c:"k",g:"k",j:"k",q:"k",i:"e",y:"e",u:"o"};function Da(t){t=Aa.call(this,t).join(" ");var e=[];if(t){var a=t.split(Fa),i=a.length;for(var r=0,s=void 0,n=0;r<i;r++)if((t=a[r])&&(!this.filter||!this.filter[t])){s=t[0];var o=Ga[s]||s,l=o;for(var h=1;h<t.length;h++){s=t[h];var c=Ga[s]||s;c&&c!==l&&(o+=c,l=c)}e[n++]=o}}return e}var Ia={encode:Ha,F:!1,G:""};var Ja=[F("ae"),"a",F("oe"),"o",F("sh"),"s",F("th"),"t",F("ph"),"f",F("pf"),"f",F("(?![aeo])h(?![aeo])"),"",F("(?!^[aeo])h(?!^[aeo])"),""];function Ha(t,e){t&&(t=Da.call(this,t).join(" "),2<t.length&&(t=E(t,Ja)),e||(1<t.length&&(t=ha(t)),t&&(t=t.split(" "))));return t||[]}var La={encode:Ka,F:!1,G:""};var Ma=F("(?!\\b)[aeo]");function Ka(t){t&&(t=Ha.call(this,t,!0),1<t.length&&(t=t.replace(Ma,"")),1<t.length&&(t=ha(t)),t&&(t=t.split(" ")));return t||[]}G["latin:default"]=ja;G["latin:simple"]=Ba;G["latin:balance"]=Ea;G["latin:advanced"]=Ia;G["latin:extra"]=La;var W=self;var Y;var Z={Index:K,Document:Q,Worker:O,registerCharset:function(t,e){G[t]=e},registerLanguage:function(t,e){ka[t]=e}};(Y=W.define)&&Y.amd?Y([],(function(){return Z})):W.exports?W.exports=Z:W.FlexSearch=Z})(commonjsGlobal)}));var stzhDatatableCss=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}stzh-datatable{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--input-width:var(--stzh-table-input-width)}stzh-datatable[hidden]{display:none}stzh-datatable *,stzh-datatable *::before,stzh-datatable *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}stzh-datatable[disable-min-width]:not([disable-min-width=false]){--min-width:none}.stzh-datatable{}.stzh-datatable__header{border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-bottom:var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-datatable__header{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-datatable__header{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-datatable__header{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-datatable__header{margin-bottom:var(--stzh-space-xlarge)}}.stzh-datatable__sub-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.stzh-datatable__heading{margin-bottom:var(--stzh-space-small)}.stzh-datatable__header .stzh-datatable__search{-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-datatable__header .stzh-datatable__search{width:var(--stzh-table-input-width);-ms-flex-positive:0;flex-grow:0}}.stzh-datatable__action-button{-ms-flex-negative:0;flex-shrink:0}.stzh-datatable__action-button:not(:empty){margin-left:var(--stzh-space-medium)}.stzh-datatable__outer-wrapper{position:relative}.stzh-datatable__outer-wrapper::before,.stzh-datatable__outer-wrapper::after{z-index:4;background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-datatable__outer-wrapper::before{left:0}.stzh-datatable__outer-wrapper::after{right:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.stzh-datatable__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-datatable__pagination-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.stzh-datatable__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-medium)}.stzh-datatable__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding)}.stzh-datatable__sort-button:hover,.stzh-datatable__sort-button:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-datatable stzh-icon.stzh-datatable__sort-icon{display:none}.stzh-datatable__table{width:100%;border-spacing:0;min-width:var(--min-width)}.stzh-datatable__thead{position:-webkit-sticky;position:sticky;top:0;z-index:3}.stzh-datatable__row:hover .stzh-datatable__cell{background-color:var(--stzh-color-grey5)}.stzh-datatable__cell{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);text-align:left;border:none;vertical-align:top;border:none;border-bottom:0.0625rem solid var(--stzh-base-border-color);background-color:var(--stzh-color-white);-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.stzh-datatable__cell a{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-datatable__cell a:hover,.stzh-datatable__cell a:focus{color:var(--stzh-link-hover-color)}.stzh-datatable__cell b,.stzh-datatable__cell strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.stzh-datatable__cell i,.stzh-datatable__cell em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-datatable__cell.align-left{text-align:left}.stzh-datatable__cell.align-right{text-align:right}.stzh-datatable__cell.align-center{text-align:center}.stzh-datatable__cell.valign-auto{vertical-align:auto}.stzh-datatable__cell.valign-middle{vertical-align:middle}.stzh-datatable__cell.valign-bottom{vertical-align:bottom}.stzh-datatable__cell.nowrap{white-space:nowrap}.stzh-datatable__cell.is-sticky-left,.stzh-datatable__cell.is-sticky-right{position:-webkit-sticky;position:sticky;z-index:1}.stzh-datatable__cell.has-sticked{z-index:2}.stzh-datatable__cell.is-sticky-left{left:0}.stzh-datatable__cell.is-sticky-right{right:0}.stzh-datatable__cell.is-sticky-left::after,.stzh-datatable__cell.is-sticky-right::after{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transform:translate(100%);transform:translate(100%);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-datatable__cell.is-sticky-left::after{right:0}.stzh-datatable__cell.is-sticky-right::after{left:0;-webkit-transform:rotate(-180deg) translate(100%);transform:rotate(-180deg) translate(100%)}.stzh-datatable__cell.has-sticked.is-sticky-left::after,.stzh-datatable__cell.has-sticked.is-sticky-right::after{opacity:1}.stzh-datatable__cell--head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-datatable__cell--head.is-sortable{padding:0}.stzh-datatable__cell.has-sorted .stzh-datatable__sort-icon{display:-ms-inline-flexbox;display:inline-flex}.stzh-datatable__cell.has-sorted-desc .stzh-datatable__sort-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.stzh-datatable.has-list .stzh-datatable__outer-wrapper{display:none}@media screen and (min-width: 600px){.stzh-datatable.has-list .stzh-datatable__outer-wrapper{display:block}}@media screen and (min-width: 600px){.stzh-datatable.has-list .stzh-datatable__list-wrapper{display:none}}.stzh-datatable.has-scroll-left-shadow .stzh-datatable__outer-wrapper::before,.stzh-datatable.has-scroll-right-shadow .stzh-datatable__outer-wrapper::after{opacity:1}';var StzhDatatable=function(){function t(t){var e=this;registerInstance(this,t);this.updateScrollStates=function(){if(!e.tableWrapper){return}var t=e.tableWrapper.scrollLeft;var a=e.tableWrapper.scrollWidth;var i=e.tableWrapper.clientWidth;e.isScrollable=a>i;e.hasScrollLeft=t>0;e.hasScrollRight=t<a-i;var r=Array.from(e.tableWrapper.querySelectorAll("tr"));var s=r[0];if(!s){return}e.cellsStickyLeft=[];e.cellsStickyRight=[];var n=Array.from(s.children);n.forEach((function(a,r){var s=a.offsetLeft;var n=s+a.offsetWidth;if(e.hasScrollLeft&&e._columns[r].fixed==="left"&&Math.ceil(t)>=s){e.cellsStickyLeft.push(r)}if(e.hasScrollRight&&e._columns[r].fixed==="right"&&Math.ceil(t)+i<=n){e.cellsStickyRight.push(r)}}))};this.handleResize=function(){if(e.debounceResize){window.cancelAnimationFrame(e.debounceResize)}e.debounceResize=requestAnimationFrame(e.updateScrollStates)};this.handleScroll=function(){if(e.debounceScroll){window.cancelAnimationFrame(e.debounceScroll)}e.debounceScroll=requestAnimationFrame(e.updateScrollStates)};this.onInputChange=function(){e.query=e.input.value};this.onPaginationChange=function(t){if(t.detail.component==="stzh-pagination"){e.page=t.detail.page}};this.localization=undefined;this.label="";this.sortBy="";this.sortDirection="asc";this.tokenize="forward";this.idField="id";this.showList=false;this.page=1;this.pageSize=null;this.disableMinWidth=false;this.rows=[];this.columns=[];this.query="";this.hasScrollLeft=false;this.hasScrollRight=false;this.isScrollable=false;this.cellsStickyLeft=[];this.cellsStickyRight=[]}t.prototype.toggleSort=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.page=1;if(t===this.sortBy){this.sortDirection=this.sortDirection==="asc"?"desc":"asc"}else{this.sortDirection="asc";this.sortBy=t}return[2]}))}))};t.prototype.rowsWatcher=function(t){if(typeof t==="string"){this._rows=JSON.parse(t)}else{this._rows=t}this.buildSearchIndex()};t.prototype.columnsWatcher=function(t){if(typeof t==="string"){this._columns=JSON.parse(t)}else{this._columns=t}this.buildSearchIndex()};t.prototype.buildSearchIndex=function(){var t=this;if(!this._rows||this._rows.length===0||!this._columns||this._columns.length===0){return}this.searchIndex=new flexsearch_bundle.Document({tokenize:this.tokenize,matcher:{"[äà]":"a","[öó]":"o","[üûúù]":"u","[éè]":"e"},document:{id:this.idField,index:this._columns.map((function(t){return t.key}))}});this._rows.forEach((function(e){t.searchIndex.add(e)}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.columnsWatcher(this.columns);this.rowsWatcher(this.rows);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"datatable")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.updateScrollStates()};t.prototype.componentWillRender=function(){var t=this;this._rowsShown=[];this._rowsFiltered=[];if(this.query){var e=[];this.searchIndex.search(this.query).forEach((function(t){e=__spreadArray(__spreadArray([],e,true),t.result,true)}));e=e.filter((function(t,a){return e.indexOf(t)===a}));this._rows.forEach((function(a){if(e.indexOf(a[t.idField])>-1){t._rowsFiltered.push(a)}}))}else{this._rowsFiltered=__spreadArray([],this._rows,true)}if(this.sortBy){this._rowsFiltered.sort((function(e,a){var i=e[t.sortBy].localeCompare(a[t.sortBy]);return t.sortDirection==="asc"?i:i/-1}))}if(this.pageSize!==null){var a=this.page*this.pageSize;this._rowsShown=this._rowsFiltered.slice(a-this.pageSize,a)}else{this._rowsShown=__spreadArray([],this._rowsFiltered,true)}};t.prototype.connectedCallback=function(){this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)};t.prototype.disconnectedCallback=function(){if(this.resizeObserver){this.resizeObserver.disconnect()}};t.prototype.render=function(){var t=this;var e={"stzh-datatable":true,"is-scrollable":this.isScrollable,"has-scroll-left":this.hasScrollLeft,"has-scroll-right":this.hasScrollRight,"has-scroll-left-shadow":this.hasScrollLeft&&this.cellsStickyLeft.length===0,"has-scroll-right-shadow":this.hasScrollRight&&this.cellsStickyRight.length===0,"has-list":this.showList};var a=Math.ceil(this._rowsFiltered.length/this.pageSize);return h(Host,null,h("div",{class:e},h("div",{class:"stzh-datatable__header"},h("div",{class:"stzh-datatable__heading"},h("slot",{name:"heading"})),h("div",{class:"stzh-datatable__sub-header"},h("stzh-input",{ref:function(e){return t.input=e},class:"stzh-datatable__search",size:"small",name:"stzh-datatable-search",onStzhChange:this.onInputChange,label:this.localization.searchLabel}),h("div",{class:"stzh-datatable__action-button"},h("slot",{name:"action-button"})))),h("div",{class:"stzh-datatable__outer-wrapper"},h("div",{ref:function(e){return t.tableWrapper=e},class:"stzh-datatable__wrapper",onScroll:this.handleScroll},h("table",{class:"stzh-datatable__table"},h("thead",{class:"stzh-datatable__thead"},h("tr",{class:"stzh-datatable__row stzh-datatable__row--head"},this._columns.map((function(e,a){var i;return h("th",{class:(i={"stzh-datatable__cell stzh-datatable__cell--head":true,"is-sticky-left":e.fixed==="left","is-sticky-right":e.fixed==="right","is-sortable":e.sort,"has-sticked":t.cellsStickyLeft.indexOf(a)>-1||t.cellsStickyRight.indexOf(a)>-1,"has-sorted":e.key===t.sortBy,"has-sorted-asc":e.key===t.sortBy&&t.sortDirection==="asc","has-sorted-desc":e.key===t.sortBy&&t.sortDirection==="desc"},i["align-".concat(e.align)]=e.align,i["valign-".concat(e.valign)]=e.valign,i)},e.sort?h("button",{class:"stzh-datatable__sort-button",type:"button",onClick:function(){return t.toggleSort(e.key)},"s-object-id":e.analyticsId||"".concat(e.text," ").concat(t.localization.columnSort)},h("span",null,e.text),h("stzh-icon",{name:"arrow-up",class:"stzh-datatable__sort-icon",a11yTitle:t.localization.columnSort})):h("span",null,e.text))})))),h("tbody",null,this._rowsShown.map((function(e){return h("tr",{class:"stzh-datatable__row stzh-datatable__row--body"},t._columns.map((function(a,i){var r;var s,n,o,l,c;return h("td",{innerHTML:((s=e[a.key])===null||s===void 0?void 0:s.text)||e[a.key]||"",class:(r={"stzh-datatable__cell stzh-datatable__cell--body":true,"is-sticky-left":a.fixed==="left","is-sticky-right":a.fixed==="right","is-sortable":a.sort,"has-sticked":t.cellsStickyLeft.indexOf(i)>-1||t.cellsStickyRight.indexOf(i)>-1,"has-sorted":a.key===t.sortBy,"has-sorted-asc":a.key===t.sortBy&&t.sortDirection==="asc","has-sorted-desc":a.key===t.sortBy&&t.sortDirection==="desc"},r["align-".concat(((n=e[a.key])===null||n===void 0?void 0:n.align)||a.align)]=((o=e[a.key])===null||o===void 0?void 0:o.align)||a.align,r["valign-".concat(((l=e[a.key])===null||l===void 0?void 0:l.valign)||a.valign)]=((c=e[a.key])===null||c===void 0?void 0:c.valign)||a.valign,r)})})))})))))),this.showList&&h("div",{class:"stzh-datatable__list-wrapper"},h("stzh-card-list",null,this._rowsShown.map((function(e){return h("stzh-card",null,h("stzh-datalist",{slot:"content",direction:"horizontal"},t._columns.map((function(t){var a;return h("stzh-datalist-item",{label:t.text,value:((a=e[t.key])===null||a===void 0?void 0:a.text)||e[t.key]||""})}))))})))),this.pageSize!==null&&a>1&&h("div",{class:"stzh-datatable__pagination-wrapper"},h("stzh-pagination",{value:this.page,total:a,onStzhChange:this.onPaginationChange}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{rows:["rowsWatcher"],columns:["columnsWatcher"]}},enumerable:false,configurable:true});return t}();StzhDatatable.style=stzhDatatableCss;export{StzhDatatable as stzh_datatable};
 //# sourceMappingURL=stzh-datatable.entry.js.map