@oiz/stzh-components 4.12.1-beta1 → 4.12.2

package/dist/stzh-components/{p-539bb440.entry.js → p-b9d617d4.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a,d as s}from"./p-BDy81lpO.js";import{s as i,h}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const r=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-table{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}stzh-table[hidden],stzh-table[stzh-hidden]{display:none}stzh-table::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-table *,stzh-table *::before,stzh-table *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-table{}stzh-table .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-table .stzh-fylingfocus-focused{outline-style:none !important}stzh-table .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-table{--stzh-list-font-size:"";--stzh-list-line-height:"";--stzh-list-letter-spacing:"";--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--search-input-width:var(--stzh-table-search-input-width)}stzh-table[disable-min-width]:not([disable-min-width=false]){--min-width:none}.stzh-table{-webkit-text-size-adjust:100%}.stzh-table__sub-header{display:flex;align-items:flex-end;justify-content:space-between}.stzh-table__header .stzh-table__search{flex-grow:1;margin-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__header .stzh-table__search{width:var(--search-input-width);flex-grow:0}}.stzh-table__action-button{flex-shrink:0;margin-left:auto}.stzh-table__outer-wrapper{position:relative}.stzh-table__outer-wrapper::before,.stzh-table__outer-wrapper::after{z-index:4;background:linear-gradient(90deg, rgb(210, 210, 210) 0%, rgba(255, 255, 255, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:1.5rem;transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-table__outer-wrapper::before{left:0}.stzh-table__outer-wrapper::after{right:0;transform:rotate(-180deg)}.stzh-table__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-table__wrapper::-webkit-scrollbar{position:absolute;z-index:9999999;width:0.5rem;background-color:transparent}.stzh-table__wrapper::-webkit-scrollbar:horizontal{height:0.5rem}.stzh-table__wrapper::-webkit-scrollbar-track{background-color:transparent}.stzh-table__wrapper::-webkit-scrollbar-thumb{background-color:var(--stzh-color-secondary50)}.stzh-table__wrapper::-webkit-scrollbar-thumb:active,.stzh-table__wrapper ::-webkit-scrollbar-thumb:hover{background-color:var(--stzh-color-secondary50)}.stzh-table__pagination-wrapper{display:flex;justify-content:flex-end}.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-table__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);cursor:pointer;appearance:none;background:none;border:none;display:inline-flex;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding);gap:var(--stzh-space-xxsmall)}.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:Highlight}}.stzh-table__list-sort-wrapper{display:flex;flex-direction:column;align-items:flex-start}.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-table__list-sort-wrapper stzh-dropdown+stzh-dropdown{margin-top:calc(var(--stzh-space-xsmall) / -1)}.stzh-table table{width:100%;border-spacing:0;min-width:var(--min-width);}.stzh-table table.has-layout-fixed{table-layout:fixed}.stzh-table thead{position:sticky;top:0;z-index:1}.stzh-table tbody tr:nth-child(even) td,.stzh-table tbody tr:nth-child(even) th{background-color:var(--stzh-color-grey10)}.stzh-table td,.stzh-table th{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;background-color:var(--stzh-color-white);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding)}.stzh-table td a,.stzh-table th a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.stzh-table td a:hover,.stzh-table th a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.stzh-table td b,.stzh-table td strong,.stzh-table th b,.stzh-table th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-table td i,.stzh-table td em,.stzh-table th i,.stzh-table th em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.stzh-table td,.stzh-table th{}.stzh-table td.align-left,.stzh-table th.align-left{text-align:left}.stzh-table td.align-right,.stzh-table th.align-right{text-align:right}.stzh-table td.align-center,.stzh-table th.align-center{text-align:center}.stzh-table td,.stzh-table th{}.stzh-table td.valign-auto,.stzh-table th.valign-auto{vertical-align:auto}.stzh-table td.valign-middle,.stzh-table th.valign-middle{vertical-align:middle}.stzh-table td.valign-bottom,.stzh-table th.valign-bottom{vertical-align:bottom}.stzh-table td.valign-top,.stzh-table th.valign-top{vertical-align:top}.stzh-table td,.stzh-table th{}.stzh-table td.nowrap,.stzh-table th.nowrap{white-space:nowrap}.stzh-table td,.stzh-table th{}.stzh-table td.is-head,.stzh-table th.is-head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-table td,.stzh-table th{}.stzh-table td.is-sticky-left,.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-left,.stzh-table th.is-sticky-right{position:sticky;z-index:1}.stzh-table td.has-sticked,.stzh-table th.has-sticked{z-index:2}.stzh-table td.is-sticky-left,.stzh-table th.is-sticky-left{left:0}.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-right{right:0}.stzh-table td.is-sticky-left::after,.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-left::after,.stzh-table th.is-sticky-right::after{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;transform:translate(100%);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-table td.is-sticky-left::after,.stzh-table th.is-sticky-left::after{right:0}.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-right::after{left:0;transform:rotate(-180deg) translate(100%)}.stzh-table td.has-sticked.is-sticky-left::after,.stzh-table td.has-sticked.is-sticky-right::after,.stzh-table th.has-sticked.is-sticky-left::after,.stzh-table th.has-sticked.is-sticky-right::after{opacity:1}.stzh-table th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-table-head-color, var(--stzh-color-primary))}.stzh-table th.is-sortable{padding:0}.stzh-table th:has(>span):has(>stzh-icon)>span,.stzh-table th:has(>span):has(>stzh-icon)>stzh-icon{vertical-align:middle}.stzh-table th:has(>span):has(>stzh-icon)>stzh-icon{display:inline-block}.stzh-table{}td.has-sorted .stzh-table__sort-icon,th.has-sorted .stzh-table__sort-icon{display:inline-flex}td.has-sorted-desc .stzh-table__sort-icon,th.has-sorted-desc .stzh-table__sort-icon{transform:rotate(180deg)}.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-xlarge)}}.stzh-table.has-action-or-search .stzh-table__heading:not(:empty){margin-bottom:var(--stzh-space-xlarge)}.stzh-table{}.stzh-table.has-list .stzh-table__outer-wrapper{display:none}@media screen and (min-width: 1260px){.stzh-table.has-list .stzh-table__outer-wrapper{display:block}}@media screen and (min-width: 1260px){.stzh-table.has-list .stzh-table__list-wrapper{display:none}}.stzh-table{}.stzh-table.has-scroll-left-shadow .stzh-table__outer-wrapper::before,.stzh-table.has-scroll-right-shadow .stzh-table__outer-wrapper::after{opacity:1}.stzh-table.has-scroll-right .stzh-table__wrapper{overflow-x:scroll}`;const o="has-sticked";const l="is-sticky-left";const n="is-sticky-right";const d=class{constructor(e){t(this,e);this.fixedLeft=null;this.fixedRight=null;this.disableMinWidth=false;this.hasScrollLeft=false;this.hasScrollRight=false;this.isScrollable=false;this.cellsStickyLeft=[];this.cellsStickyRight=[];this.updateCellClasses=()=>{if(!this.tableWrapper){return}const t=Array.from(this.tableWrapper.querySelectorAll("tr"));t.forEach((t=>{const e=Array.from(t.children);e.forEach(((t,e)=>{t.classList.remove(l);t.classList.remove(n);if(e===this.fixedLeft){t.classList.add(l)}if(e===this.fixedRight){t.classList.add(n)}}))}))};this.updateScrollStates=()=>{if(!this.tableWrapper){return}const t=this.tableWrapper.scrollLeft;const e=this.tableWrapper.scrollWidth;const a=this.tableWrapper.clientWidth;this.isScrollable=e>a;this.hasScrollLeft=t>0;this.hasScrollRight=t<e-a;const s=Array.from(this.tableWrapper.querySelectorAll("tr"));const i=s[0];if(!i){return}this.cellsStickyLeft=[];this.cellsStickyRight=[];const h=Array.from(i.children);h.forEach(((e,s)=>{const i=e.offsetLeft;const h=i+e.offsetWidth;if(this.hasScrollLeft&&s===this.fixedLeft&&Math.ceil(t)>=i){this.cellsStickyLeft.push(s)}if(this.hasScrollRight&&s===this.fixedRight&&Math.ceil(t)+a<=h){this.cellsStickyRight.push(s)}}));s.forEach((t=>{const e=Array.from(t.children);e.forEach(((t,e)=>{if(this.cellsStickyLeft.indexOf(e)>-1||this.cellsStickyRight.indexOf(e)>-1){t.classList.add(o)}else{t.classList.remove(o)}}))}))};this.init=()=>{const t=this.element.querySelector('stzh-input[slot="search"], [slot="search"] stzh-input');const e=this.element.querySelectorAll('stzh-dropdown[slot="list-sort-by-dropdown"], [slot="list-sort-by-dropdown"] stzh-dropdown, stzh-dropdown[slot="list-sort-direction-dropdown"], [slot="list-sort-direction-dropdown"] stzh-dropdown');if(t){i(t,{type:"search",size:"small",hideOptional:true})}e.forEach((t=>{i(t,{inline:true,noSearch:true,variant:"plain",size:"small"})}));this.updateCellClasses();this.updateScrollStates()};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateScrollStates)};this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateScrollStates)}}fixedCellWatcher(){this.updateCellClasses();this.updateScrollStates()}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true});this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.resizeObserver){this.resizeObserver.disconnect()}}render(){const t=h(this.element,"heading");const s=h(this.element,"action-button");const i=h(this.element,"search");const r=h(this.element,"list");const o={"stzh-table":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":r,"has-heading":t,"has-action-or-search":s||i,"has-header":t||s||i};return e(a,{key:"5c0a4a42c0e4c26a65efa93d307cd206e93e4566"},e("div",{key:"650071076ff2b86f5b4a08e4749d3b5414ae74ea",class:o},e("div",{key:"f1e1577a273576d45aaf3acaf5017e2e31a4d33d",class:"stzh-table__header"},e("div",{key:"00e07305a4ea313557477b7958f877a7d50274a9",class:"stzh-table__heading"},e("slot",{key:"2fe822dce64bfa9ea1f4ffed79b990657f344c3c",name:"heading"})),e("div",{key:"da5d25046df08c697be923258da33ff958506989",class:"stzh-table__sub-header"},e("div",{key:"0ecd9e657290dbab80b446e625f3195a90bea449",class:"stzh-table__search"},e("slot",{key:"7cdce7b6f2c70249b3d49e02980572083f95f4a4",name:"search"})),e("div",{key:"ae2c80e3ae5f5c79fdb6263866ad81db5d28a069",class:"stzh-table__action-button"},e("slot",{key:"fb7d9aafe717a86152800ea57f310a6ace88dba9",name:"action-button"})))),e("div",{key:"c643337aaa4ddf8dc52098322b38df745f7600a2",class:"stzh-table__outer-wrapper"},e("div",{key:"9a0c7ecdfe9d439bf2ebe818e7c7a0b8110c805a",ref:t=>this.tableWrapper=t,class:"stzh-table__wrapper",onScroll:this.handleScroll},e("slot",{key:"b54ccb03f9d55f2b2261a5c23389dfd49b10386f"}))),e("div",{key:"f4e098292d09ee11ffd9379cfaa297bb4445d8d6",class:"stzh-table__list-wrapper"},e("div",{key:"c55b67301ec0567178cd5236039789f054ca38a5",class:"stzh-table__list-sort-wrapper"},e("slot",{key:"a1be7be3134c071747ea74485231e93adbdecbd0",name:"list-sort-by-dropdown"}),e("slot",{key:"9763b339db0de449b0ff28c6739a44c0c4372f13",name:"list-sort-direction-dropdown"})),e("slot",{key:"bed2de17d6d0364d5f2f7fdb1a1931e54a9f17e7",name:"list"})),e("div",{key:"602be8d2c8c144a8a4ba081b5b8d383d701a89c2",class:"stzh-table__pagination-wrapper"},e("slot",{key:"0e64a2f53b7c2c7a8c2b3a3c1606409ca2f2c651",name:"pagination"}))))}get element(){return s(this)}static get watchers(){return{fixedLeft:["fixedCellWatcher"],fixedRight:["fixedCellWatcher"]}}};d.style=r();export{d as stzh_table};
-//# sourceMappingURL=p-539bb440.entry.js.map
+import{r as t,h as e,a,d as s}from"./p-BMrO_esM.js";import{s as i,h}from"./p-DhuTERdU.js";import"./p-BubviQku.js";const r=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-table{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}stzh-table[hidden],stzh-table[stzh-hidden]{display:none}stzh-table::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-table *,stzh-table *::before,stzh-table *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-table{}stzh-table .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-table .stzh-fylingfocus-focused{outline-style:none !important}stzh-table .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-table{--stzh-list-font-size:"";--stzh-list-line-height:"";--stzh-list-letter-spacing:"";--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--search-input-width:var(--stzh-table-search-input-width)}stzh-table[disable-min-width]:not([disable-min-width=false]){--min-width:none}.stzh-table{-webkit-text-size-adjust:100%}.stzh-table__sub-header{display:flex;align-items:flex-end;justify-content:space-between}.stzh-table__header .stzh-table__search{flex-grow:1;margin-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__header .stzh-table__search{width:var(--search-input-width);flex-grow:0}}.stzh-table__action-button{flex-shrink:0;margin-left:auto}.stzh-table__outer-wrapper{position:relative}.stzh-table__outer-wrapper::before,.stzh-table__outer-wrapper::after{z-index:4;background:linear-gradient(90deg, rgb(210, 210, 210) 0%, rgba(255, 255, 255, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:1.5rem;transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-table__outer-wrapper::before{left:0}.stzh-table__outer-wrapper::after{right:0;transform:rotate(-180deg)}.stzh-table__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-table__wrapper::-webkit-scrollbar{position:absolute;z-index:9999999;width:0.5rem;background-color:transparent}.stzh-table__wrapper::-webkit-scrollbar:horizontal{height:0.5rem}.stzh-table__wrapper::-webkit-scrollbar-track{background-color:transparent}.stzh-table__wrapper::-webkit-scrollbar-thumb{background-color:var(--stzh-color-secondary50)}.stzh-table__wrapper::-webkit-scrollbar-thumb:active,.stzh-table__wrapper ::-webkit-scrollbar-thumb:hover{background-color:var(--stzh-color-secondary50)}.stzh-table__pagination-wrapper{display:flex;justify-content:flex-end}.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-table__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);cursor:pointer;appearance:none;background:none;border:none;display:inline-flex;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding);gap:var(--stzh-space-xxsmall)}.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:Highlight}}.stzh-table__list-sort-wrapper{display:flex;flex-direction:column;align-items:flex-start}.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-table__list-sort-wrapper stzh-dropdown+stzh-dropdown{margin-top:calc(var(--stzh-space-xsmall) / -1)}.stzh-table table{width:100%;border-spacing:0;min-width:var(--min-width);}.stzh-table table.has-layout-fixed{table-layout:fixed}.stzh-table thead{position:sticky;top:0;z-index:1}.stzh-table tbody tr:nth-child(even) td,.stzh-table tbody tr:nth-child(even) th{background-color:var(--stzh-color-grey10)}.stzh-table td,.stzh-table th{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;background-color:var(--stzh-color-white);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding)}.stzh-table td a,.stzh-table th a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.stzh-table td a:hover,.stzh-table th a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.stzh-table td b,.stzh-table td strong,.stzh-table th b,.stzh-table th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-table td i,.stzh-table td em,.stzh-table th i,.stzh-table th em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.stzh-table td,.stzh-table th{}.stzh-table td.align-left,.stzh-table th.align-left{text-align:left}.stzh-table td.align-right,.stzh-table th.align-right{text-align:right}.stzh-table td.align-center,.stzh-table th.align-center{text-align:center}.stzh-table td,.stzh-table th{}.stzh-table td.valign-auto,.stzh-table th.valign-auto{vertical-align:auto}.stzh-table td.valign-middle,.stzh-table th.valign-middle{vertical-align:middle}.stzh-table td.valign-bottom,.stzh-table th.valign-bottom{vertical-align:bottom}.stzh-table td.valign-top,.stzh-table th.valign-top{vertical-align:top}.stzh-table td,.stzh-table th{}.stzh-table td.nowrap,.stzh-table th.nowrap{white-space:nowrap}.stzh-table td,.stzh-table th{}.stzh-table td.is-head,.stzh-table th.is-head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-table td,.stzh-table th{}.stzh-table td.is-sticky-left,.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-left,.stzh-table th.is-sticky-right{position:sticky;z-index:1}.stzh-table td.has-sticked,.stzh-table th.has-sticked{z-index:2}.stzh-table td.is-sticky-left,.stzh-table th.is-sticky-left{left:0}.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-right{right:0}.stzh-table td.is-sticky-left::after,.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-left::after,.stzh-table th.is-sticky-right::after{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;transform:translate(100%);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-table td.is-sticky-left::after,.stzh-table th.is-sticky-left::after{right:0}.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-right::after{left:0;transform:rotate(-180deg) translate(100%)}.stzh-table td.has-sticked.is-sticky-left::after,.stzh-table td.has-sticked.is-sticky-right::after,.stzh-table th.has-sticked.is-sticky-left::after,.stzh-table th.has-sticked.is-sticky-right::after{opacity:1}.stzh-table th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-table-head-color, var(--stzh-color-primary))}.stzh-table th.is-sortable{padding:0}.stzh-table th:has(>span):has(>stzh-icon)>span,.stzh-table th:has(>span):has(>stzh-icon)>stzh-icon{vertical-align:middle}.stzh-table th:has(>span):has(>stzh-icon)>stzh-icon{display:inline-block}.stzh-table{}td.has-sorted .stzh-table__sort-icon,th.has-sorted .stzh-table__sort-icon{display:inline-flex}td.has-sorted-desc .stzh-table__sort-icon,th.has-sorted-desc .stzh-table__sort-icon{transform:rotate(180deg)}.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-xlarge)}}.stzh-table.has-action-or-search .stzh-table__heading:not(:empty){margin-bottom:var(--stzh-space-xlarge)}.stzh-table{}.stzh-table.has-list .stzh-table__outer-wrapper{display:none}@media screen and (min-width: 1260px){.stzh-table.has-list .stzh-table__outer-wrapper{display:block}}@media screen and (min-width: 1260px){.stzh-table.has-list .stzh-table__list-wrapper{display:none}}.stzh-table{}.stzh-table.has-scroll-left-shadow .stzh-table__outer-wrapper::before,.stzh-table.has-scroll-right-shadow .stzh-table__outer-wrapper::after{opacity:1}.stzh-table.has-scroll-right .stzh-table__wrapper{overflow-x:scroll}`;const o="has-sticked";const l="is-sticky-left";const n="is-sticky-right";const d=class{constructor(e){t(this,e);this.fixedLeft=null;this.fixedRight=null;this.disableMinWidth=false;this.hasScrollLeft=false;this.hasScrollRight=false;this.isScrollable=false;this.cellsStickyLeft=[];this.cellsStickyRight=[];this.updateCellClasses=()=>{if(!this.tableWrapper){return}const t=Array.from(this.tableWrapper.querySelectorAll("tr"));t.forEach((t=>{const e=Array.from(t.children);e.forEach(((t,e)=>{t.classList.remove(l);t.classList.remove(n);if(e===this.fixedLeft){t.classList.add(l)}if(e===this.fixedRight){t.classList.add(n)}}))}))};this.updateScrollStates=()=>{if(!this.tableWrapper){return}const t=this.tableWrapper.scrollLeft;const e=this.tableWrapper.scrollWidth;const a=this.tableWrapper.clientWidth;this.isScrollable=e>a;this.hasScrollLeft=t>0;this.hasScrollRight=t<e-a;const s=Array.from(this.tableWrapper.querySelectorAll("tr"));const i=s[0];if(!i){return}this.cellsStickyLeft=[];this.cellsStickyRight=[];const h=Array.from(i.children);h.forEach(((e,s)=>{const i=e.offsetLeft;const h=i+e.offsetWidth;if(this.hasScrollLeft&&s===this.fixedLeft&&Math.ceil(t)>=i){this.cellsStickyLeft.push(s)}if(this.hasScrollRight&&s===this.fixedRight&&Math.ceil(t)+a<=h){this.cellsStickyRight.push(s)}}));s.forEach((t=>{const e=Array.from(t.children);e.forEach(((t,e)=>{if(this.cellsStickyLeft.indexOf(e)>-1||this.cellsStickyRight.indexOf(e)>-1){t.classList.add(o)}else{t.classList.remove(o)}}))}))};this.init=()=>{const t=this.element.querySelector('stzh-input[slot="search"], [slot="search"] stzh-input');const e=this.element.querySelectorAll('stzh-dropdown[slot="list-sort-by-dropdown"], [slot="list-sort-by-dropdown"] stzh-dropdown, stzh-dropdown[slot="list-sort-direction-dropdown"], [slot="list-sort-direction-dropdown"] stzh-dropdown');if(t){i(t,{type:"search",size:"small",hideOptional:true})}e.forEach((t=>{i(t,{inline:true,noSearch:true,variant:"plain",size:"small"})}));this.updateCellClasses();this.updateScrollStates()};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateScrollStates)};this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateScrollStates)}}fixedCellWatcher(){this.updateCellClasses();this.updateScrollStates()}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true});this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.resizeObserver){this.resizeObserver.disconnect()}}render(){const t=h(this.element,"heading");const s=h(this.element,"action-button");const i=h(this.element,"search");const r=h(this.element,"list");const o={"stzh-table":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":r,"has-heading":t,"has-action-or-search":s||i,"has-header":t||s||i};return e(a,{key:"5c0a4a42c0e4c26a65efa93d307cd206e93e4566"},e("div",{key:"650071076ff2b86f5b4a08e4749d3b5414ae74ea",class:o},e("div",{key:"f1e1577a273576d45aaf3acaf5017e2e31a4d33d",class:"stzh-table__header"},e("div",{key:"00e07305a4ea313557477b7958f877a7d50274a9",class:"stzh-table__heading"},e("slot",{key:"2fe822dce64bfa9ea1f4ffed79b990657f344c3c",name:"heading"})),e("div",{key:"da5d25046df08c697be923258da33ff958506989",class:"stzh-table__sub-header"},e("div",{key:"0ecd9e657290dbab80b446e625f3195a90bea449",class:"stzh-table__search"},e("slot",{key:"7cdce7b6f2c70249b3d49e02980572083f95f4a4",name:"search"})),e("div",{key:"ae2c80e3ae5f5c79fdb6263866ad81db5d28a069",class:"stzh-table__action-button"},e("slot",{key:"fb7d9aafe717a86152800ea57f310a6ace88dba9",name:"action-button"})))),e("div",{key:"c643337aaa4ddf8dc52098322b38df745f7600a2",class:"stzh-table__outer-wrapper"},e("div",{key:"9a0c7ecdfe9d439bf2ebe818e7c7a0b8110c805a",ref:t=>this.tableWrapper=t,class:"stzh-table__wrapper",onScroll:this.handleScroll},e("slot",{key:"b54ccb03f9d55f2b2261a5c23389dfd49b10386f"}))),e("div",{key:"f4e098292d09ee11ffd9379cfaa297bb4445d8d6",class:"stzh-table__list-wrapper"},e("div",{key:"c55b67301ec0567178cd5236039789f054ca38a5",class:"stzh-table__list-sort-wrapper"},e("slot",{key:"a1be7be3134c071747ea74485231e93adbdecbd0",name:"list-sort-by-dropdown"}),e("slot",{key:"9763b339db0de449b0ff28c6739a44c0c4372f13",name:"list-sort-direction-dropdown"})),e("slot",{key:"bed2de17d6d0364d5f2f7fdb1a1931e54a9f17e7",name:"list"})),e("div",{key:"602be8d2c8c144a8a4ba081b5b8d383d701a89c2",class:"stzh-table__pagination-wrapper"},e("slot",{key:"0e64a2f53b7c2c7a8c2b3a3c1606409ca2f2c651",name:"pagination"}))))}get element(){return s(this)}static get watchers(){return{fixedLeft:["fixedCellWatcher"],fixedRight:["fixedCellWatcher"]}}};d.style=r();export{d as stzh_table};
+//# sourceMappingURL=p-b9d617d4.entry.js.map

package/dist/stzh-components/{p-158b16e0.entry.js → p-bc49448d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,a as s,d as o}from"./p-BDy81lpO.js";const e=()=>`.sc-stzh-offline-indicator-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-offline-indicator-h,[stzh-hidden].sc-stzh-offline-indicator-h{display:none}.sc-stzh-offline-indicator-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-offline-indicator-h *.sc-stzh-offline-indicator,.sc-stzh-offline-indicator-h *.sc-stzh-offline-indicator::before,.sc-stzh-offline-indicator-h *.sc-stzh-offline-indicator::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-offline-indicator-h .has-focus.sc-stzh-offline-indicator{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-offline-indicator-h .stzh-fylingfocus-focused.sc-stzh-offline-indicator{outline-style:none !important}.sc-stzh-offline-indicator-h .stzh-fylingfocus-focused.sc-stzh-offline-indicator::-moz-focus-inner{border:0 !important}`;const n=class{constructor(i){t(this,i);this.isOffline=false}async addToast(t){const i=this.addToastbarToBodyIfNotExists();const s=this.getToastByLabel(t);if(!s){const s=document.createElement("stzh-toast");s.label=t;s.role="alert";s.type="error";s.id=`${this.getSimpleHash(t)}`;s.hidden=true;s.initialOpenAnimation=true;i.appendChild(s)}}async removeToast(t){const i=this.getToastByLabel(t);if(i){i.hide().finally((()=>{i.remove()}))}}getSimpleHash(t){let i=0;for(let s=0;s<t.length;s++){const o=t.charCodeAt(s);i=(i<<5)-i+o;i|=0}return i}addToastbarToBodyIfNotExists(){let t=document.querySelector("stzh-toastbar");if(!t){t=document.createElement("stzh-toastbar")}document.body.appendChild(t);return t}getToastByLabel(t){const i=document.querySelector(`stzh-toast[id="${this.getSimpleHash(t)}"]`);if(i){return i}return undefined}async updateNetworkStatus(){this.isOffline=!navigator.onLine;if(this.isOffline){await this.addToast(this.localization.offlineLabel)}else{await this.removeToast(this.localization.offlineLabel)}}addNetworkListeners(){window.addEventListener("online",this.updateNetworkStatus.bind(this));window.addEventListener("offline",this.updateNetworkStatus.bind(this))}removeNetworkListeners(){window.removeEventListener("online",this.updateNetworkStatus.bind(this));window.removeEventListener("offline",this.updateNetworkStatus.bind(this))}async initOfflineToast(){await this.addToast(this.localization.offlineLabel)}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"offline-indicator")}await this.initOfflineToast();await this.updateNetworkStatus()}componentDidLoad(){this.addNetworkListeners()}disconnectedCallback(){this.removeNetworkListeners()}render(){const t={"stzh-offline-indicator":true};return i(s,{key:"a7c4e4887f24f1e58f80b3a45cb1d877b35d88e1","is-offline":this.isOffline},i("div",{key:"279b9293cf33069dd451b4856f8ec7372ad4b3ae",class:t}))}get element(){return o(this)}};n.style=e();export{n as stzh_offline_indicator};
-//# sourceMappingURL=p-158b16e0.entry.js.map
+import{r as t,h as i,a as s,d as o}from"./p-BMrO_esM.js";const e=()=>`.sc-stzh-offline-indicator-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-offline-indicator-h,[stzh-hidden].sc-stzh-offline-indicator-h{display:none}.sc-stzh-offline-indicator-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-offline-indicator-h *.sc-stzh-offline-indicator,.sc-stzh-offline-indicator-h *.sc-stzh-offline-indicator::before,.sc-stzh-offline-indicator-h *.sc-stzh-offline-indicator::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-offline-indicator-h .has-focus.sc-stzh-offline-indicator{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-offline-indicator-h .stzh-fylingfocus-focused.sc-stzh-offline-indicator{outline-style:none !important}.sc-stzh-offline-indicator-h .stzh-fylingfocus-focused.sc-stzh-offline-indicator::-moz-focus-inner{border:0 !important}`;const n=class{constructor(i){t(this,i);this.isOffline=false}async addToast(t){const i=this.addToastbarToBodyIfNotExists();const s=this.getToastByLabel(t);if(!s){const s=document.createElement("stzh-toast");s.label=t;s.role="alert";s.type="error";s.id=`${this.getSimpleHash(t)}`;s.hidden=true;s.initialOpenAnimation=true;i.appendChild(s)}}async removeToast(t){const i=this.getToastByLabel(t);if(i){i.hide().finally((()=>{i.remove()}))}}getSimpleHash(t){let i=0;for(let s=0;s<t.length;s++){const o=t.charCodeAt(s);i=(i<<5)-i+o;i|=0}return i}addToastbarToBodyIfNotExists(){let t=document.querySelector("stzh-toastbar");if(!t){t=document.createElement("stzh-toastbar")}document.body.appendChild(t);return t}getToastByLabel(t){const i=document.querySelector(`stzh-toast[id="${this.getSimpleHash(t)}"]`);if(i){return i}return undefined}async updateNetworkStatus(){this.isOffline=!navigator.onLine;if(this.isOffline){await this.addToast(this.localization.offlineLabel)}else{await this.removeToast(this.localization.offlineLabel)}}addNetworkListeners(){window.addEventListener("online",this.updateNetworkStatus.bind(this));window.addEventListener("offline",this.updateNetworkStatus.bind(this))}removeNetworkListeners(){window.removeEventListener("online",this.updateNetworkStatus.bind(this));window.removeEventListener("offline",this.updateNetworkStatus.bind(this))}async initOfflineToast(){await this.addToast(this.localization.offlineLabel)}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"offline-indicator")}await this.initOfflineToast();await this.updateNetworkStatus()}componentDidLoad(){this.addNetworkListeners()}disconnectedCallback(){this.removeNetworkListeners()}render(){const t={"stzh-offline-indicator":true};return i(s,{key:"a7c4e4887f24f1e58f80b3a45cb1d877b35d88e1","is-offline":this.isOffline},i("div",{key:"279b9293cf33069dd451b4856f8ec7372ad4b3ae",class:t}))}get element(){return o(this)}};n.style=e();export{n as stzh_offline_indicator};
+//# sourceMappingURL=p-bc49448d.entry.js.map