npm - @oiz/stzh-components - Versions diffs - 3.4.0-beta1 → 3.4.0-beta2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (307) hide show

package/dist/stzh-components/p-9cdd5e6f.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,c as e,h as t,F as a,a as i,g as r}from"./p-c7bfac7a.js";import{a as h}from"./p-a771013b.js";import{r as n,h as l}from"./p-d789f265.js";import{m as c,a as d,r as o}from"./p-10e2901a.js";import{d as m}from"./p-dd385618.js";import"./p-9b063923.js";import"./p-7183ba4d.js";const z=':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]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}: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}stzh-search{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;--filter-background-color:var(--stzh-search-filter-background-color, var(--stzh-color-grey10));--grid-template-areas:"filters-main filters-main filters-main filters-main" "results results results results"}stzh-search[hidden]{display:none}stzh-search::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-search::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-search ,stzh-search ::before,stzh-search ::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-search .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-search .stzh-fylingfocus-focused{outline-style:none !important}stzh-search .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}@media screen and (min-width: 900px){stzh-search{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" "results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" ". . results results results results results results results results . ."}}stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters="false"]))){--grid-template-areas:"filters-main filters-main filters-main filters-main" "filters-aside filters-aside filters-aside filters-aside" "results results results results"}@media screen and (min-width: 900px){stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters="false"]))){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" "filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside" "results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters="false"]))){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" "filters-aside filters-aside filters-aside filters-aside results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search:where([variant="teaser"]){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main" "results results results results results results results results results results results results"}}.stzh-search{-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);}@media screen and (min-width: 600px){.stzh-search{-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-search{-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-search{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-search{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-search{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-search{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-search__filters-main{grid-area:filters-main}.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xlarge);background-color:var(--filter-background-color)}@media screen and (min-width: 900px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xxxlarge)}}.stzh-search__filters-aside{grid-area:filters-aside}.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xlarge);background-color:var(--filter-background-color)}@media screen and (min-width: 900px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside:not(:empty){background-color:transparent;padding:0}}.stzh-search__filters-aside-heading{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing);padding-bottom:var(--stzh-space-xsmall);color:var(--stzh-color-primary70);display:none}@media screen and (min-width: 600px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{display:block}}@media screen and (min-width: 1260px){.stzh-search stzh-button.stzh-search__filters-aside-details-trigger{display:none}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-inner{position:-webkit-sticky;position:sticky;top:calc(var(--stzh-header-metabar-height, 0px) * var(--stzh-header-is-stuck, 0) + var(--stzh-space-medium));transition:top var(--stzh-base-transition-animation-speed);width:calc(100% + var(--stzh-grid-gutter-large) - var(--stzh-space-xxxxlarge))}}@media screen and (min-width: 1600px){.stzh-search__filters-aside-inner{width:calc(100% + var(--stzh-grid-gutter-ultra) - var(--stzh-space-xxxxlarge))}}.stzh-search__results-wrapper{grid-area:results;display:grid}.stzh-search__results-heading,.stzh-search__results-empty,.stzh-search__results,.stzh-search__action-more{transition-property:opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-search__results-heading{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__results-item{display:contents}.stzh-search__actions-wrapper{display:flex;justify-content:center}.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xxxlarge)}}.stzh-search__empty-text{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__loader{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-search__loader{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__loader{margin-top:var(--stzh-space-xxxlarge)}}.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xxxlarge)}}.stzh-search--teaser .stzh-search__actions-wrapper{justify-content:flex-start}.stzh-search--teaser .stzh-search__filters-main:not(:empty){padding:0;background-color:transparent}.stzh-search--teaser .stzh-search__filters-aside:not(:empty){padding:0;background-color:transparent}@media screen and (max-width: 1259px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (max-width: 1259px) and (min-width: 600px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-big)}}@media screen and (max-width: 1259px) and (min-width: 900px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-big)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (max-width: 1259px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xlarge)}}@media screen and (max-width: 1259px) and (min-width: 900px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxlarge)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxlarge)}}.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-xxlarge)}}.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-aside:not(:empty){padding-top:0px}.stzh-search--has-hidden-main-filters .stzh-search__filters-main{display:none}.stzh-search--has-hidden-aside-filters .stzh-search__filters-aside{display:none}.stzh-search--has-hidden-main-filters .stzh-search__results-wrapper,.stzh-search--has-hidden-main-filters.stzh-search--teaser .stzh-search__results-wrapper{margin-top:0px}.stzh-search--is-loading .stzh-search__results-heading,.stzh-search--is-loading .stzh-search__results-empty,.stzh-search--is-loading .stzh-search__results,.stzh-search--is-loading .stzh-search__action-more{opacity:0.5}.stzh-search--is-breakout{--filter-background-color:var(--stzh-color-cobaltblue20);background-color:var(--stzh-color-white)}.stzh-search--is-breakout .stzh-search{padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-search--is-breakout .stzh-search__header-wrapper{background-color:var(--stzh-color-cobaltblue20)}.stzh-search--is-breakout .stzh-search__filters-main{padding-left:1.25rem;padding-right:1.25rem;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))}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-search--is-breakout .stzh-search__header{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xlarge);background-color:var(--stzh-color-cobaltblue20);display:flex;justify-content:space-between}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__header{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__header{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search__header{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xxxlarge)}}';function p(s,e){return`\n <stzh-card-${s.variant==="teaser"?"superteaser":"searchresult"}\n href="{href}"\n dateline="{dateline}"\n tag="{tag}"\n topic="{topic}"\n service="{service}"\n event-location="{eventLocation}"\n ${e.eventDateStart&&'event-date-start="{eventDateStart}"'}\n ${e.eventDateEnd&&'event-date-end="{eventDateEnd}"'}\n download-heading="{downloadHeading}"\n meta='{meta}'\n breadcrumb-items='{breadcrumbItems}'\n download-meta='{downloadMeta}'\n datalist-items='{datalistItems}'\n ${e.imagePosition&&'image-position="{imagePosition}"'}\n ${e.download&&'download="{download}"'}\n style="\n ${e.serviceBackgroundColor?"--service-background-color: {serviceBackgroundColor};":""}\n ${e.serviceColor?"--service-color: {serviceColor};":""}\n "\n >\n <div slot="heading">{heading}</div>\n <div slot="description">{description}</div>\n ${e.image?e.imagePosition==="right"?`<img src="${e.image}" slot="image" />`:`<stzh-ratio ${s.variant==="teaser"?'ratio="2:1"':'ratio="21:9" ratio-small="1:1"'} slot="image"><img src="${e.image}" /></stzh-ratio>`:""}\n </stzh-card-${s.variant==="teaser"?"superteaser":"searchresult"}>\n `}function f(s){return{layout:s.variant==="teaser"?"teasers":"searchresults"}}const g=class{constructor(t){s(this,t);this.stzhOverlayCloseClick=e(this,"stzhOverlayCloseClick",7);this._showMoreLink=false;this.fetch=async(s=false,e=false)=>{var t,a;this.loading=true;this.error="";if(this.currentController){this.currentController.abort()}if(!this.hasRequiredParams&&!s){this.loading=false;return}let i=this.api.replace(/\{lang\}/gi,this.localization.$locale);let r=this.limit.toString();this.params.set("offset",s?this.results.length.toString():"0");if(e){const s=new URLSearchParams(location.search).get("search");if(s){const e=new URLSearchParams(s).get("limit");if(e){r=e}}}this.params.set("limit",r);this.currentController=new AbortController;let n={};try{const s=await h(i,{params:this.params,signal:this.currentController.signal});n=s.data}catch(s){this.error=this.localization.error}this.resultsHeading=n.resultsHeading\|\|"";this.totalCount=((t=n.meta)===null\|\|t===void 0?void 0:t.total)\|\|0;if(n.error){this.error=n.message\|\|this.localization.error}if(n.chipResults&&n.chipResults.length){this.chipResultsHeading=(a=n.chipResultsHeading)!==null&&a!==void 0?a:"";this.chipResults=n.chipResults}else{this.chipResultsHeading="";this.chipResults=[]}if(n.results){if(s){this.results=[...this.results,...n.results.map((s=>{var e;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html\|\|((e=n.templates)===null\|\|e===void 0?void 0:e.result),s)})}))]}else{this.results=n.results.map((s=>{var e;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html\|\|((e=n.templates)===null\|\|e===void 0?void 0:e.result),s)})}))}}if(!e&&!this.preventUpdateUrl){const s=new URLSearchParams(location.search);const e=new URLSearchParams(this.params);e.delete("offset");e.set("limit",this.results.length.toString());s.set("search",e.toString());window.history.replaceState(null,"",`${location.pathname}?${s}`)}if(e\|\|!this.firstFetched){this.loading=false}else{window.setTimeout((()=>{this.loading=false}),this.debounceTime)}this.firstFetched=true};this.debouncedFetch=m(this.fetch,this.debounceTime);this.handleMainFilterChange=async()=>{if(this.autofetchMainFilters){await this.updateParams();this.debouncedFetch()}};this.handleAsideFilterChange=async()=>{if(this.autofetchAsideFilters){await this.updateParams();this.debouncedFetch()}};this.handleFormSubmit=async s=>{s.preventDefault();await this.updateParams();this.fetch()};this.handleMoreClick=()=>{this.fetch(true)};this.handleMediaChange=()=>{this.isDetailsOpen=c("large").matches};this.handleFormReset=async()=>{requestAnimationFrame((()=>{requestAnimationFrame((async()=>{await this.updateParams()}))}))};this.handleOverlayCloseClick=s=>{this.stzhOverlayCloseClick.emit({component:"stzh-search",originalEvent:s})};this.localization=undefined;this.variant="default";this.breakout=false;this.autofetchMainFilters=false;this.autofetchAsideFilters=false;this.hideMainFilters=false;this.hideAsideFilters=false;this.api="";this.debounceTime=500;this.limit=6;this.initialFetch=false;this.preventUpdateUrl=false;this.templateResult=p;this.templateResultWrapperElement=function(){return"stzh-cardlist"};this.templateResultWrapperProps=f;this.resultHeadingLevel="3";this.emptyText=undefined;this.heading=undefined;this.emptyLinkHref=undefined;this.emptyLinkLabel=undefined;this.totalCount=0;this.loading=false;this.error="";this.results=[];this.chipResultsHeading=undefined;this.chipResults=[];this.resultsHeading=undefined;this.hasRequiredParams=false;this.firstFetched=false;this.initiallyFetched=false;this.isDetailsOpen=false}totalCountWatcher(){this._showMoreLink=this.totalCount>this.results.length}preventUpdateUrlWatcher(){this.updateParams()}renderResultTemplate(s,e){let t=s\|\|(typeof this.templateResult==="function"?this.templateResult(this.element,e):this.templateResult);["href","heading","dateline","description","image","imagePosition","tag","topic","service","serviceColor","serviceBackgroundColor","meta","breadcrumbItems","eventLocation","eventDateStart","eventDateEnd","download","downloadHeading","downloadMeta","datalistItems"].forEach((s=>{const a=new RegExp(`{${s}}`,"gi");let i=e[s]\|\|"";if(["meta","breadcrumbItems","downloadMeta","datalistItems"].includes(s)&&i){i=JSON.stringify(i)}t=t.replace(a,i)}));return t}async updateParams(s=false){const e=()=>{const s=new FormData(this.formElement);this.params=new URLSearchParams(s);this.params.set("variant",this.variant)};if(s){const s=new URLSearchParams(location.search);const e=s.get("search");if(e){this.initialFetch=true;const s=new URLSearchParams(e);[...new Set(s.keys())].forEach((e=>{const t=s.getAll(e);const a=Array.from(document.querySelectorAll(`:where(stzh-input,stzh-radiogroup,stzh-chipselect,stzh-amount,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[name="${e}"]`));const i=Array.from(document.querySelectorAll(`:where(stzh-checkboxgroup)[name="${e}"]`));const r=Array.from(document.querySelectorAll(`:where(stzh-dropdown)[name="${e}"]`));a.forEach((s=>{s.value=t[0]}));i.forEach((s=>{s.value=t}));r.forEach((s=>{s.items=t}))}))}}await n();e();let t=true;const a=Array.from(this.element.querySelectorAll(":where(stzh-input)[required]"));const i=Array.from(this.element.querySelectorAll(":where(stzh-dropdown)[required]"));const r=Array.from(this.element.querySelectorAll(":where(stzh-monthyearpicker)[required]"));const h=Array.from(this.element.querySelectorAll(":where(stzh-amount,stzh-radiogroup,stzh-chipselect,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[required]"));const l=Array.from(this.element.querySelectorAll(":where(stzh-checkbox)[required]"));l.forEach((e=>{const a=!e.checked;if(!s){e.invalid=a}if(a){t=false}}));a.forEach((e=>{const a=e.value===""\|\|e.minlength&&e.minlength>e.value.length\|\|e.maxlength&&e.maxlength<e.value.length;if(!s){e.invalid=a}if(a){t=false}}));i.forEach((e=>{const a=e.items.length===0;if(!s){e.invalid=a}if(a){t=false}}));h.forEach((e=>{const a=e.value.toString().length===0;if(!s){e.invalid=a}if(a){t=false}}));r.forEach((e=>{const a=e.value.toString().length===0;if(!s){e.invalidYear=a;e.invalidMonth=a}if(a){t=false}}));this.hasRequiredParams=t}async componentDidLoad(){await this.updateParams(true);if(this.initialFetch){await this.fetch(false,true);this.initiallyFetched=true}else{this.initiallyFetched=true}}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"search")}}connectedCallback(){d(this.handleMediaChange);this.handleMediaChange()}disconnectedCallback(){o(this.handleMediaChange)}render(){const s=l(this.element,"filters-main");const e=l(this.element,"filters-aside");let r=true;if(s){const s=this.element.querySelector("[slot='filters-main'] stzh-chipselect");const e=this.element.querySelector("[slot='filters-main'] stzh-chipgroup");if(!s&&!e){r=false}}else{r=false}const h=(this.hasRequiredParams\|\|this.firstFetched)&&this.firstFetched&&this.initiallyFetched;const n={"stzh-search":true,"stzh-search--has-filters-main":s,"stzh-search--has-filters-aside":e,"stzh-search--has-hidden-main-filters":this.hideMainFilters,"stzh-search--has-hidden-aside-filters":this.hideAsideFilters,"stzh-search--has-results-shown":h,"stzh-search--has-error-shown":!!this.error,"stzh-search--is-loading":this.loading,[`stzh-search--${this.variant}`]:!!this.variant};const c=typeof this.templateResultWrapperElement==="function"?this.templateResultWrapperElement(this.element):this.templateResultWrapperElement;const d=typeof this.templateResultWrapperProps==="function"?this.templateResultWrapperProps(this.element):this.templateResultWrapperProps;return t(i,{"has-aside-filters":e,class:this.breakout?"stzh-search--is-breakout":""},this.breakout&&t("div",{class:"stzh-search__header-wrapper"},t("div",{class:"stzh-search__header"},t("stzh-heading",{class:"stzh-search__header-heading",curve:"h2"},this.heading),t("stzh-button",{class:"stzh-search__overlay-close",icon:"close",iconOnly:true,size:"small",variant:"tertiary",onClick:this.handleOverlayCloseClick}))),t("form",{ref:s=>this.formElement=s,novalidate:true,class:n,onSubmit:this.handleFormSubmit,onReset:this.handleFormReset},t("div",{class:"stzh-search__filters-main",onStzhChange:this.handleMainFilterChange},t("slot",{name:"filters-main"}),!r&&this.chipResults.length>0&&t("div",{class:"stzh-search__filters-main-chips"},this.chipResultsHeading&&t("stzh-text",{font:"heavy",size:"milli",color:"primary"},this.chipResultsHeading),this.chipResults[0].options?t("stzh-chipgroup",null,this.chipResults.map((s=>t("stzh-dropdown",{label:s.label,name:s.value,variant:"filter","no-search":true,"hide-optional":true,inline:true,options:s.options})))):t("stzh-chipselect",{multiple:true,name:"subject",label:this.chipResultsHeading,"label-hidden":true,data:this.chipResults.map((s=>({label:s.label,value:s.value,counter:`${s.amount}`,variant:"filter",size:"small"})))}))),e&&t(a,null,t("div",{class:"stzh-search__filters-aside",onStzhChange:this.handleAsideFilterChange},t("div",{class:"stzh-search__filters-aside-inner"},t("div",{class:"stzh-search__filters-aside-heading"},this.localization.moreFilter),t("stzh-details",{open:this.isDetailsOpen,class:"stzh-search__filters-aside-details"},t("stzh-button",{class:"stzh-search__filters-aside-details-trigger",variant:"tertiary-plain",size:"small",noPaddingLeft:true,showToggleIcon:true,iconPosition:"right",label:this.localization.moreFilter}),t("div",{slot:"content"},t("slot",{name:"filters-aside"})))))),t("div",{class:"stzh-search__results-wrapper"},h&&t(a,null,this.results.length===0?t(a,null,this.variant!=="teaser"&&this.resultsHeading&&t("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel,innerHTML:this.resultsHeading}),this.emptyText&&t("stzh-text",{class:"stzh-search__empty-text",innerHTML:this.emptyText}),this.emptyLinkLabel&&this.emptyLinkHref&&t("div",{class:"stzh-search__empty-link-wrapper"},t("stzh-link",{href:this.emptyLinkHref,label:this.emptyLinkLabel}))):t(a,null,this.variant!=="teaser"&&this.resultsHeading&&t("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel,innerHTML:this.resultsHeading}),t(c,Object.assign({class:"stzh-search__results"},d),this.results.map((s=>t("div",{class:"stzh-search__results-item",innerHTML:s.html\|\|""})))),t("div",{class:"stzh-search__actions-wrapper"},this._showMoreLink&&t("stzh-button",{variant:"secondary",class:"stzh-search__action-more",label:this.localization.showMore,onClick:this.handleMoreClick,disabled:this.loading,a11yDisabled:this.loading})))),this.error&&t("div",{class:"stzh-search__error"},t("stzh-message",{type:"error",label:this.error})),this.loading&&t("stzh-loader",{class:"stzh-search__loader"})),t("slot",null)))}get element(){return r(this)}static get watchers(){return{totalCount:["totalCountWatcher"],results:["totalCountWatcher"],preventUpdateUrl:["preventUpdateUrlWatcher"]}}};g.style=z;export{g as stzh_search};
2	- //# sourceMappingURL=p-9cdd5e6f.entry.js.map

package/dist/stzh-components/p-9cdd5e6f.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhSearchCss","defaultTemplateResult","search","item","variant","eventDateStart","eventDateEnd","imagePosition","download","serviceBackgroundColor","serviceColor","image","defaultResultWrapperProps","layout","StzhSearch","this","_showMoreLink","fetch","async","append","initial","loading","error","currentController","abort","hasRequiredParams","apiUrl","api","replace","localization","$locale","limit","toString","params","set","results","length","URLSearchParams","location","get","urlLimit","AbortController","data","response","axios","signal","resultsHeading","totalCount","_a","meta","total","message","chipResults","chipResultsHeading","_b","map","Object","assign","html","renderResultTemplate","templates","result","preventUpdateUrl","newUrlParams","searchParams","delete","window","history","replaceState","pathname","firstFetched","setTimeout","debounceTime","debouncedFetch","debounce","handleMainFilterChange","autofetchMainFilters","updateParams","handleAsideFilterChange","autofetchAsideFilters","handleFormSubmit","event","preventDefault","handleMoreClick","handleMediaChange","isDetailsOpen","media","matches","handleFormReset","requestAnimationFrame","handleOverlayCloseClick","stzhOverlayCloseClick","emit","component","originalEvent","totalCountWatcher","preventUpdateUrlWatcher","template","templateResult","element","forEach","property","regex","RegExp","value","includes","JSON","stringify","updateByFormElements","formData","FormData","formElement","initialParams","initialFetch","currentSearchParams","Set","keys","key","values","getAll","valueInputs","Array","from","document","querySelectorAll","valueArrayInputs","itemsArrayInputs","input","items","raf","requiredInputFields","requiredDropdownFields","requiredMonthyearpickers","requiredFields","requiredCheckboxFields","field","invalid","checked","minlength","maxlength","invalidYear","invalidMonth","componentDidLoad","initiallyFetched","componentWillLoad","stzhComponents","utils","fetchTranslations","connectedCallback","addMediaChangeListener","disconnectedCallback","removeMediaChangeListener","render","filtersMainUsed","hasSlot","filtersAsideUsed","chipsProvided","providedChipselect","querySelector","providedChipgroup","resultsShown","classes","hideMainFilters","hideAsideFilters","WrapperElement","templateResultWrapperElement","wrapperProps","templateResultWrapperProps","h","Host","class","breakout","curve","heading","icon","iconOnly","size","onClick","ref","el","novalidate","onSubmit","onReset","onStzhChange","name","font","color","options","chipResult","label","inline","multiple","counter","amount","Fragment","moreFilter","open","noPaddingLeft","showToggleIcon","iconPosition","slot","level","resultHeadingLevel","innerHTML","emptyText","emptyLinkLabel","emptyLinkHref","href","showMore","disabled","a11yDisabled","type"],"sources":["src/components/stzh-search/stzh-search.scss?tag=stzh-search","src/components/stzh-search/stzh-search.tsx"],"sourcesContent":["stzh-search {\n @include host;\n\n --filter-background-color: var(--stzh-search-filter-background-color, #{$colorGrey10});\n\n --grid-template-areas: \"filters-main filters-main filters-main filters-main\" \"results results results results\";\n\n @include mq($from: medium) {\n --grid-template-areas: \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\" \"results results results results results results results results\";\n }\n\n @include mq($from: large) {\n --grid-template-areas: \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\" \". . results results results results results results results results . .\";\n }\n\n &:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=\"false\"]))) {\n --grid-template-areas: \"filters-main filters-main filters-main filters-main\" \"filters-aside filters-aside filters-aside filters-aside\" \"results results results results\";\n\n @include mq($from: medium) {\n --grid-template-areas: \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\" \"filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside\" \"results results results results results results results results\";\n }\n\n @include mq($from: large) {\n --grid-template-areas: \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\" \"filters-aside filters-aside filters-aside filters-aside results results results results results results results results\";\n }\n }\n\n &:where([variant=\"teaser\"]) {\n @include mq($from: large) {\n --grid-template-areas: \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\" \"results results results results results results results results results results results results\";\n }\n }\n}\n\n.stzh-search {\n @include grid;\n grid-template-areas: var(--grid-template-areas);\n\n &__filters-main {\n grid-area: filters-main;\n\n &:not(:empty) {\n @include spaceCurve('padding', 'medium');\n background-color: var(--filter-background-color);\n }\n }\n\n &__filters-aside {\n grid-area: filters-aside;\n\n &:not(:empty) {\n @include spaceCurve('padding', 'medium');\n background-color: var(--filter-background-color);\n\n @include mq($from: large) {\n background-color: transparent;\n padding: 0;\n }\n }\n }\n\n &__filters-aside-heading {\n @include font('heavy');\n @include fontCurve('h4');\n @include spaceCurve('padding-bottom', 'tiny');\n color: $colorPrimary70;\n display: none;\n\n @include mq($from: large) {\n display: block;\n }\n }\n\n stzh-button#{&}__filters-aside-details-trigger {\n @include mq($from: large) {\n display: none;\n }\n }\n\n &__filters-aside-inner {\n @include mq($from: large) {\n position: sticky;\n top: calc(var(--stzh-header-metabar-height, 0px) * var(--stzh-header-is-stuck, 0) + #{space('medium')});\n transition: top $baseTransitionAnimationSpeed;\n width: calc(100% + #{$gridGutterLarge} - #{spaceCurveValue('large', 'large')});\n }\n\n @include mq($from: ultra) {\n width: calc(100% + #{$gridGutterUltra} - #{spaceCurveValue('large', 'large')});\n }\n }\n\n &__results-wrapper {\n grid-area: results;\n display: grid;\n }\n\n &__results-heading,\n &__results-empty,\n &__results,\n &__action-more {\n transition-property: opacity;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__results-heading {\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n &__results-item {\n display: contents;\n }\n\n &__actions-wrapper {\n display: flex;\n justify-content: center;\n\n &:not(:empty) {\n @include spaceCurve('margin-top', 'medium');\n }\n }\n\n &__empty-text {\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n &__loader {\n @include spaceCurve('margin-top', 'medium');\n }\n\n &__filters-main-chips {\n @include spaceCurve('margin-top', 'medium');\n }\n\n /* Teaser variant */\n\n &--teaser &__actions-wrapper {\n justify-content: flex-start;\n }\n\n &--teaser &__filters-main {\n &:not(:empty) {\n padding: 0;\n background-color: transparent;\n }\n }\n\n &--teaser &__filters-aside {\n &:not(:empty) {\n padding: 0;\n background-color: transparent;\n }\n }\n\n /* Has results shown or aside filter */\n\n &--has-results-shown &__results-wrapper {\n @include mq($to: large) {\n @include spaceCurve('margin-top', 'huge');\n }\n }\n\n &--has-results-shown &__filters-main,\n &--has-filters-aside &__filters-main {\n @include mq($from: large) {\n @include spaceCurve('margin-bottom', 'large');\n }\n }\n\n &--has-results-shown#{&}--teaser &__results-wrapper {\n @include mq($to: large) {\n @include spaceCurve('margin-top', 'medium');\n }\n }\n\n &--has-results-shown#{&}--teaser &__filters-main,\n &--has-filters-aside#{&}--teaser &__filters-main {\n @include mq($from: large) {\n @include spaceCurve('margin-bottom', 'medium');\n }\n }\n\n /* Has main and aside filters */\n\n &--has-filters-main#{&}--has-filters-aside &__filters-main {\n &:not(:empty) {\n @include spaceCurve('padding-bottom', 'regular');\n }\n }\n\n &--has-filters-main#{&}--has-filters-aside &__filters-aside {\n &:not(:empty) {\n padding-top: 0px;\n }\n }\n\n /* Has hidden main/aside filters */\n\n &--has-hidden-main-filters &__filters-main {\n display: none;\n }\n\n &--has-hidden-aside-filters &__filters-aside {\n display: none;\n }\n\n &--has-hidden-main-filters &__results-wrapper,\n &--has-hidden-main-filters#{&}--teaser &__results-wrapper {\n margin-top: 0px;\n }\n\n /* Is loading */\n\n &--is-loading &__results-heading,\n &--is-loading &__results-empty,\n &--is-loading &__results,\n &--is-loading &__action-more {\n opacity: 0.5;\n }\n\n /* Is overlay */\n\n &--is-breakout {\n --filter-background-color: var(--stzh-color-cobaltblue20);\n background-color: var(--stzh-color-white);\n }\n\n &--is-breakout & {\n @include containerPadding();\n }\n\n &--is-breakout &__header-wrapper {\n background-color: var(--stzh-color-cobaltblue20);\n }\n\n &--is-breakout &__filters-main {\n @include containerPadding();\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n width: calc(100vw - var(--stzh-scrollbar-width));\n max-width: calc(100vw - var(--stzh-scrollbar-width));\n }\n\n &--is-breakout &__header {\n @include container();\n @include spaceCurve('padding-top', 'medium');\n background-color: var(--stzh-color-cobaltblue20);\n display: flex;\n justify-content: space-between;\n }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\nimport { StzhSearchChipsResult, StzhSearchOverlayCloseClickEvent, StzhSearchResult } from \"../../index\";\n\nimport axios from \"axios\";\nimport { hasSlot, raf } from \"../../utils/utils\";\n\nimport { StzhSearchLocalizedText } from \"./stzh-search.localization\";\n\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../utils/media-utils\";\n\nimport debounce from \"lodash/debounce\";\n\nfunction defaultTemplateResult(search: HTMLStzhSearchElement, item: StzhSearchResult): string {\n return `\n <stzh-card-${search.variant === \"teaser\" ? \"superteaser\" : \"searchresult\"}\n href=\"{href}\"\n dateline=\"{dateline}\"\n tag=\"{tag}\"\n topic=\"{topic}\"\n service=\"{service}\"\n event-location=\"{eventLocation}\"\n ${item.eventDateStart && 'event-date-start=\"{eventDateStart}\"'}\n ${item.eventDateEnd && 'event-date-end=\"{eventDateEnd}\"'}\n download-heading=\"{downloadHeading}\"\n meta='{meta}'\n breadcrumb-items='{breadcrumbItems}'\n download-meta='{downloadMeta}'\n datalist-items='{datalistItems}'\n ${item.imagePosition && 'image-position=\"{imagePosition}\"'}\n ${item.download && 'download=\"{download}\"'}\n style=\"\n ${item.serviceBackgroundColor ? \"--service-background-color: {serviceBackgroundColor};\" : \"\"}\n ${item.serviceColor ? \"--service-color: {serviceColor};\" : \"\"}\n \"\n >\n <div slot=\"heading\">{heading}</div>\n <div slot=\"description\">{description}</div>\n ${\n item.image\n ? item.imagePosition === \"right\"\n ? `<img src=\"${item.image}\" slot=\"image\" />`\n : `<stzh-ratio ${\n search.variant === \"teaser\" ? 'ratio=\"2:1\"' : 'ratio=\"21:9\" ratio-small=\"1:1\"'\n } slot=\"image\"><img src=\"${item.image}\" /></stzh-ratio>`\n : \"\"\n }\n </stzh-card-${search.variant === \"teaser\" ? \"superteaser\" : \"searchresult\"}>\n `;\n}\n\nfunction defaultResultWrapperProps(search: HTMLStzhSearchElement) {\n return {\n layout: search.variant === \"teaser\" ? \"teasers\" : \"searchresults\",\n } as HTMLStzhCardlistElement;\n}\n\n/**\n * @slot - Slot for any content\n * @slot filters-main - Slot for main filters\n * @slot filters-aside - Slot for aside filters\n */\n@Component({\n tag: \"stzh-search\",\n styleUrl: \"stzh-search.scss\",\n})\nexport class StzhSearch {\n /** Translation strings */\n @Prop() localization: StzhSearchLocalizedText;\n\n /** Variant */\n @Prop() variant: \"default\" | \"teaser\" = \"default\";\n\n /** Whether it should be rendered as overlay or not. */\n @Prop() breakout: boolean = false;\n\n /** Whether search results should be automatically fetched when a main filters has changed. */\n @Prop() autofetchMainFilters: boolean = false;\n\n /** Whether search results should be automatically fetched when a aside filters has changed. */\n @Prop() autofetchAsideFilters: boolean = false;\n\n /** Whether to hide the main filters slot */\n @Prop({ reflect: true }) hideMainFilters: boolean = false;\n\n /** Whether to hide the aside filters slot */\n @Prop({ reflect: true }) hideAsideFilters: boolean = false;\n\n /** API URL */\n @Prop() api: string = \"\";\n\n /** Debounce time in ms */\n @Prop() debounceTime: number = 500;\n\n /** Numbers of results shown with each load more action */\n @Prop() limit: number = 6;\n\n /** Whether search request should be fetched initially with set filters */\n @Prop() initialFetch: boolean = false;\n\n /** Whether url query should be updated when filter has changed */\n @Prop() preventUpdateUrl: boolean = false;\n\n /** Will be overwritten by api result (`templates.result` or `results[x].html`) */\n @Prop() templateResult: string | ((search: HTMLStzhSearchElement, item: StzhSearchResult) => string) =\n defaultTemplateResult;\n\n /** Element used for list wrapper element */\n @Prop() templateResultWrapperElement: string | ((search: HTMLStzhSearchElement) => string) = function () {\n return \"stzh-cardlist\";\n };\n\n /** Properties applied to list wrapper element */\n @Prop() templateResultWrapperProps:\n | { [key: string]: any }\n | ((search: HTMLStzhSearchElement) => { [key: string]: any }) = defaultResultWrapperProps;\n\n /** Heading level of results heading */\n @Prop() resultHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n /** Empty text */\n @Prop() emptyText: string;\n\n /** Empty text */\n @Prop() heading: string;\n\n /** Empty link href */\n @Prop() emptyLinkHref: string;\n\n /** Empty link label */\n @Prop() emptyLinkLabel: string;\n\n @Element() element: HTMLStzhSearchElement;\n\n @Watch(\"totalCount\")\n @Watch(\"results\")\n totalCountWatcher() {\n this._showMoreLink = this.totalCount > this.results.length;\n }\n\n @Watch(\"preventUpdateUrl\")\n preventUpdateUrlWatcher() {\n this.updateParams();\n }\n\n @State() totalCount: number = 0;\n private _showMoreLink: boolean = false;\n\n @State() loading: boolean = false;\n @State() error: string = \"\";\n\n @State() results: StzhSearchResult[] = [];\n @State() chipResultsHeading: string;\n @State() chipResults: StzhSearchChipsResult[] = [];\n @State() resultsHeading: string;\n @State() hasRequiredParams: boolean = false;\n @State() firstFetched: boolean = false;\n @State() initiallyFetched: boolean = false;\n @State() isDetailsOpen: boolean = false;\n\n /** Search overlay close click event */\n @Event() stzhOverlayCloseClick: EventEmitter<StzhSearchOverlayCloseClickEvent>;\n\n private currentController: AbortController;\n private params: URLSearchParams;\n private formElement: HTMLFormElement;\n\n private renderResultTemplate(html: string, item: StzhSearchResult) {\n let template =\n html ||\n (typeof this.templateResult === \"function\" ? this.templateResult(this.element, item) : this.templateResult);\n\n [\n \"href\",\n \"heading\",\n \"dateline\",\n \"description\",\n \"image\",\n \"imagePosition\",\n \"tag\",\n \"topic\",\n \"service\",\n \"serviceColor\",\n \"serviceBackgroundColor\",\n \"meta\",\n \"breadcrumbItems\",\n \"eventLocation\",\n \"eventDateStart\",\n \"eventDateEnd\",\n \"download\",\n \"downloadHeading\",\n \"downloadMeta\",\n \"datalistItems\",\n ].forEach(property => {\n const regex = new RegExp(`\\{${property}\\}`, \"gi\");\n let value = item[property] || \"\";\n\n if ([\"meta\", \"breadcrumbItems\", \"downloadMeta\", \"datalistItems\"].includes(property) && value) {\n value = JSON.stringify(value);\n }\n\n template = template.replace(regex, value);\n });\n\n return template;\n }\n\n private async updateParams(initial: boolean = false) {\n const updateByFormElements = () => {\n const formData = new FormData(this.formElement);\n // @ts-ignore\n this.params = new URLSearchParams(formData);\n this.params.set(\"variant\", this.variant);\n };\n\n if (initial) {\n const initialParams = new URLSearchParams(location.search);\n const search = initialParams.get(\"search\");\n\n if (search) {\n this.initialFetch = true;\n const currentSearchParams = new URLSearchParams(search);\n\n [...new Set(currentSearchParams.keys())].forEach(key => {\n const values = currentSearchParams.getAll(key);\n\n // value as string/number: input, ... / pagination\n const valueInputs = Array.from(\n document.querySelectorAll(\n `:where(stzh-input,stzh-radiogroup,stzh-chipselect,stzh-amount,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[name=\"${key}\"]`\n )\n ) as\n | HTMLStzhInputElement[]\n | HTMLStzhRadiogroupElement[]\n | HTMLStzhChipselectElement[]\n | HTMLStzhAmountElement[]\n | HTMLStzhDatepickerElement[]\n | HTMLStzhMonthyearpickerElement[]\n | HTMLStzhTimepickerElement[]\n | HTMLStzhPaginationElement[]\n | HTMLStzhToggleElement[];\n\n // value as array: checkboxgroup\n const valueArrayInputs = Array.from(\n document.querySelectorAll(`:where(stzh-checkboxgroup)[name=\"${key}\"]`)\n ) as HTMLStzhCheckboxgroupElement[];\n\n // items as array: dropdown\n const itemsArrayInputs = Array.from(document.querySelectorAll(`:where(stzh-dropdown)[name=\"${key}\"]`)) as\n | HTMLStzhDropdownElement[];\n\n valueInputs.forEach(\n (\n input:\n | HTMLStzhInputElement\n | HTMLStzhRadiogroupElement\n | HTMLStzhChipselectElement\n | HTMLStzhAmountElement\n | HTMLStzhDatepickerElement\n | HTMLStzhMonthyearpickerElement\n | HTMLStzhTimepickerElement\n | HTMLStzhPaginationElement\n | HTMLStzhToggleElement\n ) => {\n input.value = values[0];\n }\n );\n\n valueArrayInputs.forEach((input: HTMLStzhCheckboxgroupElement) => {\n input.value = values;\n });\n\n itemsArrayInputs.forEach((input: HTMLStzhDropdownElement) => {\n input.items = values;\n });\n });\n }\n }\n\n await raf();\n updateByFormElements();\n\n // console.log(this.params.toString());\n\n let hasRequiredParams = true;\n\n const requiredInputFields = Array.from(this.element.querySelectorAll(\":where(stzh-input)[required]\")) as\n | HTMLStzhInputElement[];\n\n const requiredDropdownFields = Array.from(this.element.querySelectorAll(\":where(stzh-dropdown)[required]\")) as\n | HTMLStzhDropdownElement[];\n\n const requiredMonthyearpickers = Array.from(\n this.element.querySelectorAll(\":where(stzh-monthyearpicker)[required]\")\n ) as HTMLStzhMonthyearpickerElement[];\n\n const requiredFields = Array.from(\n this.element.querySelectorAll(\n \":where(stzh-amount,stzh-radiogroup,stzh-chipselect,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[required]\"\n )\n ) as\n | HTMLStzhAmountElement[]\n | HTMLStzhRadiogroupElement[]\n | HTMLStzhChipselectElement[]\n | HTMLStzhDatepickerElement[]\n | HTMLStzhTimepickerElement[]\n | HTMLStzhPaginationElement[]\n | HTMLStzhToggleElement[];\n\n const requiredCheckboxFields = Array.from(this.element.querySelectorAll(\":where(stzh-checkbox)[required]\")) as\n | HTMLStzhCheckboxElement[];\n\n requiredCheckboxFields.forEach((field: HTMLStzhCheckboxElement) => {\n const invalid = !field.checked;\n\n if (!initial) {\n field.invalid = invalid;\n }\n\n if (invalid) {\n hasRequiredParams = false;\n }\n });\n\n requiredInputFields.forEach((field: HTMLStzhInputElement) => {\n const invalid =\n field.value === \"\" ||\n (field.minlength && field.minlength > field.value.length) ||\n (field.maxlength && field.maxlength < field.value.length);\n\n if (!initial) {\n field.invalid = invalid;\n }\n\n if (invalid) {\n hasRequiredParams = false;\n }\n });\n\n requiredDropdownFields.forEach((field: HTMLStzhDropdownElement) => {\n const invalid = field.items.length === 0;\n\n if (!initial) {\n field.invalid = invalid;\n }\n\n if (invalid) {\n hasRequiredParams = false;\n }\n });\n\n requiredFields.forEach(\n (\n field:\n | HTMLStzhAmountElement\n | HTMLStzhRadiogroupElement\n | HTMLStzhCheckboxElement\n | HTMLStzhChipselectElement\n | HTMLStzhDatepickerElement\n | HTMLStzhTimepickerElement\n | HTMLStzhPaginationElement\n | HTMLStzhToggleElement\n ) => {\n const invalid = field.value.toString().length === 0;\n\n if (!initial) {\n field.invalid = invalid;\n }\n\n if (invalid) {\n hasRequiredParams = false;\n }\n }\n );\n\n requiredMonthyearpickers.forEach((field: HTMLStzhMonthyearpickerElement) => {\n const invalid = field.value.toString().length === 0;\n\n if (!initial) {\n field.invalidYear = invalid;\n field.invalidMonth = invalid;\n }\n\n if (invalid) {\n hasRequiredParams = false;\n }\n });\n\n this.hasRequiredParams = hasRequiredParams;\n }\n\n private fetch = async (append: boolean = false, initial: boolean = false) => {\n this.loading = true;\n this.error = \"\";\n\n if (this.currentController) {\n this.currentController.abort();\n }\n\n if (!this.hasRequiredParams && !append) {\n this.loading = false;\n return;\n }\n\n let apiUrl = this.api.replace(/\\{lang\\}/gi, this.localization.$locale);\n let limit = this.limit.toString();\n\n this.params.set(\"offset\", append ? this.results.length.toString() : \"0\");\n\n if (initial) {\n const search = new URLSearchParams(location.search).get(\"search\");\n\n if (search) {\n const urlLimit = new URLSearchParams(search).get(\"limit\");\n\n if (urlLimit) {\n limit = urlLimit;\n }\n }\n }\n\n this.params.set(\"limit\", limit);\n\n this.currentController = new AbortController();\n\n let data: {\n error?: boolean;\n message?: string;\n templates?: {\n result: string;\n };\n meta?: {\n total: number;\n };\n resultsHeading?: string;\n results?: StzhSearchResult[];\n chipResultsHeading?: string;\n chipResults?: StzhSearchChipsResult[];\n } = {};\n\n try {\n // load data from API\n const response = await axios(apiUrl, {\n params: this.params,\n signal: this.currentController.signal,\n });\n\n data = response.data;\n } catch (error) {\n this.error = this.localization.error;\n }\n\n this.resultsHeading = data.resultsHeading || \"\";\n this.totalCount = data.meta?.total || 0;\n\n if (data.error) {\n this.error = data.message || this.localization.error;\n }\n\n if (data.chipResults && data.chipResults.length) {\n this.chipResultsHeading = data.chipResultsHeading ?? \"\";\n this.chipResults = data.chipResults;\n } else {\n this.chipResultsHeading = \"\";\n this.chipResults = [];\n }\n\n if (data.results) {\n if (append) {\n this.results = [\n ...this.results,\n ...data.results.map(item => ({\n ...item,\n html: this.renderResultTemplate(item.html || data.templates?.result, item),\n })),\n ];\n } else {\n this.results = data.results.map(item => ({\n ...item,\n html: this.renderResultTemplate(item.html || data.templates?.result, item),\n }));\n }\n }\n\n if (!initial && !this.preventUpdateUrl) {\n const newUrlParams = new URLSearchParams(location.search);\n const searchParams = new URLSearchParams(this.params);\n\n searchParams.delete(\"offset\");\n searchParams.set(\"limit\", this.results.length.toString());\n newUrlParams.set(\"search\", searchParams.toString());\n\n window.history.replaceState(null, \"\", `${location.pathname}?${newUrlParams}`);\n }\n\n if (initial || !this.firstFetched) {\n this.loading = false;\n } else {\n // to be able to see loading effect we delay turning off loading state\n window.setTimeout(() => {\n this.loading = false;\n }, this.debounceTime);\n }\n\n this.firstFetched = true;\n };\n\n private debouncedFetch = debounce(this.fetch, this.debounceTime);\n\n private handleMainFilterChange = async () => {\n if (this.autofetchMainFilters) {\n await this.updateParams();\n this.debouncedFetch();\n }\n };\n\n private handleAsideFilterChange = async () => {\n if (this.autofetchAsideFilters) {\n await this.updateParams();\n this.debouncedFetch();\n }\n };\n\n private handleFormSubmit = async (event: Event) => {\n event.preventDefault();\n\n await this.updateParams();\n this.fetch();\n };\n\n private handleMoreClick = () => {\n this.fetch(true);\n };\n\n private handleMediaChange = () => {\n this.isDetailsOpen = media(\"large\").matches;\n };\n\n private handleFormReset = async () => {\n requestAnimationFrame(() => {\n requestAnimationFrame(async () => {\n await this.updateParams();\n });\n });\n };\n\n private handleOverlayCloseClick = (event: MouseEvent) => {\n this.stzhOverlayCloseClick.emit({\n component: \"stzh-search\",\n originalEvent: event,\n });\n };\n\n async componentDidLoad() {\n // update params initially to get hidden filters\n // and set initialFetch to true if search params exist\n await this.updateParams(true);\n\n if (this.initialFetch) {\n await this.fetch(false, true);\n this.initiallyFetched = true;\n } else {\n this.initiallyFetched = true;\n }\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"search\");\n }\n }\n\n connectedCallback() {\n addMediaChangeListener(this.handleMediaChange);\n this.handleMediaChange();\n }\n\n disconnectedCallback() {\n removeMediaChangeListener(this.handleMediaChange);\n }\n\n render() {\n const filtersMainUsed = hasSlot(this.element, \"filters-main\");\n const filtersAsideUsed = hasSlot(this.element, \"filters-aside\");\n let chipsProvided = true;\n if (filtersMainUsed) {\n const providedChipselect = this.element.querySelector(\"[slot='filters-main'] stzh-chipselect\");\n const providedChipgroup = this.element.querySelector(\"[slot='filters-main'] stzh-chipgroup\");\n if (!providedChipselect && !providedChipgroup) {\n chipsProvided = false;\n }\n } else {\n chipsProvided = false;\n }\n\n const resultsShown = (this.hasRequiredParams || this.firstFetched) && this.firstFetched && this.initiallyFetched;\n\n const classes = {\n \"stzh-search\": true,\n \"stzh-search--has-filters-main\": filtersMainUsed,\n \"stzh-search--has-filters-aside\": filtersAsideUsed,\n \"stzh-search--has-hidden-main-filters\": this.hideMainFilters,\n \"stzh-search--has-hidden-aside-filters\": this.hideAsideFilters,\n \"stzh-search--has-results-shown\": resultsShown,\n \"stzh-search--has-error-shown\": !!this.error,\n \"stzh-search--is-loading\": this.loading,\n [`stzh-search--${this.variant}`]: !!this.variant,\n };\n\n const WrapperElement =\n typeof this.templateResultWrapperElement === \"function\"\n ? this.templateResultWrapperElement(this.element)\n : this.templateResultWrapperElement;\n\n const wrapperProps =\n typeof this.templateResultWrapperProps === \"function\"\n ? this.templateResultWrapperProps(this.element)\n : this.templateResultWrapperProps;\n\n return (\n <Host has-aside-filters={filtersAsideUsed} class={this.breakout ? \"stzh-search--is-breakout\" : \"\"}>\n {this.breakout && (\n <div class=\"stzh-search__header-wrapper\">\n <div class=\"stzh-search__header\">\n <stzh-heading class=\"stzh-search__header-heading\" curve=\"h2\">\n {this.heading}\n </stzh-heading>\n <stzh-button\n class=\"stzh-search__overlay-close\"\n icon=\"close\"\n iconOnly={true}\n size=\"small\"\n variant=\"tertiary\"\n onClick={this.handleOverlayCloseClick}\n ></stzh-button>\n </div>\n </div>\n )}\n <form\n ref={el => (this.formElement = el as HTMLFormElement)}\n novalidate\n class={classes}\n onSubmit={this.handleFormSubmit}\n onReset={this.handleFormReset}\n >\n {/* @ts-ignore */}\n <div class=\"stzh-search__filters-main\" onStzhChange={this.handleMainFilterChange}>\n <slot name=\"filters-main\"></slot>\n {!chipsProvided && this.chipResults.length > 0 && (\n <div class=\"stzh-search__filters-main-chips\">\n {this.chipResultsHeading && (\n <stzh-text font=\"heavy\" size=\"milli\" color=\"primary\">\n {this.chipResultsHeading}\n </stzh-text>\n )}\n {this.chipResults[0].options ? (\n <stzh-chipgroup>\n {this.chipResults.map(chipResult => (\n <stzh-dropdown\n label={chipResult.label}\n name={chipResult.value}\n variant=\"filter\"\n no-search={true}\n hide-optional={true}\n inline={true}\n options={chipResult.options}\n ></stzh-dropdown>\n ))}\n </stzh-chipgroup>\n ) : (\n <stzh-chipselect\n multiple={true}\n name=\"subject\"\n label={this.chipResultsHeading}\n label-hidden={true}\n data={this.chipResults.map(chipResult => ({\n label: chipResult.label,\n value: chipResult.value,\n counter: `${chipResult.amount}`,\n variant: \"filter\",\n size: \"small\",\n }))}\n ></stzh-chipselect>\n )}\n </div>\n )}\n </div>\n\n {filtersAsideUsed && (\n <Fragment>\n {/* @ts-ignore */}\n <div class=\"stzh-search__filters-aside\" onStzhChange={this.handleAsideFilterChange}>\n <div class=\"stzh-search__filters-aside-inner\">\n <div class=\"stzh-search__filters-aside-heading\">{this.localization.moreFilter}</div>\n <stzh-details open={this.isDetailsOpen} class=\"stzh-search__filters-aside-details\">\n <stzh-button\n class=\"stzh-search__filters-aside-details-trigger\"\n variant=\"tertiary-plain\"\n size=\"small\"\n noPaddingLeft={true}\n showToggleIcon={true}\n iconPosition=\"right\"\n label={this.localization.moreFilter}\n ></stzh-button>\n <div slot=\"content\">\n <slot name=\"filters-aside\"></slot>\n </div>\n </stzh-details>\n </div>\n </div>\n </Fragment>\n )}\n\n <div class=\"stzh-search__results-wrapper\">\n {resultsShown && (\n <Fragment>\n {this.results.length === 0 ? (\n <Fragment>\n {this.variant !== \"teaser\" && this.resultsHeading && (\n <stzh-heading\n class=\"stzh-search__results-heading\"\n curve=\"h3\"\n level={this.resultHeadingLevel}\n innerHTML={this.resultsHeading}\n ></stzh-heading>\n )}\n\n {this.emptyText && (\n <stzh-text class=\"stzh-search__empty-text\" innerHTML={this.emptyText}></stzh-text>\n )}\n\n {this.emptyLinkLabel && this.emptyLinkHref && (\n <div class=\"stzh-search__empty-link-wrapper\">\n <stzh-link href={this.emptyLinkHref} label={this.emptyLinkLabel}></stzh-link>\n </div>\n )}\n </Fragment>\n ) : (\n <Fragment>\n {this.variant !== \"teaser\" && this.resultsHeading && (\n <stzh-heading\n class=\"stzh-search__results-heading\"\n curve=\"h3\"\n level={this.resultHeadingLevel}\n innerHTML={this.resultsHeading}\n ></stzh-heading>\n )}\n\n <WrapperElement class=\"stzh-search__results\" {...wrapperProps}>\n {this.results.map(result => (\n <div class=\"stzh-search__results-item\" innerHTML={result.html || \"\"}></div>\n ))}\n </WrapperElement>\n\n <div class=\"stzh-search__actions-wrapper\">\n {this._showMoreLink && (\n <stzh-button\n variant=\"secondary\"\n class=\"stzh-search__action-more\"\n label={this.localization.showMore}\n onClick={this.handleMoreClick}\n disabled={this.loading}\n a11yDisabled={this.loading}\n ></stzh-button>\n )}\n </div>\n </Fragment>\n )}\n </Fragment>\n )}\n\n {this.error && (\n <div class=\"stzh-search__error\">\n <stzh-message type=\"error\" label={this.error}></stzh-message>\n </div>\n )}\n\n {this.loading && <stzh-loader class=\"stzh-search__loader\"></stzh-loader>}\n </div>\n\n <slot></slot>\n </form>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-a672aaea.entry.js DELETED Viewed

@@ -1,8 +0,0 @@
-import{r as t,c as e,h as i,a as n,g as s}from"./p-c7bfac7a.js";const r=t=>"object"==typeof t&&null!=t&&1===t.nodeType,o=(t,e)=>(!e||"hidden"!==t)&&("visible"!==t&&"clip"!==t),l=(t,e)=>{if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){const i=getComputedStyle(t,null);return o(i.overflowY,e)||o(i.overflowX,e)||(t=>{const e=(t=>{if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}})(t);return!!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)})(t)}return!1},a=(t,e,i,n,s,r,o,l)=>r<t&&o>e||r>t&&o<e?0:r<=t&&l<=i||o>=e&&l>=i?r-t-n:o>e&&l<i||r<t&&l>i?o-e+s:0,f=t=>{const e=t.parentElement;return null==e?t.getRootNode().host||null:e},u=(t,e)=>{var i,n,s,o;if("undefined"==typeof document)return[];const{scrollMode:u,block:h,inline:c,boundary:d,skipOverflowHiddenElements:m}=e,b="function"==typeof d?d:t=>t!==d;if(!r(t))throw new TypeError("Invalid target");const p=document.scrollingElement||document.documentElement,g=[];let v=t;for(;r(v)&&b(v);){if(v=f(v),v===p){g.push(v);break}null!=v&&v===document.body&&l(v)&&!l(document.documentElement)||null!=v&&l(v,m)&&g.push(v)}const w=null!=(n=null==(i=window.visualViewport)?void 0:i.width)?n:innerWidth,y=null!=(o=null==(s=window.visualViewport)?void 0:s.height)?o:innerHeight,{scrollX:E,scrollY:z}=window,{height:x,width:k,top:S,right:I,bottom:M,left:T}=t.getBoundingClientRect();let D="start"===h||"nearest"===h?S:"end"===h?M:S+x/2,_="center"===c?T+k/2:"end"===c?I:T;const C=[];for(let t=0;t<g.length;t++){const e=g[t],{height:i,width:n,top:s,right:r,bottom:o,left:l}=e.getBoundingClientRect();if("if-needed"===u&&S>=0&&T>=0&&M<=y&&I<=w&&S>=s&&M<=o&&T>=l&&I<=r)return C;const f=getComputedStyle(e),d=parseInt(f.borderLeftWidth,10),m=parseInt(f.borderTopWidth,10),b=parseInt(f.borderRightWidth,10),v=parseInt(f.borderBottomWidth,10);let O=0,A=0;const N="offsetWidth"in e?e.offsetWidth-e.clientWidth-d-b:0,F="offsetHeight"in e?e.offsetHeight-e.clientHeight-m-v:0,$="offsetWidth"in e?0===e.offsetWidth?0:n/e.offsetWidth:0,W="offsetHeight"in e?0===e.offsetHeight?0:i/e.offsetHeight:0;if(p===e)O="start"===h?D:"end"===h?D-y:"nearest"===h?a(z,z+y,y,m,v,z+D,z+D+x,x):D-y/2,A="start"===c?_:"center"===c?_-w/2:"end"===c?_-w:a(E,E+w,w,d,b,E+_,E+_+k,k),O=Math.max(0,O+z),A=Math.max(0,A+E);else{O="start"===h?D-s-m:"end"===h?D-o+v+F:"nearest"===h?a(s,o,i,m,v+F,D,D+x,x):D-(s+i/2)+F/2,A="start"===c?_-l-d:"center"===c?_-(l+n/2)+N/2:"end"===c?_-r+b+N:a(l,r,n,d,b+N,_,_+k,k);const{scrollLeft:t,scrollTop:f}=e;O=Math.max(0,Math.min(f+O/W,e.scrollHeight-i/W+F)),A=Math.max(0,Math.min(t+A/$,e.scrollWidth-n/$+N)),D+=f-O,_+=t-A}C.push({el:e,top:O,left:A})}return C};const h=t=>!1===t?{block:"end",inline:"nearest"}:(t=>t===Object(t)&&0!==Object.keys(t).length)(t)?t:{block:"start",inline:"nearest"};function c(t,e){if(!t.isConnected||!(t=>{let e=t;for(;e&&e.parentNode;){if(e.parentNode===document)return!0;e=e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}return!1})(t))return;const i=(t=>{const e=window.getComputedStyle(t);return{top:parseFloat(e.scrollMarginTop)||0,right:parseFloat(e.scrollMarginRight)||0,bottom:parseFloat(e.scrollMarginBottom)||0,left:parseFloat(e.scrollMarginLeft)||0}})(t);if((t=>"object"==typeof t&&"function"==typeof t.behavior)(e))return e.behavior(u(t,e));const n="boolean"==typeof e||null==e?void 0:e.behavior;for(const{el:s,top:r,left:o}of u(t,h(e))){const t=r-i.top+i.bottom,e=o-i.left+i.right;s.scroll({top:t,left:e,behavior:n})}}
-/**!
- * Sortable 1.15.0
- * @author	RubaXa   <trash@rubaxa.org>
- * @author	owenm    <owen23355@gmail.com>
- * @license MIT
- */function d(){d=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i){if(Object.prototype.hasOwnProperty.call(i,n)){t[n]=i[n]}}}return t};return d.apply(this,arguments)}var m="1.15.0";function b(t){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(t)}}const p=b(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);const g=b(/Edge/i);const v=b(/firefox/i);const w=b(/safari/i)&&!b(/chrome/i)&&!b(/android/i);const y=b(/iP(ad|od|hone)/i);const E=b(/chrome/i)&&b(/android/i);const z={capture:false,passive:false};function x(t,e,i){t.addEventListener(e,i,!p&&z)}function k(t,e,i){t.removeEventListener(e,i,!p&&z)}function S(t,e){if(!e)return;e[0]===">"&&(e=e.substring(1));if(t){try{if(t.matches){return t.matches(e)}else if(t.msMatchesSelector){return t.msMatchesSelector(e)}else if(t.webkitMatchesSelector){return t.webkitMatchesSelector(e)}}catch(t){return false}}return false}function I(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function M(t,e,i,n){if(t){i=i||document;do{if(e!=null&&(e[0]===">"?t.parentNode===i&&S(t,e):S(t,e))||n&&t===i){return t}if(t===i)break}while(t=I(t))}return null}const T=/\s+/g;function D(t,e,i){if(t&&e){if(t.classList){t.classList[i?"add":"remove"](e)}else{let n=(" "+t.className+" ").replace(T," ").replace(" "+e+" "," ");t.className=(n+(i?" "+e:"")).replace(T," ")}}}function _(t,e,i){let n=t&&t.style;if(n){if(i===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){i=document.defaultView.getComputedStyle(t,"")}else if(t.currentStyle){i=t.currentStyle}return e===void 0?i:i[e]}else{if(!(e in n)&&e.indexOf("webkit")===-1){e="-webkit-"+e}n[e]=i+(typeof i==="string"?"":"px")}}}function C(t,e){let i="";if(typeof t==="string"){i=t}else{do{let e=_(t,"transform");if(e&&e!=="none"){i=e+" "+i}}while(!e&&(t=t.parentNode))}const n=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return n&&new n(i)}function O(t,e,i){if(t){let n=t.getElementsByTagName(e),s=0,r=n.length;if(i){for(;s<r;s++){i(n[s],s)}}return n}return[]}function A(){let t=document.scrollingElement;if(t){return t}else{return document.documentElement}}function N(t,e,i,n,s){if(!t.getBoundingClientRect&&t!==window)return;let r,o,l,a,f,u,h;if(t!==window&&t.parentNode&&t!==A()){r=t.getBoundingClientRect();o=r.top;l=r.left;a=r.bottom;f=r.right;u=r.height;h=r.width}else{o=0;l=0;a=window.innerHeight;f=window.innerWidth;u=window.innerHeight;h=window.innerWidth}if((e||i)&&t!==window){s=s||t.parentNode;if(!p){do{if(s&&s.getBoundingClientRect&&(_(s,"transform")!=="none"||i&&_(s,"position")!=="static")){let t=s.getBoundingClientRect();o-=t.top+parseInt(_(s,"border-top-width"));l-=t.left+parseInt(_(s,"border-left-width"));a=o+r.height;f=l+r.width;break}}while(s=s.parentNode)}}if(n&&t!==window){let e=C(s||t),i=e&&e.a,n=e&&e.d;if(e){o/=n;l/=i;h/=i;u/=n;a=o+u;f=l+h}}return{top:o,left:l,bottom:a,right:f,width:h,height:u}}function F(t,e,i){let n=j(t,true),s=N(t)[e];while(n){let t=N(n)[i],e;if(i==="top"||i==="left"){e=s>=t}else{e=s<=t}if(!e)return n;if(n===A())break;n=j(n,false)}return false}function $(t,e,i,n){let s=0,r=0,o=t.children;while(r<o.length){if(o[r].style.display!=="none"&&o[r]!==Qt.ghost&&(n||o[r]!==Qt.dragged)&&M(o[r],i.draggable,t,false)){if(s===e){return o[r]}s++}r++}return null}function W(t,e){let i=t.lastElementChild;while(i&&(i===Qt.ghost||_(i,"display")==="none"||e&&!S(i,e))){i=i.previousElementSibling}return i||null}function G(t,e){let i=0;if(!t||!t.parentNode){return-1}while(t=t.previousElementSibling){if(t.nodeName.toUpperCase()!=="TEMPLATE"&&t!==Qt.clone&&(!e||S(t,e))){i++}}return i}function H(t){let e=0,i=0,n=A();if(t){do{let n=C(t),s=n.a,r=n.d;e+=t.scrollLeft*s;i+=t.scrollTop*r}while(t!==n&&(t=t.parentNode))}return[e,i]}function P(t,e){for(let i in t){if(!t.hasOwnProperty(i))continue;for(let n in e){if(e.hasOwnProperty(n)&&e[n]===t[i][n])return Number(i)}}return-1}function j(t,e){if(!t||!t.getBoundingClientRect)return A();let i=t;let n=false;do{if(i.clientWidth<i.scrollWidth||i.clientHeight<i.scrollHeight){let t=_(i);if(i.clientWidth<i.scrollWidth&&(t.overflowX=="auto"||t.overflowX=="scroll")||i.clientHeight<i.scrollHeight&&(t.overflowY=="auto"||t.overflowY=="scroll")){if(!i.getBoundingClientRect||i===document.body)return A();if(n||e)return i;n=true}}}while(i=i.parentNode);return A()}function L(t,e){if(t&&e){for(let i in e){if(e.hasOwnProperty(i)){t[i]=e[i]}}}return t}function R(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}let U;function B(t,e){return function(){if(!U){let i=arguments,n=this;if(i.length===1){t.call(n,i[0])}else{t.apply(n,i)}U=setTimeout((function(){U=void 0}),e)}}}function K(){clearTimeout(U);U=void 0}function X(t,e,i){t.scrollLeft+=e;t.scrollTop+=i}function Y(t){let e=window.Polymer;let i=window.jQuery||window.Zepto;if(e&&e.dom){return e.dom(t).cloneNode(true)}else if(i){return i(t).clone(true)[0]}else{return t.cloneNode(true)}}function V(t,e){_(t,"position","absolute");_(t,"top",e.top);_(t,"left",e.left);_(t,"width",e.width);_(t,"height",e.height)}function J(t){_(t,"position","");_(t,"top","");_(t,"left","");_(t,"width","");_(t,"height","")}const Z="Sortable"+(new Date).getTime();function q(){let t=[],e;return{captureAnimationState(){t=[];if(!this.options.animation)return;let e=[].slice.call(this.el.children);e.forEach((e=>{if(_(e,"display")==="none"||e===Qt.ghost)return;t.push({target:e,rect:N(e)});let i={...t[t.length-1].rect};if(e.thisAnimationDuration){let t=C(e,true);if(t){i.top-=t.f;i.left-=t.e}}e.fromRect=i}))},addAnimationState(e){t.push(e)},removeAnimationState(e){t.splice(P(t,{target:e}),1)},animateAll(i){if(!this.options.animation){clearTimeout(e);if(typeof i==="function")i();return}let n=false,s=0;t.forEach((t=>{let e=0,i=t.target,r=i.fromRect,o=N(i),l=i.prevFromRect,a=i.prevToRect,f=t.rect,u=C(i,true);if(u){o.top-=u.f;o.left-=u.e}i.toRect=o;if(i.thisAnimationDuration){if(R(l,o)&&!R(r,o)&&(f.top-o.top)/(f.left-o.left)===(r.top-o.top)/(r.left-o.left)){e=tt(f,l,a,this.options)}}if(!R(o,r)){i.prevFromRect=r;i.prevToRect=o;if(!e){e=this.options.animation}this.animate(i,f,o,e)}if(e){n=true;s=Math.max(s,e);clearTimeout(i.animationResetTimer);i.animationResetTimer=setTimeout((function(){i.animationTime=0;i.prevFromRect=null;i.fromRect=null;i.prevToRect=null;i.thisAnimationDuration=null}),e);i.thisAnimationDuration=e}}));clearTimeout(e);if(!n){if(typeof i==="function")i()}else{e=setTimeout((function(){if(typeof i==="function")i()}),s)}t=[]},animate(t,e,i,n){if(n){_(t,"transition","");_(t,"transform","");let s=C(this.el),r=s&&s.a,o=s&&s.d,l=(e.left-i.left)/(r||1),a=(e.top-i.top)/(o||1);t.animatingX=!!l;t.animatingY=!!a;_(t,"transform","translate3d("+l+"px,"+a+"px,0)");this.forRepaintDummy=Q(t);_(t,"transition","transform "+n+"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}),n)}}}}function Q(t){return t.offsetWidth}function tt(t,e,i,n){return Math.sqrt(Math.pow(e.top-t.top,2)+Math.pow(e.left-t.left,2))/Math.sqrt(Math.pow(e.top-i.top,2)+Math.pow(e.left-i.left,2))*n.animation}let et=[];const it={initializeByDefault:true};var nt={mount(t){for(let e in it){if(it.hasOwnProperty(e)&&!(e in t)){t[e]=it[e]}}et.forEach((e=>{if(e.pluginName===t.pluginName){throw`Sortable: Cannot mount plugin ${t.pluginName} more than once`}}));et.push(t)},pluginEvent(t,e,i){this.eventCanceled=false;i.cancel=()=>{this.eventCanceled=true};const n=t+"Global";et.forEach((s=>{if(!e[s.pluginName])return;if(e[s.pluginName][n]){e[s.pluginName][n]({sortable:e,...i})}if(e.options[s.pluginName]&&e[s.pluginName][t]){e[s.pluginName][t]({sortable:e,...i})}}))},initializePlugins(t,e,i,n){et.forEach((n=>{const s=n.pluginName;if(!t.options[s]&&!n.initializeByDefault)return;let r=new n(t,e,t.options);r.sortable=t;r.options=t.options;t[s]=r;d(i,r.defaults)}));for(let e in t.options){if(!t.options.hasOwnProperty(e))continue;let i=this.modifyOption(t,e,t.options[e]);if(typeof i!=="undefined"){t.options[e]=i}}},getEventProperties(t,e){let i={};et.forEach((n=>{if(typeof n.eventProperties!=="function")return;d(i,n.eventProperties.call(e[n.pluginName],t))}));return i},modifyOption(t,e,i){let n;et.forEach((s=>{if(!t[s.pluginName])return;if(s.optionListeners&&typeof s.optionListeners[e]==="function"){n=s.optionListeners[e].call(t[s.pluginName],i)}}));return n}};function st({sortable:t,rootEl:e,name:i,targetEl:n,cloneEl:s,toEl:r,fromEl:o,oldIndex:l,newIndex:a,oldDraggableIndex:f,newDraggableIndex:u,originalEvent:h,putSortable:c,extraEventProperties:d}){t=t||e&&e[Z];if(!t)return;let m,b=t.options,v="on"+i.charAt(0).toUpperCase()+i.substr(1);if(window.CustomEvent&&!p&&!g){m=new CustomEvent(i,{bubbles:true,cancelable:true})}else{m=document.createEvent("Event");m.initEvent(i,true,true)}m.to=r||e;m.from=o||e;m.item=n||e;m.clone=s;m.oldIndex=l;m.newIndex=a;m.oldDraggableIndex=f;m.newDraggableIndex=u;m.originalEvent=h;m.pullMode=c?c.lastPutMode:undefined;let w={...d,...nt.getEventProperties(i,t)};for(let t in w){m[t]=w[t]}if(e){e.dispatchEvent(m)}if(b[v]){b[v].call(t,m)}}let rt=function(t,e,{evt:i,...n}={}){nt.pluginEvent.bind(Qt)(t,e,{dragEl:lt,parentEl:at,ghostEl:ft,rootEl:ut,nextEl:ht,lastDownEl:ct,cloneEl:dt,cloneHidden:mt,dragStarted:_t,putSortable:yt,activeSortable:Qt.active,originalEvent:i,oldIndex:bt,oldDraggableIndex:gt,newIndex:pt,newDraggableIndex:vt,hideGhostForTarget:Vt,unhideGhostForTarget:Jt,cloneNowHidden(){mt=true},cloneNowShown(){mt=false},dispatchSortableEvent(t){ot({sortable:e,name:t,originalEvent:i})},...n})};function ot(t){st({putSortable:yt,cloneEl:dt,targetEl:lt,rootEl:ut,oldIndex:bt,oldDraggableIndex:gt,newIndex:pt,newDraggableIndex:vt,...t})}let lt,at,ft,ut,ht,ct,dt,mt,bt,pt,gt,vt,wt,yt,Et=false,zt=false,xt=[],kt,St,It,Mt,Tt,Dt,_t,Ct,Ot,At=false,Nt=false,Ft,$t,Wt=[],Gt=false,Ht=[];const Pt=typeof document!=="undefined",jt=y,Lt=g||p?"cssFloat":"float",Rt=Pt&&!E&&!y&&"draggable"in document.createElement("div"),Ut=function(){if(!Pt)return;if(p){return false}let t=document.createElement("x");t.style.cssText="pointer-events:auto";return t.style.pointerEvents==="auto"}(),Bt=function(t,e){let i=_(t),n=parseInt(i.width)-parseInt(i.paddingLeft)-parseInt(i.paddingRight)-parseInt(i.borderLeftWidth)-parseInt(i.borderRightWidth),s=$(t,0,e),r=$(t,1,e),o=s&&_(s),l=r&&_(r),a=o&&parseInt(o.marginLeft)+parseInt(o.marginRight)+N(s).width,f=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+N(r).width;if(i.display==="flex"){return i.flexDirection==="column"||i.flexDirection==="column-reverse"?"vertical":"horizontal"}if(i.display==="grid"){return i.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(s&&o.float&&o.float!=="none"){let t=o.float==="left"?"left":"right";return r&&(l.clear==="both"||l.clear===t)?"vertical":"horizontal"}return s&&(o.display==="block"||o.display==="flex"||o.display==="table"||o.display==="grid"||a>=n&&i[Lt]==="none"||r&&i[Lt]==="none"&&a+f>n)?"vertical":"horizontal"},Kt=function(t,e,i){let n=i?t.left:t.top,s=i?t.right:t.bottom,r=i?t.width:t.height,o=i?e.left:e.top,l=i?e.right:e.bottom,a=i?e.width:e.height;return n===o||s===l||n+r/2===o+a/2},Xt=function(t,e){let i;xt.some((n=>{const s=n[Z].options.emptyInsertThreshold;if(!s||W(n))return;const r=N(n),o=t>=r.left-s&&t<=r.right+s,l=e>=r.top-s&&e<=r.bottom+s;if(o&&l){return i=n}}));return i},Yt=function(t){function e(t,i){return function(n,s,r,o){let l=n.options.group.name&&s.options.group.name&&n.options.group.name===s.options.group.name;if(t==null&&(i||l)){return true}else if(t==null||t===false){return false}else if(i&&t==="clone"){return t}else if(typeof t==="function"){return e(t(n,s,r,o),i)(n,s,r,o)}else{let e=(i?n:s).options.group.name;return t===true||typeof t==="string"&&t===e||t.join&&t.indexOf(e)>-1}}}let i={};let n=t.group;if(!n||typeof n!="object"){n={name:n}}i.name=n.name;i.checkPull=e(n.pull,true);i.checkPut=e(n.put);i.revertClone=n.revertClone;t.group=i},Vt=function(){if(!Ut&&ft){_(ft,"display","none")}},Jt=function(){if(!Ut&&ft){_(ft,"display","")}};if(Pt&&!E){document.addEventListener("click",(function(t){if(zt){t.preventDefault();t.stopPropagation&&t.stopPropagation();t.stopImmediatePropagation&&t.stopImmediatePropagation();zt=false;return false}}),true)}let Zt=function(t){if(lt){t=t.touches?t.touches[0]:t;let e=Xt(t.clientX,t.clientY);if(e){let i={};for(let e in t){if(t.hasOwnProperty(e)){i[e]=t[e]}}i.target=i.rootEl=e;i.preventDefault=void 0;i.stopPropagation=void 0;e[Z]._onDragOver(i)}}};let qt=function(t){if(lt){lt.parentNode[Z]._isOutsideThisEl(t.target)}};function Qt(t,e){if(!(t&&t.nodeType&&t.nodeType===1)){throw`Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(t)}`}this.el=t;this.options=e=d({},e);t[Z]=this;let i={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 Bt(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,e){t.setData("Text",e.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:Qt.supportPointer!==false&&"PointerEvent"in window&&!w,emptyInsertThreshold:5};nt.initializePlugins(this,t,i);for(let t in i){!(t in e)&&(e[t]=i[t])}Yt(e);for(let t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}this.nativeDraggable=e.forceFallback?false:Rt;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(e.supportPointer){x(t,"pointerdown",this._onTapStart)}else{x(t,"mousedown",this._onTapStart);x(t,"touchstart",this._onTapStart)}if(this.nativeDraggable){x(t,"dragover",this);x(t,"dragenter",this)}xt.push(this.el);e.store&&e.store.get&&this.sort(e.store.get(this)||[]);d(this,q())}Qt.prototype={constructor:Qt,_isOutsideThisEl:function(t){if(!this.el.contains(t)&&t!==this.el){Ct=null}},_getDirection:function(t,e){return typeof this.options.direction==="function"?this.options.direction.call(this,t,e,lt):this.options.direction},_onTapStart:function(t){if(!t.cancelable)return;let e=this,i=this.el,n=this.options,s=n.preventOnFilter,r=t.type,o=t.touches&&t.touches[0]||t.pointerType&&t.pointerType==="touch"&&t,l=(o||t).target,a=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||l,f=n.filter;fe(i);if(lt){return}if(/mousedown|pointerdown/.test(r)&&t.button!==0||n.disabled){return}if(a.isContentEditable){return}if(!this.nativeDraggable&&w&&l&&l.tagName.toUpperCase()==="SELECT"){return}l=M(l,n.draggable,i,false);if(l&&l.animated){return}if(ct===l){return}bt=G(l);gt=G(l,n.draggable);if(typeof f==="function"){if(f.call(this,t,l,this)){ot({sortable:e,rootEl:a,name:"filter",targetEl:l,toEl:i,fromEl:i});rt("filter",e,{evt:t});s&&t.cancelable&&t.preventDefault();return}}else if(f){f=f.split(",").some((function(n){n=M(a,n.trim(),i,false);if(n){ot({sortable:e,rootEl:n,name:"filter",targetEl:l,fromEl:i,toEl:i});rt("filter",e,{evt:t});return true}}));if(f){s&&t.cancelable&&t.preventDefault();return}}if(n.handle&&!M(a,n.handle,i,false)){return}this._prepareDragStart(t,o,l)},_prepareDragStart:function(t,e,i){let n=this,s=n.el,r=n.options,o=s.ownerDocument,l;if(i&&!lt&&i.parentNode===s){let a=N(i);ut=s;lt=i;at=lt.parentNode;ht=lt.nextSibling;ct=i;wt=r.group;Qt.dragged=lt;kt={target:lt,clientX:(e||t).clientX,clientY:(e||t).clientY};Tt=kt.clientX-a.left;Dt=kt.clientY-a.top;this._lastX=(e||t).clientX;this._lastY=(e||t).clientY;lt.style["will-change"]="all";l=function(){rt("delayEnded",n,{evt:t});if(Qt.eventCanceled){n._onDrop();return}n._disableDelayedDragEvents();if(!v&&n.nativeDraggable){lt.draggable=true}n._triggerDragStart(t,e);ot({sortable:n,name:"choose",originalEvent:t});D(lt,r.chosenClass,true)};r.ignore.split(",").forEach((function(t){O(lt,t.trim(),ie)}));x(o,"dragover",Zt);x(o,"mousemove",Zt);x(o,"touchmove",Zt);x(o,"mouseup",n._onDrop);x(o,"touchend",n._onDrop);x(o,"touchcancel",n._onDrop);if(v&&this.nativeDraggable){this.options.touchStartThreshold=4;lt.draggable=true}rt("delayStart",this,{evt:t});if(r.delay&&(!r.delayOnTouchOnly||e)&&(!this.nativeDraggable||!(g||p))){if(Qt.eventCanceled){this._onDrop();return}x(o,"mouseup",n._disableDelayedDrag);x(o,"touchend",n._disableDelayedDrag);x(o,"touchcancel",n._disableDelayedDrag);x(o,"mousemove",n._delayedDragTouchMoveHandler);x(o,"touchmove",n._delayedDragTouchMoveHandler);r.supportPointer&&x(o,"pointermove",n._delayedDragTouchMoveHandler);n._dragStartTimer=setTimeout(l,r.delay)}else{l()}}},_delayedDragTouchMoveHandler:function(t){let e=t.touches?t.touches[0]:t;if(Math.max(Math.abs(e.clientX-this._lastX),Math.abs(e.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function(){lt&&ie(lt);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){let t=this.el.ownerDocument;k(t,"mouseup",this._disableDelayedDrag);k(t,"touchend",this._disableDelayedDrag);k(t,"touchcancel",this._disableDelayedDrag);k(t,"mousemove",this._delayedDragTouchMoveHandler);k(t,"touchmove",this._delayedDragTouchMoveHandler);k(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||t.pointerType=="touch"&&t;if(!this.nativeDraggable||e){if(this.options.supportPointer){x(document,"pointermove",this._onTouchMove)}else if(e){x(document,"touchmove",this._onTouchMove)}else{x(document,"mousemove",this._onTouchMove)}}else{x(lt,"dragend",this);x(ut,"dragstart",this._onDragStart)}try{if(document.selection){ue((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(t){}},_dragStarted:function(t,e){Et=false;if(ut&&lt){rt("dragStarted",this,{evt:e});if(this.nativeDraggable){x(document,"dragover",qt)}let i=this.options;!t&&D(lt,i.dragClass,false);D(lt,i.ghostClass,true);Qt.active=this;t&&this._appendGhost();ot({sortable:this,name:"start",originalEvent:e})}else{this._nulling()}},_emulateDragOver:function(){if(St){this._lastX=St.clientX;this._lastY=St.clientY;Vt();let t=document.elementFromPoint(St.clientX,St.clientY);let e=t;while(t&&t.shadowRoot){t=t.shadowRoot.elementFromPoint(St.clientX,St.clientY);if(t===e)break;e=t}lt.parentNode[Z]._isOutsideThisEl(t);if(e){do{if(e[Z]){let i;i=e[Z]._onDragOver({clientX:St.clientX,clientY:St.clientY,target:t,rootEl:e});if(i&&!this.options.dragoverBubble){break}}t=e}while(e=e.parentNode)}Jt()}},_onTouchMove:function(t){if(kt){let e=this.options,i=e.fallbackTolerance,n=e.fallbackOffset,s=t.touches?t.touches[0]:t,r=ft&&C(ft,true),o=ft&&r&&r.a,l=ft&&r&&r.d,a=jt&&$t&&H($t),f=(s.clientX-kt.clientX+n.x)/(o||1)+(a?a[0]-Wt[0]:0)/(o||1),u=(s.clientY-kt.clientY+n.y)/(l||1)+(a?a[1]-Wt[1]:0)/(l||1);if(!Qt.active&&!Et){if(i&&Math.max(Math.abs(s.clientX-this._lastX),Math.abs(s.clientY-this._lastY))<i){return}this._onDragStart(t,true)}if(ft){if(r){r.e+=f-(It||0);r.f+=u-(Mt||0)}else{r={a:1,b:0,c:0,d:1,e:f,f:u}}let t=`matrix(${r.a},${r.b},${r.c},${r.d},${r.e},${r.f})`;_(ft,"webkitTransform",t);_(ft,"mozTransform",t);_(ft,"msTransform",t);_(ft,"transform",t);It=f;Mt=u;St=s}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!ft){let t=this.options.fallbackOnBody?document.body:ut,e=N(lt,true,jt,true,t),i=this.options;if(jt){$t=t;while(_($t,"position")==="static"&&_($t,"transform")==="none"&&$t!==document){$t=$t.parentNode}if($t!==document.body&&$t!==document.documentElement){if($t===document)$t=A();e.top+=$t.scrollTop;e.left+=$t.scrollLeft}else{$t=A()}Wt=H($t)}ft=i.ghostClone(lt);D(ft,i.ghostClass,false);D(ft,i.fallbackClass,true);D(ft,i.dragClass,true);_(ft,"transition","");_(ft,"transform","");_(ft,"box-sizing","border-box");_(ft,"margin",0);_(ft,"top",e.top);_(ft,"left",e.left);_(ft,"width",e.width);_(ft,"height",e.height);_(ft,"opacity","0.8");_(ft,"position",jt?"absolute":"fixed");_(ft,"zIndex","100000");_(ft,"pointerEvents","none");Qt.ghost=ft;t.appendChild(ft);_(ft,"transform-origin",Tt/parseInt(ft.style.width)*100+"% "+Dt/parseInt(ft.style.height)*100+"%")}},_onDragStart:function(t,e){let i=this;let n=t.dataTransfer;let s=i.options;rt("dragStart",this,{evt:t});if(Qt.eventCanceled){this._onDrop();return}rt("setupClone",this);if(!Qt.eventCanceled){dt=Y(lt);dt.removeAttribute("id");dt.draggable=false;dt.style["will-change"]="";this._hideClone();D(dt,this.options.chosenClass,false);Qt.clone=dt}i.cloneId=ue((function(){rt("clone",i);if(Qt.eventCanceled)return;if(!i.options.removeCloneOnHide){ut.insertBefore(dt,lt)}i._hideClone();ot({sortable:i,name:"clone"})}));!e&&D(lt,s.dragClass,true);if(e){zt=true;i._loopId=setInterval(i._emulateDragOver,50)}else{k(document,"mouseup",i._onDrop);k(document,"touchend",i._onDrop);k(document,"touchcancel",i._onDrop);if(n){n.effectAllowed="move";s.setData&&s.setData.call(i,n,lt)}x(document,"drop",i);_(lt,"transform","translateZ(0)")}Et=true;i._dragStartId=ue(i._dragStarted.bind(i,e,t));x(document,"selectstart",i);_t=true;if(w){_(document.body,"user-select","none")}},_onDragOver:function(t){let e=this.el,i=t.target,n,s,r,o=this.options,l=o.group,a=Qt.active,f=wt===l,u=o.sort,h=yt||a,c,d=this,m=false;if(Gt)return;function b(o,l){rt(o,d,{evt:t,isOwner:f,axis:c?"vertical":"horizontal",revert:r,dragRect:n,targetRect:s,canSort:u,fromSortable:h,target:i,completed:g,onMove(i,s){return ee(ut,e,lt,n,i,N(i),t,s)},changed:v,...l})}function p(){b("dragOverAnimationCapture");d.captureAnimationState();if(d!==h){h.captureAnimationState()}}function g(n){b("dragOverCompleted",{insertion:n});if(n){if(f){a._hideClone()}else{a._showClone(d)}if(d!==h){D(lt,yt?yt.options.ghostClass:a.options.ghostClass,false);D(lt,o.ghostClass,true)}if(yt!==d&&d!==Qt.active){yt=d}else if(d===Qt.active&&yt){yt=null}if(h===d){d._ignoreWhileAnimating=i}d.animateAll((function(){b("dragOverAnimationComplete");d._ignoreWhileAnimating=null}));if(d!==h){h.animateAll();h._ignoreWhileAnimating=null}}if(i===lt&&!lt.animated||i===e&&!i.animated){Ct=null}if(!o.dragoverBubble&&!t.rootEl&&i!==document){lt.parentNode[Z]._isOutsideThisEl(t.target);!n&&Zt(t)}!o.dragoverBubble&&t.stopPropagation&&t.stopPropagation();return m=true}function v(){pt=G(lt);vt=G(lt,o.draggable);ot({sortable:d,name:"change",toEl:e,newIndex:pt,newDraggableIndex:vt,originalEvent:t})}if(t.preventDefault!==void 0){t.cancelable&&t.preventDefault()}i=M(i,o.draggable,e,true);b("dragOver");if(Qt.eventCanceled)return m;if(lt.contains(t.target)||i.animated&&i.animatingX&&i.animatingY||d._ignoreWhileAnimating===i){return g(false)}zt=false;if(a&&!o.disabled&&(f?u||(r=at!==ut):yt===this||(this.lastPutMode=wt.checkPull(this,a,lt,t))&&l.checkPut(this,a,lt,t))){c=this._getDirection(t,i)==="vertical";n=N(lt);b("dragOverValid");if(Qt.eventCanceled)return m;if(r){at=ut;p();this._hideClone();b("revert");if(!Qt.eventCanceled){if(ht){ut.insertBefore(lt,ht)}else{ut.appendChild(lt)}}return g(true)}let l=W(e,o.draggable);if(!l||re(t,c,this)&&!l.animated){if(l===lt){return g(false)}if(l&&e===t.target){i=l}if(i){s=N(i)}if(ee(ut,e,lt,n,i,s,t,!!i)!==false){p();if(l&&l.nextSibling){e.insertBefore(lt,l.nextSibling)}else{e.appendChild(lt)}at=e;v();return g(true)}}else if(l&&se(t,c,this)){let r=$(e,0,o,true);if(r===lt){return g(false)}i=r;s=N(i);if(ee(ut,e,lt,n,i,s,t,false)!==false){p();e.insertBefore(lt,r);at=e;v();return g(true)}}else if(i.parentNode===e){s=N(i);let r=0,l,a=lt.parentNode!==e,f=!Kt(lt.animated&&lt.toRect||n,i.animated&&i.toRect||s,c),u=c?"top":"left",h=F(i,"top","top")||F(lt,"top","top"),d=h?h.scrollTop:void 0;if(Ct!==i){l=s[u];At=false;Nt=!f&&o.invertSwap||a}r=oe(t,i,s,c,f?1:o.swapThreshold,o.invertedSwapThreshold==null?o.swapThreshold:o.invertedSwapThreshold,Nt,Ct===i);let m;if(r!==0){let t=G(lt);do{t-=r;m=at.children[t]}while(m&&(_(m,"display")==="none"||m===ft))}if(r===0||m===i){return g(false)}Ct=i;Ot=r;let b=i.nextElementSibling,w=false;w=r===1;let y=ee(ut,e,lt,n,i,s,t,w);if(y!==false){if(y===1||y===-1){w=y===1}Gt=true;setTimeout(ne,30);p();if(w&&!b){e.appendChild(lt)}else{i.parentNode.insertBefore(lt,w?b:i)}if(h){X(h,0,d-h.scrollTop)}at=lt.parentNode;if(l!==undefined&&!Nt){Ft=Math.abs(l-N(i)[u])}v();return g(true)}}if(e.contains(lt)){return g(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function(){k(document,"mousemove",this._onTouchMove);k(document,"touchmove",this._onTouchMove);k(document,"pointermove",this._onTouchMove);k(document,"dragover",Zt);k(document,"mousemove",Zt);k(document,"touchmove",Zt)},_offUpEvents:function(){let t=this.el.ownerDocument;k(t,"mouseup",this._onDrop);k(t,"touchend",this._onDrop);k(t,"pointerup",this._onDrop);k(t,"touchcancel",this._onDrop);k(document,"selectstart",this)},_onDrop:function(t){let e=this.el,i=this.options;pt=G(lt);vt=G(lt,i.draggable);rt("drop",this,{evt:t});at=lt&&lt.parentNode;pt=G(lt);vt=G(lt,i.draggable);if(Qt.eventCanceled){this._nulling();return}Et=false;Nt=false;At=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);he(this.cloneId);he(this._dragStartId);if(this.nativeDraggable){k(document,"drop",this);k(e,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(w){_(document.body,"user-select","")}_(lt,"transform","");if(t){if(_t){t.cancelable&&t.preventDefault();!i.dropBubble&&t.stopPropagation()}ft&&ft.parentNode&&ft.parentNode.removeChild(ft);if(ut===at||yt&&yt.lastPutMode!=="clone"){dt&&dt.parentNode&&dt.parentNode.removeChild(dt)}if(lt){if(this.nativeDraggable){k(lt,"dragend",this)}ie(lt);lt.style["will-change"]="";if(_t&&!Et){D(lt,yt?yt.options.ghostClass:this.options.ghostClass,false)}D(lt,this.options.chosenClass,false);ot({sortable:this,name:"unchoose",toEl:at,newIndex:null,newDraggableIndex:null,originalEvent:t});if(ut!==at){if(pt>=0){ot({rootEl:at,name:"add",toEl:at,fromEl:ut,originalEvent:t});ot({sortable:this,name:"remove",toEl:at,originalEvent:t});ot({rootEl:at,name:"sort",toEl:at,fromEl:ut,originalEvent:t});ot({sortable:this,name:"sort",toEl:at,originalEvent:t})}yt&&yt.save()}else{if(pt!==bt){if(pt>=0){ot({sortable:this,name:"update",toEl:at,originalEvent:t});ot({sortable:this,name:"sort",toEl:at,originalEvent:t})}}}if(Qt.active){if(pt==null||pt===-1){pt=bt;vt=gt}ot({sortable:this,name:"end",toEl:at,originalEvent:t});this.save()}}}this._nulling()},_nulling:function(){rt("nulling",this);ut=lt=at=ft=ht=dt=ct=mt=kt=St=_t=pt=vt=bt=gt=Ct=Ot=yt=wt=Qt.dragged=Qt.ghost=Qt.clone=Qt.active=null;Ht.forEach((function(t){t.checked=true}));Ht.length=It=Mt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":if(lt){this._onDragOver(t);te(t)}break;case"selectstart":t.preventDefault();break}},toArray:function(){let t=[],e,i=this.el.children,n=0,s=i.length,r=this.options;for(;n<s;n++){e=i[n];if(M(e,r.draggable,this.el,false)){t.push(e.getAttribute(r.dataIdAttr)||ae(e))}}return t},sort:function(t,e){let i={},n=this.el;this.toArray().forEach((function(t,e){let s=n.children[e];if(M(s,this.options.draggable,n,false)){i[t]=s}}),this);e&&this.captureAnimationState();t.forEach((function(t){if(i[t]){n.removeChild(i[t]);n.appendChild(i[t])}}));e&&this.animateAll()},save:function(){let t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return M(t,e||this.options.draggable,this.el,false)},option:function(t,e){let i=this.options;if(e===void 0){return i[t]}else{let n=nt.modifyOption(this,t,e);if(typeof n!=="undefined"){i[t]=n}else{i[t]=e}if(t==="group"){Yt(i)}}},destroy:function(){rt("destroy",this);let t=this.el;t[Z]=null;k(t,"mousedown",this._onTapStart);k(t,"touchstart",this._onTapStart);k(t,"pointerdown",this._onTapStart);if(this.nativeDraggable){k(t,"dragover",this);k(t,"dragenter",this)}Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();xt.splice(xt.indexOf(this.el),1);this.el=t=null},_hideClone:function(){if(!mt){rt("hideClone",this);if(Qt.eventCanceled)return;_(dt,"display","none");if(this.options.removeCloneOnHide&&dt.parentNode){dt.parentNode.removeChild(dt)}mt=true}},_showClone:function(t){if(t.lastPutMode!=="clone"){this._hideClone();return}if(mt){rt("showClone",this);if(Qt.eventCanceled)return;if(lt.parentNode==ut&&!this.options.group.revertClone){ut.insertBefore(dt,lt)}else if(ht){ut.insertBefore(dt,ht)}else{ut.appendChild(dt)}if(this.options.group.revertClone){this.animate(lt,dt)}_(dt,"display","");mt=false}}};function te(t){if(t.dataTransfer){t.dataTransfer.dropEffect="move"}t.cancelable&&t.preventDefault()}function ee(t,e,i,n,s,r,o,l){let a,f=t[Z],u=f.options.onMove,h;if(window.CustomEvent&&!p&&!g){a=new CustomEvent("move",{bubbles:true,cancelable:true})}else{a=document.createEvent("Event");a.initEvent("move",true,true)}a.to=e;a.from=t;a.dragged=i;a.draggedRect=n;a.related=s||e;a.relatedRect=r||N(e);a.willInsertAfter=l;a.originalEvent=o;t.dispatchEvent(a);if(u){h=u.call(f,a,o)}return h}function ie(t){t.draggable=false}function ne(){Gt=false}function se(t,e,i){let n=N($(i.el,0,i.options,true));const s=10;return e?t.clientX<n.left-s||t.clientY<n.top&&t.clientX<n.right:t.clientY<n.top-s||t.clientY<n.bottom&&t.clientX<n.left}function re(t,e,i){let n=N(W(i.el,i.options.draggable));const s=10;return e?t.clientX>n.right+s||t.clientX<=n.right&&t.clientY>n.bottom&&t.clientX>=n.left:t.clientX>n.right&&t.clientY>n.top||t.clientX<=n.right&&t.clientY>n.bottom+s}function oe(t,e,i,n,s,r,o,l){let a=n?t.clientY:t.clientX,f=n?i.height:i.width,u=n?i.top:i.left,h=n?i.bottom:i.right,c=false;if(!o){if(l&&Ft<f*s){if(!At&&(Ot===1?a>u+f*r/2:a<h-f*r/2)){At=true}if(!At){if(Ot===1?a<u+Ft:a>h-Ft){return-Ot}}else{c=true}}else{if(a>u+f*(1-s)/2&&a<h-f*(1-s)/2){return le(e)}}}c=c||o;if(c){if(a<u+f*r/2||a>h-f*r/2){return a>u+f/2?1:-1}}return 0}function le(t){if(G(lt)<G(t)){return 1}else{return-1}}function ae(t){let e=t.tagName+t.className+t.src+t.href+t.textContent,i=e.length,n=0;while(i--){n+=e.charCodeAt(i)}return n.toString(36)}function fe(t){Ht.length=0;let e=t.getElementsByTagName("input");let i=e.length;while(i--){let t=e[i];t.checked&&Ht.push(t)}}function ue(t){return setTimeout(t,0)}function he(t){return clearTimeout(t)}if(Pt){x(document,"touchmove",(function(t){if((Qt.active||Et)&&t.cancelable){t.preventDefault()}}))}Qt.utils={on:x,off:k,css:_,find:O,is:function(t,e){return!!M(t,e,t,false)},extend:L,throttle:B,closest:M,toggleClass:D,clone:Y,index:G,nextTick:ue,cancelNextTick:he,detectDirection:Bt,getChild:$};Qt.get=function(t){return t[Z]};Qt.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)Qt.utils={...Qt.utils,...t.utils};nt.mount(t)}))};Qt.create=function(t,e){return new Qt(t,e)};Qt.version=m;let ce=[],de,me,be=false,pe,ge,ve,we;function ye(){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){x(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){x(document,"pointermove",this._handleFallbackAutoScroll)}else if(t.touches){x(document,"touchmove",this._handleFallbackAutoScroll)}else{x(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted({originalEvent:t}){if(!this.options.dragOverBubble&&!t.rootEl){this._handleAutoScroll(t)}},drop(){if(this.sortable.nativeDraggable){k(document,"dragover",this._handleAutoScroll)}else{k(document,"pointermove",this._handleFallbackAutoScroll);k(document,"touchmove",this._handleFallbackAutoScroll);k(document,"mousemove",this._handleFallbackAutoScroll)}ze();Ee();K()},nulling(){ve=me=de=be=we=pe=ge=null;ce.length=0},_handleFallbackAutoScroll(t){this._handleAutoScroll(t,true)},_handleAutoScroll(t,e){const i=(t.touches?t.touches[0]:t).clientX,n=(t.touches?t.touches[0]:t).clientY,s=document.elementFromPoint(i,n);ve=t;if(e||this.options.forceAutoScrollFallback||g||p||w){xe(t,this.options,s,e);let r=j(s,true);if(be&&(!we||i!==pe||n!==ge)){we&&ze();we=setInterval((()=>{let s=j(document.elementFromPoint(i,n),true);if(s!==r){r=s;Ee()}xe(t,this.options,s,e)}),10);pe=i;ge=n}}else{if(!this.options.bubbleScroll||j(s,true)===A()){Ee();return}xe(t,this.options,j(s,false),false)}}};return d(t,{pluginName:"scroll",initializeByDefault:true})}function Ee(){ce.forEach((function(t){clearInterval(t.pid)}));ce=[]}function ze(){clearInterval(we)}const xe=B((function(t,e,i,n){if(!e.scroll)return;const s=(t.touches?t.touches[0]:t).clientX,r=(t.touches?t.touches[0]:t).clientY,o=e.scrollSensitivity,l=e.scrollSpeed,a=A();let f=false,u;if(me!==i){me=i;Ee();de=e.scroll;u=e.scrollFn;if(de===true){de=j(i,true)}}let h=0;let c=de;do{let e=c,i=N(e),d=i.top,m=i.bottom,b=i.left,p=i.right,g=i.width,v=i.height,w,y,E=e.scrollWidth,z=e.scrollHeight,x=_(e),k=e.scrollLeft,S=e.scrollTop;if(e===a){w=g<E&&(x.overflowX==="auto"||x.overflowX==="scroll"||x.overflowX==="visible");y=v<z&&(x.overflowY==="auto"||x.overflowY==="scroll"||x.overflowY==="visible")}else{w=g<E&&(x.overflowX==="auto"||x.overflowX==="scroll");y=v<z&&(x.overflowY==="auto"||x.overflowY==="scroll")}let I=w&&(Math.abs(p-s)<=o&&k+g<E)-(Math.abs(b-s)<=o&&!!k);let M=y&&(Math.abs(m-r)<=o&&S+v<z)-(Math.abs(d-r)<=o&&!!S);if(!ce[h]){for(let t=0;t<=h;t++){if(!ce[t]){ce[t]={}}}}if(ce[h].vx!=I||ce[h].vy!=M||ce[h].el!==e){ce[h].el=e;ce[h].vx=I;ce[h].vy=M;clearInterval(ce[h].pid);if(I!=0||M!=0){f=true;ce[h].pid=setInterval(function(){if(n&&this.layer===0){Qt.active._onTouchMove(ve)}let e=ce[this.layer].vy?ce[this.layer].vy*l:0;let i=ce[this.layer].vx?ce[this.layer].vx*l:0;if(typeof u==="function"){if(u.call(Qt.dragged.parentNode[Z],i,e,t,ve,ce[this.layer].el)!=="continue"){return}}X(ce[this.layer].el,i,e)}.bind({layer:h}),24)}}h++}while(e.bubbleScroll&&c!==a&&(c=j(c,false)));be=f}),30);const ke=function({originalEvent:t,putSortable:e,dragEl:i,activeSortable:n,dispatchSortableEvent:s,hideGhostForTarget:r,unhideGhostForTarget:o}){if(!t)return;let l=e||n;r();let a=t.changedTouches&&t.changedTouches.length?t.changedTouches[0]:t;let f=document.elementFromPoint(a.clientX,a.clientY);o();if(l&&!l.el.contains(f)){s("spill");this.onSpill({dragEl:i,putSortable:e})}};function Se(){}Se.prototype={startIndex:null,dragStart({oldDraggableIndex:t}){this.startIndex=t},onSpill({dragEl:t,putSortable:e}){this.sortable.captureAnimationState();if(e){e.captureAnimationState()}let i=$(this.sortable.el,this.startIndex,this.options);if(i){this.sortable.el.insertBefore(t,i)}else{this.sortable.el.appendChild(t)}this.sortable.animateAll();if(e){e.animateAll()}},drop:ke};d(Se,{pluginName:"revertOnSpill"});function Ie(){}Ie.prototype={onSpill({dragEl:t,putSortable:e}){const i=e||this.sortable;i.captureAnimationState();t.parentNode&&t.parentNode.removeChild(t);i.animateAll()},drop:ke};d(Ie,{pluginName:"removeOnSpill"});let Me;function Te(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}t.prototype={dragStart({dragEl:t}){Me=t},dragOverValid({completed:t,target:e,onMove:i,activeSortable:n,changed:s,cancel:r}){if(!n.options.swap)return;let o=this.sortable.el,l=this.options;if(e&&e!==o){let t=Me;if(i(e)!==false){D(e,l.swapClass,true);Me=e}else{Me=null}if(t&&t!==Me){D(t,l.swapClass,false)}}s();t(true);r()},drop({activeSortable:t,putSortable:e,dragEl:i}){let n=e||this.sortable;let s=this.options;Me&&D(Me,s.swapClass,false);if(Me&&(s.swap||e&&e.options.swap)){if(i!==Me){n.captureAnimationState();if(n!==t)t.captureAnimationState();De(i,Me);n.animateAll();if(n!==t)t.animateAll()}}},nulling(){Me=null}};return d(t,{pluginName:"swap",eventProperties(){return{swapItem:Me}}})}function De(t,e){let i=t.parentNode,n=e.parentNode,s,r;if(!i||!n||i.isEqualNode(e)||n.isEqualNode(t))return;s=G(t);r=G(e);if(i.isEqualNode(n)&&s<r){r++}i.insertBefore(e,i.children[s]);n.insertBefore(t,n.children[r])}let _e=[],Ce=[],Oe,Ae,Ne=false,Fe=false,$e=false,We,Ge,He;function Pe(){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){x(document,"pointerup",this._deselectMultiDrag)}else{x(document,"mouseup",this._deselectMultiDrag);x(document,"touchend",this._deselectMultiDrag)}}x(document,"keydown",this._checkKeyDown);x(document,"keyup",this._checkKeyUp);this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:false,setData(e,i){let n="";if(_e.length&&Ae===t){_e.forEach(((t,e)=>{n+=(!e?"":", ")+t.textContent}))}else{n=i.textContent}e.setData("Text",n)}}}t.prototype={multiDragKeyDown:false,isMultiDrag:false,delayStartGlobal({dragEl:t}){We=t},delayEnded(){this.isMultiDrag=~_e.indexOf(We)},setupClone({sortable:t,cancel:e}){if(!this.isMultiDrag)return;for(let t=0;t<_e.length;t++){Ce.push(Y(_e[t]));Ce[t].sortableIndex=_e[t].sortableIndex;Ce[t].draggable=false;Ce[t].style["will-change"]="";D(Ce[t],this.options.selectedClass,false);_e[t]===We&&D(Ce[t],this.options.chosenClass,false)}t._hideClone();e()},clone({sortable:t,rootEl:e,dispatchSortableEvent:i,cancel:n}){if(!this.isMultiDrag)return;if(!this.options.removeCloneOnHide){if(_e.length&&Ae===t){Le(true,e);i("clone");n()}}},showClone({cloneNowShown:t,rootEl:e,cancel:i}){if(!this.isMultiDrag)return;Le(false,e);Ce.forEach((t=>{_(t,"display","")}));t();He=false;i()},hideClone({sortable:t,cloneNowHidden:e,cancel:i}){if(!this.isMultiDrag)return;Ce.forEach((t=>{_(t,"display","none");if(this.options.removeCloneOnHide&&t.parentNode){t.parentNode.removeChild(t)}}));e();He=true;i()},dragStartGlobal({sortable:t}){if(!this.isMultiDrag&&Ae){Ae.multiDrag._deselectMultiDrag()}_e.forEach((t=>{t.sortableIndex=G(t)}));_e=_e.sort((function(t,e){return t.sortableIndex-e.sortableIndex}));$e=true},dragStarted({sortable:t}){if(!this.isMultiDrag)return;if(this.options.sort){t.captureAnimationState();if(this.options.animation){_e.forEach((t=>{if(t===We)return;_(t,"position","absolute")}));let t=N(We,false,true,true);_e.forEach((e=>{if(e===We)return;V(e,t)}));Fe=true;Ne=true}}t.animateAll((()=>{Fe=false;Ne=false;if(this.options.animation){_e.forEach((t=>{J(t)}))}if(this.options.sort){Re()}}))},dragOver({target:t,completed:e,cancel:i}){if(Fe&&~_e.indexOf(t)){e(false);i()}},revert({fromSortable:t,rootEl:e,sortable:i,dragRect:n}){if(_e.length>1){_e.forEach((e=>{i.addAnimationState({target:e,rect:Fe?N(e):n});J(e);e.fromRect=n;t.removeAnimationState(e)}));Fe=false;je(!this.options.removeCloneOnHide,e)}},dragOverCompleted({sortable:t,isOwner:e,insertion:i,activeSortable:n,parentEl:s,putSortable:r}){let o=this.options;if(i){if(e){n._hideClone()}Ne=false;if(o.animation&&_e.length>1&&(Fe||!e&&!n.options.sort&&!r)){let t=N(We,false,true,true);_e.forEach((e=>{if(e===We)return;V(e,t);s.appendChild(e)}));Fe=true}if(!e){if(!Fe){Re()}if(_e.length>1){let e=He;n._showClone(t);if(n.options.animation&&!He&&e){Ce.forEach((t=>{n.addAnimationState({target:t,rect:Ge});t.fromRect=Ge;t.thisAnimationDuration=null}))}}else{n._showClone(t)}}}},dragOverAnimationCapture({dragRect:t,isOwner:e,activeSortable:i}){_e.forEach((t=>{t.thisAnimationDuration=null}));if(i.options.animation&&!e&&i.multiDrag.isMultiDrag){Ge=d({},t);let e=C(We,true);Ge.top-=e.f;Ge.left-=e.e}},dragOverAnimationComplete(){if(Fe){Fe=false;Re()}},drop({originalEvent:t,rootEl:e,parentEl:i,sortable:n,dispatchSortableEvent:s,oldIndex:r,putSortable:o}){let l=o||this.sortable;if(!t)return;let a=this.options,f=i.children;if(!$e){if(a.multiDragKey&&!this.multiDragKeyDown){this._deselectMultiDrag()}D(We,a.selectedClass,!~_e.indexOf(We));if(!~_e.indexOf(We)){_e.push(We);st({sortable:n,rootEl:e,name:"select",targetEl:We,originalEvent:t});if(t.shiftKey&&Oe&&n.el.contains(Oe)){let i=G(Oe),s=G(We);if(~i&&~s&&i!==s){let r,o;if(s>i){o=i;r=s}else{o=s;r=i+1}for(;o<r;o++){if(~_e.indexOf(f[o]))continue;D(f[o],a.selectedClass,true);_e.push(f[o]);st({sortable:n,rootEl:e,name:"select",targetEl:f[o],originalEvent:t})}}}else{Oe=We}Ae=l}else{_e.splice(_e.indexOf(We),1);Oe=null;st({sortable:n,rootEl:e,name:"deselect",targetEl:We,originalEvent:t})}}if($e&&this.isMultiDrag){Fe=false;if((i[Z].options.sort||i!==e)&&_e.length>1){let t=N(We),e=G(We,":not(."+this.options.selectedClass+")");if(!Ne&&a.animation)We.thisAnimationDuration=null;l.captureAnimationState();if(!Ne){if(a.animation){We.fromRect=t;_e.forEach((e=>{e.thisAnimationDuration=null;if(e!==We){let i=Fe?N(e):t;e.fromRect=i;l.addAnimationState({target:e,rect:i})}}))}Re();_e.forEach((t=>{if(f[e]){i.insertBefore(t,f[e])}else{i.appendChild(t)}e++}));if(r===G(We)){let t=false;_e.forEach((e=>{if(e.sortableIndex!==G(e)){t=true;return}}));if(t){s("update")}}}_e.forEach((t=>{J(t)}));l.animateAll()}Ae=l}if(e===i||o&&o.lastPutMode!=="clone"){Ce.forEach((t=>{t.parentNode&&t.parentNode.removeChild(t)}))}},nullingGlobal(){this.isMultiDrag=$e=false;Ce.length=0},destroyGlobal(){this._deselectMultiDrag();k(document,"pointerup",this._deselectMultiDrag);k(document,"mouseup",this._deselectMultiDrag);k(document,"touchend",this._deselectMultiDrag);k(document,"keydown",this._checkKeyDown);k(document,"keyup",this._checkKeyUp)},_deselectMultiDrag(t){if(typeof $e!=="undefined"&&$e)return;if(Ae!==this.sortable)return;if(t&&M(t.target,this.options.draggable,this.sortable.el,false))return;if(t&&t.button!==0)return;while(_e.length){let e=_e[0];D(e,this.options.selectedClass,false);_e.shift();st({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:e,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 d(t,{pluginName:"multiDrag",utils:{select(t){let e=t.parentNode[Z];if(!e||!e.options.multiDrag||~_e.indexOf(t))return;if(Ae&&Ae!==e){Ae.multiDrag._deselectMultiDrag();Ae=e}D(t,e.options.selectedClass,true);_e.push(t)},deselect(t){let e=t.parentNode[Z],i=_e.indexOf(t);if(!e||!e.options.multiDrag||!~i)return;D(t,e.options.selectedClass,false);_e.splice(i,1)}},eventProperties(){const t=[],e=[];_e.forEach((i=>{t.push({multiDragElement:i,index:i.sortableIndex});let n;if(Fe&&i!==We){n=-1}else if(Fe){n=G(i,":not(."+this.options.selectedClass+")")}else{n=G(i)}e.push({multiDragElement:i,index:n})}));return{items:[..._e],clones:[...Ce],oldIndicies:t,newIndicies:e}},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 je(t,e){_e.forEach(((i,n)=>{let s=e.children[i.sortableIndex+(t?Number(n):0)];if(s){e.insertBefore(i,s)}else{e.appendChild(i)}}))}function Le(t,e){Ce.forEach(((i,n)=>{let s=e.children[i.sortableIndex+(t?Number(n):0)];if(s){e.insertBefore(i,s)}else{e.appendChild(i)}}))}function Re(){_e.forEach((t=>{if(t===We)return;t.parentNode&&t.parentNode.removeChild(t)}))}Qt.mount(new ye);Qt.mount(Ie,Se);Qt.mount(new Te);Qt.mount(new Pe);const Ue='.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{display:none}.sc-stzh-sortable-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.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;-moz-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;-moz-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{opacity:var(--unselected-item-opacity)}.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);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}';const Be="is-sortable-item";const Ke="is-ghost";const Xe="is-selected";const Ye="is-chosen";const Ve="is-drag";const Je="has-item-selected";let Ze=0;const qe=class{constructor(i){t(this,i);this.stzhUpdate=e(this,"stzhUpdate",7);this.stzhDisable=e(this,"stzhDisable",7);this.selectedItem=null;this.resetItemOnBlur=false;this.init=()=>{if(!this.getContainer()||this.disabled){return}this.setAttributes()};this.updated=async t=>{let e;let i;let n;if(t){e=t.newIndex;i=t.oldIndex;n=t.item}else{e=this.getIndexOfSelectedItem();i=this.lastIndex;n=this.selectedItem}if(e!==i){this.stzhUpdate.emit({component:"stzh-sortable",data:await this.toArray(),item:n,newIndex:e,oldIndex:i})}};this.onKeydown=t=>{const e=t.currentTarget;const i=t.target;if(!this.getContainer()||this.disabled||e!==i){return}if(t.key===" "){t.preventDefault();if(!this.selectedItem){this.selectedItem=e;this.selectedItem.parentElement.classList.add(Je);this.selectedItem.classList.add(Xe);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(e.previousElementSibling)}}else if(t.key==="ArrowDown"){t.preventDefault();if(this.selectedItem){this.moveItem(this.selectedItem,"down")}else{this.focusItem(e.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,e=true){return this.sortable.sort(t,e)}async moveItem(t,e){var i;if(!t||!t.nextElementSibling&&e==="down"||!t.previousElementSibling&&e==="up"){return}this.resetItemOnBlur=false;if(e==="up"){t.previousElementSibling.before(t)}else if(e==="down"){t.nextElementSibling.after(t)}this.updateAriaLive(this.localization.moved,t);this.focusItem(t);const n=Array.from((i=t.parentElement)===null||i===void 0?void 0:i.children).indexOf(t);this.stzhUpdate.emit({component:"stzh-sortable",data:await this.toArray(),item:t,newIndex:n,oldIndex:n+(e==="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,e=this.selectedItem){if(!this.getContainer()){return}if(e){const i=e.getAttribute("aria-label")||"";const n=this.getIndexOfSelectedItem(e);t=t.replace("{title}",i).replace("{current}",(n+1).toString())}const i=this.getContainer().children.length;t=t.replace(/\{total\}/gi,i.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 e=this.getIndexOfSelectedItem();const i=this.selectedItem.parentElement;if(t&&this.lastIndex!==e){if(this.lastIndex>e){i.children[this.lastIndex].after(this.selectedItem)}else{i.children[this.lastIndex].before(this.selectedItem)}this.selectedItem.focus()}i.classList.remove(Je);this.selectedItem.classList.remove(Xe);this.selectedItem=null;this.lastIndex=null}focusItem(t){if(!t){return}t.focus();const e=document.querySelector("stzh-flyingfocus");if(e){e.reposition()}c(t,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})}setAttributes(){var t;Array.from((t=this.getContainer())===null||t===void 0?void 0:t.children).forEach((t=>{t.classList.add(Be);t.addEventListener("blur",this.onBlur);t.addEventListener("keydown",this.onKeydown);t.setAttribute("tabindex","0");t.setAttribute("aria-describedby",`${this.sortableId}-description`)}))}unsetAttributes(){var t;Array.from((t=this.getContainer())===null||t===void 0?void 0:t.children).forEach((t=>{t.classList.remove(Be);t.removeEventListener("blur",this.onBlur);t.removeEventListener("keydown",this.onKeydown);t.removeAttribute("tabindex");t.removeAttribute("aria-describedby")}))}async componentWillLoad(){this.sortableId=`stzh-sortable-${Ze++}`;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 Qt(this.getContainer(),{animation:150,filter:this._filterElements.join(", "),ghostClass:Ke,chosenClass:Ye,dragClass:Ve,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 i(n,null,i("div",{class:t},i("div",{id:`${this.sortableId}-description`,class:"stzh-sortable__description"},this.localization.description),i("div",{ref:t=>this.ariaLiveElement=t,"aria-live":"assertive",class:"stzh-sortable__aria-live"}),i("div",{ref:t=>this.containerElement=t,class:"stzh-sortable__container"},i("slot",null))))}get element(){return s(this)}static get watchers(){return{disabled:["disabledWatcher"],filterElements:["filterElementsWatcher"]}}};qe.style=Ue;export{qe as stzh_sortable};
-//# sourceMappingURL=p-a672aaea.entry.js.map