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

package/dist/stzh-components/p-6f9626d1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhMicrositeTeaserlistCss","StzhMicrositeTeaserlist","this","_tags","_tagChips","_filteredItems","_filteredSlicedItems","_showMoreLink","handleChange","event","showItems","_initialShowItems","activeFilter","detail","value","handleMoreClick","stepItems","filterHandler","items","filter","item","tags","some","tag","slice","length","tagsWatcher","JSON","parse","map","label","name","id","variant","size","counter","indexOf","toString","apiWatcher","newValue","apiUrl","api","replace","localization","$locale","data","axios","get","componentWillLoad","window","stzhComponents","utils","fetchTranslations","element","render","classes","h","Host","class","tagsLabel","onStzhChange","layout","href","link","image","slot","src","title","description","showMore","onClick"],"sources":["src/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.scss?tag=stzh-microsite-teaserlist&encapsulation=scoped","src/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-microsite-teaserlist {\n  &__filter {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  &__show-more {\n    @include spaceCurve('margin-top', 'medium');\n    display: grid;\n\n    @include mq($from: small) {\n      justify-content: center;\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\nimport axios from \"axios\";\n\nimport { StzhChipselectChangeEvent, StzhChipselectItem, StzhMicrositeTeaserlistItem, StzhMicrositeTeaserlistTag } from \"../../index\";\n\nimport { StzhMicrositeTeaserlistLocalizedText } from \"./stzh-microsite-teaserlist.localization\";\n\n/**\n * @see https://www.stadt-zuerich.ch/site/fuer-zueri/de/index.html\n * @see https://www.stadt-zuerich.ch/site/iazh/de/index.html\n */\n@Component({\n  tag: \"stzh-microsite-teaserlist\",\n  styleUrl: \"stzh-microsite-teaserlist.scss\",\n  scoped: true\n})\nexport class StzhMicrositeTeaserlist {\n  /** Translation strings */\n  @Prop() localization: StzhMicrositeTeaserlistLocalizedText;\n\n  /** API URL (`{lang}` is replaced in the URL)  */\n  @Prop() api: string;\n\n  /** Tags */\n  @Prop() tags: string | StzhMicrositeTeaserlistTag[] = [];\n  private _tags: StzhMicrositeTeaserlistTag[] = [];\n  private _tagChips: StzhChipselectItem[] = [];\n\n  /** Numbers of items currently shown */\n  @Prop({ mutable: true }) showItems: number = 6;\n  private _initialShowItems: number;\n\n  /** Numbers of item shown with each load more action */\n  @Prop() stepItems: number = 6;\n\n  @Element() element: HTMLStzhMicrositeTeaserlistElement;\n\n  /** Active filter */\n  @State() activeFilter: string = \"\";\n\n  @State() items: StzhMicrositeTeaserlistItem[] = [];\n  private _filteredItems: StzhMicrositeTeaserlistItem[] = [];\n  private _filteredSlicedItems: StzhMicrositeTeaserlistItem[] = [];\n  private _showMoreLink: boolean = false;\n\n  @Watch(\"items\")\n  @Watch(\"showItems\")\n  @Watch(\"activeFilter\")\n  async filterHandler() {\n    this._filteredItems = this.items\n      .filter((item) => {\n        // return (this.activeFilter[0] !== \"\") ? item.tags.some(tag => this.activeFilters.indexOf(tag) > -1) : true;\n        return (this.activeFilter !== \"\") ? item.tags.some(tag => this.activeFilter === tag) : true;\n      });\n\n    this._filteredSlicedItems = this._filteredItems\n      .slice(0, this.showItems);\n\n    this._showMoreLink = this.showItems < this._filteredItems.length;\n  }\n\n  @Watch(\"items\")\n  @Watch(\"tags\")\n  async tagsWatcher() {\n    if (typeof this.tags === \"string\") {\n      this._tags = JSON.parse(this.tags);\n    } else {\n      this._tags = this.tags;\n    }\n\n    this._tagChips = this._tags.map((tag) => ({\n      \"label\": tag.name,\n      \"value\": tag.id,\n      \"variant\": \"filter\",\n      \"size\": \"large\",\n      \"counter\": ((tag.id)\n        ? this.items.filter(item => item.tags.indexOf(tag.id) > -1).length\n        : this.items.length).toString()\n    }));\n  }\n\n  @Watch(\"api\")\n  async apiWatcher(newValue: string) {\n    if (!newValue) {\n      return;\n    }\n\n    let apiUrl = this.api.replace(/\\{lang\\}/, this.localization.$locale);\n\n    // load data from API\n    const { data } = await axios.get(apiUrl);\n\n    this.items = data.items;\n    this.showItems = this._initialShowItems;\n  }\n\n  private handleChange = (event: CustomEvent<StzhChipselectChangeEvent>) => {\n    this.showItems = this._initialShowItems;\n    this.activeFilter = typeof event.detail.value === \"string\" ? event.detail.value : event.detail.value[0] || \"\";\n  };\n\n  private handleMoreClick = () => {\n    this.showItems = this.showItems + this.stepItems;\n  };\n\n  async componentWillLoad() {\n    this._initialShowItems = this.showItems;\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"microsite-teaserlist\");\n    }\n\n    await this.apiWatcher(this.api);\n  }\n\n  render() {\n    const classes = {\n      \"stzh-microsite-teaserlist\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          {this._tagChips.length > 0 &&\n            <stzh-chipselect\n              hide-optional\n              label-hidden\n              class=\"stzh-microsite-teaserlist__filter\"\n              label={this.localization.tagsLabel}\n              data={this._tagChips}\n              onStzhChange={this.handleChange}\n            ></stzh-chipselect>\n          }\n\n          <stzh-cardlist layout=\"teasers\">\n            {this._filteredSlicedItems.map((item) =>\n              <stzh-card href={item.link}>\n                {item.image &&\n                  <stzh-ratio slot=\"image\">\n                    <img src={item.image} />\n                  </stzh-ratio>\n                }\n                {item.title &&\n                  <div slot=\"heading\">{item.title}</div>\n                }\n                {/* <stzh-clamp slot=\"heading\" lines={2}>{item.title}</stzh-clamp> */}\n                {item.description &&\n                  <div slot=\"content\">{item.description}</div>\n                }\n                {/* <stzh-clamp slot=\"content\" lines={3}>{item.description}</stzh-clamp> */}\n              </stzh-card>\n            )}\n          </stzh-cardlist>\n\n          {this._showMoreLink &&\n            <div class=\"stzh-microsite-teaserlist__show-more\">\n              <stzh-button\n                variant=\"secondary\"\n                label={this.localization.showMore}\n                onClick={this.handleMoreClick}\n              ></stzh-button>\n            </div>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAA6B,k/E,MCiBtBC,EAAuB,M,yBAS1BC,KAAAC,MAAsC,GACtCD,KAAAE,UAAkC,GAelCF,KAAAG,eAAgD,GAChDH,KAAAI,qBAAsD,GACtDJ,KAAAK,cAAyB,MAqDzBL,KAAAM,aAAgBC,IACtBP,KAAKQ,UAAYR,KAAKS,kBACtBT,KAAKU,oBAAsBH,EAAMI,OAAOC,QAAU,SAAWL,EAAMI,OAAOC,MAAQL,EAAMI,OAAOC,MAAM,IAAM,EAAE,EAGvGZ,KAAAa,gBAAkB,KACxBb,KAAKQ,UAAYR,KAAKQ,UAAYR,KAAKc,SAAS,E,yDA9EI,G,eAKT,E,eAIjB,E,kBAKI,G,WAEgB,E,CAQhD,mBAAMC,GACJf,KAAKG,eAAiBH,KAAKgB,MACxBC,QAAQC,GAEClB,KAAKU,eAAiB,GAAMQ,EAAKC,KAAKC,MAAKC,GAAOrB,KAAKU,eAAiBW,IAAO,OAG3FrB,KAAKI,qBAAuBJ,KAAKG,eAC9BmB,MAAM,EAAGtB,KAAKQ,WAEjBR,KAAKK,cAAgBL,KAAKQ,UAAYR,KAAKG,eAAeoB,M,CAK5D,iBAAMC,GACJ,UAAWxB,KAAKmB,OAAS,SAAU,CACjCnB,KAAKC,MAAQwB,KAAKC,MAAM1B,KAAKmB,K,KACxB,CACLnB,KAAKC,MAAQD,KAAKmB,I,CAGpBnB,KAAKE,UAAYF,KAAKC,MAAM0B,KAAKN,IAAG,CAClCO,MAASP,EAAIQ,KACbjB,MAASS,EAAIS,GACbC,QAAW,SACXC,KAAQ,QACRC,SAAaZ,EAAM,GACfrB,KAAKgB,MAAMC,QAAOC,GAAQA,EAAKC,KAAKe,QAAQb,EAAIS,KAAO,IAAGP,OAC1DvB,KAAKgB,MAAMO,QAAQY,c,CAK3B,gBAAMC,CAAWC,GACf,IAAKA,EAAU,CACb,M,CAGF,IAAIC,EAAStC,KAAKuC,IAAIC,QAAQ,WAAYxC,KAAKyC,aAAaC,SAG5D,MAAMC,KAAEA,SAAeC,EAAMC,IAAIP,GAEjCtC,KAAKgB,MAAQ2B,EAAK3B,MAClBhB,KAAKQ,UAAYR,KAAKS,iB,CAYxB,uBAAMqC,GACJ9C,KAAKS,kBAAoBT,KAAKQ,UAE9B,IAAKR,KAAKyC,aAAc,CACtBzC,KAAKyC,mBAAqBM,OAAOC,eAAeC,MAAMC,kBAAkBlD,KAAKmD,QAAS,uB,OAGlFnD,KAAKoC,WAAWpC,KAAKuC,I,CAG7B,MAAAa,GACE,MAAMC,EAAU,CACd,4BAA6B,MAG/B,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACTrD,KAAKE,UAAUqB,OAAS,GACvB+B,EAAA,4DAGEE,MAAM,oCACN5B,MAAO5B,KAAKyC,aAAagB,UACzBd,KAAM3C,KAAKE,UACXwD,aAAc1D,KAAKM,eAIvBgD,EAAA,iBAAeK,OAAO,WACnB3D,KAAKI,qBAAqBuB,KAAKT,GAC9BoC,EAAA,aAAWM,KAAM1C,EAAK2C,MACnB3C,EAAK4C,OACJR,EAAA,cAAYS,KAAK,SACfT,EAAA,OAAKU,IAAK9C,EAAK4C,SAGlB5C,EAAK+C,OACJX,EAAA,OAAKS,KAAK,WAAW7C,EAAK+C,OAG3B/C,EAAKgD,aACJZ,EAAA,OAAKS,KAAK,WAAW7C,EAAKgD,iBAOjClE,KAAKK,eACJiD,EAAA,OAAKE,MAAM,wCACTF,EAAA,eACEvB,QAAQ,YACRH,MAAO5B,KAAKyC,aAAa0B,SACzBC,QAASpE,KAAKa,oB"}

package/dist/stzh-components/{p-64ba89a2.js → p-7036f004.js}

@@ -1,2 +1,2 @@
-const t="@oiz/stzh-components";const n="3.8.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&&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 g=m;export{g};
-//# sourceMappingURL=p-64ba89a2.js.map
+const t="@oiz/stzh-components";const n="3.8.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&&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 g=m;export{g};
+//# sourceMappingURL=p-7036f004.js.map

package/dist/stzh-components/{p-8aab9098.entry.js → p-7c5e34db.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,F as i,a as o,g as e}from"./p-c7bfac7a.js";import{a as h}from"./p-16892790.js";const a=".sc-stzh-poilist-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-poilist-h,[stzh-hidden].sc-stzh-poilist-h{display:none}.sc-stzh-poilist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-poilist-h *.sc-stzh-poilist,.sc-stzh-poilist-h *.sc-stzh-poilist::before,.sc-stzh-poilist-h *.sc-stzh-poilist::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-poilist-h .has-focus.sc-stzh-poilist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-poilist-h .stzh-fylingfocus-focused.sc-stzh-poilist{outline-style:none !important}.sc-stzh-poilist-h .stzh-fylingfocus-focused.sc-stzh-poilist::-moz-focus-inner{border:0 !important}.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-xsmall);display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 600px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-xlarge)}}.stzh-poilist__header.sc-stzh-poilist stzh-text.sc-stzh-poilist{--color:var(--stzh-color-grey80);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-large);display:grid}@media screen and (min-width: 600px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-poilist__show-more.sc-stzh-poilist{justify-content:center}}.stzh-poilist.sc-stzh-poilist stzh-dropdown.sc-stzh-poilist{--color:var(--stzh-color-primary90);--icon-color:var(--stzh-color-primary90);--icon-angle-color:var(--stzh-color-primary90)}";const r=class{constructor(s){t(this,s);this.handleMoreClick=async()=>{this.loadingText=this.localization.dataLoading;this.isLoading=true;this.currentOffset++;const{data:t}=await h.get(this.getCurrentApiUrl());this.meta=t.meta;this.items=this.items.concat(t.items);this.isLoading=false};this.onSortChange=async t=>{this.activeSorting=t.detail.value;this.currentOffset=0;this.items=[];await this.apiWatcher(this.api)};this.localization=undefined;this.api=undefined;this.currentOffset=0;this.meta=undefined;this.items=[];this.isLoading=true;this.dropdownOptions=[];this.activeSorting=undefined;this.latitude=47.3714332;this.longitude=8.542093;this.geopositionError="";this.loadingText=""}async apiWatcher(t){this.loadingText=this.localization.dataLoading;if(!t){return}const{data:s}=await h.get(this.getCurrentApiUrl());this.meta=s.meta;this.items=s.items;this.isLoading=false}getCurrentApiUrl(){return`${this.api}?offset=${this.currentOffset}&sort=${this.activeSorting}:DESC&latitude=${this.latitude}&longitude=${this.longitude}`}getNumberOfLoadedItems(){if(this.meta.currentPage!==this.meta.totalPages){return this.meta.itemsPerPage*this.meta.currentPage}else{return this.meta.totalItems}}async getUserPosition(){this.loadingText=this.localization.geopositionLoading;try{const t=await this.getPositionAsync();this.latitude=t.coords.latitude;this.longitude=t.coords.longitude}catch(t){console.error("geopositionNotFoundException",t);this.geopositionError=this.localization.geopositionError}}getPositionAsync(){return new Promise(((t,s)=>{if(navigator.geolocation){navigator.geolocation.getCurrentPosition((s=>t(s)),(t=>s(t)))}else{s(new Error("Geolocation is not supported by this browser."))}}))}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"poilist")}this.dropdownOptions=[{text:this.localization.sortByDistance,value:"distance"},{text:this.localization.sortByName,value:"name"}];this.activeSorting=this.dropdownOptions[0].value}async componentDidLoad(){await this.getUserPosition();await this.apiWatcher(this.api)}render(){const t={"stzh-poilist":true};return s(o,null,s("div",{class:t},s("stzh-overlay",{open:this.isLoading},s("stzh-loader",{label:this.loadingText})),this.geopositionError&&s("stzh-message",{type:"error",label:this.geopositionError}),(this.items.length>0||this.meta)&&s(i,null,s("div",{class:"stzh-poilist__header"},s("stzh-text",{size:"micro"},this.getNumberOfLoadedItems()," ",this.localization.of," ",this.meta.totalItems),s("stzh-dropdown",{label:"Sortierung","hide-optional":true,variant:"plain",noSearch:true,inline:true,noWrap:true,onStzhChange:this.onSortChange,items:Array.isArray(this.activeSorting)?this.activeSorting:[this.activeSorting],options:this.dropdownOptions})),s("stzh-cardlist",{layout:"teasers"},this.items.map((t=>s("stzh-poicard",{item:t})))),this.meta.currentPage!==this.meta.totalPages&&s("div",{class:"stzh-poilist__show-more"},s("stzh-button",{variant:"secondary",label:this.localization.showMore,onClick:this.handleMoreClick})))))}get element(){return e(this)}static get watchers(){return{api:["apiWatcher"]}}};r.style=a;export{r as stzh_poilist};
-//# sourceMappingURL=p-8aab9098.entry.js.map
+import{r as t,h as s,F as i,a as o,g as e}from"./p-c7bfac7a.js";import{a as h}from"./p-345a1e99.js";const a=".sc-stzh-poilist-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-poilist-h,[stzh-hidden].sc-stzh-poilist-h{display:none}.sc-stzh-poilist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-poilist-h *.sc-stzh-poilist,.sc-stzh-poilist-h *.sc-stzh-poilist::before,.sc-stzh-poilist-h *.sc-stzh-poilist::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-poilist-h .has-focus.sc-stzh-poilist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-poilist-h .stzh-fylingfocus-focused.sc-stzh-poilist{outline-style:none !important}.sc-stzh-poilist-h .stzh-fylingfocus-focused.sc-stzh-poilist::-moz-focus-inner{border:0 !important}.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-xsmall);display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 600px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-xlarge)}}.stzh-poilist__header.sc-stzh-poilist stzh-text.sc-stzh-poilist{--color:var(--stzh-color-grey80);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-large);display:grid}@media screen and (min-width: 600px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-poilist__show-more.sc-stzh-poilist{justify-content:center}}.stzh-poilist.sc-stzh-poilist stzh-dropdown.sc-stzh-poilist{--color:var(--stzh-color-primary90);--icon-color:var(--stzh-color-primary90);--icon-angle-color:var(--stzh-color-primary90)}";const r=class{constructor(s){t(this,s);this.handleMoreClick=async()=>{this.loadingText=this.localization.dataLoading;this.isLoading=true;this.currentOffset++;const{data:t}=await h.get(this.getCurrentApiUrl());this.meta=t.meta;this.items=this.items.concat(t.items);this.isLoading=false};this.onSortChange=async t=>{this.activeSorting=t.detail.value;this.currentOffset=0;this.items=[];await this.apiWatcher(this.api)};this.localization=undefined;this.api=undefined;this.currentOffset=0;this.meta=undefined;this.items=[];this.isLoading=true;this.dropdownOptions=[];this.activeSorting=undefined;this.latitude=47.3714332;this.longitude=8.542093;this.geopositionError="";this.loadingText=""}async apiWatcher(t){this.loadingText=this.localization.dataLoading;if(!t){return}const{data:s}=await h.get(this.getCurrentApiUrl());this.meta=s.meta;this.items=s.items;this.isLoading=false}getCurrentApiUrl(){return`${this.api}?offset=${this.currentOffset}&sort=${this.activeSorting}:DESC&latitude=${this.latitude}&longitude=${this.longitude}`}getNumberOfLoadedItems(){if(this.meta.currentPage!==this.meta.totalPages){return this.meta.itemsPerPage*this.meta.currentPage}else{return this.meta.totalItems}}async getUserPosition(){this.loadingText=this.localization.geopositionLoading;try{const t=await this.getPositionAsync();this.latitude=t.coords.latitude;this.longitude=t.coords.longitude}catch(t){console.error("geopositionNotFoundException",t);this.geopositionError=this.localization.geopositionError}}getPositionAsync(){return new Promise(((t,s)=>{if(navigator.geolocation){navigator.geolocation.getCurrentPosition((s=>t(s)),(t=>s(t)))}else{s(new Error("Geolocation is not supported by this browser."))}}))}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"poilist")}this.dropdownOptions=[{text:this.localization.sortByDistance,value:"distance"},{text:this.localization.sortByName,value:"name"}];this.activeSorting=this.dropdownOptions[0].value}async componentDidLoad(){await this.getUserPosition();await this.apiWatcher(this.api)}render(){const t={"stzh-poilist":true};return s(o,null,s("div",{class:t},s("stzh-overlay",{open:this.isLoading},s("stzh-loader",{label:this.loadingText})),this.geopositionError&&s("stzh-message",{type:"error",label:this.geopositionError}),(this.items.length>0||this.meta)&&s(i,null,s("div",{class:"stzh-poilist__header"},s("stzh-text",{size:"micro"},this.getNumberOfLoadedItems()," ",this.localization.of," ",this.meta.totalItems),s("stzh-dropdown",{label:"Sortierung","hide-optional":true,variant:"plain",noSearch:true,inline:true,noWrap:true,onStzhChange:this.onSortChange,items:Array.isArray(this.activeSorting)?this.activeSorting:[this.activeSorting],options:this.dropdownOptions})),s("stzh-cardlist",{layout:"teasers"},this.items.map((t=>s("stzh-poicard",{item:t})))),this.meta.currentPage!==this.meta.totalPages&&s("div",{class:"stzh-poilist__show-more"},s("stzh-button",{variant:"secondary",label:this.localization.showMore,onClick:this.handleMoreClick})))))}get element(){return e(this)}static get watchers(){return{api:["apiWatcher"]}}};r.style=a;export{r as stzh_poilist};
+//# sourceMappingURL=p-7c5e34db.entry.js.map

package/dist/stzh-components/{p-b2986e24.entry.js → p-809076ff.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,F as i,a as e,g as r}from"./p-c7bfac7a.js";import{a}from"./p-16892790.js";import{VBZ as c}from"./index.esm.js";const h=".sc-stzh-vbz-ticker-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-ticker-h,[stzh-hidden].sc-stzh-vbz-ticker-h{display:none}.sc-stzh-vbz-ticker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker,.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker::before,.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-vbz-ticker-h .has-focus.sc-stzh-vbz-ticker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-ticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-ticker{outline-style:none !important}.sc-stzh-vbz-ticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-ticker::-moz-focus-inner{border:0 !important}.stzh-vbz-ticker.sc-stzh-vbz-ticker{display:flex;flex-direction:column;position:relative}@media screen and (min-width: 900px){.stzh-vbz-ticker.sc-stzh-vbz-ticker{flex-direction:row;align-items:flex-start}}.stzh-vbz-ticker__content.sc-stzh-vbz-ticker{display:flex;flex-direction:column;gap:var(--stzh-space-xsmall)}.stzh-vbz-ticker__icon.sc-stzh-vbz-ticker{--size:var(--stzh-icon-size-small);margin-right:var(--stzh-space-xsmall)}.stzh-vbz-ticker__title.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:flex;flex-wrap:wrap}@media screen and (min-width: 900px){.stzh-vbz-ticker__title.sc-stzh-vbz-ticker{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-vbz-ticker__title-parts.sc-stzh-vbz-ticker{display:flex;flex-wrap:wrap;margin:calc(var(--stzh-space-xxxsmall) / -1) 0}.stzh-vbz-ticker__title-part.sc-stzh-vbz-ticker{display:flex;align-items:center;white-space:nowrap;margin:var(--stzh-space-xxxsmall) 0;color:var(--stzh-color-grey90)}.stzh-vbz-ticker__title-part.sc-stzh-vbz-ticker:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-vbz-ticker__title-part--major-events.sc-stzh-vbz-ticker{color:var(--stzh-color-coral)}.stzh-vbz-ticker__title-part--disturbances.sc-stzh-vbz-ticker{color:var(--stzh-color-error60)}.stzh-vbz-ticker__chips.sc-stzh-vbz-ticker{display:flex;flex-wrap:wrap;gap:0 var(--stzh-space-xsmall)}.stzh-vbz-ticker__tooltip.sc-stzh-vbz-ticker{--width:20.875rem}.stzh-vbz-ticker__disturbance.sc-stzh-vbz-ticker{display:flex;align-items:flex-start}.stzh-vbz-ticker__disturbance.sc-stzh-vbz-ticker:not(:first-child){margin-top:var(--stzh-space-small)}.stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex}.stzh-vbz-ticker__disturbance-date.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-top:var(--stzh-space-xsmall)}.stzh-vbz-ticker__disturbance--type0.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker,.stzh-vbz-ticker__disturbance--type2.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-vbz-ticker__disturbance-icon.sc-stzh-vbz-ticker{--size:var(--stzh-icon-size-xsmall);margin-top:var(--stzh-space-xxxsmall);margin-right:var(--stzh-space-xsmall)}.stzh-vbz-ticker__disturbance-link.sc-stzh-vbz-ticker{margin-top:var(--stzh-space-xsmall)}";const n=class{constructor(s){t(this,s);this.globalDisturbances=[];this.linesWithDisturbances=[];this.linesWithConstructions=[];this.counter={[`${c.DISTURBANCE_GLOBAL}`]:0,[`${c.DISTURBANCE_INFORMATION}`]:0,[`${c.DISTURBANCE_CONSTRUCTION}`]:0,[`${c.DISTURBANCE_NORMAL}`]:0,[`${c.DISTURBANCE_EVENT}`]:0,[`${c.DISTURBANCE_BUS}`]:0};this.api="https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}";this.data="";this.moreInfoLink="https://zvv.ch/{lang}/fahrplan-und-informationen/verkehrslage.html?himIds={id}";this.dateAdapter=undefined;this.localization=undefined}localizationWatcher(){this.collator=new Intl.Collator(this.localization.$locale,{numeric:true})}async apiWatcher(t){if(!t){return}let s=this.api.replace(/\{lang\}/,this.localization.$locale);s=s+(s.includes("?")?"&":"?")+Date.now();const{data:i}=await a.get(s);this.data=i}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}async dataWatcher(t){var s,i;if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}const e={};(i=(s=this._data)===null||s===void 0?void 0:s.Message)===null||i===void 0?void 0:i.forEach((t=>{const s=t.channel.filter((t=>t.name===c.CHANNEL_TICKER&&t.url)).map((t=>t.url)).reduce(((t,s)=>t.concat(s)),[]);const i=s.find((t=>t.url.indexOf(c.CHANNEL_INFO_URL_FILTER)!==-1));if(t.baseType===c.BASE_TYPE_GLOBAL){this.counter[c.DISTURBANCE_GLOBAL]++;this.globalDisturbances.push({id:t.id,head:t.head,category:t.category,baseType:t.baseType,startDate:new Date(`${t.sDate}T${t.sTime}+02:00`),endDate:new Date(`${t.eDate}T${t.eTime}+02:00`),altStart:t.altStart,altEnd:t.altEnd,infoUrl:i})}else{this.counter[t.category]++}if(t.affectedProduct&&t.category!==c.DISTURBANCE_INFORMATION&&t.baseType!==c.BASE_TYPE_GLOBAL){const s=[];t.affectedProduct.forEach((r=>{if(typeof e[r.lineId]==="undefined"){e[r.lineId]={line:r.line,name:r.name,category:r.cls,disturbances:[],alert:false}}if(t.category===c.DISTURBANCE_EVENT||t.category===c.DISTURBANCE_GLOBAL){e[r.lineId].alert=true}if(!s.includes(r.lineId)){s.push(r.lineId);e[r.lineId].disturbances.push({id:t.id,head:t.head,category:t.category,baseType:t.baseType,startDate:new Date(`${t.sDate}T${t.sTime}+02:00`),endDate:new Date(`${t.eDate}T${t.eTime}+02:00`),altStart:t.altStart,altEnd:t.altEnd,infoUrl:i})}}))}}));this.linesWithDisturbances=Object.keys(e).map((t=>e[t])).filter((t=>t.disturbances.findIndex((t=>t.category!==c.DISTURBANCE_CONSTRUCTION))>-1));this.linesWithConstructions=Object.keys(e).map((t=>e[t])).filter((t=>t.disturbances.findIndex((t=>t.category===c.DISTURBANCE_CONSTRUCTION))>-1));this.linesWithDisturbances.sort(((t,s)=>this.collator.compare(t.line,s.line)));this.linesWithConstructions.sort(((t,s)=>this.collator.compare(t.line,s.line)))}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"vbz-ticker");this.localizationWatcher()}this.dateAdapterWatcher(this.dateAdapter);if(this.data){await this.dataWatcher(this.data)}else{await this.apiWatcher(this.api)}}renderDisturbance(t){return s("div",{class:{"stzh-vbz-ticker__disturbance":true,[`stzh-vbz-ticker__disturbance--type${t.category}`]:!!t.category}},s("div",{class:"stzh-vbz-ticker__disturbance-text"},s("div",{class:"stzh-vbz-ticker__disturbance-title"},t.head),s("div",{class:"stzh-vbz-ticker__disturbance-date"},this.dateAdapter.formatSpan(t.altStart||t.startDate,t.altEnd||t.endDate,"date")),t.infoUrl?s("stzh-link",{class:"stzh-vbz-ticker__disturbance-link",size:"small",href:t.infoUrl.url},this.localization.moreInfo):s("stzh-link",{class:"stzh-vbz-ticker__disturbance-link",size:"small",target:"_blank",icon:"external-link",href:this.moreInfoLink.replace(/\{lang\}/,this.localization.$locale).replace(/\{id\}/,t.id)},this.localization.moreInfo)))}render(){const t={"stzh-vbz-ticker":true};return s(e,null,s("div",{class:t},s("div",{class:"stzh-vbz-ticker__content"},this.counter[c.DISTURBANCE_NORMAL]>0&&s(i,null,s("div",{class:"stzh-vbz-ticker__title"},s("div",{class:"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances"},s("stzh-icon",{class:"stzh-vbz-ticker__icon",name:"warning"}),this.localization.disturbancesTitle)),s("div",{class:"stzh-vbz-ticket__lines"},s("div",{class:"stzh-vbz-ticker__chips",role:"list"},this.linesWithDisturbances.map((t=>s("div",{class:"stzh-vbz-ticker__chip",role:"listitem"},s("stzh-tooltip",{class:"stzh-vbz-ticker__tooltip"},s("stzh-vbz-linechip",{line:t.line,alert:t.alert}),s("div",{class:"stzh-vbz-ticker__tooltip-content",slot:"content"},t.disturbances.map((t=>this.renderDisturbance(t))))))))))),(this.counter[c.DISTURBANCE_CONSTRUCTION]>0||this.counter[c.DISTURBANCE_EVENT]>0||this.counter[c.DISTURBANCE_BUS]>0)&&s(i,null,s("div",{class:"stzh-vbz-ticker__title"},s("div",{class:"stzh-vbz-ticker__title-parts"},s("div",{class:"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others"},s("stzh-icon",{class:"stzh-vbz-ticker__icon",name:"construction"}),this.localization.constructionsTitle))),s("div",{class:"stzh-vbz-ticket__lines"},s("div",{class:"stzh-vbz-ticker__chips",role:"list"},this.linesWithConstructions.map((t=>s("div",{class:"stzh-vbz-ticker__chip",role:"listitem"},s("stzh-tooltip",{class:"stzh-vbz-ticker__tooltip"},s("stzh-vbz-linechip",{line:t.line,alert:t.alert}),s("div",{class:"stzh-vbz-ticker__tooltip-content",slot:"content"},t.disturbances.map((t=>this.renderDisturbance(t))))))))))),s("div",{class:"stzh-vbz-ticker__link"},s("slot",{name:"link"})))))}get element(){return r(this)}static get watchers(){return{localization:["localizationWatcher"],api:["apiWatcher"],dateAdapter:["dateAdapterWatcher"],data:["dataWatcher"]}}};n.style=h;export{n as stzh_vbz_ticker};
-//# sourceMappingURL=p-b2986e24.entry.js.map
+import{r as t,h as s,F as i,a as e,g as r}from"./p-c7bfac7a.js";import{a}from"./p-345a1e99.js";import{VBZ as c}from"./index.esm.js";const h=".sc-stzh-vbz-ticker-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-ticker-h,[stzh-hidden].sc-stzh-vbz-ticker-h{display:none}.sc-stzh-vbz-ticker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker,.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker::before,.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-vbz-ticker-h .has-focus.sc-stzh-vbz-ticker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-ticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-ticker{outline-style:none !important}.sc-stzh-vbz-ticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-ticker::-moz-focus-inner{border:0 !important}.stzh-vbz-ticker.sc-stzh-vbz-ticker{display:flex;flex-direction:column;position:relative}@media screen and (min-width: 900px){.stzh-vbz-ticker.sc-stzh-vbz-ticker{flex-direction:row;align-items:flex-start}}.stzh-vbz-ticker__content.sc-stzh-vbz-ticker{display:flex;flex-direction:column;gap:var(--stzh-space-xsmall)}.stzh-vbz-ticker__icon.sc-stzh-vbz-ticker{--size:var(--stzh-icon-size-small);margin-right:var(--stzh-space-xsmall)}.stzh-vbz-ticker__title.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:flex;flex-wrap:wrap}@media screen and (min-width: 900px){.stzh-vbz-ticker__title.sc-stzh-vbz-ticker{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-vbz-ticker__title-parts.sc-stzh-vbz-ticker{display:flex;flex-wrap:wrap;margin:calc(var(--stzh-space-xxxsmall) / -1) 0}.stzh-vbz-ticker__title-part.sc-stzh-vbz-ticker{display:flex;align-items:center;white-space:nowrap;margin:var(--stzh-space-xxxsmall) 0;color:var(--stzh-color-grey90)}.stzh-vbz-ticker__title-part.sc-stzh-vbz-ticker:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-vbz-ticker__title-part--major-events.sc-stzh-vbz-ticker{color:var(--stzh-color-coral)}.stzh-vbz-ticker__title-part--disturbances.sc-stzh-vbz-ticker{color:var(--stzh-color-error60)}.stzh-vbz-ticker__chips.sc-stzh-vbz-ticker{display:flex;flex-wrap:wrap;gap:0 var(--stzh-space-xsmall)}.stzh-vbz-ticker__tooltip.sc-stzh-vbz-ticker{--width:20.875rem}.stzh-vbz-ticker__disturbance.sc-stzh-vbz-ticker{display:flex;align-items:flex-start}.stzh-vbz-ticker__disturbance.sc-stzh-vbz-ticker:not(:first-child){margin-top:var(--stzh-space-small)}.stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex}.stzh-vbz-ticker__disturbance-date.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-top:var(--stzh-space-xsmall)}.stzh-vbz-ticker__disturbance--type0.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker,.stzh-vbz-ticker__disturbance--type2.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-vbz-ticker__disturbance-icon.sc-stzh-vbz-ticker{--size:var(--stzh-icon-size-xsmall);margin-top:var(--stzh-space-xxxsmall);margin-right:var(--stzh-space-xsmall)}.stzh-vbz-ticker__disturbance-link.sc-stzh-vbz-ticker{margin-top:var(--stzh-space-xsmall)}";const n=class{constructor(s){t(this,s);this.globalDisturbances=[];this.linesWithDisturbances=[];this.linesWithConstructions=[];this.counter={[`${c.DISTURBANCE_GLOBAL}`]:0,[`${c.DISTURBANCE_INFORMATION}`]:0,[`${c.DISTURBANCE_CONSTRUCTION}`]:0,[`${c.DISTURBANCE_NORMAL}`]:0,[`${c.DISTURBANCE_EVENT}`]:0,[`${c.DISTURBANCE_BUS}`]:0};this.api="https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}";this.data="";this.moreInfoLink="https://zvv.ch/{lang}/fahrplan-und-informationen/verkehrslage.html?himIds={id}";this.dateAdapter=undefined;this.localization=undefined}localizationWatcher(){this.collator=new Intl.Collator(this.localization.$locale,{numeric:true})}async apiWatcher(t){if(!t){return}let s=this.api.replace(/\{lang\}/,this.localization.$locale);s=s+(s.includes("?")?"&":"?")+Date.now();const{data:i}=await a.get(s);this.data=i}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}async dataWatcher(t){var s,i;if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}const e={};(i=(s=this._data)===null||s===void 0?void 0:s.Message)===null||i===void 0?void 0:i.forEach((t=>{const s=t.channel.filter((t=>t.name===c.CHANNEL_TICKER&&t.url)).map((t=>t.url)).reduce(((t,s)=>t.concat(s)),[]);const i=s.find((t=>t.url.indexOf(c.CHANNEL_INFO_URL_FILTER)!==-1));if(t.baseType===c.BASE_TYPE_GLOBAL){this.counter[c.DISTURBANCE_GLOBAL]++;this.globalDisturbances.push({id:t.id,head:t.head,category:t.category,baseType:t.baseType,startDate:new Date(`${t.sDate}T${t.sTime}+02:00`),endDate:new Date(`${t.eDate}T${t.eTime}+02:00`),altStart:t.altStart,altEnd:t.altEnd,infoUrl:i})}else{this.counter[t.category]++}if(t.affectedProduct&&t.category!==c.DISTURBANCE_INFORMATION&&t.baseType!==c.BASE_TYPE_GLOBAL){const s=[];t.affectedProduct.forEach((r=>{if(typeof e[r.lineId]==="undefined"){e[r.lineId]={line:r.line,name:r.name,category:r.cls,disturbances:[],alert:false}}if(t.category===c.DISTURBANCE_EVENT||t.category===c.DISTURBANCE_GLOBAL){e[r.lineId].alert=true}if(!s.includes(r.lineId)){s.push(r.lineId);e[r.lineId].disturbances.push({id:t.id,head:t.head,category:t.category,baseType:t.baseType,startDate:new Date(`${t.sDate}T${t.sTime}+02:00`),endDate:new Date(`${t.eDate}T${t.eTime}+02:00`),altStart:t.altStart,altEnd:t.altEnd,infoUrl:i})}}))}}));this.linesWithDisturbances=Object.keys(e).map((t=>e[t])).filter((t=>t.disturbances.findIndex((t=>t.category!==c.DISTURBANCE_CONSTRUCTION))>-1));this.linesWithConstructions=Object.keys(e).map((t=>e[t])).filter((t=>t.disturbances.findIndex((t=>t.category===c.DISTURBANCE_CONSTRUCTION))>-1));this.linesWithDisturbances.sort(((t,s)=>this.collator.compare(t.line,s.line)));this.linesWithConstructions.sort(((t,s)=>this.collator.compare(t.line,s.line)))}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"vbz-ticker");this.localizationWatcher()}this.dateAdapterWatcher(this.dateAdapter);if(this.data){await this.dataWatcher(this.data)}else{await this.apiWatcher(this.api)}}renderDisturbance(t){return s("div",{class:{"stzh-vbz-ticker__disturbance":true,[`stzh-vbz-ticker__disturbance--type${t.category}`]:!!t.category}},s("div",{class:"stzh-vbz-ticker__disturbance-text"},s("div",{class:"stzh-vbz-ticker__disturbance-title"},t.head),s("div",{class:"stzh-vbz-ticker__disturbance-date"},this.dateAdapter.formatSpan(t.altStart||t.startDate,t.altEnd||t.endDate,"date")),t.infoUrl?s("stzh-link",{class:"stzh-vbz-ticker__disturbance-link",size:"small",href:t.infoUrl.url},this.localization.moreInfo):s("stzh-link",{class:"stzh-vbz-ticker__disturbance-link",size:"small",target:"_blank",icon:"external-link",href:this.moreInfoLink.replace(/\{lang\}/,this.localization.$locale).replace(/\{id\}/,t.id)},this.localization.moreInfo)))}render(){const t={"stzh-vbz-ticker":true};return s(e,null,s("div",{class:t},s("div",{class:"stzh-vbz-ticker__content"},this.counter[c.DISTURBANCE_NORMAL]>0&&s(i,null,s("div",{class:"stzh-vbz-ticker__title"},s("div",{class:"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances"},s("stzh-icon",{class:"stzh-vbz-ticker__icon",name:"warning"}),this.localization.disturbancesTitle)),s("div",{class:"stzh-vbz-ticket__lines"},s("div",{class:"stzh-vbz-ticker__chips",role:"list"},this.linesWithDisturbances.map((t=>s("div",{class:"stzh-vbz-ticker__chip",role:"listitem"},s("stzh-tooltip",{class:"stzh-vbz-ticker__tooltip"},s("stzh-vbz-linechip",{line:t.line,alert:t.alert}),s("div",{class:"stzh-vbz-ticker__tooltip-content",slot:"content"},t.disturbances.map((t=>this.renderDisturbance(t))))))))))),(this.counter[c.DISTURBANCE_CONSTRUCTION]>0||this.counter[c.DISTURBANCE_EVENT]>0||this.counter[c.DISTURBANCE_BUS]>0)&&s(i,null,s("div",{class:"stzh-vbz-ticker__title"},s("div",{class:"stzh-vbz-ticker__title-parts"},s("div",{class:"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others"},s("stzh-icon",{class:"stzh-vbz-ticker__icon",name:"construction"}),this.localization.constructionsTitle))),s("div",{class:"stzh-vbz-ticket__lines"},s("div",{class:"stzh-vbz-ticker__chips",role:"list"},this.linesWithConstructions.map((t=>s("div",{class:"stzh-vbz-ticker__chip",role:"listitem"},s("stzh-tooltip",{class:"stzh-vbz-ticker__tooltip"},s("stzh-vbz-linechip",{line:t.line,alert:t.alert}),s("div",{class:"stzh-vbz-ticker__tooltip-content",slot:"content"},t.disturbances.map((t=>this.renderDisturbance(t))))))))))),s("div",{class:"stzh-vbz-ticker__link"},s("slot",{name:"link"})))))}get element(){return r(this)}static get watchers(){return{localization:["localizationWatcher"],api:["apiWatcher"],dateAdapter:["dateAdapterWatcher"],data:["dataWatcher"]}}};n.style=h;export{n as stzh_vbz_ticker};
+//# sourceMappingURL=p-809076ff.entry.js.map

package/dist/stzh-components/{p-5bafa548.entry.js → p-84f8307b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,a as n,g as s,F as o}from"./p-c7bfac7a.js";import{w as a}from"./p-54bd842e.js";import{s as r,a as h,b as c}from"./p-7e2354d0.js";import{h as d}from"./p-ebd6dda5.js";import"./p-9b063923.js";const l=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px;--margin-left:inherit;--margin-right:inherit}.stzh-accordion{display:grid;gap:var(--stzh-space-xsmall);margin-left:var(--margin-left);margin-right:var(--margin-left);}.stzh-accordion__heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-xlarge)}}.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-medium) * -1);margin-right:calc(var(--stzh-space-medium) * -1)}@media screen and (min-width: 600px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-large) * -1)}}@media screen and (min-width: 900px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-xlarge) * -1)}}@media screen and (min-width: 1260px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-xxlarge) * -1)}}@media screen and (min-width: 600px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-large) * -1)}}@media screen and (min-width: 900px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-xlarge) * -1)}}@media screen and (min-width: 1260px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-xxlarge) * -1)}}";const m=class{constructor(e){t(this,e);this.stzhVariantChange=i(this,"stzhVariantChange",7);this.variant="default";this.heading="";this.collapsible=true;this.multiselectable=true;this.isNested=undefined}variantWatcher(t){this.stzhVariantChange.emit({component:"stzh-accordion",value:t})}openListener(t){const i=t.target;const e=i.closest("stzh-accordion");if(this.multiselectable||t.detail&&t.detail.component!=="stzh-accordion-item"||e!==this.element){return}const n=Array.from(e.querySelectorAll("stzh-accordion-item"));n.forEach((t=>{if(t!==i){t.hide()}}))}async setItemFocus(t,i){const e=t.closest("stzh-accordion");if(e!==this.element){return}const n=Array.from(e.querySelectorAll(":scope > stzh-accordion-item")).filter((t=>!t.disabled));const s=n.indexOf(t);if((i==="prev"||i==="next")&&s===null){i=i==="prev"?"last":"first"}if(i==="prev"&&s===0){i="last"}if(i==="next"&&s===n.length-1){i="first"}if(i==="prev"){n[s-1].focus()}else if(i==="next"){n[s+1].focus()}else if(i==="last"){n[n.length-1].focus()}else if(i==="first"){n[0].focus()}else{t.focus()}}checkIfNested(){let t=this.element.parentElement;while(t){if(t.tagName.toLowerCase()==="stzh-accordion"){this.isNested=true;break}t=t.parentElement}}componentDidLoad(){this.checkIfNested()}render(){const t={"stzh-accordion":true,"stzh-accordion--is-nested":this.isNested};return e(n,null,e("div",{class:t},this.heading&&e("div",{class:"stzh-accordion__heading"},e("stzh-heading",{level:"2"},this.heading)),e("slot",null)))}get element(){return s(this)}static get watchers(){return{variant:["variantWatcher"]}}};m.style=l;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],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--trigger-size:1.125rem;--trigger-color:currentColor;--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-accordion-button-color, var(--stzh-color-primary70));--button-background-color:var(--stzh-color-secondary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-secondary40);--hover-trigger-color:var(--trigger-color);--transition-duration:200ms}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active), (-ms-high-contrast: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}:host(:where([is-variant=table])){--trigger-size:var(--stzh-icon-size);--content-background:var(--stzh-color-grey10);--button-background-color:var(--stzh-color-grey20);--trigger-color:var(--stzh-color-black);--hover-button-background-color:var(--stzh-color-grey30)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-variant=table])){--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}:host(:where([disabled]:not([disabled=false]))){--button-color:var(--stzh-color-grey80);--button-background-color:var(--stzh-color-grey20);--trigger-color:var(--stzh-color-grey80);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-trigger-color:var(--trigger-color)}.stzh-accordion-item{}.stzh-accordion-item__heading{position:relative;margin:0}.stzh-accordion-item__button{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);font-family:inherit;width:100%;appearance:none;display:flex;align-items:center;min-height:3.75rem;color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--transition-duration);cursor:pointer}@media screen and (min-width: 900px){.stzh-accordion-item__button{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-accordion-item__button{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-xxlarge)}}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button{transition:none}}.stzh-accordion-item__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-xxlarge)}}.stzh-accordion-item__button-text{flex-grow:1}.stzh-accordion-item__button-icon.is-default{position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button-icon.is-default::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.15625rem;transition-property:transform, background-color;transition-duration:var(--transition-duration);transform-origin:top left;background-color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button-icon.is-default::after{transition:none}}.stzh-accordion-item__button-icon.is-default::before{transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.is-default::after{transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.is-table{--size:var(--trigger-size);transition-property:transform, color;transition-duration:var(--transition-duration);color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button-icon.is-table{transition:none}}.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-table{color:var(--hover-trigger-color)}.stzh-accordion-item__content{overflow:hidden;background-color:var(--content-background)}@media print{.stzh-accordion-item__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-accordion-item__icon-wrapper{--stzh-icon-size:var(--icon-size);align-self:flex-start}.stzh-accordion-item__badge{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-accordion-item__heading-text,.stzh-accordion-item__description,.stzh-accordion-item__subtitle{display:block}.stzh-accordion-item__subtitle{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-accordion-item__subtitle{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-accordion-item--has-icon .stzh-accordion-item__icon-wrapper{margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xsmall)}}.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-default::after{transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-table{transform:rotate(180deg)}.stzh-accordion-item--table .stzh-accordion-item__button,.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}.stzh-accordion-item__button{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);min-height:3.5rem}.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-accordion-item--table .stzh-accordion-item__heading-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-accordion-item--is-disabled .stzh-accordion-item__button{cursor:not-allowed}';const g={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};const p={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let f=0;const u=class{constructor(e){t(this,e);this.stzhOpen=i(this,"stzhOpen",7);this.stzhOpened=i(this,"stzhOpened",7);this.stzhClose=i(this,"stzhClose",7);this.stzhClosed=i(this,"stzhClosed",7);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this.toggledByMethod=false;this.focusedByInput=false;this.shiftPressed=false;this.handleVariantChange=t=>{this.variantWatcher(this.variant)};this.handleHeaderClick=()=>{if(typeof this.collapsible!=="undefined"){if(this.collapsible){this.toggle()}else if(!this.open){this.show()}}else if(!this.accordion||this.accordion.collapsible){this.toggle()}else if(!this.open){this.show()}};this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;if(this.shiftPressed){this.rootTabindex=-1}this.stzhFocus.emit({component:"stzh-accordion-item",originalEvent:t})};this.onBlur=t=>{this.rootTabindex=0;this.stzhBlur.emit({component:"stzh-accordion-item",originalEvent:t})};this.onButtonKeydown=t=>{let i=null;if(t.key==="ArrowDown"){i="next"}else if(t.key==="ArrowUp"){i="prev"}else if(t.key==="Home"){i="first"}else if(t.key==="End"){i="last"}else if(t.key==="PageDown"&&t.ctrlKey){i="next"}else if(t.key==="PageUp"&&t.ctrlKey){i="prev"}if(t.key==="Shift"){this.rootTabindex=-1}if(i){t.preventDefault();this.accordion.setItemFocus(this.element,i)}};this.onContentKeydown=t=>{if(!t.ctrlKey){return}let i=null;if(t.key==="PageDown"){i="next"}else if(t.key==="PageUp"){i="prev"}if(i){t.preventDefault();this.accordion.setItemFocus(this.element,i)}};this.variant=undefined;this.collapsible=undefined;this.open=false;this.disabled=false;this.heading="";this.subtitle="";this.description="";this.icon="";this.badge="";this.badgeEmpty=false;this.badgeType="default";this.headingLevel="3";this.analyticsId=undefined;this.rootTabindex=0;this._variant=undefined}variantWatcher(t){if(typeof t!=="undefined"){this._variant=t}else if(this.accordion){this._variant=this.accordion.variant}}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}await r(this.bodyElement);this.bodyElement.hidden=false;await h(this.bodyElement,c(g.keyframes,{height:this.bodyElement.scrollHeight}),g.options);this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}await r(this.bodyElement);this.bodyElement.style.overflow="hidden";await h(this.bodyElement,c(p.keyframes,{height:this.bodyElement.scrollHeight}),p.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}}this.toggledByMethod=false}async show(){if(this.open||this.disabled){return}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open||this.disabled){return}this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}handleKeydown(t){if(t.key==="Shift"){this.shiftPressed=true}}handleKeyup(t){if(t.key==="Shift"){this.shiftPressed=false}}componentWillLoad(){this.accordionItemId=`stzh-accordion-item-${f++}`}componentDidLoad(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden"}async connectedCallback(){this.accordion=this.element.closest("stzh-accordion");if(this.accordion){this.accordion.addEventListener("stzhVariantChange",this.handleVariantChange)}this.variantWatcher(this.variant)}disconnectedCallback(){if(this.accordion){this.accordion.removeEventListener("stzhVariantChange",this.handleVariantChange);this.accordion=null}}render(){let t=d(this.element,"icon")||!!this.icon;if(this.iconWrapperElement){t=d(this.iconWrapperElement,"icon")||!!this.icon}const i=`h${this.headingLevel}`;const s={"stzh-accordion-item":true,"stzh-accordion-item--has-icon":t,"stzh-accordion-item--has-description":!!this.description,"stzh-accordion-item--has-subtitle":!!this.subtitle,"stzh-accordion-item--is-open":this.open,"stzh-accordion-item--is-disabled":this.disabled,[`stzh-accordion-item--${this._variant}`]:!!this._variant};return e(n,{tabindex:this.disabled?null:this.rootTabindex,onFocus:this.onRootFocus,"is-variant":this._variant},e("div",{class:s},e(i,{id:`${this.accordionItemId}-header`,class:"stzh-accordion-item__heading",onClick:this.handleHeaderClick},e("button",{ref:t=>this.buttonElement=t,class:"stzh-accordion-item__button","aria-controls":`${this.accordionItemId}-content`,"aria-expanded":`${this.open?"true":"false"}`,disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onButtonKeydown,type:"button","s-object-id":this.analyticsId||this.heading},e("span",{class:"stzh-accordion-item__icon-wrapper",ref:t=>this.iconWrapperElement=t},this.icon?e("stzh-icon",{class:"stzh-accordion-item__icon",name:this.icon}):e("slot",{name:"icon"})),e("span",{class:"stzh-accordion-item__button-text"},e("span",{class:"stzh-accordion-item__subtitle"},this.subtitle),e("span",{class:"stzh-accordion-item__heading-text"},this.heading),e("span",{class:"stzh-accordion-item__description"},this.description)),this._variant==="table"?e("stzh-icon",{name:"angle-down",class:"stzh-accordion-item__button-icon is-table"}):e("span",{class:"stzh-accordion-item__button-icon is-default"}),(this.badge||this.badgeEmpty)&&e("stzh-badge",{class:"stzh-accordion-item__badge",label:this.badge,type:this.badgeType}))),e("div",{id:`${this.accordionItemId}-content`,ref:t=>this.bodyElement=t,class:"stzh-accordion-item__content","aria-labelledby":`${this.accordionItemId}-header`,role:"region",onKeyDown:this.onContentKeydown},e("div",{class:"stzh-accordion-item__content-inner"},e("slot",null)))))}get element(){return s(this)}static get watchers(){return{variant:["variantWatcher"],open:["openWatcher"]}}};u.style=z;const v=".sc-stzh-pagination-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pagination-h,[stzh-hidden].sc-stzh-pagination-h{display:none}.sc-stzh-pagination-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagination-h *.sc-stzh-pagination,.sc-stzh-pagination-h *.sc-stzh-pagination::before,.sc-stzh-pagination-h *.sc-stzh-pagination::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pagination-h .has-focus.sc-stzh-pagination{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagination-h .stzh-fylingfocus-focused.sc-stzh-pagination{outline-style:none !important}.sc-stzh-pagination-h .stzh-fylingfocus-focused.sc-stzh-pagination::-moz-focus-inner{border:0 !important}.sc-stzh-pagination-h{--justify-content:inherit;--padding-left:calc(var(--stzh-form-input-height) + var(--stzh-space-medium))}.stzh-pagination.sc-stzh-pagination{position:relative;display:flex;align-items:center;gap:var(--stzh-space-medium);padding-left:var(--padding-left);justify-content:var(--justify-content)}.stzh-pagination__input.sc-stzh-pagination{--text-align:center;--input-width:var(--stzh-form-input-height);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;position:absolute;top:0;left:0}.stzh-pagination__total.sc-stzh-pagination{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);color:var(--stzh-color-grey70)}.stzh-pagination--size-small.sc-stzh-pagination{padding-left:calc(var(--stzh-form-input-small-height) + var(--stzh-space-medium))}.stzh-pagination--size-small.sc-stzh-pagination .stzh-pagination__input.sc-stzh-pagination{--input-width:var(--stzh-form-input-small-height)}";const _=class{constructor(e){t(this,e);this.stzhChange=i(this,"stzhChange",7);this.gotoPage=t=>{const i=this.value;if(t>=1&&t<=this.total){this.value=t}else if(t>this.total){this.value=this.total}else{this.value=1}if(i!==this.value){this.stzhChange.emit({component:"stzh-pagination",page:Number(this.value)})}};this.onRootFocus=()=>{if(this.input){this.input.focus()}};this.onInputChange=t=>{const i=Number(t.detail.value)||1;this.gotoPage(i)};this.total=1;this.name="";this.value=1;this.label="";this.labelHidden=false;this.readonly=false;this.disabled=false;this.allowManualInput=true;this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.size="default";this.width="default";this.a11yDescribedby="";this.localization=undefined}async prev(){this.gotoPage(this.value-1)}async next(){this.gotoPage(this.value+1)}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pagination")}}render(){var t;const i={"stzh-pagination":true,[`stzh-pagination--size-${this.size}`]:!!this.size};return e(n,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{class:i},this.allowManualInput?e(o,null,e("stzh-input",{class:"stzh-pagination__input",type:"number",min:1,max:this.total,label:this.label||this.localization.label,labelHidden:true,ref:t=>this.input=t,onStzhChange:this.onInputChange,value:((t=this.value)===null||t===void 0?void 0:t.toString())||"",required:this.required,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,a11yDescribedby:this.a11yDescribedby,name:this.name,size:this.size,invalid:this.invalid,hideOptional:true,noAutocomplete:true}),e("div",{class:"stzh-pagination__total"},this.localization.totalLabel.replace(/\{total\}/gi,this.total.toString()))):e("div",{class:"stzh-pagination__total"},this.value," ",this.localization.totalLabel.replace(/\{total\}/gi,this.total.toString())),e("stzh-buttongroup",null,e("stzh-button",{variant:"tertiary",icon:"angle-left","icon-only":true,size:this.size,a11yDisabled:this.value<=1,a11yDescribedby:this.a11yDescribedby,a11yLabel:`${this.label||this.localization.label}, ${this.localization.prevLabel}, ${this.localization.selectedPageLabel} ${this.value}`,disabled:this.disabled,onClick:()=>this.prev()}),e("stzh-button",{variant:"tertiary",icon:"angle-right","icon-only":true,size:this.size,a11yDisabled:this.value>=this.total,a11yDescribedby:this.a11yDescribedby,a11yLabel:`${this.label||this.localization.label}, ${this.localization.nextLabel}, ${this.localization.selectedPageLabel} ${this.value}`,disabled:this.disabled,onClick:()=>this.next()}))))}get element(){return s(this)}};_.style=v;export{m as stzh_accordion,u as stzh_accordion_item,_ as stzh_pagination};
-//# sourceMappingURL=p-5bafa548.entry.js.map
+import{r as t,c as i,h as e,a as n,g as s,F as o}from"./p-c7bfac7a.js";import{w as a}from"./p-54bd842e.js";import{s as r,a as h,b as c}from"./p-7e2354d0.js";import{h as d}from"./p-ebd6dda5.js";import"./p-9b063923.js";const l=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px;--margin-left:inherit;--margin-right:inherit}.stzh-accordion{display:grid;gap:var(--stzh-space-xsmall);margin-left:var(--margin-left);margin-right:var(--margin-left);}.stzh-accordion__heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-xlarge)}}.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-medium) * -1);margin-right:calc(var(--stzh-space-medium) * -1)}@media screen and (min-width: 600px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-large) * -1)}}@media screen and (min-width: 900px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-xlarge) * -1)}}@media screen and (min-width: 1260px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-xxlarge) * -1)}}@media screen and (min-width: 600px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-large) * -1)}}@media screen and (min-width: 900px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-xlarge) * -1)}}@media screen and (min-width: 1260px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-xxlarge) * -1)}}";const m=class{constructor(e){t(this,e);this.stzhVariantChange=i(this,"stzhVariantChange",7);this.variant="default";this.heading="";this.collapsible=true;this.multiselectable=true;this.isNested=undefined}variantWatcher(t){this.stzhVariantChange.emit({component:"stzh-accordion",value:t})}openListener(t){const i=t.target;const e=i.closest("stzh-accordion");if(this.multiselectable||t.detail&&t.detail.component!=="stzh-accordion-item"||e!==this.element){return}const n=Array.from(e.querySelectorAll("stzh-accordion-item"));n.forEach((t=>{if(t!==i){t.hide()}}))}async setItemFocus(t,i){const e=t.closest("stzh-accordion");if(e!==this.element){return}const n=Array.from(e.querySelectorAll(":scope > stzh-accordion-item")).filter((t=>!t.disabled));const s=n.indexOf(t);if((i==="prev"||i==="next")&&s===null){i=i==="prev"?"last":"first"}if(i==="prev"&&s===0){i="last"}if(i==="next"&&s===n.length-1){i="first"}if(i==="prev"){n[s-1].focus()}else if(i==="next"){n[s+1].focus()}else if(i==="last"){n[n.length-1].focus()}else if(i==="first"){n[0].focus()}else{t.focus()}}checkIfNested(){let t=this.element.parentElement;while(t){if(t.tagName.toLowerCase()==="stzh-accordion"){this.isNested=true;break}t=t.parentElement}}componentDidLoad(){this.checkIfNested()}render(){const t={"stzh-accordion":true,"stzh-accordion--is-nested":this.isNested};return e(n,null,e("div",{class:t},this.heading&&e("div",{class:"stzh-accordion__heading"},e("stzh-heading",{level:"2"},this.heading)),e("slot",null)))}get element(){return s(this)}static get watchers(){return{variant:["variantWatcher"]}}};m.style=l;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],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--trigger-size:1.125rem;--trigger-color:currentColor;--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-accordion-button-color, var(--stzh-color-primary70));--button-background-color:var(--stzh-color-secondary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-secondary40);--hover-trigger-color:var(--trigger-color);--transition-duration:200ms}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active), (-ms-high-contrast: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}:host(:where([is-variant=table])){--trigger-size:var(--stzh-icon-size);--content-background:var(--stzh-color-grey10);--button-background-color:var(--stzh-color-grey20);--trigger-color:var(--stzh-color-black);--hover-button-background-color:var(--stzh-color-grey30)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-variant=table])){--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}:host(:where([disabled]:not([disabled=false]))){--button-color:var(--stzh-color-grey80);--button-background-color:var(--stzh-color-grey20);--trigger-color:var(--stzh-color-grey80);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-trigger-color:var(--trigger-color)}.stzh-accordion-item{}.stzh-accordion-item__heading{position:relative;margin:0}.stzh-accordion-item__button{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);font-family:inherit;width:100%;appearance:none;display:flex;align-items:center;min-height:3.75rem;color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--transition-duration);cursor:pointer}@media screen and (min-width: 900px){.stzh-accordion-item__button{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-accordion-item__button{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-xxlarge)}}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button{transition:none}}.stzh-accordion-item__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-xxlarge)}}.stzh-accordion-item__button-text{flex-grow:1}.stzh-accordion-item__button-icon.is-default{position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button-icon.is-default::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.15625rem;transition-property:transform, background-color;transition-duration:var(--transition-duration);transform-origin:top left;background-color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button-icon.is-default::after{transition:none}}.stzh-accordion-item__button-icon.is-default::before{transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.is-default::after{transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.is-table{--size:var(--trigger-size);transition-property:transform, color;transition-duration:var(--transition-duration);color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button-icon.is-table{transition:none}}.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-table{color:var(--hover-trigger-color)}.stzh-accordion-item__content{overflow:hidden;background-color:var(--content-background)}@media print{.stzh-accordion-item__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-accordion-item__icon-wrapper{--stzh-icon-size:var(--icon-size);align-self:flex-start}.stzh-accordion-item__badge{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-accordion-item__heading-text,.stzh-accordion-item__description,.stzh-accordion-item__subtitle{display:block}.stzh-accordion-item__subtitle{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-accordion-item__subtitle{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-accordion-item--has-icon .stzh-accordion-item__icon-wrapper{margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xsmall)}}.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-default::after{transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-table{transform:rotate(180deg)}.stzh-accordion-item--table .stzh-accordion-item__button,.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}.stzh-accordion-item__button{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);min-height:3.5rem}.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-accordion-item--table .stzh-accordion-item__heading-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-accordion-item--is-disabled .stzh-accordion-item__button{cursor:not-allowed}';const g={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};const p={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let f=0;const u=class{constructor(e){t(this,e);this.stzhOpen=i(this,"stzhOpen",7);this.stzhOpened=i(this,"stzhOpened",7);this.stzhClose=i(this,"stzhClose",7);this.stzhClosed=i(this,"stzhClosed",7);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this.toggledByMethod=false;this.focusedByInput=false;this.shiftPressed=false;this.handleVariantChange=t=>{this.variantWatcher(this.variant)};this.handleHeaderClick=()=>{if(typeof this.collapsible!=="undefined"){if(this.collapsible){this.toggle()}else if(!this.open){this.show()}}else if(!this.accordion||this.accordion.collapsible){this.toggle()}else if(!this.open){this.show()}};this.onFocus=t=>{this.focusedByInput=true;if(this.shiftPressed){this.rootTabindex=-1}this.stzhFocus.emit({component:"stzh-accordion-item",originalEvent:t})};this.onBlur=t=>{this.rootTabindex=0;this.stzhBlur.emit({component:"stzh-accordion-item",originalEvent:t})};this.onButtonKeydown=t=>{let i=null;if(t.key==="ArrowDown"){i="next"}else if(t.key==="ArrowUp"){i="prev"}else if(t.key==="Home"){i="first"}else if(t.key==="End"){i="last"}else if(t.key==="PageDown"&&t.ctrlKey){i="next"}else if(t.key==="PageUp"&&t.ctrlKey){i="prev"}if(t.key==="Shift"){this.rootTabindex=-1}if(i){t.preventDefault();this.accordion.setItemFocus(this.element,i)}};this.onContentKeydown=t=>{if(!t.ctrlKey){return}let i=null;if(t.key==="PageDown"){i="next"}else if(t.key==="PageUp"){i="prev"}if(i){t.preventDefault();this.accordion.setItemFocus(this.element,i)}};this.variant=undefined;this.collapsible=undefined;this.open=false;this.disabled=false;this.heading="";this.subtitle="";this.description="";this.icon="";this.badge="";this.badgeEmpty=false;this.badgeType="default";this.headingLevel="3";this.analyticsId=undefined;this.rootTabindex=0;this._variant=undefined}variantWatcher(t){if(typeof t!=="undefined"){this._variant=t}else if(this.accordion){this._variant=this.accordion.variant}}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}await r(this.bodyElement);this.bodyElement.hidden=false;await h(this.bodyElement,c(g.keyframes,{height:this.bodyElement.scrollHeight}),g.options);this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}await r(this.bodyElement);this.bodyElement.style.overflow="hidden";await h(this.bodyElement,c(p.keyframes,{height:this.bodyElement.scrollHeight}),p.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}}this.toggledByMethod=false}async show(){if(this.open||this.disabled){return}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open||this.disabled){return}this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}handleKeydown(t){if(t.key==="Shift"){this.shiftPressed=true}}handleKeyup(t){if(t.key==="Shift"){this.shiftPressed=false}}componentWillLoad(){this.accordionItemId=`stzh-accordion-item-${f++}`}componentDidLoad(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden"}async connectedCallback(){this.accordion=this.element.closest("stzh-accordion");if(this.accordion){this.accordion.addEventListener("stzhVariantChange",this.handleVariantChange)}this.variantWatcher(this.variant)}disconnectedCallback(){if(this.accordion){this.accordion.removeEventListener("stzhVariantChange",this.handleVariantChange);this.accordion=null}}render(){let t=d(this.element,"icon")||!!this.icon;if(this.iconWrapperElement){t=d(this.iconWrapperElement,"icon")||!!this.icon}const i=`h${this.headingLevel}`;const s={"stzh-accordion-item":true,"stzh-accordion-item--has-icon":t,"stzh-accordion-item--has-description":!!this.description,"stzh-accordion-item--has-subtitle":!!this.subtitle,"stzh-accordion-item--is-open":this.open,"stzh-accordion-item--is-disabled":this.disabled,[`stzh-accordion-item--${this._variant}`]:!!this._variant};return e(n,{tabindex:this.disabled?null:this.rootTabindex,"is-variant":this._variant},e("div",{class:s},e(i,{id:`${this.accordionItemId}-header`,class:"stzh-accordion-item__heading",onClick:this.handleHeaderClick},e("button",{ref:t=>this.buttonElement=t,class:"stzh-accordion-item__button","aria-controls":`${this.accordionItemId}-content`,"aria-expanded":`${this.open?"true":"false"}`,disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onButtonKeydown,type:"button","s-object-id":this.analyticsId||this.heading},e("span",{class:"stzh-accordion-item__icon-wrapper",ref:t=>this.iconWrapperElement=t},this.icon?e("stzh-icon",{class:"stzh-accordion-item__icon",name:this.icon}):e("slot",{name:"icon"})),e("span",{class:"stzh-accordion-item__button-text"},e("span",{class:"stzh-accordion-item__subtitle"},this.subtitle),e("span",{class:"stzh-accordion-item__heading-text"},this.heading),e("span",{class:"stzh-accordion-item__description"},this.description)),this._variant==="table"?e("stzh-icon",{name:"angle-down",class:"stzh-accordion-item__button-icon is-table"}):e("span",{class:"stzh-accordion-item__button-icon is-default"}),(this.badge||this.badgeEmpty)&&e("stzh-badge",{class:"stzh-accordion-item__badge",label:this.badge,type:this.badgeType}))),e("div",{id:`${this.accordionItemId}-content`,ref:t=>this.bodyElement=t,class:"stzh-accordion-item__content","aria-labelledby":`${this.accordionItemId}-header`,role:"region",onKeyDown:this.onContentKeydown},e("div",{class:"stzh-accordion-item__content-inner"},e("slot",null)))))}get element(){return s(this)}static get watchers(){return{variant:["variantWatcher"],open:["openWatcher"]}}};u.style=z;const v=".sc-stzh-pagination-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pagination-h,[stzh-hidden].sc-stzh-pagination-h{display:none}.sc-stzh-pagination-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagination-h *.sc-stzh-pagination,.sc-stzh-pagination-h *.sc-stzh-pagination::before,.sc-stzh-pagination-h *.sc-stzh-pagination::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pagination-h .has-focus.sc-stzh-pagination{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagination-h .stzh-fylingfocus-focused.sc-stzh-pagination{outline-style:none !important}.sc-stzh-pagination-h .stzh-fylingfocus-focused.sc-stzh-pagination::-moz-focus-inner{border:0 !important}.sc-stzh-pagination-h{--justify-content:inherit;--padding-left:calc(var(--stzh-form-input-height) + var(--stzh-space-medium))}.stzh-pagination.sc-stzh-pagination{position:relative;display:flex;align-items:center;gap:var(--stzh-space-medium);padding-left:var(--padding-left);justify-content:var(--justify-content)}.stzh-pagination__input.sc-stzh-pagination{--text-align:center;--input-width:var(--stzh-form-input-height);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;position:absolute;top:0;left:0}.stzh-pagination__total.sc-stzh-pagination{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);color:var(--stzh-color-grey70)}.stzh-pagination--size-small.sc-stzh-pagination{padding-left:calc(var(--stzh-form-input-small-height) + var(--stzh-space-medium))}.stzh-pagination--size-small.sc-stzh-pagination .stzh-pagination__input.sc-stzh-pagination{--input-width:var(--stzh-form-input-small-height)}";const _=class{constructor(e){t(this,e);this.stzhChange=i(this,"stzhChange",7);this.gotoPage=t=>{const i=this.value;if(t>=1&&t<=this.total){this.value=t}else if(t>this.total){this.value=this.total}else{this.value=1}if(i!==this.value){this.stzhChange.emit({component:"stzh-pagination",page:Number(this.value)})}};this.onRootFocus=()=>{if(this.input){this.input.focus()}};this.onInputChange=t=>{const i=Number(t.detail.value)||1;this.gotoPage(i)};this.total=1;this.name="";this.value=1;this.label="";this.labelHidden=false;this.readonly=false;this.disabled=false;this.allowManualInput=true;this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.size="default";this.width="default";this.a11yDescribedby="";this.localization=undefined}async prev(){this.gotoPage(this.value-1)}async next(){this.gotoPage(this.value+1)}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pagination")}}render(){var t;const i={"stzh-pagination":true,[`stzh-pagination--size-${this.size}`]:!!this.size};return e(n,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{class:i},this.allowManualInput?e(o,null,e("stzh-input",{class:"stzh-pagination__input",type:"number",min:1,max:this.total,label:this.label||this.localization.label,labelHidden:true,ref:t=>this.input=t,onStzhChange:this.onInputChange,value:((t=this.value)===null||t===void 0?void 0:t.toString())||"",required:this.required,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,a11yDescribedby:this.a11yDescribedby,name:this.name,size:this.size,invalid:this.invalid,hideOptional:true,noAutocomplete:true}),e("div",{class:"stzh-pagination__total"},this.localization.totalLabel.replace(/\{total\}/gi,this.total.toString()))):e("div",{class:"stzh-pagination__total"},this.value," ",this.localization.totalLabel.replace(/\{total\}/gi,this.total.toString())),e("stzh-buttongroup",null,e("stzh-button",{variant:"tertiary",icon:"angle-left","icon-only":true,size:this.size,a11yDisabled:this.value<=1,a11yDescribedby:this.a11yDescribedby,a11yLabel:`${this.label||this.localization.label}, ${this.localization.prevLabel}, ${this.localization.selectedPageLabel} ${this.value}`,disabled:this.disabled,onClick:()=>this.prev()}),e("stzh-button",{variant:"tertiary",icon:"angle-right","icon-only":true,size:this.size,a11yDisabled:this.value>=this.total,a11yDescribedby:this.a11yDescribedby,a11yLabel:`${this.label||this.localization.label}, ${this.localization.nextLabel}, ${this.localization.selectedPageLabel} ${this.value}`,disabled:this.disabled,onClick:()=>this.next()}))))}get element(){return s(this)}};_.style=v;export{m as stzh_accordion,u as stzh_accordion_item,_ as stzh_pagination};
+//# sourceMappingURL=p-84f8307b.entry.js.map

package/dist/stzh-components/p-84f8307b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhAccordionCss","StzhAccordion","variantWatcher","newValue","this","stzhVariantChange","emit","component","value","openListener","event","accordionItemOpened","target","accordionOpened","closest","multiselectable","detail","element","items","Array","from","querySelectorAll","forEach","item","hide","setItemFocus","accordionItem","action","accordion","filter","disabled","currentIndex","indexOf","length","focus","checkIfNested","parentElement","tagName","toLowerCase","isNested","componentDidLoad","render","classes","h","Host","class","heading","level","stzhAccordionItemCss","ANIMATION_SHOW","keyframes","height","opacity","options","duration","easing","ANIMATION_HIDE","accordionItemCounter","StzhAccordionItem","toggledByMethod","focusedByInput","shiftPressed","handleVariantChange","_event","variant","handleHeaderClick","collapsible","toggle","open","show","onFocus","rootTabindex","stzhFocus","originalEvent","onBlur","stzhBlur","onButtonKeydown","key","ctrlKey","preventDefault","onContentKeydown","_variant","openWatcher","bodyElement","stzhOpen","stopAnimations","hidden","animateTo","shimKeyframesAutoValues","scrollHeight","style","overflow","stzhOpened","stzhClose","stzhClosed","waitForEvent","handleKeydown","handleKeyup","componentWillLoad","accordionItemId","connectedCallback","addEventListener","disconnectedCallback","removeEventListener","hasIcon","hasSlot","icon","iconWrapperElement","Heading","headingLevel","description","subtitle","tabindex","id","onClick","ref","el","buttonElement","onKeyDown","type","analyticsId","name","badge","badgeEmpty","label","badgeType","role","stzhPaginationCss","StzhPagination","gotoPage","newPage","previous","total","stzhChange","page","Number","onRootFocus","input","onInputChange","prev","next","localization","window","stzhComponents","utils","fetchTranslations","size","allowManualInput","Fragment","min","max","labelHidden","onStzhChange","_a","toString","required","descriptionLong","error","a11yDescribedby","invalid","hideOptional","noAutocomplete","totalLabel","replace","a11yDisabled","a11yLabel","prevLabel","selectedPageLabel","nextLabel"],"sources":["src/components/stzh-accordion/stzh-accordion.scss?tag=stzh-accordion&encapsulation=shadow","src/components/stzh-accordion/stzh-accordion.tsx","src/components/stzh-accordion-item/stzh-accordion-item.scss?tag=stzh-accordion-item&encapsulation=shadow","src/components/stzh-accordion-item/stzh-accordion-item.tsx","src/components/stzh-pagination/stzh-pagination.scss?tag=stzh-pagination&encapsulation=scoped","src/components/stzh-pagination/stzh-pagination.tsx"],"sourcesContent":[":host {\n  // disable section paddings and margins\n  --stzh-section-padding-top: 0px;\n  --stzh-section-padding-bottom: 0px;\n  --stzh-section-margin-top: 0px;\n  --stzh-section-margin-bottom: 0px;\n\n  --margin-left: inherit;\n  --margin-right: inherit;\n}\n\n.stzh-accordion {\n  display: grid;\n  gap: space('xsmall');\n  margin-left: var(--margin-left);\n  margin-right: var(--margin-left);\n\n  &__heading {\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  /* is nested within another accordion */\n\n  &--is-nested {\n    @include spaceCurve('margin-left', 'regular', true);\n    @include spaceCurve('margin-right', 'regular', true);\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport { StzhAccordionItemOpenEvent, StzhAccordionVariant, StzhAccordionVariantChangeEvent } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-accordion-item` elements\n */\n@Component({\n  tag: \"stzh-accordion\",\n  styleUrl: \"stzh-accordion.scss\",\n  shadow: true,\n})\nexport class StzhAccordion {\n  /** Variant */\n  @Prop({ reflect: true }) variant: StzhAccordionVariant = \"default\";\n\n  /** Heading */\n  @Prop({ reflect: true }) heading: string = \"\";\n\n  /** Whether folds are collapsible */\n  @Prop() collapsible: boolean = true;\n\n  /** Whether multiple folds can be opened at once */\n  @Prop() multiselectable: boolean = true;\n\n  @Element() element: HTMLStzhAccordionElement;\n\n  /** Variant change event */\n  @Event() stzhVariantChange: EventEmitter<StzhAccordionVariantChangeEvent>;\n\n  @State() isNested: boolean;\n\n  @Watch(\"variant\")\n  variantWatcher(newValue: StzhAccordionVariant) {\n    this.stzhVariantChange.emit({\n      component: \"stzh-accordion\",\n      value: newValue,\n    });\n  }\n\n  @Listen(\"stzhOpen\")\n  openListener(event: CustomEvent<StzhAccordionItemOpenEvent>) {\n    const accordionItemOpened = event.target as HTMLStzhAccordionItemElement;\n    const accordionOpened = accordionItemOpened.closest(\"stzh-accordion\");\n\n    if (\n      this.multiselectable ||\n      (event.detail && event.detail.component !== \"stzh-accordion-item\") ||\n      accordionOpened !== this.element\n    ) {\n      return;\n    }\n\n    const items: HTMLStzhAccordionItemElement[] = Array.from(accordionOpened.querySelectorAll(\"stzh-accordion-item\"));\n    items.forEach(item => {\n      if (item !== accordionItemOpened) {\n        item.hide();\n      }\n    });\n  }\n\n  /** Set focus to accordion item */\n  @Method()\n  async setItemFocus(accordionItem: HTMLStzhAccordionItemElement, action: string) {\n    const accordion = accordionItem.closest(\"stzh-accordion\");\n\n    if (accordion !== this.element) {\n      return;\n    }\n\n    const items = (\n      Array.from(accordion.querySelectorAll(\":scope > stzh-accordion-item\")) as HTMLStzhAccordionItemElement[]\n    ).filter(item => !item.disabled);\n\n    const currentIndex = items.indexOf(accordionItem);\n\n    if ((action === \"prev\" || action === \"next\") && currentIndex === null) {\n      action = action === \"prev\" ? \"last\" : \"first\";\n    }\n\n    if (action === \"prev\" && currentIndex === 0) {\n      action = \"last\";\n    }\n\n    if (action === \"next\" && currentIndex === items.length - 1) {\n      action = \"first\";\n    }\n\n    if (action === \"prev\") {\n      items[currentIndex - 1].focus();\n    } else if (action === \"next\") {\n      items[currentIndex + 1].focus();\n    } else if (action === \"last\") {\n      items[items.length - 1].focus();\n    } else if (action === \"first\") {\n      items[0].focus();\n    } else {\n      accordionItem.focus();\n    }\n  }\n\n  private checkIfNested() {\n    let parentElement = this.element.parentElement;\n\n    while (parentElement) {\n      if (parentElement.tagName.toLowerCase() === \"stzh-accordion\") {\n        this.isNested = true;\n        break;\n      }\n      parentElement = parentElement.parentElement;\n    }\n  }\n\n  componentDidLoad() {\n    this.checkIfNested();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-accordion\": true,\n      \"stzh-accordion--is-nested\": this.isNested,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          {this.heading && (\n            <div class=\"stzh-accordion__heading\">\n              <stzh-heading level=\"2\">{this.heading}</stzh-heading>\n            </div>\n          )}\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n","/**\n * @prop --content-background: Content background\n *\n * @prop --stzh-accordion-content-background: **Global**: Content background\n * @prop --stzh-accordion-button-color: **Global**: Button label background\n */\n\n:host {\n  --trigger-size: 18px;\n  --trigger-color: currentColor;\n  --content-background: #{$accordionContentBackground};\n  --icon-size: #{iconSize()};\n  --button-color: var(--stzh-accordion-button-color, #{$colorPrimary70});\n  --button-background-color: #{$colorSecondary30};\n\n  --hover-button-color: var(--button-color);\n  --hover-button-background-color: #{$colorSecondary40};\n  --hover-trigger-color: var(--trigger-color);\n\n  --transition-duration: 200ms;\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  @include highContrast() {\n    --trigger-color: CanvasText;\n\n    --hover-trigger-color: CanvasText;\n  }\n}\n\n/* Table */\n:host(:where([is-variant=\"table\"])) {\n  --trigger-size: #{iconSize()};\n  --content-background: #{$colorGrey10};\n  --button-background-color: #{$colorGrey20};\n  --trigger-color: #{$colorBlack};\n\n  --hover-button-background-color: #{$colorGrey30};\n\n  @include highContrast() {\n    --trigger-color: CanvasText;\n\n    --hover-trigger-color: CanvasText;\n  }\n}\n\n/* Disabled */\n\n:host(:where([disabled]:not([disabled=\"false\"]))) {\n  --button-color: #{$colorGrey80};\n  --button-background-color: #{$colorGrey20};\n  --trigger-color: #{$colorGrey80};\n\n  --hover-button-color: var(--button-color);\n  --hover-button-background-color: var(--button-background-color);\n  --hover-trigger-color: var(--trigger-color);\n}\n\n.stzh-accordion-item {\n  &__heading {\n    position: relative;\n    margin: 0;\n  }\n\n  &__button {\n    @include fontCurve('p1');\n    @include spaceCurve('padding-top', 'regular');\n    @include spaceCurve('padding-bottom', 'regular');\n    font-family: inherit;\n    width: 100%;\n    appearance: none;\n    display: flex;\n    align-items: center;\n    min-height: 60px;\n    color: var(--button-color);\n    background-color: var(--button-background-color);\n    text-align: left;\n    border: none;\n    transition-property: background-color;\n    transition-duration: var(--transition-duration);\n    cursor: pointer;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n\n    &:hover {\n      color: var(--hover-button-color);\n      background-color: var(--hover-button-background-color);\n    }\n  }\n\n  &__button,\n  &__content-inner {\n    @include spaceCurve('padding-left', 'regular');\n    @include spaceCurve('padding-right', 'regular');\n  }\n\n  &__button-text {\n    flex-grow: 1;\n  }\n\n  &__button-icon {\n    &.is-default {\n      position: relative;\n      display: block;\n      width: var(--trigger-size);\n      height: var(--trigger-size);\n      margin-left: space('medium');\n\n      &::before,\n      &::after {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        content: '';\n        display: block;\n        width: var(--trigger-size);\n        height: 2.5px;\n        transition-property: transform, background-color;\n        transition-duration: var(--transition-duration);\n        transform-origin: top left;\n        background-color: var(--trigger-color);\n\n        @media (prefers-reduced-motion: reduce) {\n          transition: none;\n        }\n      }\n\n      &::before {\n        transform: rotate(180deg) translate(-50%, -50%);\n      }\n\n      &::after {\n        transform: rotate(90deg) translate(-50%, -50%);\n      }\n    }\n\n    &.is-table {\n      --size: var(--trigger-size);\n\n      transition-property: transform, color;\n      transition-duration: var(--transition-duration);\n      color: var(--trigger-color);\n\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n\n  &__button:hover &__button-icon {\n    &.is-default {\n      &::before,\n      &::after {\n        background-color: var(--hover-trigger-color);\n      }\n    }\n\n    &.is-table {\n      color: var(--hover-trigger-color);\n    }\n  }\n\n  &__content {\n    overflow: hidden;\n    background-color: var(--content-background);\n\n    @media print {\n      height: auto !important;\n      overflow: visible !important;\n      display: block !important;\n    }\n  }\n\n  &__content-inner {\n    @include spaceCurve('padding-top', 'medium');\n    @include spaceCurve('padding-bottom', 'medium');\n  }\n\n  &__icon-wrapper {\n    --stzh-icon-size: var(--icon-size);\n\n    align-self: flex-start;\n  }\n\n  &__badge {\n    position: absolute;\n    right: -5px;\n    top: -5px;\n  }\n\n  &__description {\n    @include fontCurve('caption');\n  }\n\n  &__heading-text,\n  &__description,\n  &__subtitle {\n    display: block;\n  }\n\n  &__subtitle {\n    @include fontCurve('p2');\n  }\n\n  /* Has icon */\n\n  &--has-icon &__icon-wrapper {\n    margin-right: space('xsmall');\n  }\n\n  /* Title Variant / Subtitle */\n\n  &--title &__heading-text,\n  &--has-subtitle &__heading-text {\n    @include font('title');\n    @include fontCurve('h3', 'heading');\n  }\n\n  &--title &__subtitle:not(:empty) + &__heading-text,\n  &--has-subtitle &__subtitle:not(:empty) + &__heading-text {\n    @include spaceCurve('margin-top', 'tiny');\n\n    @include mq($from: medium) {\n      margin-top: space('xsmall');\n    }\n  }\n\n  /* Open */\n\n  &--is-open &__button-icon {\n    &.is-default {\n      &::before,\n      &::after {\n        transform: rotate(0) translate(-50%, -50%);\n      }\n    }\n\n    &.is-table {\n      transform: rotate(180deg);\n    }\n  }\n\n  /* Table Variant */\n\n  &--table &__button,\n  &--table &__content-inner {\n    padding-left: space('medium');\n    padding-right: space('medium');\n  }\n\n  &__button {\n    @include fontSize('milli');\n    padding-top: space('medium');\n    padding-bottom: space('medium');\n    min-height: 56px;\n  }\n\n  &--table &__content-inner {\n    @include spaceCurve('padding-top', 'tiny');\n    @include spaceCurve('padding-bottom', 'regular');\n  }\n\n  &--table &__heading-text {\n    @include font('heavy');\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__button {\n    cursor: not-allowed;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n  StzhAccordionItemBlurEvent,\n  StzhAccordionItemClosedEvent,\n  StzhAccordionItemCloseEvent,\n  StzhAccordionItemFocusEvent,\n  StzhAccordionItemOpenedEvent,\n  StzhAccordionItemOpenEvent,\n  StzhAccordionVariant,\n  StzhAccordionVariantChangeEvent,\n  StzhBadgeType,\n} from \"../../index\";\n\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { animateTo, shimKeyframesAutoValues, stopAnimations } from \"../../utils/animation-utils\";\nimport { hasSlot } from \"../../utils/utils\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [\n    { height: \"0\", opacity: \"0\" },\n    { height: \"auto\", opacity: \"1\" },\n  ],\n  options: { duration: 300, easing: \"linear\" },\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [\n    { height: \"auto\", opacity: \"1\" },\n    { height: \"0\", opacity: \"0\" },\n  ],\n  options: { duration: 300, easing: \"linear\" },\n};\n\nlet accordionItemCounter = 0;\n\n/**\n * @slot - Slot for any content\n * @slot icon - Slot for icon element\n */\n@Component({\n  tag: \"stzh-accordion-item\",\n  styleUrl: \"stzh-accordion-item.scss\",\n  shadow: true,\n})\nexport class StzhAccordionItem {\n  /** Variant (overwrites variant from accordion parent) */\n  @Prop() variant: StzhAccordionVariant;\n\n  /** Whether fold is collapsible (overwrites collapsible from accordion parent) */\n  @Prop() collapsible: boolean;\n\n  /** Whether fold is open */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /** Whether fold disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Heading title */\n  @Prop() heading: string = \"\";\n\n  /** Subtitle */\n  @Prop() subtitle: string = \"\";\n\n  /** Description */\n  @Prop() description: string = \"\";\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string = \"\";\n\n  /** Badge */\n  @Prop() badge: string = \"\";\n\n  /** Whether badge should be displayed empty */\n  @Prop({ reflect: true }) badgeEmpty: boolean = false;\n\n  /** Badge type */\n  @Prop({ reflect: true }) badgeType: StzhBadgeType = \"default\";\n\n  /** Heading level, for accessibility, no visual impact */\n  @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the button element.\n   * Default value will be taken from `heading` prop.\n   */\n  @Prop() analyticsId: string;\n\n  @Element() element: HTMLStzhAccordionItemElement;\n\n  /** Open event */\n  @Event() stzhOpen: EventEmitter<StzhAccordionItemOpenEvent>;\n\n  /** Opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhAccordionItemOpenedEvent>;\n\n  /** Close event */\n  @Event() stzhClose: EventEmitter<StzhAccordionItemCloseEvent>;\n\n  /** Closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhAccordionItemClosedEvent>;\n\n  @Watch(\"variant\")\n  variantWatcher(newValue: StzhAccordionVariant) {\n    if (typeof newValue !== \"undefined\") {\n      this._variant = newValue;\n    } else if (this.accordion) {\n      this._variant = this.accordion.variant;\n    }\n  }\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.bodyElement) {\n      return;\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.hidden = false;\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n          height: this.bodyElement.scrollHeight,\n        }),\n        ANIMATION_SHOW.options\n      );\n\n      this.bodyElement.style.height = \"auto\";\n      this.bodyElement.style.overflow = \"visible\";\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.style.overflow = \"hidden\";\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n          height: this.bodyElement.scrollHeight,\n        }),\n        ANIMATION_HIDE.options\n      );\n\n      this.bodyElement.hidden = true;\n      this.bodyElement.style.height = \"0px\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-accordion-item\",\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  /** Show accordion item content */\n  @Method()\n  async show() {\n    if (this.open || this.disabled) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide accordion item content */\n  @Method()\n  async hide() {\n    if (!this.open || this.disabled) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  /** Toggle accordion item content */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhAccordionItemFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhAccordionItemBlurEvent>;\n\n  @Listen(\"keydown\", { target: \"document\", capture: true })\n  handleKeydown(event: KeyboardEvent) {\n    if (event.key === \"Shift\") {\n      this.shiftPressed = true;\n    }\n  }\n\n  @Listen(\"keyup\", { target: \"document\", capture: true })\n  handleKeyup(event: KeyboardEvent) {\n    if (event.key === \"Shift\") {\n      this.shiftPressed = false;\n    }\n  }\n\n  @State() rootTabindex: number = 0;\n  @State() _variant: StzhAccordionVariant;\n\n  private toggledByMethod: boolean = false;\n  private bodyElement: HTMLDivElement;\n  // @ts-ignore\n  private buttonElement: HTMLButtonElement;\n  private iconWrapperElement: HTMLDivElement;\n  private accordionItemId: string;\n  private accordion: HTMLStzhAccordionElement;\n  // @ts-ignore\n  private focusedByInput: boolean = false;\n  private shiftPressed: boolean = false;\n\n  private handleVariantChange = (_event: CustomEvent<StzhAccordionVariantChangeEvent>) => {\n    this.variantWatcher(this.variant);\n  };\n\n  private handleHeaderClick = () => {\n    if (typeof this.collapsible !== \"undefined\") {\n      if (this.collapsible) {\n        this.toggle();\n      } else if (!this.open) {\n        this.show();\n      }\n    } else if (!this.accordion || this.accordion.collapsible) {\n      this.toggle();\n    } else if (!this.open) {\n      this.show();\n    }\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    if (this.shiftPressed) {\n      // user presses currently shift\n      this.rootTabindex = -1;\n    }\n\n    this.stzhFocus.emit({\n      component: \"stzh-accordion-item\",\n      originalEvent: event,\n    });\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    this.rootTabindex = 0;\n\n    this.stzhBlur.emit({\n      component: \"stzh-accordion-item\",\n      originalEvent: event,\n    });\n  };\n\n  private onButtonKeydown = (event: KeyboardEvent) => {\n    let action = null;\n\n    if (event.key === \"ArrowDown\") {\n      action = \"next\";\n    } else if (event.key === \"ArrowUp\") {\n      action = \"prev\";\n    } else if (event.key === \"Home\") {\n      action = \"first\";\n    } else if (event.key === \"End\") {\n      action = \"last\";\n    } else if (event.key === \"PageDown\" && event.ctrlKey) {\n      action = \"next\";\n    } else if (event.key === \"PageUp\" && event.ctrlKey) {\n      action = \"prev\";\n    }\n\n    if (event.key === \"Shift\") {\n      this.rootTabindex = -1;\n    }\n\n    if (action) {\n      event.preventDefault();\n      this.accordion.setItemFocus(this.element, action);\n    }\n  };\n\n  private onContentKeydown = (event: KeyboardEvent) => {\n    if (!event.ctrlKey) {\n      return;\n    }\n\n    let action = null;\n\n    if (event.key === \"PageDown\") {\n      action = \"next\";\n    } else if (event.key === \"PageUp\") {\n      action = \"prev\";\n    }\n\n    if (action) {\n      event.preventDefault();\n      this.accordion.setItemFocus(this.element, action);\n    }\n  };\n\n  componentWillLoad() {\n    this.accordionItemId = `stzh-accordion-item-${accordionItemCounter++}`;\n  }\n\n  componentDidLoad() {\n    this.bodyElement.hidden = !this.open;\n    this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n    this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n  }\n\n  async connectedCallback() {\n    this.accordion = this.element.closest(\"stzh-accordion\");\n\n    if (this.accordion) {\n      this.accordion.addEventListener(\"stzhVariantChange\", this.handleVariantChange);\n    }\n\n    this.variantWatcher(this.variant);\n  }\n\n  disconnectedCallback() {\n    if (this.accordion) {\n      this.accordion.removeEventListener(\"stzhVariantChange\", this.handleVariantChange);\n      this.accordion = null;\n    }\n  }\n\n  render() {\n    let hasIcon = hasSlot(this.element, \"icon\") || !!this.icon;\n    if (this.iconWrapperElement) {\n      hasIcon = hasSlot(this.iconWrapperElement, \"icon\") || !!this.icon;\n    }\n\n    const Heading = `h${this.headingLevel}`;\n    const classes = {\n      \"stzh-accordion-item\": true,\n      \"stzh-accordion-item--has-icon\": hasIcon,\n      \"stzh-accordion-item--has-description\": !!this.description,\n      \"stzh-accordion-item--has-subtitle\": !!this.subtitle,\n      \"stzh-accordion-item--is-open\": this.open,\n      \"stzh-accordion-item--is-disabled\": this.disabled,\n      [`stzh-accordion-item--${this._variant}`]: !!this._variant,\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : this.rootTabindex} is-variant={this._variant}>\n        <div class={classes}>\n          <Heading\n            id={`${this.accordionItemId}-header`}\n            class=\"stzh-accordion-item__heading\"\n            onClick={this.handleHeaderClick}\n          >\n            <button\n              ref={el => (this.buttonElement = el as HTMLButtonElement)}\n              class=\"stzh-accordion-item__button\"\n              aria-controls={`${this.accordionItemId}-content`}\n              aria-expanded={`${this.open ? \"true\" : \"false\"}`}\n              disabled={this.disabled}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n              onKeyDown={this.onButtonKeydown}\n              type=\"button\"\n              s-object-id={this.analyticsId || this.heading}\n            >\n              <span\n                class=\"stzh-accordion-item__icon-wrapper\"\n                ref={el => (this.iconWrapperElement = el as HTMLDivElement)}\n              >\n                {this.icon ? (\n                  <stzh-icon class=\"stzh-accordion-item__icon\" name={this.icon}></stzh-icon>\n                ) : (\n                  <slot name=\"icon\"></slot>\n                )}\n              </span>\n              <span class=\"stzh-accordion-item__button-text\">\n                <span class=\"stzh-accordion-item__subtitle\">{this.subtitle}</span>\n                <span class=\"stzh-accordion-item__heading-text\">{this.heading}</span>\n                <span class=\"stzh-accordion-item__description\">{this.description}</span>\n              </span>\n              {this._variant === \"table\" ? (\n                <stzh-icon name=\"angle-down\" class=\"stzh-accordion-item__button-icon is-table\"></stzh-icon>\n              ) : (\n                <span class=\"stzh-accordion-item__button-icon is-default\"></span>\n              )}\n\n              {(this.badge || this.badgeEmpty) && (\n                <stzh-badge class=\"stzh-accordion-item__badge\" label={this.badge} type={this.badgeType}></stzh-badge>\n              )}\n            </button>\n          </Heading>\n          <div\n            id={`${this.accordionItemId}-content`}\n            ref={el => (this.bodyElement = el as HTMLDivElement)}\n            class=\"stzh-accordion-item__content\"\n            aria-labelledby={`${this.accordionItemId}-header`}\n            role=\"region\"\n            onKeyDown={this.onContentKeydown}\n          >\n            <div class=\"stzh-accordion-item__content-inner\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  --justify-content: inherit;\n  --padding-left: calc(#{$formInputHeight} + #{space('medium')});\n\n/* The width property is deprecated. It will be removed with the next major release (breaking change)\n  &[width=full] {\n    --justify-content: space-between;\n    --padding-left: 0;\n  }\n*/\n}\n\n.stzh-pagination {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: space('medium');\n  padding-left: var(--padding-left);\n  justify-content: var(--justify-content);\n\n  &__input {\n    --text-align: center;\n    --input-width: #{$formInputHeight};\n    --padding-top: 0px;\n    --padding-bottom: 0px;\n    --padding-left: 0px;\n    --padding-right: 0px;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n\n  &__total {\n    @include fontSize('nano');\n    color: $colorGrey70;\n  }\n\n  &--size-small {\n    padding-left: calc(#{$formInputHeightSmall} + #{space('medium')});\n  }\n\n  &--size-small &__input {\n    --input-width: #{$formInputHeightSmall};\n  }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Method, Prop } from \"@stencil/core\";\n\nimport { StzhInputChangeEvent, StzhPaginationChangeEvent } from \"../../index\";\n\nimport { StzhPaginationLocalizedText } from \"./stzh-pagination.localization\";\n\n/**\n */\n@Component({\n  tag: \"stzh-pagination\",\n  styleUrl: \"stzh-pagination.scss\",\n  scoped: true,\n})\nexport class StzhPagination {\n  /** Total pages available. */\n  @Prop() total: number = 1;\n\n  /** Name of the hidden date picker input. */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Current page. */\n  @Prop({ mutable: true }) value: number = 1;\n\n  /** Label for dropdown */\n  @Prop() label: string = \"\";\n\n  /** Whether label is hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Whether the element is readonly or not */\n  @Prop({ reflect: true }) readonly: boolean = false;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Whether the current page is mutable via input */\n  @Prop({ reflect: true }) allowManualInput: boolean = true;\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Width variant. This property is deprecated. It will be removed with the next major release (breaking change) */\n  @Prop({ reflect: true }) width: \"default\" | \"full\" = \"default\";\n\n  /** Id of the element which describes the input */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /**  Translation strings. */\n  @Prop() localization: StzhPaginationLocalizedText;\n\n  /** Pagination change event */\n  @Event() stzhChange: EventEmitter<StzhPaginationChangeEvent>;\n\n  @Element() element: HTMLStzhPaginationElement;\n\n  /** Set current page to previous */\n  @Method()\n  async prev() {\n    this.gotoPage(this.value - 1);\n  }\n\n  /** Set current page to next */\n  @Method()\n  async next() {\n    this.gotoPage(this.value + 1);\n  }\n\n  private input: HTMLStzhInputElement;\n\n  private gotoPage = (newPage: number) => {\n    const previous = this.value;\n\n    if (newPage >= 1 && newPage <= this.total) {\n      this.value = newPage;\n    } else if (newPage > this.total) {\n      this.value = this.total;\n    } else {\n      this.value = 1;\n    }\n\n    if (previous !== this.value) {\n      this.stzhChange.emit({\n        component: \"stzh-pagination\",\n        page: Number(this.value),\n      });\n    }\n  };\n\n  private onRootFocus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  private onInputChange = (event: CustomEvent<StzhInputChangeEvent>) => {\n    const newPage = Number(event.detail.value) || 1;\n    this.gotoPage(newPage);\n  };\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"pagination\");\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-pagination\": true,\n      [`stzh-pagination--size-${this.size}`]: !!this.size,\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          {this.allowManualInput ? (\n            <Fragment>\n              <stzh-input\n                class=\"stzh-pagination__input\"\n                type=\"number\"\n                min={1}\n                max={this.total}\n                label={this.label || this.localization.label}\n                labelHidden={true}\n                ref={el => (this.input = el as HTMLStzhInputElement)}\n                onStzhChange={this.onInputChange}\n                value={this.value?.toString() || \"\"}\n                required={this.required}\n                disabled={this.disabled}\n                description={this.description}\n                descriptionLong={this.descriptionLong}\n                error={this.error}\n                a11yDescribedby={this.a11yDescribedby}\n                name={this.name}\n                size={this.size}\n                invalid={this.invalid}\n                hideOptional={true}\n                noAutocomplete={true}\n              ></stzh-input>\n              <div class=\"stzh-pagination__total\">\n                {this.localization.totalLabel.replace(/\\{total\\}/gi, this.total.toString())}\n              </div>\n            </Fragment>\n          ) : (\n            <div class=\"stzh-pagination__total\">\n              {this.value} {this.localization.totalLabel.replace(/\\{total\\}/gi, this.total.toString())}\n            </div>\n          )}\n          <stzh-buttongroup>\n            <stzh-button\n              variant=\"tertiary\"\n              icon=\"angle-left\"\n              icon-only\n              size={this.size}\n              a11yDisabled={this.value <= 1}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label || this.localization.label}, ${this.localization.prevLabel}, ${\n                this.localization.selectedPageLabel\n              } ${this.value}`}\n              disabled={this.disabled}\n              onClick={() => this.prev()}\n            ></stzh-button>\n            <stzh-button\n              variant=\"tertiary\"\n              icon=\"angle-right\"\n              icon-only\n              size={this.size}\n              a11yDisabled={this.value >= this.total}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label || this.localization.label}, ${this.localization.nextLabel}, ${\n                this.localization.selectedPageLabel\n              } ${this.value}`}\n              disabled={this.disabled}\n              onClick={() => this.next()}\n            ></stzh-button>\n          </stzh-buttongroup>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}