@oiz/stzh-components 2.7.0 → 2.8.0-alpha

package/dist/stzh-components/p-9c428351.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i,a as t}from"./p-9e02896c.js";const s=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host{--cell-width:100%;max-width:100%;width:var(--cell-width);-ms-flex-preferred-size:var(--cell-width);flex-basis:var(--cell-width);-ms-flex-negative:0;flex-shrink:0}:host([justify-self=start]){justify-self:flex-start}:host([justify-self=end]){justify-self:flex-end}:host([justify-self=center]){justify-self:center}:host([justify-self=between]){justify-self:space-between}:host([justify-self=around]){justify-self:space-around}:host([justify-self=evenly]){justify-self:space-evenly}:host([align-self=start]){-ms-flex-item-align:start;align-self:flex-start}:host([align-self=end]){-ms-flex-item-align:end;align-self:flex-end}:host([align-self=center]){-ms-flex-item-align:center;align-self:center}:host([align-self=baseline]){-ms-flex-item-align:baseline;align-self:baseline}:host([align-self=stretch]){-ms-flex-item-align:stretch;align-self:stretch}:host([span="1"]){--cell-width:8.3333333333%}:host([span="2"]){--cell-width:16.6666666667%}:host([span="3"]){--cell-width:25%}:host([span="4"]){--cell-width:33.3333333333%}:host([span="5"]){--cell-width:41.6666666667%}:host([span="6"]){--cell-width:50%}:host([span="7"]){--cell-width:58.3333333333%}:host([span="8"]){--cell-width:66.6666666667%}:host([span="9"]){--cell-width:75%}:host([span="10"]){--cell-width:83.3333333333%}:host([span="11"]){--cell-width:91.6666666667%}:host([span="12"]){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="3"]){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="6"]){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="9"]){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="12"]){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="3"]){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="6"]){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="9"]){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="12"]){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="3"]){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="6"]){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="9"]){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="12"]){--cell-width:100%}}.stzh-cell{height:100%;padding-left:calc(var(--stzh-grid-gutter) / 2);padding-right:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-small) / 2);padding-right:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-medium) / 2);padding-right:calc(var(--stzh-grid-gutter-medium) / 2)}}';const a=class{constructor(i){e(this,i);this.span=12;this.spanSmall=0;this.spanMedium=0;this.spanLarge=0;this.spanUltra=0;this.justifySelf="auto";this.alignSelf="auto"}render(){return i(t,null,i("div",{class:{"stzh-cell":true}},i("slot",null)))}};a.style=s;export{a as stzh_cell};
+//# sourceMappingURL=p-9c428351.entry.js.map

package/dist/stzh-components/p-9c428351.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhCellCss","StzhCell","render","h","Host","class"],"sources":["./src/components/stzh-cell/stzh-cell.scss?tag=stzh-cell&encapsulation=shadow","./src/components/stzh-cell/stzh-cell.tsx"],"sourcesContent":[":host {\n  // couldn't use cell-span and calcuate the with with css calc\n  // since IE was calculating the width wrongly with certain viewport widths\n  // so calculating it with sass and using the width directly\n  --cell-width: 100%;\n\n  max-width: 100%;\n  width: var(--cell-width);\n  flex-basis: var(--cell-width);\n  flex-shrink: 0;\n}\n\n/* Justify self variants */\n\n:host([justify-self=\"start\"]) {\n  justify-self: flex-start;\n}\n\n:host([justify-self=\"end\"]) {\n  justify-self: flex-end;\n}\n\n:host([justify-self=\"center\"]) {\n  justify-self: center;\n}\n\n:host([justify-self=\"between\"]) {\n  justify-self: space-between;\n}\n\n:host([justify-self=\"around\"]) {\n  justify-self: space-around;\n}\n\n:host([justify-self=\"evenly\"]) {\n  justify-self: space-evenly;\n}\n\n/* Align self variants */\n\n:host([align-self=\"start\"]) {\n  align-self: flex-start;\n}\n\n:host([align-self=\"end\"]) {\n  align-self: flex-end;\n}\n\n:host([align-self=\"center\"]) {\n  align-self: center;\n}\n\n:host([align-self=\"baseline\"]) {\n  align-self: baseline;\n}\n\n:host([align-self=\"stretch\"]) {\n  align-self: stretch;\n}\n\n@mixin cellProps($breakpoint: null) {\n  @for $i from 1 through $gridCells {\n    @if $breakpoint {\n      :host([span-#{$breakpoint}=\"#{$i}\"]) {\n        @include mq($from: $breakpoint) {\n          --cell-width: #{100% / ($gridCells / $i)};\n        }\n      }\n    } @else {\n      :host([span=\"#{$i}\"]) {\n        --cell-width: #{100% / ($gridCells / $i)};\n      }\n    }\n  }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include cellProps($breakpoint);\n}\n\n.stzh-cell {\n  height: 100%;\n  padding-left: calc(#{$gridGutter} / 2);\n  padding-right: calc(#{$gridGutter} / 2);\n\n  @include mq($from: small) {\n    padding-left: calc(#{$gridGutterSmall} / 2);\n    padding-right: calc(#{$gridGutterSmall} / 2);\n  }\n\n  @include mq($from: medium) {\n    padding-left: calc(#{$gridGutterMedium} / 2);\n    padding-right: calc(#{$gridGutterMedium} / 2);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-cell\",\n  styleUrl: \"stzh-cell.scss\",\n  shadow: true\n})\nexport class StzhCell {\n  /** Default span of each cell */\n  @Prop() span: number = 12;\n  /** Default span of each cell above small breakpoint */\n  @Prop() spanSmall: number = 0;\n  /** Default span of each cell above medium breakpoint */\n  @Prop() spanMedium: number = 0;\n  /** Default span of each cell above large breakpoint */\n  @Prop() spanLarge: number = 0;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop() spanUltra: number = 0;\n\n  /** Controlling how cells are positioned along a container's main axis */\n  @Prop({ reflect: true }) justifySelf: Layout.JustifySelf = \"auto\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) alignSelf: Layout.AlignSelf = \"auto\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-cell\": true\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,g5O,MCiBPC,EAAQ,M,mCAEI,G,eAEK,E,gBAEC,E,eAED,E,eAEA,E,iBAG+B,O,eAGJ,M,CAEvDC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,MAAO,CACL,YAAa,OAGfF,EAAA,c"}

package/dist/stzh-components/p-9faae333.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,a as n,g as a}from"./p-9e02896c.js";import{f as h}from"./p-25a09313.js";const e=".sc-stzh-pagination-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-pagination-h{display:none}.sc-stzh-pagination-h *.sc-stzh-pagination,.sc-stzh-pagination-h *.sc-stzh-pagination::before,.sc-stzh-pagination-h *.sc-stzh-pagination::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-pagination.sc-stzh-pagination{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--stzh-space-medium);padding-left:calc(var(--stzh-form-input-height) + var(--stzh-space-medium))}.stzh-pagination__input.sc-stzh-pagination{--text-align:center;--input-width:var(--stzh-form-input-height);--padding:0px;width:auto;position:absolute;top:0;left:0}.stzh-pagination__total.sc-stzh-pagination{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-pagination--size-small.sc-stzh-pagination{padding-left:calc(var(--stzh-form-input-small-height) + var(--stzh-space-medium))}.stzh-pagination--size-small.sc-stzh-pagination .stzh-pagination__input.sc-stzh-pagination{--input-width:var(--stzh-form-input-small-height)}";const o=class{constructor(s){t(this,s);this.stzhChange=i(this,"stzhChange",7);this.gotoPage=t=>{const i=this.value;if(t>=1&&t<=this.total){this.value=t}else if(t>this.total){this.value=this.total}else{this.value=1}if(i!==this.value){this.stzhChange.emit({component:"stzh-pagination",page:Number(this.value)})}};this.onRootFocus=()=>{if(this.input){this.input.setFocus()}};this.onInputChange=t=>{const i=Number(t.detail.value)||1;this.gotoPage(i)};this.total=1;this.name="";this.value=1;this.label="";this.labelHidden=false;this.readonly=false;this.disabled=false;this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.showMarker=false;this.size="default";this.a11yDescribedby="";this.localization=undefined}async prev(){this.gotoPage(this.value-1)}async next(){this.gotoPage(this.value+1)}async componentWillLoad(){if(!this.localization){this.localization=await h(this.element,"pagination")}}render(){var t;const i={"stzh-pagination":true,[`stzh-pagination--size-${this.size}`]:!!this.size};return s(n,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},s("div",{class:i},s("stzh-input",{class:"stzh-pagination__input",type:"number",min:1,max:this.total,label:this.label||this.localization.label,labelHidden:true,ref:t=>this.input=t,onStzhChange:this.onInputChange,value:((t=this.value)===null||t===void 0?void 0:t.toString())||"",required:this.required,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,a11yDescribedby:this.a11yDescribedby,name:this.name,size:this.size,invalid:this.invalid,showMarker:this.showMarker,noAutocomplete:true}),s("div",{class:"stzh-pagination__total"},this.localization.totalLabel.replace(/\{total\}/gi,this.total.toString())),s("stzh-buttongroup",null,s("stzh-button",{variant:"secondary",icon:"angle-left","icon-only":true,size:this.size,a11yDisabled:this.value<=1,a11yDescribedby:this.a11yDescribedby,a11yLabel:`${this.label||this.localization.label}, ${this.localization.prevLabel}, ${this.localization.selectedPageLabel} ${this.value}`,disabled:this.disabled,onClick:()=>this.prev()}),s("stzh-button",{variant:"secondary",icon:"angle-right","icon-only":true,size:this.size,a11yDisabled:this.value>=this.total,a11yDescribedby:this.a11yDescribedby,a11yLabel:`${this.label||this.localization.label}, ${this.localization.nextLabel}, ${this.localization.selectedPageLabel} ${this.value}`,disabled:this.disabled,onClick:()=>this.next()}))))}get element(){return a(this)}};o.style=e;export{o as stzh_pagination};
+//# sourceMappingURL=p-9faae333.entry.js.map

package/dist/stzh-components/p-9faae333.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhPaginationCss","StzhPagination","this","gotoPage","newPage","previous","value","total","stzhChange","emit","component","page","Number","onRootFocus","input","setFocus","onInputChange","event","detail","async","localization","fetchTranslations","element","render","classes","size","h","Host","tabindex","disabled","onFocus","class","type","min","max","label","labelHidden","ref","el","onStzhChange","_a","toString","required","description","descriptionLong","error","a11yDescribedby","name","invalid","showMarker","noAutocomplete","totalLabel","replace","variant","icon","a11yDisabled","a11yLabel","prevLabel","selectedPageLabel","onClick","prev","nextLabel","next"],"sources":["./src/components/stzh-pagination/stzh-pagination.scss?tag=stzh-pagination&encapsulation=scoped","./src/components/stzh-pagination/stzh-pagination.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-pagination {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: space('medium');\n  padding-left: calc(#{$formInputHeight} + #{space('medium')});\n\n  &__input {\n    --text-align: center;\n    --input-width: #{$formInputHeight};\n    --padding: 0px;\n\n    width: auto;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n\n  &__total {\n    @include fontSize('nano');\n  }\n\n  &--size-small {\n    padding-left: calc(#{$formInputHeightSmall} + #{space('medium')});\n  }\n\n  &--size-small &__input {\n    --input-width: #{$formInputHeightSmall};\n  }\n}\n","import {\n  Component,\n  Prop,\n  Host,\n  Element,\n  h,\n  Event,\n  EventEmitter,\n  Method,\n} from \"@stencil/core\";\n\nimport {\n  StzhInputChangeEvent,\n  StzhPaginationChangeEvent\n} from \"../../index\";\n\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { StzhPaginationLocalizedText } from \"./stzh-pagination.localization\";\n\n/**\n */\n@Component({\n  tag: \"stzh-pagination\",\n  styleUrl: \"stzh-pagination.scss\",\n  scoped: true\n})\nexport class StzhPagination {\n  /** Total pages available. */\n  @Prop() total: number = 1;\n\n  /** Name of the hidden date picker input. */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Current page. */\n  @Prop({ mutable: true }) value: number = 1;\n\n  /** Label for dropdown */\n  @Prop() label: string = \"\";\n\n  /** Whether label is hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Whether the element is readonly or not */\n  @Prop({ reflect: true }) readonly: boolean = false;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing */\n  @Prop({ reflect: true }) showMarker: boolean = false;\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Id of the element which describes the input */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = '';\n\n  /**  Translation strings. */\n  @Prop() localization: StzhPaginationLocalizedText;\n\n  /** Pagination change event */\n  @Event() stzhChange: EventEmitter<StzhPaginationChangeEvent>;\n\n  @Element() element: HTMLStzhPaginationElement;\n\n  /** Set current page to previous */\n  @Method()\n  async prev() {\n    this.gotoPage(this.value - 1);\n  }\n\n  /** Set current page to next */\n  @Method()\n  async next() {\n    this.gotoPage(this.value + 1);\n  }\n\n  private input: HTMLStzhInputElement;\n\n  private gotoPage = (newPage: number) => {\n    const previous = this.value;\n\n    if (newPage >= 1 && newPage <= this.total) {\n      this.value = newPage;\n    } else if (newPage > this.total) {\n      this.value = this.total;\n    } else {\n      this.value = 1;\n    }\n\n    if (previous !== this.value) {\n      this.stzhChange.emit({\n        component: \"stzh-pagination\",\n        page: Number(this.value)\n      });\n    }\n  }\n\n  private onRootFocus = () => {\n    if (this.input) {\n      this.input.setFocus();\n    }\n  }\n\n  private onInputChange = (event: CustomEvent<StzhInputChangeEvent>) => {\n    const newPage = Number(event.detail.value) || 1;\n    this.gotoPage(newPage);\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"pagination\");\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-pagination\": true,\n      [`stzh-pagination--size-${this.size}`]: !!this.size,\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          <stzh-input\n            class=\"stzh-pagination__input\"\n            type=\"number\"\n            min={1}\n            max={this.total}\n            label={this.label || this.localization.label}\n            labelHidden={true}\n            ref={(el) => (this.input = el as HTMLStzhInputElement)}\n            onStzhChange={this.onInputChange}\n            value={this.value?.toString() || ''}\n            required={this.required}\n            disabled={this.disabled}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            error={this.error}\n            a11yDescribedby={this.a11yDescribedby}\n            name={this.name}\n            size={this.size}\n            invalid={this.invalid}\n            showMarker={this.showMarker}\n            noAutocomplete={true}\n          ></stzh-input>\n          <div class=\"stzh-pagination__total\">\n            {this.localization.totalLabel\n              .replace(/\\{total\\}/gi, this.total.toString())}\n          </div>\n          <stzh-buttongroup>\n            <stzh-button\n              variant=\"secondary\"\n              icon=\"angle-left\"\n              icon-only\n              size={this.size}\n              a11yDisabled={this.value <= 1}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label || this.localization.label}, ${this.localization.prevLabel}, ${this.localization.selectedPageLabel} ${this.value}`}\n              disabled={this.disabled}\n              onClick={() => this.prev()}\n            ></stzh-button>\n            <stzh-button\n              variant=\"secondary\"\n              icon=\"angle-right\"\n              icon-only\n              size={this.size}\n              a11yDisabled={this.value >= this.total}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label || this.localization.label}, ${this.localization.nextLabel}, ${this.localization.selectedPageLabel} ${this.value}`}\n              disabled={this.disabled}\n              onClick={() => this.next()}\n            ></stzh-button>\n          </stzh-buttongroup>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAoB,s3C,MC0BbC,EAAc,M,gEAoEjBC,KAAAC,SAAYC,IAClB,MAAMC,EAAWH,KAAKI,MAEtB,GAAIF,GAAW,GAAKA,GAAWF,KAAKK,MAAO,CACzCL,KAAKI,MAAQF,C,MACR,GAAIA,EAAUF,KAAKK,MAAO,CAC/BL,KAAKI,MAAQJ,KAAKK,K,KACb,CACLL,KAAKI,MAAQ,C,CAGf,GAAID,IAAaH,KAAKI,MAAO,CAC3BJ,KAAKM,WAAWC,KAAK,CACnBC,UAAW,kBACXC,KAAMC,OAAOV,KAAKI,Q,GAKhBJ,KAAAW,YAAc,KACpB,GAAIX,KAAKY,MAAO,CACdZ,KAAKY,MAAMC,U,GAIPb,KAAAc,cAAiBC,IACvB,MAAMb,EAAUQ,OAAOK,EAAMC,OAAOZ,QAAU,EAC9CJ,KAAKC,SAASC,EAAQ,E,WA7FA,E,UAGgB,G,WAGC,E,WAGjB,G,iBAGO,M,cAGc,M,cAGA,M,4FAYD,M,cAGC,M,gBAGE,M,UAGM,U,qBAGc,G,4BAYnEe,aACEjB,KAAKC,SAASD,KAAKI,MAAQ,E,CAK7Ba,aACEjB,KAAKC,SAASD,KAAKI,MAAQ,E,CAmC7Ba,0BACE,IAAKjB,KAAKkB,aAAc,CACtBlB,KAAKkB,mBAAqBC,EAAkBnB,KAAKoB,QAAS,a,EAI9DC,S,MACE,MAAMC,EAAU,CACd,kBAAmB,KACnB,CAAC,yBAAyBtB,KAAKuB,UAAWvB,KAAKuB,MAGjD,OACEC,EAACC,EAAI,CAACC,SAAU1B,KAAK2B,SAAW,KAAO,KAAMC,QAAS5B,KAAKW,aACzDa,EAAA,OAAKK,MAAOP,GACVE,EAAA,cACEK,MAAM,yBACNC,KAAK,SACLC,IAAK,EACLC,IAAKhC,KAAKK,MACV4B,MAAOjC,KAAKiC,OAASjC,KAAKkB,aAAae,MACvCC,YAAa,KACbC,IAAMC,GAAQpC,KAAKY,MAAQwB,EAC3BC,aAAcrC,KAAKc,cACnBV,QAAOkC,EAAAtC,KAAKI,SAAK,MAAAkC,SAAA,SAAAA,EAAEC,aAAc,GACjCC,SAAUxC,KAAKwC,SACfb,SAAU3B,KAAK2B,SACfc,YAAazC,KAAKyC,YAClBC,gBAAiB1C,KAAK0C,gBACtBC,MAAO3C,KAAK2C,MACZC,gBAAiB5C,KAAK4C,gBACtBC,KAAM7C,KAAK6C,KACXtB,KAAMvB,KAAKuB,KACXuB,QAAS9C,KAAK8C,QACdC,WAAY/C,KAAK+C,WACjBC,eAAgB,OAElBxB,EAAA,OAAKK,MAAM,0BACR7B,KAAKkB,aAAa+B,WAChBC,QAAQ,cAAelD,KAAKK,MAAMkC,aAEvCf,EAAA,wBACEA,EAAA,eACE2B,QAAQ,YACRC,KAAK,aAAY,iBAEjB7B,KAAMvB,KAAKuB,KACX8B,aAAcrD,KAAKI,OAAS,EAC5BwC,gBAAiB5C,KAAK4C,gBACtBU,UAAW,GAAGtD,KAAKiC,OAASjC,KAAKkB,aAAae,UAAUjC,KAAKkB,aAAaqC,cAAcvD,KAAKkB,aAAasC,qBAAqBxD,KAAKI,QACpIuB,SAAU3B,KAAK2B,SACf8B,QAAS,IAAMzD,KAAK0D,SAEtBlC,EAAA,eACE2B,QAAQ,YACRC,KAAK,cAAa,iBAElB7B,KAAMvB,KAAKuB,KACX8B,aAAcrD,KAAKI,OAASJ,KAAKK,MACjCuC,gBAAiB5C,KAAK4C,gBACtBU,UAAW,GAAGtD,KAAKiC,OAASjC,KAAKkB,aAAae,UAAUjC,KAAKkB,aAAayC,cAAc3D,KAAKkB,aAAasC,qBAAqBxD,KAAKI,QACpIuB,SAAU3B,KAAK2B,SACf8B,QAAS,IAAMzD,KAAK4D,W"}

package/dist/stzh-components/{p-e2ff2ef4.entry.js → p-a0008fa2.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,h as s,a as e,g as i}from"./p-9e02896c.js";import{c as r,a,A as p,o as h,f as n,s as l,b as c}from"./p-9dc36e07.js";import{c as d}from"./p-75bc73a1.js";import{i as v}from"./p-5c697491.js";import{f as z}from"./p-25a09313.js";import{m}from"./p-9111e257.js";import{w as f}from"./p-df2bb358.js";import{s as b,a as u}from"./p-5011f10c.js";const x=".sc-stzh-popover-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-popover-h{--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--padding:0px;--border-radius:var(--stzh-popover-border-radius)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--padding:var(--stzh-tooltip-padding)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;-webkit-transform:translateY(0.5rem) rotate(180deg);transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;-webkit-transform:translateX(0.75rem) rotate(90deg);transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;-webkit-transform:translateX(-0.75rem) rotate(-90deg);transform:translateX(-0.75rem) rotate(-90deg)}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:stretch;justify-content:stretch}}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:0.8}}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--stzh-color-white);-ms-touch-action:none;touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-grey13)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-popover__content-slot.sc-stzh-popover{padding:var(--padding)}.stzh-popover__action-slot.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-popover__action-slot.sc-stzh-popover:not(:empty){margin:var(--stzh-space-xsmall) var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}.stzh-popover__label-wrapper.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{cursor:pointer;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;-webkit-transform:translate(30%, -30%);transform:translate(30%, -30%);background-color:var(--stzh-color-grey5)}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;position:absolute;top:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxxsmall);color:var(--stzh-base-lead-color);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xxsmall)}}@media screen and (min-width: 600px){@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}";const w=200;const g=300;const _=100;const y=200;function k(){const t=m("small").matches;return{keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:t?_:w,easing:"linear"}}}function j(){const t=m("small").matches;return{keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:t?y:g,easing:"linear"}}}function $(){const t=m("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?_:w,easing:"linear"}}}function O(){const t=m("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?y:g,easing:"linear"}}}const Y={ESC:27};const C="stzh-popover-open";let D=0;const W=class{constructor(s){t(this,s);this.stzhOpen=o(this,"stzhOpen",7);this.stzhOpened=o(this,"stzhOpened",7);this.stzhClose=o(this,"stzhClose",7);this.stzhClosed=o(this,"stzhClosed",7);this.initialTouchX=null;this.initialTouchY=null;this.handleKeydown=t=>{if(t.keyCode===Y.ESC){this.hide()}};this.onClickTrigger=()=>{this.toggle()};this.computePosition=async()=>{if(m("small").matches){const t=[h({mainAxis:this.distance,crossAxis:this.skidding}),n({padding:5}),l({padding:5})];if(this.variant==="tooltip"){t.push(c({element:this.arrowElement,padding:5}))}const{x:o=0,y:s=0,strategy:e="absolute",placement:i,middlewareData:a}=await r(this.element,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t});this.computedPlacement=i;Object.assign(this.dialogElement.style,{position:e,left:`${o}px`,top:`${s}px`});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:o!=null?`${a.arrow.x}px`:"",top:s!=null?`${a.arrow.y}px`:""})}}else{Object.assign(this.dialogElement.style,{position:null,left:null,top:null});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:null,top:null})}}};this.handleTouchStart=t=>{const o=t.changedTouches[0];this.initialTouchX=o.pageX;this.initialTouchY=o.pageY};this.handleTouchEnd=t=>{const o=t.changedTouches[0];const s=o.pageX-this.initialTouchX;const e=o.pageY-this.initialTouchY;const i=70;const r=Math.abs(e)>=i&&Math.abs(s)<=i;if(r){this.hide()}this.initialTouchY=null;this.initialTouchX=null};this.open=false;this.placement="bottom";this.variant="default";this.skidding=0;this.distance=undefined;this.label="";this.strategy="absolute";this.localization=undefined;this.computedPlacement=undefined}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return f(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return f(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async update(){return await this.computePosition()}handleOutsideClick(t){if(!this.open){return}const o=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;const s=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(o&&!s){this.hide()}}async openWatcher(t){if(!this.dialogElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-popover"})}const t=k();const o=$();await Promise.all([b(this.contentWrapperElement),b(this.contentElement),b(this.dialogElement)]);this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentWrapperElement.hidden=false;await Promise.all([u(this.contentWrapperElement,t.keyframes,t.options),u(m("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-popover"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-popover"})}const t=j();const o=O();await Promise.all([b(this.contentWrapperElement),b(this.contentElement),b(this.dialogElement)]);await Promise.all([u(this.contentWrapperElement,t.keyframes,t.options),u(m("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);this.contentWrapperElement.hidden=true;this.dialogElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-popover"})}}this.toggledByMethod=false}distanceWatcher(t){if(typeof t==="number"){this.distance=t}else{this.distance=this.variant==="tooltip"?16:8}}async componentWillLoad(){this.id=`stzh-popover-${D++}`;this.distanceWatcher(this.distance);if(!this.localization){this.localization=await z(this.element,"popover")}}popoverShown(){document.body.classList.add(C);const t=v(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded","true");if(this.trap){this.trap.activate()}}popoverHidden(){document.body.classList.remove(C);const t=v(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded","false");if(this.trap){this.trap.deactivate()}}componentDidRender(){this.computePosition();this.open?this.popoverShown():this.popoverHidden();const t=v(this.triggerElement.firstElementChild);if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-describedby")||!t&&!this.triggerElement.firstElementChild.getAttribute("aria-describedby")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-trigger-description`)}if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-label")||!t&&!this.triggerElement.firstElementChild.getAttribute("aria-label")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-label":"aria-label",this.label)}if(t&&!this.triggerElement.firstElementChild.getAttribute("analytics-id")||!t&&!this.triggerElement.firstElementChild.getAttribute("s-object-id")){this.triggerElement.firstElementChild.setAttribute(t?"analytics-id":"s-object-id",this.label)}}componentDidUpdate(){this.trap.updateContainerElements(this.dialogElement)}componentDidLoad(){this.autoUpdateCleanup=a(this.element,this.dialogElement,this.computePosition);this.contentWrapperElement.hidden=!this.open;this.trap=d(this.dialogElement,{fallbackFocus:this.dialogElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true});if(this.open){this.popoverShown()}}connectedCallback(){var t;let o=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!o){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));o=t}if(o){o.addEventListener("click",this.onClickTrigger)}}disconnectedCallback(){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.triggerElement&&this.triggerElement.firstElementChild){this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger)}}render(){const t={"stzh-popover":true,[`stzh-popover--open`]:this.open,[`stzh-popover--placement-${this.computedPlacement}`]:!!this.computedPlacement,[`stzh-popover--${this.variant}`]:!!this.variant};return s(e,null,s("div",{class:t,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},s("div",{ref:t=>this.triggerElement=t,class:"stzh-popover__trigger"},s("slot",null)),s("div",{class:"stzh-popover__vhidden",id:`${this.id}-trigger-description`},this.localization.open),s("div",{ref:t=>this.contentWrapperElement=t,class:"stzh-popover__content-wrapper"},s("div",{class:"stzh-popover__backdrop"}),s("div",{ref:t=>this.contentElement=t,class:"stzh-popover__content"},s("div",{ref:t=>this.dialogElement=t,class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?`${this.id}-label`:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},this.variant==="tooltip"&&s("div",{class:"stzh-popover__arrow",ref:t=>this.arrowElement=t,innerHTML:p}),s("div",{class:"stzh-popover__content-inner"},s("div",{class:"stzh-popover__label-wrapper"},s("h2",{id:`${this.id}-label`,class:"stzh-popover__label"},this.label?this.label:s("slot",{name:"label"})),s("button",{class:"stzh-popover__close",onClick:()=>this.hide(),type:"button"},s("stzh-icon",{name:"close",class:"stzh-popover__icon"}),s("span",{class:"stzh-popover__vhidden"},this.localization.close))),s("div",{class:"stzh-popover__content-slot"},s("slot",{name:"content"}),s("div",{class:"stzh-popover__action-slot"},s("slot",{name:"action"})))))))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"],distance:["distanceWatcher"]}}};W.style=x;export{W as stzh_popover};
-//# sourceMappingURL=p-e2ff2ef4.entry.js.map
+import{r as t,c as o,h as s,a as e,g as i}from"./p-9e02896c.js";import{c as r,a,A as p,o as h,f as n,s as l,b as c}from"./p-9dc36e07.js";import{c as d}from"./p-75bc73a1.js";import{i as v}from"./p-fc339100.js";import{f as z}from"./p-25a09313.js";import{m}from"./p-9111e257.js";import{w as f}from"./p-df2bb358.js";import{s as b,a as u}from"./p-5011f10c.js";const x=".sc-stzh-popover-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-popover-h{--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--padding:0px;--border-radius:var(--stzh-popover-border-radius)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--padding:var(--stzh-tooltip-padding)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;-webkit-transform:translateY(0.5rem) rotate(180deg);transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;-webkit-transform:translateX(0.75rem) rotate(90deg);transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;-webkit-transform:translateX(-0.75rem) rotate(-90deg);transform:translateX(-0.75rem) rotate(-90deg)}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:stretch;justify-content:stretch}}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:0.8}}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--stzh-color-white);-ms-touch-action:none;touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-grey13)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-popover__content-slot.sc-stzh-popover{padding:var(--padding)}.stzh-popover__action-slot.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-popover__action-slot.sc-stzh-popover:not(:empty){margin:var(--stzh-space-xsmall) var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}.stzh-popover__label-wrapper.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{cursor:pointer;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;-webkit-transform:translate(30%, -30%);transform:translate(30%, -30%);background-color:var(--stzh-color-grey5)}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;position:absolute;top:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxxsmall);color:var(--stzh-base-lead-color);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xxsmall)}}@media screen and (min-width: 600px){@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}";const w=200;const g=300;const _=100;const y=200;function k(){const t=m("small").matches;return{keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:t?_:w,easing:"linear"}}}function j(){const t=m("small").matches;return{keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:t?y:g,easing:"linear"}}}function $(){const t=m("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?_:w,easing:"linear"}}}function O(){const t=m("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?y:g,easing:"linear"}}}const Y={ESC:27};const C="stzh-popover-open";let D=0;const W=class{constructor(s){t(this,s);this.stzhOpen=o(this,"stzhOpen",7);this.stzhOpened=o(this,"stzhOpened",7);this.stzhClose=o(this,"stzhClose",7);this.stzhClosed=o(this,"stzhClosed",7);this.initialTouchX=null;this.initialTouchY=null;this.handleKeydown=t=>{if(t.keyCode===Y.ESC){this.hide()}};this.onClickTrigger=()=>{this.toggle()};this.computePosition=async()=>{if(m("small").matches){const t=[h({mainAxis:this.distance,crossAxis:this.skidding}),n({padding:5}),l({padding:5})];if(this.variant==="tooltip"){t.push(c({element:this.arrowElement,padding:5}))}const{x:o=0,y:s=0,strategy:e="absolute",placement:i,middlewareData:a}=await r(this.element,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t});this.computedPlacement=i;Object.assign(this.dialogElement.style,{position:e,left:`${o}px`,top:`${s}px`});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:o!=null?`${a.arrow.x}px`:"",top:s!=null?`${a.arrow.y}px`:""})}}else{Object.assign(this.dialogElement.style,{position:null,left:null,top:null});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:null,top:null})}}};this.handleTouchStart=t=>{const o=t.changedTouches[0];this.initialTouchX=o.pageX;this.initialTouchY=o.pageY};this.handleTouchEnd=t=>{const o=t.changedTouches[0];const s=o.pageX-this.initialTouchX;const e=o.pageY-this.initialTouchY;const i=70;const r=Math.abs(e)>=i&&Math.abs(s)<=i;if(r){this.hide()}this.initialTouchY=null;this.initialTouchX=null};this.open=false;this.placement="bottom";this.variant="default";this.skidding=0;this.distance=undefined;this.label="";this.strategy="absolute";this.localization=undefined;this.computedPlacement=undefined}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return f(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return f(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async update(){return await this.computePosition()}handleOutsideClick(t){if(!this.open){return}const o=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;const s=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(o&&!s){this.hide()}}async openWatcher(t){if(!this.dialogElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-popover"})}const t=k();const o=$();await Promise.all([b(this.contentWrapperElement),b(this.contentElement),b(this.dialogElement)]);this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentWrapperElement.hidden=false;await Promise.all([u(this.contentWrapperElement,t.keyframes,t.options),u(m("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-popover"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-popover"})}const t=j();const o=O();await Promise.all([b(this.contentWrapperElement),b(this.contentElement),b(this.dialogElement)]);await Promise.all([u(this.contentWrapperElement,t.keyframes,t.options),u(m("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);this.contentWrapperElement.hidden=true;this.dialogElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-popover"})}}this.toggledByMethod=false}distanceWatcher(t){if(typeof t==="number"){this.distance=t}else{this.distance=this.variant==="tooltip"?16:8}}async componentWillLoad(){this.id=`stzh-popover-${D++}`;this.distanceWatcher(this.distance);if(!this.localization){this.localization=await z(this.element,"popover")}}popoverShown(){document.body.classList.add(C);const t=v(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded","true");if(this.trap){this.trap.activate()}}popoverHidden(){document.body.classList.remove(C);const t=v(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded","false");if(this.trap){this.trap.deactivate()}}componentDidRender(){this.computePosition();this.open?this.popoverShown():this.popoverHidden();const t=v(this.triggerElement.firstElementChild);if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-describedby")||!t&&!this.triggerElement.firstElementChild.getAttribute("aria-describedby")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-trigger-description`)}if(t&&!this.triggerElement.firstElementChild.getAttribute("a11y-label")||!t&&!this.triggerElement.firstElementChild.getAttribute("aria-label")){this.triggerElement.firstElementChild.setAttribute(t?"a11y-label":"aria-label",this.label)}if(t&&!this.triggerElement.firstElementChild.getAttribute("analytics-id")||!t&&!this.triggerElement.firstElementChild.getAttribute("s-object-id")){this.triggerElement.firstElementChild.setAttribute(t?"analytics-id":"s-object-id",this.label)}}componentDidUpdate(){this.trap.updateContainerElements(this.dialogElement)}componentDidLoad(){this.autoUpdateCleanup=a(this.element,this.dialogElement,this.computePosition);this.contentWrapperElement.hidden=!this.open;this.trap=d(this.dialogElement,{fallbackFocus:this.dialogElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true});if(this.open){this.popoverShown()}}connectedCallback(){var t;let o=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!o){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));o=t}if(o){o.addEventListener("click",this.onClickTrigger)}}disconnectedCallback(){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.triggerElement&&this.triggerElement.firstElementChild){this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger)}}render(){const t={"stzh-popover":true,[`stzh-popover--open`]:this.open,[`stzh-popover--placement-${this.computedPlacement}`]:!!this.computedPlacement,[`stzh-popover--${this.variant}`]:!!this.variant};return s(e,null,s("div",{class:t,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},s("div",{ref:t=>this.triggerElement=t,class:"stzh-popover__trigger"},s("slot",null)),s("div",{class:"stzh-popover__vhidden",id:`${this.id}-trigger-description`},this.localization.open),s("div",{ref:t=>this.contentWrapperElement=t,class:"stzh-popover__content-wrapper"},s("div",{class:"stzh-popover__backdrop"}),s("div",{ref:t=>this.contentElement=t,class:"stzh-popover__content"},s("div",{ref:t=>this.dialogElement=t,class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?`${this.id}-label`:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},this.variant==="tooltip"&&s("div",{class:"stzh-popover__arrow",ref:t=>this.arrowElement=t,innerHTML:p}),s("div",{class:"stzh-popover__content-inner"},s("div",{class:"stzh-popover__label-wrapper"},s("h2",{id:`${this.id}-label`,class:"stzh-popover__label"},this.label?this.label:s("slot",{name:"label"})),s("button",{class:"stzh-popover__close",onClick:()=>this.hide(),type:"button"},s("stzh-icon",{name:"close",class:"stzh-popover__icon"}),s("span",{class:"stzh-popover__vhidden"},this.localization.close))),s("div",{class:"stzh-popover__content-slot"},s("slot",{name:"content"}),s("div",{class:"stzh-popover__action-slot"},s("slot",{name:"action"})))))))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"],distance:["distanceWatcher"]}}};W.style=x;export{W as stzh_popover};
+//# sourceMappingURL=p-a0008fa2.entry.js.map

package/dist/stzh-components/p-a16ce152.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,i,e,a){function s(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,n){function l(t){try{h(a.next(t))}catch(t){n(t)}}function r(t){try{h(a["throw"](t))}catch(t){n(t)}}function h(t){t.done?e(t.value):s(t.value).then(l,r)}h((a=a.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,s,n,l;return l={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function r(t){return function(i){return h([t,i])}}function h(r){if(a)throw new TypeError("Generator is already executing.");while(l&&(l=0,r[0]&&(e=0)),e)try{if(a=1,s&&(n=r[0]&2?s["return"]:r[0]?s["throw"]||((n=s["return"])&&n.call(s),0):s.next)&&!(n=n.call(s,r[1])).done)return n;if(s=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:e.label++;return{value:r[1],done:false};case 5:e.label++;s=r[1];r=[0];continue;case 7:r=e.ops.pop();e.trys.pop();continue;default:if(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){e=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]<n[3])){e.label=r[1];break}if(r[0]===6&&e.label<n[1]){e.label=n[1];n=r;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(r);break}if(n[2])e.ops.pop();e.trys.pop();continue}r=i.call(t,e)}catch(t){r=[6,t];s=0}finally{a=n=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-7b184ebb.system.js","./p-176db2fe.system.js","./p-a408bfba.system.js"],(function(t){"use strict";var i,e,a,s,n,l,r,h,o,d;return{setters:[function(t){i=t.r;e=t.c;a=t.h;s=t.a;n=t.g;l=t.F},function(t){r=t.m;h=t.a;o=t.r},function(t){d=t.f}],execute:function(){var c=".sc-stzh-datalist-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-h{display:none}.sc-stzh-datalist-h *.sc-stzh-datalist,.sc-stzh-datalist-h *.sc-stzh-datalist::before,.sc-stzh-datalist-h *.sc-stzh-datalist::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-datalist-h{--item-label-min-width:7.5rem}@media screen and (min-width: 800px){.sc-stzh-datalist-h{--item-label-min-width:9rem}}[disable-label-min-width].sc-stzh-datalist-h:not([disable-label-min-width=false]){--item-label-min-width:none}.sc-stzh-datalist-h .sc-stzh-datalist-s>stzh-details,.stzh-datalist.sc-stzh-datalist stzh-details.sc-stzh-datalist{--content-grid-column:1 / 6;--content-padding:var(--stzh-space-large) 0 var(--stzh-space-xlarge);--content-border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.sc-stzh-datalist-h .sc-stzh-datalist-s>stzh-details,.stzh-datalist.sc-stzh-datalist stzh-details.sc-stzh-datalist{--content-padding:var(--stzh-space-large) 0 var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-datalist-h .sc-stzh-datalist-s>stzh-details,.stzh-datalist.sc-stzh-datalist stzh-details.sc-stzh-datalist{--content-padding:var(--stzh-space-large) 0 var(--stzh-space-xxxlarge)}}.stzh-datalist__list.sc-stzh-datalist{width:100%}.stzh-datalist--has-hidden-border.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{margin-top:calc(var(--stzh-space-xsmall) / -2);margin-bottom:calc(var(--stzh-space-xsmall) / -2)}.stzh-datalist--direction-horizontal.sc-stzh-datalist .stzh-datalist__list.sc-stzh-datalist{width:100%;display:grid;border-collapse:collapse;grid-template-columns:auto auto minmax(auto, 1fr) auto auto;-ms-flex-align:stretch;align-items:stretch}";var m=t("stzh_datalist",function(){function t(t){var a=this;i(this,t);this.stzhDirectionChange=e(this,"stzhDirectionChange",7);this.stzhHideBorderChange=e(this,"stzhHideBorderChange",7);this._items=[];this.resizeHandler=function(){if(r("ultra").matches&&a.directionUltra!=="inherit"){a.currentDirection=a.directionUltra}else if(r("large").matches&&a.directionLarge!=="inherit"){a.currentDirection=a.directionLarge}else if(r("medium").matches&&a.directionMedium!=="inherit"){a.currentDirection=a.directionMedium}else if(r("small").matches&&a.directionSmall!=="inherit"){a.currentDirection=a.directionSmall}else{a.currentDirection=a.direction}};this.direction="vertical";this.directionSmall="horizontal";this.directionMedium="inherit";this.directionLarge="inherit";this.directionUltra="inherit";this.hideBorder=false;this.disableLabelMinWidth=false;this.currentDirection=undefined;this.items=[]}t.prototype.hideBorderWatcher=function(t){this.stzhHideBorderChange.emit({component:"stzh-datalist",value:t})};t.prototype.directionWatcher=function(){this.resizeHandler()};t.prototype.currentDirectionWatcher=function(t){this.stzhDirectionChange.emit({component:"stzh-datalist",value:t})};t.prototype.itemsWatcher=function(t){if(typeof t==="string"){this._items=JSON.parse(t)}else{this._items=t}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.itemsWatcher(this.items);this.hideBorderWatcher(this.hideBorder);this.resizeHandler();return[2]}))}))};t.prototype.connectedCallback=function(){h(this.resizeHandler)};t.prototype.disconnectedCallback=function(){o(this.resizeHandler)};t.prototype.render=function(){var t;var i=(t={"stzh-datalist":true,"stzh-datalist--has-hidden-border":this.hideBorder},t["stzh-datalist--direction-".concat(this.currentDirection)]=!!this.currentDirection,t);return a(s,null,a("div",{class:i},a("div",{class:"stzh-datalist__list",role:"list"},this._items.map((function(t){return a("stzh-datalist-item",Object.assign({},t),t.items&&t.items.length>0&&a("stzh-datalist",{items:t.items}))})),a("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{hideBorder:["hideBorderWatcher"],direction:["directionWatcher"],directionSmall:["directionWatcher"],directionMedium:["directionWatcher"],directionLarge:["directionWatcher"],directionUltra:["directionWatcher"],currentDirection:["currentDirectionWatcher"],items:["itemsWatcher"]}},enumerable:false,configurable:true});return t}());m.style=c;var z='.sc-stzh-datalist-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-item-h{display:none}.sc-stzh-datalist-item-h *.sc-stzh-datalist-item,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::before,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-datalist-item-h{--font-family:var(--stzh-font-family-regular);--font-weight:var(--stzh-font-weight-regular);--color:inherit;--action-display:flex;--label-min-width:var(--item-label-min-width, none);--leading-icon-background-color:var(--stzh-color-grey5);--leading-icon-color:var(--stzh-color-grey70);--hover-leading-icon-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-leading-icon-color:var(--stzh-color-white);--horizontal-min-height:3rem;display:contents}[href].sc-stzh-datalist-item-h:not([href=""]),[a11y-expanded].sc-stzh-datalist-item-h,[a11y-controls].sc-stzh-datalist-item-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.sc-stzh-datalist-item-h .sc-stzh-datalist-item-s>stzh-datalist{margin-left:var(--stzh-space-large)}.stzh-datalist-item.sc-stzh-datalist-item{position:relative;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__vhidden.sc-stzh-datalist-item{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-datalist-item__wrapper.sc-stzh-datalist-item{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item__action-list.sc-stzh-datalist-item{color:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background:transparent;border:none;padding:0;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__leading.is-button.sc-stzh-datalist-item,.stzh-datalist-item__leading.is-link.sc-stzh-datalist-item,.stzh-datalist-item__value.is-button.sc-stzh-datalist-item,.stzh-datalist-item__value.is-link.sc-stzh-datalist-item,.stzh-datalist-item__label.is-button.sc-stzh-datalist-item,.stzh-datalist-item__label.is-link.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-button.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-link.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-button.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-link.sc-stzh-datalist-item{cursor:pointer}.stzh-datalist-item__leading.sc-stzh-datalist-item{-ms-flex-negative:0;flex-shrink:0}.stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--leading-icon-color);background-color:var(--leading-icon-background-color);width:2.5rem;height:2.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:50%;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);font-family:var(--font-family);font-weight:var(--font-weight);-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 1024px){.stzh-datalist-item__value.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--color)}.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datalist-item__meta.sc-stzh-datalist-item{-ms-flex-pack:end;justify-content:flex-end}.stzh-datalist-item__label.sc-stzh-datalist-item{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;color:var(--stzh-base-lead-color)}.stzh-datalist-item__action-list.sc-stzh-datalist-item{display:var(--action-display);-ms-flex-pack:center;justify-content:center;text-align:center}.stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item__action.is-non-interactive.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height)}.stzh-datalist-item__action.is-button[variant=tertiary].sc-stzh-datalist-item{--color:inherit}.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__richtext.sc-stzh-datalist-item{color:inherit;font-family:inherit;font-weight:inherit}.stzh-datalist-item__interactive.sc-stzh-datalist-item{position:absolute;top:0;left:0}.stzh-datalist-item--is-button.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-closed.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:-ms-inline-flexbox;display:inline-flex}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--hover-color)}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.sc-stzh-datalist-item{-webkit-text-decoration-line:underline;text-decoration-line:underline}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:focus-within .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--hover-leading-icon-color);background-color:var(--hover-leading-icon-background-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-vertical.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border){border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{width:2.5rem;height:2.5rem}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon.sc-stzh-datalist-item{--size:var(--stzh-icon-size-medium)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{-ms-flex-direction:column;flex-direction:column}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item{display:contents}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item .stzh-datalist-item__nested-inner.sc-stzh-datalist-item{grid-column:1/6}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item{min-height:var(--horizontal-min-height)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__action-list.sc-stzh-datalist-item{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty){min-width:var(--label-min-width);padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{width:2rem;height:2rem}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta-status.sc-stzh-datalist-item+.stzh-datalist-item__meta-text.sc-stzh-datalist-item{margin-left:var(--stzh-space-xsmall)}';var u=0;var f=t("stzh_datalist_item",function(){function t(t){var a=this;i(this,t);this.stzhItemActionClick=e(this,"stzhItemActionClick",7);this.actionClick=function(t){a.stzhItemActionClick.emit({component:"stzh-datalist-item",originalEvent:t})};this.handleDirectionChange=function(t){a.direction=t.detail.value};this.handleHideBorderChange=function(t){a.hideBorder=t.detail.value};this.localization=undefined;this.direction="vertical";this.href=undefined;this.rel=undefined;this.target=undefined;this.download=undefined;this.leadingIcon=undefined;this.icon=undefined;this.iconLabel=undefined;this.iconTooltip=undefined;this.label="";this.value="";this.meta="";this.statusLabel="";this.statusType="default";this.hideBorder=false;this.a11yExpanded=undefined;this.a11yControls=undefined;this.external=false}t.prototype.externalWatcher=function(){this.external=this.rel&&this.rel.includes("external")};t.prototype.renderInner=function(t){var i=t?"button":this.href?"a":"div";return a(l,null,a(i,{"aria-hidden":this.label?null:"true",tabindex:"-1",id:"".concat(this.datalistItemId,"-label"),class:{"stzh-datalist-item__label":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download},this.label),a(i,{id:"".concat(this.datalistItemId,"-value"),class:{"stzh-datalist-item__value":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download,"aria-labelledby":i!=="div"?"".concat(this.datalistItemId,"-label ").concat(this.datalistItemId,"-value ").concat(this.datalistItemId,"-meta"):null,"aria-controls":this.a11yControls,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null},this.external&&a("div",{class:"stzh-datalist-item__vhidden"},this.localization.$globals.externalLinkLabel),this.download&&a("div",{class:"stzh-datalist-item__vhidden"},this.localization.$globals.downloadLinkLabel),a("stzh-richtext",{class:"stzh-datalist-item__richtext",innerHTML:this.value},a("slot",{name:"value"}))),a(i,{"aria-hidden":this.statusLabel||this.meta?null:"true",tabindex:"-1",id:"".concat(this.datalistItemId,"-meta"),class:{"stzh-datalist-item__meta":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download},this.statusLabel&&a("stzh-status",{class:"stzh-datalist-item__meta-status",label:this.statusLabel,type:this.statusType}),this.meta&&a("span",{class:"stzh-datalist-item__meta-text"},this.meta)))};t.prototype.renderLeadingIcon=function(t){var i=t?"button":this.href?"a":"div";return a(i,{role:"presentation","aria-hidden":"true",tabindex:"-1",class:{"stzh-datalist-item__leading":true,"is-button":t,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download},this.leadingIcon&&a("div",{class:"stzh-datalist-item__leading-icon-container"},a("stzh-icon",{class:"stzh-datalist-item__leading-icon",name:this.leadingIcon})))};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.datalist=this.element.closest("stzh-datalist");if(this.datalist){this.direction=this.datalist.currentDirection;this.hideBorder=this.datalist.hideBorder;this.datalist.addEventListener("stzhDirectionChange",this.handleDirectionChange);this.datalist.addEventListener("stzhHideBorderChange",this.handleHideBorderChange)}return[2]}))}))};t.prototype.disconnectedCallback=function(){if(this.datalist){this.datalist.removeEventListener("stzhDirectionChange",this.handleDirectionChange);this.datalist.removeEventListener("stzhHideBorderChange",this.handleHideBorderChange);this.datalist=null}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:this.datalistItemId="stzh-datalist-item-".concat(u++);this.externalWatcher();if(!!this.localization)return[3,2];t=this;return[4,d(this.element,"datalist-item")];case 1:t.localization=i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t;var i=this;var e=typeof this.a11yExpanded!=="undefined"||typeof this.a11yControls!=="undefined";var n=!this.href&&this.icon;var r=(t={"stzh-datalist-item":true,"stzh-datalist-item--is-interactive":!!this.href||e,"stzh-datalist-item--is-link":!!this.href,"stzh-datalist-item--is-button":e,"stzh-datalist-item--is-expanded":this.a11yExpanded,"stzh-datalist-item--has-hidden-border":this.hideBorder},t["stzh-datalist-item--direction-".concat(this.direction)]=!!this.direction,t);var h=e?"button":this.href?"a":"div";var o=function(){return a("stzh-button",{class:{"stzh-datalist-item__action":true,"is-button":true},variant:"tertiary",size:"tiny","aria-label":i.iconLabel||"".concat(i.label," ").concat(i.value),iconOnly:true,icon:i.icon,onClick:i.actionClick})};return a(s,{role:"listitem"},a("div",{class:r},this.direction==="horizontal"?a(l,null,this.renderLeadingIcon(e),this.renderInner(e)):a(l,null,this.renderLeadingIcon(e),a("div",{class:"stzh-datalist-item__wrapper"},this.renderInner(e))),a(h,{role:n?null:"presentation","aria-hidden":n?null:"true",tabindex:"-1",class:{"stzh-datalist-item__action-list":true,"is-button":e,"is-link":!!this.href},href:this.href,rel:this.rel,target:this.target,download:this.download},this.href&&(this.download?a("div",{class:"stzh-datalist-item__action is-non-interactive"},a("stzh-icon",{class:"stzh-datalist-item__icon",name:this.icon?this.icon:"download"})):a("div",{class:"stzh-datalist-item__action is-non-interactive"},a("stzh-icon",{class:"stzh-datalist-item__icon",name:this.icon?this.icon:this.external?"external-link":"arrow-right"}))),e&&a("div",{class:"stzh-datalist-item__action is-non-interactive"},a("stzh-icon",{class:"stzh-datalist-item__icon is-closed",name:this.icon?this.icon:"plus"}),a("stzh-icon",{class:"stzh-datalist-item__icon is-open",name:this.icon?this.icon:"minus"})),n&&(this.iconTooltip?a("stzh-tooltip",{content:this.iconTooltip},o()):o()))),a("div",{class:"stzh-datalist-item__nested"},a("div",{class:"stzh-datalist-item__nested-inner"},a("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{rel:["externalWatcher"]}},enumerable:false,configurable:true});return t}());f.style=z}}}));
+//# sourceMappingURL=p-a16ce152.system.entry.js.map

package/dist/stzh-components/p-a16ce152.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhDatalistCss","StzhDatalist","exports","this","_items","resizeHandler","media","matches","_this","directionUltra","currentDirection","directionLarge","directionMedium","directionSmall","direction","class_1","prototype","hideBorderWatcher","newValue","stzhHideBorderChange","emit","component","value","directionWatcher","currentDirectionWatcher","stzhDirectionChange","itemsWatcher","JSON","parse","componentWillLoad","items","hideBorder","connectedCallback","addMediaChangeListener","disconnectedCallback","removeMediaChangeListener","render","classes","_a","concat","h","Host","class","role","map","item","Object","assign","length","stzhDatalistItemCss","datalistItemCounter","StzhDatalistItem","actionClick","originalEvent","stzhItemActionClick","handleDirectionChange","event","detail","handleHideBorderChange","class_2","externalWatcher","external","rel","includes","renderInner","isButton","Item","href","Fragment","label","tabindex","id","datalistItemId","target","download","a11yControls","a11yExpanded","localization","$globals","externalLinkLabel","downloadLinkLabel","innerHTML","name","statusLabel","meta","type","statusType","renderLeadingIcon","leadingIcon","datalist","element","closest","addEventListener","removeEventListener","fetchTranslations","_b","sent","hasActionButton","icon","ActionButton","variant","size","iconLabel","iconOnly","onClick","iconTooltip","content"],"sources":["src/components/stzh-datalist/stzh-datalist.scss?tag=stzh-datalist&encapsulation=scoped","src/components/stzh-datalist/stzh-datalist.tsx","src/components/stzh-datalist-item/stzh-datalist-item.scss?tag=stzh-datalist-item&encapsulation=scoped","src/components/stzh-datalist-item/stzh-datalist-item.tsx"],"sourcesContent":[":host {\n  --item-label-min-width: 120px;\n\n  @include mq($from: smallheader) {\n    --item-label-min-width: 144px;\n  }\n\n  &[disable-label-min-width]:not([disable-label-min-width=\"false\"]) {\n    --item-label-min-width: none;\n  }\n}\n\n:host ::slotted(stzh-details),\n.stzh-datalist stzh-details {\n  --content-grid-column: 1 / 6;\n  --content-padding: #{space('large')} 0 #{spaceCurveValue('medium')};\n  --content-border-bottom: 1px solid #{$baseBorderColor};\n\n  @include mq($from: medium) {\n    --content-padding: #{space('large')} 0 #{spaceCurveValue('medium', 'medium')};\n  }\n\n  @include mq($from: large) {\n    --content-padding: #{space('large')} 0 #{spaceCurveValue('medium', 'large')};\n  }\n}\n\n.stzh-datalist {\n  &__list {\n    width: 100%;\n  }\n\n  /* Has hidden border variant */\n\n  &--has-hidden-border &__list {\n    margin-top: calc(#{space('xsmall')} / -2);\n    margin-bottom: calc(#{space('xsmall')} / -2);\n  }\n\n  /* Vertical variant */\n\n  &--direction-horizontal &__list {\n    width: 100%;\n    display: grid;\n    border-collapse: collapse;\n    grid-template-columns: auto auto minmax(auto, 1fr) auto auto;\n    align-items: stretch;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Watch,\n  Prop,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhDatalistItemEntry,\n  StzhDatalistDirectionChangeEvent,\n  StzhDatalistHideBorderChangeEvent\n} from \"../../index\";\n\nimport {\n  media,\n  addMediaChangeListener,\n  removeMediaChangeListener\n} from '../../utils/media-utils';\n\n/**\n */\n@Component({\n  tag: \"stzh-datalist\",\n  styleUrl: \"stzh-datalist.scss\",\n  scoped: true\n})\nexport class StzhDatalist {\n  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Direction above small breakpoint */\n  @Prop({ reflect: true }) directionSmall: \"vertical\" | \"horizontal\" | \"inherit\" = \"horizontal\";\n\n  /** Direction above medium breakpoint  */\n  @Prop({ reflect: true }) directionMedium: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Direction above large breakpoint  */\n  @Prop({ reflect: true }) directionLarge: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Direction above ultra breakpoint  */\n  @Prop({ reflect: true }) directionUltra: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Hide border lines between items */\n  @Prop({ reflect: true }) hideBorder: boolean = false;\n\n  /**\n   * Whether to disable min-width of datalist item label for the `horizontal` variant.\n   *\n   * If `false`, the default `min-width` is `144px` (for >= 800px) and `120px` (for < 800px).\n   * If `true`, the `min-width` is `none`, so the label column, will have the width of cell with the widest content.\n   *\n   * You can also overwrite the label min-width via CSS with the custom property `--item-label-min-width`.\n   */\n  @Prop({ reflect: true }) disableLabelMinWidth: boolean = false;\n\n  /** Current direction in use (readonly)  */\n  @Prop({ reflect: true }) currentDirection: \"vertical\" | \"horizontal\";\n\n  /**\n   * Items in datalist\n   * Array of objects that must at least include `value` attribute.\n   * Can optionally contain `leadingIcon`, `label`, `meta`, `icon`, `iconLabel`, `iconTooltip`, `href`, `statusLabel`, `statusType` attribute and be nested to display deeper levels:\n   * `[{\"value\":\"Value 1\", \"label\": \"Label 1\"}, {\"value\":\"Value 2\", \"label\": \"Label 2\", \"items\": [...]}]`\n   */\n  @Prop() items: StzhDatalistItemEntry[] | string = [];\n  private _items: StzhDatalistItemEntry[] = [];\n\n\n  /** Direction attribute change event */\n  @Event() stzhDirectionChange: EventEmitter<StzhDatalistDirectionChangeEvent>;\n\n  /** Hide border change event */\n  @Event() stzhHideBorderChange: EventEmitter<StzhDatalistHideBorderChangeEvent>;\n\n  @Element() element: HTMLStzhDatalistElement;\n\n  @Watch(\"hideBorder\")\n  hideBorderWatcher(newValue: boolean) {\n    this.stzhHideBorderChange.emit({\n      component: \"stzh-datalist\",\n      value: newValue\n    });\n  }\n\n  @Watch(\"direction\")\n  @Watch(\"directionSmall\")\n  @Watch(\"directionMedium\")\n  @Watch(\"directionLarge\")\n  @Watch(\"directionUltra\")\n  directionWatcher() {\n    this.resizeHandler();\n  }\n\n  @Watch(\"currentDirection\")\n  currentDirectionWatcher(newValue: \"vertical\" | \"horizontal\") {\n    this.stzhDirectionChange.emit({\n      component: \"stzh-datalist\",\n      value: newValue\n    });\n  }\n\n  @Watch(\"items\")\n  itemsWatcher(newValue: any[] | string) {\n    if (typeof newValue === \"string\") {\n      this._items = JSON.parse(newValue);\n    } else {\n      this._items = newValue;\n    }\n  }\n\n  resizeHandler = () => {\n    if (media(\"ultra\").matches && this.directionUltra !== \"inherit\") {\n      this.currentDirection = this.directionUltra;\n    } else if (media(\"large\").matches && this.directionLarge !== \"inherit\") {\n      this.currentDirection = this.directionLarge;\n    } else if (media(\"medium\").matches && this.directionMedium !== \"inherit\") {\n      this.currentDirection = this.directionMedium;\n    } else if (media(\"small\").matches && this.directionSmall !== \"inherit\") {\n      this.currentDirection = this.directionSmall;\n    } else {\n      this.currentDirection = this.direction;\n    }\n  }\n\n  async componentWillLoad() {\n    this.itemsWatcher(this.items);\n    this.hideBorderWatcher(this.hideBorder);\n    this.resizeHandler();\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.resizeHandler);\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.resizeHandler);\n  }\n\n  render() {\n    const classes = {\n      \"stzh-datalist\": true,\n      \"stzh-datalist--has-hidden-border\": this.hideBorder,\n      [`stzh-datalist--direction-${this.currentDirection}`]: !!this.currentDirection\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-datalist__list\" role=\"list\">\n            {this._items.map((item) =>\n              <stzh-datalist-item {...item}>\n                {item.items && item.items.length > 0 &&\n                  <stzh-datalist items={item.items}></stzh-datalist>\n                }\n              </stzh-datalist-item>\n            )}\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  --font-family: var(--stzh-font-family-regular);\n  --font-weight: var(--stzh-font-weight-regular);\n  --color: inherit;\n  --action-display: flex;\n  --label-min-width: var(--item-label-min-width, none);\n  --leading-icon-background-color: #{$colorGrey5};\n  --leading-icon-color: #{$colorGrey70};\n\n  --hover-leading-icon-background-color: #{$colorPrimaryHover};\n  --hover-leading-icon-color: #{$colorWhite};\n\n  --horizontal-min-height: 48px;\n\n  display: contents;\n\n  &[href]:not([href=\"\"]),\n  &[a11y-expanded],\n  &[a11y-controls] {\n    --color: #{$colorPrimary};\n    --hover-color: #{$colorPrimaryHover};\n  }\n\n  ::slotted(stzh-datalist) {\n    margin-left: space('large');\n  }\n}\n\n.stzh-datalist-item {\n  position: relative;\n  text-decoration-line: none;\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__wrapper {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &__leading,\n  &__value,\n  &__label,\n  &__meta,\n  &__action-list {\n    color: inherit;\n    display: flex;\n    align-items: center;\n    appearance: none;\n    font-family: inherit;\n    background: transparent;\n    border: none;\n    padding: 0;\n    text-decoration-line: none;\n\n    &.is-button,\n    &.is-link {\n      cursor: pointer;\n    }\n  }\n\n  &__leading {\n    flex-shrink: 0;\n\n    &:not(:empty) {\n      padding-right: space('xsmall');\n    }\n  }\n\n  &__leading-icon-container {\n    color: var(--leading-icon-color);\n    background-color: var(--leading-icon-background-color);\n    width: 40px;\n    height: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    transition-property: color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n  }\n\n  &__value {\n    @include fontCurve('p1');\n    font-family: var(--font-family);\n    font-weight: var(--font-weight);\n    flex-grow: 1;\n  }\n\n  &__value,\n  &__icon {\n    color: var(--color);\n  }\n\n  &__label,\n  &__meta {\n    @include fontCurve('caption');\n  }\n\n  &__meta {\n    justify-content: flex-end;\n  }\n\n  &__label {\n    @include font('medium');\n    color: $baseLeadColor;\n  }\n\n  &__action-list {\n    display: var(--action-display);\n    justify-content: center;\n    text-align: center;\n\n    &:not(:empty) {\n      padding-left: space('xsmall');\n    }\n  }\n\n  &__action {\n    &.is-non-interactive {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: $formInputHeightTiny;\n      height: $formInputHeightTiny;\n    }\n\n    &.is-button[variant=\"tertiary\"] {\n      --color: inherit;\n    }\n  }\n\n  &__value,\n  &__icon {\n    transition: color $baseTransitionAnimationSpeed;\n  }\n\n  &__richtext {\n    color: inherit;\n    font-family: inherit;\n    font-weight: inherit;\n  }\n\n  &__interactive {\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n\n  /* Button variant */\n\n  &--is-button &__icon.is-open {\n    display: none;\n  }\n\n  &--is-button#{&}--is-expanded &__icon {\n    &.is-closed {\n      display: none;\n    }\n\n    &.is-open {\n      display: inline-flex;\n    }\n  }\n\n  /* Interactive variant */\n\n  &--is-interactive:hover &__value,\n  &--is-interactive:hover &__icon {\n    color: var(--hover-color);\n  }\n\n  &--is-interactive:hover &__value {\n    text-decoration-line: underline;\n  }\n\n  &--is-interactive:hover &__leading-icon-container,\n  &--is-interactive:focus-within &__leading-icon-container {\n    color: var(--hover-leading-icon-color);\n    background-color: var(--hover-leading-icon-background-color);\n  }\n\n  /* Vertical variant */\n\n  &--direction-vertical {\n    display: flex;\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n  }\n\n  &--direction-vertical#{&}--has-hidden-border {\n    padding-top: calc(#{space('xsmall')} / 2);\n    padding-bottom: calc(#{space('xsmall')} / 2);\n  }\n\n  &--direction-vertical:not(#{&}--has-hidden-border) {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n\n  &--direction-vertical &__leading-icon-container {\n    width: 40px;\n    height: 40px;\n  }\n\n  &--direction-vertical &__leading-icon {\n    --size: #{iconSize('medium')};\n  }\n\n  &--direction-vertical &__meta {\n    flex-direction: column;\n  }\n\n  /* Horizontal variant */\n\n  &--direction-horizontal,\n  &--direction-horizontal + &__nested {\n    display: contents;\n  }\n\n  &--direction-horizontal + &__nested &__nested-inner {\n    grid-column: 1 / 6;\n  }\n\n  &--direction-horizontal &__leading,\n  &--direction-horizontal &__value,\n  &--direction-horizontal &__label,\n  &--direction-horizontal &__meta,\n  &--direction-horizontal &__action-list {\n    min-height: var(--horizontal-min-height);\n  }\n\n  &--direction-horizontal &__label,\n  &--direction-horizontal &__value,\n  &--direction-horizontal &__meta {\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n  }\n\n  &--direction-horizontal#{&}--has-hidden-border &__label,\n  &--direction-horizontal#{&}--has-hidden-border &__value,\n  &--direction-horizontal#{&}--has-hidden-border &__meta {\n    padding-top: calc(#{space('xsmall')} / 2);\n    padding-bottom: calc(#{space('xsmall')} / 2);\n  }\n\n  // &--direction-horizontal:not(#{&}--has-hidden-border) &__leading,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__label,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__value,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__meta,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__action-list {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n\n  &--direction-horizontal &__label {\n    &:not(:empty) {\n      min-width: var(--label-min-width);\n      padding-right: space('xsmall');\n    }\n  }\n\n  &--direction-horizontal &__meta {\n    &:not(:empty) {\n      padding-left: space('xsmall');\n    }\n  }\n\n  &--direction-horizontal &__leading-icon-container {\n    width: 32px;\n    height: 32px;\n  }\n\n  &--direction-horizontal &__meta-status + &__meta-text {\n    margin-left: space('xsmall');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Event,\n  EventEmitter,\n  Fragment,\n  State,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  StzhDatalistItemActionClickEvent,\n  StzhDatalistDirectionChangeEvent,\n  StzhDatalistHideBorderChangeEvent\n} from \"../../index\";\n\nimport { fetchTranslations, StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nlet datalistItemCounter = 0;\n\n/**\n * @slot - Slot for nested datalist\n * @slot value - Slot for value (or use value slot instead)\n */\n@Component({\n  tag: \"stzh-datalist-item\",\n  styleUrl: \"stzh-datalist-item.scss\",\n  scoped: true\n})\nexport class StzhDatalistItem {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Link */\n  @Prop({ reflect: true }) href: string;\n\n  /** Rel (if href is used) */\n  @Prop() rel: string;\n\n  /** Target (if href is used) */\n  @Prop() target: string;\n\n  /** Download attribute of link (if `href` used) */\n  @Prop() download: string;\n\n  /** Leading icon */\n  @Prop() leadingIcon: string;\n\n  /** Icon of action button (if href is used, will only be for presentation and default to link icon) */\n  @Prop() icon: string;\n\n  /** Overwrite aria-label of action button (default aria label is `label` and `value`). */\n  @Prop() iconLabel: string;\n\n  /** Tooltip content of action button. Overwrites aria-label (set by default or `iconLabel`) of action button. */\n  @Prop() iconTooltip: string;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Value (or use value slot instead) */\n  @Prop() value: string = \"\";\n\n  /** Meta */\n  @Prop() meta: string = \"\";\n\n  /** Status Label */\n  @Prop() statusLabel: string = \"\";\n\n  /** Status Type */\n  @Prop() statusType: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\" = \"default\";\n\n  /** Hide border lines */\n  @Prop({ reflect: true }) hideBorder: boolean = false;\n\n  /** Aria expanded of link/button */\n  @Prop({ reflect: true, attribute: \"a11y-expanded\" }) a11yExpanded: boolean;\n\n  /** Aria controls of link/button */\n  @Prop({ attribute: \"a11y-controls\" }) a11yControls: string;\n\n  /** Whether rel contains external */\n  @State() external: boolean = false;\n\n  /** Item action click event */\n  @Event() stzhItemActionClick: EventEmitter<StzhDatalistItemActionClickEvent>;\n\n  @Element() element: HTMLStzhDatalistItemElement;\n\n  @Watch(\"rel\")\n  externalWatcher() {\n    this.external = this.rel && this.rel.includes(\"external\");\n  }\n\n  private datalist: HTMLStzhDatalistElement;\n  private datalistItemId: string;\n\n  private actionClick = (originalEvent: MouseEvent) => {\n    this.stzhItemActionClick.emit({\n      component: \"stzh-datalist-item\",\n      originalEvent\n    });\n  }\n\n  private handleDirectionChange = (event: CustomEvent<StzhDatalistDirectionChangeEvent>) => {\n    this.direction = event.detail.value;\n  }\n\n  private handleHideBorderChange = (event: CustomEvent<StzhDatalistHideBorderChangeEvent>) => {\n    this.hideBorder = event.detail.value;\n  }\n\n  private renderInner(isButton: boolean): DocumentFragment {\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\n\n    return (\n      <Fragment>\n        <Item\n          aria-hidden={this.label ? null : \"true\"}\n          tabindex=\"-1\"\n          id={`${this.datalistItemId}-label`}\n          class={{\n            \"stzh-datalist-item__label\": true,\n            \"is-button\": isButton,\n            \"is-link\": !!this.href\n          }}\n          href={this.href}\n          rel={this.rel}\n          target={this.target}\n          download={this.download}\n        >\n          {this.label}\n        </Item>\n\n        <Item\n          id={`${this.datalistItemId}-value`}\n          class={{\n            \"stzh-datalist-item__value\": true,\n            \"is-button\": isButton,\n            \"is-link\": !!this.href\n          }}\n          href={this.href}\n          rel={this.rel}\n          target={this.target}\n          download={this.download}\n          aria-labelledby={Item !== 'div' ? `${this.datalistItemId}-label ${this.datalistItemId}-value ${this.datalistItemId}-meta` : null}\n          aria-controls={this.a11yControls}\n          aria-expanded={typeof this.a11yExpanded !== \"undefined\"\n            ? (this.a11yExpanded ? \"true\" : \"false\") : null}\n        >\n          {this.external && <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.externalLinkLabel}</div>}\n          {this.download && <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.downloadLinkLabel}</div>}\n          <stzh-richtext class=\"stzh-datalist-item__richtext\" innerHTML={this.value}>\n            <slot name=\"value\"></slot>\n          </stzh-richtext>\n        </Item>\n\n        <Item\n          aria-hidden={this.statusLabel || this.meta ? null : \"true\"}\n          tabindex=\"-1\"\n          id={`${this.datalistItemId}-meta`}\n          class={{\n            \"stzh-datalist-item__meta\": true,\n            \"is-button\": isButton,\n            \"is-link\": !!this.href\n          }}\n          href={this.href}\n          rel={this.rel}\n          target={this.target}\n          download={this.download}\n        >\n          {this.statusLabel &&\n            <stzh-status\n              class=\"stzh-datalist-item__meta-status\"\n              label={this.statusLabel}\n              type={this.statusType}\n            ></stzh-status>\n          }\n          {this.meta && <span class=\"stzh-datalist-item__meta-text\">{this.meta}</span>}\n        </Item>\n      </Fragment>\n    )\n  }\n\n  private renderLeadingIcon(isButton: boolean): HTMLElement {\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\n\n    return (\n      <Item\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        tabindex=\"-1\"\n        class={{\n          \"stzh-datalist-item__leading\": true,\n          \"is-button\": isButton,\n          \"is-link\": !!this.href\n        }}\n        href={this.href}\n        rel={this.rel}\n        target={this.target}\n        download={this.download}\n      >\n        {this.leadingIcon &&\n          <div class=\"stzh-datalist-item__leading-icon-container\">\n            <stzh-icon class=\"stzh-datalist-item__leading-icon\" name={this.leadingIcon}></stzh-icon>\n          </div>\n        }\n      </Item>\n    );\n  }\n\n  async connectedCallback() {\n    this.datalist = this.element.closest(\"stzh-datalist\");\n\n    if (this.datalist) {\n      this.direction = this.datalist.currentDirection;\n      this.hideBorder = this.datalist.hideBorder;\n\n      this.datalist.addEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n      this.datalist.addEventListener(\"stzhHideBorderChange\", this.handleHideBorderChange);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.datalist) {\n      this.datalist.removeEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n      this.datalist.removeEventListener(\"stzhHideBorderChange\", this.handleHideBorderChange);\n      this.datalist = null;\n    }\n  }\n\n  async componentWillLoad() {\n    this.datalistItemId = `stzh-datalist-item-${datalistItemCounter++}`;\n    this.externalWatcher();\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"datalist-item\");\n    }\n  }\n\n  render() {\n    const isButton = typeof this.a11yExpanded !== \"undefined\"\n      || typeof this.a11yControls !== \"undefined\";\n\n    const hasActionButton = !this.href && this.icon;\n\n    const classes = {\n      \"stzh-datalist-item\": true,\n      \"stzh-datalist-item--is-interactive\": !!this.href || isButton,\n      \"stzh-datalist-item--is-link\": !!this.href,\n      \"stzh-datalist-item--is-button\": isButton,\n      \"stzh-datalist-item--is-expanded\": this.a11yExpanded,\n      \"stzh-datalist-item--has-hidden-border\": this.hideBorder,\n      [`stzh-datalist-item--direction-${this.direction}`]: !!this.direction\n    };\n\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\n\n    const ActionButton = () => {\n      return (\n        <stzh-button\n          class={{\n            \"stzh-datalist-item__action\": true,\n            \"is-button\": true\n          }}\n          variant=\"tertiary\"\n          size=\"tiny\"\n          aria-label={this.iconLabel || (`${this.label} ${this.value}`)}\n          iconOnly={true}\n          icon={this.icon}\n          onClick={this.actionClick}\n        ></stzh-button>\n      );\n    }\n\n    return (\n      <Host role=\"listitem\">\n        <div class={classes}>\n          {this.direction === \"horizontal\" ?\n            <Fragment>\n              {this.renderLeadingIcon(isButton)}\n              {this.renderInner(isButton)}\n            </Fragment>\n            :\n            <Fragment>\n              {this.renderLeadingIcon(isButton)}\n              <div class=\"stzh-datalist-item__wrapper\">\n                {this.renderInner(isButton)}\n              </div>\n            </Fragment>\n          }\n          <Item\n            role={hasActionButton ? null : \"presentation\"}\n            aria-hidden={hasActionButton ? null : \"true\"}\n            tabindex=\"-1\"\n            class={{\n              \"stzh-datalist-item__action-list\": true,\n              \"is-button\": isButton,\n              \"is-link\": !!this.href\n            }}\n            href={this.href}\n            rel={this.rel}\n            target={this.target}\n            download={this.download}\n          >\n            {this.href &&\n              (this.download ?\n                <div class=\"stzh-datalist-item__action is-non-interactive\">\n                  <stzh-icon class=\"stzh-datalist-item__icon\" name={this.icon ? this.icon : \"download\"}></stzh-icon>\n                </div>\n                :\n                <div class=\"stzh-datalist-item__action is-non-interactive\">\n                  <stzh-icon class=\"stzh-datalist-item__icon\" name={this.icon ? this.icon : (this.external ? \"external-link\" : \"arrow-right\")}></stzh-icon>\n                </div>\n              )\n            }\n\n            {isButton &&\n              <div class=\"stzh-datalist-item__action is-non-interactive\">\n                <stzh-icon class=\"stzh-datalist-item__icon is-closed\" name={this.icon ? this.icon : \"plus\"}></stzh-icon>\n                <stzh-icon class=\"stzh-datalist-item__icon is-open\" name={this.icon ? this.icon : \"minus\"}></stzh-icon>\n              </div>\n            }\n\n            {hasActionButton &&\n              (this.iconTooltip ?\n                <stzh-tooltip content={this.iconTooltip}>\n                  {ActionButton()}\n                </stzh-tooltip>\n                :\n                ActionButton())\n            }\n          </Item>\n        </div>\n\n        <div class=\"stzh-datalist-item__nested\">\n          <div class=\"stzh-datalist-item__nested-inner\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"ouDAAA,IAAMA,EAAkB,m/D,IC8BXC,EAAYC,EAAA,2B,uJAuCfC,KAAAC,OAAkC,GA6C1CD,KAAAE,cAAgB,WACd,GAAIC,EAAM,SAASC,SAAWC,EAAKC,iBAAmB,UAAW,CAC/DD,EAAKE,iBAAmBF,EAAKC,c,MACxB,GAAIH,EAAM,SAASC,SAAWC,EAAKG,iBAAmB,UAAW,CACtEH,EAAKE,iBAAmBF,EAAKG,c,MACxB,GAAIL,EAAM,UAAUC,SAAWC,EAAKI,kBAAoB,UAAW,CACxEJ,EAAKE,iBAAmBF,EAAKI,e,MACxB,GAAIN,EAAM,SAASC,SAAWC,EAAKK,iBAAmB,UAAW,CACtEL,EAAKE,iBAAmBF,EAAKK,c,KACxB,CACLL,EAAKE,iBAAmBF,EAAKM,S,kBA5F+B,W,oBAGiB,a,qBAGC,U,oBAGD,U,oBAGA,U,gBAGlC,M,0BAUU,M,2CAWP,E,CAalDC,EAAAC,UAAAC,kBAAA,SAAkBC,GAChBf,KAAKgB,qBAAqBC,KAAK,CAC7BC,UAAW,gBACXC,MAAOJ,G,EASXH,EAAAC,UAAAO,iBAAA,WACEpB,KAAKE,e,EAIPU,EAAAC,UAAAQ,wBAAA,SAAwBN,GACtBf,KAAKsB,oBAAoBL,KAAK,CAC5BC,UAAW,gBACXC,MAAOJ,G,EAKXH,EAAAC,UAAAU,aAAA,SAAaR,GACX,UAAWA,IAAa,SAAU,CAChCf,KAAKC,OAASuB,KAAKC,MAAMV,E,KACpB,CACLf,KAAKC,OAASc,C,GAkBZH,EAAAC,UAAAa,kBAAN,W,qFACE1B,KAAKuB,aAAavB,KAAK2B,OACvB3B,KAAKc,kBAAkBd,KAAK4B,YAC5B5B,KAAKE,gB,iBAGPU,EAAAC,UAAAgB,kBAAA,WACEC,EAAuB9B,KAAKE,c,EAG9BU,EAAAC,UAAAkB,qBAAA,WACEC,EAA0BhC,KAAKE,c,EAGjCU,EAAAC,UAAAoB,OAAA,W,MACE,IAAMC,GAAOC,EAAA,CACX,gBAAiB,KACjB,mCAAoCnC,KAAK4B,YACzCO,EAAC,4BAAAC,OAA4BpC,KAAKO,qBAAuBP,KAAKO,iB,GAGhE,OACE8B,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOL,GACVG,EAAA,OAAKE,MAAM,sBAAsBC,KAAK,QACnCxC,KAAKC,OAAOwC,KAAI,SAACC,GAChB,OAAAL,EAAA,qBAAAM,OAAAC,OAAA,GAAwBF,GACrBA,EAAKf,OAASe,EAAKf,MAAMkB,OAAS,GACjCR,EAAA,iBAAeV,MAAOe,EAAKf,QAF/B,IAMFU,EAAA,e,kfAlIa,I,UC9BzB,IAAMS,EAAsB,8jYCqB5B,IAAIC,EAAsB,E,IAWbC,EAAgBjD,EAAA,gC,4FAuEnBC,KAAAiD,YAAc,SAACC,GACrB7C,EAAK8C,oBAAoBlC,KAAK,CAC5BC,UAAW,qBACXgC,cAAaA,G,EAITlD,KAAAoD,sBAAwB,SAACC,GAC/BhD,EAAKM,UAAY0C,EAAMC,OAAOnC,K,EAGxBnB,KAAAuD,uBAAyB,SAACF,GAChChD,EAAKuB,WAAayB,EAAMC,OAAOnC,K,6CA9E+B,W,mMA2BxC,G,WAGA,G,UAGD,G,iBAGO,G,gBAG6C,U,gBAG5B,M,sEASlB,K,CAQ7BqC,EAAA3C,UAAA4C,gBAAA,WACEzD,KAAK0D,SAAW1D,KAAK2D,KAAO3D,KAAK2D,IAAIC,SAAS,W,EAqBxCJ,EAAA3C,UAAAgD,YAAA,SAAYC,GAClB,IAAMC,EAAOD,EAAW,SAAY9D,KAAKgE,KAAO,IAAM,MAEtD,OACE3B,EAAC4B,EAAQ,KACP5B,EAAC0B,EAAI,eACU/D,KAAKkE,MAAQ,KAAO,OACjCC,SAAS,KACTC,GAAI,GAAAhC,OAAGpC,KAAKqE,eAAc,UAC1B9B,MAAO,CACL,4BAA6B,KAC7B,YAAauB,EACb,YAAa9D,KAAKgE,MAEpBA,KAAMhE,KAAKgE,KACXL,IAAK3D,KAAK2D,IACVW,OAAQtE,KAAKsE,OACbC,SAAUvE,KAAKuE,UAEdvE,KAAKkE,OAGR7B,EAAC0B,EAAI,CACHK,GAAI,GAAAhC,OAAGpC,KAAKqE,eAAc,UAC1B9B,MAAO,CACL,4BAA6B,KAC7B,YAAauB,EACb,YAAa9D,KAAKgE,MAEpBA,KAAMhE,KAAKgE,KACXL,IAAK3D,KAAK2D,IACVW,OAAQtE,KAAKsE,OACbC,SAAUvE,KAAKuE,SAAQ,kBACNR,IAAS,MAAQ,GAAA3B,OAAGpC,KAAKqE,eAAc,WAAAjC,OAAUpC,KAAKqE,eAAc,WAAAjC,OAAUpC,KAAKqE,eAAc,SAAU,KAAI,gBACjHrE,KAAKwE,aAAY,uBACVxE,KAAKyE,eAAiB,YACvCzE,KAAKyE,aAAe,OAAS,QAAW,MAE5CzE,KAAK0D,UAAYrB,EAAA,OAAKE,MAAM,+BAA+BvC,KAAK0E,aAAaC,SAASC,mBACtF5E,KAAKuE,UAAYlC,EAAA,OAAKE,MAAM,+BAA+BvC,KAAK0E,aAAaC,SAASE,mBACvFxC,EAAA,iBAAeE,MAAM,+BAA+BuC,UAAW9E,KAAKmB,OAClEkB,EAAA,QAAM0C,KAAK,YAIf1C,EAAC0B,EAAI,eACU/D,KAAKgF,aAAehF,KAAKiF,KAAO,KAAO,OACpDd,SAAS,KACTC,GAAI,GAAAhC,OAAGpC,KAAKqE,eAAc,SAC1B9B,MAAO,CACL,2BAA4B,KAC5B,YAAauB,EACb,YAAa9D,KAAKgE,MAEpBA,KAAMhE,KAAKgE,KACXL,IAAK3D,KAAK2D,IACVW,OAAQtE,KAAKsE,OACbC,SAAUvE,KAAKuE,UAEdvE,KAAKgF,aACJ3C,EAAA,eACEE,MAAM,kCACN2B,MAAOlE,KAAKgF,YACZE,KAAMlF,KAAKmF,aAGdnF,KAAKiF,MAAQ5C,EAAA,QAAME,MAAM,iCAAiCvC,KAAKiF,O,EAMhEzB,EAAA3C,UAAAuE,kBAAA,SAAkBtB,GACxB,IAAMC,EAAOD,EAAW,SAAY9D,KAAKgE,KAAO,IAAM,MAEtD,OACE3B,EAAC0B,EAAI,CACHvB,KAAK,eAAc,cACP,OACZ2B,SAAS,KACT5B,MAAO,CACL,8BAA+B,KAC/B,YAAauB,EACb,YAAa9D,KAAKgE,MAEpBA,KAAMhE,KAAKgE,KACXL,IAAK3D,KAAK2D,IACVW,OAAQtE,KAAKsE,OACbC,SAAUvE,KAAKuE,UAEdvE,KAAKqF,aACJhD,EAAA,OAAKE,MAAM,8CACTF,EAAA,aAAWE,MAAM,mCAAmCwC,KAAM/E,KAAKqF,e,EAOnE7B,EAAA3C,UAAAgB,kBAAN,W,qFACE7B,KAAKsF,SAAWtF,KAAKuF,QAAQC,QAAQ,iBAErC,GAAIxF,KAAKsF,SAAU,CACjBtF,KAAKW,UAAYX,KAAKsF,SAAS/E,iBAC/BP,KAAK4B,WAAa5B,KAAKsF,SAAS1D,WAEhC5B,KAAKsF,SAASG,iBAAiB,sBAAuBzF,KAAKoD,uBAC3DpD,KAAKsF,SAASG,iBAAiB,uBAAwBzF,KAAKuD,uB,kBAIhEC,EAAA3C,UAAAkB,qBAAA,WACE,GAAI/B,KAAKsF,SAAU,CACjBtF,KAAKsF,SAASI,oBAAoB,sBAAuB1F,KAAKoD,uBAC9DpD,KAAKsF,SAASI,oBAAoB,uBAAwB1F,KAAKuD,wBAC/DvD,KAAKsF,SAAW,I,GAId9B,EAAA3C,UAAAa,kBAAN,W,kHACE1B,KAAKqE,eAAiB,sBAAAjC,OAAsBW,KAC5C/C,KAAKyD,kB,KAEAzD,KAAK0E,aAAN,YACFvC,EAAAnC,KAAoB,SAAM2F,EAAkB3F,KAAKuF,QAAS,kB,OAA1DpD,EAAKuC,aAAekB,EAAAC,O,mCAIxBrC,EAAA3C,UAAAoB,OAAA,W,MAAA,IAAA5B,EAAAL,KACE,IAAM8D,SAAkB9D,KAAKyE,eAAiB,oBAClCzE,KAAKwE,eAAiB,YAElC,IAAMsB,GAAmB9F,KAAKgE,MAAQhE,KAAK+F,KAE3C,IAAM7D,GAAOC,EAAA,CACX,qBAAsB,KACtB,uCAAwCnC,KAAKgE,MAAQF,EACrD,gCAAiC9D,KAAKgE,KACtC,gCAAiCF,EACjC,kCAAmC9D,KAAKyE,aACxC,wCAAyCzE,KAAK4B,YAC9CO,EAAC,iCAAAC,OAAiCpC,KAAKW,cAAgBX,KAAKW,U,GAG9D,IAAMoD,EAAOD,EAAW,SAAY9D,KAAKgE,KAAO,IAAM,MAEtD,IAAMgC,EAAe,WACnB,OACE3D,EAAA,eACEE,MAAO,CACL,6BAA8B,KAC9B,YAAa,MAEf0D,QAAQ,WACRC,KAAK,OAAM,aACC7F,EAAK8F,WAAc,GAAA/D,OAAG/B,EAAK6D,MAAK,KAAA9B,OAAI/B,EAAKc,OACrDiF,SAAU,KACVL,KAAM1F,EAAK0F,KACXM,QAAShG,EAAK4C,a,EAKpB,OACEZ,EAACC,EAAI,CAACE,KAAK,YACTH,EAAA,OAAKE,MAAOL,GACTlC,KAAKW,YAAc,aAClB0B,EAAC4B,EAAQ,KACNjE,KAAKoF,kBAAkBtB,GACvB9D,KAAK6D,YAAYC,IAGpBzB,EAAC4B,EAAQ,KACNjE,KAAKoF,kBAAkBtB,GACxBzB,EAAA,OAAKE,MAAM,+BACRvC,KAAK6D,YAAYC,KAIxBzB,EAAC0B,EAAI,CACHvB,KAAMsD,EAAkB,KAAO,eAAc,cAChCA,EAAkB,KAAO,OACtC3B,SAAS,KACT5B,MAAO,CACL,kCAAmC,KACnC,YAAauB,EACb,YAAa9D,KAAKgE,MAEpBA,KAAMhE,KAAKgE,KACXL,IAAK3D,KAAK2D,IACVW,OAAQtE,KAAKsE,OACbC,SAAUvE,KAAKuE,UAEdvE,KAAKgE,OACHhE,KAAKuE,SACJlC,EAAA,OAAKE,MAAM,iDACTF,EAAA,aAAWE,MAAM,2BAA2BwC,KAAM/E,KAAK+F,KAAO/F,KAAK+F,KAAO,cAG5E1D,EAAA,OAAKE,MAAM,iDACTF,EAAA,aAAWE,MAAM,2BAA2BwC,KAAM/E,KAAK+F,KAAO/F,KAAK+F,KAAQ/F,KAAK0D,SAAW,gBAAkB,kBAKlHI,GACCzB,EAAA,OAAKE,MAAM,iDACTF,EAAA,aAAWE,MAAM,qCAAqCwC,KAAM/E,KAAK+F,KAAO/F,KAAK+F,KAAO,SACpF1D,EAAA,aAAWE,MAAM,mCAAmCwC,KAAM/E,KAAK+F,KAAO/F,KAAK+F,KAAO,WAIrFD,IACE9F,KAAKsG,YACJjE,EAAA,gBAAckE,QAASvG,KAAKsG,aACzBN,KAGHA,OAKR3D,EAAA,OAAKE,MAAM,8BACTF,EAAA,OAAKE,MAAM,oCACTF,EAAA,e,qPAvTiB,I"}

package/dist/stzh-components/{p-05b9e4c2.system.entry.js → p-a26cd855.system.entry.js}

@@ -1,4 +1,4 @@
-var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function n(){this.constructor=t}t.prototype=i===null?Object.create(i):(n.prototype=i.prototype,new n)}}();var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++){t=arguments[i];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function s(e){try{u(n.next(e))}catch(e){o(e)}}function a(e){try{u(n["throw"](e))}catch(e){o(e)}}function u(e){e.done?i(e.value):r(e.value).then(s,a)}u((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return u([e,t])}}function u(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(n=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(a[0]===6&&i.label<o[1]){i.label=o[1];o=a;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(a);break}if(o[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];r=0}finally{n=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(e,t){var i={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0)i[n]=e[n];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,n=Object.getOwnPropertySymbols(e);r<n.length;r++){if(t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r]))i[n[r]]=e[n[r]]}return i};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,r=t.length,o;n<r;n++){if(o||!(n in t)){if(!o)o=Array.prototype.slice.call(t,0,n);o[n]=t[n]}}return e.concat(o||Array.prototype.slice.call(t))};System.register(["./p-7b184ebb.system.js","./p-d4b7a303.system.js","./p-a408bfba.system.js"],(function(e){"use strict";var t,i,n,r,o,s,a;return{setters:[function(e){t=e.r;i=e.c;n=e.h;r=e.a;o=e.g},function(e){s=e.h},function(e){a=e.f}],execute:function(){var u,l;
+var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function n(){this.constructor=t}t.prototype=i===null?Object.create(i):(n.prototype=i.prototype,new n)}}();var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++){t=arguments[i];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function s(e){try{u(n.next(e))}catch(e){o(e)}}function a(e){try{u(n["throw"](e))}catch(e){o(e)}}function u(e){e.done?i(e.value):r(e.value).then(s,a)}u((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return u([e,t])}}function u(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(n=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(a[0]===6&&i.label<o[1]){i.label=o[1];o=a;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(a);break}if(o[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];r=0}finally{n=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(e,t){var i={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0)i[n]=e[n];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,n=Object.getOwnPropertySymbols(e);r<n.length;r++){if(t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r]))i[n[r]]=e[n[r]]}return i};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,r=t.length,o;n<r;n++){if(o||!(n in t)){if(!o)o=Array.prototype.slice.call(t,0,n);o[n]=t[n]}}return e.concat(o||Array.prototype.slice.call(t))};System.register(["./p-7b184ebb.system.js","./p-22a2f4c1.system.js","./p-a408bfba.system.js"],(function(e){"use strict";var t,i,n,r,o,s,a;return{setters:[function(e){t=e.r;i=e.c;n=e.h;r=e.a;o=e.g},function(e){s=e.h},function(e){a=e.f}],execute:function(){var u,l;
 /**
        * @license
        * Copyright 2017 Google LLC
@@ -29,4 +29,4 @@ var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setP
        * Copyright 2017 Google LLC
        * SPDX-License-Identifier: BSD-3-Clause
        */function di(e){return li(__assign(__assign({},e),{state:!0}))}var ci=Symbol("@vidstack/media-provider-discovery");var hi=function(e){__extends(t,e);function t(){var t=e.call(this)||this;t._disconnectDisposal=new Z;t._logger=void 0;t.loading="visible";t._attemptingAutoplay=false;t.controllerQueue=new Ye;t._store=Mt();t._state=ut(t._store);t.connectedQueue=Xe(t);t.mediaQueue=new Ye;t.screenOrientationController=new Je(t);t.fullscreenController=new He(t,t.screenOrientationController);ke(t,"vds-media-provider-connect",{register:ci});var i=Ke(t,{target:t,threshold:0},(function(e){var n;if(!/(visible|lazy)/.test(t.loading)){i.hostDisconnected();return}if((n=e[0])===null||n===void 0?void 0:n.isIntersecting){t.startLoadingMedia();i.hostDisconnected()}}));return t}t.prototype.connectedCallback=function(){var t=this;e.prototype.connectedCallback.call(this);this._logMediaEvents();window.requestAnimationFrame((function(){if(fe(t.canLoadPoster)){t.canLoadPoster=true}}))};t.prototype.firstUpdated=function(t){var i=this;e.prototype.firstUpdated.call(this,t);this.dispatchEvent(ie("vds-fullscreen-support-change",{detail:this.canFullscreen}));if(this.canLoad||this.loading==="eager"){window===null||window===void 0?void 0:window.requestAnimationFrame((function(){i.startLoadingMedia()}))}else if(this.loading==="idle"){_t((function(){i.startLoadingMedia()}))}};t.prototype.render=function(){return O(__makeTemplateObject(['<slot @slotchange="','"></slot>'],['<slot @slotchange="','"></slot>']),this.handleDefaultSlotChange)};t.prototype.disconnectedCallback=function(){var t=this;this._updateMediaStoreOnDisconnect(this._store);this.mediaQueue.destroy();this._disconnectDisposal.empty();e.prototype.disconnectedCallback.call(this);dt((function(){dt((function(){if(!t.isConnected)t.destroy()}))}))};t.prototype._updateMediaStoreOnDisconnect=function(e){e.paused.set(true);e.playing.set(false);e.seeking.set(false);e.waiting.set(false);e.fullscreen.set(false)};t.prototype.destroy=function(){if(this.isConnected)this.disconnectedCallback();this.dispatchEvent(ie("vds-destroy"))};t.prototype._logMediaEvents=function(){};Object.defineProperty(t.prototype,"volume",{get:function(){return this._getVolume()},set:function(e){var t=this;this.mediaQueue.queue("volume",(function(){var i=t.volume;var n=Ue(0,e,1);if(i!==n){t._setVolume(n);t.requestUpdate("volume",i)}}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"paused",{get:function(){return this._getPaused()},set:function(e){var t=this;this.mediaQueue.queue("paused",(function(){var i;if(t.paused===e)return;try{if(!e){t.play()}else{t.pause()}t.requestUpdate("paused",!e)}catch(e){(i=t._logger)===null||i===void 0?void 0:i.error("paused-change-fail",e)}}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"currentTime",{get:function(){return this._getCurrentTime()},set:function(e){var t=this;this.mediaQueue.queue("current-time",(function(){var i=t.currentTime;if(i!==e){t._setCurrentTime(e);t.requestUpdate("currentTime",i)}}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"muted",{get:function(){return this._getMuted()},set:function(e){var t=this;this.mediaQueue.queue("muted",(function(){var i=t.muted;if(i!==e){t._setMuted(e);t.requestUpdate("muted",i)}}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"poster",{get:function(){return this.state.poster},set:function(e){var t=this.poster;if(t!==e){this.dispatchEvent(ie("vds-poster-change",{detail:e}));this.requestUpdate("poster",t)}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"loop",{get:function(){return this.state.loop},set:function(e){var t=this.loop;if(t!==e){this.dispatchEvent(ie("vds-loop-change",{detail:e}));this.requestUpdate("loop",t)}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"controls",{get:function(){return this.state.controls},set:function(e){var t=this.controls;if(t!==e){this.dispatchEvent(ie("vds-controls-change",{detail:e}));this.requestUpdate("controls",t)}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"canLoad",{get:function(){return this.state.canLoad},enumerable:false,configurable:true});t.prototype.startLoadingMedia=function(){if(this.state.canPlay)return;this.dispatchEvent(ie("vds-can-load"))};t.prototype._throwIfNotReadyForPlayback=function(){if(!this.state.canPlay){throw Error("Media is not ready - wait for `vds-can-play` event.")}};t.prototype._resetPlaybackIfEnded=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.state.ended||this.state.currentTime===0)return[2];return[2,this._setCurrentTime(0)]}))}))};t.prototype._throwIfNotVideoView=function(){if(this.state.viewType!=="video"){throw Error("Player is currently not in a video view.")}};t.prototype._handleMediaReady=function(e){var t=e.event,i=e.duration;return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(this.state.canPlay)return[2];this.dispatchEvent(ie("vds-can-play",{triggerEvent:t,detail:{duration:i}}));this.mediaQueue.start();return[4,this._attemptAutoplay()];case 1:e.sent();return[2]}}))}))};t.prototype._handleCurrentSrcChange=function(e,t){if(this.state.currentSrc===e)return;this.mediaQueue.stop();this.dispatchEvent(ie("vds-current-src-change",{detail:e,triggerEvent:t}))};Object.defineProperty(t.prototype,"autoplay",{get:function(){return this.state.autoplay},set:function(e){if(this.autoplay!==e){this.dispatchEvent(ie("vds-autoplay-change",{detail:e}));this.requestUpdate("autoplay",!e)}this._attemptAutoplay()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"_canAttemptAutoplay",{get:function(){return this.state.canPlay&&this.state.autoplay&&!this.state.started},enumerable:false,configurable:true});t.prototype._attemptAutoplay=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!this._canAttemptAutoplay)return[2];this._attemptingAutoplay=true;t.label=1;case 1:t.trys.push([1,3,,4]);return[4,this.play()];case 2:t.sent();this.dispatchEvent(ie("vds-autoplay",{detail:{muted:this.muted}}));return[3,4];case 3:e=t.sent();this.dispatchEvent(ie("vds-autoplay-fail",{detail:{muted:this.muted,error:e}}));this.requestUpdate();return[3,4];case 4:this._attemptingAutoplay=false;return[2]}}))}))};Object.defineProperty(t.prototype,"controller",{get:function(){return this._controller},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"logLevel",{get:function(){var e,t;return(t=(e=this._controller)===null||e===void 0?void 0:e.logLevel)!==null&&t!==void 0?t:"silent"},set:function(e){},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"idleDelay",{get:function(){var e,t;return(t=(e=this._controller)===null||e===void 0?void 0:e.idleDelay)!==null&&t!==void 0?t:0},set:function(e){var t=this;this.controllerQueue.queue("idle-delay",(function(){t._controller.idleDelay=e}))},enumerable:false,configurable:true});t.prototype.attachMediaController=function(e,t){var i=this;this._controller=e;this._store=e._store;this._state=e.state;this.controllerQueue.start();t((function(){i.controllerQueue.destroy();i._store=Mt();i._state=ut(i._store);if(i._controller){at(i._controller._store,i._store);i._updateMediaStoreOnDisconnect(i._controller._store)}i._controller=void 0}))};t.prototype.dispatchEvent=function(t){var i=this;if(!this._controller&&t.type.startsWith("vds-")&&t.type!=="vds-destroy"){this.controllerQueue.queue(t.type,(function(){e.prototype.dispatchEvent.call(i,t)}));return false}return e.prototype.dispatchEvent.call(this,t)};t.prototype.store=function(){return this._store};Object.defineProperty(t.prototype,"state",{get:function(){return this._state},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"canFullscreen",{get:function(){return this.fullscreenController.isSupported},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"fullscreen",{get:function(){return this.fullscreenController.isFullscreen},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"fullscreenOrientation",{get:function(){return this.fullscreenController.screenOrientationLock},set:function(e){var t=this.fullscreenController.screenOrientationLock;if(t!==e){this.fullscreenController.screenOrientationLock=e;this.requestUpdate("fullscreen-orientation",t)}},enumerable:false,configurable:true});t.prototype.enterFullscreen=function(){return this.fullscreenController.enterFullscreen()};t.prototype.exitFullscreen=function(){return this.fullscreenController.exitFullscreen()};return t}(si);Ft([li({type:Number})],hi.prototype,"volume",1);Ft([li({type:Boolean})],hi.prototype,"paused",1);Ft([li({type:Number})],hi.prototype,"currentTime",1);Ft([li({type:Boolean})],hi.prototype,"muted",1);Ft([li()],hi.prototype,"poster",1);Ft([li({type:Boolean})],hi.prototype,"loop",1);Ft([li({type:Boolean})],hi.prototype,"controls",1);Ft([di()],hi.prototype,"canLoadPoster",2);Ft([li({attribute:"loading"})],hi.prototype,"loading",2);Ft([li({type:Boolean})],hi.prototype,"autoplay",1);Ft([li({attribute:"log-level"})],hi.prototype,"logLevel",1);Ft([li({attribute:"idle-delay",type:Number})],hi.prototype,"idleDelay",1);Ft([li({attribute:"fullscreen-orientation"})],hi.prototype,"fullscreenOrientation",1);var pi=function(){function e(e,t){this._host=e;this._mediaStore=t;this._idle=false;this._mediaPaused=false;this._idlingPaused=false;this._disposal=new Z;this.delay=2e3;e.addController(this)}Object.defineProperty(e.prototype,"paused",{get:function(){return this._idlingPaused||this._mediaPaused},set:function(e){this._idlingPaused=e;this._handleIdleChange()},enumerable:false,configurable:true});e.prototype.hostConnected=function(){var e=this;this._disposal.add(this._mediaStore.paused.subscribe((function(t){e._mediaPaused=t;e._handleIdleChange()})));var t=["pointerdown","pointermove","focus","keydown"];t.forEach((function(t){var i=J(e._host,t,e._handleIdleChange.bind(e));e._disposal.add(i)}))};e.prototype.hostDisconnected=function(){this._disposal.empty();this._stopIdleTimer()};e.prototype._handleIdleChange=function(){if(this.paused){this._stopIdleTimer()}else{this._startIdleTimer()}};e.prototype._startIdleTimer=function(){var e=this;this._stopIdleTimer();this._idleTimeout=window.setTimeout((function(){e._dispatchIdleChange(!e.paused)}),this.delay)};e.prototype._stopIdleTimer=function(){window.clearTimeout(this._idleTimeout);this._dispatchIdleChange(false)};e.prototype._dispatchIdleChange=function(e){if(this._idle!==e){this._host.dispatchEvent(ie("vds-user-idle-change",{detail:e}));this._idle=e}};return e}();var fi=function(){function e(e){var t=this;this._host=e;this._disconnectDisposal=new Z;this.providerQueue=new Ye;this.providerDisposal=new Z;this._logController=void 0;this._logger=void 0;this._providerContext=kt.provide(this._host);this._mediaStoreProvider=$t.provide(this._host);this.state=ut(this._store);this._userIdleController=new pi(this._host,this._store);this._handleIdleChange=ee(this._host,"vds-user-idle-change",(function(e){t._store.userIdle.set(e.detail);t._satisfyMediaRequest("userIdle",e)}));this._pendingMediaRequests={loading:[],play:[],pause:[],volume:[],fullscreen:[],seeked:[],seeking:[],userIdle:[]};this._handleStartLoadingRequest=ee(this._host,"vds-start-loading",this._createMediaRequestHandler("loading",(function(e){if(t.state.canLoad)return;t._pendingMediaRequests.loading.push(e);t._provider.startLoadingMedia()})));this._handleMuteRequest=ee(this._host,"vds-mute-request",this._createMediaRequestHandler("muted",(function(e){if(t.state.muted)return;t._pendingMediaRequests.volume.push(e);t.provider.muted=true})));this._handleUnmuteRequest=ee(this._host,"vds-unmute-request",this._createMediaRequestHandler("muted",(function(e){if(!t.state.muted)return;t._pendingMediaRequests.volume.push(e);t.provider.muted=false;if(t.state.volume===0){t._pendingMediaRequests.volume.push(e);t.provider.volume=.25}})));this._handlePlayRequest=ee(this._host,"vds-play-request",this._createMediaRequestHandler("paused",(function(e){if(!t.state.paused)return;t._pendingMediaRequests.play.push(e);t.provider.paused=false})));this._handlePauseRequest=ee(this._host,"vds-pause-request",this._createMediaRequestHandler("paused",(function(e){if(t.state.paused)return;t._pendingMediaRequests.pause.push(e);t.provider.paused=true})));this._isSeekingRequestPending=false;this._handleSeekingRequest=ee(this._host,"vds-seeking-request",this._createMediaRequestHandler("seeking",(function(e){t._stopWaiting();t._pendingMediaRequests.seeking.push(e);t._isSeekingRequestPending=true;t._store.seeking.set(true)})));this._handleSeekRequest=ee(this._host,"vds-seek-request",this._createMediaRequestHandler("seeking",(function(e){if(t.store.ended){t._isReplay=true}t._pendingMediaRequests.seeked.push(e);t._isSeekingRequestPending=false;var i=e.detail;if(t.state.duration-e.detail<.25){i=t.state.duration}t.provider.currentTime=i})));this._handleVolumeChangeRequest=ee(this._host,"vds-volume-change-request",this._createMediaRequestHandler("volume",(function(e){var i=e.detail;if(t.state.volume===i)return;t._pendingMediaRequests.volume.push(e);t.provider.volume=i;if(i>0&&t.state.muted){t._pendingMediaRequests.volume.push(e);t.provider.muted=false}})));this._handleEnterFullscreenRequest=ee(this._host,"vds-enter-fullscreen-request",this._createMediaRequestHandler("fullscreen",(function(e){return __awaiter(t,void 0,void 0,(function(){var t;var i,n,r;return __generator(this,(function(o){switch(o.label){case 0:if(this.state.fullscreen)return[2];t=(i=e.detail)!==null&&i!==void 0?i:"media";if(!(t==="media"&&this._host.canFullscreen))return[3,2];this._pendingMediaRequests.fullscreen.push(e);return[4,(r=(n=this._host).enterFullscreen)===null||r===void 0?void 0:r.call(n)];case 1:o.sent();return[3,4];case 2:if(!this.provider)return[3,4];this._pendingMediaRequests.fullscreen.push(e);return[4,this.provider.enterFullscreen()];case 3:o.sent();o.label=4;case 4:return[2]}}))}))})));this._handleExitFullscreenRequest=ee(this._host,"vds-exit-fullscreen-request",this._createMediaRequestHandler("fullscreen",(function(e){return __awaiter(t,void 0,void 0,(function(){var t;var i,n,r;return __generator(this,(function(o){switch(o.label){case 0:if(!this.state.fullscreen)return[2];t=(i=e.detail)!==null&&i!==void 0?i:"media";if(!(t==="media"&&this._host.canFullscreen))return[3,2];this._pendingMediaRequests.fullscreen.push(e);return[4,(r=(n=this._host).exitFullscreen)===null||r===void 0?void 0:r.call(n)];case 1:o.sent();return[3,4];case 2:if(!this.provider)return[3,4];this._pendingMediaRequests.fullscreen.push(e);return[4,this.provider.exitFullscreen()];case 3:o.sent();o.label=4;case 4:return[2]}}))}))})));this._handleResumeIdlingRequest=ee(this._host,"vds-resume-user-idle-request",(function(e){if(!t._mediaRequestEventGateway(e))return;t._pendingMediaRequests.userIdle.push(e);t._userIdleController.paused=false}));this._handlePauseIdlingRequest=ee(this._host,"vds-pause-user-idle-request",(function(e){if(!t._mediaRequestEventGateway(e))return;t._pendingMediaRequests.userIdle.push(e);t._userIdleController.paused=true}));this._handleShowPosterRequest=ee(this._host,"vds-show-poster-request",this._createMediaRequestHandler("poster",(function(){t._provider.canLoadPoster=true})));this._handleHidePosterRequest=ee(this._host,"vds-hide-poster-request",this._createMediaRequestHandler("poster",(function(){t._provider.canLoadPoster=false})));this._handleLoopRequest=this._createMediaRequestHandler("loop",(function(){window.requestAnimationFrame((function(){return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:t.trys.push([0,2,,3]);this._isLooping=true;this._isReplay=true;return[4,this._provider.play()];case 1:t.sent();return[3,3];case 2:e=t.sent();this._isReplay=false;this._isLooping=false;return[3,3];case 3:return[2]}}))}))}))}));this._handleFullscreenChange=ee(this._host,"vds-fullscreen-change",(function(e){var i;t._store.fullscreen.set(e.detail);if(e.target!==t._host)return;t._satisfyMediaRequest("fullscreen",e);(i=t._provider)===null||i===void 0?void 0:i.dispatchEvent(ie("vds-fullscreen-change",{detail:e.detail,triggerEvent:e}))}));this._handleFullscreenError=ee(this._host,"vds-fullscreen-error",(function(e){var i;if(e.target!==t._host)return;t._satisfyMediaRequest("fullscreen",e);(i=t._provider)===null||i===void 0?void 0:i.dispatchEvent(ie("vds-fullscreen-error",{detail:e.detail,triggerEvent:e}))}));this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._mediaEvents=[];this._handleSeeking=Y((function(e){t._mediaEvents.push(e);t._store.seeking.set(true);t._store.currentTime.set(e.detail);t._satisfyMediaRequest("seeking",e)}),150,{leading:true});this._fireWaiting=K((function(){var e;if(!t._originalWaitingEvent)return;t._firingWaiting=true;var i=ie("vds-waiting",t._originalWaitingEvent);t._mediaEvents.push(i);t._store.waiting.set(true);t._store.playing.set(false);(e=t._provider)===null||e===void 0?void 0:e.dispatchEvent(i);t._originalWaitingEvent=void 0;t._firingWaiting=false}),300);this._skipInitialSrcChange=true;Pe(e,ci,(function(e,i){t.attachMediaProvider(e,i)}));e.addController({hostConnected:function(){if(!t.state.canPlay){t._host.setAttribute("aria-busy","true")}},hostDisconnected:function(){t._clearMediaStateTracking();t._clearPendingMediaRequests();t.providerQueue.destroy();t.providerDisposal.empty();t._skipInitialSrcChange=true;t._disconnectDisposal.empty()}})}Object.defineProperty(e.prototype,"logLevel",{get:function(){var e,t;return(t=(e=this._logController)===null||e===void 0?void 0:e.logLevel)!==null&&t!==void 0?t:"silent"},set:function(e){},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"provider",{get:function(){return this._provider},enumerable:false,configurable:true});e.prototype.attachMediaProvider=function(e,t){var i=this;if(!ve(this.provider)||this.provider===e)return;this._handleMediaProviderDisconnect();this._provider=e;this._providerContext.value.set(e);at(this._provider._store,this._store);this._attachMediaEventListeners();e.attachMediaController(this,(function(e){return i._disconnectDisposal.add(e)}));this._flushMediaProviderConnectedQueue();t(this._handleMediaProviderDisconnect.bind(this))};e.prototype._handleMediaProviderDisconnect=function(){if(ve(this.provider))return;this._stopWaiting();this.providerQueue.destroy();this.providerDisposal.empty();this._provider=void 0;this._providerContext.value.set(void 0);Rt(this._store);this._store.viewType.set("unknown")};e.prototype._flushMediaProviderConnectedQueue=function(){var e=this;this.providerQueue.start();this.providerDisposal.add((function(){e.providerQueue.stop()}))};Object.defineProperty(e.prototype,"store",{get:function(){return this._mediaStoreProvider.value},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"_store",{get:function(){return this._mediaStoreProvider.value},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"idleDelay",{get:function(){return this._userIdleController.delay},set:function(e){this._userIdleController.delay=e},enumerable:false,configurable:true});e.prototype._clearPendingMediaRequests=function(){var e=this;Ze(this._pendingMediaRequests).forEach((function(t){e._pendingMediaRequests[t]=[]}))};e.prototype._satisfyMediaRequest=function(e,t){var i=this._pendingMediaRequests[e].shift();if(i){t.requestEvent=i;re(t,i)}};e.prototype._mediaRequestEventGateway=function(e){e.stopPropagation();return true};e.prototype._createMediaRequestHandler=function(e,t){var i=this;return function(n){if(!i._mediaRequestEventGateway(n))return;if(i._provider){t(n);return}i.providerQueue.queue(e,(function(){t(n)}))}};e.prototype._attachMediaEventListeners=function(){if(!this._provider)return;var e={"vds-can-load":this._handleCanLoad,"vds-load-start":this._handleLoadStart,"vds-loaded-data":this._handleLoadedData,"vds-loaded-metadata":this._handleLoadedMetadata,"vds-can-play":this._handleCanPlay,"vds-can-play-through":this._handleCanPlayThrough,"vds-current-src-change":this._handleCurrentSrcChange,"vds-autoplay":this._handleAutoplay,"vds-autoplay-fail":this._handleAutoplayFail,"vds-loop-request":this._handleLoopRequest,"vds-play":this._handlePlay,"vds-play-fail":this._handlePlayFail,"vds-playing":this._handlePlaying,"vds-pause":this._handlePause,"vds-time-update":this._handleTimeUpdate,"vds-volume-change":this._handleVolumeChange,"vds-seeking":this._handleSeeking,"vds-seeked":this._handleSeeked,"vds-waiting":this._handleWaiting,"vds-ended":this._handleEnded,"vds-autoplay-change":this._handleAutoplayChange,"vds-error":this._handleError,"vds-fullscreen-support-change":this._handleFullscreenSupportChange,"vds-poster-change":this._handlePosterChange,"vds-loop-change":this._handleLoopChange,"vds-playsinline-change":this._handlePlaysinlineChange,"vds-controls-change":this._handleControlsChange,"vds-media-type-change":this._handleMediaTypeChange,"vds-view-type-change":this._handleViewTypeChange,"vds-duration-change":this._handleDurationChange,"vds-progress":this._handleProgress,"vds-src-change":this._handleSrcChange};for(var t=0,i=Ze(e);t<i.length;t++){var n=i[t];var r=e[n].bind(this);this.providerDisposal.add(J(this._provider,n,r))}};e.prototype._clearMediaStateTracking=function(){this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._originalWaitingEvent=void 0;this._mediaEvents=[]};e.prototype._findLastMediaEvent=function(e){return this._mediaEvents[this._mediaEvents.map((function(e){return e.type})).lastIndexOf(e)]};e.prototype._handleCanLoad=function(e){this._store.canLoad.set(true);this._mediaEvents.push(e);this._satisfyMediaRequest("loading",e)};e.prototype._updateMetadata=function(e){this._store.currentSrc.set(e.currentSrc);this._store.mediaType.set(e.mediaType);this._store.viewType.set(e.viewType)};e.prototype._handleLoadStart=function(e){this._updateMetadata(e.detail);this._mediaEvents.push(e);re(e,this._findLastMediaEvent("vds-src-change"));re(e,this._findLastMediaEvent("vds-can-load"))};e.prototype._handleLoadedData=function(e){this._mediaEvents.push(e);re(e,this._findLastMediaEvent("vds-load-start"))};e.prototype._handleLoadedMetadata=function(e){this._updateMetadata(e.detail);this._mediaEvents.push(e);re(e,this._findLastMediaEvent("vds-load-start"))};e.prototype._handleCanPlay=function(e){var t;this._mediaEvents.push(e);if(((t=e.triggerEvent)===null||t===void 0?void 0:t.type)!=="loadedmetadata"){re(e,this._findLastMediaEvent("vds-loaded-metadata"))}this._store.canPlay.set(true);this._store.duration.set(e.detail.duration);this._host.setAttribute("aria-busy","false")};e.prototype._handleCanPlayThrough=function(e){this._store.canPlay.set(true);this._store.duration.set(e.detail.duration);re(e,this._findLastMediaEvent("vds-can-play"))};e.prototype._handleAutoplay=function(e){this._mediaEvents.push(e);re(e,this._findLastMediaEvent("vds-play"));re(e,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(void 0)};e.prototype._handleAutoplayFail=function(e){re(e,this._findLastMediaEvent("vds-play-fail"));re(e,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(e.detail);this._clearMediaStateTracking()};e.prototype._handlePlay=function(e){var t;if(this._isLooping||!this.state.paused){e.stopImmediatePropagation();return}this._mediaEvents.push(e);re(e,this._findLastMediaEvent("vds-waiting"));this._satisfyMediaRequest("play",e);this._store.paused.set(false);this._store.autoplayError.set(void 0);if(this.state.ended||this._isReplay){this._isReplay=false;this._store.ended.set(false);var i=ie("vds-replay",{triggerEvent:e});(t=this._provider)===null||t===void 0?void 0:t.dispatchEvent(i)}};e.prototype._handlePlayFail=function(e){this._mediaEvents.push(e);this._stopWaiting();re(e,this._findLastMediaEvent("vds-play"));this._store.paused.set(true);this._store.playing.set(false);this._satisfyMediaRequest("play",e);this._clearMediaStateTracking()};e.prototype._handlePlaying=function(e){var t;this._mediaEvents.push(e);var i=this._findLastMediaEvent("vds-play");if(i){re(e,this._findLastMediaEvent("vds-waiting"));re(e,i)}else{re(e,this._findLastMediaEvent("vds-seeked"))}this._stopWaiting();this._clearMediaStateTracking();this._store.paused.set(false);this._store.playing.set(true);this._store.seeking.set(false);this._store.ended.set(false);if(this._isLooping){e.stopImmediatePropagation();this._isLooping=false;return}if(!this.state.started){this._store.started.set(true);(t=this._provider)===null||t===void 0?void 0:t.dispatchEvent(ie("vds-started",{triggerEvent:e}))}};e.prototype._handlePause=function(e){if(this._isLooping){e.stopImmediatePropagation();return}re(e,this._findLastMediaEvent("vds-seeked"));this._satisfyMediaRequest("pause",e);this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._stopWaiting();this._clearMediaStateTracking()};e.prototype._handleTimeUpdate=function(e){var t=e.detail,i=t.currentTime,n=t.played;this._store.currentTime.set(i);this._store.played.set(n);this._store.waiting.set(false)};e.prototype._handleVolumeChange=function(e){this._store.volume.set(e.detail.volume);this._store.muted.set(e.detail.muted||e.detail.volume===0);this._satisfyMediaRequest("volume",e)};e.prototype._handleSeeked=function(e){if(this._isSeekingRequestPending){this._store.seeking.set(true);e.stopImmediatePropagation()}else if(this.state.seeking){this._mediaEvents.push(e);re(e,this._findLastMediaEvent("vds-waiting"));re(e,this._findLastMediaEvent("vds-seeking"));if(this.state.paused){this._stopWaiting()}this._store.seeking.set(false);if(e.detail!==this.state.duration){this._store.ended.set(false)}this._store.currentTime.set(e.detail);this._satisfyMediaRequest("seeked",e)}};e.prototype._stopWaiting=function(){this._fireWaiting.cancel();this._store.waiting.set(false)};e.prototype._handleWaiting=function(e){if(this._firingWaiting)return;e.stopImmediatePropagation();this._originalWaitingEvent=e;this._fireWaiting()};e.prototype._handleEnded=function(e){if(this._isLooping){e.stopImmediatePropagation();return}this._stopWaiting();this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._store.ended.set(true);this._clearMediaStateTracking()};e.prototype._handleAutoplayChange=function(e){this._store.autoplay.set(e.detail)};e.prototype._handleCurrentSrcChange=function(e){this._store.currentSrc.set(e.detail);if(this._skipInitialSrcChange){this._skipInitialSrcChange=false;return}this._clearMediaStateTracking();Tt(this._store);this._host.setAttribute("aria-busy","true")};e.prototype._handleError=function(e){this._store.error.set(e.detail)};e.prototype._handleFullscreenSupportChange=function(e){this._store.canFullscreen.set(e.detail)};e.prototype._handlePosterChange=function(e){this._store.poster.set(e.detail)};e.prototype._handleLoopChange=function(e){this._store.loop.set(e.detail)};e.prototype._handlePlaysinlineChange=function(e){this._store.playsinline.set(e.detail)};e.prototype._handleControlsChange=function(e){this._store.controls.set(e.detail)};e.prototype._handleMediaTypeChange=function(e){this._store.mediaType.set(e.detail)};e.prototype._handleDurationChange=function(e){var t=e.detail;this._store.duration.set(!isNaN(t)?t:0)};e.prototype._handleProgress=function(e){var t=e.detail,i=t.buffered,n=t.seekable;var r=i.length===0?0:i.end(i.length-1);var o=n.length===0?0:n.end(n.length-1);this._store.buffered.set(i);this._store.bufferedAmount.set(r);this._store.seekable.set(n);this._store.seekableAmount.set(o)};e.prototype._handleSrcChange=function(e){this._store.src.set(e.detail)};e.prototype._handleViewTypeChange=function(e){this._store.viewType.set(e.detail)};return e}();var vi=function(){function e(e,t,i){this._host=e;this._store=t;this._mediaProps=i;this._disposal=new Z;this._host.addController({hostConnected:this._hostConnected.bind(this),hostDisconnected:this._hostDisconnected.bind(this)})}e.prototype._hostConnected=function(){var e=this;_t((function(){var t=function(t){var i=e._store[t];if(i){var n=e._getMediaAttrName(t);var r=i.subscribe((function(i){window===null||window===void 0?void 0:window.requestAnimationFrame((function(){e._handleValueChange(t,n,i)}))}));e._disposal.add(r)}};for(var i=0,n=e._mediaProps;i<n.length;i++){var r=n[i];t(r)}}))};e.prototype._hostDisconnected=function(){for(var e=0,t=this._mediaProps;e<t.length;e++){var i=t[e];this._handleDisconnect(i,this._getMediaAttrName(i))}this._disposal.empty()};e.prototype._getMediaAttrName=function(e){return mt(e)};return e}();var _i=function(e){__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}t.prototype._handleValueChange=function(e,t,i){var n=this;window.requestAnimationFrame((function(){ht(n._host,t,ge(i)||_e(i)?String(i):!!i)}))};t.prototype._handleDisconnect=function(e,t){this._host.removeAttribute(t)};return t}(vi);function gi(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}return new(_i.bind.apply(_i,__spreadArray([void 0],e,false)))}var yi=function(e){__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}t.prototype._handleValueChange=function(e,t,i){var n=this;window.requestAnimationFrame((function(){n._host.style.setProperty(n._getCssPropName(t),ge(i)||_e(i)?String(i):null)}))};t.prototype._getCssPropName=function(e){return"--vds-".concat(e)};t.prototype._handleDisconnect=function(e,t){this._host.style.setProperty(this._getCssPropName(t),null)};return t}(vi);function mi(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}return new(yi.bind.apply(yi,__spreadArray([void 0],e,false)))}var bi=Symbol("@vidstack/media-discovery");var wi=function(e){__extends(t,e);function t(){var t=e.call(this)||this;t.controller=new fi(t);t.__mediaFullscreen=false;t.__mediaIsVideoView=false;t.__mediaPlaysinline=false;t.screenOrientationController=new Je(t);t.fullscreenController=new He(t,t.screenOrientationController);ke(t,"vds-media-connect",{register:bi});Dt(t,"fullscreen",(function(e){t.__mediaFullscreen=e}));Dt(t,"viewType",(function(e){t.__mediaIsVideoView=e==="video"}));Dt(t,"playsinline",(function(e){t.__mediaPlaysinline=e}));t._bindMediaAttributes();t._bindMediaCSSProperties();return t}Object.defineProperty(t,"styles",{get:function(){return[Bt(__makeTemplateObject([":host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}"],[":host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}"]))]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"provider",{get:function(){return this.controller.provider},enumerable:false,configurable:true});t.prototype.update=function(t){ht(this,"hide-ui",this._shouldHideMediaUI());e.prototype.update.call(this,t)};t.prototype.render=function(){return O(__makeTemplateObject(["<slot></slot>"],["<slot></slot>"]))};Object.defineProperty(t.prototype,"canFullscreen",{get:function(){return this.fullscreenController.isSupported},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"fullscreen",{get:function(){return this.fullscreenController.isFullscreen},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"fullscreenOrientation",{get:function(){return this.fullscreenController.screenOrientationLock},set:function(e){var t=this.fullscreenController.screenOrientationLock;if(t!==e){this.fullscreenController.screenOrientationLock=e;this.requestUpdate("fullscreen-orientation",t)}},enumerable:false,configurable:true});t.prototype.enterFullscreen=function(){return this.fullscreenController.enterFullscreen()};t.prototype.exitFullscreen=function(){return this.fullscreenController.exitFullscreen()};t.prototype._bindMediaAttributes=function(){gi(this,this.controller.store,["autoplay","autoplayError","canLoad","canPlay","canFullscreen","ended","error","fullscreen","userIdle","loop","mediaType","muted","paused","playing","playsinline","seeking","started","viewType","waiting"])};t.prototype._bindMediaCSSProperties=function(){mi(this,this.controller.store,["bufferedAmount","currentTime","duration","seekableAmount"])};t.prototype._shouldHideMediaUI=function(){return Ae&&this.__mediaIsVideoView&&(!this.__mediaPlaysinline||this.__mediaFullscreen)};return t}(si);Ft([di()],wi.prototype,"__mediaFullscreen",2);Ft([di()],wi.prototype,"__mediaIsVideoView",2);Ft([di()],wi.prototype,"__mediaPlaysinline",2);Ft([li({attribute:"fullscreen-orientation"})],wi.prototype,"fullscreenOrientation",1);ct("vds-media",wi);var Ei=/\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;var Ci=/\.(mp4|og[gv]|webm|mov|m4v|avi)($|\?)/i;function Pi(e){if(Ei.test(e))return"audio";if(Ci.test(e))return"video";return"unknown"}var ki=function(e){__extends(t,e);function t(){var t=e.apply(this,arguments)||this;t.preload="metadata";t._timeRAF=void 0;t._hasMediaElementConnected=false;t._mediaElementDisposal=new Z;t._isMediaWaiting=false;t._ignoreNextAbortEvent=false;t._ignoreNextEmptiedEvent=false;return t}Object.defineProperty(t.prototype,"mediaElement",{get:function(){return this._mediaElement},enumerable:false,configurable:true});t.prototype.disconnectedCallback=function(){this._isMediaWaiting=false;e.prototype.disconnectedCallback.call(this);this._cancelTimeUpdates()};t.prototype.destroy=function(){if(this.mediaElement){this.mediaElement.pause();this.mediaElement.src="";this.mediaElement.innerHTML="";this.mediaElement.load()}e.prototype.destroy.call(this)};t.prototype._cancelTimeUpdates=function(){if(_e(this._timeRAF))window.cancelAnimationFrame(this._timeRAF);this._timeRAF=void 0};t.prototype._requestTimeUpdates=function(){if(!fe(this._timeRAF))return;this._requestTimeUpdate()};t.prototype._requestTimeUpdate=function(){var e=this;var t,i;var n=(i=(t=this.mediaElement)===null||t===void 0?void 0:t.currentTime)!==null&&i!==void 0?i:0;if(this.state.currentTime!==n){this._updateCurrentTime(n)}this._timeRAF=window.requestAnimationFrame((function(){if(fe(e._timeRAF))return;e._requestTimeUpdate()}))};t.prototype._updateCurrentTime=function(e,t){var i,n;this.dispatchEvent(ie("vds-time-update",{detail:{currentTime:Math.min(e,(n=(i=this.mediaElement)===null||i===void 0?void 0:i.duration)!==null&&n!==void 0?n:0),played:this.mediaElement.played},triggerEvent:t}))};t.prototype.handleDefaultSlotChange=function(){this._handleMediaElementDisconnect();this._handleMediaElementConnect()};Object.defineProperty(t.prototype,"_canMediaElementConnect",{get:function(){return this.canLoad&&!ve(this.mediaElement)&&!this._hasMediaElementConnected},enumerable:false,configurable:true});t.prototype._findSlottedMediaElement=function(){var e;var t=vt(this)[0];var i=(e=t===null||t===void 0?void 0:t.tagName)!==null&&e!==void 0?e:"";if(!/^(audio|video)$/i.test(i));this._mediaElement=t!==null&&t!==void 0?t:void 0};t.prototype._handleMediaElementConnect=function(){var e=this;window.requestAnimationFrame((function(){e._findSlottedMediaElement();if(!e._canMediaElementConnect)return;var t=e.mediaElement;if(t.hasAttribute("loop")){e.loop=true}t.removeAttribute("loop");t.removeAttribute("poster");ht(t,"controls",e.controls);if(!e.state.canFullscreen&&e.fullscreenController.isSupported){e.dispatchEvent(ie("vds-fullscreen-support-change",{detail:e.canFullscreen}))}e._attachMediaEventListeners();e._observePlaysinline();e._observeMediaSources();if(e.canLoadPoster&&e.poster.length>0&&t.getAttribute("poster")!==e.poster){t.setAttribute("poster",e.poster)}e._startPreloadingMedia();e._hasMediaElementConnected=true;e._disconnectDisposal.add(e._handleMediaElementDisconnect.bind(e))}))};t.prototype._handleMediaElementDisconnect=function(){var e=this;var t;this._cancelTimeUpdates();window.requestAnimationFrame((function(){e._mediaElementDisposal.empty();e._mediaElement=void 0}));if(this._hasMediaElementConnected&&false){(t=this._logger)===null||t===void 0?void 0:t.infoGroup("Media element disconnected").labelledLog("Media Element",this.mediaElement).dispatch()}this._hasMediaElementConnected=false};t.prototype.startLoadingMedia=function(){e.prototype.startLoadingMedia.call(this);this._handleMediaElementConnect()};t.prototype._startPreloadingMedia=function(){var e=this;if(this.state.canPlay)return;this.mediaElement.setAttribute("preload",this.preload);var t=this.mediaElement.networkState>=1;this._ignoreNextAbortEvent=t;this._ignoreNextEmptiedEvent=t;this.mediaElement.load();setTimeout((function(){e._ignoreNextAbortEvent=false;e._ignoreNextEmptiedEvent=false}),0)};t.prototype._observePlaysinline=function(){var e=this;var t=function(){return e.mediaElement.hasAttribute("playsinline")};this._handlePlaysinlineChange(t());var i=new MutationObserver((function(){return e._handlePlaysinlineChange(t())}));i.observe(this.mediaElement,{attributeFilter:["playsinline"]});this._mediaElementDisposal.add((function(){return i.disconnect()}))};t.prototype._handlePlaysinlineChange=function(e){this.dispatchEvent(ie("vds-playsinline-change",{detail:e}))};t.prototype._observeMediaSources=function(){var e=this;this._handleSrcChange(this._getMediaSources());var t=new MutationObserver((function(){return e._handleSrcChange(e._getMediaSources())}));t.observe(this.mediaElement,{attributeFilter:["src"],subtree:true});this._mediaElementDisposal.add((function(){return t.disconnect()}))};t.prototype._handleSrcChange=function(e){var t=this.state.src;if(!lt(t,e)){this.dispatchEvent(ie("vds-src-change",{detail:e}))}};t.prototype._getMediaSources=function(){var e,t,i;var n=__spreadArray([(e=this.mediaElement)===null||e===void 0?void 0:e.src],Array.from((i=(t=this.mediaElement)===null||t===void 0?void 0:t.querySelectorAll("source"))!==null&&i!==void 0?i:[]).map((function(e){return e.src})),true).filter(Boolean);return Array.from(new Set(n))};t.prototype._getMediaMetadata=function(){return{src:this.state.src,currentSrc:this.mediaElement.currentSrc,duration:this.mediaElement.duration||0,poster:this.mediaElement.poster,mediaType:this._getMediaType(),viewType:this.state.viewType}};t.prototype._attachMediaEventListeners=function(){var e=this;if(ve(this.mediaElement))return;var t={abort:this._handleAbort,canplay:this._handleCanPlay,canplaythrough:this._handleCanPlayThrough,durationchange:this._handleDurationChange,emptied:this._handleEmptied,ended:this._handleEnded,error:this._handleError,loadeddata:this._handleLoadedData,loadedmetadata:this._handleLoadedMetadata,loadstart:this._handleLoadStart,pause:this._handlePause,play:this._handlePlay,playing:this._handlePlaying,progress:this._handleProgress,ratechange:this._handleRateChange,seeked:this._handleSeeked,seeking:this._handleSeeking,stalled:this._handleStalled,suspend:this._handleSuspend,volumechange:this._handleVolumeChange,waiting:this._handleWaiting};Ze(t).forEach((function(i){var n=t[i].bind(e);var r=J(e.mediaElement,i,(function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,n(t)];case 1:e.sent();return[2]}}))}))}));e._mediaElementDisposal.add(r)}))};t.prototype._handleAbort=function(e){if(this._ignoreNextAbortEvent)return;this.dispatchEvent(ie("vds-abort",{triggerEvent:e}));this._handleCurrentSrcChange("",e)};t.prototype._handleCanPlay=function(e){this._handleMediaReady({event:e,duration:this.mediaElement.duration})};t.prototype._handleCanPlayThrough=function(e){if(this.state.started)return;this.dispatchEvent(ie("vds-can-play-through",{triggerEvent:e,detail:{duration:this.mediaElement.duration}}))};t.prototype._handleLoadStart=function(e){this._handleCurrentSrcChange(this.mediaElement.currentSrc,e);if(this.mediaElement.currentSrc===""){this._handleAbort();return}this.dispatchEvent(ie("vds-load-start",{triggerEvent:e,detail:this._getMediaMetadata()}))};t.prototype._handleEmptied=function(e){if(this._ignoreNextEmptiedEvent)return;this.dispatchEvent(ie("vds-emptied",{triggerEvent:e}))};t.prototype._handleLoadedData=function(e){this.dispatchEvent(ie("vds-loaded-data",{triggerEvent:e}))};t.prototype._handleLoadedMetadata=function(e){this.dispatchEvent(ie("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted}}));this.dispatchEvent(ie("vds-loaded-metadata",{triggerEvent:e,detail:this._getMediaMetadata()}))};t.prototype._determineMediaType=function(e){this.dispatchEvent(ie("vds-media-type-change",{detail:this._getMediaType(),triggerEvent:e}))};t.prototype._handlePlay=function(e){var t=ie("vds-play",{triggerEvent:e});t.autoplay=this._attemptingAutoplay;this.dispatchEvent(t)};t.prototype._handlePause=function(e){if(this.mediaElement.readyState===1&&!this._isMediaWaiting){return}this._isMediaWaiting=false;this._cancelTimeUpdates();this.dispatchEvent(ie("vds-pause",{triggerEvent:e}))};t.prototype._handlePlaying=function(e){this._isMediaWaiting=false;var t=ie("vds-playing",{triggerEvent:e});this.dispatchEvent(t);this._requestTimeUpdates()};t.prototype._handleDurationChange=function(e){if(this.mediaElement.ended){this._updateCurrentTime(this.mediaElement.duration,e)}this.dispatchEvent(ie("vds-duration-change",{detail:this.mediaElement.duration,triggerEvent:e}))};t.prototype._handleProgress=function(e){this.dispatchEvent(ie("vds-progress",{triggerEvent:e,detail:{buffered:this.mediaElement.buffered,seekable:this.mediaElement.seekable}}))};t.prototype._handleRateChange=function(e){throw Error("Not implemented")};t.prototype._handleSeeking=function(e){this.dispatchEvent(ie("vds-seeking",{detail:this.mediaElement.currentTime,triggerEvent:e}))};t.prototype._handleSeeked=function(e){var t=ie("vds-seeked",{detail:this.mediaElement.currentTime,triggerEvent:e});this.dispatchEvent(t);var i=this.mediaElement.currentTime;if(Math.trunc(i)===Math.trunc(this.mediaElement.duration)&&Ne(this.mediaElement.duration)>Ne(i)){this._updateCurrentTime(this.mediaElement.duration,e);if(!this.mediaElement.ended){try{this.play()}catch(e){}}}};t.prototype._handleStalled=function(e){this.dispatchEvent(ie("vds-stalled",{triggerEvent:e}));if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(ie("vds-waiting",{triggerEvent:e}))}};t.prototype._handleVolumeChange=function(e){this.dispatchEvent(ie("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted},triggerEvent:e}))};t.prototype._handleWaiting=function(e){if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(ie("vds-waiting",{triggerEvent:e}))}};t.prototype._handleSuspend=function(e){var t=ie("vds-suspend",{triggerEvent:e});this.dispatchEvent(t)};t.prototype._handleEnded=function(e){this._cancelTimeUpdates();this._updateCurrentTime(this.mediaElement.duration,e);var t=ie("vds-end",{triggerEvent:e});this.dispatchEvent(t);if(this.state.loop){this._handleLoop()}else{this.dispatchEvent(ie("vds-ended",{triggerEvent:e}))}};t.prototype._handleLoop=function(){var e=ve(this.controls);if(e){this.mediaElement.controls=false}this.dispatchEvent(ie("vds-loop-request"))};t.prototype._handleError=function(e){var t=this.mediaElement.error;if(!t)return;this.dispatchEvent(ie("vds-error",{detail:{message:t.message,code:t.code,mediaError:t},triggerEvent:e}))};t.prototype._getPaused=function(){var e,t;return(t=(e=this.mediaElement)===null||e===void 0?void 0:e.paused)!==null&&t!==void 0?t:true};t.prototype._getVolume=function(){var e,t;return(t=(e=this.mediaElement)===null||e===void 0?void 0:e.volume)!==null&&t!==void 0?t:1};t.prototype._setVolume=function(e){this.mediaElement.volume=e};t.prototype._getCurrentTime=function(){var e,t;return(t=(e=this.mediaElement)===null||e===void 0?void 0:e.currentTime)!==null&&t!==void 0?t:0};t.prototype._setCurrentTime=function(e){if(this.mediaElement.currentTime!==e){this.mediaElement.currentTime=e}};t.prototype._getMuted=function(){var e,t;return(t=(e=this.mediaElement)===null||e===void 0?void 0:e.muted)!==null&&t!==void 0?t:false};t.prototype._setMuted=function(e){this.mediaElement.muted=e};t.prototype.play=function(){var e;return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,2,,3]);this._throwIfNotReadyForPlayback();return[4,this._resetPlaybackIfEnded()];case 1:n.sent();return[2,(e=this.mediaElement)===null||e===void 0?void 0:e.play()];case 2:t=n.sent();i=ie("vds-play-fail");i.autoplay=this._attemptingAutoplay;i.error=t;throw t;case 3:return[2]}}))}))};t.prototype.pause=function(){var e;return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,(e=this.mediaElement)===null||e===void 0?void 0:e.pause()]}))}))};t.prototype._getMediaType=function(){return Pi(this.state.currentSrc)};return t}(hi);Ft([li()],ki.prototype,"preload",2);var Si=function(e){__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}Object.defineProperty(t,"styles",{get:function(){return[Bt(__makeTemplateObject([":host{display:inline-block}:host([hidden]){display:none}"],[":host{display:inline-block}:host([hidden]){display:none}"]))]},enumerable:false,configurable:true});t.prototype.connectedCallback=function(){e.prototype.connectedCallback.call(this);this.dispatchEvent(ie("vds-view-type-change",{detail:"audio"}))};return t}(ki);ct("vds-audio",Si);var zi=Bt(__makeTemplateObject([":host{display:table;contain:content;user-select:none;cursor:pointer;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}"],[":host{display:table;contain:content;user-select:none;cursor:pointer;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}"]));var Ai=function(e){__extends(t,e);function t(){var t=e.call(this)||this;t.pressed=false;t.disabled=false;t._handleButtonClickCapture=ee(t,"click",(function(e){if(t.disabled){e.preventDefault();e.stopImmediatePropagation()}}),{capture:true});Be(t);["pointerup","keydown"].forEach((function(e){ee(t,e,(function(e){if(t.disabled||gt(e)&&!yt(e)){return}t._handleButtonClick(e)}))}));return t}Object.defineProperty(t,"styles",{get:function(){return[zi]},enumerable:false,configurable:true});Object.defineProperty(t,"parts",{get:function(){return[]},enumerable:false,configurable:true});t.prototype.connectedCallback=function(){e.prototype.connectedCallback.call(this);pt(this,"tabindex","0");pt(this,"role","button");this._updateAriaPressedAttr()};t.prototype.updated=function(e){if(e.has("pressed")){this._updateAriaPressedAttr()}};t.prototype._updateAriaPressedAttr=function(){ht(this,"aria-pressed",this.pressed?"true":"false")};t.prototype.render=function(){return this._renderDefaultSlot()};t.prototype._renderDefaultSlot=function(){return O(__makeTemplateObject(["<slot></slot>"],["<slot></slot>"]))};t.prototype._handleButtonClick=function(e){this.pressed=!this.pressed};return t}(si);Ft([li({type:Boolean})],Ai.prototype,"pressed",2);Ft([li({type:Boolean,reflect:true})],Ai.prototype,"disabled",2);var xi=function(){function e(e){if(e){this._target=e;this._createLogger(e);this._requests=Xe(e)}else{this._requests=new Ye}}e.prototype.startLoading=function(e){this._dispatchRequest("vds-start-loading",{triggerEvent:e})};e.prototype.play=function(e){this._dispatchRequest("vds-play-request",{triggerEvent:e})};e.prototype.pause=function(e){this._dispatchRequest("vds-pause-request",{triggerEvent:e})};e.prototype.mute=function(e){this._dispatchRequest("vds-mute-request",{triggerEvent:e})};e.prototype.unmute=function(e){this._dispatchRequest("vds-unmute-request",{triggerEvent:e})};e.prototype.enterFullscreen=function(e,t){this._dispatchRequest("vds-enter-fullscreen-request",{triggerEvent:t,detail:e})};e.prototype.exitFullscreen=function(e,t){this._dispatchRequest("vds-exit-fullscreen-request",{triggerEvent:t,detail:e})};e.prototype.seeking=function(e,t){this._dispatchRequest("vds-seeking-request",{detail:e,triggerEvent:t})};e.prototype.seek=function(e,t){this._dispatchRequest("vds-seek-request",{detail:e,triggerEvent:t})};e.prototype.changeVolume=function(e,t){this._dispatchRequest("vds-volume-change-request",{detail:e,triggerEvent:t})};e.prototype.resumeUserIdle=function(e){this._dispatchRequest("vds-resume-user-idle-request",{triggerEvent:e})};e.prototype.pauseUserIdle=function(e){this._dispatchRequest("vds-pause-user-idle-request",{triggerEvent:e})};e.prototype.showPoster=function(e){this._dispatchRequest("vds-show-poster-request",{triggerEvent:e})};e.prototype.hidePoster=function(e){this._dispatchRequest("vds-hide-poster-request",{triggerEvent:e})};e.prototype.setTarget=function(e){if(this._target===e)return;this._target=e;if(e){this._createLogger(e);this._requests.start()}else{this._requests.stop()}};e.prototype._dispatchRequest=function(e,t){var i=this;this._requests.queue(e,(function(){var n;var r=ie(e,__assign(__assign({},t),{bubbles:true,composed:true}));(n=i._target)===null||n===void 0?void 0:n.dispatchEvent(r)}))};e.prototype._createLogger=function(e){};return e}();var Oi=function(e){__extends(t,e);function t(){var t=e.call(this)||this;t._mediaRemote=new xi(t);Dt(t,"paused",(function(e){t.pressed=!e;ht(t,"paused",e)}));return t}t.prototype.connectedCallback=function(){e.prototype.connectedCallback.call(this);pt(this,"aria-label","Play")};t.prototype._handleButtonClick=function(e){if(this.disabled)return;if(this.pressed){this._mediaRemote.pause(e)}else{this._mediaRemote.play(e)}};return t}(Ai);ct("vds-play-button",Oi);var Mi=function(e){__extends(t,e);function t(){var t=e.call(this)||this;t._mediaRemote=new xi(t);t._volume=1;t._muted=false;Dt(t,"volume",(function(e){t._volume=e;t._handleMutedChange()}));Dt(t,"muted",(function(e){t._muted=e;t._handleMutedChange()}));return t}t.prototype.connectedCallback=function(){e.prototype.connectedCallback.call(this);pt(this,"aria-label","Mute")};t.prototype._handleMutedChange=function(){var e=this._muted||this._volume===0;this.pressed=e;ht(this,"muted",e)};t.prototype._handleButtonClick=function(e){if(this.disabled)return;if(this.pressed){this._mediaRemote.unmute(e)}else{this._mediaRemote.mute(e)}};return t}(Ai);ct("vds-mute-button",Mi);function qi(){var e=nt(false);var t=nt(false);return{value:nt(50),pointerValue:nt(0),min:nt(0),max:nt(100),dragging:e,pointing:t,interactive:rt([e,t],(function(e){var t=e[0],i=e[1];return t||i}))}}var Ti=le(qi);var Ri=Bt(__makeTemplateObject(["*{box-sizing:border-box;touch-action:none}:host{display:block;contain:layout;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}"],["*{box-sizing:border-box;touch-action:none}:host{display:block;contain:layout;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}"]));var $i=function(e){e[e["Left"]=-1]="Left";e[e["ArrowLeft"]=-1]="ArrowLeft";e[e["Up"]=-1]="Up";e[e["ArrowUp"]=-1]="ArrowUp";e[e["Right"]=1]="Right";e[e["ArrowRight"]=1]="ArrowRight";e[e["Down"]=1]="Down";e[e["ArrowDown"]=1]="ArrowDown";return e}($i||{});var Di=function(e){__extends(t,e);function t(){var t=e.call(this)||this;t._sliderStoreProvider=Ti.provide(t);t.disabled=false;t.value=50;t._step=1;t._keyboardStep=1;t.shiftKeyMultiplier=5;t.customValueText=false;t._mediaRemote=new xi(t);t._disconnectDisposal=new Z;t._handlePointerEnter=ee(t,"pointerenter",(function(){if(t.disabled)return;t.setAttribute("pointing","");t.store.pointing.set(true)}));t._handlePointerMove=ee(t,"pointermove",(function(e){if(t.disabled||t.isDragging)return;var i=t._getValueBasedOnThumbPosition(e);t.store.pointerValue.set(i);t._dispatchPointerValueChange(e)}));t._handlePointerLeave=ee(t,"pointerleave",(function(){if(t.disabled)return;t.removeAttribute("pointing");t.store.pointing.set(false)}));t._handlePointerDown=ee(t,"pointerdown",(function(e){if(t.disabled)return;t._startDragging(e);t._onDrag(e)}));t._handleKeydown=ee(t,"keydown",(function(e){if(t.disabled)return;var i=e.key,n=e.shiftKey;var r=Object.keys($i).includes(i);if(!r)return;var o=!n?t.keyboardStep:t.keyboardStep*t.shiftKeyMultiplier;var s=Number($i[i]);var a=o*s;var u=(t.value+a)/t.step;var l=t.step*u;t.value=t._getClampedValue(l);t._dispatchValueChange(e)}));t._handleFillValueChange=ee(t,"vds-slider-value-change",t._updateFillCSSProps.bind(t));t._handlePointerValueChange=ee(t,"vds-slider-pointer-value-change",t._updatePointerCSSProps.bind(t));t._onDrag=Pt((function(e){if(t.disabled||!t.isDragging)return;var i=t._getValueBasedOnThumbPosition(e);t.store.pointerValue.set(i);t._dispatchPointerValueChange(e)}));t._handleDocumentPointerUp=ee(t,"pointerup",(function(e){if(t.disabled||!t.isDragging)return;t._stopDragging(e)}),{target:document});t._handleDocumentTouchMove=ee(t,"touchmove",(function(e){if(t.disabled||!t.isDragging)return;e.preventDefault()}),{target:document,passive:false});t._handleDocumentPointerMove=ee(t,"pointermove",(function(e){if(t.disabled||!t.isDragging)return;t._onDrag(e)}),{target:document});t._lastDispatchedValue=t.value;t._dispatchValueChange=Pt((function(e){if(t.value===t._lastDispatchedValue)return;t.dispatchEvent(ie("vds-slider-value-change",{detail:t.value,triggerEvent:e}));t._lastDispatchedValue=t.value}));t._lastDispatchedPointerValue=t.pointerValue;t._dispatchPointerValueChange=Pt((function(e){if(t.pointerValue===t._lastDispatchedPointerValue)return;var i=["vds-slider-pointer-value-change",t.isDragging&&"vds-slider-drag-value-change"];i.forEach((function(i){if(i){t.dispatchEvent(ie(i,{detail:t.pointerValue,triggerEvent:e}))}}));t._lastDispatchedPointerValue=t.pointerValue}));Be(t);return t}Object.defineProperty(t,"styles",{get:function(){return[Ri]},enumerable:false,configurable:true});Object.defineProperty(t,"parts",{get:function(){return[]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"store",{get:function(){return this._sliderStoreProvider.value},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"min",{get:function(){return ot(this.store.min)},set:function(e){this.store.min.set(e)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"max",{get:function(){return ot(this.store.max)},set:function(e){this.store.max.set(e)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"step",{get:function(){return this._step},set:function(e){this._step=e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"keyboardStep",{get:function(){return this._keyboardStep},set:function(e){this._keyboardStep=e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isDragging",{get:function(){return ot(this.store.dragging)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"fillRate",{get:function(){var e=this.max-this.min,t=this.value-this.min;return e>0?t/e:0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"fillPercent",{get:function(){return this.fillRate*100},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"pointerValue",{get:function(){return ot(this.store.pointerValue)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"pointerRate",{get:function(){var e=this.max-this.min,t=this.pointerValue-this.min;return e>0?t/e:0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"pointerPercent",{get:function(){return this.pointerRate*100},enumerable:false,configurable:true});t.prototype.connectedCallback=function(){var t=this;e.prototype.connectedCallback.call(this);this._setupAriaAttrs();this._updateFillCSSProps();this._updatePointerCSSProps();this._disconnectDisposal.add(this.store.interactive.subscribe((function(e){ht(t,"interactive",e)})))};t.prototype.willUpdate=function(t){if(t.has("value")||t.has("min")||t.has("max")){this.value=this._getClampedValue(this.value);this.store.value.set(this.value);this._updateFillCSSProps();this._dispatchValueChange()}if(t.has("disabled")&&this.disabled){this.store.dragging.set(false);this.store.pointing.set(false);this.removeAttribute("dragging");this.removeAttribute("pointing");this.removeAttribute("interactive");ht(this,"aria-disabled",this.disabled)}if(!this.customValueText){this._updateAriaValueAttrs()}e.prototype.willUpdate.call(this,t)};t.prototype.disconnectedCallback=function(){this._onDrag.cancel();this._disconnectDisposal.empty();e.prototype.disconnectedCallback.call(this)};t.prototype._updateFillCSSProps=function(){ft(this,"fill-value","".concat(this.value));ft(this,"fill-rate","".concat(this.fillRate));ft(this,"fill-percent","".concat(this.fillPercent,"%"))};t.prototype._updatePointerCSSProps=function(){ft(this,"pointer-value","".concat(this.pointerValue));ft(this,"pointer-rate","".concat(this.pointerRate));ft(this,"pointer-percent","".concat(this.pointerPercent,"%"))};t.prototype.render=function(){return this._renderSlider()};t.prototype._renderSlider=function(){return O(__makeTemplateObject(["",""],["",""]),this._renderDefaultSlot())};t.prototype._renderDefaultSlot=function(){return O(__makeTemplateObject(["<slot></slot>"],["<slot></slot>"]))};t.prototype._setupAriaAttrs=function(){pt(this,"role","slider");pt(this,"tabindex","0");pt(this,"aria-orientation","horizontal");pt(this,"autocomplete","off")};t.prototype._updateAriaValueAttrs=function(){this.setAttribute("aria-valuemin",this._getValueMin());this.setAttribute("aria-valuenow",this._getValueNow());this.setAttribute("aria-valuemax",this._getValueMax());this.setAttribute("aria-valuetext",this._getValueText())};t.prototype._getValueMin=function(){return String(this.min)};t.prototype._getValueNow=function(){return String(this.value)};t.prototype._getValueMax=function(){return String(this.max)};t.prototype._getValueText=function(){return"".concat(Ie(this.value/this.max*100,2),"%")};t.prototype._startDragging=function(e){if(this.isDragging)return;this.store.dragging.set(true);this.setAttribute("dragging","");var t=this._getValueBasedOnThumbPosition(e);this.store.pointerValue.set(t);this._dispatchPointerValueChange(e);this.dispatchEvent(ie("vds-slider-drag-start",{triggerEvent:e,detail:this.value}));this._mediaRemote.pauseUserIdle(e)};t.prototype._stopDragging=function(e){if(!this.isDragging)return;this.store.dragging.set(false);this._dispatchValueChange.cancel();this.removeAttribute("dragging");var t=this._getValueBasedOnThumbPosition(e);this.value=t;this.store.pointerValue.set(t);this._dispatchValueChange(e);this._dispatchPointerValueChange(e);this.dispatchEvent(ie("vds-slider-drag-end",{triggerEvent:e,detail:this.value}));this._mediaRemote.resumeUserIdle(e)};t.prototype._getClampedValue=function(e){return Ue(this.min,Ie(e,Ne(this.step)),this.max)};t.prototype._getValueFromRate=function(e){var t=Ue(0,e,1);var i=this.max-this.min;var n=i*t;var r=Math.round(n/this.step);var o=this.step*r;return this.min+o};t.prototype._getValueBasedOnThumbPosition=function(e){var t=e.clientX;var i=this.getBoundingClientRect(),n=i.left,r=i.width;var o=(t-n)/r;return this._getValueFromRate(o)};return t}(si);Ft([li({type:Number})],Di.prototype,"min",1);Ft([li({type:Number})],Di.prototype,"max",1);Ft([li({reflect:true,type:Boolean})],Di.prototype,"disabled",2);Ft([li({type:Number})],Di.prototype,"value",2);Ft([li({type:Number})],Di.prototype,"step",1);Ft([li({attribute:"keyboard-step",type:Number})],Di.prototype,"keyboardStep",1);Ft([li({attribute:"shift-key-multiplier",type:Number})],Di.prototype,"shiftKeyMultiplier",2);Ft([li({type:Boolean,attribute:"custom-value-text"})],Di.prototype,"customValueText",2);var Li=Bt(__makeTemplateObject([""],[""]));var ji=function(e){__extends(t,e);function t(){var t=e.call(this)||this;t._step=.1;t.value=0;t.valueText="{currentTime} out of {duration}";t.pauseWhileDragging=false;t.seekingRequestThrottle=100;t.__mediaDuration=0;t.__mediaPaused=true;t._handleSliderDragStart=ee(t,"vds-slider-drag-start",(function(e){t._togglePlaybackWhileDragging(e)}));t._handleSliderValueChange=ee(t,"vds-slider-value-change",(function(e){if(gt(e.originEvent)){t._dispatchSeekingRequest.cancel();t._mediaRemote.seek(t.value,e)}}));t._handleSliderDragValueChange=ee(t,"vds-slider-drag-value-change",(function(e){t._dispatchSeekingRequest(e)}));t._handleSliderDragEnd=ee(t,"vds-slider-drag-end",(function(e){t._dispatchSeekingRequest.cancel();t._mediaRemote.seek(t.value,e);t._togglePlaybackWhileDragging(e)}));t._dispatchSeekingRequest=Y((function(e){t._mediaRemote.seeking(t.value,e)}),t.seekingRequestThrottle);t._wasPlayingBeforeDragStart=false;Dt(t,"currentTime",(function(e){t.value=e}));Dt(t,"duration",(function(e){t.__mediaDuration=e;t.requestUpdate("max")}));Dt(t,"paused",(function(e){t.__mediaPaused=e}));return t}Object.defineProperty(t,"styles",{get:function(){return[e.styles,Li]},enumerable:false,configurable:true});t.prototype.connectedCallback=function(){e.prototype.connectedCallback.call(this);pt(this,"aria-label","Media time")};Object.defineProperty(t.prototype,"min",{get:function(){return 0},set:function(e){},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"max",{get:function(){return this.__mediaDuration},set:function(e){},enumerable:false,configurable:true});t.prototype.update=function(t){if(t.has("disabled")&&this.disabled){this._dispatchSeekingRequest.cancel()}e.prototype.update.call(this,t)};t.prototype.disconnectedCallback=function(){this._dispatchSeekingRequest.cancel();e.prototype.disconnectedCallback.call(this)};t.prototype._getValueMin=function(){return"0%"};t.prototype._getValueNow=function(){return"".concat(Math.round(this.fillPercent),"%")};t.prototype._getValueText=function(){return this.valueText.replace("{currentTime}",Ct(this.value)).replace("{duration}",Ct(this.__mediaDuration))};t.prototype._getValueMax=function(){return"100%"};t.prototype._togglePlaybackWhileDragging=function(e){if(!this.pauseWhileDragging)return;if(this.isDragging&&!this.__mediaPaused){this._wasPlayingBeforeDragStart=true;this._mediaRemote.pause(e)}else if(this._wasPlayingBeforeDragStart&&!this.isDragging&&this.__mediaPaused){this._wasPlayingBeforeDragStart=false;this._mediaRemote.play(e)}};return t}(Di);Ft([li({attribute:false,state:true})],ji.prototype,"value",2);Ft([li({attribute:false})],ji.prototype,"min",1);Ft([li({attribute:false})],ji.prototype,"max",1);Ft([li({attribute:"value-text"})],ji.prototype,"valueText",2);Ft([li({attribute:"pause-while-dragging",type:Boolean})],ji.prototype,"pauseWhileDragging",2);Ft([li({attribute:"seeking-request-throttle",type:Number})],ji.prototype,"seekingRequestThrottle",2);Ft([di()],ji.prototype,"__mediaDuration",2);Ft([di()],ji.prototype,"__mediaPaused",2);ct("vds-time-slider",ji);var Fi=function(e){__extends(t,e);function t(){var t=e.call(this)||this;t.value=100;t._handleSliderValueChange=ee(t,"vds-slider-value-change",t._changeVolume.bind(t));t._handleSliderDragValueChange=ee(t,"vds-slider-drag-value-change",t._changeVolume.bind(t));Dt(t,"volume",(function(e){t.value=e*100}));return t}t.prototype.connectedCallback=function(){e.prototype.connectedCallback.call(this);pt(this,"aria-label","Media volume")};Object.defineProperty(t.prototype,"min",{get:function(){return 0},set:function(e){},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"max",{get:function(){return 100},set:function(e){},enumerable:false,configurable:true});t.prototype._changeVolume=function(e){var t=e.detail;var i=Ie(t/100,3);this._mediaRemote.changeVolume(i,e)};return t}(Di);Ft([li({attribute:false})],Fi.prototype,"min",1);Ft([li({attribute:false})],Fi.prototype,"max",1);Ft([li({attribute:false,state:true})],Fi.prototype,"value",2);ct("vds-volume-slider",Fi);var Vi=function(e){__extends(t,e);function t(){var t=e.apply(this,arguments)||this;t._disposal=new Z;t._sliderStoreConsumer=Ti.consume(t);t.__value=0;t.type="current";t.showHours=false;t.padHours=false;t.decimalPlaces=2;return t}Object.defineProperty(t,"styles",{get:function(){return[Bt(__makeTemplateObject([":host{display:inline-block;contain:content}:host([hidden]){display:none}"],[":host{display:inline-block;contain:content}:host([hidden]){display:none}"]))]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"_sliderStore",{get:function(){return this._sliderStoreConsumer.value},enumerable:false,configurable:true});t.prototype.connectedCallback=function(){e.prototype.connectedCallback.call(this);this._handleTypeChange()};t.prototype.update=function(t){if(t.has("type")||t.has("format")){this._handleTypeChange()}e.prototype.update.call(this,t)};t.prototype.disconnectedCallback=function(){this._disposal.empty();e.prototype.disconnectedCallback.call(this)};t.prototype.render=function(){return O(__makeTemplateObject(["",""],["",""]),this._getValueText())};t.prototype._handleTypeChange=function(){var e=this;this._disposal.empty();var t=this._sliderStore[this.type==="current"?"value":"pointerValue"];var i=this.format==="percent"?this._createPercentStore(t):t;var n=i.subscribe((function(t){e.__value=t}));this._disposal.add(n)};t.prototype._createPercentStore=function(e){return rt([e,this._sliderStore.min,this._sliderStore.max],(function(e){var t=e[0],i=e[1],n=e[2];var r=n-i;return t/r*100}))};t.prototype._getValueText=function(){switch(this.format){case"percent":return this._getPercentFormat();case"time":return this._getTimeFormat();default:return"".concat(this.__value)}};t.prototype._getPercentFormat=function(){return"".concat(Ie(this.__value,this.decimalPlaces),"%")};t.prototype._getTimeFormat=function(){return Et(this.__value,this.padHours,this.showHours)};return t}(si);Ft([di()],Vi.prototype,"__value",2);Ft([li()],Vi.prototype,"type",2);Ft([li()],Vi.prototype,"format",2);Ft([li({attribute:"show-hours",type:Boolean})],Vi.prototype,"showHours",2);Ft([li({attribute:"pad-hours",type:Boolean})],Vi.prototype,"padHours",2);Ft([li({attribute:"decimal-places",type:Number})],Vi.prototype,"decimalPlaces",2);ct("vds-slider-value-text",Vi);var Ii=function(e){__extends(t,e);function t(){var t=e.apply(this,arguments)||this;t._disposal=new Z;t._mediaStoreConsumer=$t.consume(t);t.__seconds=0;t.type="current";t.showHours=false;t.padHours=false;t.remainder=false;return t}Object.defineProperty(t,"styles",{get:function(){return[Bt(__makeTemplateObject([":host{display:inline-block;contain:content}:host([hidden]){display:none}"],[":host{display:inline-block;contain:content}:host([hidden]){display:none}"]))]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"_mediaStore",{get:function(){return this._mediaStoreConsumer.value},enumerable:false,configurable:true});t.prototype.connectedCallback=function(){e.prototype.connectedCallback.call(this);this._handleTypeChange()};t.prototype.update=function(t){if(t.has("type")||t.has("remainder")){this._handleTypeChange()}e.prototype.update.call(this,t)};t.prototype.disconnectedCallback=function(){this._disposal.empty();e.prototype.disconnectedCallback.call(this)};t.prototype.render=function(){return O(__makeTemplateObject(["",""],["",""]),this._getFormattedTime())};t.prototype._handleTypeChange=function(){var e=this;this._disposal.empty();var t=this._getTypeStore();var i=(this.remainder?this._createRemainderStore(t):t).subscribe((function(t){e.__seconds=t}));this._disposal.add(i)};t.prototype._getTypeStore=function(){switch(this.type){case"buffered":return this._mediaStore.bufferedAmount;case"seekable":return this._mediaStore.seekableAmount;case"duration":return this._mediaStore.duration;default:return this._mediaStore.currentTime}};t.prototype._createRemainderStore=function(e){return rt([e,this._mediaStore.duration],(function(e){var t=e[0],i=e[1];return Math.max(0,i-t)}))};t.prototype._getFormattedTime=function(){return Et(this.__seconds,this.padHours,this.showHours)};return t}(si);Ft([di()],Ii.prototype,"__seconds",2);Ft([li()],Ii.prototype,"type",2);Ft([li({attribute:"show-hours",type:Boolean})],Ii.prototype,"showHours",2);Ft([li({attribute:"pad-hours",type:Boolean})],Ii.prototype,"padHours",2);Ft([li({type:Boolean})],Ii.prototype,"remainder",2);ct("vds-time",Ii);var Ui=".sc-stzh-audio-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-audio-h{display:none}.sc-stzh-audio-h *.sc-stzh-audio,.sc-stzh-audio-h *.sc-stzh-audio::before,.sc-stzh-audio-h *.sc-stzh-audio::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-audio.sc-stzh-audio{display:block;contain:none}.stzh-audio__audio.sc-stzh-audio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-audio__controls.sc-stzh-audio{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-audio__controls-top.sc-stzh-audio{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--stzh-space-small)}.stzh-audio__controls-bottom.sc-stzh-audio{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{border:0.0625rem solid var(--stzh-base-border-color);padding:var(--stzh-space-medium) var(--stzh-space-xlarge)}.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xsmall)}.stzh-audio__button.sc-stzh-audio{width:2.5rem;height:2.5rem;display:grid;place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:var(--stzh-button-border-radius);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color;transition-property:color, background-color;color:var(--stzh-color-grey55)}.stzh-audio__button.is-play.sc-stzh-audio,.stzh-audio__button.is-mute.sc-stzh-audio,.stzh-audio__button.is-transcript.sc-stzh-audio{margin-right:var(--stzh-space-xsmall)}.stzh-audio__button.is-active.sc-stzh-audio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-audio__button.sc-stzh-audio:hover{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-audio__transcript.sc-stzh-audio{border-top:none}.stzh-audio__loader-overlay.sc-stzh-audio{display:grid;place-items:center;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background-color:var(--stzh-color-white);opacity:0;visibility:hidden}.stzh-audio__time.sc-stzh-audio{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));display:-ms-inline-flexbox;display:inline-flex;margin-right:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-audio__time.sc-stzh-audio{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (max-width: 599px){.stzh-audio__time.sc-stzh-audio{margin-right:auto}}.stzh-audio__time-separator.sc-stzh-audio{margin:0 var(--stzh-space-xxsmall)}.stzh-audio__slider.sc-stzh-audio{--height:1.1875rem;--thumb-width:0.8125rem;--track-height:0.3125rem;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:var(--height);border-radius:var(--stzh-button-border-radius)}.stzh-audio__slider.is-time.sc-stzh-audio{-ms-flex-positive:1;flex-grow:1}.stzh-audio__slider.is-volume.sc-stzh-audio{width:20%;min-width:5rem;max-width:6.875rem;display:none}@media screen and (min-width: 600px){.stzh-audio__slider.is-volume.sc-stzh-audio{display:-ms-flexbox;display:flex;margin-right:auto}}.stzh-audio__slider-track.sc-stzh-audio{width:100%;height:var(--track-height);position:absolute;top:50%;left:0;z-index:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:0.25rem;background-color:var(--stzh-color-grey25)}.stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:calc(var(--vds-fill-rate) * 100%);z-index:1}.stzh-audio__slider-thumb-container.sc-stzh-audio{position:absolute;top:0;left:var(--vds-fill-percent);width:var(--thumb-width);height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.stzh-audio__slider[dragging].sc-stzh-audio .stzh-audio__slider-thumb-container.sc-stzh-audio{left:var(--vds-pointer-percent)}.stzh-audio__slider-thumb.sc-stzh-audio{position:absolute;top:50%;left:0;width:var(--thumb-width);height:var(--thumb-width);border-radius:50%;background-color:var(--stzh-color-white);-webkit-box-shadow:0 0 0 0.0625rem rgba(0, 0, 0, 0.25);box-shadow:0 0 0 0.0625rem rgba(0, 0, 0, 0.25);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.stzh-audio__media-preview-container.sc-stzh-audio{--width:2.625rem;--width-half:calc(var(--width) / 2);--top:-1.5rem;--left-clamp:max(var(--width-half), var(--vds-pointer-percent));--right-clamp:calc(100% - var(--width-half));--left:min(var(--left-clamp), var(--right-clamp));display:grid;place-items:center;position:absolute;width:var(--width);top:var(--top);left:var(--left);width:var(--width);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:var(--stzh-z-index-popover);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border-radius:var(--stzh-tooltip-border-radius);background-color:var(--stzh-color-white)}@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-audio__media-preview-container.sc-stzh-audio{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}.stzh-audio__slider[pointing].sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio{opacity:1}.stzh-audio__slider-text.sc-stzh-audio{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-audio[hide-ui].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:0;visibility:hidden}.stzh-audio[autoplay-error].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:1}.stzh-audio.sc-stzh-audio:not([can-play]) .stzh-audio__loader-overlay.sc-stzh-audio,.stzh-audio[waiting].sc-stzh-audio .stzh-audio__loader-overlay.sc-stzh-audio{opacity:0.8;visibility:visible}.stzh-audio[paused].sc-stzh-audio .stzh-audio__paused.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([paused]) .stzh-audio__played.sc-stzh-audio{display:none}.stzh-audio[muted].sc-stzh-audio .stzh-audio__muted.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([muted]) .stzh-audio__unmuted.sc-stzh-audio{display:none}";var Ni=e("stzh_audio",function(){function e(e){t(this,e);this.stzhPlay=i(this,"stzhPlay",7);this.stzhPlaying=i(this,"stzhPlaying",7);this.stzhPause=i(this,"stzhPause",7);this.stzhReplay=i(this,"stzhReplay",7);this.stzhEnd=i(this,"stzhEnd",7);this.stzhEnded=i(this,"stzhEnded",7);this.stzhError=i(this,"stzhError",7);this.localization=undefined;this.src="";this.preload="none";this.transcript="";this.transcriptShown=false;this.downloadAnalyticsId=undefined;this.transcriptAnalyticsId=undefined}e.prototype.play=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.vsdAudioElement.play();return[2]}))}))};e.prototype.pause=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.vsdAudioElement.pause();return[2]}))}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!!this.localization)return[3,2];e=this;return[4,a(this.element,"audio")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.render=function(){var e=this;var t=!!this.transcript||s(this.element,"transcript");var i={"stzh-audio":true};return n(r,null,n("vds-media",{class:i},n("vds-audio",{class:"stzh-audio__audio",ref:function(t){return e.vsdAudioElement=t},"onVds-play":function(){e.stzhPlay.emit({component:"stzh-audio"})},"onVds-playing":function(){e.stzhPlaying.emit({component:"stzh-audio"})},"onVds-end":function(){e.stzhEnd.emit({component:"stzh-audio"})},"onVds-ended":function(){e.stzhEnded.emit({component:"stzh-audio"})},"onVds-replay":function(){e.stzhReplay.emit({component:"stzh-audio"})},"onVds-error":function(t){e.stzhError.emit({component:"stzh-audio",originalEvent:t})}},n("audio",{preload:this.preload,src:this.src},n("slot",null))),n("div",{class:"stzh-audio__controls"},n("div",{class:"stzh-audio__loader-overlay"},n("stzh-loader",{class:"stzh-audio__loader",label:this.localization.loading,"hide-label":true})),n("div",{class:"stzh-audio__controls-top"},n("vds-time-slider",{class:"stzh-audio__slider is-time"},n("div",{class:"stzh-audio__slider-track"}),n("div",{class:"stzh-audio__slider-track is-fill"}),n("div",{class:"stzh-audio__slider-thumb-container"},n("div",{class:"stzh-audio__slider-thumb"})),n("div",{class:"stzh-audio__media-preview-container"},n("vds-slider-value-text",{class:"stzh-audio__slider-text",type:"pointer",format:"time"})))),n("div",{class:"stzh-audio__controls-bottom"},n("stzh-tooltip",null,n("vds-play-button",{class:"stzh-audio__button is-play"},n("stzh-icon",{class:"stzh-audio__played",name:"play-filled"}),n("stzh-icon",{class:"stzh-audio__paused",name:"pause-filled"})),n("span",{slot:"content"},n("span",{class:"stzh-audio__played"},this.localization.play),n("span",{class:"stzh-audio__paused"},this.localization.pause))),n("div",{class:"stzh-audio__time"},n("vds-time",{type:"current"}),n("span",{class:"stzh-audio__time-separator"},"/"),n("vds-time",{type:"duration"})),n("stzh-tooltip",null,n("vds-mute-button",{class:"stzh-audio__button is-mute"},n("stzh-icon",{class:"stzh-audio__muted",name:"volume-medium"}),n("stzh-icon",{class:"stzh-audio__unmuted",name:"silent-mode"})),n("span",{slot:"content"},n("span",{class:"stzh-audio__muted"},this.localization.mute),n("span",{class:"stzh-audio__unmuted"},this.localization.unmute))),n("vds-volume-slider",{class:"stzh-audio__slider is-volume"},n("div",{class:"stzh-audio__slider-track"}),n("div",{class:"stzh-audio__slider-track is-fill"}),n("div",{class:"stzh-audio__slider-thumb-container"},n("div",{class:"stzh-audio__slider-thumb"})),n("div",{class:"stzh-audio__media-preview-container"},n("vds-slider-value-text",{class:"stzh-audio__slider-text",type:"pointer",format:"percent"}))),t&&n("stzh-tooltip",{content:this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript},n("button",{class:{"stzh-audio__button is-transcript":true,"is-active":this.transcriptShown},onClick:function(){return e.transcriptShown=!e.transcriptShown},"s-object-id":this.transcriptAnalyticsId||(this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript)},n("stzh-icon",{name:"transcript"}))),n("stzh-tooltip",{content:this.localization.download},n("a",{class:"stzh-audio__button is-download",href:this.src,download:"","s-object-id":this.downloadAnalyticsId||this.localization.download},n("stzh-icon",{name:"download"}))))),n("div",{class:"stzh-audio__transcript",hidden:!this.transcriptShown},n("stzh-text",null,this.transcript?this.transcript:n("slot",{name:"transcript"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());Ni.style=Ui}}}));
-//# sourceMappingURL=p-05b9e4c2.system.entry.js.map
+//# sourceMappingURL=p-a26cd855.system.entry.js.map

package/dist/stzh-components/{p-b792ea2e.system.entry.js → p-a2d5846c.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-7b184ebb.system.js","./p-d4b7a303.system.js"],(function(t){"use strict";var e,o,s,a,i;return{setters:[function(t){e=t.r;o=t.h;s=t.a;a=t.g},function(t){i=t.h}],execute:function(){var r=".sc-stzh-pagebottom-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-pagebottom-h{display:none}.sc-stzh-pagebottom-h *.sc-stzh-pagebottom,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::before,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-pagebottom-h .sc-stzh-pagebottom-s>[slot=logo]{height:2.375rem}.stzh-pagebottom.sc-stzh-pagebottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 600px){.stzh-pagebottom.sc-stzh-pagebottom{-ms-flex-direction:row;flex-direction:row}}.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media screen and (min-width: 600px){.stzh-pagebottom__logo.sc-stzh-pagebottom{margin-left:auto}}.stzh-pagebottom__logo-link.sc-stzh-pagebottom:not(:empty){display:block;margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){.stzh-pagebottom__logo-link.sc-stzh-pagebottom:not(:empty){margin-top:0;margin-left:var(--stzh-space-xlarge)}}.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xlarge);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xxxlarge)}}";var h=t("stzh_pagebottom",function(){function t(t){e(this,t);this.shareTitle="";this.shareUrl=undefined;this.shareServices=undefined;this.shareDisabled=false;this.logoHref="https://www.stadt-zuerich.ch";this.logoAnalyticsId=undefined;this.withBorder=false}t.prototype.render=function(){var t=i(this.element,"logo");var e={"stzh-pagebottom":true,"stzh-pagebottom--has-border":this.withBorder};return o(s,null,o("div",{class:e},!this.shareDisabled&&o("div",{class:"stzh-pagebottom__share-wrapper"},this.shareTitle&&o("div",{class:"stzh-pagebottom__share-title"},this.shareTitle),o("stzh-share",{url:this.shareUrl,services:this.shareServices})),t&&o("div",{class:"stzh-pagebottom__logo"},o("a",{href:this.logoHref,class:"stzh-pagebottom__logo-link","s-object-id":this.logoAnalyticsId||"Footer Logo"},o("slot",{name:"logo"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());h.style=r}}}));
-//# sourceMappingURL=p-b792ea2e.system.entry.js.map
+System.register(["./p-7b184ebb.system.js","./p-22a2f4c1.system.js"],(function(t){"use strict";var e,o,s,a,i;return{setters:[function(t){e=t.r;o=t.h;s=t.a;a=t.g},function(t){i=t.h}],execute:function(){var r=".sc-stzh-pagebottom-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-pagebottom-h{display:none}.sc-stzh-pagebottom-h *.sc-stzh-pagebottom,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::before,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-pagebottom-h .sc-stzh-pagebottom-s>[slot=logo]{height:2.375rem}.stzh-pagebottom.sc-stzh-pagebottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 600px){.stzh-pagebottom.sc-stzh-pagebottom{-ms-flex-direction:row;flex-direction:row}}.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media screen and (min-width: 600px){.stzh-pagebottom__logo.sc-stzh-pagebottom{margin-left:auto}}.stzh-pagebottom__logo-link.sc-stzh-pagebottom:not(:empty){display:block;margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){.stzh-pagebottom__logo-link.sc-stzh-pagebottom:not(:empty){margin-top:0;margin-left:var(--stzh-space-xlarge)}}.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xlarge);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xxxlarge)}}";var h=t("stzh_pagebottom",function(){function t(t){e(this,t);this.shareTitle="";this.shareUrl=undefined;this.shareServices=undefined;this.shareDisabled=false;this.logoHref="https://www.stadt-zuerich.ch";this.logoAnalyticsId=undefined;this.withBorder=false}t.prototype.render=function(){var t=i(this.element,"logo");var e={"stzh-pagebottom":true,"stzh-pagebottom--has-border":this.withBorder};return o(s,null,o("div",{class:e},!this.shareDisabled&&o("div",{class:"stzh-pagebottom__share-wrapper"},this.shareTitle&&o("div",{class:"stzh-pagebottom__share-title"},this.shareTitle),o("stzh-share",{url:this.shareUrl,services:this.shareServices})),t&&o("div",{class:"stzh-pagebottom__logo"},o("a",{href:this.logoHref,class:"stzh-pagebottom__logo-link","s-object-id":this.logoAnalyticsId||"Footer Logo"},o("slot",{name:"logo"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());h.style=r}}}));
+//# sourceMappingURL=p-a2d5846c.system.entry.js.map