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

package/dist/stzh-components/{p-cded8c4a.js → p-57caee36.js}

@@ -1,2 +1,2 @@
-const t="@oiz/stzh-components";const n="3.4.0-beta1";const o=t.substring(t.indexOf("/")+1);const e=t=>{const n=document.querySelector("[autofocus]");if(window.stzhComponents.fixAutofocus&&!document.location.hash&&n&&t.detail.namespace===o&&n.tagName.toLowerCase().indexOf("stzh-")===0&&"focus"in n){n.focus()}else if(window.stzhComponents.fixHashfocus&&document.location.hash){const t=document.querySelector(document.location.hash);if(t){t.scrollIntoView()}}};function s(){window.addEventListener("appload",e)}function i(){const t={threshold:1};const n=t=>{t.forEach((t=>{let n=0;if(t.intersectionRatio<1){n=window.innerWidth-document.documentElement.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",n+"px");document.documentElement.style.setProperty("--stzh-scrollbar-active",n>0?"1":"0")}))};const o=new IntersectionObserver(n,t);o.observe(document.body)}function a(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.format(t,n)}function r(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parse(t,n)}function c(t,n,o="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:e,$globals:s}=window.stzhComponents.translations;const i=f(e,s);return i.formatSpan(t,n,o)}function l(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parseSpan(t,n)}function f(t,n){const o=function(t,o){if(!o||!(o instanceof Date)||isNaN(o.getTime())){return""}let e=o.getDate().toString(10);let s=e;let i=(o.getMonth()+1).toString(10);let a=i;let r=o.getFullYear().toString(10);let c=o.getHours().toString(10);let l=c;let f=o.getMinutes().toString(10);let u=n.monthNames[o.getMonth()];let d=n.monthNamesShort[o.getMonth()];let w=n.dayNames[o.getDay()];let m=n.dayNamesShort[o.getDay()];if(o.getMonth()<9){a=`0${a}`}if(o.getDate()<10){s=`0${s}`}if(o.getHours()<10){l=`0${l}`}if(o.getMinutes()<10){f=`0${f}`}return t.replace(/\{j\}/g,e).replace(/\{d\}/g,s).replace(/\{D\}/g,m).replace(/\{l\}/g,w).replace(/\{n\}/g,i).replace(/\{m\}/g,a).replace(/\{F\}/g,u).replace(/\{M\}/g,d).replace(/\{Y\}/g,r).replace(/\{H\}/g,l).replace(/\{G\}/g,c).replace(/\{i\}/g,f)};const e=function(t,n){if(!n){return}const o=new RegExp(t);const e=n.match(o);if(e){const{groups:t}=e;const n=parseInt(t.Y||"",10);const o=parseInt(t.n||t.m||"",10);const s=parseInt(t.j||t.d||"",10);const i=parseInt(t.G||t.H||"",10);const a=parseInt(t.i||"",10);if(!isNaN(n)&&(n<1e3||n>9999)){return}if(!isNaN(o)&&(o<1||o>12)){return}if(!isNaN(s)&&(s<1||s>31)){return}if(!isNaN(i)&&(i<0||i>23)){return}if(!isNaN(a)&&(a<0||a>59)){return}const r=new Date(!isNaN(n)?n:null,!isNaN(o)?o-1:null,!isNaN(s)?s:null,!isNaN(i)?i:null,!isNaN(a)?a:null);if(r.getMonth()+1!==o){return}return r}};const s={format:function(n,e="datetime"){const s={...t[e],...window.stzhComponents?.formats[e]||{}};if(typeof s.format==="string"){return o(s.format,n)}else{return s.format(n)}},parse:function(n,o="datetime"){const s={...t[o],...window.stzhComponents?.formats[o]||{}};if(typeof s.parse==="string"){return e(s.parse,n)}else{return s.parse(n)}},formatSpan:function(t,o,e="datetime"){let s=t;let i=o;if(t instanceof Date&&!isNaN(t.getTime())){s=this.format(t,e)}if(o instanceof Date&&!isNaN(o.getTime())){i=this.format(o,e)}let a=n.dateRange;if(e.startsWith("time")){a=n.timeRange}return s+(i&&(!(i instanceof Date)||i instanceof Date&&!isNaN(t.getTime()))?a+i:"")},parseSpan:function(t,o){let e=n.dateRange;if(o.startsWith("time")){e=n.timeRange}const s=t.split(e);const i=this.parse(s[0],o);const a=this.parse(s[1],o);return[i,a,e]}};return s}function u(t){const n=t.closest("[lang]");const o=n&&n.lang.split("-")[0];if(window.stzhComponents.supportedLocales.indexOf(o)===-1||!o){return window.stzhComponents.defaultLocale}else{return o}}async function d(t,n){const o=u(t);const e=JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`));if(window.stzhComponents.cacheTranslations&&window.stzhComponents.version.match(/-dev-snapshot/i)===null&&e&&Object.keys(e).length>0){return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}try{const t=await fetch(`${window.stzhComponents.pathTranslations}/${o}.json`);if(t.ok){const e=await t.json();sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`,JSON.stringify(e));return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}}catch(t){console.error(`Error loading locale: ${o}`,t)}}const w=Object.freeze({__proto__:null,format:a,parse:r,formatSpan:c,parseSpan:l,createFormatParseAdapter:f,getLocale:u,fetchTranslations:d});function m(){window.stzhComponents=Object.assign(Object.assign({defaultLocale:"de",pathMedia:"/",pathTranslations:"/",cacheTranslations:true,formats:{},translations:null,fixAutofocus:true,fixHashfocus:true},window.stzhComponents||{}),{version:n,supportedLocales:["de","en"],utils:w});if(window.stzhComponents.translations===null){window.stzhComponents.translationsLoading=d(document.documentElement).then((t=>{window.stzhComponents.translations=t})).catch((t=>{console.error("Translations couldn't load:",t)}))}s();i()}const p=m;export{p as g};
-//# sourceMappingURL=p-cded8c4a.js.map
+const t="@oiz/stzh-components";const n="3.4.0-beta2";const o=t.substring(t.indexOf("/")+1);const e=t=>{const n=document.querySelector("[autofocus]");if(window.stzhComponents.fixAutofocus&&!document.location.hash&&n&&t.detail.namespace===o&&n.tagName.toLowerCase().indexOf("stzh-")===0&&"focus"in n){n.focus()}else if(window.stzhComponents.fixHashfocus&&document.location.hash){const t=document.querySelector(document.location.hash);if(t){t.scrollIntoView()}}};function s(){window.addEventListener("appload",e)}function i(){const t={threshold:1};const n=t=>{t.forEach((t=>{let n=0;if(t.intersectionRatio<1){n=window.innerWidth-document.documentElement.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",n+"px");document.documentElement.style.setProperty("--stzh-scrollbar-active",n>0?"1":"0")}))};const o=new IntersectionObserver(n,t);o.observe(document.body)}function a(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.format(t,n)}function r(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parse(t,n)}function c(t,n,o="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:e,$globals:s}=window.stzhComponents.translations;const i=f(e,s);return i.formatSpan(t,n,o)}function l(t,n="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:o,$globals:e}=window.stzhComponents.translations;const s=f(o,e);return s.parseSpan(t,n)}function f(t,n){const o=function(t,o){if(!o||!(o instanceof Date)||isNaN(o.getTime())){return""}let e=o.getDate().toString(10);let s=e;let i=(o.getMonth()+1).toString(10);let a=i;let r=o.getFullYear().toString(10);let c=o.getHours().toString(10);let l=c;let f=o.getMinutes().toString(10);let u=n.monthNames[o.getMonth()];let d=n.monthNamesShort[o.getMonth()];let w=n.dayNames[o.getDay()];let m=n.dayNamesShort[o.getDay()];if(o.getMonth()<9){a=`0${a}`}if(o.getDate()<10){s=`0${s}`}if(o.getHours()<10){l=`0${l}`}if(o.getMinutes()<10){f=`0${f}`}return t.replace(/\{j\}/g,e).replace(/\{d\}/g,s).replace(/\{D\}/g,m).replace(/\{l\}/g,w).replace(/\{n\}/g,i).replace(/\{m\}/g,a).replace(/\{F\}/g,u).replace(/\{M\}/g,d).replace(/\{Y\}/g,r).replace(/\{H\}/g,l).replace(/\{G\}/g,c).replace(/\{i\}/g,f)};const e=function(t,n){if(!n){return}const o=new RegExp(t);const e=n.match(o);if(e){const{groups:t}=e;const n=parseInt(t.Y||"",10);const o=parseInt(t.n||t.m||"",10);const s=parseInt(t.j||t.d||"",10);const i=parseInt(t.G||t.H||"",10);const a=parseInt(t.i||"",10);if(!isNaN(n)&&(n<1e3||n>9999)){return}if(!isNaN(o)&&(o<1||o>12)){return}if(!isNaN(s)&&(s<1||s>31)){return}if(!isNaN(i)&&(i<0||i>23)){return}if(!isNaN(a)&&(a<0||a>59)){return}const r=new Date(!isNaN(n)?n:null,!isNaN(o)?o-1:null,!isNaN(s)?s:null,!isNaN(i)?i:null,!isNaN(a)?a:null);if(r.getMonth()+1!==o){return}return r}};const s={format:function(n,e="datetime"){const s={...t[e],...window.stzhComponents?.formats[e]||{}};if(typeof s.format==="string"){return o(s.format,n)}else{return s.format(n)}},parse:function(n,o="datetime"){const s={...t[o],...window.stzhComponents?.formats[o]||{}};if(typeof s.parse==="string"){return e(s.parse,n)}else{return s.parse(n)}},formatSpan:function(t,o,e="datetime"){let s=t;let i=o;if(t instanceof Date&&!isNaN(t.getTime())){s=this.format(t,e)}if(o instanceof Date&&!isNaN(o.getTime())){i=this.format(o,e)}let a=n.dateRange;if(e.startsWith("time")){a=n.timeRange}return s+(i&&(!(i instanceof Date)||i instanceof Date&&!isNaN(t.getTime()))?a+i:"")},parseSpan:function(t,o){let e=n.dateRange;if(o.startsWith("time")){e=n.timeRange}const s=t.split(e);const i=this.parse(s[0],o);const a=this.parse(s[1],o);return[i,a,e]}};return s}function u(t){const n=t.closest("[lang]");const o=n&&n.lang.split("-")[0];if(window.stzhComponents.supportedLocales.indexOf(o)===-1||!o){return window.stzhComponents.defaultLocale}else{return o}}async function d(t,n){const o=u(t);const e=JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`));if(window.stzhComponents.cacheTranslations&&window.stzhComponents.version.match(/-dev-snapshot/i)===null&&e&&Object.keys(e).length>0){return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}try{const t=await fetch(`${window.stzhComponents.pathTranslations}/${o}.json`);if(t.ok){const e=await t.json();sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${o}`,JSON.stringify(e));return{...e[n]||{},$globals:e.$globals,$locale:e.$code,$formats:e.$formats,$formatsIso:e.$formatsIso,$formatsLegacy:e.$formatsLegacy}}}catch(t){console.error(`Error loading locale: ${o}`,t)}}const w=Object.freeze({__proto__:null,format:a,parse:r,formatSpan:c,parseSpan:l,createFormatParseAdapter:f,getLocale:u,fetchTranslations:d});function m(){window.stzhComponents=Object.assign(Object.assign({defaultLocale:"de",pathMedia:"/",pathTranslations:"/",cacheTranslations:true,formats:{},translations:null,fixAutofocus:true,fixHashfocus:true},window.stzhComponents||{}),{version:n,supportedLocales:["de","en"],utils:w});if(window.stzhComponents.translations===null){window.stzhComponents.translationsLoading=d(document.documentElement).then((t=>{window.stzhComponents.translations=t})).catch((t=>{console.error("Translations couldn't load:",t)}))}s();i()}const p=m;export{p as g};
+//# sourceMappingURL=p-57caee36.js.map

package/dist/stzh-components/p-616ae3be.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as t,h as e,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 o,r as d}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,.stzh-search__results-text,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search__results-heading,.stzh-search__results-text,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search__results-heading,.stzh-search__results-text,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search__results-heading,.stzh-search__results-text,.stzh-search__results-subscribe{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 f(s,t){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      hyphens-enabled="${this.hyphensEnabled}"\n      ${t.eventDateStart&&'event-date-start="{eventDateStart}"'}\n      ${t.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      ${t.imagePosition&&'image-position="{imagePosition}"'}\n      ${t.download&&'download="{download}"'}\n      style="\n        ${t.serviceBackgroundColor?"--service-background-color: {serviceBackgroundColor};":""}\n        ${t.serviceColor?"--service-color: {serviceColor};":""}\n      "\n    >\n      <div slot="heading">{heading}</div>\n      <div slot="description">{description}</div>\n      ${t.image?t.imagePosition==="right"?`<img src="${t.image}" slot="image" />`:`<stzh-ratio ${s.variant==="teaser"?'ratio="2:1"':'ratio="21:9" ratio-small="1:1"'} slot="image"><img src="${t.image}" /></stzh-ratio>`:""}\n    </stzh-card-${s.variant==="teaser"?"superteaser":"searchresult"}>\n  `}function p(s){return{layout:s.variant==="teaser"?"teasers":"searchresults"}}const u=class{constructor(e){s(this,e);this.stzhOverlayCloseClick=t(this,"stzhOverlayCloseClick",7);this._showMoreLink=false;this.fetch=async(s=false,t=false)=>{var e,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(t){const s=new URLSearchParams(location.search).get("search");if(s){const t=new URLSearchParams(s).get("limit");if(t){r=t}}}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.resultsText=n.resultsText||"";this.totalCount=((e=n.meta)===null||e===void 0?void 0:e.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 t;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html||((t=n.templates)===null||t===void 0?void 0:t.result),s)})}))]}else{this.results=n.results.map((s=>{var t;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html||((t=n.templates)===null||t===void 0?void 0:t.result),s)})}))}}if(!t&&!this.preventUpdateUrl){const s=new URLSearchParams(location.search);const t=new URLSearchParams(this.params);t.delete("offset");t.set("limit",this.results.length.toString());s.set("search",t.toString());window.history.replaceState(null,"",`${location.pathname}?${s}`)}if(t||!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.hyphensEnabled=false;this.templateResult=f;this.templateResultWrapperElement=function(){return"stzh-cardlist"};this.templateResultWrapperProps=p;this.resultHeadingLevel="3";this.emptyText=undefined;this.heading=undefined;this.emptyLinkHref=undefined;this.emptyLinkLabel=undefined;this.subscribeLabel="Subscribe";this.subscribePath=undefined;this.subscribeAdditionalQueryParameters=undefined;this.totalCount=0;this.loading=false;this.error="";this.results=[];this.chipResultsHeading=undefined;this.chipResults=[];this.resultsHeading=undefined;this.resultsText=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,t){let e=s||(typeof this.templateResult==="function"?this.templateResult(this.element,t):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=t[s]||"";if(["meta","breadcrumbItems","downloadMeta","datalistItems"].includes(s)&&i){i=JSON.stringify(i)}e=e.replace(a,i)}));return e}async updateParams(s=false){const t=()=>{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);let t=s.get("search");const e=s.get("q");const a=s.get("query");if(!t){if(a){t=`query=${a}`}else if(e){t=`q=${e}`}}if(t){this.initialFetch=true;const s=new URLSearchParams(t);[...new Set(s.keys())].forEach((t=>{const e=s.getAll(t);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="${t}"]`));const i=Array.from(document.querySelectorAll(`:where(stzh-checkboxgroup)[name="${t}"]`));const r=Array.from(document.querySelectorAll(`:where(stzh-dropdown)[name="${t}"]`));a.forEach((s=>{s.value=e[0]}));i.forEach((s=>{s.value=e}));r.forEach((s=>{s.items=e}))}))}}await n();t();let e=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((t=>{const a=!t.checked;if(!s){t.invalid=a}if(a){e=false}}));a.forEach((t=>{const a=t.value===""||t.minlength&&t.minlength>t.value.length||t.maxlength&&t.maxlength<t.value.length;if(!s){t.invalid=a}if(a){e=false}}));i.forEach((t=>{const a=t.items.length===0;if(!s){t.invalid=a}if(a){e=false}}));h.forEach((t=>{const a=t.value.toString().length===0;if(!s){t.invalid=a}if(a){e=false}}));r.forEach((t=>{const a=t.value.toString().length===0;if(!s){t.invalidYear=a;t.invalidMonth=a}if(a){e=false}}));this.hasRequiredParams=e}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(){o(this.handleMediaChange);this.handleMediaChange()}disconnectedCallback(){d(this.handleMediaChange)}renderResultsText(){return e("stzh-text",{class:"stzh-search__results-text",color:"primary",innerHTML:this.resultsText})}renderSubscribeButton(){const s=new URLSearchParams;let t=this.subscribeAdditionalQueryParameters;if(typeof this.subscribeAdditionalQueryParameters==="string"){try{t=JSON.parse(this.subscribeAdditionalQueryParameters)}catch(s){}}for(const e of t){for(const[t,a]of Object.entries(e)){if(a){s.set(t,a)}}}const a=new URLSearchParams(window.location.search);const i=a.get("search");if(i){const t=new URLSearchParams(i);for(const[e,a]of t.entries()){if(["variant","limit"].indexOf(e)===-1&&a){s.append(e,a)}}}const r=`${this.subscribePath}?${s.toString()}`;return e("div",{class:"stzh-search__results-subscribe"},e("stzh-button",{variant:"secondary",size:"small",href:r},this.subscribeLabel))}render(){const s=l(this.element,"filters-main");const t=l(this.element,"filters-aside");let r=true;if(s){const s=this.element.querySelector("[slot='filters-main'] stzh-chipselect");const t=this.element.querySelector("[slot='filters-main'] stzh-chipgroup");if(!s&&!t){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":t,"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 o=typeof this.templateResultWrapperProps==="function"?this.templateResultWrapperProps(this.element):this.templateResultWrapperProps;return e(i,{"has-aside-filters":t,class:this.breakout?"stzh-search--is-breakout":""},this.breakout&&e("div",{class:"stzh-search__header-wrapper"},e("div",{class:"stzh-search__header"},e("stzh-heading",{class:"stzh-search__header-heading",curve:"h2"},this.heading),e("stzh-button",{class:"stzh-search__overlay-close",icon:"close",iconOnly:true,size:"small",variant:"tertiary",onClick:this.handleOverlayCloseClick}))),e("form",{ref:s=>this.formElement=s,novalidate:true,class:n,onSubmit:this.handleFormSubmit,onReset:this.handleFormReset},e("div",{class:"stzh-search__filters-main",onStzhChange:this.handleMainFilterChange},e("slot",{name:"filters-main"}),!r&&this.chipResults.length>0&&e("div",{class:"stzh-search__filters-main-chips"},this.chipResultsHeading&&e("stzh-text",{font:"heavy",size:"milli",color:"primary"},this.chipResultsHeading),this.chipResults[0].options?e("stzh-chipgroup",null,this.chipResults.map((s=>e("stzh-dropdown",{label:s.label,name:s.value,variant:"filter","no-search":true,"hide-optional":true,inline:true,options:s.options})))):e("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"})))}))),t&&e(a,null,e("div",{class:"stzh-search__filters-aside",onStzhChange:this.handleAsideFilterChange},e("div",{class:"stzh-search__filters-aside-inner"},e("div",{class:"stzh-search__filters-aside-heading"},this.localization.moreFilter),e("stzh-details",{open:this.isDetailsOpen,class:"stzh-search__filters-aside-details"},e("stzh-button",{class:"stzh-search__filters-aside-details-trigger",variant:"tertiary-plain",size:"small",noPaddingLeft:true,showToggleIcon:true,iconPosition:"right",label:this.localization.moreFilter}),e("div",{slot:"content"},e("slot",{name:"filters-aside"})))))),e("div",{class:"stzh-search__results-wrapper"},h&&e(a,null,this.results.length===0?e(a,null,this.variant!=="teaser"&&this.resultsHeading&&e("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel,innerHTML:this.resultsHeading}),this.resultsText&&this.renderResultsText(),this.subscribePath&&this.renderSubscribeButton(),this.emptyText&&e("stzh-text",{class:"stzh-search__empty-text",innerHTML:this.emptyText}),this.emptyLinkLabel&&this.emptyLinkHref&&e("div",{class:"stzh-search__empty-link-wrapper"},e("stzh-link",{href:this.emptyLinkHref,label:this.emptyLinkLabel}))):e(a,null,this.variant!=="teaser"&&this.resultsHeading&&e("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel,innerHTML:this.resultsHeading}),this.resultsText&&this.renderResultsText(),this.subscribePath&&this.renderSubscribeButton(),e(c,Object.assign({class:"stzh-search__results"},o),this.results.map((s=>e("div",{class:"stzh-search__results-item",innerHTML:s.html||""})))),e("div",{class:"stzh-search__actions-wrapper"},this._showMoreLink&&e("stzh-button",{variant:"secondary",class:"stzh-search__action-more",label:this.localization.showMore,onClick:this.handleMoreClick,disabled:this.loading,a11yDisabled:this.loading})))),this.error&&e("div",{class:"stzh-search__error"},e("stzh-message",{type:"error",label:this.error})),this.loading&&e("stzh-loader",{class:"stzh-search__loader"})),e("slot",null)))}get element(){return r(this)}static get watchers(){return{totalCount:["totalCountWatcher"],results:["totalCountWatcher"],preventUpdateUrl:["preventUpdateUrlWatcher"]}}};u.style=z;export{u as stzh_search};
+//# sourceMappingURL=p-616ae3be.entry.js.map

package/dist/stzh-components/p-616ae3be.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhSearchCss","defaultTemplateResult","search","item","variant","this","hyphensEnabled","eventDateStart","eventDateEnd","imagePosition","download","serviceBackgroundColor","serviceColor","image","defaultResultWrapperProps","layout","StzhSearch","_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","resultsText","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","q","query","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","renderResultsText","h","class","color","innerHTML","renderSubscribeButton","subscribeAdditionalQueryParameters","parse","noJson","entry","entries","currentQueryParameters","indexOf","href","subscribePath","size","subscribeLabel","render","filtersMainUsed","hasSlot","filtersAsideUsed","chipsProvided","providedChipselect","querySelector","providedChipgroup","resultsShown","classes","hideMainFilters","hideAsideFilters","WrapperElement","templateResultWrapperElement","wrapperProps","templateResultWrapperProps","Host","breakout","curve","heading","icon","iconOnly","onClick","ref","el","novalidate","onSubmit","onReset","onStzhChange","name","font","options","chipResult","label","inline","multiple","counter","amount","Fragment","moreFilter","open","noPaddingLeft","showToggleIcon","iconPosition","slot","level","resultHeadingLevel","emptyText","emptyLinkLabel","emptyLinkHref","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  &__results-text,\n  &__results-subscribe {\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      hyphens-enabled=\"${this.hyphensEnabled}\"\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  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: 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  /** Label for the subscribe button */\n  @Prop() subscribeLabel: string = \"Subscribe\";\n\n  /** Path which is used as a base for the subscribe button. If not provided, the button won't be rendered. */\n  @Prop() subscribePath: string;\n\n  /** Query parameters which are being added to the subscribe button path, in addition to the form values. */\n  @Prop() subscribeAdditionalQueryParameters: { [key: string]: string }[] | 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() resultsText: 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      let search = initialParams.get(\"search\");\n      const q = initialParams.get(\"q\");\n      const query = initialParams.get(\"query\");\n      if (!search) {\n        if (query) {\n          search = `query=${query}`;\n        } else if (q) {\n          search = `q=${q}`;\n        }\n      }\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      resultsText?: 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.resultsText = data.resultsText || \"\";\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  private renderResultsText(): DocumentFragment {\n    return <stzh-text class=\"stzh-search__results-text\" color=\"primary\" innerHTML={this.resultsText}></stzh-text>;\n  }\n\n  private renderSubscribeButton(): DocumentFragment {\n    const params = new URLSearchParams();\n    let subscribeAdditionalQueryParameters = this.subscribeAdditionalQueryParameters;\n    if (typeof this.subscribeAdditionalQueryParameters === \"string\") {\n      try {\n        subscribeAdditionalQueryParameters = JSON.parse(this.subscribeAdditionalQueryParameters);\n      } catch (noJson) {}\n    }\n    for (const entry of subscribeAdditionalQueryParameters) {\n      for (const [key, value] of Object.entries(entry)) {\n        if (value) {\n          params.set(key, value);\n        }\n      }\n    }\n    const currentQueryParameters = new URLSearchParams(window.location.search);\n    const search = currentQueryParameters.get(\"search\");\n    if (search) {\n      const currentSearchParams = new URLSearchParams(search);\n      for (const [key, value] of currentSearchParams.entries()) {\n        if ([\"variant\", \"limit\"].indexOf(key) === -1 && value) {\n          params.append(key, value);\n        }\n      }\n    }\n    const href = `${this.subscribePath}?${params.toString()}`;\n    return (\n      <div class=\"stzh-search__results-subscribe\">\n        <stzh-button variant=\"secondary\" size=\"small\" href={href}>\n          {this.subscribeLabel}\n        </stzh-button>\n      </div>\n    );\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.resultsText && this.renderResultsText()}\n\n                    {this.subscribePath && this.renderSubscribeButton()}\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                    {this.resultsText && this.renderResultsText()}\n\n                    {this.subscribePath && this.renderSubscribeButton()}\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":"4RAAA,MAAMA,EAAgB,61iBCatB,SAASC,EAAsBC,EAA+BC,GAC5D,MAAO,oBACQD,EAAOE,UAAY,SAAW,cAAgB,yMAOtCC,KAAKC,0BACtBH,EAAKI,gBAAkB,gDACvBJ,EAAKK,cAAgB,uOAMrBL,EAAKM,eAAiB,6CACtBN,EAAKO,UAAY,mDAEfP,EAAKQ,uBAAyB,wDAA0D,eACxFR,EAAKS,aAAe,mCAAqC,2HAM3DT,EAAKU,MACDV,EAAKM,gBAAkB,QACrB,aAAaN,EAAKU,yBAClB,eACEX,EAAOE,UAAY,SAAW,cAAgB,2DACrBD,EAAKU,yBAClC,uBAEMX,EAAOE,UAAY,SAAW,cAAgB,qBAEhE,CAEA,SAASU,EAA0BZ,GACjC,MAAO,CACLa,OAAQb,EAAOE,UAAY,SAAW,UAAY,gBAEtD,C,MAWaY,EAAU,M,sFA4FbX,KAAAY,cAAyB,MA+PzBZ,KAAAa,MAAQC,MAAOC,EAAkB,MAAOC,EAAmB,S,QACjEhB,KAAKiB,QAAU,KACfjB,KAAKkB,MAAQ,GAEb,GAAIlB,KAAKmB,kBAAmB,CAC1BnB,KAAKmB,kBAAkBC,O,CAGzB,IAAKpB,KAAKqB,oBAAsBN,EAAQ,CACtCf,KAAKiB,QAAU,MACf,M,CAGF,IAAIK,EAAStB,KAAKuB,IAAIC,QAAQ,aAAcxB,KAAKyB,aAAaC,SAC9D,IAAIC,EAAQ3B,KAAK2B,MAAMC,WAEvB5B,KAAK6B,OAAOC,IAAI,SAAUf,EAASf,KAAK+B,QAAQC,OAAOJ,WAAa,KAEpE,GAAIZ,EAAS,CACX,MAAMnB,EAAS,IAAIoC,gBAAgBC,SAASrC,QAAQsC,IAAI,UAExD,GAAItC,EAAQ,CACV,MAAMuC,EAAW,IAAIH,gBAAgBpC,GAAQsC,IAAI,SAEjD,GAAIC,EAAU,CACZT,EAAQS,C,GAKdpC,KAAK6B,OAAOC,IAAI,QAASH,GAEzB3B,KAAKmB,kBAAoB,IAAIkB,gBAE7B,IAAIC,EAcA,GAEJ,IAEE,MAAMC,QAAiBC,EAAMlB,EAAQ,CACnCO,OAAQ7B,KAAK6B,OACbY,OAAQzC,KAAKmB,kBAAkBsB,SAGjCH,EAAOC,EAASD,I,CAChB,MAAOpB,GACPlB,KAAKkB,MAAQlB,KAAKyB,aAAaP,K,CAGjClB,KAAK0C,eAAiBJ,EAAKI,gBAAkB,GAC7C1C,KAAK2C,YAAcL,EAAKK,aAAe,GACvC3C,KAAK4C,aAAaC,EAAAP,EAAKQ,QAAI,MAAAD,SAAA,SAAAA,EAAEE,QAAS,EAEtC,GAAIT,EAAKpB,MAAO,CACdlB,KAAKkB,MAAQoB,EAAKU,SAAWhD,KAAKyB,aAAaP,K,CAGjD,GAAIoB,EAAKW,aAAeX,EAAKW,YAAYjB,OAAQ,CAC/ChC,KAAKkD,oBAAqBC,EAAAb,EAAKY,sBAAkB,MAAAC,SAAA,EAAAA,EAAI,GACrDnD,KAAKiD,YAAcX,EAAKW,W,KACnB,CACLjD,KAAKkD,mBAAqB,GAC1BlD,KAAKiD,YAAc,E,CAGrB,GAAIX,EAAKP,QAAS,CAChB,GAAIhB,EAAQ,CACVf,KAAK+B,QAAU,IACV/B,KAAK+B,WACLO,EAAKP,QAAQqB,KAAItD,I,MAAQ,OAAAuD,OAAAC,OAAAD,OAAAC,OAAA,GACvBxD,GAAI,CACPyD,KAAMvD,KAAKwD,qBAAqB1D,EAAKyD,QAAQV,EAAAP,EAAKmB,aAAS,MAAAZ,SAAA,SAAAA,EAAEa,QAAQ5D,IAAK,I,KAGzE,CACLE,KAAK+B,QAAUO,EAAKP,QAAQqB,KAAItD,I,MAAQ,OAAAuD,OAAAC,OAAAD,OAAAC,OAAA,GACnCxD,GAAI,CACPyD,KAAMvD,KAAKwD,qBAAqB1D,EAAKyD,QAAQV,EAAAP,EAAKmB,aAAS,MAAAZ,SAAA,SAAAA,EAAEa,QAAQ5D,IAAK,G,EAKhF,IAAKkB,IAAYhB,KAAK2D,iBAAkB,CACtC,MAAMC,EAAe,IAAI3B,gBAAgBC,SAASrC,QAClD,MAAMgE,EAAe,IAAI5B,gBAAgBjC,KAAK6B,QAE9CgC,EAAaC,OAAO,UACpBD,EAAa/B,IAAI,QAAS9B,KAAK+B,QAAQC,OAAOJ,YAC9CgC,EAAa9B,IAAI,SAAU+B,EAAajC,YAExCmC,OAAOC,QAAQC,aAAa,KAAM,GAAI,GAAG/B,SAASgC,YAAYN,I,CAGhE,GAAI5C,IAAYhB,KAAKmE,aAAc,CACjCnE,KAAKiB,QAAU,K,KACV,CAEL8C,OAAOK,YAAW,KAChBpE,KAAKiB,QAAU,KAAK,GACnBjB,KAAKqE,a,CAGVrE,KAAKmE,aAAe,IAAI,EAGlBnE,KAAAsE,eAAiBC,EAASvE,KAAKa,MAAOb,KAAKqE,cAE3CrE,KAAAwE,uBAAyB1D,UAC/B,GAAId,KAAKyE,qBAAsB,OACvBzE,KAAK0E,eACX1E,KAAKsE,gB,GAIDtE,KAAA2E,wBAA0B7D,UAChC,GAAId,KAAK4E,sBAAuB,OACxB5E,KAAK0E,eACX1E,KAAKsE,gB,GAIDtE,KAAA6E,iBAAmB/D,MAAOgE,IAChCA,EAAMC,uBAEA/E,KAAK0E,eACX1E,KAAKa,OAAO,EAGNb,KAAAgF,gBAAkB,KACxBhF,KAAKa,MAAM,KAAK,EAGVb,KAAAiF,kBAAoB,KAC1BjF,KAAKkF,cAAgBC,EAAM,SAASC,OAAO,EAGrCpF,KAAAqF,gBAAkBvE,UACxBwE,uBAAsB,KACpBA,uBAAsBxE,gBACdd,KAAK0E,cAAc,GACzB,GACF,EAGI1E,KAAAuF,wBAA2BT,IACjC9E,KAAKwF,sBAAsBC,KAAK,CAC9BC,UAAW,cACXC,cAAeb,GACf,E,yCAvfoC,U,cAGZ,M,0BAGY,M,2BAGC,M,qBAGW,M,sBAGC,M,SAG/B,G,kBAGS,I,WAGP,E,kBAGQ,M,sBAGI,M,oBAGe,M,oBAIjDlF,E,kCAG2F,WAC3F,MAAO,e,kCAMyDa,E,wBAGd,I,+HAenB,Y,+FAqBH,E,aAGF,M,WACH,G,aAEc,G,mDAES,G,gFAGV,M,kBACL,M,sBACI,M,mBACH,K,CAvBlC,iBAAAmF,GACE5F,KAAKY,cAAgBZ,KAAK4C,WAAa5C,KAAK+B,QAAQC,M,CAItD,uBAAA6D,GACE7F,KAAK0E,c,CA0BC,oBAAAlB,CAAqBD,EAAczD,GACzC,IAAIgG,EACFvC,WACQvD,KAAK+F,iBAAmB,WAAa/F,KAAK+F,eAAe/F,KAAKgG,QAASlG,GAAQE,KAAK+F,gBAE9F,CACE,OACA,UACA,WACA,cACA,QACA,gBACA,MACA,QACA,UACA,eACA,yBACA,OACA,kBACA,gBACA,iBACA,eACA,WACA,kBACA,eACA,iBACAE,SAAQC,IACR,MAAMC,EAAQ,IAAIC,OAAO,IAAKF,KAAc,MAC5C,IAAIG,EAAQvG,EAAKoG,IAAa,GAE9B,GAAI,CAAC,OAAQ,kBAAmB,eAAgB,iBAAiBI,SAASJ,IAAaG,EAAO,CAC5FA,EAAQE,KAAKC,UAAUH,E,CAGzBP,EAAWA,EAAStE,QAAQ2E,EAAOE,EAAM,IAG3C,OAAOP,C,CAGD,kBAAMpB,CAAa1D,EAAmB,OAC5C,MAAMyF,EAAuB,KAC3B,MAAMC,EAAW,IAAIC,SAAS3G,KAAK4G,aAEnC5G,KAAK6B,OAAS,IAAII,gBAAgByE,GAClC1G,KAAK6B,OAAOC,IAAI,UAAW9B,KAAKD,QAAQ,EAG1C,GAAIiB,EAAS,CACX,MAAM6F,EAAgB,IAAI5E,gBAAgBC,SAASrC,QACnD,IAAIA,EAASgH,EAAc1E,IAAI,UAC/B,MAAM2E,EAAID,EAAc1E,IAAI,KAC5B,MAAM4E,EAAQF,EAAc1E,IAAI,SAChC,IAAKtC,EAAQ,CACX,GAAIkH,EAAO,CACTlH,EAAS,SAASkH,G,MACb,GAAID,EAAG,CACZjH,EAAS,KAAKiH,G,EAIlB,GAAIjH,EAAQ,CACVG,KAAKgH,aAAe,KACpB,MAAMC,EAAsB,IAAIhF,gBAAgBpC,GAEhD,IAAI,IAAIqH,IAAID,EAAoBE,SAASlB,SAAQmB,IAC/C,MAAMC,EAASJ,EAAoBK,OAAOF,GAG1C,MAAMG,EAAcC,MAAMC,KACxBC,SAASC,iBACP,yJAAyJP,QAc7J,MAAMQ,EAAmBJ,MAAMC,KAC7BC,SAASC,iBAAiB,oCAAoCP,QAIhE,MAAMS,EAAmBL,MAAMC,KAAKC,SAASC,iBAAiB,+BAA+BP,QAG7FG,EAAYtB,SAER6B,IAWAA,EAAMzB,MAAQgB,EAAO,EAAE,IAI3BO,EAAiB3B,SAAS6B,IACxBA,EAAMzB,MAAQgB,CAAM,IAGtBQ,EAAiB5B,SAAS6B,IACxBA,EAAMC,MAAQV,CAAM,GACpB,G,QAKFW,IACNvB,IAIA,IAAIpF,EAAoB,KAExB,MAAM4G,EAAsBT,MAAMC,KAAKzH,KAAKgG,QAAQ2B,iBAAiB,iCAGrE,MAAMO,EAAyBV,MAAMC,KAAKzH,KAAKgG,QAAQ2B,iBAAiB,oCAGxE,MAAMQ,EAA2BX,MAAMC,KACrCzH,KAAKgG,QAAQ2B,iBAAiB,2CAGhC,MAAMS,EAAiBZ,MAAMC,KAC3BzH,KAAKgG,QAAQ2B,iBACX,mJAWJ,MAAMU,EAAyBb,MAAMC,KAAKzH,KAAKgG,QAAQ2B,iBAAiB,oCAGxEU,EAAuBpC,SAASqC,IAC9B,MAAMC,GAAWD,EAAME,QAEvB,IAAKxH,EAAS,CACZsH,EAAMC,QAAUA,C,CAGlB,GAAIA,EAAS,CACXlH,EAAoB,K,KAIxB4G,EAAoBhC,SAASqC,IAC3B,MAAMC,EACJD,EAAMjC,QAAU,IACfiC,EAAMG,WAAaH,EAAMG,UAAYH,EAAMjC,MAAMrE,QACjDsG,EAAMI,WAAaJ,EAAMI,UAAYJ,EAAMjC,MAAMrE,OAEpD,IAAKhB,EAAS,CACZsH,EAAMC,QAAUA,C,CAGlB,GAAIA,EAAS,CACXlH,EAAoB,K,KAIxB6G,EAAuBjC,SAASqC,IAC9B,MAAMC,EAAUD,EAAMP,MAAM/F,SAAW,EAEvC,IAAKhB,EAAS,CACZsH,EAAMC,QAAUA,C,CAGlB,GAAIA,EAAS,CACXlH,EAAoB,K,KAIxB+G,EAAenC,SAEXqC,IAUA,MAAMC,EAAUD,EAAMjC,MAAMzE,WAAWI,SAAW,EAElD,IAAKhB,EAAS,CACZsH,EAAMC,QAAUA,C,CAGlB,GAAIA,EAAS,CACXlH,EAAoB,K,KAK1B8G,EAAyBlC,SAASqC,IAChC,MAAMC,EAAUD,EAAMjC,MAAMzE,WAAWI,SAAW,EAElD,IAAKhB,EAAS,CACZsH,EAAMK,YAAcJ,EACpBD,EAAMM,aAAeL,C,CAGvB,GAAIA,EAAS,CACXlH,EAAoB,K,KAIxBrB,KAAKqB,kBAAoBA,C,CAuK3B,sBAAMwH,SAGE7I,KAAK0E,aAAa,MAExB,GAAI1E,KAAKgH,aAAc,OACfhH,KAAKa,MAAM,MAAO,MACxBb,KAAK8I,iBAAmB,I,KACnB,CACL9I,KAAK8I,iBAAmB,I,EAI5B,uBAAMC,GACJ,IAAK/I,KAAKyB,aAAc,CACtBzB,KAAKyB,mBAAqBsC,OAAOiF,eAAeC,MAAMC,kBAAkBlJ,KAAKgG,QAAS,S,EAI1F,iBAAAmD,GACEC,EAAuBpJ,KAAKiF,mBAC5BjF,KAAKiF,mB,CAGP,oBAAAoE,GACEC,EAA0BtJ,KAAKiF,kB,CAGzB,iBAAAsE,GACN,OAAOC,EAAA,aAAWC,MAAM,4BAA4BC,MAAM,UAAUC,UAAW3J,KAAK2C,a,CAG9E,qBAAAiH,GACN,MAAM/H,EAAS,IAAII,gBACnB,IAAI4H,EAAqC7J,KAAK6J,mCAC9C,UAAW7J,KAAK6J,qCAAuC,SAAU,CAC/D,IACEA,EAAqCtD,KAAKuD,MAAM9J,KAAK6J,mC,CACrD,MAAOE,GAAQ,C,CAEnB,IAAK,MAAMC,KAASH,EAAoC,CACtD,IAAK,MAAOzC,EAAKf,KAAUhD,OAAO4G,QAAQD,GAAQ,CAChD,GAAI3D,EAAO,CACTxE,EAAOC,IAAIsF,EAAKf,E,GAItB,MAAM6D,EAAyB,IAAIjI,gBAAgB8B,OAAO7B,SAASrC,QACnE,MAAMA,EAASqK,EAAuB/H,IAAI,UAC1C,GAAItC,EAAQ,CACV,MAAMoH,EAAsB,IAAIhF,gBAAgBpC,GAChD,IAAK,MAAOuH,EAAKf,KAAUY,EAAoBgD,UAAW,CACxD,GAAI,CAAC,UAAW,SAASE,QAAQ/C,MAAU,GAAKf,EAAO,CACrDxE,EAAOd,OAAOqG,EAAKf,E,GAIzB,MAAM+D,EAAO,GAAGpK,KAAKqK,iBAAiBxI,EAAOD,aAC7C,OACE4H,EAAA,OAAKC,MAAM,kCACTD,EAAA,eAAazJ,QAAQ,YAAYuK,KAAK,QAAQF,KAAMA,GACjDpK,KAAKuK,gB,CAMd,MAAAC,GACE,MAAMC,EAAkBC,EAAQ1K,KAAKgG,QAAS,gBAC9C,MAAM2E,EAAmBD,EAAQ1K,KAAKgG,QAAS,iBAC/C,IAAI4E,EAAgB,KACpB,GAAIH,EAAiB,CACnB,MAAMI,EAAqB7K,KAAKgG,QAAQ8E,cAAc,yCACtD,MAAMC,EAAoB/K,KAAKgG,QAAQ8E,cAAc,wCACrD,IAAKD,IAAuBE,EAAmB,CAC7CH,EAAgB,K,MAEb,CACLA,EAAgB,K,CAGlB,MAAMI,GAAgBhL,KAAKqB,mBAAqBrB,KAAKmE,eAAiBnE,KAAKmE,cAAgBnE,KAAK8I,iBAEhG,MAAMmC,EAAU,CACd,cAAe,KACf,gCAAiCR,EACjC,iCAAkCE,EAClC,uCAAwC3K,KAAKkL,gBAC7C,wCAAyClL,KAAKmL,iBAC9C,iCAAkCH,EAClC,iCAAkChL,KAAKkB,MACvC,0BAA2BlB,KAAKiB,QAChC,CAAC,gBAAgBjB,KAAKD,aAAcC,KAAKD,SAG3C,MAAMqL,SACGpL,KAAKqL,+BAAiC,WACzCrL,KAAKqL,6BAA6BrL,KAAKgG,SACvChG,KAAKqL,6BAEX,MAAMC,SACGtL,KAAKuL,6BAA+B,WACvCvL,KAAKuL,2BAA2BvL,KAAKgG,SACrChG,KAAKuL,2BAEX,OACE/B,EAACgC,EAAI,qBAAoBb,EAAkBlB,MAAOzJ,KAAKyL,SAAW,2BAA6B,IAC5FzL,KAAKyL,UACJjC,EAAA,OAAKC,MAAM,+BACTD,EAAA,OAAKC,MAAM,uBACTD,EAAA,gBAAcC,MAAM,8BAA8BiC,MAAM,MACrD1L,KAAK2L,SAERnC,EAAA,eACEC,MAAM,6BACNmC,KAAK,QACLC,SAAU,KACVvB,KAAK,QACLvK,QAAQ,WACR+L,QAAS9L,KAAKuF,4BAKtBiE,EAAA,QACEuC,IAAKC,GAAOhM,KAAK4G,YAAcoF,EAC/BC,WAAU,KACVxC,MAAOwB,EACPiB,SAAUlM,KAAK6E,iBACfsH,QAASnM,KAAKqF,iBAGdmE,EAAA,OAAKC,MAAM,4BAA4B2C,aAAcpM,KAAKwE,wBACxDgF,EAAA,QAAM6C,KAAK,kBACTzB,GAAiB5K,KAAKiD,YAAYjB,OAAS,GAC3CwH,EAAA,OAAKC,MAAM,mCACRzJ,KAAKkD,oBACJsG,EAAA,aAAW8C,KAAK,QAAQhC,KAAK,QAAQZ,MAAM,WACxC1J,KAAKkD,oBAGTlD,KAAKiD,YAAY,GAAGsJ,QACnB/C,EAAA,sBACGxJ,KAAKiD,YAAYG,KAAIoJ,GACpBhD,EAAA,iBACEiD,MAAOD,EAAWC,MAClBJ,KAAMG,EAAWnG,MACjBtG,QAAQ,SAAQ,YACL,KAAI,gBACA,KACf2M,OAAQ,KACRH,QAASC,EAAWD,aAK1B/C,EAAA,mBACEmD,SAAU,KACVN,KAAK,UACLI,MAAOzM,KAAKkD,mBAAkB,eAChB,KACdZ,KAAMtC,KAAKiD,YAAYG,KAAIoJ,IAAU,CACnCC,MAAOD,EAAWC,MAClBpG,MAAOmG,EAAWnG,MAClBuG,QAAS,GAAGJ,EAAWK,SACvB9M,QAAS,SACTuK,KAAM,gBAQjBK,GACCnB,EAACsD,EAAQ,KAEPtD,EAAA,OAAKC,MAAM,6BAA6B2C,aAAcpM,KAAK2E,yBACzD6E,EAAA,OAAKC,MAAM,oCACTD,EAAA,OAAKC,MAAM,sCAAsCzJ,KAAKyB,aAAasL,YACnEvD,EAAA,gBAAcwD,KAAMhN,KAAKkF,cAAeuE,MAAM,sCAC5CD,EAAA,eACEC,MAAM,6CACN1J,QAAQ,iBACRuK,KAAK,QACL2C,cAAe,KACfC,eAAgB,KAChBC,aAAa,QACbV,MAAOzM,KAAKyB,aAAasL,aAE3BvD,EAAA,OAAK4D,KAAK,WACR5D,EAAA,QAAM6C,KAAK,uBAQvB7C,EAAA,OAAKC,MAAM,gCACRuB,GACCxB,EAACsD,EAAQ,KACN9M,KAAK+B,QAAQC,SAAW,EACvBwH,EAACsD,EAAQ,KACN9M,KAAKD,UAAY,UAAYC,KAAK0C,gBACjC8G,EAAA,gBACEC,MAAM,+BACNiC,MAAM,KACN2B,MAAOrN,KAAKsN,mBACZ3D,UAAW3J,KAAK0C,iBAInB1C,KAAK2C,aAAe3C,KAAKuJ,oBAEzBvJ,KAAKqK,eAAiBrK,KAAK4J,wBAE3B5J,KAAKuN,WACJ/D,EAAA,aAAWC,MAAM,0BAA0BE,UAAW3J,KAAKuN,YAG5DvN,KAAKwN,gBAAkBxN,KAAKyN,eAC3BjE,EAAA,OAAKC,MAAM,mCACTD,EAAA,aAAWY,KAAMpK,KAAKyN,cAAehB,MAAOzM,KAAKwN,mBAKvDhE,EAACsD,EAAQ,KACN9M,KAAKD,UAAY,UAAYC,KAAK0C,gBACjC8G,EAAA,gBACEC,MAAM,+BACNiC,MAAM,KACN2B,MAAOrN,KAAKsN,mBACZ3D,UAAW3J,KAAK0C,iBAInB1C,KAAK2C,aAAe3C,KAAKuJ,oBAEzBvJ,KAAKqK,eAAiBrK,KAAK4J,wBAE5BJ,EAAC4B,EAAc/H,OAAAC,OAAA,CAACmG,MAAM,wBAA2B6B,GAC9CtL,KAAK+B,QAAQqB,KAAIM,GAChB8F,EAAA,OAAKC,MAAM,4BAA4BE,UAAWjG,EAAOH,MAAQ,QAIrEiG,EAAA,OAAKC,MAAM,gCACRzJ,KAAKY,eACJ4I,EAAA,eACEzJ,QAAQ,YACR0J,MAAM,2BACNgD,MAAOzM,KAAKyB,aAAaiM,SACzB5B,QAAS9L,KAAKgF,gBACd2I,SAAU3N,KAAKiB,QACf2M,aAAc5N,KAAKiB,aAShCjB,KAAKkB,OACJsI,EAAA,OAAKC,MAAM,sBACTD,EAAA,gBAAcqE,KAAK,QAAQpB,MAAOzM,KAAKkB,SAI1ClB,KAAKiB,SAAWuI,EAAA,eAAaC,MAAM,yBAGtCD,EAAA,c"}