@oiz/stzh-components 4.6.0-beta3 → 4.6.0

package/dist/stzh-components/{p-f90192c8.entry.js → p-42ec2ee3.entry.js}

@@ -1,8 +1,8 @@
-import{r as t,c as s,h as e,a as i,g as r}from"./p-ef5985a3.js";const a=".sc-stzh-cardlist-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-cardlist-h,[stzh-hidden].sc-stzh-cardlist-h{display:none}.sc-stzh-cardlist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-cardlist-h *.sc-stzh-cardlist,.sc-stzh-cardlist-h *.sc-stzh-cardlist::before,.sc-stzh-cardlist-h *.sc-stzh-cardlist::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-cardlist-h .has-focus.sc-stzh-cardlist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-cardlist-h .stzh-fylingfocus-focused.sc-stzh-cardlist{outline-style:none !important}.sc-stzh-cardlist-h .stzh-fylingfocus-focused.sc-stzh-cardlist::-moz-focus-inner{border:0 !important}.sc-stzh-cardlist-h{--description-color:var(--stzh-cardlist-description-color, inherit);--background-color:var(--stzh-cardlist-background-color, inherit)}.stzh-cardlist__cards.sc-stzh-cardlist{display:grid;gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-ultra)}}.stzh-cardlist__header.sc-stzh-cardlist{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-cardlist__header.sc-stzh-cardlist{flex-direction:row}}.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-cardlist__description.sc-stzh-cardlist{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);--stzh-icon-color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-cardlist__description.sc-stzh-cardlist{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-cardlist__description.sc-stzh-cardlist:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-cardlist__description.sc-stzh-cardlist:not(:empty){margin-bottom:0}}.stzh-cardlist__description.sc-stzh-cardlist-s>stzh-heading,.stzh-cardlist__description .sc-stzh-cardlist-s>stzh-heading{--color:var(--description-color)}.stzh-cardlist__switch.sc-stzh-cardlist{--color:inherit;align-self:end}.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:0}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.stzh-cardlist--max-3-cols.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.stzh-cardlist--max-3-cols.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-searchresults.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xlarge)}.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xxlarge)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{background-color:var(--background-color);position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width));padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xbig)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:auto;margin-right:auto;max-width:84.25rem}}";const n=a;const l=class{constructor(e){t(this,e);this.stzhCollapseAll=s(this,"stzhCollapseAll",7);this.collapseClick=()=>{const t=Array.from(this.element.querySelectorAll("stzh-card"));t.forEach((t=>{if(t.collapsible){t.collapsed=!this.allCollapsed}}));this.allCollapsed=!this.allCollapsed;this.stzhCollapseAll.emit({component:"stzh-cardlist",allCollapsed:this.allCollapsed})};this.updateCollapsedState=()=>{const t=Array.from(this.element.querySelectorAll("stzh-card"));this.allCollapsed=!t.some((t=>!t.collapsed))};this.sortableGhostClone=t=>{const s=t.tagName.toLowerCase()==="stzh-card"?t:t.querySelector("stzh-card");if(s){const s=t;const e=t.cloneNode(true);e.heading=s.heading;e.subtitle=s.subtitle;e.headerActions=s.headerActions;e.footerActions=s.footerActions;e.hideMovementActions=s.hideMovementActions;return e}};this.localization=undefined;this.layout="fullwidth";this.description=undefined;this.showToggleLink=false;this.sortableEnabled=false;this.sortableDataIdAttribute="data-id";this.max3Columns=false;this.allCollapsed=false;this.isStzhAnchornavVisible=false}collapseListener(){this.updateCollapsedState()}async componentWillLoad(){this.isStzhAnchornavVisible=document.documentElement.style.getPropertyValue("--stzh-anchornav-is-visible")==="1";if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"cardlist")}}componentDidLoad(){this.isStzhAnchornavVisible=document.documentElement.style.getPropertyValue("--stzh-anchornav-is-visible")==="1";this.updateCollapsedState()}render(){const t={"stzh-cardlist":true,"stzh-cardlist--has-toggle-link":this.showToggleLink,"stzh-cardlist--max-3-cols":this.isStzhAnchornavVisible||this.max3Columns,[`stzh-cardlist--layout-${this.layout}`]:!!this.layout};return e(i,{key:"f73db51e12e6077c42c0af841ad46b253ee9be44"},e("div",{key:"d789c4cfef62c8e9f275028e38f06d77c31be4b1",class:t},e("div",{key:"5152932220f38f8d4ef5218dc83a1f6d70de0808",class:"stzh-cardlist__header"},e("div",{key:"66a58fe85ca60617d2e65c142e1ec32f4de7d75a",class:"stzh-cardlist__description"},this.description?this.description:e("slot",{name:"description"})),this.showToggleLink&&e("stzh-link",{key:"e0db8dc31b7224e3a14329daf8072fbfc2207dec",class:"stzh-cardlist__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),e("stzh-sortable",{key:"d0923c027a3fb6f5de0ec7479595b597b6d23c69",disabled:!this.sortableEnabled,dataIdAttribute:this.sortableDataIdAttribute,ghostClone:this.sortableGhostClone},e("div",{key:"0ed6cc7a48cbcd741f864393d90540b99d9f8cd0",class:"stzh-cardlist__cards",role:"list"},e("slot",{key:"8e51bc6204efe2002e05b51050b880ee1d7e7149"}))),e("div",{key:"709b1a79ad8fa0766ad4641e0c623a0afad8c573",class:"stzh-cardlist__footer"},e("stzh-container",{key:"20c2a75df7b5e3e2c5550323bf46deb89fd6a06a"},e("slot",{key:"349e2ec5d7b21dc3e7e901cff2c17a95c7288110",name:"footer"})))))}get element(){return r(this)}};l.style=n;const o=".sc-stzh-container-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-container-h,[stzh-hidden].sc-stzh-container-h{display:none}.sc-stzh-container-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-container-h *.sc-stzh-container,.sc-stzh-container-h *.sc-stzh-container::before,.sc-stzh-container-h *.sc-stzh-container::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-container-h .has-focus.sc-stzh-container{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-container-h .stzh-fylingfocus-focused.sc-stzh-container{outline-style:none !important}.sc-stzh-container-h .stzh-fylingfocus-focused.sc-stzh-container::-moz-focus-inner{border:0 !important}.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-1.25rem;margin-right:-1.25rem}@media screen and (min-width: 600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2rem;margin-right:-2rem}}@media screen and (min-width: 900px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-4rem;margin-right:-4rem}}@media screen and (min-width: 1600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2)}}.sc-stzh-container-h .sc-stzh-container-s stzh-banner,.sc-stzh-container-h .sc-stzh-container-s stzh-ghettobox,.sc-stzh-container-h .sc-stzh-container-s stzh-pagetitle,.sc-stzh-container-h .sc-stzh-container-s stzh-pagetitle-home,.sc-stzh-container-h .sc-stzh-container-s stzh-container,.sc-stzh-container-h .sc-stzh-container-s stzh-homepage-service-highlights,.sc-stzh-container-h .sc-stzh-container-s stzh-homepage-search,.sc-stzh-container-h .sc-stzh-container-s stzh-vbz-carousel,.sc-stzh-container-h .sc-stzh-container-s stzh-message[type=page-message]{position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}.stzh-container.sc-stzh-container{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-container.sc-stzh-container{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-container.sc-stzh-container{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-container.sc-stzh-container{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-container.sc-stzh-container{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-container--has-no-margin.sc-stzh-container{margin-left:auto;margin-right:auto}";const c=o;const h=class{constructor(s){t(this,s);this.noMargin=false}render(){const t={"stzh-container":true,"stzh-container--has-no-margin":this.noMargin};return e(i,{key:"717cb4567ff52afb05def1e4e8174045d2751752"},e("div",{key:"62d35746de72e6b6f4b250313dd47a3da863ed1c",class:t},e("slot",{key:"ec0c6849262ba909a205ec541dbe50bf3d5c70d5"})))}};h.style=c;const d=t=>"object"==typeof t&&null!=t&&1===t.nodeType,f=(t,s)=>(!s||"hidden"!==t)&&("visible"!==t&&"clip"!==t),u=(t,s)=>{if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){const e=getComputedStyle(t,null);return f(e.overflowY,s)||f(e.overflowX,s)||(t=>{const s=(t=>{if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}})(t);return!!s&&(s.clientHeight<t.scrollHeight||s.clientWidth<t.scrollWidth)})(t)}return!1},z=(t,s,e,i,r,a,n,l)=>a<t&&n>s||a>t&&n<s?0:a<=t&&l<=e||n>=s&&l>=e?a-t-i:n>s&&l<e||a<t&&l>e?n-s+r:0,m=t=>{const s=t.parentElement;return null==s?t.getRootNode().host||null:s},p=(t,s)=>{var e,i,r,a;if("undefined"==typeof document)return[];const{scrollMode:n,block:l,inline:o,boundary:c,skipOverflowHiddenElements:h}=s,f="function"==typeof c?c:t=>t!==c;if(!d(t))throw new TypeError("Invalid target");const p=document.scrollingElement||document.documentElement,g=[];let b=t;for(;d(b)&&f(b);){if(b=m(b),b===p){g.push(b);break}null!=b&&b===document.body&&u(b)&&!u(document.documentElement)||null!=b&&u(b,h)&&g.push(b)}const v=null!=(i=null==(e=window.visualViewport)?void 0:e.width)?i:innerWidth,w=null!=(a=null==(r=window.visualViewport)?void 0:r.height)?a:innerHeight,{scrollX:y,scrollY:x}=window,{height:_,width:k,top:E,right:S,bottom:I,left:M}=t.getBoundingClientRect();let T="start"===l||"nearest"===l?E:"end"===l?I:E+_/2,C="center"===o?M+k/2:"end"===o?S:M;const D=[];for(let t=0;t<g.length;t++){const s=g[t],{height:e,width:i,top:r,right:a,bottom:c,left:h}=s.getBoundingClientRect();if("if-needed"===n&&E>=0&&M>=0&&I<=w&&S<=v&&E>=r&&I<=c&&M>=h&&S<=a)return D;const d=getComputedStyle(s),f=parseInt(d.borderLeftWidth,10),u=parseInt(d.borderTopWidth,10),m=parseInt(d.borderRightWidth,10),b=parseInt(d.borderBottomWidth,10);let O=0,A=0;const N="offsetWidth"in s?s.offsetWidth-s.clientWidth-f-m:0,F="offsetHeight"in s?s.offsetHeight-s.clientHeight-u-b:0,$="offsetWidth"in s?0===s.offsetWidth?0:i/s.offsetWidth:0,W="offsetHeight"in s?0===s.offsetHeight?0:e/s.offsetHeight:0;if(p===s)O="start"===l?T:"end"===l?T-w:"nearest"===l?z(x,x+w,w,u,b,x+T,x+T+_,_):T-w/2,A="start"===o?C:"center"===o?C-v/2:"end"===o?C-v:z(y,y+v,v,f,m,y+C,y+C+k,k),O=Math.max(0,O+x),A=Math.max(0,A+y);else{O="start"===l?T-r-u:"end"===l?T-c+b+F:"nearest"===l?z(r,c,e,u,b+F,T,T+_,_):T-(r+e/2)+F/2,A="start"===o?C-h-f:"center"===o?C-(h+i/2)+N/2:"end"===o?C-a+m+N:z(h,a,i,f,m+N,C,C+k,k);const{scrollLeft:t,scrollTop:n}=s;O=Math.max(0,Math.min(n+O/W,s.scrollHeight-e/W+F)),A=Math.max(0,Math.min(t+A/$,s.scrollWidth-i/$+N)),T+=n-O,C+=t-A}D.push({el:s,top:O,left:A})}return D};const g=t=>!1===t?{block:"end",inline:"nearest"}:(t=>t===Object(t)&&0!==Object.keys(t).length)(t)?t:{block:"start",inline:"nearest"};function b(t,s){if(!t.isConnected||!(t=>{let s=t;for(;s&&s.parentNode;){if(s.parentNode===document)return!0;s=s.parentNode instanceof ShadowRoot?s.parentNode.host:s.parentNode}return!1})(t))return;const e=(t=>{const s=window.getComputedStyle(t);return{top:parseFloat(s.scrollMarginTop)||0,right:parseFloat(s.scrollMarginRight)||0,bottom:parseFloat(s.scrollMarginBottom)||0,left:parseFloat(s.scrollMarginLeft)||0}})(t);if((t=>"object"==typeof t&&"function"==typeof t.behavior)(s))return s.behavior(p(t,s));const i="boolean"==typeof s||null==s?void 0:s.behavior;for(const{el:r,top:a,left:n}of p(t,g(s))){const t=a-e.top+e.bottom,s=n-e.left+e.right;r.scroll({top:t,left:s,behavior:i})}}
+import{r as t,c as s,h as e,a as i,g as r}from"./p-ef5985a3.js";const a=".sc-stzh-cardlist-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-cardlist-h,[stzh-hidden].sc-stzh-cardlist-h{display:none}.sc-stzh-cardlist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-cardlist-h *.sc-stzh-cardlist,.sc-stzh-cardlist-h *.sc-stzh-cardlist::before,.sc-stzh-cardlist-h *.sc-stzh-cardlist::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-cardlist-h .has-focus.sc-stzh-cardlist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-cardlist-h .stzh-fylingfocus-focused.sc-stzh-cardlist{outline-style:none !important}.sc-stzh-cardlist-h .stzh-fylingfocus-focused.sc-stzh-cardlist::-moz-focus-inner{border:0 !important}.sc-stzh-cardlist-h{--description-color:var(--stzh-cardlist-description-color, inherit);--background-color:var(--stzh-cardlist-background-color, inherit)}.stzh-cardlist__cards.sc-stzh-cardlist{display:grid;gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-ultra)}}.stzh-cardlist__header.sc-stzh-cardlist{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-cardlist__header.sc-stzh-cardlist{flex-direction:row}}.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-cardlist__description.sc-stzh-cardlist{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);--stzh-icon-color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-cardlist__description.sc-stzh-cardlist{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-cardlist__description.sc-stzh-cardlist:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-cardlist__description.sc-stzh-cardlist:not(:empty){margin-bottom:0}}.stzh-cardlist__description.sc-stzh-cardlist-s>stzh-heading,.stzh-cardlist__description .sc-stzh-cardlist-s>stzh-heading{--color:var(--description-color)}.stzh-cardlist__switch.sc-stzh-cardlist{--color:inherit;align-self:end}.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:0}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.stzh-cardlist--max-3-cols.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.stzh-cardlist--max-3-cols.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-searchresults.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xlarge)}.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xxlarge)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{background-color:var(--background-color);position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width));padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xbig)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:auto;margin-right:auto;max-width:84.25rem}}";const n=a;const l=class{constructor(e){t(this,e);this.stzhCollapseAll=s(this,"stzhCollapseAll",7);this.collapseClick=()=>{const t=Array.from(this.element.querySelectorAll("stzh-card"));t.forEach((t=>{if(t.collapsible){t.collapsed=!this.allCollapsed}}));this.allCollapsed=!this.allCollapsed;this.stzhCollapseAll.emit({component:"stzh-cardlist",allCollapsed:this.allCollapsed})};this.updateCollapsedState=()=>{const t=Array.from(this.element.querySelectorAll("stzh-card"));this.allCollapsed=!t.some((t=>!t.collapsed))};this.sortableGhostClone=t=>{const s=t.tagName.toLowerCase()==="stzh-card"?t:t.querySelector("stzh-card");if(s){const s=t;const e=t.cloneNode(true);e.heading=s.heading;e.subtitle=s.subtitle;e.headerActions=s.headerActions;e.footerActions=s.footerActions;e.hideMovementActions=s.hideMovementActions;return e}};this.localization=undefined;this.layout="fullwidth";this.description=undefined;this.showToggleLink=false;this.sortableEnabled=false;this.sortableDataIdAttribute="data-id";this.max3Columns=false;this.allCollapsed=false;this.isStzhAnchornavVisible=false}collapseListener(){this.updateCollapsedState()}async componentWillLoad(){this.isStzhAnchornavVisible=document.documentElement.style.getPropertyValue("--stzh-anchornav-is-visible")==="1";if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"cardlist")}}componentDidLoad(){this.isStzhAnchornavVisible=document.documentElement.style.getPropertyValue("--stzh-anchornav-is-visible")==="1";this.updateCollapsedState()}render(){const t={"stzh-cardlist":true,"stzh-cardlist--has-toggle-link":this.showToggleLink,"stzh-cardlist--max-3-cols":this.isStzhAnchornavVisible||this.max3Columns,[`stzh-cardlist--layout-${this.layout}`]:!!this.layout};return e(i,{key:"c76528eba83545b0501dc8114d922ac7b3d208f7"},e("div",{key:"c4a0bf6834111d9e9335ff90f32e0affe10edc2a",class:t},e("div",{key:"fa2db680334b637f7c3f8cf4107b9b08d38ebf21",class:"stzh-cardlist__header"},e("div",{key:"a371b3539efed0ce4cabe33696281713d7e4bb5c",class:"stzh-cardlist__description"},this.description?this.description:e("slot",{name:"description"})),this.showToggleLink&&e("stzh-link",{key:"f40d445fd585672064621ed608c2505c21e3e124",class:"stzh-cardlist__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),e("stzh-sortable",{key:"d93fbf438468b3ee4dca1718d683fd8d76154c66",disabled:!this.sortableEnabled,dataIdAttribute:this.sortableDataIdAttribute,ghostClone:this.sortableGhostClone},e("div",{key:"f4a91764a2edb4680f60293aedb7ab90459148cf",class:"stzh-cardlist__cards",role:"list"},e("slot",{key:"b8f06ebd86c267751d9b15fc04ba1175d72e7e09"}))),e("div",{key:"af3aa390856571047a7b3bb83c6ded736d702b6f",class:"stzh-cardlist__footer"},e("stzh-container",{key:"49f7e8a2a80ae6b7358b022a4c4caa6ec8b56d4a"},e("slot",{key:"1bdccf0e3ca69875e36fdca599dae61fc013fee3",name:"footer"})))))}get element(){return r(this)}};l.style=n;const o=".sc-stzh-container-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-container-h,[stzh-hidden].sc-stzh-container-h{display:none}.sc-stzh-container-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-container-h *.sc-stzh-container,.sc-stzh-container-h *.sc-stzh-container::before,.sc-stzh-container-h *.sc-stzh-container::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-container-h .has-focus.sc-stzh-container{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-container-h .stzh-fylingfocus-focused.sc-stzh-container{outline-style:none !important}.sc-stzh-container-h .stzh-fylingfocus-focused.sc-stzh-container::-moz-focus-inner{border:0 !important}.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-1.25rem;margin-right:-1.25rem}@media screen and (min-width: 600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2rem;margin-right:-2rem}}@media screen and (min-width: 900px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-4rem;margin-right:-4rem}}@media screen and (min-width: 1600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2)}}.sc-stzh-container-h .sc-stzh-container-s stzh-banner,.sc-stzh-container-h .sc-stzh-container-s stzh-ghettobox,.sc-stzh-container-h .sc-stzh-container-s stzh-pagetitle,.sc-stzh-container-h .sc-stzh-container-s stzh-pagetitle-home,.sc-stzh-container-h .sc-stzh-container-s stzh-container,.sc-stzh-container-h .sc-stzh-container-s stzh-homepage-service-highlights,.sc-stzh-container-h .sc-stzh-container-s stzh-homepage-search,.sc-stzh-container-h .sc-stzh-container-s stzh-vbz-carousel,.sc-stzh-container-h .sc-stzh-container-s stzh-message[type=page-message]{position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}.stzh-container.sc-stzh-container{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-container.sc-stzh-container{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-container.sc-stzh-container{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-container.sc-stzh-container{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-container.sc-stzh-container{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-container--has-no-margin.sc-stzh-container{margin-left:auto;margin-right:auto}";const c=o;const h=class{constructor(s){t(this,s);this.noMargin=false}render(){const t={"stzh-container":true,"stzh-container--has-no-margin":this.noMargin};return e(i,{key:"031996d79ff59ea593694885503aac9d80416b63"},e("div",{key:"fdbb0edcfe418a4edb113a4816130b92b0b67af6",class:t},e("slot",{key:"110f3dcd65e820ece9931b0c1aed4de9a50b0fbc"})))}};h.style=c;const d=t=>"object"==typeof t&&null!=t&&1===t.nodeType,f=(t,s)=>(!s||"hidden"!==t)&&("visible"!==t&&"clip"!==t),u=(t,s)=>{if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){const e=getComputedStyle(t,null);return f(e.overflowY,s)||f(e.overflowX,s)||(t=>{const s=(t=>{if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}})(t);return!!s&&(s.clientHeight<t.scrollHeight||s.clientWidth<t.scrollWidth)})(t)}return!1},z=(t,s,e,i,r,a,n,l)=>a<t&&n>s||a>t&&n<s?0:a<=t&&l<=e||n>=s&&l>=e?a-t-i:n>s&&l<e||a<t&&l>e?n-s+r:0,m=t=>{const s=t.parentElement;return null==s?t.getRootNode().host||null:s},p=(t,s)=>{var e,i,r,a;if("undefined"==typeof document)return[];const{scrollMode:n,block:l,inline:o,boundary:c,skipOverflowHiddenElements:h}=s,f="function"==typeof c?c:t=>t!==c;if(!d(t))throw new TypeError("Invalid target");const p=document.scrollingElement||document.documentElement,g=[];let b=t;for(;d(b)&&f(b);){if(b=m(b),b===p){g.push(b);break}null!=b&&b===document.body&&u(b)&&!u(document.documentElement)||null!=b&&u(b,h)&&g.push(b)}const v=null!=(i=null==(e=window.visualViewport)?void 0:e.width)?i:innerWidth,w=null!=(a=null==(r=window.visualViewport)?void 0:r.height)?a:innerHeight,{scrollX:y,scrollY:x}=window,{height:_,width:k,top:E,right:S,bottom:I,left:M}=t.getBoundingClientRect();let T="start"===l||"nearest"===l?E:"end"===l?I:E+_/2,C="center"===o?M+k/2:"end"===o?S:M;const D=[];for(let t=0;t<g.length;t++){const s=g[t],{height:e,width:i,top:r,right:a,bottom:c,left:h}=s.getBoundingClientRect();if("if-needed"===n&&E>=0&&M>=0&&I<=w&&S<=v&&E>=r&&I<=c&&M>=h&&S<=a)return D;const d=getComputedStyle(s),f=parseInt(d.borderLeftWidth,10),u=parseInt(d.borderTopWidth,10),m=parseInt(d.borderRightWidth,10),b=parseInt(d.borderBottomWidth,10);let O=0,A=0;const N="offsetWidth"in s?s.offsetWidth-s.clientWidth-f-m:0,F="offsetHeight"in s?s.offsetHeight-s.clientHeight-u-b:0,$="offsetWidth"in s?0===s.offsetWidth?0:i/s.offsetWidth:0,W="offsetHeight"in s?0===s.offsetHeight?0:e/s.offsetHeight:0;if(p===s)O="start"===l?T:"end"===l?T-w:"nearest"===l?z(x,x+w,w,u,b,x+T,x+T+_,_):T-w/2,A="start"===o?C:"center"===o?C-v/2:"end"===o?C-v:z(y,y+v,v,f,m,y+C,y+C+k,k),O=Math.max(0,O+x),A=Math.max(0,A+y);else{O="start"===l?T-r-u:"end"===l?T-c+b+F:"nearest"===l?z(r,c,e,u,b+F,T,T+_,_):T-(r+e/2)+F/2,A="start"===o?C-h-f:"center"===o?C-(h+i/2)+N/2:"end"===o?C-a+m+N:z(h,a,i,f,m+N,C,C+k,k);const{scrollLeft:t,scrollTop:n}=s;O=Math.max(0,Math.min(n+O/W,s.scrollHeight-e/W+F)),A=Math.max(0,Math.min(t+A/$,s.scrollWidth-i/$+N)),T+=n-O,C+=t-A}D.push({el:s,top:O,left:A})}return D};const g=t=>!1===t?{block:"end",inline:"nearest"}:(t=>t===Object(t)&&0!==Object.keys(t).length)(t)?t:{block:"start",inline:"nearest"};function b(t,s){if(!t.isConnected||!(t=>{let s=t;for(;s&&s.parentNode;){if(s.parentNode===document)return!0;s=s.parentNode instanceof ShadowRoot?s.parentNode.host:s.parentNode}return!1})(t))return;const e=(t=>{const s=window.getComputedStyle(t);return{top:parseFloat(s.scrollMarginTop)||0,right:parseFloat(s.scrollMarginRight)||0,bottom:parseFloat(s.scrollMarginBottom)||0,left:parseFloat(s.scrollMarginLeft)||0}})(t);if((t=>"object"==typeof t&&"function"==typeof t.behavior)(s))return s.behavior(p(t,s));const i="boolean"==typeof s||null==s?void 0:s.behavior;for(const{el:r,top:a,left:n}of p(t,g(s))){const t=a-e.top+e.bottom,s=n-e.left+e.right;r.scroll({top:t,left:s,behavior:i})}}
 /**!
  * Sortable 1.15.0
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
- */function v(){v=Object.assign||function(t){for(var s=1;s<arguments.length;s++){var e=arguments[s];for(var i in e){if(Object.prototype.hasOwnProperty.call(e,i)){t[i]=e[i]}}}return t};return v.apply(this,arguments)}var w="1.15.0";function y(t){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(t)}}const x=y(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);const _=y(/Edge/i);const k=y(/firefox/i);const E=y(/safari/i)&&!y(/chrome/i)&&!y(/android/i);const S=y(/iP(ad|od|hone)/i);const I=y(/chrome/i)&&y(/android/i);const M={capture:false,passive:false};function T(t,s,e){t.addEventListener(s,e,!x&&M)}function C(t,s,e){t.removeEventListener(s,e,!x&&M)}function D(t,s){if(!s)return;s[0]===">"&&(s=s.substring(1));if(t){try{if(t.matches){return t.matches(s)}else if(t.msMatchesSelector){return t.msMatchesSelector(s)}else if(t.webkitMatchesSelector){return t.webkitMatchesSelector(s)}}catch(t){return false}}return false}function O(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function A(t,s,e,i){if(t){e=e||document;do{if(s!=null&&(s[0]===">"?t.parentNode===e&&D(t,s):D(t,s))||i&&t===e){return t}if(t===e)break}while(t=O(t))}return null}const N=/\s+/g;function F(t,s,e){if(t&&s){if(t.classList){t.classList[e?"add":"remove"](s)}else{let i=(" "+t.className+" ").replace(N," ").replace(" "+s+" "," ");t.className=(i+(e?" "+s:"")).replace(N," ")}}}function $(t,s,e){let i=t&&t.style;if(i){if(e===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){e=document.defaultView.getComputedStyle(t,"")}else if(t.currentStyle){e=t.currentStyle}return s===void 0?e:e[s]}else{if(!(s in i)&&s.indexOf("webkit")===-1){s="-webkit-"+s}i[s]=e+(typeof e==="string"?"":"px")}}}function W(t,s){let e="";if(typeof t==="string"){e=t}else{do{let s=$(t,"transform");if(s&&s!=="none"){e=s+" "+e}}while(!s&&(t=t.parentNode))}const i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(e)}function L(t,s,e){if(t){let i=t.getElementsByTagName(s),r=0,a=i.length;if(e){for(;r<a;r++){e(i[r],r)}}return i}return[]}function G(){let t=document.scrollingElement;if(t){return t}else{return document.documentElement}}function H(t,s,e,i,r){if(!t.getBoundingClientRect&&t!==window)return;let a,n,l,o,c,h,d;if(t!==window&&t.parentNode&&t!==G()){a=t.getBoundingClientRect();n=a.top;l=a.left;o=a.bottom;c=a.right;h=a.height;d=a.width}else{n=0;l=0;o=window.innerHeight;c=window.innerWidth;h=window.innerHeight;d=window.innerWidth}if((s||e)&&t!==window){r=r||t.parentNode;if(!x){do{if(r&&r.getBoundingClientRect&&($(r,"transform")!=="none"||e&&$(r,"position")!=="static")){let t=r.getBoundingClientRect();n-=t.top+parseInt($(r,"border-top-width"));l-=t.left+parseInt($(r,"border-left-width"));o=n+a.height;c=l+a.width;break}}while(r=r.parentNode)}}if(i&&t!==window){let s=W(r||t),e=s&&s.a,i=s&&s.d;if(s){n/=i;l/=e;d/=e;h/=i;o=n+h;c=l+d}}return{top:n,left:l,bottom:o,right:c,width:d,height:h}}function P(t,s,e){let i=X(t,true),r=H(t)[s];while(i){let t=H(i)[e],s;if(e==="top"||e==="left"){s=r>=t}else{s=r<=t}if(!s)return i;if(i===G())break;i=X(i,false)}return false}function j(t,s,e,i){let r=0,a=0,n=t.children;while(a<n.length){if(n[a].style.display!=="none"&&n[a]!==as.ghost&&(i||n[a]!==as.dragged)&&A(n[a],e.draggable,t,false)){if(r===s){return n[a]}r++}a++}return null}function R(t,s){let e=t.lastElementChild;while(e&&(e===as.ghost||$(e,"display")==="none"||s&&!D(e,s))){e=e.previousElementSibling}return e||null}function U(t,s){let e=0;if(!t||!t.parentNode){return-1}while(t=t.previousElementSibling){if(t.nodeName.toUpperCase()!=="TEMPLATE"&&t!==as.clone&&(!s||D(t,s))){e++}}return e}function B(t){let s=0,e=0,i=G();if(t){do{let i=W(t),r=i.a,a=i.d;s+=t.scrollLeft*r;e+=t.scrollTop*a}while(t!==i&&(t=t.parentNode))}return[s,e]}function K(t,s){for(let e in t){if(!t.hasOwnProperty(e))continue;for(let i in s){if(s.hasOwnProperty(i)&&s[i]===t[e][i])return Number(e)}}return-1}function X(t,s){if(!t||!t.getBoundingClientRect)return G();let e=t;let i=false;do{if(e.clientWidth<e.scrollWidth||e.clientHeight<e.scrollHeight){let t=$(e);if(e.clientWidth<e.scrollWidth&&(t.overflowX=="auto"||t.overflowX=="scroll")||e.clientHeight<e.scrollHeight&&(t.overflowY=="auto"||t.overflowY=="scroll")){if(!e.getBoundingClientRect||e===document.body)return G();if(i||s)return e;i=true}}}while(e=e.parentNode);return G()}function Y(t,s){if(t&&s){for(let e in s){if(s.hasOwnProperty(e)){t[e]=s[e]}}}return t}function V(t,s){return Math.round(t.top)===Math.round(s.top)&&Math.round(t.left)===Math.round(s.left)&&Math.round(t.height)===Math.round(s.height)&&Math.round(t.width)===Math.round(s.width)}let J;function Z(t,s){return function(){if(!J){let e=arguments,i=this;if(e.length===1){t.call(i,e[0])}else{t.apply(i,e)}J=setTimeout((function(){J=void 0}),s)}}}function q(){clearTimeout(J);J=void 0}function Q(t,s,e){t.scrollLeft+=s;t.scrollTop+=e}function tt(t){let s=window.Polymer;let e=window.jQuery||window.Zepto;if(s&&s.dom){return s.dom(t).cloneNode(true)}else if(e){return e(t).clone(true)[0]}else{return t.cloneNode(true)}}function st(t,s){$(t,"position","absolute");$(t,"top",s.top);$(t,"left",s.left);$(t,"width",s.width);$(t,"height",s.height)}function et(t){$(t,"position","");$(t,"top","");$(t,"left","");$(t,"width","");$(t,"height","")}const it="Sortable"+(new Date).getTime();function rt(){let t=[],s;return{captureAnimationState(){t=[];if(!this.options.animation)return;let s=[].slice.call(this.el.children);s.forEach((s=>{if($(s,"display")==="none"||s===as.ghost)return;t.push({target:s,rect:H(s)});let e={...t[t.length-1].rect};if(s.thisAnimationDuration){let t=W(s,true);if(t){e.top-=t.f;e.left-=t.e}}s.fromRect=e}))},addAnimationState(s){t.push(s)},removeAnimationState(s){t.splice(K(t,{target:s}),1)},animateAll(e){if(!this.options.animation){clearTimeout(s);if(typeof e==="function")e();return}let i=false,r=0;t.forEach((t=>{let s=0,e=t.target,a=e.fromRect,n=H(e),l=e.prevFromRect,o=e.prevToRect,c=t.rect,h=W(e,true);if(h){n.top-=h.f;n.left-=h.e}e.toRect=n;if(e.thisAnimationDuration){if(V(l,n)&&!V(a,n)&&(c.top-n.top)/(c.left-n.left)===(a.top-n.top)/(a.left-n.left)){s=nt(c,l,o,this.options)}}if(!V(n,a)){e.prevFromRect=a;e.prevToRect=n;if(!s){s=this.options.animation}this.animate(e,c,n,s)}if(s){i=true;r=Math.max(r,s);clearTimeout(e.animationResetTimer);e.animationResetTimer=setTimeout((function(){e.animationTime=0;e.prevFromRect=null;e.fromRect=null;e.prevToRect=null;e.thisAnimationDuration=null}),s);e.thisAnimationDuration=s}}));clearTimeout(s);if(!i){if(typeof e==="function")e()}else{s=setTimeout((function(){if(typeof e==="function")e()}),r)}t=[]},animate(t,s,e,i){if(i){$(t,"transition","");$(t,"transform","");let r=W(this.el),a=r&&r.a,n=r&&r.d,l=(s.left-e.left)/(a||1),o=(s.top-e.top)/(n||1);t.animatingX=!!l;t.animatingY=!!o;$(t,"transform","translate3d("+l+"px,"+o+"px,0)");this.forRepaintDummy=at(t);$(t,"transition","transform "+i+"ms"+(this.options.easing?" "+this.options.easing:""));$(t,"transform","translate3d(0,0,0)");typeof t.animated==="number"&&clearTimeout(t.animated);t.animated=setTimeout((function(){$(t,"transition","");$(t,"transform","");t.animated=false;t.animatingX=false;t.animatingY=false}),i)}}}}function at(t){return t.offsetWidth}function nt(t,s,e,i){return Math.sqrt(Math.pow(s.top-t.top,2)+Math.pow(s.left-t.left,2))/Math.sqrt(Math.pow(s.top-e.top,2)+Math.pow(s.left-e.left,2))*i.animation}let lt=[];const ot={initializeByDefault:true};var ct={mount(t){for(let s in ot){if(ot.hasOwnProperty(s)&&!(s in t)){t[s]=ot[s]}}lt.forEach((s=>{if(s.pluginName===t.pluginName){throw`Sortable: Cannot mount plugin ${t.pluginName} more than once`}}));lt.push(t)},pluginEvent(t,s,e){this.eventCanceled=false;e.cancel=()=>{this.eventCanceled=true};const i=t+"Global";lt.forEach((r=>{if(!s[r.pluginName])return;if(s[r.pluginName][i]){s[r.pluginName][i]({sortable:s,...e})}if(s.options[r.pluginName]&&s[r.pluginName][t]){s[r.pluginName][t]({sortable:s,...e})}}))},initializePlugins(t,s,e,i){lt.forEach((i=>{const r=i.pluginName;if(!t.options[r]&&!i.initializeByDefault)return;let a=new i(t,s,t.options);a.sortable=t;a.options=t.options;t[r]=a;v(e,a.defaults)}));for(let s in t.options){if(!t.options.hasOwnProperty(s))continue;let e=this.modifyOption(t,s,t.options[s]);if(typeof e!=="undefined"){t.options[s]=e}}},getEventProperties(t,s){let e={};lt.forEach((i=>{if(typeof i.eventProperties!=="function")return;v(e,i.eventProperties.call(s[i.pluginName],t))}));return e},modifyOption(t,s,e){let i;lt.forEach((r=>{if(!t[r.pluginName])return;if(r.optionListeners&&typeof r.optionListeners[s]==="function"){i=r.optionListeners[s].call(t[r.pluginName],e)}}));return i}};function ht({sortable:t,rootEl:s,name:e,targetEl:i,cloneEl:r,toEl:a,fromEl:n,oldIndex:l,newIndex:o,oldDraggableIndex:c,newDraggableIndex:h,originalEvent:d,putSortable:f,extraEventProperties:u}){t=t||s&&s[it];if(!t)return;let z,m=t.options,p="on"+e.charAt(0).toUpperCase()+e.substr(1);if(window.CustomEvent&&!x&&!_){z=new CustomEvent(e,{bubbles:true,cancelable:true})}else{z=document.createEvent("Event");z.initEvent(e,true,true)}z.to=a||s;z.from=n||s;z.item=i||s;z.clone=r;z.oldIndex=l;z.newIndex=o;z.oldDraggableIndex=c;z.newDraggableIndex=h;z.originalEvent=d;z.pullMode=f?f.lastPutMode:undefined;let g={...u,...ct.getEventProperties(e,t)};for(let t in g){z[t]=g[t]}if(s){s.dispatchEvent(z)}if(m[p]){m[p].call(t,z)}}let dt=function(t,s,{evt:e,...i}={}){ct.pluginEvent.bind(as)(t,s,{dragEl:ut,parentEl:zt,ghostEl:mt,rootEl:pt,nextEl:gt,lastDownEl:bt,cloneEl:vt,cloneHidden:wt,dragStarted:$t,putSortable:St,activeSortable:as.active,originalEvent:e,oldIndex:yt,oldDraggableIndex:_t,newIndex:xt,newDraggableIndex:kt,hideGhostForTarget:ss,unhideGhostForTarget:es,cloneNowHidden(){wt=true},cloneNowShown(){wt=false},dispatchSortableEvent(t){ft({sortable:s,name:t,originalEvent:e})},...i})};function ft(t){ht({putSortable:St,cloneEl:vt,targetEl:ut,rootEl:pt,oldIndex:yt,oldDraggableIndex:_t,newIndex:xt,newDraggableIndex:kt,...t})}let ut,zt,mt,pt,gt,bt,vt,wt,yt,xt,_t,kt,Et,St,It=false,Mt=false,Tt=[],Ct,Dt,Ot,At,Nt,Ft,$t,Wt,Lt,Gt=false,Ht=false,Pt,jt,Rt=[],Ut=false,Bt=[];const Kt=typeof document!=="undefined",Xt=S,Yt=_||x?"cssFloat":"float",Vt=Kt&&!I&&!S&&"draggable"in document.createElement("div"),Jt=function(){if(!Kt)return;if(x){return false}let t=document.createElement("x");t.style.cssText="pointer-events:auto";return t.style.pointerEvents==="auto"}(),Zt=function(t,s){let e=$(t),i=parseInt(e.width)-parseInt(e.paddingLeft)-parseInt(e.paddingRight)-parseInt(e.borderLeftWidth)-parseInt(e.borderRightWidth),r=j(t,0,s),a=j(t,1,s),n=r&&$(r),l=a&&$(a),o=n&&parseInt(n.marginLeft)+parseInt(n.marginRight)+H(r).width,c=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+H(a).width;if(e.display==="flex"){return e.flexDirection==="column"||e.flexDirection==="column-reverse"?"vertical":"horizontal"}if(e.display==="grid"){return e.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(r&&n.float&&n.float!=="none"){let t=n.float==="left"?"left":"right";return a&&(l.clear==="both"||l.clear===t)?"vertical":"horizontal"}return r&&(n.display==="block"||n.display==="flex"||n.display==="table"||n.display==="grid"||o>=i&&e[Yt]==="none"||a&&e[Yt]==="none"&&o+c>i)?"vertical":"horizontal"},qt=function(t,s,e){let i=e?t.left:t.top,r=e?t.right:t.bottom,a=e?t.width:t.height,n=e?s.left:s.top,l=e?s.right:s.bottom,o=e?s.width:s.height;return i===n||r===l||i+a/2===n+o/2},Qt=function(t,s){let e;Tt.some((i=>{const r=i[it].options.emptyInsertThreshold;if(!r||R(i))return;const a=H(i),n=t>=a.left-r&&t<=a.right+r,l=s>=a.top-r&&s<=a.bottom+r;if(n&&l){return e=i}}));return e},ts=function(t){function s(t,e){return function(i,r,a,n){let l=i.options.group.name&&r.options.group.name&&i.options.group.name===r.options.group.name;if(t==null&&(e||l)){return true}else if(t==null||t===false){return false}else if(e&&t==="clone"){return t}else if(typeof t==="function"){return s(t(i,r,a,n),e)(i,r,a,n)}else{let s=(e?i:r).options.group.name;return t===true||typeof t==="string"&&t===s||t.join&&t.indexOf(s)>-1}}}let e={};let i=t.group;if(!i||typeof i!="object"){i={name:i}}e.name=i.name;e.checkPull=s(i.pull,true);e.checkPut=s(i.put);e.revertClone=i.revertClone;t.group=e},ss=function(){if(!Jt&&mt){$(mt,"display","none")}},es=function(){if(!Jt&&mt){$(mt,"display","")}};if(Kt&&!I){document.addEventListener("click",(function(t){if(Mt){t.preventDefault();t.stopPropagation&&t.stopPropagation();t.stopImmediatePropagation&&t.stopImmediatePropagation();Mt=false;return false}}),true)}let is=function(t){if(ut){t=t.touches?t.touches[0]:t;let s=Qt(t.clientX,t.clientY);if(s){let e={};for(let s in t){if(t.hasOwnProperty(s)){e[s]=t[s]}}e.target=e.rootEl=s;e.preventDefault=void 0;e.stopPropagation=void 0;s[it]._onDragOver(e)}}};let rs=function(t){if(ut){ut.parentNode[it]._isOutsideThisEl(t.target)}};function as(t,s){if(!(t&&t.nodeType&&t.nodeType===1)){throw`Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(t)}`}this.el=t;this.options=s=v({},s);t[it]=this;let e={group:null,sort:true,disabled:false,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:false,invertedSwapThreshold:null,removeCloneOnHide:true,direction:function(){return Zt(t,this.options)},ghostClone:function(t){return t.cloneNode(true)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function(t,s){t.setData("Text",s.textContent)},dropBubble:false,dragoverBubble:false,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:false,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:false,fallbackClass:"sortable-fallback",fallbackOnBody:false,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:as.supportPointer!==false&&"PointerEvent"in window&&!E,emptyInsertThreshold:5};ct.initializePlugins(this,t,e);for(let t in e){!(t in s)&&(s[t]=e[t])}ts(s);for(let t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}this.nativeDraggable=s.forceFallback?false:Vt;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(s.supportPointer){T(t,"pointerdown",this._onTapStart)}else{T(t,"mousedown",this._onTapStart);T(t,"touchstart",this._onTapStart)}if(this.nativeDraggable){T(t,"dragover",this);T(t,"dragenter",this)}Tt.push(this.el);s.store&&s.store.get&&this.sort(s.store.get(this)||[]);v(this,rt())}as.prototype={constructor:as,_isOutsideThisEl:function(t){if(!this.el.contains(t)&&t!==this.el){Wt=null}},_getDirection:function(t,s){return typeof this.options.direction==="function"?this.options.direction.call(this,t,s,ut):this.options.direction},_onTapStart:function(t){if(!t.cancelable)return;let s=this,e=this.el,i=this.options,r=i.preventOnFilter,a=t.type,n=t.touches&&t.touches[0]||t.pointerType&&t.pointerType==="touch"&&t,l=(n||t).target,o=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||l,c=i.filter;ms(e);if(ut){return}if(/mousedown|pointerdown/.test(a)&&t.button!==0||i.disabled){return}if(o.isContentEditable){return}if(!this.nativeDraggable&&E&&l&&l.tagName.toUpperCase()==="SELECT"){return}l=A(l,i.draggable,e,false);if(l&&l.animated){return}if(bt===l){return}yt=U(l);_t=U(l,i.draggable);if(typeof c==="function"){if(c.call(this,t,l,this)){ft({sortable:s,rootEl:o,name:"filter",targetEl:l,toEl:e,fromEl:e});dt("filter",s,{evt:t});r&&t.cancelable&&t.preventDefault();return}}else if(c){c=c.split(",").some((function(i){i=A(o,i.trim(),e,false);if(i){ft({sortable:s,rootEl:i,name:"filter",targetEl:l,fromEl:e,toEl:e});dt("filter",s,{evt:t});return true}}));if(c){r&&t.cancelable&&t.preventDefault();return}}if(i.handle&&!A(o,i.handle,e,false)){return}this._prepareDragStart(t,n,l)},_prepareDragStart:function(t,s,e){let i=this,r=i.el,a=i.options,n=r.ownerDocument,l;if(e&&!ut&&e.parentNode===r){let o=H(e);pt=r;ut=e;zt=ut.parentNode;gt=ut.nextSibling;bt=e;Et=a.group;as.dragged=ut;Ct={target:ut,clientX:(s||t).clientX,clientY:(s||t).clientY};Nt=Ct.clientX-o.left;Ft=Ct.clientY-o.top;this._lastX=(s||t).clientX;this._lastY=(s||t).clientY;ut.style["will-change"]="all";l=function(){dt("delayEnded",i,{evt:t});if(as.eventCanceled){i._onDrop();return}i._disableDelayedDragEvents();if(!k&&i.nativeDraggable){ut.draggable=true}i._triggerDragStart(t,s);ft({sortable:i,name:"choose",originalEvent:t});F(ut,a.chosenClass,true)};a.ignore.split(",").forEach((function(t){L(ut,t.trim(),os)}));T(n,"dragover",is);T(n,"mousemove",is);T(n,"touchmove",is);T(n,"mouseup",i._onDrop);T(n,"touchend",i._onDrop);T(n,"touchcancel",i._onDrop);if(k&&this.nativeDraggable){this.options.touchStartThreshold=4;ut.draggable=true}dt("delayStart",this,{evt:t});if(a.delay&&(!a.delayOnTouchOnly||s)&&(!this.nativeDraggable||!(_||x))){if(as.eventCanceled){this._onDrop();return}T(n,"mouseup",i._disableDelayedDrag);T(n,"touchend",i._disableDelayedDrag);T(n,"touchcancel",i._disableDelayedDrag);T(n,"mousemove",i._delayedDragTouchMoveHandler);T(n,"touchmove",i._delayedDragTouchMoveHandler);a.supportPointer&&T(n,"pointermove",i._delayedDragTouchMoveHandler);i._dragStartTimer=setTimeout(l,a.delay)}else{l()}}},_delayedDragTouchMoveHandler:function(t){let s=t.touches?t.touches[0]:t;if(Math.max(Math.abs(s.clientX-this._lastX),Math.abs(s.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function(){ut&&os(ut);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){let t=this.el.ownerDocument;C(t,"mouseup",this._disableDelayedDrag);C(t,"touchend",this._disableDelayedDrag);C(t,"touchcancel",this._disableDelayedDrag);C(t,"mousemove",this._delayedDragTouchMoveHandler);C(t,"touchmove",this._delayedDragTouchMoveHandler);C(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,s){s=s||t.pointerType=="touch"&&t;if(!this.nativeDraggable||s){if(this.options.supportPointer){T(document,"pointermove",this._onTouchMove)}else if(s){T(document,"touchmove",this._onTouchMove)}else{T(document,"mousemove",this._onTouchMove)}}else{T(ut,"dragend",this);T(pt,"dragstart",this._onDragStart)}try{if(document.selection){ps((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(t){}},_dragStarted:function(t,s){It=false;if(pt&&ut){dt("dragStarted",this,{evt:s});if(this.nativeDraggable){T(document,"dragover",rs)}let e=this.options;!t&&F(ut,e.dragClass,false);F(ut,e.ghostClass,true);as.active=this;t&&this._appendGhost();ft({sortable:this,name:"start",originalEvent:s})}else{this._nulling()}},_emulateDragOver:function(){if(Dt){this._lastX=Dt.clientX;this._lastY=Dt.clientY;ss();let t=document.elementFromPoint(Dt.clientX,Dt.clientY);let s=t;while(t&&t.shadowRoot){t=t.shadowRoot.elementFromPoint(Dt.clientX,Dt.clientY);if(t===s)break;s=t}ut.parentNode[it]._isOutsideThisEl(t);if(s){do{if(s[it]){let e;e=s[it]._onDragOver({clientX:Dt.clientX,clientY:Dt.clientY,target:t,rootEl:s});if(e&&!this.options.dragoverBubble){break}}t=s}while(s=s.parentNode)}es()}},_onTouchMove:function(t){if(Ct){let s=this.options,e=s.fallbackTolerance,i=s.fallbackOffset,r=t.touches?t.touches[0]:t,a=mt&&W(mt,true),n=mt&&a&&a.a,l=mt&&a&&a.d,o=Xt&&jt&&B(jt),c=(r.clientX-Ct.clientX+i.x)/(n||1)+(o?o[0]-Rt[0]:0)/(n||1),h=(r.clientY-Ct.clientY+i.y)/(l||1)+(o?o[1]-Rt[1]:0)/(l||1);if(!as.active&&!It){if(e&&Math.max(Math.abs(r.clientX-this._lastX),Math.abs(r.clientY-this._lastY))<e){return}this._onDragStart(t,true)}if(mt){if(a){a.e+=c-(Ot||0);a.f+=h-(At||0)}else{a={a:1,b:0,c:0,d:1,e:c,f:h}}let t=`matrix(${a.a},${a.b},${a.c},${a.d},${a.e},${a.f})`;$(mt,"webkitTransform",t);$(mt,"mozTransform",t);$(mt,"msTransform",t);$(mt,"transform",t);Ot=c;At=h;Dt=r}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!mt){let t=this.options.fallbackOnBody?document.body:pt,s=H(ut,true,Xt,true,t),e=this.options;if(Xt){jt=t;while($(jt,"position")==="static"&&$(jt,"transform")==="none"&&jt!==document){jt=jt.parentNode}if(jt!==document.body&&jt!==document.documentElement){if(jt===document)jt=G();s.top+=jt.scrollTop;s.left+=jt.scrollLeft}else{jt=G()}Rt=B(jt)}mt=e.ghostClone(ut);F(mt,e.ghostClass,false);F(mt,e.fallbackClass,true);F(mt,e.dragClass,true);$(mt,"transition","");$(mt,"transform","");$(mt,"box-sizing","border-box");$(mt,"margin",0);$(mt,"top",s.top);$(mt,"left",s.left);$(mt,"width",s.width);$(mt,"height",s.height);$(mt,"opacity","0.8");$(mt,"position",Xt?"absolute":"fixed");$(mt,"zIndex","100000");$(mt,"pointerEvents","none");as.ghost=mt;t.appendChild(mt);$(mt,"transform-origin",Nt/parseInt(mt.style.width)*100+"% "+Ft/parseInt(mt.style.height)*100+"%")}},_onDragStart:function(t,s){let e=this;let i=t.dataTransfer;let r=e.options;dt("dragStart",this,{evt:t});if(as.eventCanceled){this._onDrop();return}dt("setupClone",this);if(!as.eventCanceled){vt=tt(ut);vt.removeAttribute("id");vt.draggable=false;vt.style["will-change"]="";this._hideClone();F(vt,this.options.chosenClass,false);as.clone=vt}e.cloneId=ps((function(){dt("clone",e);if(as.eventCanceled)return;if(!e.options.removeCloneOnHide){pt.insertBefore(vt,ut)}e._hideClone();ft({sortable:e,name:"clone"})}));!s&&F(ut,r.dragClass,true);if(s){Mt=true;e._loopId=setInterval(e._emulateDragOver,50)}else{C(document,"mouseup",e._onDrop);C(document,"touchend",e._onDrop);C(document,"touchcancel",e._onDrop);if(i){i.effectAllowed="move";r.setData&&r.setData.call(e,i,ut)}T(document,"drop",e);$(ut,"transform","translateZ(0)")}It=true;e._dragStartId=ps(e._dragStarted.bind(e,s,t));T(document,"selectstart",e);$t=true;if(E){$(document.body,"user-select","none")}},_onDragOver:function(t){let s=this.el,e=t.target,i,r,a,n=this.options,l=n.group,o=as.active,c=Et===l,h=n.sort,d=St||o,f,u=this,z=false;if(Ut)return;function m(n,l){dt(n,u,{evt:t,isOwner:c,axis:f?"vertical":"horizontal",revert:a,dragRect:i,targetRect:r,canSort:h,fromSortable:d,target:e,completed:g,onMove(e,r){return ls(pt,s,ut,i,e,H(e),t,r)},changed:b,...l})}function p(){m("dragOverAnimationCapture");u.captureAnimationState();if(u!==d){d.captureAnimationState()}}function g(i){m("dragOverCompleted",{insertion:i});if(i){if(c){o._hideClone()}else{o._showClone(u)}if(u!==d){F(ut,St?St.options.ghostClass:o.options.ghostClass,false);F(ut,n.ghostClass,true)}if(St!==u&&u!==as.active){St=u}else if(u===as.active&&St){St=null}if(d===u){u._ignoreWhileAnimating=e}u.animateAll((function(){m("dragOverAnimationComplete");u._ignoreWhileAnimating=null}));if(u!==d){d.animateAll();d._ignoreWhileAnimating=null}}if(e===ut&&!ut.animated||e===s&&!e.animated){Wt=null}if(!n.dragoverBubble&&!t.rootEl&&e!==document){ut.parentNode[it]._isOutsideThisEl(t.target);!i&&is(t)}!n.dragoverBubble&&t.stopPropagation&&t.stopPropagation();return z=true}function b(){xt=U(ut);kt=U(ut,n.draggable);ft({sortable:u,name:"change",toEl:s,newIndex:xt,newDraggableIndex:kt,originalEvent:t})}if(t.preventDefault!==void 0){t.cancelable&&t.preventDefault()}e=A(e,n.draggable,s,true);m("dragOver");if(as.eventCanceled)return z;if(ut.contains(t.target)||e.animated&&e.animatingX&&e.animatingY||u._ignoreWhileAnimating===e){return g(false)}Mt=false;if(o&&!n.disabled&&(c?h||(a=zt!==pt):St===this||(this.lastPutMode=Et.checkPull(this,o,ut,t))&&l.checkPut(this,o,ut,t))){f=this._getDirection(t,e)==="vertical";i=H(ut);m("dragOverValid");if(as.eventCanceled)return z;if(a){zt=pt;p();this._hideClone();m("revert");if(!as.eventCanceled){if(gt){pt.insertBefore(ut,gt)}else{pt.appendChild(ut)}}return g(true)}let l=R(s,n.draggable);if(!l||ds(t,f,this)&&!l.animated){if(l===ut){return g(false)}if(l&&s===t.target){e=l}if(e){r=H(e)}if(ls(pt,s,ut,i,e,r,t,!!e)!==false){p();if(l&&l.nextSibling){s.insertBefore(ut,l.nextSibling)}else{s.appendChild(ut)}zt=s;b();return g(true)}}else if(l&&hs(t,f,this)){let a=j(s,0,n,true);if(a===ut){return g(false)}e=a;r=H(e);if(ls(pt,s,ut,i,e,r,t,false)!==false){p();s.insertBefore(ut,a);zt=s;b();return g(true)}}else if(e.parentNode===s){r=H(e);let a=0,l,o=ut.parentNode!==s,c=!qt(ut.animated&&ut.toRect||i,e.animated&&e.toRect||r,f),h=f?"top":"left",d=P(e,"top","top")||P(ut,"top","top"),u=d?d.scrollTop:void 0;if(Wt!==e){l=r[h];Gt=false;Ht=!c&&n.invertSwap||o}a=fs(t,e,r,f,c?1:n.swapThreshold,n.invertedSwapThreshold==null?n.swapThreshold:n.invertedSwapThreshold,Ht,Wt===e);let z;if(a!==0){let t=U(ut);do{t-=a;z=zt.children[t]}while(z&&($(z,"display")==="none"||z===mt))}if(a===0||z===e){return g(false)}Wt=e;Lt=a;let m=e.nextElementSibling,v=false;v=a===1;let w=ls(pt,s,ut,i,e,r,t,v);if(w!==false){if(w===1||w===-1){v=w===1}Ut=true;setTimeout(cs,30);p();if(v&&!m){s.appendChild(ut)}else{e.parentNode.insertBefore(ut,v?m:e)}if(d){Q(d,0,u-d.scrollTop)}zt=ut.parentNode;if(l!==undefined&&!Ht){Pt=Math.abs(l-H(e)[h])}b();return g(true)}}if(s.contains(ut)){return g(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function(){C(document,"mousemove",this._onTouchMove);C(document,"touchmove",this._onTouchMove);C(document,"pointermove",this._onTouchMove);C(document,"dragover",is);C(document,"mousemove",is);C(document,"touchmove",is)},_offUpEvents:function(){let t=this.el.ownerDocument;C(t,"mouseup",this._onDrop);C(t,"touchend",this._onDrop);C(t,"pointerup",this._onDrop);C(t,"touchcancel",this._onDrop);C(document,"selectstart",this)},_onDrop:function(t){let s=this.el,e=this.options;xt=U(ut);kt=U(ut,e.draggable);dt("drop",this,{evt:t});zt=ut&&ut.parentNode;xt=U(ut);kt=U(ut,e.draggable);if(as.eventCanceled){this._nulling();return}It=false;Ht=false;Gt=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);gs(this.cloneId);gs(this._dragStartId);if(this.nativeDraggable){C(document,"drop",this);C(s,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(E){$(document.body,"user-select","")}$(ut,"transform","");if(t){if($t){t.cancelable&&t.preventDefault();!e.dropBubble&&t.stopPropagation()}mt&&mt.parentNode&&mt.parentNode.removeChild(mt);if(pt===zt||St&&St.lastPutMode!=="clone"){vt&&vt.parentNode&&vt.parentNode.removeChild(vt)}if(ut){if(this.nativeDraggable){C(ut,"dragend",this)}os(ut);ut.style["will-change"]="";if($t&&!It){F(ut,St?St.options.ghostClass:this.options.ghostClass,false)}F(ut,this.options.chosenClass,false);ft({sortable:this,name:"unchoose",toEl:zt,newIndex:null,newDraggableIndex:null,originalEvent:t});if(pt!==zt){if(xt>=0){ft({rootEl:zt,name:"add",toEl:zt,fromEl:pt,originalEvent:t});ft({sortable:this,name:"remove",toEl:zt,originalEvent:t});ft({rootEl:zt,name:"sort",toEl:zt,fromEl:pt,originalEvent:t});ft({sortable:this,name:"sort",toEl:zt,originalEvent:t})}St&&St.save()}else{if(xt!==yt){if(xt>=0){ft({sortable:this,name:"update",toEl:zt,originalEvent:t});ft({sortable:this,name:"sort",toEl:zt,originalEvent:t})}}}if(as.active){if(xt==null||xt===-1){xt=yt;kt=_t}ft({sortable:this,name:"end",toEl:zt,originalEvent:t});this.save()}}}this._nulling()},_nulling:function(){dt("nulling",this);pt=ut=zt=mt=gt=vt=bt=wt=Ct=Dt=$t=xt=kt=yt=_t=Wt=Lt=St=Et=as.dragged=as.ghost=as.clone=as.active=null;Bt.forEach((function(t){t.checked=true}));Bt.length=Ot=At=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":if(ut){this._onDragOver(t);ns(t)}break;case"selectstart":t.preventDefault();break}},toArray:function(){let t=[],s,e=this.el.children,i=0,r=e.length,a=this.options;for(;i<r;i++){s=e[i];if(A(s,a.draggable,this.el,false)){t.push(s.getAttribute(a.dataIdAttr)||zs(s))}}return t},sort:function(t,s){let e={},i=this.el;this.toArray().forEach((function(t,s){let r=i.children[s];if(A(r,this.options.draggable,i,false)){e[t]=r}}),this);s&&this.captureAnimationState();t.forEach((function(t){if(e[t]){i.removeChild(e[t]);i.appendChild(e[t])}}));s&&this.animateAll()},save:function(){let t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,s){return A(t,s||this.options.draggable,this.el,false)},option:function(t,s){let e=this.options;if(s===void 0){return e[t]}else{let i=ct.modifyOption(this,t,s);if(typeof i!=="undefined"){e[t]=i}else{e[t]=s}if(t==="group"){ts(e)}}},destroy:function(){dt("destroy",this);let t=this.el;t[it]=null;C(t,"mousedown",this._onTapStart);C(t,"touchstart",this._onTapStart);C(t,"pointerdown",this._onTapStart);if(this.nativeDraggable){C(t,"dragover",this);C(t,"dragenter",this)}Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();Tt.splice(Tt.indexOf(this.el),1);this.el=t=null},_hideClone:function(){if(!wt){dt("hideClone",this);if(as.eventCanceled)return;$(vt,"display","none");if(this.options.removeCloneOnHide&&vt.parentNode){vt.parentNode.removeChild(vt)}wt=true}},_showClone:function(t){if(t.lastPutMode!=="clone"){this._hideClone();return}if(wt){dt("showClone",this);if(as.eventCanceled)return;if(ut.parentNode==pt&&!this.options.group.revertClone){pt.insertBefore(vt,ut)}else if(gt){pt.insertBefore(vt,gt)}else{pt.appendChild(vt)}if(this.options.group.revertClone){this.animate(ut,vt)}$(vt,"display","");wt=false}}};function ns(t){if(t.dataTransfer){t.dataTransfer.dropEffect="move"}t.cancelable&&t.preventDefault()}function ls(t,s,e,i,r,a,n,l){let o,c=t[it],h=c.options.onMove,d;if(window.CustomEvent&&!x&&!_){o=new CustomEvent("move",{bubbles:true,cancelable:true})}else{o=document.createEvent("Event");o.initEvent("move",true,true)}o.to=s;o.from=t;o.dragged=e;o.draggedRect=i;o.related=r||s;o.relatedRect=a||H(s);o.willInsertAfter=l;o.originalEvent=n;t.dispatchEvent(o);if(h){d=h.call(c,o,n)}return d}function os(t){t.draggable=false}function cs(){Ut=false}function hs(t,s,e){let i=H(j(e.el,0,e.options,true));const r=10;return s?t.clientX<i.left-r||t.clientY<i.top&&t.clientX<i.right:t.clientY<i.top-r||t.clientY<i.bottom&&t.clientX<i.left}function ds(t,s,e){let i=H(R(e.el,e.options.draggable));const r=10;return s?t.clientX>i.right+r||t.clientX<=i.right&&t.clientY>i.bottom&&t.clientX>=i.left:t.clientX>i.right&&t.clientY>i.top||t.clientX<=i.right&&t.clientY>i.bottom+r}function fs(t,s,e,i,r,a,n,l){let o=i?t.clientY:t.clientX,c=i?e.height:e.width,h=i?e.top:e.left,d=i?e.bottom:e.right,f=false;if(!n){if(l&&Pt<c*r){if(!Gt&&(Lt===1?o>h+c*a/2:o<d-c*a/2)){Gt=true}if(!Gt){if(Lt===1?o<h+Pt:o>d-Pt){return-Lt}}else{f=true}}else{if(o>h+c*(1-r)/2&&o<d-c*(1-r)/2){return us(s)}}}f=f||n;if(f){if(o<h+c*a/2||o>d-c*a/2){return o>h+c/2?1:-1}}return 0}function us(t){if(U(ut)<U(t)){return 1}else{return-1}}function zs(t){let s=t.tagName+t.className+t.src+t.href+t.textContent,e=s.length,i=0;while(e--){i+=s.charCodeAt(e)}return i.toString(36)}function ms(t){Bt.length=0;let s=t.getElementsByTagName("input");let e=s.length;while(e--){let t=s[e];t.checked&&Bt.push(t)}}function ps(t){return setTimeout(t,0)}function gs(t){return clearTimeout(t)}if(Kt){T(document,"touchmove",(function(t){if((as.active||It)&&t.cancelable){t.preventDefault()}}))}as.utils={on:T,off:C,css:$,find:L,is:function(t,s){return!!A(t,s,t,false)},extend:Y,throttle:Z,closest:A,toggleClass:F,clone:tt,index:U,nextTick:ps,cancelNextTick:gs,detectDirection:Zt,getChild:j};as.get=function(t){return t[it]};as.mount=function(...t){if(t[0].constructor===Array)t=t[0];t.forEach((t=>{if(!t.prototype||!t.prototype.constructor){throw`Sortable: Mounted plugin must be a constructor function, not ${{}.toString.call(t)}`}if(t.utils)as.utils={...as.utils,...t.utils};ct.mount(t)}))};as.create=function(t,s){return new as(t,s)};as.version=w;let bs=[],vs,ws,ys=false,xs,_s,ks,Es;function Ss(){function t(){this.defaults={scroll:true,forceAutoScrollFallback:false,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:true};for(let t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}}t.prototype={dragStarted({originalEvent:t}){if(this.sortable.nativeDraggable){T(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){T(document,"pointermove",this._handleFallbackAutoScroll)}else if(t.touches){T(document,"touchmove",this._handleFallbackAutoScroll)}else{T(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted({originalEvent:t}){if(!this.options.dragOverBubble&&!t.rootEl){this._handleAutoScroll(t)}},drop(){if(this.sortable.nativeDraggable){C(document,"dragover",this._handleAutoScroll)}else{C(document,"pointermove",this._handleFallbackAutoScroll);C(document,"touchmove",this._handleFallbackAutoScroll);C(document,"mousemove",this._handleFallbackAutoScroll)}Ms();Is();q()},nulling(){ks=ws=vs=ys=Es=xs=_s=null;bs.length=0},_handleFallbackAutoScroll(t){this._handleAutoScroll(t,true)},_handleAutoScroll(t,s){const e=(t.touches?t.touches[0]:t).clientX,i=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(e,i);ks=t;if(s||this.options.forceAutoScrollFallback||_||x||E){Ts(t,this.options,r,s);let a=X(r,true);if(ys&&(!Es||e!==xs||i!==_s)){Es&&Ms();Es=setInterval((()=>{let r=X(document.elementFromPoint(e,i),true);if(r!==a){a=r;Is()}Ts(t,this.options,r,s)}),10);xs=e;_s=i}}else{if(!this.options.bubbleScroll||X(r,true)===G()){Is();return}Ts(t,this.options,X(r,false),false)}}};return v(t,{pluginName:"scroll",initializeByDefault:true})}function Is(){bs.forEach((function(t){clearInterval(t.pid)}));bs=[]}function Ms(){clearInterval(Es)}const Ts=Z((function(t,s,e,i){if(!s.scroll)return;const r=(t.touches?t.touches[0]:t).clientX,a=(t.touches?t.touches[0]:t).clientY,n=s.scrollSensitivity,l=s.scrollSpeed,o=G();let c=false,h;if(ws!==e){ws=e;Is();vs=s.scroll;h=s.scrollFn;if(vs===true){vs=X(e,true)}}let d=0;let f=vs;do{let s=f,e=H(s),u=e.top,z=e.bottom,m=e.left,p=e.right,g=e.width,b=e.height,v,w,y=s.scrollWidth,x=s.scrollHeight,_=$(s),k=s.scrollLeft,E=s.scrollTop;if(s===o){v=g<y&&(_.overflowX==="auto"||_.overflowX==="scroll"||_.overflowX==="visible");w=b<x&&(_.overflowY==="auto"||_.overflowY==="scroll"||_.overflowY==="visible")}else{v=g<y&&(_.overflowX==="auto"||_.overflowX==="scroll");w=b<x&&(_.overflowY==="auto"||_.overflowY==="scroll")}let S=v&&(Math.abs(p-r)<=n&&k+g<y)-(Math.abs(m-r)<=n&&!!k);let I=w&&(Math.abs(z-a)<=n&&E+b<x)-(Math.abs(u-a)<=n&&!!E);if(!bs[d]){for(let t=0;t<=d;t++){if(!bs[t]){bs[t]={}}}}if(bs[d].vx!=S||bs[d].vy!=I||bs[d].el!==s){bs[d].el=s;bs[d].vx=S;bs[d].vy=I;clearInterval(bs[d].pid);if(S!=0||I!=0){c=true;bs[d].pid=setInterval(function(){if(i&&this.layer===0){as.active._onTouchMove(ks)}let s=bs[this.layer].vy?bs[this.layer].vy*l:0;let e=bs[this.layer].vx?bs[this.layer].vx*l:0;if(typeof h==="function"){if(h.call(as.dragged.parentNode[it],e,s,t,ks,bs[this.layer].el)!=="continue"){return}}Q(bs[this.layer].el,e,s)}.bind({layer:d}),24)}}d++}while(s.bubbleScroll&&f!==o&&(f=X(f,false)));ys=c}),30);const Cs=function({originalEvent:t,putSortable:s,dragEl:e,activeSortable:i,dispatchSortableEvent:r,hideGhostForTarget:a,unhideGhostForTarget:n}){if(!t)return;let l=s||i;a();let o=t.changedTouches&&t.changedTouches.length?t.changedTouches[0]:t;let c=document.elementFromPoint(o.clientX,o.clientY);n();if(l&&!l.el.contains(c)){r("spill");this.onSpill({dragEl:e,putSortable:s})}};function Ds(){}Ds.prototype={startIndex:null,dragStart({oldDraggableIndex:t}){this.startIndex=t},onSpill({dragEl:t,putSortable:s}){this.sortable.captureAnimationState();if(s){s.captureAnimationState()}let e=j(this.sortable.el,this.startIndex,this.options);if(e){this.sortable.el.insertBefore(t,e)}else{this.sortable.el.appendChild(t)}this.sortable.animateAll();if(s){s.animateAll()}},drop:Cs};v(Ds,{pluginName:"revertOnSpill"});function Os(){}Os.prototype={onSpill({dragEl:t,putSortable:s}){const e=s||this.sortable;e.captureAnimationState();t.parentNode&&t.parentNode.removeChild(t);e.animateAll()},drop:Cs};v(Os,{pluginName:"removeOnSpill"});let As;function Ns(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}t.prototype={dragStart({dragEl:t}){As=t},dragOverValid({completed:t,target:s,onMove:e,activeSortable:i,changed:r,cancel:a}){if(!i.options.swap)return;let n=this.sortable.el,l=this.options;if(s&&s!==n){let t=As;if(e(s)!==false){F(s,l.swapClass,true);As=s}else{As=null}if(t&&t!==As){F(t,l.swapClass,false)}}r();t(true);a()},drop({activeSortable:t,putSortable:s,dragEl:e}){let i=s||this.sortable;let r=this.options;As&&F(As,r.swapClass,false);if(As&&(r.swap||s&&s.options.swap)){if(e!==As){i.captureAnimationState();if(i!==t)t.captureAnimationState();Fs(e,As);i.animateAll();if(i!==t)t.animateAll()}}},nulling(){As=null}};return v(t,{pluginName:"swap",eventProperties(){return{swapItem:As}}})}function Fs(t,s){let e=t.parentNode,i=s.parentNode,r,a;if(!e||!i||e.isEqualNode(s)||i.isEqualNode(t))return;r=U(t);a=U(s);if(e.isEqualNode(i)&&r<a){a++}e.insertBefore(s,e.children[r]);i.insertBefore(t,i.children[a])}let $s=[],Ws=[],Ls,Gs,Hs=false,Ps=false,js=false,Rs,Us,Bs;function Ks(){function t(t){for(let t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}if(!t.options.avoidImplicitDeselect){if(t.options.supportPointer){T(document,"pointerup",this._deselectMultiDrag)}else{T(document,"mouseup",this._deselectMultiDrag);T(document,"touchend",this._deselectMultiDrag)}}T(document,"keydown",this._checkKeyDown);T(document,"keyup",this._checkKeyUp);this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:false,setData(s,e){let i="";if($s.length&&Gs===t){$s.forEach(((t,s)=>{i+=(!s?"":", ")+t.textContent}))}else{i=e.textContent}s.setData("Text",i)}}}t.prototype={multiDragKeyDown:false,isMultiDrag:false,delayStartGlobal({dragEl:t}){Rs=t},delayEnded(){this.isMultiDrag=~$s.indexOf(Rs)},setupClone({sortable:t,cancel:s}){if(!this.isMultiDrag)return;for(let t=0;t<$s.length;t++){Ws.push(tt($s[t]));Ws[t].sortableIndex=$s[t].sortableIndex;Ws[t].draggable=false;Ws[t].style["will-change"]="";F(Ws[t],this.options.selectedClass,false);$s[t]===Rs&&F(Ws[t],this.options.chosenClass,false)}t._hideClone();s()},clone({sortable:t,rootEl:s,dispatchSortableEvent:e,cancel:i}){if(!this.isMultiDrag)return;if(!this.options.removeCloneOnHide){if($s.length&&Gs===t){Ys(true,s);e("clone");i()}}},showClone({cloneNowShown:t,rootEl:s,cancel:e}){if(!this.isMultiDrag)return;Ys(false,s);Ws.forEach((t=>{$(t,"display","")}));t();Bs=false;e()},hideClone({sortable:t,cloneNowHidden:s,cancel:e}){if(!this.isMultiDrag)return;Ws.forEach((t=>{$(t,"display","none");if(this.options.removeCloneOnHide&&t.parentNode){t.parentNode.removeChild(t)}}));s();Bs=true;e()},dragStartGlobal({sortable:t}){if(!this.isMultiDrag&&Gs){Gs.multiDrag._deselectMultiDrag()}$s.forEach((t=>{t.sortableIndex=U(t)}));$s=$s.sort((function(t,s){return t.sortableIndex-s.sortableIndex}));js=true},dragStarted({sortable:t}){if(!this.isMultiDrag)return;if(this.options.sort){t.captureAnimationState();if(this.options.animation){$s.forEach((t=>{if(t===Rs)return;$(t,"position","absolute")}));let t=H(Rs,false,true,true);$s.forEach((s=>{if(s===Rs)return;st(s,t)}));Ps=true;Hs=true}}t.animateAll((()=>{Ps=false;Hs=false;if(this.options.animation){$s.forEach((t=>{et(t)}))}if(this.options.sort){Vs()}}))},dragOver({target:t,completed:s,cancel:e}){if(Ps&&~$s.indexOf(t)){s(false);e()}},revert({fromSortable:t,rootEl:s,sortable:e,dragRect:i}){if($s.length>1){$s.forEach((s=>{e.addAnimationState({target:s,rect:Ps?H(s):i});et(s);s.fromRect=i;t.removeAnimationState(s)}));Ps=false;Xs(!this.options.removeCloneOnHide,s)}},dragOverCompleted({sortable:t,isOwner:s,insertion:e,activeSortable:i,parentEl:r,putSortable:a}){let n=this.options;if(e){if(s){i._hideClone()}Hs=false;if(n.animation&&$s.length>1&&(Ps||!s&&!i.options.sort&&!a)){let t=H(Rs,false,true,true);$s.forEach((s=>{if(s===Rs)return;st(s,t);r.appendChild(s)}));Ps=true}if(!s){if(!Ps){Vs()}if($s.length>1){let s=Bs;i._showClone(t);if(i.options.animation&&!Bs&&s){Ws.forEach((t=>{i.addAnimationState({target:t,rect:Us});t.fromRect=Us;t.thisAnimationDuration=null}))}}else{i._showClone(t)}}}},dragOverAnimationCapture({dragRect:t,isOwner:s,activeSortable:e}){$s.forEach((t=>{t.thisAnimationDuration=null}));if(e.options.animation&&!s&&e.multiDrag.isMultiDrag){Us=v({},t);let s=W(Rs,true);Us.top-=s.f;Us.left-=s.e}},dragOverAnimationComplete(){if(Ps){Ps=false;Vs()}},drop({originalEvent:t,rootEl:s,parentEl:e,sortable:i,dispatchSortableEvent:r,oldIndex:a,putSortable:n}){let l=n||this.sortable;if(!t)return;let o=this.options,c=e.children;if(!js){if(o.multiDragKey&&!this.multiDragKeyDown){this._deselectMultiDrag()}F(Rs,o.selectedClass,!~$s.indexOf(Rs));if(!~$s.indexOf(Rs)){$s.push(Rs);ht({sortable:i,rootEl:s,name:"select",targetEl:Rs,originalEvent:t});if(t.shiftKey&&Ls&&i.el.contains(Ls)){let e=U(Ls),r=U(Rs);if(~e&&~r&&e!==r){let a,n;if(r>e){n=e;a=r}else{n=r;a=e+1}for(;n<a;n++){if(~$s.indexOf(c[n]))continue;F(c[n],o.selectedClass,true);$s.push(c[n]);ht({sortable:i,rootEl:s,name:"select",targetEl:c[n],originalEvent:t})}}}else{Ls=Rs}Gs=l}else{$s.splice($s.indexOf(Rs),1);Ls=null;ht({sortable:i,rootEl:s,name:"deselect",targetEl:Rs,originalEvent:t})}}if(js&&this.isMultiDrag){Ps=false;if((e[it].options.sort||e!==s)&&$s.length>1){let t=H(Rs),s=U(Rs,":not(."+this.options.selectedClass+")");if(!Hs&&o.animation)Rs.thisAnimationDuration=null;l.captureAnimationState();if(!Hs){if(o.animation){Rs.fromRect=t;$s.forEach((s=>{s.thisAnimationDuration=null;if(s!==Rs){let e=Ps?H(s):t;s.fromRect=e;l.addAnimationState({target:s,rect:e})}}))}Vs();$s.forEach((t=>{if(c[s]){e.insertBefore(t,c[s])}else{e.appendChild(t)}s++}));if(a===U(Rs)){let t=false;$s.forEach((s=>{if(s.sortableIndex!==U(s)){t=true;return}}));if(t){r("update")}}}$s.forEach((t=>{et(t)}));l.animateAll()}Gs=l}if(s===e||n&&n.lastPutMode!=="clone"){Ws.forEach((t=>{t.parentNode&&t.parentNode.removeChild(t)}))}},nullingGlobal(){this.isMultiDrag=js=false;Ws.length=0},destroyGlobal(){this._deselectMultiDrag();C(document,"pointerup",this._deselectMultiDrag);C(document,"mouseup",this._deselectMultiDrag);C(document,"touchend",this._deselectMultiDrag);C(document,"keydown",this._checkKeyDown);C(document,"keyup",this._checkKeyUp)},_deselectMultiDrag(t){if(typeof js!=="undefined"&&js)return;if(Gs!==this.sortable)return;if(t&&A(t.target,this.options.draggable,this.sortable.el,false))return;if(t&&t.button!==0)return;while($s.length){let s=$s[0];F(s,this.options.selectedClass,false);$s.shift();ht({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:s,originalEvent:t})}},_checkKeyDown(t){if(t.key===this.options.multiDragKey){this.multiDragKeyDown=true}},_checkKeyUp(t){if(t.key===this.options.multiDragKey){this.multiDragKeyDown=false}}};return v(t,{pluginName:"multiDrag",utils:{select(t){let s=t.parentNode[it];if(!s||!s.options.multiDrag||~$s.indexOf(t))return;if(Gs&&Gs!==s){Gs.multiDrag._deselectMultiDrag();Gs=s}F(t,s.options.selectedClass,true);$s.push(t)},deselect(t){let s=t.parentNode[it],e=$s.indexOf(t);if(!s||!s.options.multiDrag||!~e)return;F(t,s.options.selectedClass,false);$s.splice(e,1)}},eventProperties(){const t=[],s=[];$s.forEach((e=>{t.push({multiDragElement:e,index:e.sortableIndex});let i;if(Ps&&e!==Rs){i=-1}else if(Ps){i=U(e,":not(."+this.options.selectedClass+")")}else{i=U(e)}s.push({multiDragElement:e,index:i})}));return{items:[...$s],clones:[...Ws],oldIndicies:t,newIndicies:s}},optionListeners:{multiDragKey(t){t=t.toLowerCase();if(t==="ctrl"){t="Control"}else if(t.length>1){t=t.charAt(0).toUpperCase()+t.substr(1)}return t}}})}function Xs(t,s){$s.forEach(((e,i)=>{let r=s.children[e.sortableIndex+(t?Number(i):0)];if(r){s.insertBefore(e,r)}else{s.appendChild(e)}}))}function Ys(t,s){Ws.forEach(((e,i)=>{let r=s.children[e.sortableIndex+(t?Number(i):0)];if(r){s.insertBefore(e,r)}else{s.appendChild(e)}}))}function Vs(){$s.forEach((t=>{if(t===Rs)return;t.parentNode&&t.parentNode.removeChild(t)}))}as.mount(new Ss);as.mount(Os,Ds);as.mount(new Ns);as.mount(new Ks);const Js='.sc-stzh-sortable-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-sortable-h,[stzh-hidden].sc-stzh-sortable-h{display:none}.sc-stzh-sortable-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-sortable-h *.sc-stzh-sortable,.sc-stzh-sortable-h *.sc-stzh-sortable::before,.sc-stzh-sortable-h *.sc-stzh-sortable::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-sortable-h .has-focus.sc-stzh-sortable{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-sortable-h .stzh-fylingfocus-focused.sc-stzh-sortable{outline-style:none !important}.sc-stzh-sortable-h .stzh-fylingfocus-focused.sc-stzh-sortable::-moz-focus-inner{border:0 !important}.sc-stzh-sortable-h{--cursor:grab;--grabbing-cursor:grabbing;--unselected-item-opacity:0.6;--ghost-item-background:var(--stzh-color-grey30);--ghost-item-box-shadow:none}[disabled].sc-stzh-sortable-h{--cursor:inherit}.sc-stzh-sortable-h[disabled] .sc-stzh-sortable-s *.is-sortable-item{-webkit-user-select:auto;user-select:auto}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item{position:relative;transition:opacity var(--stzh-base-transition-animation-speed);-webkit-user-select:none;user-select:none;cursor:var(--cursor)}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-drag,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-chosen,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-selected{cursor:var(--grabbing-cursor)}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-drag{opacity:1 !important}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost{z-index:0}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost::after{z-index:99;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ghost-item-background);box-shadow:var(--ghost-item-box-shadow)}.sc-stzh-sortable-h.sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item,.sc-stzh-sortable-h .sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item{opacity:var(--unselected-item-opacity)}.sc-stzh-sortable-h.sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item,.sc-stzh-sortable-h.sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item.is-selected,.sc-stzh-sortable-h .sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item.is-selected{opacity:1}.stzh-sortable__description.sc-stzh-sortable,.stzh-sortable__aria-live.sc-stzh-sortable{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}';const Zs=Js;const qs="is-sortable-item";const Qs="is-ghost";const te="is-selected";const se="is-chosen";const ee="is-drag";const ie="has-item-selected";let re=0;const ae=class{constructor(e){t(this,e);this.stzhUpdate=s(this,"stzhUpdate",7);this.stzhDisable=s(this,"stzhDisable",7);this.selectedItem=null;this.resetItemOnBlur=false;this.init=()=>{if(!this.getContainer()||this.disabled){return}this.setAttributes()};this.updated=async t=>{let s;let e;let i;if(t){s=t.newIndex;e=t.oldIndex;i=t.item}else{s=this.getIndexOfSelectedItem();e=this.lastIndex;i=this.selectedItem}if(s!==e){this.stzhUpdate.emit({component:"stzh-sortable",data:await this.toArray(),item:i,newIndex:s,oldIndex:e})}};this.onKeydown=t=>{const s=t.currentTarget;const e=t.target;if(!this.getContainer()||this.disabled||s!==e){return}if(t.key===" "){t.preventDefault();if(!this.selectedItem){this.selectedItem=s;this.selectedItem.parentElement.classList.add(ie);this.selectedItem.classList.add(te);this.lastIndex=this.getIndexOfSelectedItem();this.resetItemOnBlur=true;this.updateAriaLive(this.localization.started)}else{this.resetItemOnBlur=false;this.updateAriaLive(this.localization.dropped);this.updated();this.resetActiveItem()}}else if(t.key==="Tab"&&this.selectedItem&&this.selectedItem===t.currentTarget){t.preventDefault()}else if(t.key==="Escape"&&this.selectedItem){this.resetItemOnBlur=false;this.updateAriaLive(this.localization.canceled);this.resetActiveItem(true)}else if(t.key==="ArrowUp"){t.preventDefault();if(this.selectedItem){this.moveItem(this.selectedItem,"up")}else{this.focusItem(s.previousElementSibling)}}else if(t.key==="ArrowDown"){t.preventDefault();if(this.selectedItem){this.moveItem(this.selectedItem,"down")}else{this.focusItem(s.nextElementSibling)}}};this.onBlur=()=>{if(this.resetItemOnBlur){this.resetItemOnBlur=false;this.updateAriaLive(this.localization.dropped);this.updated();this.resetActiveItem()}};this.localization=undefined;this.disabled=false;this.dataIdAttribute="data-id";this.container=()=>{var t;return(t=this.containerElement)===null||t===void 0?void 0:t.firstElementChild};this.ghostClone=t=>t.cloneNode(true);this.filterElements=["[data-stzh-sortable-filtered]","[sortable-disabled]","button","a[href]","input","select","textarea","label","iframe","details","area","stzh-sortable"]}async toArray(){return this.sortable.toArray()}async sort(t,s=true){return this.sortable.sort(t,s)}async moveItem(t,s){var e;if(!t||!t.nextElementSibling&&s==="down"||!t.previousElementSibling&&s==="up"){return}this.resetItemOnBlur=false;if(s==="up"){t.previousElementSibling.before(t)}else if(s==="down"){t.nextElementSibling.after(t)}this.updateAriaLive(this.localization.moved,t);this.focusItem(t);const i=Array.from((e=t.parentElement)===null||e===void 0?void 0:e.children).indexOf(t);this.stzhUpdate.emit({component:"stzh-sortable",data:await this.toArray(),item:t,newIndex:i,oldIndex:i+(s==="up"?1:-1)});this.resetItemOnBlur=true}disabledWatcher(t){if(t){this.setAttributes()}else{this.unsetAttributes()}this.stzhDisable.emit({component:"stzh-sortable",disabled:t})}filterElementsWatcher(t){if(typeof t==="string"){this._filterElements=JSON.parse(t)}else{this._filterElements=t}}getContainer(){return typeof this.container==="function"?this.container():this.container}updateAriaLive(t,s=this.selectedItem){if(!this.getContainer()){return}if(s){const e=s.getAttribute("aria-label")||"";const i=this.getIndexOfSelectedItem(s);t=t.replace("{title}",e).replace("{current}",(i+1).toString())}const e=this.getContainer().children.length;t=t.replace(/\{total\}/gi,e.toString());this.ariaLiveElement.textContent=t}getIndexOfSelectedItem(t=this.selectedItem){if(t){return Array.from(t.parentElement.children).indexOf(t)}}resetActiveItem(t=false){if(!this.selectedItem){return}const s=this.getIndexOfSelectedItem();const e=this.selectedItem.parentElement;if(t&&this.lastIndex!==s){if(this.lastIndex>s){e.children[this.lastIndex].after(this.selectedItem)}else{e.children[this.lastIndex].before(this.selectedItem)}this.selectedItem.focus()}e.classList.remove(ie);this.selectedItem.classList.remove(te);this.selectedItem=null;this.lastIndex=null}focusItem(t){if(!t){return}t.focus();const s=document.querySelector("stzh-flyingfocus");if(s){s.reposition()}b(t,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})}setAttributes(){var t,s;if(this.getContainer()&&((t=this.getContainer())===null||t===void 0?void 0:t.children)){Array.from((s=this.getContainer())===null||s===void 0?void 0:s.children).forEach((t=>{t.classList.add(qs);t.addEventListener("blur",this.onBlur);t.addEventListener("keydown",this.onKeydown);t.setAttribute("tabindex","0");t.setAttribute("aria-describedby",`${this.sortableId}-description`)}))}}unsetAttributes(){var t,s;if(this.getContainer()&&((t=this.getContainer())===null||t===void 0?void 0:t.children)){Array.from((s=this.getContainer())===null||s===void 0?void 0:s.children).forEach((t=>{t.classList.remove(qs);t.removeEventListener("blur",this.onBlur);t.removeEventListener("keydown",this.onKeydown);t.removeAttribute("tabindex");t.removeAttribute("aria-describedby")}))}}async componentWillLoad(){this.sortableId=`stzh-sortable-${re++}`;this.filterElementsWatcher(this.filterElements);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"sortable")}}componentWillUpdate(){if(this.sortable){this.sortable.destroy();this.sortable=null}}componentDidRender(){if(this.sortable){return}this.sortable=new as(this.getContainer(),{animation:150,filter:this._filterElements.join(", "),ghostClass:Qs,chosenClass:se,dragClass:ee,dataIdAttr:this.dataIdAttribute,preventOnFilter:false,forceFallback:true,delay:200,delayOnTouchOnly:true,disabled:this.disabled,ghostClone:this.ghostClone,onUpdate:this.updated})}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}this.unsetAttributes();if(this.sortable){this.sortable.destroy();this.sortable=null}}render(){const t={"stzh-sortable":true,"stzh-sortable--disabled":this.disabled};return e(i,{key:"4d1993f9711dbccbdda8be7bc4f348f1495d1521"},e("div",{key:"f9c14763667219e2d58ca0aa8067bd23187800f4",class:t},!this.disabled&&e("div",{key:"36ef85d9b975eee8d16b193b321dfa8087fc8e15",id:`${this.sortableId}-description`,class:"stzh-sortable__description"},this.localization.description),e("div",{key:"d7388b3158e63a4f0e0e2fc9a1294063dc64532d",ref:t=>this.ariaLiveElement=t,"aria-live":"assertive",class:"stzh-sortable__aria-live"}),e("div",{key:"d0e5d282fe3a4f826df465cff393cfe031682c37",ref:t=>this.containerElement=t,class:"stzh-sortable__container"},e("slot",{key:"107701cbe31befd4f7d30e9198a8fd61d74f20dd"}))))}get element(){return r(this)}static get watchers(){return{disabled:["disabledWatcher"],filterElements:["filterElementsWatcher"]}}};ae.style=Zs;export{l as stzh_cardlist,h as stzh_container,ae as stzh_sortable};
-//# sourceMappingURL=p-f90192c8.entry.js.map
+ */function v(){v=Object.assign||function(t){for(var s=1;s<arguments.length;s++){var e=arguments[s];for(var i in e){if(Object.prototype.hasOwnProperty.call(e,i)){t[i]=e[i]}}}return t};return v.apply(this,arguments)}var w="1.15.0";function y(t){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(t)}}const x=y(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);const _=y(/Edge/i);const k=y(/firefox/i);const E=y(/safari/i)&&!y(/chrome/i)&&!y(/android/i);const S=y(/iP(ad|od|hone)/i);const I=y(/chrome/i)&&y(/android/i);const M={capture:false,passive:false};function T(t,s,e){t.addEventListener(s,e,!x&&M)}function C(t,s,e){t.removeEventListener(s,e,!x&&M)}function D(t,s){if(!s)return;s[0]===">"&&(s=s.substring(1));if(t){try{if(t.matches){return t.matches(s)}else if(t.msMatchesSelector){return t.msMatchesSelector(s)}else if(t.webkitMatchesSelector){return t.webkitMatchesSelector(s)}}catch(t){return false}}return false}function O(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function A(t,s,e,i){if(t){e=e||document;do{if(s!=null&&(s[0]===">"?t.parentNode===e&&D(t,s):D(t,s))||i&&t===e){return t}if(t===e)break}while(t=O(t))}return null}const N=/\s+/g;function F(t,s,e){if(t&&s){if(t.classList){t.classList[e?"add":"remove"](s)}else{let i=(" "+t.className+" ").replace(N," ").replace(" "+s+" "," ");t.className=(i+(e?" "+s:"")).replace(N," ")}}}function $(t,s,e){let i=t&&t.style;if(i){if(e===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){e=document.defaultView.getComputedStyle(t,"")}else if(t.currentStyle){e=t.currentStyle}return s===void 0?e:e[s]}else{if(!(s in i)&&s.indexOf("webkit")===-1){s="-webkit-"+s}i[s]=e+(typeof e==="string"?"":"px")}}}function W(t,s){let e="";if(typeof t==="string"){e=t}else{do{let s=$(t,"transform");if(s&&s!=="none"){e=s+" "+e}}while(!s&&(t=t.parentNode))}const i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(e)}function L(t,s,e){if(t){let i=t.getElementsByTagName(s),r=0,a=i.length;if(e){for(;r<a;r++){e(i[r],r)}}return i}return[]}function G(){let t=document.scrollingElement;if(t){return t}else{return document.documentElement}}function H(t,s,e,i,r){if(!t.getBoundingClientRect&&t!==window)return;let a,n,l,o,c,h,d;if(t!==window&&t.parentNode&&t!==G()){a=t.getBoundingClientRect();n=a.top;l=a.left;o=a.bottom;c=a.right;h=a.height;d=a.width}else{n=0;l=0;o=window.innerHeight;c=window.innerWidth;h=window.innerHeight;d=window.innerWidth}if((s||e)&&t!==window){r=r||t.parentNode;if(!x){do{if(r&&r.getBoundingClientRect&&($(r,"transform")!=="none"||e&&$(r,"position")!=="static")){let t=r.getBoundingClientRect();n-=t.top+parseInt($(r,"border-top-width"));l-=t.left+parseInt($(r,"border-left-width"));o=n+a.height;c=l+a.width;break}}while(r=r.parentNode)}}if(i&&t!==window){let s=W(r||t),e=s&&s.a,i=s&&s.d;if(s){n/=i;l/=e;d/=e;h/=i;o=n+h;c=l+d}}return{top:n,left:l,bottom:o,right:c,width:d,height:h}}function P(t,s,e){let i=X(t,true),r=H(t)[s];while(i){let t=H(i)[e],s;if(e==="top"||e==="left"){s=r>=t}else{s=r<=t}if(!s)return i;if(i===G())break;i=X(i,false)}return false}function j(t,s,e,i){let r=0,a=0,n=t.children;while(a<n.length){if(n[a].style.display!=="none"&&n[a]!==as.ghost&&(i||n[a]!==as.dragged)&&A(n[a],e.draggable,t,false)){if(r===s){return n[a]}r++}a++}return null}function R(t,s){let e=t.lastElementChild;while(e&&(e===as.ghost||$(e,"display")==="none"||s&&!D(e,s))){e=e.previousElementSibling}return e||null}function U(t,s){let e=0;if(!t||!t.parentNode){return-1}while(t=t.previousElementSibling){if(t.nodeName.toUpperCase()!=="TEMPLATE"&&t!==as.clone&&(!s||D(t,s))){e++}}return e}function B(t){let s=0,e=0,i=G();if(t){do{let i=W(t),r=i.a,a=i.d;s+=t.scrollLeft*r;e+=t.scrollTop*a}while(t!==i&&(t=t.parentNode))}return[s,e]}function K(t,s){for(let e in t){if(!t.hasOwnProperty(e))continue;for(let i in s){if(s.hasOwnProperty(i)&&s[i]===t[e][i])return Number(e)}}return-1}function X(t,s){if(!t||!t.getBoundingClientRect)return G();let e=t;let i=false;do{if(e.clientWidth<e.scrollWidth||e.clientHeight<e.scrollHeight){let t=$(e);if(e.clientWidth<e.scrollWidth&&(t.overflowX=="auto"||t.overflowX=="scroll")||e.clientHeight<e.scrollHeight&&(t.overflowY=="auto"||t.overflowY=="scroll")){if(!e.getBoundingClientRect||e===document.body)return G();if(i||s)return e;i=true}}}while(e=e.parentNode);return G()}function Y(t,s){if(t&&s){for(let e in s){if(s.hasOwnProperty(e)){t[e]=s[e]}}}return t}function V(t,s){return Math.round(t.top)===Math.round(s.top)&&Math.round(t.left)===Math.round(s.left)&&Math.round(t.height)===Math.round(s.height)&&Math.round(t.width)===Math.round(s.width)}let J;function Z(t,s){return function(){if(!J){let e=arguments,i=this;if(e.length===1){t.call(i,e[0])}else{t.apply(i,e)}J=setTimeout((function(){J=void 0}),s)}}}function q(){clearTimeout(J);J=void 0}function Q(t,s,e){t.scrollLeft+=s;t.scrollTop+=e}function tt(t){let s=window.Polymer;let e=window.jQuery||window.Zepto;if(s&&s.dom){return s.dom(t).cloneNode(true)}else if(e){return e(t).clone(true)[0]}else{return t.cloneNode(true)}}function st(t,s){$(t,"position","absolute");$(t,"top",s.top);$(t,"left",s.left);$(t,"width",s.width);$(t,"height",s.height)}function et(t){$(t,"position","");$(t,"top","");$(t,"left","");$(t,"width","");$(t,"height","")}const it="Sortable"+(new Date).getTime();function rt(){let t=[],s;return{captureAnimationState(){t=[];if(!this.options.animation)return;let s=[].slice.call(this.el.children);s.forEach((s=>{if($(s,"display")==="none"||s===as.ghost)return;t.push({target:s,rect:H(s)});let e={...t[t.length-1].rect};if(s.thisAnimationDuration){let t=W(s,true);if(t){e.top-=t.f;e.left-=t.e}}s.fromRect=e}))},addAnimationState(s){t.push(s)},removeAnimationState(s){t.splice(K(t,{target:s}),1)},animateAll(e){if(!this.options.animation){clearTimeout(s);if(typeof e==="function")e();return}let i=false,r=0;t.forEach((t=>{let s=0,e=t.target,a=e.fromRect,n=H(e),l=e.prevFromRect,o=e.prevToRect,c=t.rect,h=W(e,true);if(h){n.top-=h.f;n.left-=h.e}e.toRect=n;if(e.thisAnimationDuration){if(V(l,n)&&!V(a,n)&&(c.top-n.top)/(c.left-n.left)===(a.top-n.top)/(a.left-n.left)){s=nt(c,l,o,this.options)}}if(!V(n,a)){e.prevFromRect=a;e.prevToRect=n;if(!s){s=this.options.animation}this.animate(e,c,n,s)}if(s){i=true;r=Math.max(r,s);clearTimeout(e.animationResetTimer);e.animationResetTimer=setTimeout((function(){e.animationTime=0;e.prevFromRect=null;e.fromRect=null;e.prevToRect=null;e.thisAnimationDuration=null}),s);e.thisAnimationDuration=s}}));clearTimeout(s);if(!i){if(typeof e==="function")e()}else{s=setTimeout((function(){if(typeof e==="function")e()}),r)}t=[]},animate(t,s,e,i){if(i){$(t,"transition","");$(t,"transform","");let r=W(this.el),a=r&&r.a,n=r&&r.d,l=(s.left-e.left)/(a||1),o=(s.top-e.top)/(n||1);t.animatingX=!!l;t.animatingY=!!o;$(t,"transform","translate3d("+l+"px,"+o+"px,0)");this.forRepaintDummy=at(t);$(t,"transition","transform "+i+"ms"+(this.options.easing?" "+this.options.easing:""));$(t,"transform","translate3d(0,0,0)");typeof t.animated==="number"&&clearTimeout(t.animated);t.animated=setTimeout((function(){$(t,"transition","");$(t,"transform","");t.animated=false;t.animatingX=false;t.animatingY=false}),i)}}}}function at(t){return t.offsetWidth}function nt(t,s,e,i){return Math.sqrt(Math.pow(s.top-t.top,2)+Math.pow(s.left-t.left,2))/Math.sqrt(Math.pow(s.top-e.top,2)+Math.pow(s.left-e.left,2))*i.animation}let lt=[];const ot={initializeByDefault:true};var ct={mount(t){for(let s in ot){if(ot.hasOwnProperty(s)&&!(s in t)){t[s]=ot[s]}}lt.forEach((s=>{if(s.pluginName===t.pluginName){throw`Sortable: Cannot mount plugin ${t.pluginName} more than once`}}));lt.push(t)},pluginEvent(t,s,e){this.eventCanceled=false;e.cancel=()=>{this.eventCanceled=true};const i=t+"Global";lt.forEach((r=>{if(!s[r.pluginName])return;if(s[r.pluginName][i]){s[r.pluginName][i]({sortable:s,...e})}if(s.options[r.pluginName]&&s[r.pluginName][t]){s[r.pluginName][t]({sortable:s,...e})}}))},initializePlugins(t,s,e,i){lt.forEach((i=>{const r=i.pluginName;if(!t.options[r]&&!i.initializeByDefault)return;let a=new i(t,s,t.options);a.sortable=t;a.options=t.options;t[r]=a;v(e,a.defaults)}));for(let s in t.options){if(!t.options.hasOwnProperty(s))continue;let e=this.modifyOption(t,s,t.options[s]);if(typeof e!=="undefined"){t.options[s]=e}}},getEventProperties(t,s){let e={};lt.forEach((i=>{if(typeof i.eventProperties!=="function")return;v(e,i.eventProperties.call(s[i.pluginName],t))}));return e},modifyOption(t,s,e){let i;lt.forEach((r=>{if(!t[r.pluginName])return;if(r.optionListeners&&typeof r.optionListeners[s]==="function"){i=r.optionListeners[s].call(t[r.pluginName],e)}}));return i}};function ht({sortable:t,rootEl:s,name:e,targetEl:i,cloneEl:r,toEl:a,fromEl:n,oldIndex:l,newIndex:o,oldDraggableIndex:c,newDraggableIndex:h,originalEvent:d,putSortable:f,extraEventProperties:u}){t=t||s&&s[it];if(!t)return;let z,m=t.options,p="on"+e.charAt(0).toUpperCase()+e.substr(1);if(window.CustomEvent&&!x&&!_){z=new CustomEvent(e,{bubbles:true,cancelable:true})}else{z=document.createEvent("Event");z.initEvent(e,true,true)}z.to=a||s;z.from=n||s;z.item=i||s;z.clone=r;z.oldIndex=l;z.newIndex=o;z.oldDraggableIndex=c;z.newDraggableIndex=h;z.originalEvent=d;z.pullMode=f?f.lastPutMode:undefined;let g={...u,...ct.getEventProperties(e,t)};for(let t in g){z[t]=g[t]}if(s){s.dispatchEvent(z)}if(m[p]){m[p].call(t,z)}}let dt=function(t,s,{evt:e,...i}={}){ct.pluginEvent.bind(as)(t,s,{dragEl:ut,parentEl:zt,ghostEl:mt,rootEl:pt,nextEl:gt,lastDownEl:bt,cloneEl:vt,cloneHidden:wt,dragStarted:$t,putSortable:St,activeSortable:as.active,originalEvent:e,oldIndex:yt,oldDraggableIndex:_t,newIndex:xt,newDraggableIndex:kt,hideGhostForTarget:ss,unhideGhostForTarget:es,cloneNowHidden(){wt=true},cloneNowShown(){wt=false},dispatchSortableEvent(t){ft({sortable:s,name:t,originalEvent:e})},...i})};function ft(t){ht({putSortable:St,cloneEl:vt,targetEl:ut,rootEl:pt,oldIndex:yt,oldDraggableIndex:_t,newIndex:xt,newDraggableIndex:kt,...t})}let ut,zt,mt,pt,gt,bt,vt,wt,yt,xt,_t,kt,Et,St,It=false,Mt=false,Tt=[],Ct,Dt,Ot,At,Nt,Ft,$t,Wt,Lt,Gt=false,Ht=false,Pt,jt,Rt=[],Ut=false,Bt=[];const Kt=typeof document!=="undefined",Xt=S,Yt=_||x?"cssFloat":"float",Vt=Kt&&!I&&!S&&"draggable"in document.createElement("div"),Jt=function(){if(!Kt)return;if(x){return false}let t=document.createElement("x");t.style.cssText="pointer-events:auto";return t.style.pointerEvents==="auto"}(),Zt=function(t,s){let e=$(t),i=parseInt(e.width)-parseInt(e.paddingLeft)-parseInt(e.paddingRight)-parseInt(e.borderLeftWidth)-parseInt(e.borderRightWidth),r=j(t,0,s),a=j(t,1,s),n=r&&$(r),l=a&&$(a),o=n&&parseInt(n.marginLeft)+parseInt(n.marginRight)+H(r).width,c=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+H(a).width;if(e.display==="flex"){return e.flexDirection==="column"||e.flexDirection==="column-reverse"?"vertical":"horizontal"}if(e.display==="grid"){return e.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(r&&n.float&&n.float!=="none"){let t=n.float==="left"?"left":"right";return a&&(l.clear==="both"||l.clear===t)?"vertical":"horizontal"}return r&&(n.display==="block"||n.display==="flex"||n.display==="table"||n.display==="grid"||o>=i&&e[Yt]==="none"||a&&e[Yt]==="none"&&o+c>i)?"vertical":"horizontal"},qt=function(t,s,e){let i=e?t.left:t.top,r=e?t.right:t.bottom,a=e?t.width:t.height,n=e?s.left:s.top,l=e?s.right:s.bottom,o=e?s.width:s.height;return i===n||r===l||i+a/2===n+o/2},Qt=function(t,s){let e;Tt.some((i=>{const r=i[it].options.emptyInsertThreshold;if(!r||R(i))return;const a=H(i),n=t>=a.left-r&&t<=a.right+r,l=s>=a.top-r&&s<=a.bottom+r;if(n&&l){return e=i}}));return e},ts=function(t){function s(t,e){return function(i,r,a,n){let l=i.options.group.name&&r.options.group.name&&i.options.group.name===r.options.group.name;if(t==null&&(e||l)){return true}else if(t==null||t===false){return false}else if(e&&t==="clone"){return t}else if(typeof t==="function"){return s(t(i,r,a,n),e)(i,r,a,n)}else{let s=(e?i:r).options.group.name;return t===true||typeof t==="string"&&t===s||t.join&&t.indexOf(s)>-1}}}let e={};let i=t.group;if(!i||typeof i!="object"){i={name:i}}e.name=i.name;e.checkPull=s(i.pull,true);e.checkPut=s(i.put);e.revertClone=i.revertClone;t.group=e},ss=function(){if(!Jt&&mt){$(mt,"display","none")}},es=function(){if(!Jt&&mt){$(mt,"display","")}};if(Kt&&!I){document.addEventListener("click",(function(t){if(Mt){t.preventDefault();t.stopPropagation&&t.stopPropagation();t.stopImmediatePropagation&&t.stopImmediatePropagation();Mt=false;return false}}),true)}let is=function(t){if(ut){t=t.touches?t.touches[0]:t;let s=Qt(t.clientX,t.clientY);if(s){let e={};for(let s in t){if(t.hasOwnProperty(s)){e[s]=t[s]}}e.target=e.rootEl=s;e.preventDefault=void 0;e.stopPropagation=void 0;s[it]._onDragOver(e)}}};let rs=function(t){if(ut){ut.parentNode[it]._isOutsideThisEl(t.target)}};function as(t,s){if(!(t&&t.nodeType&&t.nodeType===1)){throw`Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(t)}`}this.el=t;this.options=s=v({},s);t[it]=this;let e={group:null,sort:true,disabled:false,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:false,invertedSwapThreshold:null,removeCloneOnHide:true,direction:function(){return Zt(t,this.options)},ghostClone:function(t){return t.cloneNode(true)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function(t,s){t.setData("Text",s.textContent)},dropBubble:false,dragoverBubble:false,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:false,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:false,fallbackClass:"sortable-fallback",fallbackOnBody:false,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:as.supportPointer!==false&&"PointerEvent"in window&&!E,emptyInsertThreshold:5};ct.initializePlugins(this,t,e);for(let t in e){!(t in s)&&(s[t]=e[t])}ts(s);for(let t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}this.nativeDraggable=s.forceFallback?false:Vt;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(s.supportPointer){T(t,"pointerdown",this._onTapStart)}else{T(t,"mousedown",this._onTapStart);T(t,"touchstart",this._onTapStart)}if(this.nativeDraggable){T(t,"dragover",this);T(t,"dragenter",this)}Tt.push(this.el);s.store&&s.store.get&&this.sort(s.store.get(this)||[]);v(this,rt())}as.prototype={constructor:as,_isOutsideThisEl:function(t){if(!this.el.contains(t)&&t!==this.el){Wt=null}},_getDirection:function(t,s){return typeof this.options.direction==="function"?this.options.direction.call(this,t,s,ut):this.options.direction},_onTapStart:function(t){if(!t.cancelable)return;let s=this,e=this.el,i=this.options,r=i.preventOnFilter,a=t.type,n=t.touches&&t.touches[0]||t.pointerType&&t.pointerType==="touch"&&t,l=(n||t).target,o=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||l,c=i.filter;ms(e);if(ut){return}if(/mousedown|pointerdown/.test(a)&&t.button!==0||i.disabled){return}if(o.isContentEditable){return}if(!this.nativeDraggable&&E&&l&&l.tagName.toUpperCase()==="SELECT"){return}l=A(l,i.draggable,e,false);if(l&&l.animated){return}if(bt===l){return}yt=U(l);_t=U(l,i.draggable);if(typeof c==="function"){if(c.call(this,t,l,this)){ft({sortable:s,rootEl:o,name:"filter",targetEl:l,toEl:e,fromEl:e});dt("filter",s,{evt:t});r&&t.cancelable&&t.preventDefault();return}}else if(c){c=c.split(",").some((function(i){i=A(o,i.trim(),e,false);if(i){ft({sortable:s,rootEl:i,name:"filter",targetEl:l,fromEl:e,toEl:e});dt("filter",s,{evt:t});return true}}));if(c){r&&t.cancelable&&t.preventDefault();return}}if(i.handle&&!A(o,i.handle,e,false)){return}this._prepareDragStart(t,n,l)},_prepareDragStart:function(t,s,e){let i=this,r=i.el,a=i.options,n=r.ownerDocument,l;if(e&&!ut&&e.parentNode===r){let o=H(e);pt=r;ut=e;zt=ut.parentNode;gt=ut.nextSibling;bt=e;Et=a.group;as.dragged=ut;Ct={target:ut,clientX:(s||t).clientX,clientY:(s||t).clientY};Nt=Ct.clientX-o.left;Ft=Ct.clientY-o.top;this._lastX=(s||t).clientX;this._lastY=(s||t).clientY;ut.style["will-change"]="all";l=function(){dt("delayEnded",i,{evt:t});if(as.eventCanceled){i._onDrop();return}i._disableDelayedDragEvents();if(!k&&i.nativeDraggable){ut.draggable=true}i._triggerDragStart(t,s);ft({sortable:i,name:"choose",originalEvent:t});F(ut,a.chosenClass,true)};a.ignore.split(",").forEach((function(t){L(ut,t.trim(),os)}));T(n,"dragover",is);T(n,"mousemove",is);T(n,"touchmove",is);T(n,"mouseup",i._onDrop);T(n,"touchend",i._onDrop);T(n,"touchcancel",i._onDrop);if(k&&this.nativeDraggable){this.options.touchStartThreshold=4;ut.draggable=true}dt("delayStart",this,{evt:t});if(a.delay&&(!a.delayOnTouchOnly||s)&&(!this.nativeDraggable||!(_||x))){if(as.eventCanceled){this._onDrop();return}T(n,"mouseup",i._disableDelayedDrag);T(n,"touchend",i._disableDelayedDrag);T(n,"touchcancel",i._disableDelayedDrag);T(n,"mousemove",i._delayedDragTouchMoveHandler);T(n,"touchmove",i._delayedDragTouchMoveHandler);a.supportPointer&&T(n,"pointermove",i._delayedDragTouchMoveHandler);i._dragStartTimer=setTimeout(l,a.delay)}else{l()}}},_delayedDragTouchMoveHandler:function(t){let s=t.touches?t.touches[0]:t;if(Math.max(Math.abs(s.clientX-this._lastX),Math.abs(s.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function(){ut&&os(ut);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){let t=this.el.ownerDocument;C(t,"mouseup",this._disableDelayedDrag);C(t,"touchend",this._disableDelayedDrag);C(t,"touchcancel",this._disableDelayedDrag);C(t,"mousemove",this._delayedDragTouchMoveHandler);C(t,"touchmove",this._delayedDragTouchMoveHandler);C(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,s){s=s||t.pointerType=="touch"&&t;if(!this.nativeDraggable||s){if(this.options.supportPointer){T(document,"pointermove",this._onTouchMove)}else if(s){T(document,"touchmove",this._onTouchMove)}else{T(document,"mousemove",this._onTouchMove)}}else{T(ut,"dragend",this);T(pt,"dragstart",this._onDragStart)}try{if(document.selection){ps((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(t){}},_dragStarted:function(t,s){It=false;if(pt&&ut){dt("dragStarted",this,{evt:s});if(this.nativeDraggable){T(document,"dragover",rs)}let e=this.options;!t&&F(ut,e.dragClass,false);F(ut,e.ghostClass,true);as.active=this;t&&this._appendGhost();ft({sortable:this,name:"start",originalEvent:s})}else{this._nulling()}},_emulateDragOver:function(){if(Dt){this._lastX=Dt.clientX;this._lastY=Dt.clientY;ss();let t=document.elementFromPoint(Dt.clientX,Dt.clientY);let s=t;while(t&&t.shadowRoot){t=t.shadowRoot.elementFromPoint(Dt.clientX,Dt.clientY);if(t===s)break;s=t}ut.parentNode[it]._isOutsideThisEl(t);if(s){do{if(s[it]){let e;e=s[it]._onDragOver({clientX:Dt.clientX,clientY:Dt.clientY,target:t,rootEl:s});if(e&&!this.options.dragoverBubble){break}}t=s}while(s=s.parentNode)}es()}},_onTouchMove:function(t){if(Ct){let s=this.options,e=s.fallbackTolerance,i=s.fallbackOffset,r=t.touches?t.touches[0]:t,a=mt&&W(mt,true),n=mt&&a&&a.a,l=mt&&a&&a.d,o=Xt&&jt&&B(jt),c=(r.clientX-Ct.clientX+i.x)/(n||1)+(o?o[0]-Rt[0]:0)/(n||1),h=(r.clientY-Ct.clientY+i.y)/(l||1)+(o?o[1]-Rt[1]:0)/(l||1);if(!as.active&&!It){if(e&&Math.max(Math.abs(r.clientX-this._lastX),Math.abs(r.clientY-this._lastY))<e){return}this._onDragStart(t,true)}if(mt){if(a){a.e+=c-(Ot||0);a.f+=h-(At||0)}else{a={a:1,b:0,c:0,d:1,e:c,f:h}}let t=`matrix(${a.a},${a.b},${a.c},${a.d},${a.e},${a.f})`;$(mt,"webkitTransform",t);$(mt,"mozTransform",t);$(mt,"msTransform",t);$(mt,"transform",t);Ot=c;At=h;Dt=r}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!mt){let t=this.options.fallbackOnBody?document.body:pt,s=H(ut,true,Xt,true,t),e=this.options;if(Xt){jt=t;while($(jt,"position")==="static"&&$(jt,"transform")==="none"&&jt!==document){jt=jt.parentNode}if(jt!==document.body&&jt!==document.documentElement){if(jt===document)jt=G();s.top+=jt.scrollTop;s.left+=jt.scrollLeft}else{jt=G()}Rt=B(jt)}mt=e.ghostClone(ut);F(mt,e.ghostClass,false);F(mt,e.fallbackClass,true);F(mt,e.dragClass,true);$(mt,"transition","");$(mt,"transform","");$(mt,"box-sizing","border-box");$(mt,"margin",0);$(mt,"top",s.top);$(mt,"left",s.left);$(mt,"width",s.width);$(mt,"height",s.height);$(mt,"opacity","0.8");$(mt,"position",Xt?"absolute":"fixed");$(mt,"zIndex","100000");$(mt,"pointerEvents","none");as.ghost=mt;t.appendChild(mt);$(mt,"transform-origin",Nt/parseInt(mt.style.width)*100+"% "+Ft/parseInt(mt.style.height)*100+"%")}},_onDragStart:function(t,s){let e=this;let i=t.dataTransfer;let r=e.options;dt("dragStart",this,{evt:t});if(as.eventCanceled){this._onDrop();return}dt("setupClone",this);if(!as.eventCanceled){vt=tt(ut);vt.removeAttribute("id");vt.draggable=false;vt.style["will-change"]="";this._hideClone();F(vt,this.options.chosenClass,false);as.clone=vt}e.cloneId=ps((function(){dt("clone",e);if(as.eventCanceled)return;if(!e.options.removeCloneOnHide){pt.insertBefore(vt,ut)}e._hideClone();ft({sortable:e,name:"clone"})}));!s&&F(ut,r.dragClass,true);if(s){Mt=true;e._loopId=setInterval(e._emulateDragOver,50)}else{C(document,"mouseup",e._onDrop);C(document,"touchend",e._onDrop);C(document,"touchcancel",e._onDrop);if(i){i.effectAllowed="move";r.setData&&r.setData.call(e,i,ut)}T(document,"drop",e);$(ut,"transform","translateZ(0)")}It=true;e._dragStartId=ps(e._dragStarted.bind(e,s,t));T(document,"selectstart",e);$t=true;if(E){$(document.body,"user-select","none")}},_onDragOver:function(t){let s=this.el,e=t.target,i,r,a,n=this.options,l=n.group,o=as.active,c=Et===l,h=n.sort,d=St||o,f,u=this,z=false;if(Ut)return;function m(n,l){dt(n,u,{evt:t,isOwner:c,axis:f?"vertical":"horizontal",revert:a,dragRect:i,targetRect:r,canSort:h,fromSortable:d,target:e,completed:g,onMove(e,r){return ls(pt,s,ut,i,e,H(e),t,r)},changed:b,...l})}function p(){m("dragOverAnimationCapture");u.captureAnimationState();if(u!==d){d.captureAnimationState()}}function g(i){m("dragOverCompleted",{insertion:i});if(i){if(c){o._hideClone()}else{o._showClone(u)}if(u!==d){F(ut,St?St.options.ghostClass:o.options.ghostClass,false);F(ut,n.ghostClass,true)}if(St!==u&&u!==as.active){St=u}else if(u===as.active&&St){St=null}if(d===u){u._ignoreWhileAnimating=e}u.animateAll((function(){m("dragOverAnimationComplete");u._ignoreWhileAnimating=null}));if(u!==d){d.animateAll();d._ignoreWhileAnimating=null}}if(e===ut&&!ut.animated||e===s&&!e.animated){Wt=null}if(!n.dragoverBubble&&!t.rootEl&&e!==document){ut.parentNode[it]._isOutsideThisEl(t.target);!i&&is(t)}!n.dragoverBubble&&t.stopPropagation&&t.stopPropagation();return z=true}function b(){xt=U(ut);kt=U(ut,n.draggable);ft({sortable:u,name:"change",toEl:s,newIndex:xt,newDraggableIndex:kt,originalEvent:t})}if(t.preventDefault!==void 0){t.cancelable&&t.preventDefault()}e=A(e,n.draggable,s,true);m("dragOver");if(as.eventCanceled)return z;if(ut.contains(t.target)||e.animated&&e.animatingX&&e.animatingY||u._ignoreWhileAnimating===e){return g(false)}Mt=false;if(o&&!n.disabled&&(c?h||(a=zt!==pt):St===this||(this.lastPutMode=Et.checkPull(this,o,ut,t))&&l.checkPut(this,o,ut,t))){f=this._getDirection(t,e)==="vertical";i=H(ut);m("dragOverValid");if(as.eventCanceled)return z;if(a){zt=pt;p();this._hideClone();m("revert");if(!as.eventCanceled){if(gt){pt.insertBefore(ut,gt)}else{pt.appendChild(ut)}}return g(true)}let l=R(s,n.draggable);if(!l||ds(t,f,this)&&!l.animated){if(l===ut){return g(false)}if(l&&s===t.target){e=l}if(e){r=H(e)}if(ls(pt,s,ut,i,e,r,t,!!e)!==false){p();if(l&&l.nextSibling){s.insertBefore(ut,l.nextSibling)}else{s.appendChild(ut)}zt=s;b();return g(true)}}else if(l&&hs(t,f,this)){let a=j(s,0,n,true);if(a===ut){return g(false)}e=a;r=H(e);if(ls(pt,s,ut,i,e,r,t,false)!==false){p();s.insertBefore(ut,a);zt=s;b();return g(true)}}else if(e.parentNode===s){r=H(e);let a=0,l,o=ut.parentNode!==s,c=!qt(ut.animated&&ut.toRect||i,e.animated&&e.toRect||r,f),h=f?"top":"left",d=P(e,"top","top")||P(ut,"top","top"),u=d?d.scrollTop:void 0;if(Wt!==e){l=r[h];Gt=false;Ht=!c&&n.invertSwap||o}a=fs(t,e,r,f,c?1:n.swapThreshold,n.invertedSwapThreshold==null?n.swapThreshold:n.invertedSwapThreshold,Ht,Wt===e);let z;if(a!==0){let t=U(ut);do{t-=a;z=zt.children[t]}while(z&&($(z,"display")==="none"||z===mt))}if(a===0||z===e){return g(false)}Wt=e;Lt=a;let m=e.nextElementSibling,v=false;v=a===1;let w=ls(pt,s,ut,i,e,r,t,v);if(w!==false){if(w===1||w===-1){v=w===1}Ut=true;setTimeout(cs,30);p();if(v&&!m){s.appendChild(ut)}else{e.parentNode.insertBefore(ut,v?m:e)}if(d){Q(d,0,u-d.scrollTop)}zt=ut.parentNode;if(l!==undefined&&!Ht){Pt=Math.abs(l-H(e)[h])}b();return g(true)}}if(s.contains(ut)){return g(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function(){C(document,"mousemove",this._onTouchMove);C(document,"touchmove",this._onTouchMove);C(document,"pointermove",this._onTouchMove);C(document,"dragover",is);C(document,"mousemove",is);C(document,"touchmove",is)},_offUpEvents:function(){let t=this.el.ownerDocument;C(t,"mouseup",this._onDrop);C(t,"touchend",this._onDrop);C(t,"pointerup",this._onDrop);C(t,"touchcancel",this._onDrop);C(document,"selectstart",this)},_onDrop:function(t){let s=this.el,e=this.options;xt=U(ut);kt=U(ut,e.draggable);dt("drop",this,{evt:t});zt=ut&&ut.parentNode;xt=U(ut);kt=U(ut,e.draggable);if(as.eventCanceled){this._nulling();return}It=false;Ht=false;Gt=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);gs(this.cloneId);gs(this._dragStartId);if(this.nativeDraggable){C(document,"drop",this);C(s,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(E){$(document.body,"user-select","")}$(ut,"transform","");if(t){if($t){t.cancelable&&t.preventDefault();!e.dropBubble&&t.stopPropagation()}mt&&mt.parentNode&&mt.parentNode.removeChild(mt);if(pt===zt||St&&St.lastPutMode!=="clone"){vt&&vt.parentNode&&vt.parentNode.removeChild(vt)}if(ut){if(this.nativeDraggable){C(ut,"dragend",this)}os(ut);ut.style["will-change"]="";if($t&&!It){F(ut,St?St.options.ghostClass:this.options.ghostClass,false)}F(ut,this.options.chosenClass,false);ft({sortable:this,name:"unchoose",toEl:zt,newIndex:null,newDraggableIndex:null,originalEvent:t});if(pt!==zt){if(xt>=0){ft({rootEl:zt,name:"add",toEl:zt,fromEl:pt,originalEvent:t});ft({sortable:this,name:"remove",toEl:zt,originalEvent:t});ft({rootEl:zt,name:"sort",toEl:zt,fromEl:pt,originalEvent:t});ft({sortable:this,name:"sort",toEl:zt,originalEvent:t})}St&&St.save()}else{if(xt!==yt){if(xt>=0){ft({sortable:this,name:"update",toEl:zt,originalEvent:t});ft({sortable:this,name:"sort",toEl:zt,originalEvent:t})}}}if(as.active){if(xt==null||xt===-1){xt=yt;kt=_t}ft({sortable:this,name:"end",toEl:zt,originalEvent:t});this.save()}}}this._nulling()},_nulling:function(){dt("nulling",this);pt=ut=zt=mt=gt=vt=bt=wt=Ct=Dt=$t=xt=kt=yt=_t=Wt=Lt=St=Et=as.dragged=as.ghost=as.clone=as.active=null;Bt.forEach((function(t){t.checked=true}));Bt.length=Ot=At=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":if(ut){this._onDragOver(t);ns(t)}break;case"selectstart":t.preventDefault();break}},toArray:function(){let t=[],s,e=this.el.children,i=0,r=e.length,a=this.options;for(;i<r;i++){s=e[i];if(A(s,a.draggable,this.el,false)){t.push(s.getAttribute(a.dataIdAttr)||zs(s))}}return t},sort:function(t,s){let e={},i=this.el;this.toArray().forEach((function(t,s){let r=i.children[s];if(A(r,this.options.draggable,i,false)){e[t]=r}}),this);s&&this.captureAnimationState();t.forEach((function(t){if(e[t]){i.removeChild(e[t]);i.appendChild(e[t])}}));s&&this.animateAll()},save:function(){let t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,s){return A(t,s||this.options.draggable,this.el,false)},option:function(t,s){let e=this.options;if(s===void 0){return e[t]}else{let i=ct.modifyOption(this,t,s);if(typeof i!=="undefined"){e[t]=i}else{e[t]=s}if(t==="group"){ts(e)}}},destroy:function(){dt("destroy",this);let t=this.el;t[it]=null;C(t,"mousedown",this._onTapStart);C(t,"touchstart",this._onTapStart);C(t,"pointerdown",this._onTapStart);if(this.nativeDraggable){C(t,"dragover",this);C(t,"dragenter",this)}Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();Tt.splice(Tt.indexOf(this.el),1);this.el=t=null},_hideClone:function(){if(!wt){dt("hideClone",this);if(as.eventCanceled)return;$(vt,"display","none");if(this.options.removeCloneOnHide&&vt.parentNode){vt.parentNode.removeChild(vt)}wt=true}},_showClone:function(t){if(t.lastPutMode!=="clone"){this._hideClone();return}if(wt){dt("showClone",this);if(as.eventCanceled)return;if(ut.parentNode==pt&&!this.options.group.revertClone){pt.insertBefore(vt,ut)}else if(gt){pt.insertBefore(vt,gt)}else{pt.appendChild(vt)}if(this.options.group.revertClone){this.animate(ut,vt)}$(vt,"display","");wt=false}}};function ns(t){if(t.dataTransfer){t.dataTransfer.dropEffect="move"}t.cancelable&&t.preventDefault()}function ls(t,s,e,i,r,a,n,l){let o,c=t[it],h=c.options.onMove,d;if(window.CustomEvent&&!x&&!_){o=new CustomEvent("move",{bubbles:true,cancelable:true})}else{o=document.createEvent("Event");o.initEvent("move",true,true)}o.to=s;o.from=t;o.dragged=e;o.draggedRect=i;o.related=r||s;o.relatedRect=a||H(s);o.willInsertAfter=l;o.originalEvent=n;t.dispatchEvent(o);if(h){d=h.call(c,o,n)}return d}function os(t){t.draggable=false}function cs(){Ut=false}function hs(t,s,e){let i=H(j(e.el,0,e.options,true));const r=10;return s?t.clientX<i.left-r||t.clientY<i.top&&t.clientX<i.right:t.clientY<i.top-r||t.clientY<i.bottom&&t.clientX<i.left}function ds(t,s,e){let i=H(R(e.el,e.options.draggable));const r=10;return s?t.clientX>i.right+r||t.clientX<=i.right&&t.clientY>i.bottom&&t.clientX>=i.left:t.clientX>i.right&&t.clientY>i.top||t.clientX<=i.right&&t.clientY>i.bottom+r}function fs(t,s,e,i,r,a,n,l){let o=i?t.clientY:t.clientX,c=i?e.height:e.width,h=i?e.top:e.left,d=i?e.bottom:e.right,f=false;if(!n){if(l&&Pt<c*r){if(!Gt&&(Lt===1?o>h+c*a/2:o<d-c*a/2)){Gt=true}if(!Gt){if(Lt===1?o<h+Pt:o>d-Pt){return-Lt}}else{f=true}}else{if(o>h+c*(1-r)/2&&o<d-c*(1-r)/2){return us(s)}}}f=f||n;if(f){if(o<h+c*a/2||o>d-c*a/2){return o>h+c/2?1:-1}}return 0}function us(t){if(U(ut)<U(t)){return 1}else{return-1}}function zs(t){let s=t.tagName+t.className+t.src+t.href+t.textContent,e=s.length,i=0;while(e--){i+=s.charCodeAt(e)}return i.toString(36)}function ms(t){Bt.length=0;let s=t.getElementsByTagName("input");let e=s.length;while(e--){let t=s[e];t.checked&&Bt.push(t)}}function ps(t){return setTimeout(t,0)}function gs(t){return clearTimeout(t)}if(Kt){T(document,"touchmove",(function(t){if((as.active||It)&&t.cancelable){t.preventDefault()}}))}as.utils={on:T,off:C,css:$,find:L,is:function(t,s){return!!A(t,s,t,false)},extend:Y,throttle:Z,closest:A,toggleClass:F,clone:tt,index:U,nextTick:ps,cancelNextTick:gs,detectDirection:Zt,getChild:j};as.get=function(t){return t[it]};as.mount=function(...t){if(t[0].constructor===Array)t=t[0];t.forEach((t=>{if(!t.prototype||!t.prototype.constructor){throw`Sortable: Mounted plugin must be a constructor function, not ${{}.toString.call(t)}`}if(t.utils)as.utils={...as.utils,...t.utils};ct.mount(t)}))};as.create=function(t,s){return new as(t,s)};as.version=w;let bs=[],vs,ws,ys=false,xs,_s,ks,Es;function Ss(){function t(){this.defaults={scroll:true,forceAutoScrollFallback:false,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:true};for(let t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}}t.prototype={dragStarted({originalEvent:t}){if(this.sortable.nativeDraggable){T(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){T(document,"pointermove",this._handleFallbackAutoScroll)}else if(t.touches){T(document,"touchmove",this._handleFallbackAutoScroll)}else{T(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted({originalEvent:t}){if(!this.options.dragOverBubble&&!t.rootEl){this._handleAutoScroll(t)}},drop(){if(this.sortable.nativeDraggable){C(document,"dragover",this._handleAutoScroll)}else{C(document,"pointermove",this._handleFallbackAutoScroll);C(document,"touchmove",this._handleFallbackAutoScroll);C(document,"mousemove",this._handleFallbackAutoScroll)}Ms();Is();q()},nulling(){ks=ws=vs=ys=Es=xs=_s=null;bs.length=0},_handleFallbackAutoScroll(t){this._handleAutoScroll(t,true)},_handleAutoScroll(t,s){const e=(t.touches?t.touches[0]:t).clientX,i=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(e,i);ks=t;if(s||this.options.forceAutoScrollFallback||_||x||E){Ts(t,this.options,r,s);let a=X(r,true);if(ys&&(!Es||e!==xs||i!==_s)){Es&&Ms();Es=setInterval((()=>{let r=X(document.elementFromPoint(e,i),true);if(r!==a){a=r;Is()}Ts(t,this.options,r,s)}),10);xs=e;_s=i}}else{if(!this.options.bubbleScroll||X(r,true)===G()){Is();return}Ts(t,this.options,X(r,false),false)}}};return v(t,{pluginName:"scroll",initializeByDefault:true})}function Is(){bs.forEach((function(t){clearInterval(t.pid)}));bs=[]}function Ms(){clearInterval(Es)}const Ts=Z((function(t,s,e,i){if(!s.scroll)return;const r=(t.touches?t.touches[0]:t).clientX,a=(t.touches?t.touches[0]:t).clientY,n=s.scrollSensitivity,l=s.scrollSpeed,o=G();let c=false,h;if(ws!==e){ws=e;Is();vs=s.scroll;h=s.scrollFn;if(vs===true){vs=X(e,true)}}let d=0;let f=vs;do{let s=f,e=H(s),u=e.top,z=e.bottom,m=e.left,p=e.right,g=e.width,b=e.height,v,w,y=s.scrollWidth,x=s.scrollHeight,_=$(s),k=s.scrollLeft,E=s.scrollTop;if(s===o){v=g<y&&(_.overflowX==="auto"||_.overflowX==="scroll"||_.overflowX==="visible");w=b<x&&(_.overflowY==="auto"||_.overflowY==="scroll"||_.overflowY==="visible")}else{v=g<y&&(_.overflowX==="auto"||_.overflowX==="scroll");w=b<x&&(_.overflowY==="auto"||_.overflowY==="scroll")}let S=v&&(Math.abs(p-r)<=n&&k+g<y)-(Math.abs(m-r)<=n&&!!k);let I=w&&(Math.abs(z-a)<=n&&E+b<x)-(Math.abs(u-a)<=n&&!!E);if(!bs[d]){for(let t=0;t<=d;t++){if(!bs[t]){bs[t]={}}}}if(bs[d].vx!=S||bs[d].vy!=I||bs[d].el!==s){bs[d].el=s;bs[d].vx=S;bs[d].vy=I;clearInterval(bs[d].pid);if(S!=0||I!=0){c=true;bs[d].pid=setInterval(function(){if(i&&this.layer===0){as.active._onTouchMove(ks)}let s=bs[this.layer].vy?bs[this.layer].vy*l:0;let e=bs[this.layer].vx?bs[this.layer].vx*l:0;if(typeof h==="function"){if(h.call(as.dragged.parentNode[it],e,s,t,ks,bs[this.layer].el)!=="continue"){return}}Q(bs[this.layer].el,e,s)}.bind({layer:d}),24)}}d++}while(s.bubbleScroll&&f!==o&&(f=X(f,false)));ys=c}),30);const Cs=function({originalEvent:t,putSortable:s,dragEl:e,activeSortable:i,dispatchSortableEvent:r,hideGhostForTarget:a,unhideGhostForTarget:n}){if(!t)return;let l=s||i;a();let o=t.changedTouches&&t.changedTouches.length?t.changedTouches[0]:t;let c=document.elementFromPoint(o.clientX,o.clientY);n();if(l&&!l.el.contains(c)){r("spill");this.onSpill({dragEl:e,putSortable:s})}};function Ds(){}Ds.prototype={startIndex:null,dragStart({oldDraggableIndex:t}){this.startIndex=t},onSpill({dragEl:t,putSortable:s}){this.sortable.captureAnimationState();if(s){s.captureAnimationState()}let e=j(this.sortable.el,this.startIndex,this.options);if(e){this.sortable.el.insertBefore(t,e)}else{this.sortable.el.appendChild(t)}this.sortable.animateAll();if(s){s.animateAll()}},drop:Cs};v(Ds,{pluginName:"revertOnSpill"});function Os(){}Os.prototype={onSpill({dragEl:t,putSortable:s}){const e=s||this.sortable;e.captureAnimationState();t.parentNode&&t.parentNode.removeChild(t);e.animateAll()},drop:Cs};v(Os,{pluginName:"removeOnSpill"});let As;function Ns(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}t.prototype={dragStart({dragEl:t}){As=t},dragOverValid({completed:t,target:s,onMove:e,activeSortable:i,changed:r,cancel:a}){if(!i.options.swap)return;let n=this.sortable.el,l=this.options;if(s&&s!==n){let t=As;if(e(s)!==false){F(s,l.swapClass,true);As=s}else{As=null}if(t&&t!==As){F(t,l.swapClass,false)}}r();t(true);a()},drop({activeSortable:t,putSortable:s,dragEl:e}){let i=s||this.sortable;let r=this.options;As&&F(As,r.swapClass,false);if(As&&(r.swap||s&&s.options.swap)){if(e!==As){i.captureAnimationState();if(i!==t)t.captureAnimationState();Fs(e,As);i.animateAll();if(i!==t)t.animateAll()}}},nulling(){As=null}};return v(t,{pluginName:"swap",eventProperties(){return{swapItem:As}}})}function Fs(t,s){let e=t.parentNode,i=s.parentNode,r,a;if(!e||!i||e.isEqualNode(s)||i.isEqualNode(t))return;r=U(t);a=U(s);if(e.isEqualNode(i)&&r<a){a++}e.insertBefore(s,e.children[r]);i.insertBefore(t,i.children[a])}let $s=[],Ws=[],Ls,Gs,Hs=false,Ps=false,js=false,Rs,Us,Bs;function Ks(){function t(t){for(let t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}if(!t.options.avoidImplicitDeselect){if(t.options.supportPointer){T(document,"pointerup",this._deselectMultiDrag)}else{T(document,"mouseup",this._deselectMultiDrag);T(document,"touchend",this._deselectMultiDrag)}}T(document,"keydown",this._checkKeyDown);T(document,"keyup",this._checkKeyUp);this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:false,setData(s,e){let i="";if($s.length&&Gs===t){$s.forEach(((t,s)=>{i+=(!s?"":", ")+t.textContent}))}else{i=e.textContent}s.setData("Text",i)}}}t.prototype={multiDragKeyDown:false,isMultiDrag:false,delayStartGlobal({dragEl:t}){Rs=t},delayEnded(){this.isMultiDrag=~$s.indexOf(Rs)},setupClone({sortable:t,cancel:s}){if(!this.isMultiDrag)return;for(let t=0;t<$s.length;t++){Ws.push(tt($s[t]));Ws[t].sortableIndex=$s[t].sortableIndex;Ws[t].draggable=false;Ws[t].style["will-change"]="";F(Ws[t],this.options.selectedClass,false);$s[t]===Rs&&F(Ws[t],this.options.chosenClass,false)}t._hideClone();s()},clone({sortable:t,rootEl:s,dispatchSortableEvent:e,cancel:i}){if(!this.isMultiDrag)return;if(!this.options.removeCloneOnHide){if($s.length&&Gs===t){Ys(true,s);e("clone");i()}}},showClone({cloneNowShown:t,rootEl:s,cancel:e}){if(!this.isMultiDrag)return;Ys(false,s);Ws.forEach((t=>{$(t,"display","")}));t();Bs=false;e()},hideClone({sortable:t,cloneNowHidden:s,cancel:e}){if(!this.isMultiDrag)return;Ws.forEach((t=>{$(t,"display","none");if(this.options.removeCloneOnHide&&t.parentNode){t.parentNode.removeChild(t)}}));s();Bs=true;e()},dragStartGlobal({sortable:t}){if(!this.isMultiDrag&&Gs){Gs.multiDrag._deselectMultiDrag()}$s.forEach((t=>{t.sortableIndex=U(t)}));$s=$s.sort((function(t,s){return t.sortableIndex-s.sortableIndex}));js=true},dragStarted({sortable:t}){if(!this.isMultiDrag)return;if(this.options.sort){t.captureAnimationState();if(this.options.animation){$s.forEach((t=>{if(t===Rs)return;$(t,"position","absolute")}));let t=H(Rs,false,true,true);$s.forEach((s=>{if(s===Rs)return;st(s,t)}));Ps=true;Hs=true}}t.animateAll((()=>{Ps=false;Hs=false;if(this.options.animation){$s.forEach((t=>{et(t)}))}if(this.options.sort){Vs()}}))},dragOver({target:t,completed:s,cancel:e}){if(Ps&&~$s.indexOf(t)){s(false);e()}},revert({fromSortable:t,rootEl:s,sortable:e,dragRect:i}){if($s.length>1){$s.forEach((s=>{e.addAnimationState({target:s,rect:Ps?H(s):i});et(s);s.fromRect=i;t.removeAnimationState(s)}));Ps=false;Xs(!this.options.removeCloneOnHide,s)}},dragOverCompleted({sortable:t,isOwner:s,insertion:e,activeSortable:i,parentEl:r,putSortable:a}){let n=this.options;if(e){if(s){i._hideClone()}Hs=false;if(n.animation&&$s.length>1&&(Ps||!s&&!i.options.sort&&!a)){let t=H(Rs,false,true,true);$s.forEach((s=>{if(s===Rs)return;st(s,t);r.appendChild(s)}));Ps=true}if(!s){if(!Ps){Vs()}if($s.length>1){let s=Bs;i._showClone(t);if(i.options.animation&&!Bs&&s){Ws.forEach((t=>{i.addAnimationState({target:t,rect:Us});t.fromRect=Us;t.thisAnimationDuration=null}))}}else{i._showClone(t)}}}},dragOverAnimationCapture({dragRect:t,isOwner:s,activeSortable:e}){$s.forEach((t=>{t.thisAnimationDuration=null}));if(e.options.animation&&!s&&e.multiDrag.isMultiDrag){Us=v({},t);let s=W(Rs,true);Us.top-=s.f;Us.left-=s.e}},dragOverAnimationComplete(){if(Ps){Ps=false;Vs()}},drop({originalEvent:t,rootEl:s,parentEl:e,sortable:i,dispatchSortableEvent:r,oldIndex:a,putSortable:n}){let l=n||this.sortable;if(!t)return;let o=this.options,c=e.children;if(!js){if(o.multiDragKey&&!this.multiDragKeyDown){this._deselectMultiDrag()}F(Rs,o.selectedClass,!~$s.indexOf(Rs));if(!~$s.indexOf(Rs)){$s.push(Rs);ht({sortable:i,rootEl:s,name:"select",targetEl:Rs,originalEvent:t});if(t.shiftKey&&Ls&&i.el.contains(Ls)){let e=U(Ls),r=U(Rs);if(~e&&~r&&e!==r){let a,n;if(r>e){n=e;a=r}else{n=r;a=e+1}for(;n<a;n++){if(~$s.indexOf(c[n]))continue;F(c[n],o.selectedClass,true);$s.push(c[n]);ht({sortable:i,rootEl:s,name:"select",targetEl:c[n],originalEvent:t})}}}else{Ls=Rs}Gs=l}else{$s.splice($s.indexOf(Rs),1);Ls=null;ht({sortable:i,rootEl:s,name:"deselect",targetEl:Rs,originalEvent:t})}}if(js&&this.isMultiDrag){Ps=false;if((e[it].options.sort||e!==s)&&$s.length>1){let t=H(Rs),s=U(Rs,":not(."+this.options.selectedClass+")");if(!Hs&&o.animation)Rs.thisAnimationDuration=null;l.captureAnimationState();if(!Hs){if(o.animation){Rs.fromRect=t;$s.forEach((s=>{s.thisAnimationDuration=null;if(s!==Rs){let e=Ps?H(s):t;s.fromRect=e;l.addAnimationState({target:s,rect:e})}}))}Vs();$s.forEach((t=>{if(c[s]){e.insertBefore(t,c[s])}else{e.appendChild(t)}s++}));if(a===U(Rs)){let t=false;$s.forEach((s=>{if(s.sortableIndex!==U(s)){t=true;return}}));if(t){r("update")}}}$s.forEach((t=>{et(t)}));l.animateAll()}Gs=l}if(s===e||n&&n.lastPutMode!=="clone"){Ws.forEach((t=>{t.parentNode&&t.parentNode.removeChild(t)}))}},nullingGlobal(){this.isMultiDrag=js=false;Ws.length=0},destroyGlobal(){this._deselectMultiDrag();C(document,"pointerup",this._deselectMultiDrag);C(document,"mouseup",this._deselectMultiDrag);C(document,"touchend",this._deselectMultiDrag);C(document,"keydown",this._checkKeyDown);C(document,"keyup",this._checkKeyUp)},_deselectMultiDrag(t){if(typeof js!=="undefined"&&js)return;if(Gs!==this.sortable)return;if(t&&A(t.target,this.options.draggable,this.sortable.el,false))return;if(t&&t.button!==0)return;while($s.length){let s=$s[0];F(s,this.options.selectedClass,false);$s.shift();ht({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:s,originalEvent:t})}},_checkKeyDown(t){if(t.key===this.options.multiDragKey){this.multiDragKeyDown=true}},_checkKeyUp(t){if(t.key===this.options.multiDragKey){this.multiDragKeyDown=false}}};return v(t,{pluginName:"multiDrag",utils:{select(t){let s=t.parentNode[it];if(!s||!s.options.multiDrag||~$s.indexOf(t))return;if(Gs&&Gs!==s){Gs.multiDrag._deselectMultiDrag();Gs=s}F(t,s.options.selectedClass,true);$s.push(t)},deselect(t){let s=t.parentNode[it],e=$s.indexOf(t);if(!s||!s.options.multiDrag||!~e)return;F(t,s.options.selectedClass,false);$s.splice(e,1)}},eventProperties(){const t=[],s=[];$s.forEach((e=>{t.push({multiDragElement:e,index:e.sortableIndex});let i;if(Ps&&e!==Rs){i=-1}else if(Ps){i=U(e,":not(."+this.options.selectedClass+")")}else{i=U(e)}s.push({multiDragElement:e,index:i})}));return{items:[...$s],clones:[...Ws],oldIndicies:t,newIndicies:s}},optionListeners:{multiDragKey(t){t=t.toLowerCase();if(t==="ctrl"){t="Control"}else if(t.length>1){t=t.charAt(0).toUpperCase()+t.substr(1)}return t}}})}function Xs(t,s){$s.forEach(((e,i)=>{let r=s.children[e.sortableIndex+(t?Number(i):0)];if(r){s.insertBefore(e,r)}else{s.appendChild(e)}}))}function Ys(t,s){Ws.forEach(((e,i)=>{let r=s.children[e.sortableIndex+(t?Number(i):0)];if(r){s.insertBefore(e,r)}else{s.appendChild(e)}}))}function Vs(){$s.forEach((t=>{if(t===Rs)return;t.parentNode&&t.parentNode.removeChild(t)}))}as.mount(new Ss);as.mount(Os,Ds);as.mount(new Ns);as.mount(new Ks);const Js='.sc-stzh-sortable-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-sortable-h,[stzh-hidden].sc-stzh-sortable-h{display:none}.sc-stzh-sortable-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-sortable-h *.sc-stzh-sortable,.sc-stzh-sortable-h *.sc-stzh-sortable::before,.sc-stzh-sortable-h *.sc-stzh-sortable::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-sortable-h .has-focus.sc-stzh-sortable{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-sortable-h .stzh-fylingfocus-focused.sc-stzh-sortable{outline-style:none !important}.sc-stzh-sortable-h .stzh-fylingfocus-focused.sc-stzh-sortable::-moz-focus-inner{border:0 !important}.sc-stzh-sortable-h{--cursor:grab;--grabbing-cursor:grabbing;--unselected-item-opacity:0.6;--ghost-item-background:var(--stzh-color-grey30);--ghost-item-box-shadow:none}[disabled].sc-stzh-sortable-h{--cursor:inherit}.sc-stzh-sortable-h[disabled] .sc-stzh-sortable-s *.is-sortable-item{-webkit-user-select:auto;user-select:auto}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item{position:relative;transition:opacity var(--stzh-base-transition-animation-speed);-webkit-user-select:none;user-select:none;cursor:var(--cursor)}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-drag,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-chosen,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-selected{cursor:var(--grabbing-cursor)}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-drag{opacity:1 !important}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost{z-index:0}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost::after{z-index:99;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ghost-item-background);box-shadow:var(--ghost-item-box-shadow)}.sc-stzh-sortable-h.sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item,.sc-stzh-sortable-h .sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item{opacity:var(--unselected-item-opacity)}.sc-stzh-sortable-h.sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item,.sc-stzh-sortable-h.sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item.is-selected,.sc-stzh-sortable-h .sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item.is-selected{opacity:1}.stzh-sortable__description.sc-stzh-sortable,.stzh-sortable__aria-live.sc-stzh-sortable{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}';const Zs=Js;const qs="is-sortable-item";const Qs="is-ghost";const te="is-selected";const se="is-chosen";const ee="is-drag";const ie="has-item-selected";let re=0;const ae=class{constructor(e){t(this,e);this.stzhUpdate=s(this,"stzhUpdate",7);this.stzhDisable=s(this,"stzhDisable",7);this.selectedItem=null;this.resetItemOnBlur=false;this.init=()=>{if(!this.getContainer()||this.disabled){return}this.setAttributes()};this.updated=async t=>{let s;let e;let i;if(t){s=t.newIndex;e=t.oldIndex;i=t.item}else{s=this.getIndexOfSelectedItem();e=this.lastIndex;i=this.selectedItem}if(s!==e){this.stzhUpdate.emit({component:"stzh-sortable",data:await this.toArray(),item:i,newIndex:s,oldIndex:e})}};this.onKeydown=t=>{const s=t.currentTarget;const e=t.target;if(!this.getContainer()||this.disabled||s!==e){return}if(t.key===" "){t.preventDefault();if(!this.selectedItem){this.selectedItem=s;this.selectedItem.parentElement.classList.add(ie);this.selectedItem.classList.add(te);this.lastIndex=this.getIndexOfSelectedItem();this.resetItemOnBlur=true;this.updateAriaLive(this.localization.started)}else{this.resetItemOnBlur=false;this.updateAriaLive(this.localization.dropped);this.updated();this.resetActiveItem()}}else if(t.key==="Tab"&&this.selectedItem&&this.selectedItem===t.currentTarget){t.preventDefault()}else if(t.key==="Escape"&&this.selectedItem){this.resetItemOnBlur=false;this.updateAriaLive(this.localization.canceled);this.resetActiveItem(true)}else if(t.key==="ArrowUp"){t.preventDefault();if(this.selectedItem){this.moveItem(this.selectedItem,"up")}else{this.focusItem(s.previousElementSibling)}}else if(t.key==="ArrowDown"){t.preventDefault();if(this.selectedItem){this.moveItem(this.selectedItem,"down")}else{this.focusItem(s.nextElementSibling)}}};this.onBlur=()=>{if(this.resetItemOnBlur){this.resetItemOnBlur=false;this.updateAriaLive(this.localization.dropped);this.updated();this.resetActiveItem()}};this.localization=undefined;this.disabled=false;this.dataIdAttribute="data-id";this.container=()=>{var t;return(t=this.containerElement)===null||t===void 0?void 0:t.firstElementChild};this.ghostClone=t=>t.cloneNode(true);this.filterElements=["[data-stzh-sortable-filtered]","[sortable-disabled]","button","a[href]","input","select","textarea","label","iframe","details","area","stzh-sortable"]}async toArray(){return this.sortable.toArray()}async sort(t,s=true){return this.sortable.sort(t,s)}async moveItem(t,s){var e;if(!t||!t.nextElementSibling&&s==="down"||!t.previousElementSibling&&s==="up"){return}this.resetItemOnBlur=false;if(s==="up"){t.previousElementSibling.before(t)}else if(s==="down"){t.nextElementSibling.after(t)}this.updateAriaLive(this.localization.moved,t);this.focusItem(t);const i=Array.from((e=t.parentElement)===null||e===void 0?void 0:e.children).indexOf(t);this.stzhUpdate.emit({component:"stzh-sortable",data:await this.toArray(),item:t,newIndex:i,oldIndex:i+(s==="up"?1:-1)});this.resetItemOnBlur=true}disabledWatcher(t){if(t){this.setAttributes()}else{this.unsetAttributes()}this.stzhDisable.emit({component:"stzh-sortable",disabled:t})}filterElementsWatcher(t){if(typeof t==="string"){this._filterElements=JSON.parse(t)}else{this._filterElements=t}}getContainer(){return typeof this.container==="function"?this.container():this.container}updateAriaLive(t,s=this.selectedItem){if(!this.getContainer()){return}if(s){const e=s.getAttribute("aria-label")||"";const i=this.getIndexOfSelectedItem(s);t=t.replace("{title}",e).replace("{current}",(i+1).toString())}const e=this.getContainer().children.length;t=t.replace(/\{total\}/gi,e.toString());this.ariaLiveElement.textContent=t}getIndexOfSelectedItem(t=this.selectedItem){if(t){return Array.from(t.parentElement.children).indexOf(t)}}resetActiveItem(t=false){if(!this.selectedItem){return}const s=this.getIndexOfSelectedItem();const e=this.selectedItem.parentElement;if(t&&this.lastIndex!==s){if(this.lastIndex>s){e.children[this.lastIndex].after(this.selectedItem)}else{e.children[this.lastIndex].before(this.selectedItem)}this.selectedItem.focus()}e.classList.remove(ie);this.selectedItem.classList.remove(te);this.selectedItem=null;this.lastIndex=null}focusItem(t){if(!t){return}t.focus();const s=document.querySelector("stzh-flyingfocus");if(s){s.reposition()}b(t,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})}setAttributes(){var t,s;if(this.getContainer()&&((t=this.getContainer())===null||t===void 0?void 0:t.children)){Array.from((s=this.getContainer())===null||s===void 0?void 0:s.children).forEach((t=>{t.classList.add(qs);t.addEventListener("blur",this.onBlur);t.addEventListener("keydown",this.onKeydown);t.setAttribute("tabindex","0");t.setAttribute("aria-describedby",`${this.sortableId}-description`)}))}}unsetAttributes(){var t,s;if(this.getContainer()&&((t=this.getContainer())===null||t===void 0?void 0:t.children)){Array.from((s=this.getContainer())===null||s===void 0?void 0:s.children).forEach((t=>{t.classList.remove(qs);t.removeEventListener("blur",this.onBlur);t.removeEventListener("keydown",this.onKeydown);t.removeAttribute("tabindex");t.removeAttribute("aria-describedby")}))}}async componentWillLoad(){this.sortableId=`stzh-sortable-${re++}`;this.filterElementsWatcher(this.filterElements);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"sortable")}}componentWillUpdate(){if(this.sortable){this.sortable.destroy();this.sortable=null}}componentDidRender(){if(this.sortable){return}this.sortable=new as(this.getContainer(),{animation:150,filter:this._filterElements.join(", "),ghostClass:Qs,chosenClass:se,dragClass:ee,dataIdAttr:this.dataIdAttribute,preventOnFilter:false,forceFallback:true,delay:200,delayOnTouchOnly:true,disabled:this.disabled,ghostClone:this.ghostClone,onUpdate:this.updated})}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}this.unsetAttributes();if(this.sortable){this.sortable.destroy();this.sortable=null}}render(){const t={"stzh-sortable":true,"stzh-sortable--disabled":this.disabled};return e(i,{key:"5caf9890387742c7e9f287c5ce7445e8afb4ed7a"},e("div",{key:"3dca5ea740b036f93e09064728f2dbc15d296f35",class:t},!this.disabled&&e("div",{key:"9989d9568e984c82fb811fb372c1a626768fac4e",id:`${this.sortableId}-description`,class:"stzh-sortable__description"},this.localization.description),e("div",{key:"a94219d81904bf113d6e824dd836585ce0d193e0",ref:t=>this.ariaLiveElement=t,"aria-live":"assertive",class:"stzh-sortable__aria-live"}),e("div",{key:"5089be8cad542b59a16a0417d5c95dd0be34ad03",ref:t=>this.containerElement=t,class:"stzh-sortable__container"},e("slot",{key:"e6632ae839549ea2a90a2845713da4c972a018e7"}))))}get element(){return r(this)}static get watchers(){return{disabled:["disabledWatcher"],filterElements:["filterElementsWatcher"]}}};ae.style=Zs;export{l as stzh_cardlist,h as stzh_container,ae as stzh_sortable};
+//# sourceMappingURL=p-42ec2ee3.entry.js.map

package/dist/stzh-components/{p-d6b61be3.entry.js → p-44a7b08b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,a as i,g as n}from"./p-ef5985a3.js";const o=':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 .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}:host{--nested-margin-left:var(--stzh-timeline-nested-margin-left, 0px);--nested-margin-bottom:var(--stzh-timeline-nested-margin-bottom, 0px);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}:host ::slotted(*:not(:last-child)){position:relative}:host ::slotted(*:not(:last-child))::after{content:"";display:block;position:absolute;top:0;left:1.25rem;width:0.125rem;height:100%;background-color:var(--stzh-color-grey50)}.stzh-timeline{--stzh-timeline-nested-margin-left:calc(\n    var(--stzh-timeline-bullet-size) / -1\n  );--stzh-timeline-nested-margin-bottom:calc(\n    var(--stzh-space-medium) / -1\n  );margin-left:var(--nested-margin-left);margin-bottom:var(--nested-margin-bottom)}@media screen and (min-width: 900px){.stzh-timeline{--stzh-timeline-nested-margin-bottom:calc(\n      var(--stzh-space-xlarge) / -1\n    )}}@media screen and (min-width: 1260px){.stzh-timeline{--stzh-timeline-nested-margin-bottom:calc(\n      var(--stzh-space-xxlarge) / -1\n    )}}';const r=o;const a=class{constructor(s){t(this,s);this.stzhFoldableChange=e(this,"stzhFoldableChange",7);this.handleSlotchange=()=>{this.updateSteps()};this.foldable=false;this.collapsible=true;this.multiselectable=false}foldableWatcher(t){this.stzhFoldableChange.emit({component:"stzh-timeline",value:t})}openListener(t){const e=t.target;const s=e.closest("stzh-timeline");if(this.multiselectable||t.detail&&t.detail.component!=="stzh-timeline-item"||s!==this.element){return}const i=Array.from(s.querySelectorAll("stzh-timeline-item"));i.forEach((t=>{if(t!==e){t.hide()}}))}async setItemFocus(t,e){const s=t.closest("stzh-timeline");if(s!==this.element){return}const i=Array.from(s.querySelectorAll(":scope > stzh-timeline-item")).filter((t=>!t.disabled));const n=i.indexOf(t);if((e==="prev"||e==="next")&&n===null){e=e==="prev"?"last":"first"}if(e==="prev"&&n===0){e="last"}if(e==="next"&&n===i.length-1){e="first"}if(e==="prev"){i[n-1].focus()}else if(e==="next"){i[n+1].focus()}else if(e==="last"){i[i.length-1].focus()}else if(e==="first"){i[0].focus()}else{t.focus()}}async updateSteps(){var t;const e=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const s=e.closest("stzh-timeline-item");let i=-1;if(s){i=Array.from(s.parentNode.children).indexOf(s)}const n=Array.from(e.querySelectorAll(":scope > stzh-timeline-item"));n.forEach(((t,e)=>{t.step=i>-1?i+1+(e+1)/10:e+1;const s=t.querySelector("stzh-timeline");if(s){s.updateSteps()}}))}render(){const t={"stzh-timeline":true};return s(i,{key:"796b6e79f9c9107a8b2eae577aa5d5f6d6c29de2"},s("div",{key:"d81c4285364f6a5667cdc1537654afc971b3d28a",class:t,role:"list"},s("slot",{key:"5e3d2b3f29a6926d78e90fc0f817f30c809e295b",onSlotchange:this.handleSlotchange})))}get element(){return n(this)}static get watchers(){return{foldable:["foldableWatcher"]}}};a.style=r;export{a as stzh_timeline};
-//# sourceMappingURL=p-d6b61be3.entry.js.map
+import{r as t,c as e,h as s,a as i,g as n}from"./p-ef5985a3.js";const o=':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 .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}:host{--nested-margin-left:var(--stzh-timeline-nested-margin-left, 0px);--nested-margin-bottom:var(--stzh-timeline-nested-margin-bottom, 0px);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}:host ::slotted(*:not(:last-child)){position:relative}:host ::slotted(*:not(:last-child))::after{content:"";display:block;position:absolute;top:0;left:1.25rem;width:0.125rem;height:100%;background-color:var(--stzh-color-grey50)}.stzh-timeline{--stzh-timeline-nested-margin-left:calc(\n    var(--stzh-timeline-bullet-size) / -1\n  );--stzh-timeline-nested-margin-bottom:calc(\n    var(--stzh-space-medium) / -1\n  );margin-left:var(--nested-margin-left);margin-bottom:var(--nested-margin-bottom)}@media screen and (min-width: 900px){.stzh-timeline{--stzh-timeline-nested-margin-bottom:calc(\n      var(--stzh-space-xlarge) / -1\n    )}}@media screen and (min-width: 1260px){.stzh-timeline{--stzh-timeline-nested-margin-bottom:calc(\n      var(--stzh-space-xxlarge) / -1\n    )}}';const r=o;const a=class{constructor(s){t(this,s);this.stzhFoldableChange=e(this,"stzhFoldableChange",7);this.handleSlotchange=()=>{this.updateSteps()};this.foldable=false;this.collapsible=true;this.multiselectable=false}foldableWatcher(t){this.stzhFoldableChange.emit({component:"stzh-timeline",value:t})}openListener(t){const e=t.target;const s=e.closest("stzh-timeline");if(this.multiselectable||t.detail&&t.detail.component!=="stzh-timeline-item"||s!==this.element){return}const i=Array.from(s.querySelectorAll("stzh-timeline-item"));i.forEach((t=>{if(t!==e){t.hide()}}))}async setItemFocus(t,e){const s=t.closest("stzh-timeline");if(s!==this.element){return}const i=Array.from(s.querySelectorAll(":scope > stzh-timeline-item")).filter((t=>!t.disabled));const n=i.indexOf(t);if((e==="prev"||e==="next")&&n===null){e=e==="prev"?"last":"first"}if(e==="prev"&&n===0){e="last"}if(e==="next"&&n===i.length-1){e="first"}if(e==="prev"){i[n-1].focus()}else if(e==="next"){i[n+1].focus()}else if(e==="last"){i[i.length-1].focus()}else if(e==="first"){i[0].focus()}else{t.focus()}}async updateSteps(){var t;const e=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const s=e.closest("stzh-timeline-item");let i=-1;if(s){i=Array.from(s.parentNode.children).indexOf(s)}const n=Array.from(e.querySelectorAll(":scope > stzh-timeline-item"));n.forEach(((t,e)=>{t.step=i>-1?i+1+(e+1)/10:e+1;const s=t.querySelector("stzh-timeline");if(s){s.updateSteps()}}))}render(){const t={"stzh-timeline":true};return s(i,{key:"40ff3261e7b53dc4c43283e5b58e450901ae555f"},s("div",{key:"fa957fc4907e9d36d5284aeb3e724e2fe7030045",class:t,role:"list"},s("slot",{key:"19745fc3fe93ebd4c44d2b4eb1055053bc71e895",onSlotchange:this.handleSlotchange})))}get element(){return n(this)}static get watchers(){return{foldable:["foldableWatcher"]}}};a.style=r;export{a as stzh_timeline};
+//# sourceMappingURL=p-44a7b08b.entry.js.map

package/dist/stzh-components/{p-aab54c81.entry.js → p-4b78606f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,f as e,h as i,a as h,g as r}from"./p-ef5985a3.js";import{m as n,a,r as o}from"./p-f4adb3cd.js";const c=".sc-stzh-stepper-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-stepper-h,[stzh-hidden].sc-stzh-stepper-h{display:none}.sc-stzh-stepper-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-stepper-h *.sc-stzh-stepper,.sc-stzh-stepper-h *.sc-stzh-stepper::before,.sc-stzh-stepper-h *.sc-stzh-stepper::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-stepper-h .has-focus.sc-stzh-stepper{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-stepper-h .stzh-fylingfocus-focused.sc-stzh-stepper{outline-style:none !important}.sc-stzh-stepper-h .stzh-fylingfocus-focused.sc-stzh-stepper::-moz-focus-inner{border:0 !important}.sc-stzh-stepper-h{min-width:calc(var(--steps) * 1.6875rem * 2)}@media screen and (min-width: 600px){.sc-stzh-stepper-h{min-width:calc(var(--steps) * 1.9375rem * 2)}}.stzh-stepper.sc-stzh-stepper{position:relative;z-index:0;overflow:hidden}.stzh-stepper__items.sc-stzh-stepper{display:flex;flex-wrap:nowrap}.stzh-stepper__item.sc-stzh-stepper{flex-grow:1;flex-shrink:1;flex-basis:0}";const p=c;const l=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick",7);this.stzhDottedClick=s(this,"stzhDottedClick",7);this.handleStepClick=t=>{t.preventDefault();t.stopPropagation();if(t.type!=="stzhDottedClick"){this.stzhClick.emit({component:"stzh-stepper-item",originalEvent:t.detail.originalEvent,index:t.detail.index})}else{this.stzhDottedClick.emit({component:"stzh-stepper-item",originalEvent:t.detail.originalEvent,index:t.detail.index})}};this.setCurrentSteps=()=>{if(n("ultra").matches&&this.stepsUltra){this.currentSteps=this.stepsUltra}else if(n("large").matches&&this.stepsLarge){this.currentSteps=this.stepsLarge}else if(n("medium").matches&&this.stepsMedium){this.currentSteps=this.stepsMedium}else if(n("small").matches&&this.stepsSmall){this.currentSteps=this.stepsSmall}else{this.currentSteps=this.steps}};this.localization=undefined;this.data=[];this.index=0;this.steps=5;this.stepsSmall=6;this.stepsMedium=0;this.stepsLarge=0;this.stepsUltra=0;this.clickDisabled=false;this.currentSteps=undefined}async getItemData(){return this._data.map(((t,s)=>Object.assign(Object.assign({},t),this.getItemAttributes(s))))}onIndexChange(){this.indexWatcher(this.index);this.setCurrentSteps();e(this.element)}indexWatcher(t){if(typeof t==="string"){this.index=JSON.parse(t)}else{this.index=t}}stepsWatcher(){this.setCurrentSteps()}dataWatcher(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this.lastItemIndex=this._data.length-1;this.maxStepIndex=this.currentSteps-1;this.withinLastFewSteps=this.index>=this._data.length-this.maxStepIndex}getItemAttributes(t){const s={};s.step=t+1;s.first=t===0;s.last=t===this.lastItemIndex;s.current=t===this.index;s.passed=t<this.index;const e=this._data[t];s.incomplete=e.incomplete;if(this._data.length>this.currentSteps){if(t===this.lastItemIndex&&!this.withinLastFewSteps){s.dotted=true}if(this.index<2){s.hide=t>this.maxStepIndex-1&&t<this.lastItemIndex}else{if(t===0){s.dotted=true}let e=this.index;if(this.withinLastFewSteps){e=this._data.length-this.maxStepIndex}s.hide=t>0&&t<e||t>this.index+(this.currentSteps-3)&&t<this.lastItemIndex}}return s}async componentWillLoad(){this.dataWatcher(this.data);this.indexWatcher(this.index);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"stepper")}}async componentShouldUpdate(){this.dataWatcher(this.data);this.indexWatcher(this.index)}async componentDidUpdate(){this.dataWatcher(this.data);this.indexWatcher(this.index)}connectedCallback(){this.setCurrentSteps();a(this.setCurrentSteps)}disconnectedCallback(){o(this.setCurrentSteps)}render(){const t={"stzh-stepper":true,[`stzh-stepper--index-${this.index}`]:!!this.index};return i(h,{key:"473ab777a6a95f31a1cb374a926cb7d7782f3223",style:{"--steps":this.currentSteps?this.currentSteps.toString():null}},i("div",{key:"4dd332ef95fe107bba4a96ceeb82bd2d7bd13f8c",class:t},i("div",{key:"dfece9ddf0162dd1ee3c4e923b90273233d8d55a",class:"stzh-stepper__items",role:"list","aria-label":this.localization.label},this._data.map(((t,s)=>i("stzh-stepper-item",Object.assign({},this.getItemAttributes(s),{icon:t.icon,disabled:t.disabled,label:t.label,"click-disabled":t.clickDisabled!==undefined?t.clickDisabled:this.clickDisabled,onStzhClick:t=>{this.handleStepClick(t)},onStzhDottedClick:t=>{this.handleStepClick(t)},class:"stzh-stepper__item"})))),i("slot",{key:"cdf95e09a40a83e58f652d1d3729e8b6823a50a0"}))))}get element(){return r(this)}static get watchers(){return{index:["onIndexChange"],steps:["stepsWatcher"],stepsSmall:["stepsWatcher"],stepsMedium:["stepsWatcher"],stepsLarge:["stepsWatcher"],stepsUltra:["stepsWatcher"],data:["dataWatcher"]}}};l.style=p;export{l as stzh_stepper};
-//# sourceMappingURL=p-aab54c81.entry.js.map
+import{r as t,c as s,f as e,h as i,a as h,g as r}from"./p-ef5985a3.js";import{m as n,a,r as o}from"./p-f4adb3cd.js";const c=".sc-stzh-stepper-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-stepper-h,[stzh-hidden].sc-stzh-stepper-h{display:none}.sc-stzh-stepper-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-stepper-h *.sc-stzh-stepper,.sc-stzh-stepper-h *.sc-stzh-stepper::before,.sc-stzh-stepper-h *.sc-stzh-stepper::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-stepper-h .has-focus.sc-stzh-stepper{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-stepper-h .stzh-fylingfocus-focused.sc-stzh-stepper{outline-style:none !important}.sc-stzh-stepper-h .stzh-fylingfocus-focused.sc-stzh-stepper::-moz-focus-inner{border:0 !important}.sc-stzh-stepper-h{min-width:calc(var(--steps) * 1.6875rem * 2)}@media screen and (min-width: 600px){.sc-stzh-stepper-h{min-width:calc(var(--steps) * 1.9375rem * 2)}}.stzh-stepper.sc-stzh-stepper{position:relative;z-index:0;overflow:hidden}.stzh-stepper__items.sc-stzh-stepper{display:flex;flex-wrap:nowrap}.stzh-stepper__item.sc-stzh-stepper{flex-grow:1;flex-shrink:1;flex-basis:0}";const p=c;const l=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick",7);this.stzhDottedClick=s(this,"stzhDottedClick",7);this.handleStepClick=t=>{t.preventDefault();t.stopPropagation();if(t.type!=="stzhDottedClick"){this.stzhClick.emit({component:"stzh-stepper-item",originalEvent:t.detail.originalEvent,index:t.detail.index})}else{this.stzhDottedClick.emit({component:"stzh-stepper-item",originalEvent:t.detail.originalEvent,index:t.detail.index})}};this.setCurrentSteps=()=>{if(n("ultra").matches&&this.stepsUltra){this.currentSteps=this.stepsUltra}else if(n("large").matches&&this.stepsLarge){this.currentSteps=this.stepsLarge}else if(n("medium").matches&&this.stepsMedium){this.currentSteps=this.stepsMedium}else if(n("small").matches&&this.stepsSmall){this.currentSteps=this.stepsSmall}else{this.currentSteps=this.steps}};this.localization=undefined;this.data=[];this.index=0;this.steps=5;this.stepsSmall=6;this.stepsMedium=0;this.stepsLarge=0;this.stepsUltra=0;this.clickDisabled=false;this.currentSteps=undefined}async getItemData(){return this._data.map(((t,s)=>Object.assign(Object.assign({},t),this.getItemAttributes(s))))}onIndexChange(){this.indexWatcher(this.index);this.setCurrentSteps();e(this.element)}indexWatcher(t){if(typeof t==="string"){this.index=JSON.parse(t)}else{this.index=t}}stepsWatcher(){this.setCurrentSteps()}dataWatcher(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this.lastItemIndex=this._data.length-1;this.maxStepIndex=this.currentSteps-1;this.withinLastFewSteps=this.index>=this._data.length-this.maxStepIndex}getItemAttributes(t){const s={};s.step=t+1;s.first=t===0;s.last=t===this.lastItemIndex;s.current=t===this.index;s.passed=t<this.index;const e=this._data[t];s.incomplete=e.incomplete;if(this._data.length>this.currentSteps){if(t===this.lastItemIndex&&!this.withinLastFewSteps){s.dotted=true}if(this.index<2){s.hide=t>this.maxStepIndex-1&&t<this.lastItemIndex}else{if(t===0){s.dotted=true}let e=this.index;if(this.withinLastFewSteps){e=this._data.length-this.maxStepIndex}s.hide=t>0&&t<e||t>this.index+(this.currentSteps-3)&&t<this.lastItemIndex}}return s}async componentWillLoad(){this.dataWatcher(this.data);this.indexWatcher(this.index);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"stepper")}}async componentShouldUpdate(){this.dataWatcher(this.data);this.indexWatcher(this.index)}async componentDidUpdate(){this.dataWatcher(this.data);this.indexWatcher(this.index)}connectedCallback(){this.setCurrentSteps();a(this.setCurrentSteps)}disconnectedCallback(){o(this.setCurrentSteps)}render(){const t={"stzh-stepper":true,[`stzh-stepper--index-${this.index}`]:!!this.index};return i(h,{key:"5ef938d68fca7a18b83222538cda0ecef2d948e0",style:{"--steps":this.currentSteps?this.currentSteps.toString():null}},i("div",{key:"8271667503e6530bf78f033580917a4e81a60067",class:t},i("div",{key:"775b68d4f7da410bde0962b0375b65e594431786",class:"stzh-stepper__items",role:"list","aria-label":this.localization.label},this._data.map(((t,s)=>i("stzh-stepper-item",Object.assign({},this.getItemAttributes(s),{icon:t.icon,disabled:t.disabled,label:t.label,"click-disabled":t.clickDisabled!==undefined?t.clickDisabled:this.clickDisabled,onStzhClick:t=>{this.handleStepClick(t)},onStzhDottedClick:t=>{this.handleStepClick(t)},class:"stzh-stepper__item"})))),i("slot",{key:"3b5085e0622c76ea384f615547abb30f1b00a4a5"}))))}get element(){return r(this)}static get watchers(){return{index:["onIndexChange"],steps:["stepsWatcher"],stepsSmall:["stepsWatcher"],stepsMedium:["stepsWatcher"],stepsLarge:["stepsWatcher"],stepsUltra:["stepsWatcher"],data:["dataWatcher"]}}};l.style=p;export{l as stzh_stepper};
+//# sourceMappingURL=p-4b78606f.entry.js.map

package/dist/stzh-components/p-4d076834.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s,a,g as d}from"./p-ef5985a3.js";import{s as e}from"./p-87c329f2.js";import{c as o}from"./p-a62948ad.js";import{c as h}from"./p-f48422c4.js";import"./p-dae15605.js";const n=".sc-stzh-dialog-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-dialog-h,[stzh-hidden].sc-stzh-dialog-h{display:none}.sc-stzh-dialog-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-dialog-h *.sc-stzh-dialog,.sc-stzh-dialog-h *.sc-stzh-dialog::before,.sc-stzh-dialog-h *.sc-stzh-dialog::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-dialog-h .has-focus.sc-stzh-dialog{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-dialog-h .stzh-fylingfocus-focused.sc-stzh-dialog{outline-style:none !important}.sc-stzh-dialog-h .stzh-fylingfocus-focused.sc-stzh-dialog::-moz-focus-inner{border:0 !important}.sc-stzh-dialog-h{--padding-top:var(--stzh-space-xxlarge);--padding-bottom:var(--stzh-space-xxlarge);--padding-left:var(--stzh-space-large);--padding-right:var(--stzh-space-large);--width:100%;--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--width:33.5rem}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--width:38.125rem}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--width:54.125rem}}@media screen and (min-width: 1600px){.sc-stzh-dialog-h{--width:55.5rem}}@media screen and (min-width: 600px){[size=small].sc-stzh-dialog-h{--width:24.6875rem}}@media screen and (min-width: 900px){[size=small].sc-stzh-dialog-h{--width:28.75rem}}@media screen and (min-width: 1260px){[size=small].sc-stzh-dialog-h{--width:32rem}}.stzh-dialog.sc-stzh-dialog{z-index:var(--stzh-z-index-dialog);display:none;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:stretch}.stzh-dialog__content.sc-stzh-dialog{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow:auto}.stzh-dialog__dialog.sc-stzh-dialog{position:relative;display:flex;flex-direction:column;margin:auto;border:none;background-color:var(--stzh-color-white);width:auto;min-width:var(--width);max-width:100%;box-shadow:var(--stzh-box-shadow-overlay);height:100vh;max-height:100vh;overflow:hidden;outline:none}.stzh-dialog__dialog--fit-content.sc-stzh-dialog{width:-moz-fit-content;width:fit-content}@media screen and (min-width: 600px){.stzh-dialog__dialog.sc-stzh-dialog{height:auto}}.stzh-dialog__backdrop.sc-stzh-dialog{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--backdrop-background-color);opacity:var(--backdrop-opacity)}.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-medium);padding-top:var(--padding-top);padding-left:var(--padding-left);padding-right:var(--padding-right)}@media screen and (min-width: 600px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-dialog__dialog-content.sc-stzh-dialog{padding-left:var(--padding-left);padding-right:var(--padding-right);padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-large);overflow:auto;flex-grow:1}@media screen and (min-width: 600px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-dialog__actions.sc-stzh-dialog:not(:empty){padding:var(--stzh-space-medium) var(--padding-right) var(--padding-bottom) var(--padding-left)}.stzh-dialog__close-button.sc-stzh-dialog{position:absolute;top:var(--stzh-space-xsmall);right:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-dialog__close-button.sc-stzh-dialog{top:var(--stzh-space-large);right:var(--stzh-space-large)}}.stzh-dialog--is-open.sc-stzh-dialog{display:flex}";const l=n;const c="stzh-dialog-open";let r=null;let g=0;const p=class{constructor(s){i(this,s);this.stzhOpen=t(this,"stzhOpen",7);this.stzhClose=t(this,"stzhClose",7);this.handleDialogClick=i=>{const t=i.target;if(t.dataset.stzhDialogClose){this.hide()}else{const i=t.closest("[data-stzh-dialog-close]");if(i){this.hide()}}};this.handleCloseButtonClick=()=>{this.hide()};this.init=()=>{const i=this.element.querySelector('stzh-actions[slot="actions"]');if(i){e(i,{variant:"dialog"})}};this.localization=undefined;this.closeOnEscapeKey=false;this.closeOnBackdropClick=false;this.open=false;this.stay=true;this.size="default";this.hideClose=false;this.heading="";this.a11yRole="alertdialog";this.closeAnalyticsId=undefined}handleOutsideClick(i){if(!this.open||!this.closeOnBackdropClick){return}const t=i.target!==this.dialogElement&&this.dialogElement.contains(i.target)===false;if(t){this.hide()}}handleKeydown(i){if(i.key==="Escape"&&r===this&&this.closeOnEscapeKey){this.hide()}}handleOpenTriggerClick(i){const t=i.target;if(t.dataset.stzhDialogTrigger===this.element.id){this.show()}else{const i=t.closest("[data-stzh-dialog-trigger]");if(i&&i.dataset.stzhDialogTrigger===this.element.id){this.show()}}}async show(){this.open=true;this.stzhOpen.emit({component:"stzh-dialog"})}async hide(){this.open=false;this.stzhClose.emit({component:"stzh-dialog"})}getSiblings(){if(!this.containerElement){return[]}return Array.from(this.containerElement.children).filter((i=>i!==this.element))}disableSiblings(){this.getSiblings().forEach((i=>{i.setAttribute("aria-hidden","true")}))}enableSiblings(){this.getSiblings().forEach((i=>{i.removeAttribute("aria-hidden")}))}dialogShown(){r=this;document.body.classList.add(c);this.disableSiblings();if(this.trap){this.trap.activate()}}dialogHidden(){document.body.classList.remove(c);this.enableSiblings();if(this.trap){this.trap.deactivate()}r=null}async componentWillLoad(){this.id=`stzh-dialog-${g}`;g++;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"dialog")}}componentDidRender(){this.open?this.dialogShown():this.dialogHidden()}componentDidUpdate(){this.trap.updateContainerElements(this.element)}componentDidLoad(){this.trap=h(this.element,Object.assign({fallbackFocus:this.dialogElement},o()));if(this.open){this.dialogShown()}}connectedCallback(){if(!this.stay&&this.element.parentElement!==document.body){document.body.appendChild(this.element)}this.containerElement=this.element.parentElement;this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){this.dialogHidden();if(this.observer){this.observer.disconnect()}}render(){return s(a,{key:"083adde5512ab9ceeb8675c4b17e9d29bc8abcd2"},s("div",{key:"fdbaa1de1bd13189efc2e54f7ddfd61b4ffe8236",class:{"stzh-dialog":true,"stzh-dialog--is-open":this.open,"stzh-dialog--has-heading":!!this.heading,"stzh-dialog--has-close-hidden":this.hideClose,[`stzh-dialog--size-${this.size}`]:!!this.size}},s("div",{key:"2a9059cdf7f02290f5ad58b330097b677880dd8a",class:"stzh-dialog__backdrop"}),s("div",{key:"9c6cc625a094c06d868083bc289b1f185537c1de",class:"stzh-dialog__content"},s("div",{key:"a92c8bd82f3b7bb8b9c00d56f75d14698d5bfbe6",class:"stzh-dialog__dialog",ref:i=>this.dialogElement=i,tabindex:"-1",role:this.a11yRole,"aria-hidden":this.open?"false":"true",onClick:this.handleDialogClick},s("stzh-heading",{key:"df1f419402788b1866fff55f4cac48124001420f",id:`${this.id}-heading`,class:"stzh-dialog__heading",level:"2"},this.heading?this.heading:"Title"),s("div",{key:"181ca3137a8bdcba570a9becddec69c33b7939d3",class:"stzh-dialog__dialog-content"},s("slot",{key:"64f77e06eb37383cf8fb7127c9b1a240cca39751"})),s("div",{key:"6c90e79a550f4b0754d3cf38b0efc2b643c136e0",class:"stzh-dialog__actions"},s("slot",{key:"817a56c567599503ddac979152e089dd4e529e60",name:"actions"})),!this.hideClose&&s("stzh-button",{key:"36a19a8064eaa9d8719c3e3eddf950b2debbe95c",class:"stzh-dialog__close-button",variant:"tertiary",size:"small",icon:"close",iconOnly:true,onClick:this.handleCloseButtonClick,a11yLabel:this.localization.close,analyticsId:this.closeAnalyticsId||this.localization.close})))))}get element(){return d(this)}};p.style=l;export{p as stzh_dialog};
+//# sourceMappingURL=p-4d076834.entry.js.map

package/dist/stzh-components/{p-f61e61e7.entry.js.map → p-4d076834.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stzhDialogCss","StzhDialogStyle0","CLASS_BODY_OPEN","activeDialog","dialogCounter","StzhDialog","this","handleDialogClick","event","target","dataset","stzhDialogClose","hide","closest","handleCloseButtonClick","init","actions","element","querySelector","setPropsIfNull","variant","handleOutsideClick","open","closeOnBackdropClick","isClickOutside","dialogElement","contains","handleKeydown","key","closeOnEscapeKey","handleOpenTriggerClick","stzhDialogTrigger","id","show","stzhOpen","emit","component","stzhClose","getSiblings","containerElement","Array","from","children","filter","child","disableSiblings","forEach","sibling","setAttribute","enableSiblings","removeAttribute","dialogShown","document","body","classList","add","trap","activate","dialogHidden","remove","deactivate","componentWillLoad","localization","window","stzhComponents","utils","fetchTranslations","componentDidRender","componentDidUpdate","updateContainerElements","componentDidLoad","createFocusTrap","Object","assign","fallbackFocus","createBaseFocusTrapOptions","connectedCallback","stay","parentElement","appendChild","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","h","Host","class","heading","hideClose","size","ref","el","tabindex","role","a11yRole","onClick","level","name","icon","iconOnly","a11yLabel","close","analyticsId","closeAnalyticsId"],"sources":["src/components/stzh-dialog/stzh-dialog.scss?tag=stzh-dialog&encapsulation=scoped","src/components/stzh-dialog/stzh-dialog.tsx"],"sourcesContent":["/**\n * @prop --width: Width of dialog\n * @prop --padding-top: Padding top of dialog\n * @prop --padding-bottom: Padding bottom of dialog\n * @prop --padding-left: Padding left of dialog\n * @prop --padding-right: Padding right of dialog\n * @prop --backdrop-opacity: Opacity of dialog backdrop\n * @prop --backdrop-background-color: Opacity of dialog background color\n *\n * @prop --stzh-dialog-backdrop-opacity: **Global**: Opacity of backdrops\n * @prop --stzh-dialog-backdrop-background-color: **Global**: Background color of backdrops\n */\n\n:host {\n  @include spaceCurve(\"--padding-top\", \"large\");\n  @include spaceCurve(\"--padding-bottom\", \"large\");\n  @include spaceCurve(\"--padding-left\", \"medium\");\n  @include spaceCurve(\"--padding-right\", \"medium\");\n  --width: 100%;\n  --backdrop-opacity: #{$dialogBackdropOpacity};\n  --backdrop-background-color: #{$dialogBackdropBackgroundColor};\n\n  @include mq($from: small) {\n    --width: 536px;\n  }\n\n  @include mq($from: medium) {\n    --width: 610px; // 786 before\n  }\n\n  @include mq($from: large) {\n    --width: 866px; // 832 before\n  }\n\n  @include mq($from: ultra) {\n    --width: 888px;\n  }\n\n  &[size=\"small\"] {\n    @include mq($from: small) {\n      --width: 395px;\n    }\n\n    @include mq($from: medium) {\n      --width: 460px;\n    }\n\n    @include mq($from: large) {\n      --width: 512px;\n    }\n  }\n}\n\n.stzh-dialog {\n  z-index: $zIndexDialog;\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: stretch;\n\n  &__content {\n    z-index: 2;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-grow: 1;\n    overflow: auto;\n  }\n\n  &__dialog {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    margin: auto;\n    border: none;\n    background-color: $colorWhite;\n    width: auto;\n    min-width: var(--width);\n    max-width: 100%;\n    box-shadow: $boxShadowOverlay;\n    height: 100vh;\n    max-height: 100vh;\n    overflow: hidden;\n    outline: none;\n\n    &--fit-content {\n      width: fit-content;\n    }\n\n    @include mq($from: small) {\n      height: auto;\n    }\n  }\n\n  &__backdrop {\n    z-index: 1;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n    text-align: center;\n    background-color: var(--backdrop-background-color);\n    opacity: var(--backdrop-opacity);\n  }\n\n  &__heading {\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    padding-top: var(--padding-top);\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n  }\n\n  &__dialog-content {\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n    @include spaceCurve(\"padding-top\", \"medium\");\n    @include spaceCurve(\"padding-bottom\", \"medium\");\n    overflow: auto;\n    flex-grow: 1;\n  }\n\n  &__actions {\n    &:not(:empty) {\n      padding: space(\"medium\") var(--padding-right) var(--padding-bottom)\n        var(--padding-left);\n    }\n  }\n\n  &__close-button {\n    position: absolute;\n    top: space(\"xsmall\");\n    right: space(\"xsmall\");\n\n    @include mq($from: medium) {\n      top: space(\"large\");\n      right: space(\"large\");\n    }\n  }\n\n  &--is-open {\n    display: flex;\n  }\n}\n","import { Host, Component, Element, Method, Listen, Prop, Event, EventEmitter, h } from \"@stencil/core\";\n\nimport { StzhDialogOpenEvent, StzhDialogCloseEvent } from \"../../index\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\nimport { createBaseFocusTrapOptions } from \"../../utils/overlay-utils\";\n\nimport { StzhDialogLocalizedText } from \"./stzh-dialog.localization\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\n\nconst CLASS_BODY_OPEN = \"stzh-dialog-open\";\n\nlet activeDialog: StzhDialog = null;\nlet dialogCounter = 0;\n\n/**\n * @slot actions - Slot for actions element\n * @slot - Slot for any content inside the dialog\n */\n@Component({\n  tag: \"stzh-dialog\",\n  styleUrl: \"stzh-dialog.scss\",\n  scoped: true,\n})\nexport class StzhDialog {\n  /** Translation strings */\n  @Prop() localization: StzhDialogLocalizedText;\n\n  /** Close dialog when pressing ESC */\n  @Prop() closeOnEscapeKey: boolean = false;\n\n  /** Close dialog when clicking outside of it */\n  @Prop() closeOnBackdropClick: boolean = false;\n\n  /** Open status */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  /** Stay in original position (true) or move to body (false) */\n  @Prop() stay: boolean = true;\n\n  /** Size */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Whether to hide close button */\n  @Prop() hideClose: boolean = false;\n\n  /** Heading text\n   * *mandatory* since DESI 4.0\n   * */\n  @Prop() heading: string = \"\";\n\n  /** Accessibility role */\n  @Prop({ attribute: \"a11y-role\" }) a11yRole: \"dialog\" | \"alertdialog\" = \"alertdialog\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the close button element.\n   * Default value will be taken from translations.\n   */\n  @Prop() closeAnalyticsId: string;\n\n  /** Dialog open event */\n  @Event() stzhOpen: EventEmitter<StzhDialogOpenEvent>;\n\n  /** Dialog close event */\n  @Event() stzhClose: EventEmitter<StzhDialogCloseEvent>;\n\n  @Element() element: HTMLStzhDialogElement;\n\n  @Listen(\"click\", { target: \"document\", capture: true })\n  handleOutsideClick(event: MouseEvent) {\n    if (!this.open || !this.closeOnBackdropClick) {\n      return;\n    }\n\n    const isClickOutside =\n      event.target !== this.dialogElement && this.dialogElement.contains(event.target as HTMLElement) === false;\n\n    if (isClickOutside) {\n      this.hide();\n    }\n  }\n\n  @Listen(\"keydown\", { target: \"document\" })\n  handleKeydown(event: KeyboardEvent) {\n    if (event.key === \"Escape\" && activeDialog === this && this.closeOnEscapeKey) {\n      this.hide();\n    }\n  }\n\n  @Listen(\"click\", { target: \"document\" })\n  handleOpenTriggerClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n\n    if (target.dataset.stzhDialogTrigger === this.element.id) {\n      this.show();\n    } else {\n      const closest = target.closest(\"[data-stzh-dialog-trigger]\") as HTMLElement;\n\n      if (closest && closest.dataset.stzhDialogTrigger === this.element.id) {\n        this.show();\n      }\n    }\n  }\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-dialog\",\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-dialog\",\n    });\n  }\n\n  private observer: MutationObserver;\n  private id: string;\n  private trap: FocusTrap;\n  private containerElement: HTMLElement;\n  private dialogElement: HTMLDivElement;\n\n  private handleDialogClick = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    if (target.dataset.stzhDialogClose) {\n      this.hide();\n    } else {\n      const closest = target.closest(\"[data-stzh-dialog-close]\");\n\n      if (closest) {\n        this.hide();\n      }\n    }\n  };\n\n  private handleCloseButtonClick = () => {\n    this.hide();\n  };\n\n  private init = () => {\n    const actions = this.element.querySelector('stzh-actions[slot=\"actions\"]');\n\n    if (actions) {\n      setPropsIfNull(actions, {\n        variant: \"dialog\",\n      } as HTMLStzhActionsElement);\n    }\n  };\n\n  private getSiblings() {\n    if (!this.containerElement) {\n      return [];\n    }\n\n    return Array.from(this.containerElement.children).filter(child => child !== this.element);\n  }\n\n  private disableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.setAttribute(\"aria-hidden\", \"true\");\n    });\n  }\n\n  private enableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.removeAttribute(\"aria-hidden\");\n    });\n  }\n\n  private dialogShown() {\n    activeDialog = this;\n    document.body.classList.add(CLASS_BODY_OPEN);\n    this.disableSiblings();\n\n    if (this.trap) {\n      this.trap.activate();\n    }\n  }\n\n  private dialogHidden() {\n    document.body.classList.remove(CLASS_BODY_OPEN);\n    this.enableSiblings();\n\n    if (this.trap) {\n      this.trap.deactivate();\n    }\n\n    activeDialog = null;\n  }\n\n  async componentWillLoad() {\n    this.id = `stzh-dialog-${dialogCounter}`;\n    dialogCounter++;\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"dialog\");\n    }\n  }\n\n  componentDidRender() {\n    this.open ? this.dialogShown() : this.dialogHidden();\n  }\n\n  componentDidUpdate() {\n    this.trap.updateContainerElements(this.element);\n  }\n\n  componentDidLoad() {\n    this.trap = createFocusTrap(this.element, {\n      fallbackFocus: this.dialogElement,\n      ...createBaseFocusTrapOptions(),\n    });\n\n    if (this.open) {\n      this.dialogShown();\n    }\n  }\n\n  connectedCallback() {\n    if (!this.stay && this.element.parentElement !== document.body) {\n      document.body.appendChild(this.element);\n    }\n\n    this.containerElement = this.element.parentElement;\n\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    this.dialogHidden();\n\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-dialog\": true,\n            \"stzh-dialog--is-open\": this.open,\n            \"stzh-dialog--has-heading\": !!this.heading,\n            \"stzh-dialog--has-close-hidden\": this.hideClose,\n            [`stzh-dialog--size-${this.size}`]: !!this.size,\n          }}\n        >\n          <div class=\"stzh-dialog__backdrop\"></div>\n          <div class=\"stzh-dialog__content\">\n            <div\n              class=\"stzh-dialog__dialog\"\n              ref={el => (this.dialogElement = el as HTMLDivElement)}\n              tabindex=\"-1\"\n              role={this.a11yRole}\n              aria-hidden={this.open ? \"false\" : \"true\"}\n              onClick={this.handleDialogClick}\n            >\n              <stzh-heading id={`${this.id}-heading`} class=\"stzh-dialog__heading\" level=\"2\">\n                {this.heading ? this.heading : \"Title\"}\n              </stzh-heading>\n\n              <div class=\"stzh-dialog__dialog-content\">\n                <slot></slot>\n              </div>\n\n              <div class=\"stzh-dialog__actions\">\n                <slot name=\"actions\"></slot>\n              </div>\n\n              {!this.hideClose && (\n                <stzh-button\n                  class=\"stzh-dialog__close-button\"\n                  variant=\"tertiary\"\n                  size=\"small\"\n                  icon=\"close\"\n                  iconOnly={true}\n                  onClick={this.handleCloseButtonClick}\n                  a11yLabel={this.localization.close}\n                  analyticsId={this.closeAnalyticsId || this.localization.close}\n                ></stzh-button>\n              )}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oMAAA,MAAMA,EAAgB,+zLACtB,MAAAC,EAAeD,ECUf,MAAME,EAAkB,mBAExB,IAAIC,EAA2B,KAC/B,IAAIC,EAAgB,E,MAWPC,EAAU,M,iGAuGbC,KAAAC,kBAAqBC,IAC3B,MAAMC,EAASD,EAAMC,OACrB,GAAIA,EAAOC,QAAQC,gBAAiB,CAClCL,KAAKM,M,KACA,CACL,MAAMC,EAAUJ,EAAOI,QAAQ,4BAE/B,GAAIA,EAAS,CACXP,KAAKM,M,IAKHN,KAAAQ,uBAAyB,KAC/BR,KAAKM,MAAM,EAGLN,KAAAS,KAAO,KACb,MAAMC,EAAUV,KAAKW,QAAQC,cAAc,gCAE3C,GAAIF,EAAS,CACXG,EAAeH,EAAS,CACtBI,QAAS,U,qDAxHqB,M,0BAGI,M,UAGC,M,UAGjB,K,UAG6B,U,eAGxB,M,aAKH,G,cAG6C,c,gCAkBvE,kBAAAC,CAAmBb,GACjB,IAAKF,KAAKgB,OAAShB,KAAKiB,qBAAsB,CAC5C,M,CAGF,MAAMC,EACJhB,EAAMC,SAAWH,KAAKmB,eAAiBnB,KAAKmB,cAAcC,SAASlB,EAAMC,UAA2B,MAEtG,GAAIe,EAAgB,CAClBlB,KAAKM,M,EAKT,aAAAe,CAAcnB,GACZ,GAAIA,EAAMoB,MAAQ,UAAYzB,IAAiBG,MAAQA,KAAKuB,iBAAkB,CAC5EvB,KAAKM,M,EAKT,sBAAAkB,CAAuBtB,GACrB,MAAMC,EAASD,EAAMC,OAErB,GAAIA,EAAOC,QAAQqB,oBAAsBzB,KAAKW,QAAQe,GAAI,CACxD1B,KAAK2B,M,KACA,CACL,MAAMpB,EAAUJ,EAAOI,QAAQ,8BAE/B,GAAIA,GAAWA,EAAQH,QAAQqB,oBAAsBzB,KAAKW,QAAQe,GAAI,CACpE1B,KAAK2B,M,GAMX,UAAMA,GACJ3B,KAAKgB,KAAO,KACZhB,KAAK4B,SAASC,KAAK,CACjBC,UAAW,e,CAKf,UAAMxB,GACJN,KAAKgB,KAAO,MACZhB,KAAK+B,UAAUF,KAAK,CAClBC,UAAW,e,CAqCP,WAAAE,GACN,IAAKhC,KAAKiC,iBAAkB,CAC1B,MAAO,E,CAGT,OAAOC,MAAMC,KAAKnC,KAAKiC,iBAAiBG,UAAUC,QAAOC,GAASA,IAAUtC,KAAKW,S,CAG3E,eAAA4B,GACNvC,KAAKgC,cAAcQ,SAAQC,IACzBA,EAAQC,aAAa,cAAe,OAAO,G,CAIvC,cAAAC,GACN3C,KAAKgC,cAAcQ,SAAQC,IACzBA,EAAQG,gBAAgB,cAAc,G,CAIlC,WAAAC,GACNhD,EAAeG,KACf8C,SAASC,KAAKC,UAAUC,IAAIrD,GAC5BI,KAAKuC,kBAEL,GAAIvC,KAAKkD,KAAM,CACblD,KAAKkD,KAAKC,U,EAIN,YAAAC,GACNN,SAASC,KAAKC,UAAUK,OAAOzD,GAC/BI,KAAK2C,iBAEL,GAAI3C,KAAKkD,KAAM,CACblD,KAAKkD,KAAKI,Y,CAGZzD,EAAe,I,CAGjB,uBAAM0D,GACJvD,KAAK0B,GAAK,eAAe5B,IACzBA,IAEA,IAAKE,KAAKwD,aAAc,CACtBxD,KAAKwD,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkB5D,KAAKW,QAAS,S,EAI1F,kBAAAkD,GACE7D,KAAKgB,KAAOhB,KAAK6C,cAAgB7C,KAAKoD,c,CAGxC,kBAAAU,GACE9D,KAAKkD,KAAKa,wBAAwB/D,KAAKW,Q,CAGzC,gBAAAqD,GACEhE,KAAKkD,KAAOe,EAAgBjE,KAAKW,QAAOuD,OAAAC,OAAA,CACtCC,cAAepE,KAAKmB,eACjBkD,MAGL,GAAIrE,KAAKgB,KAAM,CACbhB,KAAK6C,a,EAIT,iBAAAyB,GACE,IAAKtE,KAAKuE,MAAQvE,KAAKW,QAAQ6D,gBAAkB1B,SAASC,KAAM,CAC9DD,SAASC,KAAK0B,YAAYzE,KAAKW,Q,CAGjCX,KAAKiC,iBAAmBjC,KAAKW,QAAQ6D,cAErCxE,KAAKS,OAELT,KAAK0E,SAAW,IAAIC,iBAAiB3E,KAAKS,MAC1CT,KAAK0E,SAASE,QAAQ5E,KAAKW,QAAS,CAClCkE,UAAW,KACXC,QAAS,M,CAIb,oBAAAC,GACE/E,KAAKoD,eAEL,GAAIpD,KAAK0E,SAAU,CACjB1E,KAAK0E,SAASM,Y,EAIlB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAA7D,IAAA,4CACH4D,EAAA,OAAA5D,IAAA,2CACE8D,MAAO,CACL,cAAe,KACf,uBAAwBpF,KAAKgB,KAC7B,6BAA8BhB,KAAKqF,QACnC,gCAAiCrF,KAAKsF,UACtC,CAAC,qBAAqBtF,KAAKuF,UAAWvF,KAAKuF,OAG7CL,EAAA,OAAA5D,IAAA,2CAAK8D,MAAM,0BACXF,EAAA,OAAA5D,IAAA,2CAAK8D,MAAM,wBACTF,EAAA,OAAA5D,IAAA,2CACE8D,MAAM,sBACNI,IAAKC,GAAOzF,KAAKmB,cAAgBsE,EACjCC,SAAS,KACTC,KAAM3F,KAAK4F,SAAQ,cACN5F,KAAKgB,KAAO,QAAU,OACnC6E,QAAS7F,KAAKC,mBAEdiF,EAAA,gBAAA5D,IAAA,2CAAcI,GAAI,GAAG1B,KAAK0B,aAAc0D,MAAM,uBAAuBU,MAAM,KACxE9F,KAAKqF,QAAUrF,KAAKqF,QAAU,SAGjCH,EAAA,OAAA5D,IAAA,2CAAK8D,MAAM,+BACTF,EAAA,QAAA5D,IAAA,8CAGF4D,EAAA,OAAA5D,IAAA,2CAAK8D,MAAM,wBACTF,EAAA,QAAA5D,IAAA,2CAAMyE,KAAK,cAGX/F,KAAKsF,WACLJ,EAAA,eAAA5D,IAAA,2CACE8D,MAAM,4BACNtE,QAAQ,WACRyE,KAAK,QACLS,KAAK,QACLC,SAAU,KACVJ,QAAS7F,KAAKQ,uBACd0F,UAAWlG,KAAKwD,aAAa2C,MAC7BC,YAAapG,KAAKqG,kBAAoBrG,KAAKwD,aAAa2C,W"}
+{"version":3,"names":["stzhDialogCss","StzhDialogStyle0","CLASS_BODY_OPEN","activeDialog","dialogCounter","StzhDialog","this","handleDialogClick","event","target","dataset","stzhDialogClose","hide","closest","handleCloseButtonClick","init","actions","element","querySelector","setPropsIfNull","variant","handleOutsideClick","open","closeOnBackdropClick","isClickOutside","dialogElement","contains","handleKeydown","key","closeOnEscapeKey","handleOpenTriggerClick","stzhDialogTrigger","id","show","stzhOpen","emit","component","stzhClose","getSiblings","containerElement","Array","from","children","filter","child","disableSiblings","forEach","sibling","setAttribute","enableSiblings","removeAttribute","dialogShown","document","body","classList","add","trap","activate","dialogHidden","remove","deactivate","componentWillLoad","localization","window","stzhComponents","utils","fetchTranslations","componentDidRender","componentDidUpdate","updateContainerElements","componentDidLoad","createFocusTrap","Object","assign","fallbackFocus","createBaseFocusTrapOptions","connectedCallback","stay","parentElement","appendChild","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","h","Host","class","heading","hideClose","size","ref","el","tabindex","role","a11yRole","onClick","level","name","icon","iconOnly","a11yLabel","close","analyticsId","closeAnalyticsId"],"sources":["src/components/stzh-dialog/stzh-dialog.scss?tag=stzh-dialog&encapsulation=scoped","src/components/stzh-dialog/stzh-dialog.tsx"],"sourcesContent":["/**\n * @prop --width: Width of dialog\n * @prop --padding-top: Padding top of dialog\n * @prop --padding-bottom: Padding bottom of dialog\n * @prop --padding-left: Padding left of dialog\n * @prop --padding-right: Padding right of dialog\n * @prop --backdrop-opacity: Opacity of dialog backdrop\n * @prop --backdrop-background-color: Opacity of dialog background color\n *\n * @prop --stzh-dialog-backdrop-opacity: **Global**: Opacity of backdrops\n * @prop --stzh-dialog-backdrop-background-color: **Global**: Background color of backdrops\n */\n\n:host {\n  @include spaceCurve(\"--padding-top\", \"large\");\n  @include spaceCurve(\"--padding-bottom\", \"large\");\n  @include spaceCurve(\"--padding-left\", \"medium\");\n  @include spaceCurve(\"--padding-right\", \"medium\");\n  --width: 100%;\n  --backdrop-opacity: #{$dialogBackdropOpacity};\n  --backdrop-background-color: #{$dialogBackdropBackgroundColor};\n\n  @include mq($from: small) {\n    --width: 536px;\n  }\n\n  @include mq($from: medium) {\n    --width: 610px; // 786 before\n  }\n\n  @include mq($from: large) {\n    --width: 866px; // 832 before\n  }\n\n  @include mq($from: ultra) {\n    --width: 888px;\n  }\n\n  &[size=\"small\"] {\n    @include mq($from: small) {\n      --width: 395px;\n    }\n\n    @include mq($from: medium) {\n      --width: 460px;\n    }\n\n    @include mq($from: large) {\n      --width: 512px;\n    }\n  }\n}\n\n.stzh-dialog {\n  z-index: $zIndexDialog;\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: stretch;\n\n  &__content {\n    z-index: 2;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-grow: 1;\n    overflow: auto;\n  }\n\n  &__dialog {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    margin: auto;\n    border: none;\n    background-color: $colorWhite;\n    width: auto;\n    min-width: var(--width);\n    max-width: 100%;\n    box-shadow: $boxShadowOverlay;\n    height: 100vh;\n    max-height: 100vh;\n    overflow: hidden;\n    outline: none;\n\n    &--fit-content {\n      width: fit-content;\n    }\n\n    @include mq($from: small) {\n      height: auto;\n    }\n  }\n\n  &__backdrop {\n    z-index: 1;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n    text-align: center;\n    background-color: var(--backdrop-background-color);\n    opacity: var(--backdrop-opacity);\n  }\n\n  &__heading {\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    padding-top: var(--padding-top);\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n  }\n\n  &__dialog-content {\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n    @include spaceCurve(\"padding-top\", \"medium\");\n    @include spaceCurve(\"padding-bottom\", \"medium\");\n    overflow: auto;\n    flex-grow: 1;\n  }\n\n  &__actions {\n    &:not(:empty) {\n      padding: space(\"medium\") var(--padding-right) var(--padding-bottom)\n        var(--padding-left);\n    }\n  }\n\n  &__close-button {\n    position: absolute;\n    top: space(\"xsmall\");\n    right: space(\"xsmall\");\n\n    @include mq($from: medium) {\n      top: space(\"large\");\n      right: space(\"large\");\n    }\n  }\n\n  &--is-open {\n    display: flex;\n  }\n}\n","import { Host, Component, Element, Method, Listen, Prop, Event, EventEmitter, h } from \"@stencil/core\";\n\nimport { StzhDialogOpenEvent, StzhDialogCloseEvent } from \"../../index\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\nimport { createBaseFocusTrapOptions } from \"../../utils/overlay-utils\";\n\nimport { StzhDialogLocalizedText } from \"./stzh-dialog.localization\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\n\nconst CLASS_BODY_OPEN = \"stzh-dialog-open\";\n\nlet activeDialog: StzhDialog = null;\nlet dialogCounter = 0;\n\n/**\n * @slot actions - Slot for actions element\n * @slot - Slot for any content inside the dialog\n */\n@Component({\n  tag: \"stzh-dialog\",\n  styleUrl: \"stzh-dialog.scss\",\n  scoped: true,\n})\nexport class StzhDialog {\n  /** Translation strings */\n  @Prop() localization: StzhDialogLocalizedText;\n\n  /** Close dialog when pressing ESC */\n  @Prop() closeOnEscapeKey: boolean = false;\n\n  /** Close dialog when clicking outside of it */\n  @Prop() closeOnBackdropClick: boolean = false;\n\n  /** Open status */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  /** Stay in original position (true) or move to body (false) */\n  @Prop() stay: boolean = true;\n\n  /** Size */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Whether to hide close button */\n  @Prop() hideClose: boolean = false;\n\n  /** Heading text\n   * *mandatory* since DESI 4.0\n   * */\n  @Prop() heading: string = \"\";\n\n  /** Accessibility role */\n  @Prop({ attribute: \"a11y-role\" }) a11yRole: \"dialog\" | \"alertdialog\" = \"alertdialog\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the close button element.\n   * Default value will be taken from translations.\n   */\n  @Prop() closeAnalyticsId: string;\n\n  /** Dialog open event */\n  @Event() stzhOpen: EventEmitter<StzhDialogOpenEvent>;\n\n  /** Dialog close event */\n  @Event() stzhClose: EventEmitter<StzhDialogCloseEvent>;\n\n  @Element() element: HTMLStzhDialogElement;\n\n  @Listen(\"click\", { target: \"document\", capture: true })\n  handleOutsideClick(event: MouseEvent) {\n    if (!this.open || !this.closeOnBackdropClick) {\n      return;\n    }\n\n    const isClickOutside =\n      event.target !== this.dialogElement && this.dialogElement.contains(event.target as HTMLElement) === false;\n\n    if (isClickOutside) {\n      this.hide();\n    }\n  }\n\n  @Listen(\"keydown\", { target: \"document\" })\n  handleKeydown(event: KeyboardEvent) {\n    if (event.key === \"Escape\" && activeDialog === this && this.closeOnEscapeKey) {\n      this.hide();\n    }\n  }\n\n  @Listen(\"click\", { target: \"document\" })\n  handleOpenTriggerClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n\n    if (target.dataset.stzhDialogTrigger === this.element.id) {\n      this.show();\n    } else {\n      const closest = target.closest(\"[data-stzh-dialog-trigger]\") as HTMLElement;\n\n      if (closest && closest.dataset.stzhDialogTrigger === this.element.id) {\n        this.show();\n      }\n    }\n  }\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-dialog\",\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-dialog\",\n    });\n  }\n\n  private observer: MutationObserver;\n  private id: string;\n  private trap: FocusTrap;\n  private containerElement: HTMLElement;\n  private dialogElement: HTMLDivElement;\n\n  private handleDialogClick = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    if (target.dataset.stzhDialogClose) {\n      this.hide();\n    } else {\n      const closest = target.closest(\"[data-stzh-dialog-close]\");\n\n      if (closest) {\n        this.hide();\n      }\n    }\n  };\n\n  private handleCloseButtonClick = () => {\n    this.hide();\n  };\n\n  private init = () => {\n    const actions = this.element.querySelector('stzh-actions[slot=\"actions\"]');\n\n    if (actions) {\n      setPropsIfNull(actions, {\n        variant: \"dialog\",\n      } as HTMLStzhActionsElement);\n    }\n  };\n\n  private getSiblings() {\n    if (!this.containerElement) {\n      return [];\n    }\n\n    return Array.from(this.containerElement.children).filter(child => child !== this.element);\n  }\n\n  private disableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.setAttribute(\"aria-hidden\", \"true\");\n    });\n  }\n\n  private enableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.removeAttribute(\"aria-hidden\");\n    });\n  }\n\n  private dialogShown() {\n    activeDialog = this;\n    document.body.classList.add(CLASS_BODY_OPEN);\n    this.disableSiblings();\n\n    if (this.trap) {\n      this.trap.activate();\n    }\n  }\n\n  private dialogHidden() {\n    document.body.classList.remove(CLASS_BODY_OPEN);\n    this.enableSiblings();\n\n    if (this.trap) {\n      this.trap.deactivate();\n    }\n\n    activeDialog = null;\n  }\n\n  async componentWillLoad() {\n    this.id = `stzh-dialog-${dialogCounter}`;\n    dialogCounter++;\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"dialog\");\n    }\n  }\n\n  componentDidRender() {\n    this.open ? this.dialogShown() : this.dialogHidden();\n  }\n\n  componentDidUpdate() {\n    this.trap.updateContainerElements(this.element);\n  }\n\n  componentDidLoad() {\n    this.trap = createFocusTrap(this.element, {\n      fallbackFocus: this.dialogElement,\n      ...createBaseFocusTrapOptions(),\n    });\n\n    if (this.open) {\n      this.dialogShown();\n    }\n  }\n\n  connectedCallback() {\n    if (!this.stay && this.element.parentElement !== document.body) {\n      document.body.appendChild(this.element);\n    }\n\n    this.containerElement = this.element.parentElement;\n\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    this.dialogHidden();\n\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-dialog\": true,\n            \"stzh-dialog--is-open\": this.open,\n            \"stzh-dialog--has-heading\": !!this.heading,\n            \"stzh-dialog--has-close-hidden\": this.hideClose,\n            [`stzh-dialog--size-${this.size}`]: !!this.size,\n          }}\n        >\n          <div class=\"stzh-dialog__backdrop\"></div>\n          <div class=\"stzh-dialog__content\">\n            <div\n              class=\"stzh-dialog__dialog\"\n              ref={el => (this.dialogElement = el as HTMLDivElement)}\n              tabindex=\"-1\"\n              role={this.a11yRole}\n              aria-hidden={this.open ? \"false\" : \"true\"}\n              onClick={this.handleDialogClick}\n            >\n              <stzh-heading id={`${this.id}-heading`} class=\"stzh-dialog__heading\" level=\"2\">\n                {this.heading ? this.heading : \"Title\"}\n              </stzh-heading>\n\n              <div class=\"stzh-dialog__dialog-content\">\n                <slot></slot>\n              </div>\n\n              <div class=\"stzh-dialog__actions\">\n                <slot name=\"actions\"></slot>\n              </div>\n\n              {!this.hideClose && (\n                <stzh-button\n                  class=\"stzh-dialog__close-button\"\n                  variant=\"tertiary\"\n                  size=\"small\"\n                  icon=\"close\"\n                  iconOnly={true}\n                  onClick={this.handleCloseButtonClick}\n                  a11yLabel={this.localization.close}\n                  analyticsId={this.closeAnalyticsId || this.localization.close}\n                ></stzh-button>\n              )}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+LAAA,MAAMA,EAAgB,+zLACtB,MAAAC,EAAeD,ECUf,MAAME,EAAkB,mBAExB,IAAIC,EAA2B,KAC/B,IAAIC,EAAgB,E,MAWPC,EAAU,M,iGAuGbC,KAAAC,kBAAqBC,IAC3B,MAAMC,EAASD,EAAMC,OACrB,GAAIA,EAAOC,QAAQC,gBAAiB,CAClCL,KAAKM,M,KACA,CACL,MAAMC,EAAUJ,EAAOI,QAAQ,4BAE/B,GAAIA,EAAS,CACXP,KAAKM,M,IAKHN,KAAAQ,uBAAyB,KAC/BR,KAAKM,MAAM,EAGLN,KAAAS,KAAO,KACb,MAAMC,EAAUV,KAAKW,QAAQC,cAAc,gCAE3C,GAAIF,EAAS,CACXG,EAAeH,EAAS,CACtBI,QAAS,U,qDAxHqB,M,0BAGI,M,UAGC,M,UAGjB,K,UAG6B,U,eAGxB,M,aAKH,G,cAG6C,c,gCAkBvE,kBAAAC,CAAmBb,GACjB,IAAKF,KAAKgB,OAAShB,KAAKiB,qBAAsB,CAC5C,M,CAGF,MAAMC,EACJhB,EAAMC,SAAWH,KAAKmB,eAAiBnB,KAAKmB,cAAcC,SAASlB,EAAMC,UAA2B,MAEtG,GAAIe,EAAgB,CAClBlB,KAAKM,M,EAKT,aAAAe,CAAcnB,GACZ,GAAIA,EAAMoB,MAAQ,UAAYzB,IAAiBG,MAAQA,KAAKuB,iBAAkB,CAC5EvB,KAAKM,M,EAKT,sBAAAkB,CAAuBtB,GACrB,MAAMC,EAASD,EAAMC,OAErB,GAAIA,EAAOC,QAAQqB,oBAAsBzB,KAAKW,QAAQe,GAAI,CACxD1B,KAAK2B,M,KACA,CACL,MAAMpB,EAAUJ,EAAOI,QAAQ,8BAE/B,GAAIA,GAAWA,EAAQH,QAAQqB,oBAAsBzB,KAAKW,QAAQe,GAAI,CACpE1B,KAAK2B,M,GAMX,UAAMA,GACJ3B,KAAKgB,KAAO,KACZhB,KAAK4B,SAASC,KAAK,CACjBC,UAAW,e,CAKf,UAAMxB,GACJN,KAAKgB,KAAO,MACZhB,KAAK+B,UAAUF,KAAK,CAClBC,UAAW,e,CAqCP,WAAAE,GACN,IAAKhC,KAAKiC,iBAAkB,CAC1B,MAAO,E,CAGT,OAAOC,MAAMC,KAAKnC,KAAKiC,iBAAiBG,UAAUC,QAAOC,GAASA,IAAUtC,KAAKW,S,CAG3E,eAAA4B,GACNvC,KAAKgC,cAAcQ,SAAQC,IACzBA,EAAQC,aAAa,cAAe,OAAO,G,CAIvC,cAAAC,GACN3C,KAAKgC,cAAcQ,SAAQC,IACzBA,EAAQG,gBAAgB,cAAc,G,CAIlC,WAAAC,GACNhD,EAAeG,KACf8C,SAASC,KAAKC,UAAUC,IAAIrD,GAC5BI,KAAKuC,kBAEL,GAAIvC,KAAKkD,KAAM,CACblD,KAAKkD,KAAKC,U,EAIN,YAAAC,GACNN,SAASC,KAAKC,UAAUK,OAAOzD,GAC/BI,KAAK2C,iBAEL,GAAI3C,KAAKkD,KAAM,CACblD,KAAKkD,KAAKI,Y,CAGZzD,EAAe,I,CAGjB,uBAAM0D,GACJvD,KAAK0B,GAAK,eAAe5B,IACzBA,IAEA,IAAKE,KAAKwD,aAAc,CACtBxD,KAAKwD,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkB5D,KAAKW,QAAS,S,EAI1F,kBAAAkD,GACE7D,KAAKgB,KAAOhB,KAAK6C,cAAgB7C,KAAKoD,c,CAGxC,kBAAAU,GACE9D,KAAKkD,KAAKa,wBAAwB/D,KAAKW,Q,CAGzC,gBAAAqD,GACEhE,KAAKkD,KAAOe,EAAgBjE,KAAKW,QAAOuD,OAAAC,OAAA,CACtCC,cAAepE,KAAKmB,eACjBkD,MAGL,GAAIrE,KAAKgB,KAAM,CACbhB,KAAK6C,a,EAIT,iBAAAyB,GACE,IAAKtE,KAAKuE,MAAQvE,KAAKW,QAAQ6D,gBAAkB1B,SAASC,KAAM,CAC9DD,SAASC,KAAK0B,YAAYzE,KAAKW,Q,CAGjCX,KAAKiC,iBAAmBjC,KAAKW,QAAQ6D,cAErCxE,KAAKS,OAELT,KAAK0E,SAAW,IAAIC,iBAAiB3E,KAAKS,MAC1CT,KAAK0E,SAASE,QAAQ5E,KAAKW,QAAS,CAClCkE,UAAW,KACXC,QAAS,M,CAIb,oBAAAC,GACE/E,KAAKoD,eAEL,GAAIpD,KAAK0E,SAAU,CACjB1E,KAAK0E,SAASM,Y,EAIlB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAA7D,IAAA,4CACH4D,EAAA,OAAA5D,IAAA,2CACE8D,MAAO,CACL,cAAe,KACf,uBAAwBpF,KAAKgB,KAC7B,6BAA8BhB,KAAKqF,QACnC,gCAAiCrF,KAAKsF,UACtC,CAAC,qBAAqBtF,KAAKuF,UAAWvF,KAAKuF,OAG7CL,EAAA,OAAA5D,IAAA,2CAAK8D,MAAM,0BACXF,EAAA,OAAA5D,IAAA,2CAAK8D,MAAM,wBACTF,EAAA,OAAA5D,IAAA,2CACE8D,MAAM,sBACNI,IAAKC,GAAOzF,KAAKmB,cAAgBsE,EACjCC,SAAS,KACTC,KAAM3F,KAAK4F,SAAQ,cACN5F,KAAKgB,KAAO,QAAU,OACnC6E,QAAS7F,KAAKC,mBAEdiF,EAAA,gBAAA5D,IAAA,2CAAcI,GAAI,GAAG1B,KAAK0B,aAAc0D,MAAM,uBAAuBU,MAAM,KACxE9F,KAAKqF,QAAUrF,KAAKqF,QAAU,SAGjCH,EAAA,OAAA5D,IAAA,2CAAK8D,MAAM,+BACTF,EAAA,QAAA5D,IAAA,8CAGF4D,EAAA,OAAA5D,IAAA,2CAAK8D,MAAM,wBACTF,EAAA,QAAA5D,IAAA,2CAAMyE,KAAK,cAGX/F,KAAKsF,WACLJ,EAAA,eAAA5D,IAAA,2CACE8D,MAAM,4BACNtE,QAAQ,WACRyE,KAAK,QACLS,KAAK,QACLC,SAAU,KACVJ,QAAS7F,KAAKQ,uBACd0F,UAAWlG,KAAKwD,aAAa2C,MAC7BC,YAAapG,KAAKqG,kBAAoBrG,KAAKwD,aAAa2C,W"}