npm - @oiz/stzh-components - Versions diffs - 4.13.0-beta3 → 4.13.0 - Mend

@oiz/stzh-components 4.13.0-beta3 → 4.13.0

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

Files changed (851) hide show

package/dist/stzh-components/{p-0e89185d.entry.js → p-0f368190.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,a,d as n}from"./p-D21RGl5H.js";const s=()=>`@charset "UTF-8";\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.sc-stzh-pi-teaser-layout-item-h {\n  font-family: var(--stzh-font-family-medium);\n  font-weight: var(--stzh-font-weight-medium);\n  font-style: var(--stzh-font-style-medium);\n  color: var(--stzh-base-color);\n  box-sizing: border-box;\n  display: block;\n}\n[hidden].sc-stzh-pi-teaser-layout-item-h, [stzh-hidden].sc-stzh-pi-teaser-layout-item-h {\n  display: none;\n}\n.sc-stzh-pi-teaser-layout-item-h::selection {\n  color: var(--stzh-selection-color);\n  background-color: var(--stzh-selection-background-color);\n}\n.sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item, .sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item::before, .sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item::after {\n  box-sizing: border-box;\n  text-underline-offset: var(--stzh-link-text-underline-offset);\n  text-decoration-thickness: var(--stzh-link-text-decoration-thickness);\n  -webkit-text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);\n          text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);\n}\n.sc-stzh-pi-teaser-layout-item-h {\n  \n}\n.sc-stzh-pi-teaser-layout-item-h .has-focus.sc-stzh-pi-teaser-layout-item {\n  outline: var(--stzh-flyingfocus-color) solid 0.125rem;\n  outline-offset: 0.125rem;\n}\n.sc-stzh-pi-teaser-layout-item-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout-item {\n  outline-style: none !important;\n}\n.sc-stzh-pi-teaser-layout-item-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout-item::-moz-focus-inner {\n  border: 0 !important;\n}\n\n\n.sc-stzh-pi-teaser-layout-item-h {\n  --image-background-color: var(\n    --stzh-pi-teaser-layout-item-image-background-color,\n    var(--stzh-color-coolgrey10)\n  );\n  display: flex;\n  inline-size: 100%;\n  block-size: 100%;\n  container-type: size;\n}\n[image-position=top].sc-stzh-pi-teaser-layout-item-h {\n  --grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);\n}\n@media screen and (max-width: 899px) {\n  [image-position=top].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "image image image image " "text text text text "\n    );\n  }\n}\n@media screen and (min-width: 900px) {\n  [image-position=top].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "image image image image image image image image"\n        "text text text text text text text text"\n    );\n  }\n}\n@media screen and (min-width: 1260px) {\n  [image-position=top].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "image image image image image image image image image image image image"\n        "text text text text text text text text text text text text"\n    );\n  }\n}\n[image-position=right].sc-stzh-pi-teaser-layout-item-h {\n  --grid-template-no-rows: 1fr;\n}\n@media screen and (max-width: 899px) {\n  [image-position=right].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "text text image image"\n    );\n  }\n}\n@media screen and (min-width: 900px) {\n  [image-position=right].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "text text text text text image image image"\n    );\n  }\n}\n@media screen and (min-width: 1260px) {\n  [image-position=right].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "text text text text text text image image image image image image"\n    );\n  }\n}\n.sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n  --grid-template-no-rows: 1fr;\n}\n@media screen and (max-width: 899px) {\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n    --grid-template-areas-no-image: "text text text text";\n  }\n}\n@media screen and (min-width: 900px) {\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n    --grid-template-areas-no-image: "text text text text text text text text";\n  }\n}\n@media screen and (min-width: 1260px) {\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n    --grid-template-areas-no-image: "text text text text text text text text text text text text";\n  }\n}\n.sc-stzh-pi-teaser-layout-item-h:not([has-lead]) .stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n  display: none;\n}\n[content-size=XL].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-mega-font-size);\n  line-height: var(--stzh-font-mega-text-line-height);\n  letter-spacing: var(--stzh-font-mega-text-letter-spacing);\n}\n[content-size=L].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-hecto-font-size);\n  line-height: var(--stzh-font-hecto-text-line-height);\n  letter-spacing: var(--stzh-font-hecto-text-letter-spacing);\n}\n[content-size=M].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-deca-font-size);\n  line-height: var(--stzh-font-deca-text-line-height);\n  letter-spacing: var(--stzh-font-deca-text-letter-spacing);\n}\n[content-size=S].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-deci-font-size);\n  line-height: var(--stzh-font-deci-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n}\n[content-size=XS].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-centi-font-size);\n  line-height: var(--stzh-font-centi-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n}\n[content-size=S].sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  -webkit-line-clamp: 2;\n}\n@container (max-height: 235px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 40cqh 60cqh;\n  }\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 1;\n  }\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 1;\n  }\n}\n@container (min-height: 236px) and (max-height:349px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 47cqh 53cqh;\n  }\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 2;\n  }\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 2;\n  }\n}\n@container (min-height: 350px) and (max-height:549px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 55cqh 45cqh;\n  }\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 3;\n  }\n}\n@container (min-height: 550px) and (max-height: 639px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 50cqh 50cqh;\n  }\n}\n@container (min-height: 640px) and (max-height: 799px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 55cqh 45cqh;\n  }\n}\n@container (min-height: 800px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 40cqh 60cqh;\n  }\n}\n\n.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n  column-gap: var(--stzh-grid-gutter);\n}\n@media screen and (min-width: 600px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-small);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-large);\n  }\n}\n@media screen and (min-width: 1600px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-ultra);\n  }\n}\n.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    grid-template-columns: repeat(8, minmax(0, 1fr));\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n  }\n}\n.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n  display: grid;\n  height: 100%;\n  width: 100%;\n  grid-template-rows: var(--grid-template-no-rows, var(--grid-template-rows));\n  grid-template-areas: var(--grid-template-areas-no-image, var(--grid-template-areas));\n  background-color: var(--stzh-color-grey10);\n}\n.stzh-pi-teaser-layout-item__text.sc-stzh-pi-teaser-layout-item {\n  display: grid;\n  grid-template-rows: auto auto minmax(0, 1fr) auto;\n  height: 100%;\n  min-height: 0;\n  align-content: start;\n}\n.stzh-pi-teaser-layout-item__wrapper.sc-stzh-pi-teaser-layout-item {\n  grid-area: text;\n  overflow: hidden;\n  padding: var(--stzh-space-medium);\n  height: 100%;\n  min-height: 0;\n}\n.stzh-pi-teaser-layout-item__image.sc-stzh-pi-teaser-layout-item {\n  overflow: hidden;\n  grid-area: image;\n}\n.stzh-pi-teaser-layout-item__image.sc-stzh-pi-teaser-layout-item > img.sc-stzh-pi-teaser-layout-item {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.stzh-pi-teaser-layout-item__dateline.sc-stzh-pi-teaser-layout-item {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  font-style: var(--stzh-font-style-title);\n  font-size: var(--stzh-font-milli-font-size);\n  line-height: var(--stzh-font-milli-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  color: var(--stzh-color-coolgrey70);\n  margin: 0;\n  align-self: start;\n}\n.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n  padding-top: var(--stzh-space-xsmall);\n}\n@media screen and (min-width: 600px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-top: var(--stzh-space-small);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-top: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-top: var(--stzh-space-xlarge);\n  }\n}\n.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n  padding-bottom: var(--stzh-space-xxsmall);\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-xsmall);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-small);\n  }\n}\n.stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  font-style: var(--stzh-font-style-title);\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  word-break: break-word;\n  hyphens: auto;\n  color: var(--stzh-color-black);\n  margin: 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  \n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  \n  align-self: start;\n}\n.stzh-pi-teaser-layout-item__title-link.sc-stzh-pi-teaser-layout-item {\n  display: block;\n  font-family: inherit;\n  appearance: none;\n  background-color: transparent;\n  border: none;\n  color: var(--stzh-color-black);\n  -webkit-text-decoration-line: none;\n          text-decoration-line: none;\n  transition: color var(--stzh-base-transition-animation-speed);\n  border-radius: var(--stzh-button-border-radius);\n  cursor: pointer;\n}\n.stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n  padding-bottom: var(--stzh-space-xsmall);\n}\n@media screen and (min-width: 600px) {\n  .stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-small);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-xlarge);\n  }\n}\n@media screen and (max-width: 899px) {\n  .stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n    font-size: var(--stzh-font-milli-font-size);\n    line-height: var(--stzh-font-milli-text-line-height);\n    letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n    font-size: var(--stzh-font-centi-font-size);\n    line-height: var(--stzh-font-centi-text-line-height);\n    letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  }\n}\n.stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n  margin-top: 0;\n  color: var(--stzh-color-coolgrey70);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--lead-lines, 3);\n  line-clamp: var(--lead-lines, 3);\n  overflow: hidden;\n  \n  align-self: start;\n}\n.stzh-pi-teaser-layout-item__date.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-micro-font-size);\n  line-height: var(--stzh-font-micro-text-line-height);\n  color: var(--stzh-color-coolgrey70);\n  margin: 0;\n  align-self: end;\n}`;const r=class{constructor(i){t(this,i);this.stzhClick=e(this,"stzhClick");this.dateline="";this.heading="";this.headingLevel="3";this.lead="";this.date="";this.contentSize="M";this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-teaser-layout-item",originalEvent:t,href:this.href})}}componentDidRender(){requestAnimationFrame((()=>{var t,e;const i=this.analyticsId||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(e=this.titleLinkElement)===null||e===void 0?void 0:e.setAttribute("s-object-id",i)}}))}renderHeading(){const t=`h${this.headingLevel}`;const e=this.href?"a":"button";return i("div",{class:"stzh-pi-teaser-layout-item__title-wrapper"},i(t,{class:"stzh-pi-teaser-layout-item__title"},i(e,{ref:t=>this.titleLinkElement=t,class:"stzh-pi-teaser-layout-item__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{ref:t=>this.headingTextElement=t},this.heading))))}render(){const t=!!this.lead;console.log("imageSrc: ",this.imageSrc," & imagePosition: ",this.imagePosition);const e=!!this.imageSrc&&!!this.imagePosition;console.log("hasImage: ",e);const n=this.lead;const s={"stzh-pi-teaser-layout-item":true,"stzh-pi-teaser-layout-item--has-lead":t,"stzh-pi-teaser-layout-item--has-image":e};return i(a,{key:"7cf70ace567cebab87daa2a6229cfdc475ecae92","has-lead":t,"has-image":e,"image-position":this.imagePosition,"content-size":this.contentSize},i("article",{key:"efa74b6ce298556d193d2e4726ed7f6946153818",class:s,"aria-label":this.heading,role:"listitem"},e&&i("div",{key:"49c7fa3c8d7cdd65d6478032820e8ed2806b2abe",class:"stzh-pi-teaser-layout-item__image"},i("img",{key:"ba62e2d4761ae58aa76fe854b662f211bb86fdba",src:this.imageSrc,alt:"Example image"})),i("div",{key:"7b7523a408c9538e0f8358ae16e346e1b09e9f0b",class:"stzh-pi-teaser-layout-item__wrapper"},i("div",{key:"be296971a20fc297126ab21dfed429164d08ec98",class:"stzh-pi-teaser-layout-item__text"},this.dateline&&i("p",{key:"e499455fb6ab0ea3778b6408bade428f999b8e10",class:"stzh-pi-teaser-layout-item__dateline"},this.dateline),this.renderHeading(),i("div",{key:"c2c9e35010965a7ef6780bb74913a9b122e0f1a5",class:"stzh-pi-teaser-layout-item__lead-wrapper"},i("p",{key:"83e827acd408b89b95e73217f6811bc64ec77d8e",class:"stzh-pi-teaser-layout-item__lead"},n)),this.date&&i("p",{key:"6a874419febef4c9ed588a2a2fae01706ed5ad78",class:"stzh-pi-teaser-layout-item__date"},this.date)))))}get element(){return n(this)}};r.style=s();export{r as stzh_pi_teaser_layout_item};
-//# sourceMappingURL=p-0e89185d.entry.js.map
+import{r as t,c as e,h as i,a,d as n}from"./p-BeYTS5to.js";const s=()=>`@charset "UTF-8";\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.sc-stzh-pi-teaser-layout-item-h {\n  font-family: var(--stzh-font-family-medium);\n  font-weight: var(--stzh-font-weight-medium);\n  font-style: var(--stzh-font-style-medium);\n  color: var(--stzh-base-color);\n  box-sizing: border-box;\n  display: block;\n}\n[hidden].sc-stzh-pi-teaser-layout-item-h, [stzh-hidden].sc-stzh-pi-teaser-layout-item-h {\n  display: none;\n}\n.sc-stzh-pi-teaser-layout-item-h::selection {\n  color: var(--stzh-selection-color);\n  background-color: var(--stzh-selection-background-color);\n}\n.sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item, .sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item::before, .sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item::after {\n  box-sizing: border-box;\n  text-underline-offset: var(--stzh-link-text-underline-offset);\n  text-decoration-thickness: var(--stzh-link-text-decoration-thickness);\n  -webkit-text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);\n          text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);\n}\n.sc-stzh-pi-teaser-layout-item-h {\n  \n}\n.sc-stzh-pi-teaser-layout-item-h .has-focus.sc-stzh-pi-teaser-layout-item {\n  outline: var(--stzh-flyingfocus-color) solid 0.125rem;\n  outline-offset: 0.125rem;\n}\n.sc-stzh-pi-teaser-layout-item-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout-item {\n  outline-style: none !important;\n}\n.sc-stzh-pi-teaser-layout-item-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout-item::-moz-focus-inner {\n  border: 0 !important;\n}\n\n\n.sc-stzh-pi-teaser-layout-item-h {\n  --image-background-color: var(\n    --stzh-pi-teaser-layout-item-image-background-color,\n    var(--stzh-color-coolgrey10)\n  );\n  display: flex;\n  inline-size: 100%;\n  block-size: 100%;\n  container-type: size;\n}\n[image-position=top].sc-stzh-pi-teaser-layout-item-h {\n  --grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);\n}\n@media screen and (max-width: 899px) {\n  [image-position=top].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "image image image image " "text text text text "\n    );\n  }\n}\n@media screen and (min-width: 900px) {\n  [image-position=top].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "image image image image image image image image"\n        "text text text text text text text text"\n    );\n  }\n}\n@media screen and (min-width: 1260px) {\n  [image-position=top].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "image image image image image image image image image image image image"\n        "text text text text text text text text text text text text"\n    );\n  }\n}\n[image-position=right].sc-stzh-pi-teaser-layout-item-h {\n  --grid-template-no-rows: 1fr;\n}\n@media screen and (max-width: 899px) {\n  [image-position=right].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "text text image image"\n    );\n  }\n}\n@media screen and (min-width: 900px) {\n  [image-position=right].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "text text text text text image image image"\n    );\n  }\n}\n@media screen and (min-width: 1260px) {\n  [image-position=right].sc-stzh-pi-teaser-layout-item-h {\n    --grid-template-areas: var(\n      --stzh-pi-teaser-layout-item-grid-template-areas,\n      "text text text text text text image image image image image image"\n    );\n  }\n}\n.sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n  --grid-template-no-rows: 1fr;\n}\n@media screen and (max-width: 899px) {\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n    --grid-template-areas-no-image: "text text text text";\n  }\n}\n@media screen and (min-width: 900px) {\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n    --grid-template-areas-no-image: "text text text text text text text text";\n  }\n}\n@media screen and (min-width: 1260px) {\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) {\n    --grid-template-areas-no-image: "text text text text text text text text text text text text";\n  }\n}\n.sc-stzh-pi-teaser-layout-item-h:not([has-lead]) .stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n  display: none;\n}\n[content-size=XL].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-mega-font-size);\n  line-height: var(--stzh-font-mega-text-line-height);\n  letter-spacing: var(--stzh-font-mega-text-letter-spacing);\n}\n[content-size=L].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-hecto-font-size);\n  line-height: var(--stzh-font-hecto-text-line-height);\n  letter-spacing: var(--stzh-font-hecto-text-letter-spacing);\n}\n[content-size=M].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-deca-font-size);\n  line-height: var(--stzh-font-deca-text-line-height);\n  letter-spacing: var(--stzh-font-deca-text-letter-spacing);\n}\n[content-size=S].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-deci-font-size);\n  line-height: var(--stzh-font-deci-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n}\n[content-size=XS].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-centi-font-size);\n  line-height: var(--stzh-font-centi-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n}\n[content-size=S].sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  -webkit-line-clamp: 2;\n}\n@container (max-height: 235px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 40cqh 60cqh;\n  }\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 1;\n  }\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 1;\n  }\n}\n@container (min-height: 236px) and (max-height:349px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 47cqh 53cqh;\n  }\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 2;\n  }\n  .sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 2;\n  }\n}\n@container (min-height: 350px) and (max-height:549px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 55cqh 45cqh;\n  }\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead {\n    --lead-lines: 3;\n  }\n}\n@container (min-height: 550px) and (max-height: 639px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 50cqh 50cqh;\n  }\n}\n@container (min-height: 640px) and (max-height: 799px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 55cqh 45cqh;\n  }\n}\n@container (min-height: 800px) {\n  .sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item {\n    --grid-template-rows: 40cqh 60cqh;\n  }\n}\n\n.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n  column-gap: var(--stzh-grid-gutter);\n}\n@media screen and (min-width: 600px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-small);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-large);\n  }\n}\n@media screen and (min-width: 1600px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    column-gap: var(--stzh-grid-gutter-ultra);\n  }\n}\n.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    grid-template-columns: repeat(8, minmax(0, 1fr));\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n  }\n}\n.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item {\n  display: grid;\n  height: 100%;\n  width: 100%;\n  grid-template-rows: var(--grid-template-no-rows, var(--grid-template-rows));\n  grid-template-areas: var(--grid-template-areas-no-image, var(--grid-template-areas));\n  background-color: var(--stzh-color-grey10);\n}\n.stzh-pi-teaser-layout-item__text.sc-stzh-pi-teaser-layout-item {\n  display: grid;\n  grid-template-rows: auto auto minmax(0, 1fr) auto;\n  height: 100%;\n  min-height: 0;\n  align-content: start;\n}\n.stzh-pi-teaser-layout-item__wrapper.sc-stzh-pi-teaser-layout-item {\n  grid-area: text;\n  overflow: hidden;\n  padding: var(--stzh-space-medium);\n  height: 100%;\n  min-height: 0;\n}\n.stzh-pi-teaser-layout-item__image.sc-stzh-pi-teaser-layout-item {\n  overflow: hidden;\n  grid-area: image;\n}\n.stzh-pi-teaser-layout-item__image.sc-stzh-pi-teaser-layout-item > img.sc-stzh-pi-teaser-layout-item {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.stzh-pi-teaser-layout-item__dateline.sc-stzh-pi-teaser-layout-item {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  font-style: var(--stzh-font-style-title);\n  font-size: var(--stzh-font-milli-font-size);\n  line-height: var(--stzh-font-milli-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  color: var(--stzh-color-coolgrey70);\n  margin: 0;\n  align-self: start;\n}\n.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n  padding-top: var(--stzh-space-xsmall);\n}\n@media screen and (min-width: 600px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-top: var(--stzh-space-small);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-top: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-top: var(--stzh-space-xlarge);\n  }\n}\n.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n  padding-bottom: var(--stzh-space-xxsmall);\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-xsmall);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-small);\n  }\n}\n.stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  font-style: var(--stzh-font-style-title);\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  word-break: break-word;\n  hyphens: auto;\n  color: var(--stzh-color-black);\n  margin: 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  \n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  \n  align-self: start;\n}\n.stzh-pi-teaser-layout-item__title-link.sc-stzh-pi-teaser-layout-item {\n  display: block;\n  font-family: inherit;\n  appearance: none;\n  background-color: transparent;\n  border: none;\n  color: var(--stzh-color-black);\n  -webkit-text-decoration-line: none;\n          text-decoration-line: none;\n  transition: color var(--stzh-base-transition-animation-speed);\n  border-radius: var(--stzh-button-border-radius);\n  cursor: pointer;\n}\n.stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n  padding-bottom: var(--stzh-space-xsmall);\n}\n@media screen and (min-width: 600px) {\n  .stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-small);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  .stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item {\n    padding-bottom: var(--stzh-space-xlarge);\n  }\n}\n@media screen and (max-width: 899px) {\n  .stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n    font-size: var(--stzh-font-milli-font-size);\n    line-height: var(--stzh-font-milli-text-line-height);\n    letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  }\n}\n@media screen and (min-width: 900px) {\n  .stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n    font-size: var(--stzh-font-centi-font-size);\n    line-height: var(--stzh-font-centi-text-line-height);\n    letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  }\n}\n.stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item {\n  margin-top: 0;\n  color: var(--stzh-color-coolgrey70);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--lead-lines, 3);\n  line-clamp: var(--lead-lines, 3);\n  overflow: hidden;\n  \n  align-self: start;\n}\n.stzh-pi-teaser-layout-item__date.sc-stzh-pi-teaser-layout-item {\n  font-size: var(--stzh-font-micro-font-size);\n  line-height: var(--stzh-font-micro-text-line-height);\n  color: var(--stzh-color-coolgrey70);\n  margin: 0;\n  align-self: end;\n}`;const r=class{constructor(i){t(this,i);this.stzhClick=e(this,"stzhClick");this.dateline="";this.heading="";this.headingLevel="3";this.lead="";this.date="";this.contentSize="M";this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-teaser-layout-item",originalEvent:t,href:this.href})}}componentDidRender(){requestAnimationFrame((()=>{var t,e;const i=this.analyticsId||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(e=this.titleLinkElement)===null||e===void 0?void 0:e.setAttribute("s-object-id",i)}}))}renderHeading(){const t=`h${this.headingLevel}`;const e=this.href?"a":"button";return i("div",{class:"stzh-pi-teaser-layout-item__title-wrapper"},i(t,{class:"stzh-pi-teaser-layout-item__title"},i(e,{ref:t=>this.titleLinkElement=t,class:"stzh-pi-teaser-layout-item__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{ref:t=>this.headingTextElement=t},this.heading))))}render(){const t=!!this.lead;console.log("imageSrc: ",this.imageSrc," & imagePosition: ",this.imagePosition);const e=!!this.imageSrc&&!!this.imagePosition;console.log("hasImage: ",e);const n=this.lead;const s={"stzh-pi-teaser-layout-item":true,"stzh-pi-teaser-layout-item--has-lead":t,"stzh-pi-teaser-layout-item--has-image":e};return i(a,{key:"7cf70ace567cebab87daa2a6229cfdc475ecae92","has-lead":t,"has-image":e,"image-position":this.imagePosition,"content-size":this.contentSize},i("article",{key:"efa74b6ce298556d193d2e4726ed7f6946153818",class:s,"aria-label":this.heading,role:"listitem"},e&&i("div",{key:"49c7fa3c8d7cdd65d6478032820e8ed2806b2abe",class:"stzh-pi-teaser-layout-item__image"},i("img",{key:"ba62e2d4761ae58aa76fe854b662f211bb86fdba",src:this.imageSrc,alt:"Example image"})),i("div",{key:"7b7523a408c9538e0f8358ae16e346e1b09e9f0b",class:"stzh-pi-teaser-layout-item__wrapper"},i("div",{key:"be296971a20fc297126ab21dfed429164d08ec98",class:"stzh-pi-teaser-layout-item__text"},this.dateline&&i("p",{key:"e499455fb6ab0ea3778b6408bade428f999b8e10",class:"stzh-pi-teaser-layout-item__dateline"},this.dateline),this.renderHeading(),i("div",{key:"c2c9e35010965a7ef6780bb74913a9b122e0f1a5",class:"stzh-pi-teaser-layout-item__lead-wrapper"},i("p",{key:"83e827acd408b89b95e73217f6811bc64ec77d8e",class:"stzh-pi-teaser-layout-item__lead"},n)),this.date&&i("p",{key:"6a874419febef4c9ed588a2a2fae01706ed5ad78",class:"stzh-pi-teaser-layout-item__date"},this.date)))))}get element(){return n(this)}};r.style=s();export{r as stzh_pi_teaser_layout_item};
+//# sourceMappingURL=p-0f368190.entry.js.map

package/dist/stzh-components/{p-46d386fe.entry.js → p-12eadfb2.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as a,a as i}from"./p-D21RGl5H.js";import{b as n}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";const e=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--color:var(--stzh-color-black);--background-color:transparent;--outline-color:transparent;--heading-color:var(--stzh-section-heading-color, var(--stzh-heading-color));--heading-background-color:transparent;--padding-left:var(--stzh-section-padding-left, 0px);--padding-right:var(--stzh-section-padding-right, 0px);--padding-top:var(\n    --stzh-section-padding-top,\n    var(--stzh-space-large)\n  );--padding-bottom:var(\n    --stzh-section-padding-bottom,\n    var(--stzh-space-large)\n  );--margin-top:var(--stzh-section-margin-top, 0px);--margin-bottom:var(--stzh-section-margin-bottom, 0px)}@media screen and (min-width: 600px){:host{--padding-top:var(\n      --stzh-section-padding-top,\n      var(--stzh-space-xlarge)\n    );--padding-bottom:var(\n      --stzh-section-padding-bottom,\n      var(--stzh-space-xlarge)\n    )}}@media screen and (min-width: 1260px){:host{--padding-top:var(\n      --stzh-section-padding-top,\n      var(--stzh-space-xxxlarge)\n    );--padding-bottom:var(\n      --stzh-section-padding-bottom,\n      var(--stzh-space-xxxlarge)\n    )}}@media (forced-colors: active){:host{--outline-color:CanvasText}}:host{margin-top:var(--margin-top);margin-bottom:var(--margin-bottom)}:host ::slotted(stzh-heading){margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){:host ::slotted(stzh-heading){margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host ::slotted(stzh-heading){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-heading){margin-top:var(--stzh-space-xlarge)}}:host ::slotted(stzh-heading){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){:host ::slotted(stzh-heading){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host ::slotted(stzh-heading){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-heading){margin-bottom:var(--stzh-space-xlarge)}}:host ::slotted(stzh-heading){--stzh-heading-color:var(--heading-color)}:host(:where([breakout]:not([breakout=default]))){position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}:host(:where([background]:not([background=default]))){--padding-top:var(\n    --stzh-section-background-padding-top,\n    var(--stzh-space-xlarge)\n  );--padding-bottom:var(\n    --stzh-section-background-padding-bottom,\n    var(--stzh-space-xlarge)\n  );--margin-top:var(\n    --stzh-section-background-margin-top,\n    var(--stzh-space-medium)\n  );--margin-bottom:var(\n    --stzh-section-background-margin-bottom,\n    var(--stzh-space-medium)\n  )}@media screen and (min-width: 600px){:host(:where([background]:not([background=default]))){--padding-top:var(\n      --stzh-section-background-padding-top,\n      var(--stzh-space-xxlarge)\n    );--padding-bottom:var(\n      --stzh-section-background-padding-bottom,\n      var(--stzh-space-xxlarge)\n    )}}@media screen and (min-width: 1260px){:host(:where([background]:not([background=default]))){--padding-top:var(\n      --stzh-section-background-padding-top,\n      var(--stzh-space-xxxxlarge)\n    );--padding-bottom:var(\n      --stzh-section-background-padding-bottom,\n      var(--stzh-space-xxxxlarge)\n    );--margin-top:var(\n      --stzh-section-background-margin-top,\n      var(--stzh-space-xxlarge)\n    );--margin-bottom:var(\n      --stzh-section-background-margin-bottom,\n      var(--stzh-space-xxlarge)\n    )}}:host([background=secondary]){--background-color:var(--stzh-color-secondary20)}:host([background=primary]){--background-color:var(--stzh-color-primary70)}:host([variant=highlight]){--padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-left:var(--stzh-space-xlarge)}}:host([variant=highlight]){--padding-right:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-right:var(--stzh-space-xlarge)}}:host([variant=highlight]){--padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-top:var(--stzh-space-xxxlarge)}}:host([variant=highlight]){--padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-bottom:var(--stzh-space-xxxlarge)}}:host([variant=highlight]){--color:var(--stzh-section-highlight-color);--background-color:var(--stzh-section-highlight-background-color);--heading-background-color:var(--stzh-color-secondary40);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}:host([variant=contextbox]){--padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-left:var(--stzh-space-xxlarge)}}:host([variant=contextbox]){--padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-right:var(--stzh-space-xxlarge)}}:host([variant=contextbox]){--padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-top:var(--stzh-space-xxlarge)}}:host([variant=contextbox]){--padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-bottom:var(--stzh-space-xxlarge)}}:host([variant=contextbox]){--color:var(--stzh-section-highlight-color);--background-color:var(--stzh-section-highlight-background-color);--heading-background-color:var(--stzh-color-secondary40);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}:host([variant=contextbox]):last-child{margin-bottom:0}:host([variant=greybox]){--background-color:var(--stzh-color-grey10);--padding-left:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-left:var(--stzh-space-xxxxlarge)}}:host([variant=greybox]){--padding-right:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-right:var(--stzh-space-xxxxlarge)}}:host([variant=greybox]){--padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=greybox]){--padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-top:var(--stzh-space-xxlarge)}}:host([variant=greybox]){--padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=greybox]){--padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-bottom:var(--stzh-space-xxlarge)}}:host([variant=greybox]):last-child{margin-bottom:0}:host([variant=poimax]){--background-color:var(--stzh-color-grey10);--padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-left:var(--stzh-space-xxlarge)}}:host([variant=poimax]){--padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-right:var(--stzh-space-xxlarge)}}:host([variant=poimax]){--padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-top:var(--stzh-space-xxlarge)}}:host([variant=poimax]){--padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-bottom:var(--stzh-space-xxlarge)}}:host([variant=poimax]):last-child{margin-bottom:0}:host([margin-top=none]){--margin-top:0px}:host([margin-bottom=none]){--margin-bottom:0px}:host([padding-top=none]){--padding-top:0px}:host([padding-bottom=none]){--padding-bottom:0px}.stzh-section{background-color:var(--background-color)}.stzh-section__heading{display:flex;flex-direction:column;background-color:var(--heading-background-color);padding-left:var(--padding-left);padding-right:var(--padding-right)}@media (forced-colors: active){.stzh-section__outer{outline:0.125rem solid var(--outline-color);outline-offset:-0.125rem}}.stzh-section__wrapper{--stzh-base-color:var(--color);padding-left:var(--padding-left);padding-right:var(--padding-right);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.stzh-section--is-breakout .stzh-section__outer{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-section--is-breakout .stzh-section__outer{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-section--is-breakout .stzh-section__outer{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-section--is-breakout .stzh-section__outer{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-section--is-breakout .stzh-section__outer{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media (forced-colors: active){.stzh-section--default .stzh-section__outer{outline:none}}`;const o=class{constructor(a){t(this,a);this.variant="default";this.background="default";this.marginTop="default";this.marginBottom="default";this.paddingTop="default";this.paddingBottom="default";this.breakout=false;this.init=()=>{if(this.variant!=="contextbox"||!this.slotElement){return}const t=this.slotElement.assignedElements({flatten:true});const a=[];t.forEach((t=>{if(t.matches("stzh-cspace, stzh-richtext")){a.push(t)}a.push(...Array.from(t.querySelectorAll("stzh-cspace, stzh-richtext")))}));a.forEach((t=>{n(t,{removeFirstMargin:true,removeLastMargin:true})}))};this.onSlotChange=()=>{this.init()}}componentDidLoad(){this.init()}render(){return a(i,{key:"7fd0c934d834c5ba3e1d3819445194ad4c3808e7"},a("section",{key:"2d3ab3cf8e027094f84ce58e59b2a1338b6a05fa",class:{"stzh-section":true,"stzh-section--is-breakout":this.breakout,[`stzh-section--${this.variant}`]:!!this.variant,[`stzh-section--margin-bottom-${this.marginBottom}`]:!!this.marginBottom}},a("div",{key:"88f5584174878277b4fac4ded250a8ed8b5c648e",class:"stzh-section__outer"},a("div",{key:"27e3f07efbb17f98bf5979bf205dccd8e34cdcfa",class:"stzh-section__heading"},a("slot",{key:"827cb806fc89516d98ef79d0fdcd9ceb65399200",name:"heading"})),a("div",{key:"bdf857b7d368e11ff0d64cd9cd6368a32b1b678b",class:"stzh-section__wrapper"},a("slot",{key:"5aa7acc9cd48576f958d511b6979762a7c542624",onSlotchange:this.onSlotChange,ref:t=>this.slotElement=t})))))}};o.style=e();export{o as stzh_section};
-//# sourceMappingURL=p-46d386fe.entry.js.map
+import{r as t,h as a,a as i}from"./p-BeYTS5to.js";import{b as n}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";const e=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--color:var(--stzh-color-black);--background-color:transparent;--outline-color:transparent;--heading-color:var(--stzh-section-heading-color, var(--stzh-heading-color));--heading-background-color:transparent;--padding-left:var(--stzh-section-padding-left, 0px);--padding-right:var(--stzh-section-padding-right, 0px);--padding-top:var(\n    --stzh-section-padding-top,\n    var(--stzh-space-large)\n  );--padding-bottom:var(\n    --stzh-section-padding-bottom,\n    var(--stzh-space-large)\n  );--margin-top:var(--stzh-section-margin-top, 0px);--margin-bottom:var(--stzh-section-margin-bottom, 0px)}@media screen and (min-width: 600px){:host{--padding-top:var(\n      --stzh-section-padding-top,\n      var(--stzh-space-xlarge)\n    );--padding-bottom:var(\n      --stzh-section-padding-bottom,\n      var(--stzh-space-xlarge)\n    )}}@media screen and (min-width: 1260px){:host{--padding-top:var(\n      --stzh-section-padding-top,\n      var(--stzh-space-xxxlarge)\n    );--padding-bottom:var(\n      --stzh-section-padding-bottom,\n      var(--stzh-space-xxxlarge)\n    )}}@media (forced-colors: active){:host{--outline-color:CanvasText}}:host{margin-top:var(--margin-top);margin-bottom:var(--margin-bottom)}:host ::slotted(stzh-heading){margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){:host ::slotted(stzh-heading){margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host ::slotted(stzh-heading){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-heading){margin-top:var(--stzh-space-xlarge)}}:host ::slotted(stzh-heading){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){:host ::slotted(stzh-heading){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host ::slotted(stzh-heading){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-heading){margin-bottom:var(--stzh-space-xlarge)}}:host ::slotted(stzh-heading){--stzh-heading-color:var(--heading-color)}:host(:where([breakout]:not([breakout=default]))){position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}:host(:where([background]:not([background=default]))){--padding-top:var(\n    --stzh-section-background-padding-top,\n    var(--stzh-space-xlarge)\n  );--padding-bottom:var(\n    --stzh-section-background-padding-bottom,\n    var(--stzh-space-xlarge)\n  );--margin-top:var(\n    --stzh-section-background-margin-top,\n    var(--stzh-space-medium)\n  );--margin-bottom:var(\n    --stzh-section-background-margin-bottom,\n    var(--stzh-space-medium)\n  )}@media screen and (min-width: 600px){:host(:where([background]:not([background=default]))){--padding-top:var(\n      --stzh-section-background-padding-top,\n      var(--stzh-space-xxlarge)\n    );--padding-bottom:var(\n      --stzh-section-background-padding-bottom,\n      var(--stzh-space-xxlarge)\n    )}}@media screen and (min-width: 1260px){:host(:where([background]:not([background=default]))){--padding-top:var(\n      --stzh-section-background-padding-top,\n      var(--stzh-space-xxxxlarge)\n    );--padding-bottom:var(\n      --stzh-section-background-padding-bottom,\n      var(--stzh-space-xxxxlarge)\n    );--margin-top:var(\n      --stzh-section-background-margin-top,\n      var(--stzh-space-xxlarge)\n    );--margin-bottom:var(\n      --stzh-section-background-margin-bottom,\n      var(--stzh-space-xxlarge)\n    )}}:host([background=secondary]){--background-color:var(--stzh-color-secondary20)}:host([background=primary]){--background-color:var(--stzh-color-primary70)}:host([variant=highlight]){--padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-left:var(--stzh-space-xlarge)}}:host([variant=highlight]){--padding-right:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-right:var(--stzh-space-xlarge)}}:host([variant=highlight]){--padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-top:var(--stzh-space-xxxlarge)}}:host([variant=highlight]){--padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-bottom:var(--stzh-space-xxxlarge)}}:host([variant=highlight]){--color:var(--stzh-section-highlight-color);--background-color:var(--stzh-section-highlight-background-color);--heading-background-color:var(--stzh-color-secondary40);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}:host([variant=contextbox]){--padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-left:var(--stzh-space-xxlarge)}}:host([variant=contextbox]){--padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-right:var(--stzh-space-xxlarge)}}:host([variant=contextbox]){--padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-top:var(--stzh-space-xxlarge)}}:host([variant=contextbox]){--padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-bottom:var(--stzh-space-xxlarge)}}:host([variant=contextbox]){--color:var(--stzh-section-highlight-color);--background-color:var(--stzh-section-highlight-background-color);--heading-background-color:var(--stzh-color-secondary40);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}:host([variant=contextbox]):last-child{margin-bottom:0}:host([variant=greybox]){--background-color:var(--stzh-color-grey10);--padding-left:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-left:var(--stzh-space-xxxxlarge)}}:host([variant=greybox]){--padding-right:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-right:var(--stzh-space-xxxxlarge)}}:host([variant=greybox]){--padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=greybox]){--padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-top:var(--stzh-space-xxlarge)}}:host([variant=greybox]){--padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=greybox]){--padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-bottom:var(--stzh-space-xxlarge)}}:host([variant=greybox]):last-child{margin-bottom:0}:host([variant=poimax]){--background-color:var(--stzh-color-grey10);--padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-left:var(--stzh-space-xxlarge)}}:host([variant=poimax]){--padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-right:var(--stzh-space-xxlarge)}}:host([variant=poimax]){--padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-top:var(--stzh-space-xxlarge)}}:host([variant=poimax]){--padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-bottom:var(--stzh-space-xxlarge)}}:host([variant=poimax]):last-child{margin-bottom:0}:host([margin-top=none]){--margin-top:0px}:host([margin-bottom=none]){--margin-bottom:0px}:host([padding-top=none]){--padding-top:0px}:host([padding-bottom=none]){--padding-bottom:0px}.stzh-section{background-color:var(--background-color)}.stzh-section__heading{display:flex;flex-direction:column;background-color:var(--heading-background-color);padding-left:var(--padding-left);padding-right:var(--padding-right)}@media (forced-colors: active){.stzh-section__outer{outline:0.125rem solid var(--outline-color);outline-offset:-0.125rem}}.stzh-section__wrapper{--stzh-base-color:var(--color);padding-left:var(--padding-left);padding-right:var(--padding-right);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.stzh-section--is-breakout .stzh-section__outer{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-section--is-breakout .stzh-section__outer{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-section--is-breakout .stzh-section__outer{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-section--is-breakout .stzh-section__outer{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-section--is-breakout .stzh-section__outer{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media (forced-colors: active){.stzh-section--default .stzh-section__outer{outline:none}}`;const o=class{constructor(a){t(this,a);this.variant="default";this.background="default";this.marginTop="default";this.marginBottom="default";this.paddingTop="default";this.paddingBottom="default";this.breakout=false;this.init=()=>{if(this.variant!=="contextbox"||!this.slotElement){return}const t=this.slotElement.assignedElements({flatten:true});const a=[];t.forEach((t=>{if(t.matches("stzh-cspace, stzh-richtext")){a.push(t)}a.push(...Array.from(t.querySelectorAll("stzh-cspace, stzh-richtext")))}));a.forEach((t=>{n(t,{removeFirstMargin:true,removeLastMargin:true})}))};this.onSlotChange=()=>{this.init()}}componentDidLoad(){this.init()}render(){return a(i,{key:"7fd0c934d834c5ba3e1d3819445194ad4c3808e7"},a("section",{key:"2d3ab3cf8e027094f84ce58e59b2a1338b6a05fa",class:{"stzh-section":true,"stzh-section--is-breakout":this.breakout,[`stzh-section--${this.variant}`]:!!this.variant,[`stzh-section--margin-bottom-${this.marginBottom}`]:!!this.marginBottom}},a("div",{key:"88f5584174878277b4fac4ded250a8ed8b5c648e",class:"stzh-section__outer"},a("div",{key:"27e3f07efbb17f98bf5979bf205dccd8e34cdcfa",class:"stzh-section__heading"},a("slot",{key:"827cb806fc89516d98ef79d0fdcd9ceb65399200",name:"heading"})),a("div",{key:"bdf857b7d368e11ff0d64cd9cd6368a32b1b678b",class:"stzh-section__wrapper"},a("slot",{key:"5aa7acc9cd48576f958d511b6979762a7c542624",onSlotchange:this.onSlotChange,ref:t=>this.slotElement=t})))))}};o.style=e();export{o as stzh_section};
+//# sourceMappingURL=p-12eadfb2.entry.js.map

package/dist/stzh-components/{p-1ae6f59b.entry.js → p-16eba7e0.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as a,F as s,a as i,d as r}from"./p-D21RGl5H.js";import{f as h}from"./p-PUB8fb5E.js";import{m as d,a as o,r as n}from"./p-CUGRmgip.js";import{c as l}from"./p-CBUfcdIy.js";import{c}from"./p-BzugsqyR.js";import"./p-E-ZsRS8r.js";const f=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--teaser-list-width:30rem;--meta-grid-template-areas:"filters search";--results-grid-template-areas:"map list"}.stzh-geo-ref-data{position:fixed;top:0;right:0;bottom:0;left:0;z-index:899;flex-direction:column;transition:opacity ease 0.2s;background-color:var(--stzh-color-white);display:flex;opacity:0;visibility:hidden;pointer-events:none}.stzh-geo-ref-data--is-open{opacity:1;visibility:visible;pointer-events:inherit}.stzh-geo-ref-data__header{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data__header{display:inherit}}.stzh-geo-ref-data__content{overflow:hidden;height:100%}.stzh-geo-ref-data--content-padding{padding-left:1.25rem;padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data--content-padding{padding-left:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data--content-padding{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data--content-padding{padding-left:2rem}}.stzh-geo-ref-data__heading{display:flex;align-items:center;background-color:var(--stzh-color-secondary20);padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data{}.stzh-geo-ref-data__meta-wrapper{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--stzh-space-large)}@media screen and (max-width: 1259px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}}.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-xlarge)}}.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{display:grid;column-gap:var(--stzh-grid-gutter);grid-template-areas:var(--meta-grid-template-areas);grid-template-columns:1fr var(--teaser-list-width)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-geo-ref-data__filters{grid-area:filters;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-toggle{display:none}}@media screen and (max-width: 899px){.stzh-geo-ref-data__filters-toggle stzh-chip{--icon-gap:0}}.stzh-geo-ref-data__list-search{display:none;padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__filters-content{display:none}.stzh-geo-ref-data__filters-content--visible{padding:1.25rem}@media screen and (max-width: 1259px){.stzh-geo-ref-data__filters-content--visible{display:flex;gap:var(--stzh-space-xxlarge);position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--stzh-color-white);z-index:10;flex-direction:column;justify-content:space-between}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-content{display:block}}.stzh-geo-ref-data__filters-apply-button{display:block}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-apply-button{display:none}}.stzh-geo-ref-data__search{grid-area:search;width:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__search{width:var(--teaser-list-width);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-xsmall)}}.stzh-geo-ref-data__search input{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)}.stzh-geo-ref-data__results-toggle{grid-area:resultstoggle;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-toggle{display:none}}.stzh-geo-ref-data{}.stzh-geo-ref-data__results-wrapper{height:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{display:grid;column-gap:var(--stzh-grid-gutter);grid-template-areas:var(--results-grid-template-areas);grid-template-columns:minmax(0, 1fr) var(--teaser-list-width)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (max-width: 1259px){.stzh-geo-ref-data__results-wrapper .inactive{visibility:hidden;height:0;position:absolute;overflow:hidden}}.stzh-geo-ref-data__results-map{grid-area:map;position:relative;height:100%}.stzh-geo-ref-data__map-controls{position:absolute;top:var(--stzh-space-small);left:var(--stzh-space-small);background-color:var(--stzh-color-white);padding:var(--stzh-space-xsmall)}.stzh-geo-ref-data__results-list{grid-area:list;padding-left:1.25rem;padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxlarge);overflow:auto}.stzh-geo-ref-data__results-list::-webkit-scrollbar{position:absolute;z-index:9999999;width:0.5rem;background-color:transparent}.stzh-geo-ref-data__results-list::-webkit-scrollbar:horizontal{height:0.5rem}.stzh-geo-ref-data__results-list::-webkit-scrollbar-track{background-color:transparent}.stzh-geo-ref-data__results-list::-webkit-scrollbar-thumb{background-color:var(--stzh-color-secondary50)}.stzh-geo-ref-data__results-list::-webkit-scrollbar-thumb:active,.stzh-geo-ref-data__results-list ::-webkit-scrollbar-thumb:hover{background-color:var(--stzh-color-secondary50)}@media screen and (min-width: 600px){.stzh-geo-ref-data__results-list{padding-left:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data__results-list{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-list{width:var(--teaser-list-width);padding-left:0;overflow:auto}}.stzh-geo-ref-data__results-list-heading{margin-bottom:var(--stzh-space-medium)}.stzh-geo-ref-data__teaser-list{display:grid;gap:var(--stzh-space-medium);grid-template-columns:1fr}@media screen and (min-width: 600px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr}}.stzh-geo-ref-data__teaser-load-more{display:flex;justify-content:center;margin-top:var(--stzh-space-medium)}.stzh-geo-ref-data{}@media screen and (min-width: 1260px){.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__meta-wrapper{display:none}}.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__filters{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__list-search{display:block}}.stzh-poi-teaser{display:flex;flex-direction:column-reverse;background-color:var(--stzh-color-grey10);position:relative;color:inherit;text-decoration:none}@media screen and (min-width: 1260px){.stzh-poi-teaser{flex-direction:row;height:11.25rem}}.stzh-poi-teaser:hover,.stzh-poi-teaser:focus{cursor:pointer;background-color:var(--stzh-color-secondary10);text-decoration:none}.stzh-poi-teaser-content{padding:var(--stzh-space-medium);hyphens:auto;flex-grow:1}.stzh-poi-teaser-content stzh-heading{margin-bottom:var(--stzh-space-xsmall);hyphens:auto}.stzh-poi-teaser-content stzh-text{--color:var(--stzh-color-grey80)}.stzh-poi-teaser-link{position:absolute;top:0;right:0;bottom:0;left:0}.stzh-poi-teaser__image-wrapper{position:relative}.stzh-poi-teaser__ratio{display:flex;height:100%}.stzh-poi-teaser__image-inner-wrapper{background-color:var(--stzh-color-grey20);position:absolute;inset:0;height:100%}.stzh-poi-teaser__image-inner-wrapper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stzh-poi-teaser-list-item{display:flex;gap:var(--stzh-space-small);margin-top:var(--stzh-space-xxsmall)}.stzh-poi-teaser-list-item stzh-icon,.stzh-poi-teaser-list-item stzh-text{--color:var(--stzh-color-grey80)}`;const p="stzh-overlay-open";const g=class{constructor(a){t(this,a);this.stzhOverlayCloseClick=e(this,"stzhOverlayCloseClick");this.stzhFocus=e(this,"stzhFocus");this.stzhBlur=e(this,"stzhBlur");this.al="";this.heading="";this.mapDataUrl="";this.poiDataUrl="";this.baseUrlOverride="https://www.stadt-zuerich.ch";this.locationControl=true;this.centerMarker=false;this.zoom=7;this.zoomLocation=7;this.pinchRotateThreshold=.3;this.availableTags=[];this._availableTags=[];this.searchIndexFields=["title","poiname","street","zip","description"];this.searchIndexIdField="poiid";this.filterActive=false;this.searchActive=false;this.showOnlyResultsForCurrentExtent=true;this.finalResults=[];this.finalResultsPaginatedList=[];this.finalResultsPaginationOffset=0;this.viewmode="map";this.numberOfItemsToLoad=20;this.appliedFilters=[""];this.isFiltersContentOpen=false;this.filterResults=[];this.poiTeaserLinkRefs=new Map;this.isPoiKeyboardFocus=false;this.handleFilterToggleClick=()=>{this.isFiltersContentOpen=true};this.handleApplyFilterClick=()=>{this.isFiltersContentOpen=false};this.handleOverlayCloseClick=()=>{var t,e;document.body.classList.remove(p);document.documentElement.classList.remove(p);(t=this.triggerElement)===null||t===void 0?void 0:t.setAttribute("aria-expanded","false");if(this.trap){this.trap.deactivate()}(e=this.triggerElement)===null||e===void 0?void 0:e.focus();this.isOpen=false;const a=new URLSearchParams(window.location.search);Array.from(a.keys()).forEach((t=>{if(t.startsWith("filters[")){a.delete(t)}}));a.delete("extent[0]");a.delete("extent[1]");a.delete("extent[2]");a.delete("extent[3]");a.delete("al");const s=`${window.location.pathname}?${a.toString()}`;history.replaceState(null,"",s);this.appliedFilters=[""]};this.handleResize=async()=>{if(!this.metaWrapperElement||!this.mapElement||!this.resultsListElement){return}if(this.metaWrapperElement.clientHeight){this.mapElement.style.height=`calc(100% - ${this.metaWrapperElement.clientHeight}px)`;this.resultsListElement.style.height=`calc(100% - ${this.metaWrapperElement.clientHeight}px)`}else{this.mapElement.style.height=`100%`;this.resultsListElement.style.height=`100%`}const t=await this.mapElement.getMap();t.updateSize()};this.mediaChangeHandler=()=>{this.isViewportLarge=d("large").matches;this.isViewportMedium=d("medium").matches};this.handlePoiTeaserFocus=async(t,e)=>{this.stzhFocus.emit({component:"stzh-geo-ref-data",originalEvent:t});this.isPoiKeyboardFocus=true;await this.handlePoiTeaserMouseEnter(e);requestAnimationFrame((()=>{this.isPoiKeyboardFocus=false}))};this.handlePoiTeaserBlur=async(t,e)=>{this.stzhBlur.emit({component:"stzh-geo-ref-data",originalEvent:t});this.isPoiKeyboardFocus=true;await this.handlePoiTeaserMouseLeave(e);requestAnimationFrame((()=>{this.isPoiKeyboardFocus=false}))};this.init=()=>{this.triggerElement=this.element.querySelector('[slot="trigger"]');if(!this.triggerElement)return;this.triggerElement.setAttribute("aria-haspopup","dialog");this.triggerElement.setAttribute("aria-expanded","false");this.triggerElement.setAttribute("aria-controls",this.al);this.triggerElement.addEventListener("click",this.initializeAndOpenMap)};this.handleKeyDown=t=>{if(t.key==="Escape"){t.preventDefault();this.handleOverlayCloseClick();return}};this.initializeAndOpenMap=async()=>{var t;const e=new URLSearchParams(window.location.search);const a=[parseFloat(e.get("extent[0]")),parseFloat(e.get("extent[1]")),parseFloat(e.get("extent[2]")),parseFloat(e.get("extent[3]"))];const s=a.length===4&&a.every((t=>!isNaN(t)));document.body.classList.add(p);document.documentElement.classList.add(p);this.isLoading=true;this.isOpen=true;(t=this.triggerElement)===null||t===void 0?void 0:t.setAttribute("aria-expanded","true");await this.layoutReady();if(!e.has("al")){e.set("al",this.al);const t=`${window.location.pathname}?${e.toString()}`;history.replaceState(null,"",t)}try{const[t,e]=await Promise.all([this.loadMapData(),this.loadPoiData()]);this.combinedData=this.combineData(t,e);this.setEnhancedTags();this.applyFiltersFromUrl();this.buildSearchIndex(this.combinedData);this.finalResults=this.combinedData;await this.combineFilterAndSearchResults();await this.handleResize();if(!s){await this.mapElement.updateViewToFitMarkers()}this.isInitialized=true;await this.setVisibleMarkers();if(this.trap){this.trap.activate()}}catch(t){this.toastbarElement.toast("Beim Laden der Karte ist ein Fehler aufgetreten.",{type:"error"}).catch()}this.isLoading=false};this.handleFilterChange=async t=>{let e=Array.isArray(t.detail.value)?t.detail.value:[t.detail.value];if(e.length===1&&e[0]===this._resetTag.value){this.appliedFilters=[]}else{try{e=e.filter((t=>t!==""))}catch(t){}this.appliedFilters=e}setTimeout((async()=>{await this.handleFilterResults()}))};this.handleExtentVisibilityChange=async t=>{this.showOnlyResultsForCurrentExtent=t.detail.checked;await this.setVisibleMarkers()};this.handleSearchChange=async t=>{if(t.detail.value!==""){if(!this.searchIndex){return}const e=this.searchIndex.search(t.detail.value);const a=e.flatMap((t=>t.result));this.searchResults=new Set(a);this.searchActive=true}else{this.searchActive=false}await this.combineFilterAndSearchResults()};this.handleChipselectFocusIn=t=>{this.stzhFocus.emit({component:"stzh-geo-ref-data",originalEvent:t})};this.handleChipselectFocusOut=t=>{this.stzhBlur.emit({component:"stzh-geo-ref-data",originalEvent:t})};this.toggleViewMode=()=>{if(this.viewmode==="map"){this.viewmode="list"}else{this.viewmode="map"}}}availableTagsWatcher(t){if(!t){this._availableTags=[]}else if(typeof t==="string"){try{this._availableTags=JSON.parse(t)}catch(t){this._availableTags=[]}}else{this._availableTags=t}}resetTagWatcher(t){if(!t){this._resetTag=undefined}else if(typeof t==="string"){try{this._resetTag=JSON.parse(t)}catch(t){this._resetTag=undefined}}else{this._resetTag=t}}applyFiltersFromUrl(){const t=new URLSearchParams(window.location.search);const e=Array.from(t.entries()).filter((([t,e])=>t.startsWith("filters[")&&e==="true")).map((([t])=>t.slice(8,-1)));if(e.length){this.appliedFilters=e;this.updateUrlWithFilters();this.handleFilterChange({detail:{value:e}})}}async loadMapData(){if(!this.mapDataUrl){return[]}try{const t=await fetch(this.mapDataUrl);const e=await t.text();const a=(new DOMParser).parseFromString(e,"text/xml");return Array.from(a.querySelectorAll("featureMember")).map((t=>{var e,a;const s=(e=t.querySelector("pos"))===null||e===void 0?void 0:e.textContent;const i=(a=t.querySelector("poi_id"))===null||a===void 0?void 0:a.textContent;const[r,h]=(s===null||s===void 0?void 0:s.split(" "))||[];return{poiid:i,lat:r,lon:h}}))}catch(t){this.toastbarElement.toast("Es ist ein Fehler beim Beziehen der Kartendaten aufgetreten.",{type:"error"}).catch()}}async loadPoiData(){if(!this.poiDataUrl){return[]}try{const t=await fetch(this.poiDataUrl,{credentials:"include"});const e=await t.json();return e.items}catch(t){this.toastbarElement.toast("Beim Laden der POI-Daten ist ein Fehler aufgetreten.",{type:"error"}).catch()}}combineData(t,e){if(!t.length||!e.length){return[]}let a;let s;if(t.length<e.length){a=t;s=e}else{a=e;s=t}return a.map((t=>{const e=s.find((e=>e.poiid===t.poiid));return Object.assign(Object.assign({},t),e)})).sort(((t,e)=>{try{return t.title.localeCompare(e.title)}catch(t){return 1}}))}enhanceTags(t,e){return t.sort(((t,e)=>{try{return t.label.localeCompare(e.label)}catch(t){return 1}})).map((t=>{const a=e.filter((e=>{try{return e.tags.includes(t.value)}catch(t){return false}})).length.toString();return Object.assign(Object.assign({},t),{counter:a,variant:"filter"})}))}buildSearchIndex(t){if(!t.length){return}this.searchIndex=new h.Document({tokenize:"forward",matcher:{"[äà]":"a","[öó]":"o","[üûúù]":"u","[éè]":"e"},document:{id:this.searchIndexIdField,index:this.searchIndexFields}});t.forEach((t=>{this.searchIndex.add(t)}))}async mapMovedPannedOrZoomed(){if(this.isPoiKeyboardFocus)return;await this.setVisibleMarkers()}async setVisibleMarkers(){if(this.combinedData){const t=await this.mapElement.getVisibleMarkers();if(this.showOnlyResultsForCurrentExtent){this.finalResults=this.combinedData.filter((e=>t.find((t=>t.getId()===e.poiid))))}else{this.finalResults=this.combinedData}this.setEnhancedTags();await this.setPaginatedResults()}}async setPaginatedResults(){this.finalResultsPaginatedList=this.finalResults.slice(0,this.numberOfItemsToLoad);this.canLoadMore=this.finalResults.length>this.numberOfItemsToLoad}async checkDirectOpenViaUrl(){const t=new URLSearchParams(window.location.search);const e=t.get("al");if(e&&e===this.al){await this.initializeAndOpenMap()}}componentDidLoad(){this.init();this.trap=l(this.dialogElement,Object.assign({fallbackFocus:this.dialogElement},c()));this.resizeObserver=new ResizeObserver((()=>{this.handleResize()}));this.resizeObserver.observe(this.element);if(this.metaWrapperElement){this.resizeObserver.observe(this.metaWrapperElement)}this.handleResize();this.checkDirectOpenViaUrl()}connectedCallback(){this.mediaChangeHandler();o(this.mediaChangeHandler);this.availableTagsWatcher(this.availableTags);this.resetTagWatcher(this.resetTag)}disconnectedCallback(){var t;n(this.mediaChangeHandler);(t=this.triggerElement)===null||t===void 0?void 0:t.removeEventListener("click",this.initializeAndOpenMap);if(this.resizeObserver){this.resizeObserver.disconnect()}}layoutReady(){if(this.mapElement.clientWidth>0&&this.mapElement.clientHeight>0){return Promise.resolve()}return new Promise((t=>{const e=new ResizeObserver((a=>{for(const s of a){if(s.contentRect.width>0&&s.contentRect.height>0){e.disconnect();t();return}}}));e.observe(this.mapElement)}))}updateUrlWithFilters(){const t=new URLSearchParams(window.location.search);Array.from(t.keys()).forEach((e=>{if(e.startsWith("filters[")){t.delete(e)}}));this.appliedFilters.forEach((e=>{t.set(`filters[${e}]`,"true")}));const e=`${window.location.pathname}?${t.toString()}`;history.replaceState(null,"",e)}setEnhancedTags(){this.enhancedTags=this.enhanceTags(this._availableTags,this.finalResults);const t=Object.assign(Object.assign({},this._resetTag),{counter:this.finalResults.length.toString()});if(this._resetTag){this.enhancedTags.unshift(t)}}async handleFilterResults(){if(this.appliedFilters.length!==0){this.filterResults=this.finalResults.filter((t=>t.tags&&t.tags.some((t=>this.appliedFilters.includes(t)))));this.filterActive=true}else{this.filterActive=false;this.filterResults=this.finalResults}this.updateUrlWithFilters();await this.combineFilterAndSearchResults()}async combineFilterAndSearchResults(){if(this.filterActive&&!this.searchActive){this.finalResults=this.filterResults}else if(!this.filterActive&&this.searchActive){this.finalResults=Array.from(this.searchResults).map((t=>this.combinedData.find((e=>e.poiid===t))))}else if(this.filterActive&&this.searchActive){this.finalResults=this.filterResults.filter((t=>this.searchResults.has(t.poiid)))}else{this.finalResults=this.combinedData}this.finalResultsPaginatedList=this.finalResults.slice(0,this.numberOfItemsToLoad);await this.replaceMapMarkers(this.finalResults)}loadMore(){var t;this.finalResultsPaginationOffset++;const e=this.finalResults.slice(this.finalResultsPaginationOffset*this.numberOfItemsToLoad,this.finalResultsPaginationOffset*this.numberOfItemsToLoad+this.numberOfItemsToLoad);if(!e||!e.length||e.length<this.numberOfItemsToLoad){this.canLoadMore=false}this.finalResultsPaginatedList=this.finalResultsPaginatedList.concat(e);this.focusPoiTeaserAfterLoadMore=(t=e[0])===null||t===void 0?void 0:t.poiid}componentDidRender(){if(this.focusPoiTeaserAfterLoadMore){const t=this.poiTeaserLinkRefs.get(this.focusPoiTeaserAfterLoadMore);if(!t)return;t.focus();this.focusPoiTeaserAfterLoadMore=undefined}}async replaceMapMarkers(t){await this.mapElement.removeAllIconMarkers();const e=t.filter((t=>!!t.lat&&!!t.lon));await Promise.all(e.map((t=>this.mapElement.addIconMarker([parseFloat(t.lat),parseFloat(t.lon)],{id:t.poiid,title:t.title,text:t.description,data:t.data,imageUri:`${this.baseUrlOverride}${t.image}`,href:`${this.baseUrlOverride}${t.path}`}))));if(!this.showOnlyResultsForCurrentExtent){await this.mapElement.updateViewToFitMarkers()}}async handlePoiTeaserMouseEnter(t){const e=await this.mapElement.findMarkerById(t.poiid);if(e){await this.mapElement.setIconMarkerActive(e)}}async handlePoiTeaserMouseLeave(t){const e=await this.mapElement.findMarkerById(t.poiid);if(e){await this.mapElement.setIconMarkerInactive(e)}}render(){const t={"stzh-geo-ref-data":true,"stzh-geo-ref-data--is-loading":this.isLoading,"stzh-geo-ref-data--is-open":this.isOpen,"stzh-geo-ref-data--has-filters":this._availableTags.length>0};return a(i,{key:"aa0f01e36da169853f8278c580f002535fc2ff2e"},a("stzh-toastbar",{key:"4328e2b85f3a8b0eee1bb1f7a01867f8b0b3bd9d",ref:t=>this.toastbarElement=t}),a("div",{key:"ee8b0f588703a034330079f47dfb50b36a93c267",class:"stzh-geo-ref-data__trigger"},a("slot",{key:"b33f45a50630c675a12d954530a4e26b816c5f73",name:"trigger"})),a("stzh-overlay",{key:"41a6fa678ba1ffec6408ed7175ee6717395c8027",open:this.isLoading},a("stzh-loader",{key:"af4bd15661c0d373b6f807bd7f8d5d6a5cbdb2cf",label:"Daten werden geladen..."})),a("div",{key:"86d0e01f2b24c3b8c974c09336214a5bc068061f",class:t,ref:t=>this.dialogElement=t,role:"dialog","aria-modal":"true","aria-label":this.heading,tabindex:-1,onKeyDown:this.handleKeyDown},a("div",{key:"fbb52125789c8f058fccce81ae25a04ea1ae8897",class:"stzh-geo-ref-data__header-wrapper"},a("stzh-header",{key:"f9a4aabb0f9d68805539c2e24096792ab7700629",class:"stzh-geo-ref-data__header","hide-metabar":true,sticky:"disabled"},a("slot",{key:"ba857ce587a53bb1c690e409e534fbc1b349b076",name:"logo",slot:"logo"})),a("div",{key:"a09b9ff6ab31ecf07d4aba182b78c6c10d48f5b4",class:"stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding"},a("stzh-heading",{key:"32ddf816f4186b691d5dd5a3ad2deda98c2d1cd8",class:"stzh-geo-ref-data__heading-heading",curve:"h2"},this.heading),a("stzh-button",{key:"cd2ef7e97c5acd83b9d76bb25de966c3bdd2f96a",class:"stzh-geo-ref-data__overlay-close",icon:"close",iconOnly:true,size:"small",variant:"tertiary",onClick:this.handleOverlayCloseClick}))),a("div",{key:"b85b0a15f7515853802a863e5312fb098278276c",class:"stzh-geo-ref-data__content"},a("div",{key:"6c5b712b85ed908ce01beb8ef78c5ac5ddf39789",class:"stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding",ref:t=>this.metaWrapperElement=t},a("div",{key:"e8e140379c3cc101507a4dd7a8e4fdd12f66cd84",class:"stzh-geo-ref-data__filters"},this._availableTags.length>0&&!this.isViewportLarge&&a("div",{key:"c7a76e2993930914c1b1ebc33548f28a391811fe",class:"stzh-geo-ref-data__filters-toggle"},a("stzh-chip",{key:"46c2bb013ffa2a56d311c0ae38f6d194df7ae06e",label:this.isViewportMedium?"Filter":"",variant:"filter",icon:"filtering",onStzhClick:this.handleFilterToggleClick})),a("div",{key:"073530ac91a6697dd544feb73010b75e4546eac8",class:{"stzh-geo-ref-data__filters-content":true,"stzh-geo-ref-data__filters-content--visible":!this.isViewportLarge&&this.isFiltersContentOpen}},a("stzh-chipselect",{key:"5238ad8fb807cbff42ff282b3419489ae4d76cc1","label-hidden":true,label:"Tags",data:this.enhancedTags,onStzhChange:this.handleFilterChange,multiple:true,value:this.appliedFilters,onFocusin:this.handleChipselectFocusIn,onFocusout:this.handleChipselectFocusOut}),!this.isViewportLarge&&a("div",{key:"a545bcc59ba8f109c920ce8ae53c42d76936b3eb",class:"stzh-geo-ref-data__filters-apply-button"},a("stzh-button",{key:"0ec0190e6cec7eb0cb355ecbd3753957cec15d23",size:"small",fullwidth:true,onStzhClick:this.handleApplyFilterClick},"Anwenden")))),a("div",{key:"591e6df9fcfa21e1d7cfad4e01ddfaee68a48d41",class:"stzh-geo-ref-data__search"},a("stzh-input",{key:"e273da0e46c090f192f35f8285ee416ee89760e1",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("div",{key:"5f1dfdb62ad426af25f72f4fb6be39ec478db759",class:"stzh-geo-ref-data__results-toggle"},a("stzh-chip",{key:"47db6e6180d08b3db0ef0732b5a1ee4440df1204",onStzhClick:this.toggleViewMode,label:this.viewmode==="map"?"Liste":"Karte",icon:this.viewmode==="map"?"bulleted-list":"map",variant:"filter"}))),a("div",{key:"e03fc6d0df06c048e6b36755573c722acc31f9ac",class:"stzh-geo-ref-data__results-wrapper"},a("div",{key:"167eaf24fe75d48d3dc64ff38784b8d16dff2955",class:`stzh-geo-ref-data__results-map ${this.viewmode==="map"?"active":"inactive"}`},a("stzh-olmap",{key:"6438f341bb5e8416f84e6a972cb9c5fc3c5671d4",class:"stzh-geo-ref-data__ol-map",centerMarker:this.centerMarker,zoom:this.zoom,zoomLocation:this.zoomLocation,writeExtentToUrlEnabled:this.isOpen,locationControl:this.locationControl,pinchRotateThreshold:this.pinchRotateThreshold,ref:t=>this.mapElement=t}),a("div",{key:"7c972b6508102a24631cebd30d6f8c4d906022f1",class:"stzh-geo-ref-data__map-controls"},a("stzh-checkbox",{key:"988abdfbbfd75fb922bca25d05cef18b38f3e008",label:"Treffer an Kartenausschnitt anpassen",checked:this.showOnlyResultsForCurrentExtent,hideOptional:true,onStzhChange:this.handleExtentVisibilityChange}))),a("div",{key:"8f29acbec3f78378b5a19f44f85c64aa199da3c5",class:`stzh-geo-ref-data__results-list ${this.viewmode==="list"?"active":"inactive"}`,ref:t=>this.resultsListElement=t},this.finalResults&&a(s,{key:"87c62058f315f46bb376e7daca0ca12ba177f6b2"},a("div",{key:"3bbf159f92ab693b7fea51fe2a1e7d08408b8200",class:"stzh-geo-ref-data__list-search"},a("stzh-input",{key:"d68c8b84f6ed72f86088d7d328fa925879e195e6",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("stzh-text",{key:"86530b2d075a88ed837e674417d518fa1e7e2131",class:"stzh-geo-ref-data__results-list-heading"},this.finalResults.length," Treffer"),a("div",{key:"03e6791cb6d9cd64d41d59508acd97c2adb6dba0",class:"stzh-geo-ref-data__teaser-list"},this.finalResultsPaginatedList.map((t=>a("a",{ref:e=>{if(e){this.poiTeaserLinkRefs.set(t.poiid,e)}else{this.poiTeaserLinkRefs.delete(t.poiid)}},class:"stzh-poi-teaser",href:this.baseUrlOverride+t.path,onMouseEnter:()=>this.handlePoiTeaserMouseEnter(t),onMouseLeave:()=>this.handlePoiTeaserMouseLeave(t),onFocus:e=>this.handlePoiTeaserFocus(e,t),onBlur:e=>this.handlePoiTeaserBlur(e,t)},a("div",{class:"stzh-poi-teaser-content"},a("stzh-heading",{curve:"lead"},t.poiname),t.description&&a("stzh-text",{size:"micro"},t.description),t.data&&t.data.length>0&&t.data.map((t=>a("div",{class:"stzh-poi-teaser-list-item"},a("stzh-icon",{name:t.icon}),a("stzh-text",{size:"micro"},t.text))))),t.image&&a("div",{class:"stzh-poi-teaser__image-wrapper"},a("stzh-ratio",{ratio:"2:1","ratio-large":"5:4","ratio-ultra":"1:1",portrait:this.isViewportLarge,class:"stzh-poi-teaser__ratio"}),a("div",{class:"stzh-poi-teaser__image-inner-wrapper"},a("img",{src:this.baseUrlOverride+t.image,alt:"Foto von "+t.poiname}))))))),this.canLoadMore&&a("div",{key:"1af93584cbd06727e927f5d09ca93136b36bb8d6",class:"stzh-geo-ref-data__teaser-load-more"},a("stzh-button",{key:"72f58b6a08103cadfb07b2a8e773baa70c2e2a37",onStzhClick:()=>this.loadMore()},"Weitere laden"))))))))}get element(){return r(this)}static get watchers(){return{availableTags:["availableTagsWatcher"],resetTag:["resetTagWatcher"]}}};g.style=f();export{g as stzh_geo_ref_data};
-//# sourceMappingURL=p-1ae6f59b.entry.js.map
+import{r as t,c as e,h as a,F as s,a as i,d as r}from"./p-BeYTS5to.js";import{f as h}from"./p-PUB8fb5E.js";import{m as d,a as o,r as n}from"./p-CUGRmgip.js";import{c as l}from"./p-CBUfcdIy.js";import{c}from"./p-BzugsqyR.js";import"./p-E-ZsRS8r.js";const f=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--teaser-list-width:30rem;--meta-grid-template-areas:"filters search";--results-grid-template-areas:"map list"}.stzh-geo-ref-data{position:fixed;top:0;right:0;bottom:0;left:0;z-index:899;flex-direction:column;transition:opacity ease 0.2s;background-color:var(--stzh-color-white);display:flex;opacity:0;visibility:hidden;pointer-events:none}.stzh-geo-ref-data--is-open{opacity:1;visibility:visible;pointer-events:inherit}.stzh-geo-ref-data__header{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data__header{display:inherit}}.stzh-geo-ref-data__content{overflow:hidden;height:100%}.stzh-geo-ref-data--content-padding{padding-left:1.25rem;padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data--content-padding{padding-left:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data--content-padding{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data--content-padding{padding-left:2rem}}.stzh-geo-ref-data__heading{display:flex;align-items:center;background-color:var(--stzh-color-secondary20);padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data{}.stzh-geo-ref-data__meta-wrapper{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--stzh-space-large)}@media screen and (max-width: 1259px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}}.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-xlarge)}}.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{display:grid;column-gap:var(--stzh-grid-gutter);grid-template-areas:var(--meta-grid-template-areas);grid-template-columns:1fr var(--teaser-list-width)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-geo-ref-data__filters{grid-area:filters;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-toggle{display:none}}@media screen and (max-width: 899px){.stzh-geo-ref-data__filters-toggle stzh-chip{--icon-gap:0}}.stzh-geo-ref-data__list-search{display:none;padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__filters-content{display:none}.stzh-geo-ref-data__filters-content--visible{padding:1.25rem}@media screen and (max-width: 1259px){.stzh-geo-ref-data__filters-content--visible{display:flex;gap:var(--stzh-space-xxlarge);position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--stzh-color-white);z-index:10;flex-direction:column;justify-content:space-between}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-content{display:block}}.stzh-geo-ref-data__filters-apply-button{display:block}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-apply-button{display:none}}.stzh-geo-ref-data__search{grid-area:search;width:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__search{width:var(--teaser-list-width);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-xsmall)}}.stzh-geo-ref-data__search input{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)}.stzh-geo-ref-data__results-toggle{grid-area:resultstoggle;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-toggle{display:none}}.stzh-geo-ref-data{}.stzh-geo-ref-data__results-wrapper{height:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{display:grid;column-gap:var(--stzh-grid-gutter);grid-template-areas:var(--results-grid-template-areas);grid-template-columns:minmax(0, 1fr) var(--teaser-list-width)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (max-width: 1259px){.stzh-geo-ref-data__results-wrapper .inactive{visibility:hidden;height:0;position:absolute;overflow:hidden}}.stzh-geo-ref-data__results-map{grid-area:map;position:relative;height:100%}.stzh-geo-ref-data__map-controls{position:absolute;top:var(--stzh-space-small);left:var(--stzh-space-small);background-color:var(--stzh-color-white);padding:var(--stzh-space-xsmall)}.stzh-geo-ref-data__results-list{grid-area:list;padding-left:1.25rem;padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxlarge);overflow:auto}.stzh-geo-ref-data__results-list::-webkit-scrollbar{position:absolute;z-index:9999999;width:0.5rem;background-color:transparent}.stzh-geo-ref-data__results-list::-webkit-scrollbar:horizontal{height:0.5rem}.stzh-geo-ref-data__results-list::-webkit-scrollbar-track{background-color:transparent}.stzh-geo-ref-data__results-list::-webkit-scrollbar-thumb{background-color:var(--stzh-color-secondary50)}.stzh-geo-ref-data__results-list::-webkit-scrollbar-thumb:active,.stzh-geo-ref-data__results-list ::-webkit-scrollbar-thumb:hover{background-color:var(--stzh-color-secondary50)}@media screen and (min-width: 600px){.stzh-geo-ref-data__results-list{padding-left:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data__results-list{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-list{width:var(--teaser-list-width);padding-left:0;overflow:auto}}.stzh-geo-ref-data__results-list-heading{margin-bottom:var(--stzh-space-medium)}.stzh-geo-ref-data__teaser-list{display:grid;gap:var(--stzh-space-medium);grid-template-columns:1fr}@media screen and (min-width: 600px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr}}.stzh-geo-ref-data__teaser-load-more{display:flex;justify-content:center;margin-top:var(--stzh-space-medium)}.stzh-geo-ref-data{}@media screen and (min-width: 1260px){.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__meta-wrapper{display:none}}.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__filters{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__list-search{display:block}}.stzh-poi-teaser{display:flex;flex-direction:column-reverse;background-color:var(--stzh-color-grey10);position:relative;color:inherit;text-decoration:none}@media screen and (min-width: 1260px){.stzh-poi-teaser{flex-direction:row;height:11.25rem}}.stzh-poi-teaser:hover,.stzh-poi-teaser:focus{cursor:pointer;background-color:var(--stzh-color-secondary10);text-decoration:none}.stzh-poi-teaser-content{padding:var(--stzh-space-medium);hyphens:auto;flex-grow:1}.stzh-poi-teaser-content stzh-heading{margin-bottom:var(--stzh-space-xsmall);hyphens:auto}.stzh-poi-teaser-content stzh-text{--color:var(--stzh-color-grey80)}.stzh-poi-teaser-link{position:absolute;top:0;right:0;bottom:0;left:0}.stzh-poi-teaser__image-wrapper{position:relative}.stzh-poi-teaser__ratio{display:flex;height:100%}.stzh-poi-teaser__image-inner-wrapper{background-color:var(--stzh-color-grey20);position:absolute;inset:0;height:100%}.stzh-poi-teaser__image-inner-wrapper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stzh-poi-teaser-list-item{display:flex;gap:var(--stzh-space-small);margin-top:var(--stzh-space-xxsmall)}.stzh-poi-teaser-list-item stzh-icon,.stzh-poi-teaser-list-item stzh-text{--color:var(--stzh-color-grey80)}`;const p="stzh-overlay-open";const g=class{constructor(a){t(this,a);this.stzhOverlayCloseClick=e(this,"stzhOverlayCloseClick");this.stzhFocus=e(this,"stzhFocus");this.stzhBlur=e(this,"stzhBlur");this.al="";this.heading="";this.mapDataUrl="";this.poiDataUrl="";this.baseUrlOverride="https://www.stadt-zuerich.ch";this.locationControl=true;this.centerMarker=false;this.zoom=7;this.zoomLocation=7;this.pinchRotateThreshold=.3;this.availableTags=[];this._availableTags=[];this.searchIndexFields=["title","poiname","street","zip","description"];this.searchIndexIdField="poiid";this.filterActive=false;this.searchActive=false;this.showOnlyResultsForCurrentExtent=true;this.finalResults=[];this.finalResultsPaginatedList=[];this.finalResultsPaginationOffset=0;this.viewmode="map";this.numberOfItemsToLoad=20;this.appliedFilters=[""];this.isFiltersContentOpen=false;this.filterResults=[];this.poiTeaserLinkRefs=new Map;this.isPoiKeyboardFocus=false;this.handleFilterToggleClick=()=>{this.isFiltersContentOpen=true};this.handleApplyFilterClick=()=>{this.isFiltersContentOpen=false};this.handleOverlayCloseClick=()=>{var t,e;document.body.classList.remove(p);document.documentElement.classList.remove(p);(t=this.triggerElement)===null||t===void 0?void 0:t.setAttribute("aria-expanded","false");if(this.trap){this.trap.deactivate()}(e=this.triggerElement)===null||e===void 0?void 0:e.focus();this.isOpen=false;const a=new URLSearchParams(window.location.search);Array.from(a.keys()).forEach((t=>{if(t.startsWith("filters[")){a.delete(t)}}));a.delete("extent[0]");a.delete("extent[1]");a.delete("extent[2]");a.delete("extent[3]");a.delete("al");const s=`${window.location.pathname}?${a.toString()}`;history.replaceState(null,"",s);this.appliedFilters=[""]};this.handleResize=async()=>{if(!this.metaWrapperElement||!this.mapElement||!this.resultsListElement){return}if(this.metaWrapperElement.clientHeight){this.mapElement.style.height=`calc(100% - ${this.metaWrapperElement.clientHeight}px)`;this.resultsListElement.style.height=`calc(100% - ${this.metaWrapperElement.clientHeight}px)`}else{this.mapElement.style.height=`100%`;this.resultsListElement.style.height=`100%`}const t=await this.mapElement.getMap();t.updateSize()};this.mediaChangeHandler=()=>{this.isViewportLarge=d("large").matches;this.isViewportMedium=d("medium").matches};this.handlePoiTeaserFocus=async(t,e)=>{this.stzhFocus.emit({component:"stzh-geo-ref-data",originalEvent:t});this.isPoiKeyboardFocus=true;await this.handlePoiTeaserMouseEnter(e);requestAnimationFrame((()=>{this.isPoiKeyboardFocus=false}))};this.handlePoiTeaserBlur=async(t,e)=>{this.stzhBlur.emit({component:"stzh-geo-ref-data",originalEvent:t});this.isPoiKeyboardFocus=true;await this.handlePoiTeaserMouseLeave(e);requestAnimationFrame((()=>{this.isPoiKeyboardFocus=false}))};this.init=()=>{this.triggerElement=this.element.querySelector('[slot="trigger"]');if(!this.triggerElement)return;this.triggerElement.setAttribute("aria-haspopup","dialog");this.triggerElement.setAttribute("aria-expanded","false");this.triggerElement.setAttribute("aria-controls",this.al);this.triggerElement.addEventListener("click",this.initializeAndOpenMap)};this.handleKeyDown=t=>{if(t.key==="Escape"){t.preventDefault();this.handleOverlayCloseClick();return}};this.initializeAndOpenMap=async()=>{var t;const e=new URLSearchParams(window.location.search);const a=[parseFloat(e.get("extent[0]")),parseFloat(e.get("extent[1]")),parseFloat(e.get("extent[2]")),parseFloat(e.get("extent[3]"))];const s=a.length===4&&a.every((t=>!isNaN(t)));document.body.classList.add(p);document.documentElement.classList.add(p);this.isLoading=true;this.isOpen=true;(t=this.triggerElement)===null||t===void 0?void 0:t.setAttribute("aria-expanded","true");await this.layoutReady();if(!e.has("al")){e.set("al",this.al);const t=`${window.location.pathname}?${e.toString()}`;history.replaceState(null,"",t)}try{const[t,e]=await Promise.all([this.loadMapData(),this.loadPoiData()]);this.combinedData=this.combineData(t,e);this.setEnhancedTags();this.applyFiltersFromUrl();this.buildSearchIndex(this.combinedData);this.finalResults=this.combinedData;await this.combineFilterAndSearchResults();await this.handleResize();if(!s){await this.mapElement.updateViewToFitMarkers()}this.isInitialized=true;await this.setVisibleMarkers();if(this.trap){this.trap.activate()}}catch(t){this.toastbarElement.toast("Beim Laden der Karte ist ein Fehler aufgetreten.",{type:"error"}).catch()}this.isLoading=false};this.handleFilterChange=async t=>{let e=Array.isArray(t.detail.value)?t.detail.value:[t.detail.value];if(e.length===1&&e[0]===this._resetTag.value){this.appliedFilters=[]}else{try{e=e.filter((t=>t!==""))}catch(t){}this.appliedFilters=e}setTimeout((async()=>{await this.handleFilterResults()}))};this.handleExtentVisibilityChange=async t=>{this.showOnlyResultsForCurrentExtent=t.detail.checked;await this.setVisibleMarkers()};this.handleSearchChange=async t=>{if(t.detail.value!==""){if(!this.searchIndex){return}const e=this.searchIndex.search(t.detail.value);const a=e.flatMap((t=>t.result));this.searchResults=new Set(a);this.searchActive=true}else{this.searchActive=false}await this.combineFilterAndSearchResults()};this.handleChipselectFocusIn=t=>{this.stzhFocus.emit({component:"stzh-geo-ref-data",originalEvent:t})};this.handleChipselectFocusOut=t=>{this.stzhBlur.emit({component:"stzh-geo-ref-data",originalEvent:t})};this.toggleViewMode=()=>{if(this.viewmode==="map"){this.viewmode="list"}else{this.viewmode="map"}}}availableTagsWatcher(t){if(!t){this._availableTags=[]}else if(typeof t==="string"){try{this._availableTags=JSON.parse(t)}catch(t){this._availableTags=[]}}else{this._availableTags=t}}resetTagWatcher(t){if(!t){this._resetTag=undefined}else if(typeof t==="string"){try{this._resetTag=JSON.parse(t)}catch(t){this._resetTag=undefined}}else{this._resetTag=t}}applyFiltersFromUrl(){const t=new URLSearchParams(window.location.search);const e=Array.from(t.entries()).filter((([t,e])=>t.startsWith("filters[")&&e==="true")).map((([t])=>t.slice(8,-1)));if(e.length){this.appliedFilters=e;this.updateUrlWithFilters();this.handleFilterChange({detail:{value:e}})}}async loadMapData(){if(!this.mapDataUrl){return[]}try{const t=await fetch(this.mapDataUrl);const e=await t.text();const a=(new DOMParser).parseFromString(e,"text/xml");return Array.from(a.querySelectorAll("featureMember")).map((t=>{var e,a;const s=(e=t.querySelector("pos"))===null||e===void 0?void 0:e.textContent;const i=(a=t.querySelector("poi_id"))===null||a===void 0?void 0:a.textContent;const[r,h]=(s===null||s===void 0?void 0:s.split(" "))||[];return{poiid:i,lat:r,lon:h}}))}catch(t){this.toastbarElement.toast("Es ist ein Fehler beim Beziehen der Kartendaten aufgetreten.",{type:"error"}).catch()}}async loadPoiData(){if(!this.poiDataUrl){return[]}try{const t=await fetch(this.poiDataUrl,{credentials:"include"});const e=await t.json();return e.items}catch(t){this.toastbarElement.toast("Beim Laden der POI-Daten ist ein Fehler aufgetreten.",{type:"error"}).catch()}}combineData(t,e){if(!t.length||!e.length){return[]}let a;let s;if(t.length<e.length){a=t;s=e}else{a=e;s=t}return a.map((t=>{const e=s.find((e=>e.poiid===t.poiid));return Object.assign(Object.assign({},t),e)})).sort(((t,e)=>{try{return t.title.localeCompare(e.title)}catch(t){return 1}}))}enhanceTags(t,e){return t.sort(((t,e)=>{try{return t.label.localeCompare(e.label)}catch(t){return 1}})).map((t=>{const a=e.filter((e=>{try{return e.tags.includes(t.value)}catch(t){return false}})).length.toString();return Object.assign(Object.assign({},t),{counter:a,variant:"filter"})}))}buildSearchIndex(t){if(!t.length){return}this.searchIndex=new h.Document({tokenize:"forward",matcher:{"[äà]":"a","[öó]":"o","[üûúù]":"u","[éè]":"e"},document:{id:this.searchIndexIdField,index:this.searchIndexFields}});t.forEach((t=>{this.searchIndex.add(t)}))}async mapMovedPannedOrZoomed(){if(this.isPoiKeyboardFocus)return;await this.setVisibleMarkers()}async setVisibleMarkers(){if(this.combinedData){const t=await this.mapElement.getVisibleMarkers();if(this.showOnlyResultsForCurrentExtent){this.finalResults=this.combinedData.filter((e=>t.find((t=>t.getId()===e.poiid))))}else{this.finalResults=this.combinedData}this.setEnhancedTags();await this.setPaginatedResults()}}async setPaginatedResults(){this.finalResultsPaginatedList=this.finalResults.slice(0,this.numberOfItemsToLoad);this.canLoadMore=this.finalResults.length>this.numberOfItemsToLoad}async checkDirectOpenViaUrl(){const t=new URLSearchParams(window.location.search);const e=t.get("al");if(e&&e===this.al){await this.initializeAndOpenMap()}}componentDidLoad(){this.init();this.trap=l(this.dialogElement,Object.assign({fallbackFocus:this.dialogElement},c()));this.resizeObserver=new ResizeObserver((()=>{this.handleResize()}));this.resizeObserver.observe(this.element);if(this.metaWrapperElement){this.resizeObserver.observe(this.metaWrapperElement)}this.handleResize();this.checkDirectOpenViaUrl()}connectedCallback(){this.mediaChangeHandler();o(this.mediaChangeHandler);this.availableTagsWatcher(this.availableTags);this.resetTagWatcher(this.resetTag)}disconnectedCallback(){var t;n(this.mediaChangeHandler);(t=this.triggerElement)===null||t===void 0?void 0:t.removeEventListener("click",this.initializeAndOpenMap);if(this.resizeObserver){this.resizeObserver.disconnect()}}layoutReady(){if(this.mapElement.clientWidth>0&&this.mapElement.clientHeight>0){return Promise.resolve()}return new Promise((t=>{const e=new ResizeObserver((a=>{for(const s of a){if(s.contentRect.width>0&&s.contentRect.height>0){e.disconnect();t();return}}}));e.observe(this.mapElement)}))}updateUrlWithFilters(){const t=new URLSearchParams(window.location.search);Array.from(t.keys()).forEach((e=>{if(e.startsWith("filters[")){t.delete(e)}}));this.appliedFilters.forEach((e=>{t.set(`filters[${e}]`,"true")}));const e=`${window.location.pathname}?${t.toString()}`;history.replaceState(null,"",e)}setEnhancedTags(){this.enhancedTags=this.enhanceTags(this._availableTags,this.finalResults);const t=Object.assign(Object.assign({},this._resetTag),{counter:this.finalResults.length.toString()});if(this._resetTag){this.enhancedTags.unshift(t)}}async handleFilterResults(){if(this.appliedFilters.length!==0){this.filterResults=this.finalResults.filter((t=>t.tags&&t.tags.some((t=>this.appliedFilters.includes(t)))));this.filterActive=true}else{this.filterActive=false;this.filterResults=this.finalResults}this.updateUrlWithFilters();await this.combineFilterAndSearchResults()}async combineFilterAndSearchResults(){if(this.filterActive&&!this.searchActive){this.finalResults=this.filterResults}else if(!this.filterActive&&this.searchActive){this.finalResults=Array.from(this.searchResults).map((t=>this.combinedData.find((e=>e.poiid===t))))}else if(this.filterActive&&this.searchActive){this.finalResults=this.filterResults.filter((t=>this.searchResults.has(t.poiid)))}else{this.finalResults=this.combinedData}this.finalResultsPaginatedList=this.finalResults.slice(0,this.numberOfItemsToLoad);await this.replaceMapMarkers(this.finalResults)}loadMore(){var t;this.finalResultsPaginationOffset++;const e=this.finalResults.slice(this.finalResultsPaginationOffset*this.numberOfItemsToLoad,this.finalResultsPaginationOffset*this.numberOfItemsToLoad+this.numberOfItemsToLoad);if(!e||!e.length||e.length<this.numberOfItemsToLoad){this.canLoadMore=false}this.finalResultsPaginatedList=this.finalResultsPaginatedList.concat(e);this.focusPoiTeaserAfterLoadMore=(t=e[0])===null||t===void 0?void 0:t.poiid}componentDidRender(){if(this.focusPoiTeaserAfterLoadMore){const t=this.poiTeaserLinkRefs.get(this.focusPoiTeaserAfterLoadMore);if(!t)return;t.focus();this.focusPoiTeaserAfterLoadMore=undefined}}async replaceMapMarkers(t){await this.mapElement.removeAllIconMarkers();const e=t.filter((t=>!!t.lat&&!!t.lon));await Promise.all(e.map((t=>this.mapElement.addIconMarker([parseFloat(t.lat),parseFloat(t.lon)],{id:t.poiid,title:t.title,text:t.description,data:t.data,imageUri:`${this.baseUrlOverride}${t.image}`,href:`${this.baseUrlOverride}${t.path}`}))));if(!this.showOnlyResultsForCurrentExtent){await this.mapElement.updateViewToFitMarkers()}}async handlePoiTeaserMouseEnter(t){const e=await this.mapElement.findMarkerById(t.poiid);if(e){await this.mapElement.setIconMarkerActive(e)}}async handlePoiTeaserMouseLeave(t){const e=await this.mapElement.findMarkerById(t.poiid);if(e){await this.mapElement.setIconMarkerInactive(e)}}render(){const t={"stzh-geo-ref-data":true,"stzh-geo-ref-data--is-loading":this.isLoading,"stzh-geo-ref-data--is-open":this.isOpen,"stzh-geo-ref-data--has-filters":this._availableTags.length>0};return a(i,{key:"aa0f01e36da169853f8278c580f002535fc2ff2e"},a("stzh-toastbar",{key:"4328e2b85f3a8b0eee1bb1f7a01867f8b0b3bd9d",ref:t=>this.toastbarElement=t}),a("div",{key:"ee8b0f588703a034330079f47dfb50b36a93c267",class:"stzh-geo-ref-data__trigger"},a("slot",{key:"b33f45a50630c675a12d954530a4e26b816c5f73",name:"trigger"})),a("stzh-overlay",{key:"41a6fa678ba1ffec6408ed7175ee6717395c8027",open:this.isLoading},a("stzh-loader",{key:"af4bd15661c0d373b6f807bd7f8d5d6a5cbdb2cf",label:"Daten werden geladen..."})),a("div",{key:"86d0e01f2b24c3b8c974c09336214a5bc068061f",class:t,ref:t=>this.dialogElement=t,role:"dialog","aria-modal":"true","aria-label":this.heading,tabindex:-1,onKeyDown:this.handleKeyDown},a("div",{key:"fbb52125789c8f058fccce81ae25a04ea1ae8897",class:"stzh-geo-ref-data__header-wrapper"},a("stzh-header",{key:"f9a4aabb0f9d68805539c2e24096792ab7700629",class:"stzh-geo-ref-data__header","hide-metabar":true,sticky:"disabled"},a("slot",{key:"ba857ce587a53bb1c690e409e534fbc1b349b076",name:"logo",slot:"logo"})),a("div",{key:"a09b9ff6ab31ecf07d4aba182b78c6c10d48f5b4",class:"stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding"},a("stzh-heading",{key:"32ddf816f4186b691d5dd5a3ad2deda98c2d1cd8",class:"stzh-geo-ref-data__heading-heading",curve:"h2"},this.heading),a("stzh-button",{key:"cd2ef7e97c5acd83b9d76bb25de966c3bdd2f96a",class:"stzh-geo-ref-data__overlay-close",icon:"close",iconOnly:true,size:"small",variant:"tertiary",onClick:this.handleOverlayCloseClick}))),a("div",{key:"b85b0a15f7515853802a863e5312fb098278276c",class:"stzh-geo-ref-data__content"},a("div",{key:"6c5b712b85ed908ce01beb8ef78c5ac5ddf39789",class:"stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding",ref:t=>this.metaWrapperElement=t},a("div",{key:"e8e140379c3cc101507a4dd7a8e4fdd12f66cd84",class:"stzh-geo-ref-data__filters"},this._availableTags.length>0&&!this.isViewportLarge&&a("div",{key:"c7a76e2993930914c1b1ebc33548f28a391811fe",class:"stzh-geo-ref-data__filters-toggle"},a("stzh-chip",{key:"46c2bb013ffa2a56d311c0ae38f6d194df7ae06e",label:this.isViewportMedium?"Filter":"",variant:"filter",icon:"filtering",onStzhClick:this.handleFilterToggleClick})),a("div",{key:"073530ac91a6697dd544feb73010b75e4546eac8",class:{"stzh-geo-ref-data__filters-content":true,"stzh-geo-ref-data__filters-content--visible":!this.isViewportLarge&&this.isFiltersContentOpen}},a("stzh-chipselect",{key:"5238ad8fb807cbff42ff282b3419489ae4d76cc1","label-hidden":true,label:"Tags",data:this.enhancedTags,onStzhChange:this.handleFilterChange,multiple:true,value:this.appliedFilters,onFocusin:this.handleChipselectFocusIn,onFocusout:this.handleChipselectFocusOut}),!this.isViewportLarge&&a("div",{key:"a545bcc59ba8f109c920ce8ae53c42d76936b3eb",class:"stzh-geo-ref-data__filters-apply-button"},a("stzh-button",{key:"0ec0190e6cec7eb0cb355ecbd3753957cec15d23",size:"small",fullwidth:true,onStzhClick:this.handleApplyFilterClick},"Anwenden")))),a("div",{key:"591e6df9fcfa21e1d7cfad4e01ddfaee68a48d41",class:"stzh-geo-ref-data__search"},a("stzh-input",{key:"e273da0e46c090f192f35f8285ee416ee89760e1",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("div",{key:"5f1dfdb62ad426af25f72f4fb6be39ec478db759",class:"stzh-geo-ref-data__results-toggle"},a("stzh-chip",{key:"47db6e6180d08b3db0ef0732b5a1ee4440df1204",onStzhClick:this.toggleViewMode,label:this.viewmode==="map"?"Liste":"Karte",icon:this.viewmode==="map"?"bulleted-list":"map",variant:"filter"}))),a("div",{key:"e03fc6d0df06c048e6b36755573c722acc31f9ac",class:"stzh-geo-ref-data__results-wrapper"},a("div",{key:"167eaf24fe75d48d3dc64ff38784b8d16dff2955",class:`stzh-geo-ref-data__results-map ${this.viewmode==="map"?"active":"inactive"}`},a("stzh-olmap",{key:"6438f341bb5e8416f84e6a972cb9c5fc3c5671d4",class:"stzh-geo-ref-data__ol-map",centerMarker:this.centerMarker,zoom:this.zoom,zoomLocation:this.zoomLocation,writeExtentToUrlEnabled:this.isOpen,locationControl:this.locationControl,pinchRotateThreshold:this.pinchRotateThreshold,ref:t=>this.mapElement=t}),a("div",{key:"7c972b6508102a24631cebd30d6f8c4d906022f1",class:"stzh-geo-ref-data__map-controls"},a("stzh-checkbox",{key:"988abdfbbfd75fb922bca25d05cef18b38f3e008",label:"Treffer an Kartenausschnitt anpassen",checked:this.showOnlyResultsForCurrentExtent,hideOptional:true,onStzhChange:this.handleExtentVisibilityChange}))),a("div",{key:"8f29acbec3f78378b5a19f44f85c64aa199da3c5",class:`stzh-geo-ref-data__results-list ${this.viewmode==="list"?"active":"inactive"}`,ref:t=>this.resultsListElement=t},this.finalResults&&a(s,{key:"87c62058f315f46bb376e7daca0ca12ba177f6b2"},a("div",{key:"3bbf159f92ab693b7fea51fe2a1e7d08408b8200",class:"stzh-geo-ref-data__list-search"},a("stzh-input",{key:"d68c8b84f6ed72f86088d7d328fa925879e195e6",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("stzh-text",{key:"86530b2d075a88ed837e674417d518fa1e7e2131",class:"stzh-geo-ref-data__results-list-heading"},this.finalResults.length," Treffer"),a("div",{key:"03e6791cb6d9cd64d41d59508acd97c2adb6dba0",class:"stzh-geo-ref-data__teaser-list"},this.finalResultsPaginatedList.map((t=>a("a",{ref:e=>{if(e){this.poiTeaserLinkRefs.set(t.poiid,e)}else{this.poiTeaserLinkRefs.delete(t.poiid)}},class:"stzh-poi-teaser",href:this.baseUrlOverride+t.path,onMouseEnter:()=>this.handlePoiTeaserMouseEnter(t),onMouseLeave:()=>this.handlePoiTeaserMouseLeave(t),onFocus:e=>this.handlePoiTeaserFocus(e,t),onBlur:e=>this.handlePoiTeaserBlur(e,t)},a("div",{class:"stzh-poi-teaser-content"},a("stzh-heading",{curve:"lead"},t.poiname),t.description&&a("stzh-text",{size:"micro"},t.description),t.data&&t.data.length>0&&t.data.map((t=>a("div",{class:"stzh-poi-teaser-list-item"},a("stzh-icon",{name:t.icon}),a("stzh-text",{size:"micro"},t.text))))),t.image&&a("div",{class:"stzh-poi-teaser__image-wrapper"},a("stzh-ratio",{ratio:"2:1","ratio-large":"5:4","ratio-ultra":"1:1",portrait:this.isViewportLarge,class:"stzh-poi-teaser__ratio"}),a("div",{class:"stzh-poi-teaser__image-inner-wrapper"},a("img",{src:this.baseUrlOverride+t.image,alt:"Foto von "+t.poiname}))))))),this.canLoadMore&&a("div",{key:"1af93584cbd06727e927f5d09ca93136b36bb8d6",class:"stzh-geo-ref-data__teaser-load-more"},a("stzh-button",{key:"72f58b6a08103cadfb07b2a8e773baa70c2e2a37",onStzhClick:()=>this.loadMore()},"Weitere laden"))))))))}get element(){return r(this)}static get watchers(){return{availableTags:["availableTagsWatcher"],resetTag:["resetTagWatcher"]}}};g.style=f();export{g as stzh_geo_ref_data};
+//# sourceMappingURL=p-16eba7e0.entry.js.map

package/dist/stzh-components/{p-6bbd8ccd.entry.js → p-178bc5d2.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as s,a as e,d as o}from"./p-D21RGl5H.js";import{s as i,d as n}from"./p-CBLSoWgI.js";import{b as r}from"./p-BubviQku.js";const h=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{display:contents}@media print{:host{display:none}}.stzh-print{display:contents}`;const a=class{constructor(s){t(this,s);this.handleLinkClick=()=>{window.print()};this.init=()=>{const t=this.element.querySelectorAll("stzh-link, stzh-button");t.forEach((t=>{t.addEventListener("click",this.handleLinkClick);i(t,{icon:"print"})}))}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-print":true};return s(e,{key:"f7d6cef483d1245a667a66e5e9f60d375859e1d9"},s("div",{key:"759f45c3b5c844b5fa5b2c69032c361944754b10",class:t},s("slot",{key:"cfa29bf238616ba218eea612eed6771e7922826d"})))}get element(){return o(this)}};a.style=h();const c=()=>`.sc-stzh-share-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-share-h,[stzh-hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::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-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share{outline-style:none !important}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share::-moz-focus-inner{border:0 !important}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-xxsmall)}`;const l=256;const d=class{constructor(s){t(this,s);this.url=window.location.href;this.services=["mail","facebook","twitter","linkedin","xing"];this._services=[];this.openPopup=(t,s)=>{s.preventDefault();window.open(t,"_blank","width=600,height=460")}}servicesWatcher(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}}async componentWillLoad(){this.servicesWatcher(this.services);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"share")}}render(){var t;const o={"stzh-share":true};const i=encodeURIComponent(this.url);const h=encodeURIComponent(this.mailSubject||this.localization.mailSubject);const a=encodeURIComponent((t=this.mailBody||this.localization.mailBody)===null||t===void 0?void 0:t.replace(/\{shareUrl\}/gi,this.url));const c=encodeURIComponent(document.title);const d=encodeURIComponent(r(c,l));const f=encodeURIComponent(n("description"));const u={mail:{popup:false,blank:false,url:`mailto:?subject=${h}&body=${a}`,text:this.localization.shareMail,icon:"mail"},facebook:{popup:true,blank:true,url:`https://www.facebook.com/sharer/sharer.php?u=${i}`,text:this.localization.shareFacebook,icon:"facebook"},twitter:{popup:true,blank:true,url:`https://twitter.com/intent/tweet?text=${d}&url=${i}`,text:this.localization.shareTwitter,icon:"twitter"},linkedin:{popup:true,blank:true,url:`https://www.linkedin.com/shareArticle?mini=true&summary=${f}&title=${c}&url=${i}`,text:this.localization.shareLinkedin,icon:"linkedin"},xing:{popup:true,blank:true,url:`https://www.xing.com/spi/shares/new?url=${i}`,text:this.localization.shareXing,icon:"xing"}};return s(e,{key:"53eb919fed1d3d5df5938aa69ebb1f3fb2d6ba64"},s("div",{key:"2f971bd90993f82ba34601c73de6fdfc3c19c324",class:o},s("ul",{key:"cca310ea1c64fd7a107d647c9f1ddae30ea28ef8",class:"stzh-share__list"},this._services.map((t=>s("li",{class:"stzh-share__item"},s("stzh-tooltip",{content:u[t].text,size:"small"},s("stzh-button",{class:`stzh-share__button is-${t}`,size:"small",variant:"tertiary",iconOnly:true,href:u[t].url,rel:u[t].blank?"nofollow noopener noreferrer":"nofollow",target:u[t].blank?"_blank":"_self",onClick:u[t].popup?s=>this.openPopup(u[t].url,s):null,analyticsId:u[t].text,icon:u[t].icon}))))))))}get element(){return o(this)}static get watchers(){return{services:["servicesWatcher"]}}};d.style=c();export{a as stzh_print,d as stzh_share};
-//# sourceMappingURL=p-6bbd8ccd.entry.js.map
+import{r as t,h as s,a as e,d as o}from"./p-BeYTS5to.js";import{s as i,d as n}from"./p-CBLSoWgI.js";import{b as r}from"./p-BubviQku.js";const h=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{display:contents}@media print{:host{display:none}}.stzh-print{display:contents}`;const a=class{constructor(s){t(this,s);this.handleLinkClick=()=>{window.print()};this.init=()=>{const t=this.element.querySelectorAll("stzh-link, stzh-button");t.forEach((t=>{t.addEventListener("click",this.handleLinkClick);i(t,{icon:"print"})}))}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-print":true};return s(e,{key:"f7d6cef483d1245a667a66e5e9f60d375859e1d9"},s("div",{key:"759f45c3b5c844b5fa5b2c69032c361944754b10",class:t},s("slot",{key:"cfa29bf238616ba218eea612eed6771e7922826d"})))}get element(){return o(this)}};a.style=h();const c=()=>`.sc-stzh-share-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-share-h,[stzh-hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::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-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share{outline-style:none !important}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share::-moz-focus-inner{border:0 !important}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-xxsmall)}`;const l=256;const d=class{constructor(s){t(this,s);this.url=window.location.href;this.services=["mail","facebook","twitter","linkedin","xing"];this._services=[];this.openPopup=(t,s)=>{s.preventDefault();window.open(t,"_blank","width=600,height=460")}}servicesWatcher(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}}async componentWillLoad(){this.servicesWatcher(this.services);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"share")}}render(){var t;const o={"stzh-share":true};const i=encodeURIComponent(this.url);const h=encodeURIComponent(this.mailSubject||this.localization.mailSubject);const a=encodeURIComponent((t=this.mailBody||this.localization.mailBody)===null||t===void 0?void 0:t.replace(/\{shareUrl\}/gi,this.url));const c=encodeURIComponent(document.title);const d=encodeURIComponent(r(c,l));const f=encodeURIComponent(n("description"));const u={mail:{popup:false,blank:false,url:`mailto:?subject=${h}&body=${a}`,text:this.localization.shareMail,icon:"mail"},facebook:{popup:true,blank:true,url:`https://www.facebook.com/sharer/sharer.php?u=${i}`,text:this.localization.shareFacebook,icon:"facebook"},twitter:{popup:true,blank:true,url:`https://twitter.com/intent/tweet?text=${d}&url=${i}`,text:this.localization.shareTwitter,icon:"twitter"},linkedin:{popup:true,blank:true,url:`https://www.linkedin.com/shareArticle?mini=true&summary=${f}&title=${c}&url=${i}`,text:this.localization.shareLinkedin,icon:"linkedin"},xing:{popup:true,blank:true,url:`https://www.xing.com/spi/shares/new?url=${i}`,text:this.localization.shareXing,icon:"xing"}};return s(e,{key:"53eb919fed1d3d5df5938aa69ebb1f3fb2d6ba64"},s("div",{key:"2f971bd90993f82ba34601c73de6fdfc3c19c324",class:o},s("ul",{key:"cca310ea1c64fd7a107d647c9f1ddae30ea28ef8",class:"stzh-share__list"},this._services.map((t=>s("li",{class:"stzh-share__item"},s("stzh-tooltip",{content:u[t].text,size:"small"},s("stzh-button",{class:`stzh-share__button is-${t}`,size:"small",variant:"tertiary",iconOnly:true,href:u[t].url,rel:u[t].blank?"nofollow noopener noreferrer":"nofollow",target:u[t].blank?"_blank":"_self",onClick:u[t].popup?s=>this.openPopup(u[t].url,s):null,analyticsId:u[t].text,icon:u[t].icon}))))))))}get element(){return o(this)}static get watchers(){return{services:["servicesWatcher"]}}};d.style=c();export{a as stzh_print,d as stzh_share};
+//# sourceMappingURL=p-178bc5d2.entry.js.map

package/dist/stzh-components/{p-554a3f0e.entry.js → p-179808aa.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as r,a as i,d as e}from"./p-D21RGl5H.js";import{a}from"./p-DRN8s57r.js";import{a as c}from"./p-BubviQku.js";import{VBZ as o}from"./index.esm.js";import"./p-E-ZsRS8r.js";const h=()=>`.sc-stzh-vbz-majorticker-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-majorticker-h,[stzh-hidden].sc-stzh-vbz-majorticker-h{display:none}.sc-stzh-vbz-majorticker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::before,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::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-majorticker-h .has-focus.sc-stzh-vbz-majorticker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-majorticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-majorticker{outline-style:none !important}.sc-stzh-vbz-majorticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-majorticker::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-majorticker-h stzh-heading.sc-stzh-vbz-majorticker,.sc-stzh-vbz-majorticker-h stzh-icon.sc-stzh-vbz-majorticker{--color:var(--stzh-color-orange80)}.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{background-color:var(--stzh-color-orange30);padding:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-medium)}}@media screen and (min-width: 600px) and (min-width: 600px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-large)}}@media screen and (min-width: 600px) and (min-width: 900px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-xxlarge)}}.stzh-vbz-majorticker__header.sc-stzh-vbz-majorticker{display:flex;flex-direction:row;gap:var(--stzh-space-xsmall)}.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{margin-top:var(--stzh-space-small)}}.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{--stzh-link-color:var(--stzh-color-secondary70);--stzh-link-hover-color:var(--stzh-color-secondary80)}.stzh-vbz-majorticker__clamp.sc-stzh-vbz-majorticker{--stzh-clamp-trigger-color:var(--stzh-color-black);--stzh-clamp-trigger-color-hover:var(--stzh-color-black)}`;const n=class{constructor(r){t(this,r);this.stzhDisturbanceFetched=s(this,"stzhDisturbanceFetched");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/zvv/{lang}/fahrplan/vl.html?himIds={id}";this.disturbance=null}async getDisturbance(){return this.disturbance}async apiWatcher(t){if(!t){return}let s=this.api.replace(/\{lang\}/,this.localization.$locale);s=s+(s.includes("?")?"&":"?")+Date.now();const{data:r}=await a.get(s);this.data=r}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}async dataWatcher(t){var s,r;if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}const i=(r=(s=this._data)===null||s===void 0?void 0:s.Message)===null||r===void 0?void 0:r.find((t=>t.category===o.DISTURBANCE_INFORMATION&&t.baseType===o.BASE_TYPE_GLOBAL));if(i){const t=i.channel.filter((t=>t.name===o.CHANNEL_TICKER&&t.url)).map((t=>t.url)).reduce(((t,s)=>t.concat(s)),[]);const s=t.find((t=>t.url.indexOf(o.CHANNEL_INFO_URL_FILTER)!==-1));this.disturbance={id:i.id,head:i.head,text:c(i.text),startDate:new Date(`${i.sDate}T${i.sTime}+02:00`),endDate:new Date(`${i.eDate}T${i.eTime}+02:00`),altStart:i.altStart,altEnd:i.altEnd,infoUrl:s}}this.stzhDisturbanceFetched.emit({component:"stzh-vbz-majorticker",disturbance:this.disturbance})}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"vbz-majorticker")}this.dateAdapterWatcher(this.dateAdapter);if(this.data){await this.dataWatcher(this.data)}else{await this.apiWatcher(this.api)}}render(){const t={"stzh-vbz-majorticker":true};return r(i,{key:"7dcfa6e3abdd3e2459e4d485b8629264d7eb2484",hidden:!this.disturbance},r("div",{key:"2feb98cda7a7c5617fc1584f49f98e66802ac3ec",class:t},this.disturbance&&r("stzh-show",{key:"612da1c8068c0a50beb6b30fd1b0a7ebc55a337f",mikro:true,showFromDate:this.disturbance.startDate},r("div",{key:"0e177598aeecd81ccc6a66b18090903389649637"},r("div",{key:"60787642ad32f657832bce2e9397252e8b1ccdf3",class:"stzh-vbz-majorticker__header"},r("stzh-icon",{key:"b16485e47e185a72a0cb2762cc93778f2b6bb9f0",name:"important-warning-filled"}),r("stzh-heading",{key:"067f2c7908c5c7d839a327590733a543b177311d",curve:"h4"},this.disturbance.head)),r("stzh-clamp",{key:"bad6675f122cf95bc4dbb33bd68dbbec939c45d1",class:"stzh-vbz-majorticker__clamp",lines:3,"lines-medium":6,"show-expand-link":true,"expand-link-size":"small"},r("div",{key:"6873ff49f80c4ab8b64d7b70b406b17ca3b2bedf",innerHTML:this.disturbance.text})),this.disturbance.infoUrl?r("stzh-link",{class:"stzh-vbz-majorticker__link",href:this.disturbance.infoUrl.url,icon:"arrow-right",iconPosition:"right"},this.disturbance.infoUrl.name):r("stzh-link",{class:"stzh-vbz-majorticker__link",target:"_blank",icon:"arrow-right",iconPosition:"right",href:this.moreInfoLink.replace(/\{lang\}/,this.localization.$locale).replace(/\{id\}/,this.disturbance.id)},this.localization.moreInfo)))))}get element(){return e(this)}static get watchers(){return{api:["apiWatcher"],dateAdapter:["dateAdapterWatcher"],data:["dataWatcher"]}}};n.style=h();export{n as stzh_vbz_majorticker};
-//# sourceMappingURL=p-554a3f0e.entry.js.map
+import{r as t,c as s,h as r,a as i,d as e}from"./p-BeYTS5to.js";import{a}from"./p-DRN8s57r.js";import{a as c}from"./p-BubviQku.js";import{VBZ as o}from"./index.esm.js";import"./p-E-ZsRS8r.js";const h=()=>`.sc-stzh-vbz-majorticker-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-majorticker-h,[stzh-hidden].sc-stzh-vbz-majorticker-h{display:none}.sc-stzh-vbz-majorticker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::before,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::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-majorticker-h .has-focus.sc-stzh-vbz-majorticker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-majorticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-majorticker{outline-style:none !important}.sc-stzh-vbz-majorticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-majorticker::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-majorticker-h stzh-heading.sc-stzh-vbz-majorticker,.sc-stzh-vbz-majorticker-h stzh-icon.sc-stzh-vbz-majorticker{--color:var(--stzh-color-orange80)}.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{background-color:var(--stzh-color-orange30);padding:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-medium)}}@media screen and (min-width: 600px) and (min-width: 600px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-large)}}@media screen and (min-width: 600px) and (min-width: 900px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-vbz-majorticker.sc-stzh-vbz-majorticker{padding:var(--stzh-space-xxlarge)}}.stzh-vbz-majorticker__header.sc-stzh-vbz-majorticker{display:flex;flex-direction:row;gap:var(--stzh-space-xsmall)}.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{margin-top:var(--stzh-space-small)}}.stzh-vbz-majorticker__link.sc-stzh-vbz-majorticker{--stzh-link-color:var(--stzh-color-secondary70);--stzh-link-hover-color:var(--stzh-color-secondary80)}.stzh-vbz-majorticker__clamp.sc-stzh-vbz-majorticker{--stzh-clamp-trigger-color:var(--stzh-color-black);--stzh-clamp-trigger-color-hover:var(--stzh-color-black)}`;const n=class{constructor(r){t(this,r);this.stzhDisturbanceFetched=s(this,"stzhDisturbanceFetched");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/zvv/{lang}/fahrplan/vl.html?himIds={id}";this.disturbance=null}async getDisturbance(){return this.disturbance}async apiWatcher(t){if(!t){return}let s=this.api.replace(/\{lang\}/,this.localization.$locale);s=s+(s.includes("?")?"&":"?")+Date.now();const{data:r}=await a.get(s);this.data=r}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}async dataWatcher(t){var s,r;if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}const i=(r=(s=this._data)===null||s===void 0?void 0:s.Message)===null||r===void 0?void 0:r.find((t=>t.category===o.DISTURBANCE_INFORMATION&&t.baseType===o.BASE_TYPE_GLOBAL));if(i){const t=i.channel.filter((t=>t.name===o.CHANNEL_TICKER&&t.url)).map((t=>t.url)).reduce(((t,s)=>t.concat(s)),[]);const s=t.find((t=>t.url.indexOf(o.CHANNEL_INFO_URL_FILTER)!==-1));this.disturbance={id:i.id,head:i.head,text:c(i.text),startDate:new Date(`${i.sDate}T${i.sTime}+02:00`),endDate:new Date(`${i.eDate}T${i.eTime}+02:00`),altStart:i.altStart,altEnd:i.altEnd,infoUrl:s}}this.stzhDisturbanceFetched.emit({component:"stzh-vbz-majorticker",disturbance:this.disturbance})}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"vbz-majorticker")}this.dateAdapterWatcher(this.dateAdapter);if(this.data){await this.dataWatcher(this.data)}else{await this.apiWatcher(this.api)}}render(){const t={"stzh-vbz-majorticker":true};return r(i,{key:"7dcfa6e3abdd3e2459e4d485b8629264d7eb2484",hidden:!this.disturbance},r("div",{key:"2feb98cda7a7c5617fc1584f49f98e66802ac3ec",class:t},this.disturbance&&r("stzh-show",{key:"612da1c8068c0a50beb6b30fd1b0a7ebc55a337f",mikro:true,showFromDate:this.disturbance.startDate},r("div",{key:"0e177598aeecd81ccc6a66b18090903389649637"},r("div",{key:"60787642ad32f657832bce2e9397252e8b1ccdf3",class:"stzh-vbz-majorticker__header"},r("stzh-icon",{key:"b16485e47e185a72a0cb2762cc93778f2b6bb9f0",name:"important-warning-filled"}),r("stzh-heading",{key:"067f2c7908c5c7d839a327590733a543b177311d",curve:"h4"},this.disturbance.head)),r("stzh-clamp",{key:"bad6675f122cf95bc4dbb33bd68dbbec939c45d1",class:"stzh-vbz-majorticker__clamp",lines:3,"lines-medium":6,"show-expand-link":true,"expand-link-size":"small"},r("div",{key:"6873ff49f80c4ab8b64d7b70b406b17ca3b2bedf",innerHTML:this.disturbance.text})),this.disturbance.infoUrl?r("stzh-link",{class:"stzh-vbz-majorticker__link",href:this.disturbance.infoUrl.url,icon:"arrow-right",iconPosition:"right"},this.disturbance.infoUrl.name):r("stzh-link",{class:"stzh-vbz-majorticker__link",target:"_blank",icon:"arrow-right",iconPosition:"right",href:this.moreInfoLink.replace(/\{lang\}/,this.localization.$locale).replace(/\{id\}/,this.disturbance.id)},this.localization.moreInfo)))))}get element(){return e(this)}static get watchers(){return{api:["apiWatcher"],dateAdapter:["dateAdapterWatcher"],data:["dataWatcher"]}}};n.style=h();export{n as stzh_vbz_majorticker};
+//# sourceMappingURL=p-179808aa.entry.js.map

package/dist/stzh-components/{p-b648e54e.entry.js → p-1daff421.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,a as e,d as a}from"./p-D21RGl5H.js";import{m as c,a as o,r as n}from"./p-CUGRmgip.js";const h=()=>`.sc-stzh-actionset-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-actionset-h,[stzh-hidden].sc-stzh-actionset-h{display:none}.sc-stzh-actionset-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-actionset-h *.sc-stzh-actionset,.sc-stzh-actionset-h *.sc-stzh-actionset::before,.sc-stzh-actionset-h *.sc-stzh-actionset::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-actionset-h .has-focus.sc-stzh-actionset{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-actionset-h .stzh-fylingfocus-focused.sc-stzh-actionset{outline-style:none !important}.sc-stzh-actionset-h .stzh-fylingfocus-focused.sc-stzh-actionset::-moz-focus-inner{border:0 !important}.stzh-actionset__actions.sc-stzh-actionset{display:flex;align-items:center}.stzh-actionset__actions-wrapper.sc-stzh-actionset{position:relative;display:flex;flex-wrap:wrap;overflow:hidden}.stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-right:var(--stzh-space-xsmall)}.stzh-actionset__action-popover-wrapper.sc-stzh-actionset{opacity:0}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{opacity:1}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{--width:auto}@media screen and (min-width: 900px){.stzh-actionset--overflow.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions.sc-stzh-actionset{flex-direction:column;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions-wrapper.sc-stzh-actionset{flex-direction:column;align-items:stretch}}@media screen and (min-width: 600px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-bottom:var(--stzh-space-xsmall);margin-right:0}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{margin-top:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset:not(.stzh-actionset--has-collapsed-items) .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{display:none}}`;const r=class{constructor(i){t(this,i);this.stzhActionClick=s(this,"stzhActionClick");this.variant="stack";this.popoverButtonVariant="";this.popoverButtonSize="";this.popoverPlacement="bottom-end";this.actions=[];this._actions=[];this.actionsCollapsed=[];this.actionClick=(t,s)=>{this.stzhActionClick.emit({component:"stzh-actionset",action:t,originalEvent:s})};this.update=()=>{this.isSmall=c("small").matches;this.isMedium=c("medium").matches;if(!this.actionsElement){return}Object.assign(this.actionsElement.style,{width:null,height:null});let t=0;if(this.variant==="overflow"&&this.isMedium||this.variant==="stack"&&this.isSmall){this.dynamicActions=true;let s=0;let i=0;Array.from(this.actionsElement.children).forEach((e=>{if(e.offsetTop===0){t++;const{width:a,height:c}=e.getBoundingClientRect();const o=getComputedStyle(e);const n=parseInt(o.marginLeft);const h=parseInt(o.marginRight);const r=parseInt(o.marginTop);const l=parseInt(o.marginBottom);const d=a+n+h;const z=c+r+l;if(s<z){s=z}i=i+d}}));Object.assign(this.actionsElement.style,{width:`${i}px`,height:`${s}px`})}else{this.dynamicActions=false;if(this.variant==="overflow"){t=0}else if(this.variant==="stack"){t=this._actions.length<=3?this._actions.length:2}}this.actionsCollapsed=this._actions.slice(t)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};this.mediaChangeHandler=()=>{this.actionsCollapsed=[];requestAnimationFrame(this.update)}}actionsWatcher(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}}async componentWillLoad(){this.actionsWatcher(this.actions);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"actionset")}}connectedCallback(){o(this.mediaChangeHandler);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){n(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}}componentDidLoad(){this.update()}render(){const t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0,[`stzh-actionset--${this.variant}`]:!!this.variant};const s=(t,s)=>i("stzh-button",{key:"ae025a51e6e56de238f953d8f8c36e026709b1aa",a11yTabindex:s?"-1":null,class:{"stzh-actionset__action":true,"is-button":true},label:t.label,icon:t.icon,iconPosition:t.iconPosition,iconOnly:t.iconOnly,badge:t.badge,variant:t.variant?t.variant:this.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:this.variant==="stack"?"small":"tiny",badgePosition:"icon",onClick:s=>{this.actionClick(t,s)}});return i(e,{key:"b2faf3d9c04721bc1c12dd0417e3aa1ca61ef8ff","has-collapsed-items":this.actionsCollapsed.length>0},i("div",{key:"f12a9e6121e6935f4ddee44d1995371d467095ce",class:t},i("div",{key:"3ffdb573204390b8ce34012a0f03f44b3302472c",class:"stzh-actionset__actions",role:"group"},i("div",{key:"d98fd879378739389d66965360e69583ff61eee2",ref:t=>this.actionsElement=t,class:"stzh-actionset__actions-wrapper"},this._actions.map((t=>(this.dynamicActions||!this.dynamicActions&&this.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?i("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},s(t,this.dynamicActions&&this.actionsCollapsed.indexOf(t)>-1)):s(t,this.dynamicActions&&this.actionsCollapsed.indexOf(t)>-1))))),i("div",{key:"2047d439d665ef5cc6a7718c6d3b6b9866608484",class:"stzh-actionset__action-popover-wrapper"},i("stzh-popover",{key:"8257e32a9f670cba390589246a7e92cb3aaea4f5",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",strategy:"fixed",placement:this.popoverPlacement,class:"stzh-actionset__action-popover"},i("stzh-button",{key:"a076ae8873dfc28882d2b137ab9070381c696cc9",fullwidth:true,disabled:this.actionsCollapsed.length===0,class:"stzh-actionset__action is-further",variant:this.popoverButtonVariant!==""?this.popoverButtonVariant:this.variant==="stack"?"secondary":"tertiary",size:this.popoverButtonSize!==""?this.popoverButtonSize:this.variant==="stack"?"small":"tiny",icon:this.variant==="stack"?"angle-down":"more-vertical",iconOnly:this.variant==="overflow"&&this.isMedium,iconPosition:"right",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",a11yLabel:this.variant==="overflow"&&this.localization.actions}),i("stzh-menu",{key:"a85d850de6b691e126590dc11e38ef2215d5c92b",slot:"content"},this.actionsCollapsed.map((t=>i("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:s=>{this.actionClick(t,s)}},t.label)))))))))}get element(){return a(this)}static get watchers(){return{actions:["actionsWatcher"]}}};r.style=h();export{r as stzh_actionset};
-//# sourceMappingURL=p-b648e54e.entry.js.map
+import{r as t,c as s,h as i,a as e,d as a}from"./p-BeYTS5to.js";import{m as c,a as o,r as n}from"./p-CUGRmgip.js";const h=()=>`.sc-stzh-actionset-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-actionset-h,[stzh-hidden].sc-stzh-actionset-h{display:none}.sc-stzh-actionset-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-actionset-h *.sc-stzh-actionset,.sc-stzh-actionset-h *.sc-stzh-actionset::before,.sc-stzh-actionset-h *.sc-stzh-actionset::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-actionset-h .has-focus.sc-stzh-actionset{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-actionset-h .stzh-fylingfocus-focused.sc-stzh-actionset{outline-style:none !important}.sc-stzh-actionset-h .stzh-fylingfocus-focused.sc-stzh-actionset::-moz-focus-inner{border:0 !important}.stzh-actionset__actions.sc-stzh-actionset{display:flex;align-items:center}.stzh-actionset__actions-wrapper.sc-stzh-actionset{position:relative;display:flex;flex-wrap:wrap;overflow:hidden}.stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-right:var(--stzh-space-xsmall)}.stzh-actionset__action-popover-wrapper.sc-stzh-actionset{opacity:0}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{opacity:1}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{--width:auto}@media screen and (min-width: 900px){.stzh-actionset--overflow.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions.sc-stzh-actionset{flex-direction:column;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions-wrapper.sc-stzh-actionset{flex-direction:column;align-items:stretch}}@media screen and (min-width: 600px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-bottom:var(--stzh-space-xsmall);margin-right:0}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{margin-top:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset:not(.stzh-actionset--has-collapsed-items) .stzh-actionset__action-popover-wrapper.sc-stzh-actionset{display:none}}`;const r=class{constructor(i){t(this,i);this.stzhActionClick=s(this,"stzhActionClick");this.variant="stack";this.popoverButtonVariant="";this.popoverButtonSize="";this.popoverPlacement="bottom-end";this.actions=[];this._actions=[];this.actionsCollapsed=[];this.actionClick=(t,s)=>{this.stzhActionClick.emit({component:"stzh-actionset",action:t,originalEvent:s})};this.update=()=>{this.isSmall=c("small").matches;this.isMedium=c("medium").matches;if(!this.actionsElement){return}Object.assign(this.actionsElement.style,{width:null,height:null});let t=0;if(this.variant==="overflow"&&this.isMedium||this.variant==="stack"&&this.isSmall){this.dynamicActions=true;let s=0;let i=0;Array.from(this.actionsElement.children).forEach((e=>{if(e.offsetTop===0){t++;const{width:a,height:c}=e.getBoundingClientRect();const o=getComputedStyle(e);const n=parseInt(o.marginLeft);const h=parseInt(o.marginRight);const r=parseInt(o.marginTop);const l=parseInt(o.marginBottom);const d=a+n+h;const z=c+r+l;if(s<z){s=z}i=i+d}}));Object.assign(this.actionsElement.style,{width:`${i}px`,height:`${s}px`})}else{this.dynamicActions=false;if(this.variant==="overflow"){t=0}else if(this.variant==="stack"){t=this._actions.length<=3?this._actions.length:2}}this.actionsCollapsed=this._actions.slice(t)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};this.mediaChangeHandler=()=>{this.actionsCollapsed=[];requestAnimationFrame(this.update)}}actionsWatcher(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}}async componentWillLoad(){this.actionsWatcher(this.actions);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"actionset")}}connectedCallback(){o(this.mediaChangeHandler);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){n(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}}componentDidLoad(){this.update()}render(){const t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0,[`stzh-actionset--${this.variant}`]:!!this.variant};const s=(t,s)=>i("stzh-button",{key:"ae025a51e6e56de238f953d8f8c36e026709b1aa",a11yTabindex:s?"-1":null,class:{"stzh-actionset__action":true,"is-button":true},label:t.label,icon:t.icon,iconPosition:t.iconPosition,iconOnly:t.iconOnly,badge:t.badge,variant:t.variant?t.variant:this.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:this.variant==="stack"?"small":"tiny",badgePosition:"icon",onClick:s=>{this.actionClick(t,s)}});return i(e,{key:"b2faf3d9c04721bc1c12dd0417e3aa1ca61ef8ff","has-collapsed-items":this.actionsCollapsed.length>0},i("div",{key:"f12a9e6121e6935f4ddee44d1995371d467095ce",class:t},i("div",{key:"3ffdb573204390b8ce34012a0f03f44b3302472c",class:"stzh-actionset__actions",role:"group"},i("div",{key:"d98fd879378739389d66965360e69583ff61eee2",ref:t=>this.actionsElement=t,class:"stzh-actionset__actions-wrapper"},this._actions.map((t=>(this.dynamicActions||!this.dynamicActions&&this.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?i("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},s(t,this.dynamicActions&&this.actionsCollapsed.indexOf(t)>-1)):s(t,this.dynamicActions&&this.actionsCollapsed.indexOf(t)>-1))))),i("div",{key:"2047d439d665ef5cc6a7718c6d3b6b9866608484",class:"stzh-actionset__action-popover-wrapper"},i("stzh-popover",{key:"8257e32a9f670cba390589246a7e92cb3aaea4f5",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",strategy:"fixed",placement:this.popoverPlacement,class:"stzh-actionset__action-popover"},i("stzh-button",{key:"a076ae8873dfc28882d2b137ab9070381c696cc9",fullwidth:true,disabled:this.actionsCollapsed.length===0,class:"stzh-actionset__action is-further",variant:this.popoverButtonVariant!==""?this.popoverButtonVariant:this.variant==="stack"?"secondary":"tertiary",size:this.popoverButtonSize!==""?this.popoverButtonSize:this.variant==="stack"?"small":"tiny",icon:this.variant==="stack"?"angle-down":"more-vertical",iconOnly:this.variant==="overflow"&&this.isMedium,iconPosition:"right",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",a11yLabel:this.variant==="overflow"&&this.localization.actions}),i("stzh-menu",{key:"a85d850de6b691e126590dc11e38ef2215d5c92b",slot:"content"},this.actionsCollapsed.map((t=>i("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:s=>{this.actionClick(t,s)}},t.label)))))))))}get element(){return a(this)}static get watchers(){return{actions:["actionsWatcher"]}}};r.style=h();export{r as stzh_actionset};
+//# sourceMappingURL=p-1daff421.entry.js.map

package/dist/stzh-components/{p-e96815fe.entry.js → p-1e915c27.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as s,d as a}from"./p-D21RGl5H.js";const i=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xbig)}}.stzh-pkzh-qr-results{--stzh-datalist-nested-margin-left:var(--stzh-space-xsmall)}`;const c=class{constructor(e){t(this,e);this.privacyPolicyUrl="";this.paymentRecipient="";this.paymentIban="";this.errors={};this.qrReferenceNumber="";this.paymentInformationInfotext="";this.onSubmit=()=>{const t=new FormData(this.formElement);this.errors={};const e=["privacyPolicy","firstname","lastname","socialSecurityNumber"];e.forEach((e=>{const s=e==="privacyPolicy"?t.has(e):t.get(e);if(!s){this.errors=Object.assign(Object.assign({},this.errors),{[e]:this.localization.$globals.requiredFieldText})}}));if(Object.keys(this.errors).length>0){return}const s=t.get("socialSecurityNumber");const a=t.get("entrydate");const i=t.get("lastname");const c=t.get("firstname");const r=this.getCalculatedQrReferenceNumber(s,a);if(r){this.paymentInformationInfotext=this.localization.paymentInformationInfotext.replace(/\{firstname\}/,c).replace(/\{lastname\}/,i).replace(/\{socialSecurityNumber\}/,s);this.qrReferenceNumber=r}else{this.qrReferenceNumber=""}};this.onReset=()=>{this.qrReferenceNumber="";this.errors={}}}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pkzh-qr");this.localization.privacyPolicyText=this.localization.privacyPolicyText.replace(/\{privacyPolicyUrl\}/,this.privacyPolicyUrl)}}getCalculatedQrReferenceNumber(t,e){const s="00000000001";const a=/^\d{2}\.\d{2}\.\d{4}$/;const i=/^756\.\d{4}\.\d{4}\.\d{2}$/;if(!!e&&!a.test(e)){this.errors=Object.assign(Object.assign({},this.errors),{entrydate:this.localization.$globals.invalidFieldText})}if(!i.test(t)){this.errors=Object.assign(Object.assign({},this.errors),{socialSecurityNumber:this.localization.$globals.invalidFieldText})}if(Object.keys(this.errors).length>0){return null}const c=e?e.substring(8,10):"00";const r=e?e.substring(3,5):"01";const h=c+r;const o=t.replace(/\./g,"").substring(3,13);const d=s+h+o+"0";const n=d.split("").map(Number);const f=[0,9,4,6,8,2,7,1,3,5];let l=0;for(const t of n){l=f[(l+t)%10]}const b=(10-l)%10;return d+b}render(){const t={"stzh-pkzh-qr":true};return e(s,{key:"c18e348050b8613f09cd7f8b3de699ba2893d56a"},e("div",{key:"296008402c8000e85d50cf7391101f982ae953aa",class:t},e("form",{key:"c6da8978999344ce8f2446c5a3de8359de2edcce",ref:t=>this.formElement=t,onSubmit:this.onSubmit},e("stzh-cspace",{key:"5d5331307f7f7b40c46ea9dfc3a09161fdb198a4"},e("stzh-heading",{key:"f2b8ed7432072f7e8b95ffac1065c69660abbf5f"},this.localization.heading),e("stzh-fieldset",{key:"6ab67b0587fb1ba929cdefdf2fc0e54913d89833"},e("stzh-row",{key:"f4ea789b259b4be586846f57fa97af04d9e2fedf"},e("stzh-cell",{key:"997bfbd7fc7424660b222e0fd9d5b0c34b497047","span-small":"6"},e("stzh-input",{key:"decbc77ccb1ea17a55c4d9a48d2cdfde3480d5ed",name:"socialSecurityNumber",label:this.localization.inputSvLabel,error:this.errors["socialSecurityNumber"],required:true})),e("stzh-cell",{key:"1fb180192d24986b3009ebf34fd4a6c5dacef68c","span-small":"6"},e("stzh-input",{key:"e90a8fbf712a26e8d1c86e47144b1cba91e7f14d",name:"entrydate",label:this.localization.inputEntrydateLabel,error:this.errors["entrydate"],required:false}))),e("stzh-row",{key:"8d3e95ac96777d640cf77b1e35c586bb1d8811a9"},e("stzh-cell",{key:"d8bf9f359c3db1e02bf1bd73256eaf3d8b080e68","span-small":"6"},e("stzh-input",{key:"44eb35fa105c8037ab2a864db88fd00ed8951071",name:"lastname",label:this.localization.inputLastnameLabel,error:this.errors["lastname"],required:true})),e("stzh-cell",{key:"dd202e6326955682f673c05b25827f9c529d9d0f","span-small":"6"},e("stzh-input",{key:"7c967ab989fe726861928c28400856b94993dd13",name:"firstname",label:this.localization.inputFirstnameLabel,error:this.errors["firstname"],required:true})))),e("stzh-checkbox",{key:"26b98fc03e811d714f36b5314c36a5fc9d7e3049",name:"privacyPolicy",error:this.errors["privacyPolicy"],required:true},e("div",{key:"b7fea54d0e52cd82a1e655d0b78c4ac769d7a1f2",innerHTML:this.localization.privacyPolicyText})),e("stzh-actions",{key:"9e686a3eb9fde8a8e27648335dfdddb94d5e7b3a",variant:"form"},e("stzh-button",{key:"ef390b5759104aec2b36065104a7bc0e779f5d72",slot:"primary",type:"button",onClick:this.onSubmit},this.localization.buttonCalculateLabel),e("stzh-button",{key:"aadf6b9dd30a1f07787ef15aa0aad9b82ca5f75d",slot:"secondary",type:"reset",onClick:this.onReset},this.localization.buttonResetLabel)))),this.qrReferenceNumber&&e("stzh-message",{key:"ea6843aaf8ba89542e07804dfe34099aaeac3025",class:"stzh-pkzh-qr-results",label:this.localization.paymentInformationHeading,hideClose:true},e("stzh-space",{key:"f4465f89430816b917cf7c45d9351ac99d3445cf"},e("stzh-text",{key:"37470a91235840f4f40075911c8eaa029e93c28d"},this.paymentInformationInfotext),e("stzh-datalist",{key:"b552db0bf197efb13299a8834777fc1a1cec737f",variant:"table",bigLabel:true},e("stzh-datalist-item",{key:"c2fdcacf9c1cd00e435ca744a07969906baf9cdc",label:this.localization.paymentInformationPaymentFor,value:this.paymentRecipient}),e("stzh-datalist-item",{key:"3d16b88178e3f31aa868a583f70c6b351a39339a",label:this.localization.paymentInformationQrIban,value:this.paymentIban}),e("stzh-datalist-item",{key:"9bbc85e72c6ba28fb6e9dd5c590f9f4a7cb13b0f",label:this.localization.paymentInformationQrReferenceNumber,value:this.qrReferenceNumber}))))))}get element(){return a(this)}};c.style=i();export{c as stzh_pkzh_qr};
-//# sourceMappingURL=p-e96815fe.entry.js.map
+import{r as t,h as e,a as s,d as a}from"./p-BeYTS5to.js";const i=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xbig)}}.stzh-pkzh-qr-results{--stzh-datalist-nested-margin-left:var(--stzh-space-xsmall)}`;const c=class{constructor(e){t(this,e);this.privacyPolicyUrl="";this.paymentRecipient="";this.paymentIban="";this.errors={};this.qrReferenceNumber="";this.paymentInformationInfotext="";this.onSubmit=()=>{const t=new FormData(this.formElement);this.errors={};const e=["privacyPolicy","firstname","lastname","socialSecurityNumber"];e.forEach((e=>{const s=e==="privacyPolicy"?t.has(e):t.get(e);if(!s){this.errors=Object.assign(Object.assign({},this.errors),{[e]:this.localization.$globals.requiredFieldText})}}));if(Object.keys(this.errors).length>0){return}const s=t.get("socialSecurityNumber");const a=t.get("entrydate");const i=t.get("lastname");const c=t.get("firstname");const r=this.getCalculatedQrReferenceNumber(s,a);if(r){this.paymentInformationInfotext=this.localization.paymentInformationInfotext.replace(/\{firstname\}/,c).replace(/\{lastname\}/,i).replace(/\{socialSecurityNumber\}/,s);this.qrReferenceNumber=r}else{this.qrReferenceNumber=""}};this.onReset=()=>{this.qrReferenceNumber="";this.errors={}}}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pkzh-qr");this.localization.privacyPolicyText=this.localization.privacyPolicyText.replace(/\{privacyPolicyUrl\}/,this.privacyPolicyUrl)}}getCalculatedQrReferenceNumber(t,e){const s="00000000001";const a=/^\d{2}\.\d{2}\.\d{4}$/;const i=/^756\.\d{4}\.\d{4}\.\d{2}$/;if(!!e&&!a.test(e)){this.errors=Object.assign(Object.assign({},this.errors),{entrydate:this.localization.$globals.invalidFieldText})}if(!i.test(t)){this.errors=Object.assign(Object.assign({},this.errors),{socialSecurityNumber:this.localization.$globals.invalidFieldText})}if(Object.keys(this.errors).length>0){return null}const c=e?e.substring(8,10):"00";const r=e?e.substring(3,5):"01";const h=c+r;const o=t.replace(/\./g,"").substring(3,13);const d=s+h+o+"0";const n=d.split("").map(Number);const f=[0,9,4,6,8,2,7,1,3,5];let l=0;for(const t of n){l=f[(l+t)%10]}const b=(10-l)%10;return d+b}render(){const t={"stzh-pkzh-qr":true};return e(s,{key:"c18e348050b8613f09cd7f8b3de699ba2893d56a"},e("div",{key:"296008402c8000e85d50cf7391101f982ae953aa",class:t},e("form",{key:"c6da8978999344ce8f2446c5a3de8359de2edcce",ref:t=>this.formElement=t,onSubmit:this.onSubmit},e("stzh-cspace",{key:"5d5331307f7f7b40c46ea9dfc3a09161fdb198a4"},e("stzh-heading",{key:"f2b8ed7432072f7e8b95ffac1065c69660abbf5f"},this.localization.heading),e("stzh-fieldset",{key:"6ab67b0587fb1ba929cdefdf2fc0e54913d89833"},e("stzh-row",{key:"f4ea789b259b4be586846f57fa97af04d9e2fedf"},e("stzh-cell",{key:"997bfbd7fc7424660b222e0fd9d5b0c34b497047","span-small":"6"},e("stzh-input",{key:"decbc77ccb1ea17a55c4d9a48d2cdfde3480d5ed",name:"socialSecurityNumber",label:this.localization.inputSvLabel,error:this.errors["socialSecurityNumber"],required:true})),e("stzh-cell",{key:"1fb180192d24986b3009ebf34fd4a6c5dacef68c","span-small":"6"},e("stzh-input",{key:"e90a8fbf712a26e8d1c86e47144b1cba91e7f14d",name:"entrydate",label:this.localization.inputEntrydateLabel,error:this.errors["entrydate"],required:false}))),e("stzh-row",{key:"8d3e95ac96777d640cf77b1e35c586bb1d8811a9"},e("stzh-cell",{key:"d8bf9f359c3db1e02bf1bd73256eaf3d8b080e68","span-small":"6"},e("stzh-input",{key:"44eb35fa105c8037ab2a864db88fd00ed8951071",name:"lastname",label:this.localization.inputLastnameLabel,error:this.errors["lastname"],required:true})),e("stzh-cell",{key:"dd202e6326955682f673c05b25827f9c529d9d0f","span-small":"6"},e("stzh-input",{key:"7c967ab989fe726861928c28400856b94993dd13",name:"firstname",label:this.localization.inputFirstnameLabel,error:this.errors["firstname"],required:true})))),e("stzh-checkbox",{key:"26b98fc03e811d714f36b5314c36a5fc9d7e3049",name:"privacyPolicy",error:this.errors["privacyPolicy"],required:true},e("div",{key:"b7fea54d0e52cd82a1e655d0b78c4ac769d7a1f2",innerHTML:this.localization.privacyPolicyText})),e("stzh-actions",{key:"9e686a3eb9fde8a8e27648335dfdddb94d5e7b3a",variant:"form"},e("stzh-button",{key:"ef390b5759104aec2b36065104a7bc0e779f5d72",slot:"primary",type:"button",onClick:this.onSubmit},this.localization.buttonCalculateLabel),e("stzh-button",{key:"aadf6b9dd30a1f07787ef15aa0aad9b82ca5f75d",slot:"secondary",type:"reset",onClick:this.onReset},this.localization.buttonResetLabel)))),this.qrReferenceNumber&&e("stzh-message",{key:"ea6843aaf8ba89542e07804dfe34099aaeac3025",class:"stzh-pkzh-qr-results",label:this.localization.paymentInformationHeading,hideClose:true},e("stzh-space",{key:"f4465f89430816b917cf7c45d9351ac99d3445cf"},e("stzh-text",{key:"37470a91235840f4f40075911c8eaa029e93c28d"},this.paymentInformationInfotext),e("stzh-datalist",{key:"b552db0bf197efb13299a8834777fc1a1cec737f",variant:"table",bigLabel:true},e("stzh-datalist-item",{key:"c2fdcacf9c1cd00e435ca744a07969906baf9cdc",label:this.localization.paymentInformationPaymentFor,value:this.paymentRecipient}),e("stzh-datalist-item",{key:"3d16b88178e3f31aa868a583f70c6b351a39339a",label:this.localization.paymentInformationQrIban,value:this.paymentIban}),e("stzh-datalist-item",{key:"9bbc85e72c6ba28fb6e9dd5c590f9f4a7cb13b0f",label:this.localization.paymentInformationQrReferenceNumber,value:this.qrReferenceNumber}))))))}get element(){return a(this)}};c.style=i();export{c as stzh_pkzh_qr};
+//# sourceMappingURL=p-1e915c27.entry.js.map

package/dist/stzh-components/{p-d167b410.entry.js → p-21176939.entry.js} RENAMED Viewed

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