@zanichelli/albe-web-components 16.3.0-rc1 → 16.3.1

package/www/build/p-9683014a.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_th}from"./p-acc97c14.js";import"./p-cfa39bd3.js";import"./p-6037cdf3.js";
-//# sourceMappingURL=p-9683014a.entry.js.map

package/www/build/p-a2eb8943.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as r,a as t}from"./p-cfa39bd3.js";import{t as c}from"./p-6037cdf3.js";const s=class{constructor(r){a(this,r);this.mode=c.POLITE}render(){return r(t,{key:"cbbdc8303bc43c4dd52edce414ad84a63404c372","aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},r("slot",{key:"0f150df4db55b849ad3c8179cfc4d6554677611b"}))}};export{s as z_aria_alert};
-//# sourceMappingURL=p-a2eb8943.entry.js.map

package/www/build/p-acc97c14.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as o,a as n,g as s}from"./p-cfa39bd3.js";import{P as i,S as a,W as r,B as c,e as h}from"./p-6037cdf3.js";const l=':host{position:relative;display:flex;max-width:100%;box-sizing:border-box;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}.cell--content-container{display:flex;width:100%;height:100%;align-items:center}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{opacity:1;pointer-events:all}}:host{z-index:1;box-sizing:border-box;padding:0;background-color:var(--color-surface02);font-weight:var(--font-sb)}:host([sticky]){background-color:var(--color-surface02)}:host([sortable]){cursor:pointer}.z-th--sort-button{display:none}:host(:hover) .z-th--sort-button,:host .sort-active{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin-top:auto;background-color:transparent;cursor:pointer}.z-th-content-container{display:flex;width:100%;height:100%;align-items:center;justify-content:space-between}:host>.zth-body{display:flex;width:100%;height:100%;box-sizing:border-box;align-items:center;padding:calc(var(--space-unit) * 2)}.zth-body:focus{border:2px solid var(--blue800);outline:none}';const d=l;const p=class{constructor(o){e(this,o);this.sort=t(this,"sort",7);this.colspan=undefined;this.showMenu=null;this.showSorting=null;this.sticky=false;this.sortDirection=undefined;this.popoverPosition=i.AUTO;this.isMenuOpen=false}get ariaSortDirection(){if(!this.sortDirection){return null}return this.sortDirection===a.ASC?"ascending":"descending"}handleSort(){if(!this.sortDirection){return}this.sortDirection=this.sortDirection===a.ASC?a.DESC:a.ASC;this.sort.emit({sortDirection:this.sortDirection});const e=this.host.parentElement;if(e){const t=Array.from(e.querySelectorAll("z-th"));t.forEach((e=>e.style.zIndex="1"))}this.host.style.zIndex="2"}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}}componentWillLoad(){this.updateColspan()}render(){return o(n,{key:"660ca313ef9c4f960f44e39d388ee68383aa0014",tabIndex:"0","menu-open":this.isMenuOpen,"aria-sort":this.ariaSortDirection,sortable:this.showSorting},o("div",{key:"d9632f0eb358056fe457d4a7e0850573ed302e1e",tabIndex:1,class:"zth-body",onClick:()=>{if(this.showSorting){this.handleSort()}}},o("div",{key:"30f60a7650a81da5a54406169e2f837b20ce0192",class:"z-th-content-container"},o("slot",{key:"f1627b5eddc86e537b246b6c5b49f8e84d6df93e"}),this.showSorting&&o("button",{key:"16c4514224423893aa4c433464af81669ab1d8d6",class:{"z-th--sort-button":true,"sort-active":this.showSorting===r.ALWAYS},type:"button",onClick:this.handleSort.bind(this)},o("z-icon",{key:"362508e690d2772ec2683e37e015faada3e6c8b7",name:this.sortDirection===a.DESC?"arrow-simple-up":"arrow-simple-down",width:14,height:14})),this.showMenu&&o("div",{key:"8cea76eff8e0a693ca7edcffbf236434bfd62ec0",class:"cell--menu-container"},o("z-button",{key:"f8eb6c03f1f247c34854dad68ee2528df0315076",variant:c.TERTIARY,icon:"contextual-menu",size:h.X_SMALL,ref:e=>this.menuTrigger=e,onClick:()=>this.popoverEl.open=!this.popoverEl.open}),o("z-popover",{key:"2e0fa31ad07bea35043f229429dccc1e1cb692d9",ref:e=>this.popoverEl=e,bindTo:this.menuTrigger,onOpenChange:e=>this.isMenuOpen=e.detail.open,position:this.popoverPosition},o("slot",{key:"f4587b5003987af9498bcf99ac126e63e8c86ba3",name:"contextual-menu"}))))))}get host(){return s(this)}static get watchers(){return{colspan:["updateColspan"]}}};p.style=d;export{p as Z};
-//# sourceMappingURL=p-acc97c14.js.map

package/www/build/p-acc97c14.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZThStyle0","ZTh","PopoverPosition","AUTO","ariaSortDirection","this","sortDirection","SortDirection","ASC","handleSort","DESC","sort","emit","row","host","parentElement","zThElements","Array","from","querySelectorAll","forEach","th","style","zIndex","updateColspan","colspan","gridColumn","removeProperty","componentWillLoad","render","h","Host","key","tabIndex","isMenuOpen","sortable","showSorting","class","onClick","VisibilityCondition","ALWAYS","type","bind","name","width","height","showMenu","variant","ButtonVariant","TERTIARY","icon","size","ControlSize","X_SMALL","ref","el","menuTrigger","popoverEl","open","bindTo","onOpenChange","event","detail","position","popoverPosition"],"sources":["src/components/table/cells/z-th/styles.css?tag=z-th&encapsulation=shadow","src/components/table/cells/z-th/index.tsx"],"sourcesContent":["@import \"../z-table-cells.css\";\n\n:host {\n  z-index: 1;\n  box-sizing: border-box;\n  padding: 0;\n  background-color: var(--color-surface02);\n  font-weight: var(--font-sb);\n}\n\n:host([sticky]) {\n  background-color: var(--color-surface02);\n}\n\n:host([sortable]) {\n  cursor: pointer;\n}\n\n.z-th--sort-button {\n  display: none;\n}\n\n:host(:hover) .z-th--sort-button,\n:host .sort-active {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  margin-top: auto;\n  background-color: transparent;\n  cursor: pointer;\n}\n\n.z-th-content-container {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  justify-content: space-between;\n}\n\n:host > .zth-body {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  padding: calc(var(--space-unit) * 2);\n}\n\n.zth-body:focus {\n  border: 2px solid var(--blue800);\n  outline: none;\n}\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, PopoverPosition, SortDirection, VisibilityCondition} from \"../../../../beans\";\n\n/**\n * ZTh component.\n * @slot - ZTh content.\n * @slot contextual-menu - Contextual menu content. Only visible when `showMenu` is true.\n */\n@Component({\n  tag: \"z-th\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTh {\n  @Element() host: HTMLZThElement;\n\n  /**\n   * Number of columns that the cell should span.\n   */\n  @Prop()\n  colspan: number;\n\n  /**\n   * Enables the contextual menu.\n   * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n   * Set a nullish value to hide the menu button.\n   */\n  @Prop({reflect: true})\n  showMenu: VisibilityCondition = null;\n\n  /**\n   * Enables the sorting button.\n   * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n   * Set a nullish value to hide the sort button.\n   */\n  @Prop({reflect: true})\n  showSorting: VisibilityCondition = null;\n\n  /**\n   * Whether the cell should stick.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  /**\n   * Current sorting direction.\n   * Set `SortDirection.ASC` or `SortDirection.DESC` to show the sort icon.\n   */\n  @Prop({mutable: true})\n  sortDirection?: SortDirection;\n\n  /**\n   * Set popover position.\n   */\n  @Prop()\n  popoverPosition = PopoverPosition.AUTO;\n\n  /**\n   * Store the open state of the menu.\n   */\n  @State()\n  isMenuOpen = false;\n\n  /**\n   * Sort event fired when the user clicks on the sort button.\n   * The sorting logic must be implemented by the app.\n   * You can set an `id` on the `z-th` to easly identify the column in the event listener.\n   */\n  @Event()\n  private sort: EventEmitter;\n\n  private menuTrigger: HTMLElement;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  /**\n   * Get the value to set to the `aria-sort` attribute based on the current sort direction.\n   */\n  private get ariaSortDirection(): string {\n    if (!this.sortDirection) {\n      return null;\n    }\n\n    return this.sortDirection === SortDirection.ASC ? \"ascending\" : \"descending\";\n  }\n\n  /**\n   * Handle the click on the sort button.\n   * This method will also handle the z-index logic.\n   * @fires sort\n   */\n  private handleSort(): void {\n    if (!this.sortDirection) {\n      return;\n    }\n\n    this.sortDirection = this.sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC;\n\n    this.sort.emit({sortDirection: this.sortDirection});\n\n    const row = this.host.parentElement;\n    if (row) {\n      const zThElements = Array.from(row.querySelectorAll(\"z-th\"));\n      zThElements.forEach((th) => (th.style.zIndex = \"1\"));\n    }\n\n    this.host.style.zIndex = \"2\";\n  }\n\n  @Watch(\"colspan\")\n  protected updateColspan(): void {\n    if (this.colspan) {\n      this.host.style.gridColumn = `span ${this.colspan}`;\n    } else {\n      this.host.style.removeProperty(\"grid-column\");\n    }\n  }\n\n  componentWillLoad(): void {\n    this.updateColspan();\n  }\n\n  render(): HTMLZThElement {\n    return (\n      <Host\n        tabIndex=\"0\"\n        menu-open={this.isMenuOpen}\n        aria-sort={this.ariaSortDirection}\n        sortable={this.showSorting}\n      >\n        <div\n          tabIndex={1}\n          class=\"zth-body\"\n          onClick={() => {\n            if (this.showSorting) {\n              this.handleSort();\n            }\n          }}\n        >\n          <div class=\"z-th-content-container\">\n            <slot></slot>\n            {this.showSorting && (\n              <button\n                class={{\"z-th--sort-button\": true, \"sort-active\": this.showSorting === VisibilityCondition.ALWAYS}}\n                type=\"button\"\n                onClick={this.handleSort.bind(this)}\n              >\n                <z-icon\n                  name={this.sortDirection === SortDirection.DESC ? \"arrow-simple-up\" : \"arrow-simple-down\"}\n                  width={14}\n                  height={14}\n                />\n              </button>\n            )}\n            {this.showMenu && (\n              <div class=\"cell--menu-container\">\n                <z-button\n                  variant={ButtonVariant.TERTIARY}\n                  icon=\"contextual-menu\"\n                  size={ControlSize.X_SMALL}\n                  ref={(el) => (this.menuTrigger = el as HTMLElement)}\n                  onClick={() => (this.popoverEl.open = !this.popoverEl.open)}\n                />\n                <z-popover\n                  ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n                  bindTo={this.menuTrigger}\n                  onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n                  position={this.popoverPosition}\n                >\n                  <slot name=\"contextual-menu\"></slot>\n                </z-popover>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gIAAA,MAAMA,EAAY,ulDAClB,MAAAC,EAAeD,E,MCYFE,EAAG,M,yFAekB,K,iBAQG,K,YAM1B,M,kDAaSC,EAAgBC,K,gBAMrB,K,CAiBb,qBAAYC,GACV,IAAKC,KAAKC,cAAe,CACvB,OAAO,I,CAGT,OAAOD,KAAKC,gBAAkBC,EAAcC,IAAM,YAAc,Y,CAQ1D,UAAAC,GACN,IAAKJ,KAAKC,cAAe,CACvB,M,CAGFD,KAAKC,cAAgBD,KAAKC,gBAAkBC,EAAcC,IAAMD,EAAcG,KAAOH,EAAcC,IAEnGH,KAAKM,KAAKC,KAAK,CAACN,cAAeD,KAAKC,gBAEpC,MAAMO,EAAMR,KAAKS,KAAKC,cACtB,GAAIF,EAAK,CACP,MAAMG,EAAcC,MAAMC,KAAKL,EAAIM,iBAAiB,SACpDH,EAAYI,SAASC,GAAQA,EAAGC,MAAMC,OAAS,K,CAGjDlB,KAAKS,KAAKQ,MAAMC,OAAS,G,CAIjB,aAAAC,GACR,GAAInB,KAAKoB,QAAS,CAChBpB,KAAKS,KAAKQ,MAAMI,WAAa,QAAQrB,KAAKoB,S,KACrC,CACLpB,KAAKS,KAAKQ,MAAMK,eAAe,c,EAInC,iBAAAC,GACEvB,KAAKmB,e,CAGP,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,SAAS,IAAG,YACD5B,KAAK6B,WAAU,YACf7B,KAAKD,kBAChB+B,SAAU9B,KAAK+B,aAEfN,EAAA,OAAAE,IAAA,2CACEC,SAAU,EACVI,MAAM,WACNC,QAAS,KACP,GAAIjC,KAAK+B,YAAa,CACpB/B,KAAKI,Y,IAITqB,EAAA,OAAAE,IAAA,2CAAKK,MAAM,0BACTP,EAAA,QAAAE,IAAA,6CACC3B,KAAK+B,aACJN,EAAA,UAAAE,IAAA,2CACEK,MAAO,CAAC,oBAAqB,KAAM,cAAehC,KAAK+B,cAAgBG,EAAoBC,QAC3FC,KAAK,SACLH,QAASjC,KAAKI,WAAWiC,KAAKrC,OAE9ByB,EAAA,UAAAE,IAAA,2CACEW,KAAMtC,KAAKC,gBAAkBC,EAAcG,KAAO,kBAAoB,oBACtEkC,MAAO,GACPC,OAAQ,MAIbxC,KAAKyC,UACJhB,EAAA,OAAAE,IAAA,2CAAKK,MAAM,wBACTP,EAAA,YAAAE,IAAA,2CACEe,QAASC,EAAcC,SACvBC,KAAK,kBACLC,KAAMC,EAAYC,QAClBC,IAAMC,GAAQlD,KAAKmD,YAAcD,EACjCjB,QAAS,IAAOjC,KAAKoD,UAAUC,MAAQrD,KAAKoD,UAAUC,OAExD5B,EAAA,aAAAE,IAAA,2CACEsB,IAAMC,GAAQlD,KAAKoD,UAAYF,EAC/BI,OAAQtD,KAAKmD,YACbI,aAAeC,GAAWxD,KAAK6B,WAAa2B,EAAMC,OAAOJ,KACzDK,SAAU1D,KAAK2D,iBAEflC,EAAA,QAAAE,IAAA,2CAAMW,KAAK,wB","ignoreList":[]}

package/www/build/p-ae0696b9.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,a,g as s}from"./p-cfa39bd3.js";import"./p-bfa544c7.js";import"./p-72dabb18.js";import"./p-b9fd414f.js";import"./p-7f71467d.js";import"./p-2c184714.js";import"./p-6037cdf3.js";import"./p-2c886e8b.js";import"./p-30209b8a.js";import"./p-acc97c14.js";const r=":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}";const o=r;const i=class{constructor(e){t(this,e);this.bordered=false;this.expandable=false}updateExpandable(){this.expandable=this.host.querySelectorAll("z-tr[expandable]").length>0}componentWillLoad(){this.expandableMutationObserver=new MutationObserver((()=>{this.updateExpandable()}));this.expandableMutationObserver.observe(this.host,{childList:true,subtree:true,attributes:true,attributeFilter:["expandable"],attributeOldValue:false})}disconnectedCallback(){var t;(t=this.expandableMutationObserver)===null||t===void 0?void 0:t.disconnect()}render(){return e(a,{key:"b52da4a04a1ae7b02c1382f5fb900cd129f06319",expandable:this.expandable},e("div",{key:"8a4913966c915691a7dde1d1a23dd4da39cf1800",class:"table",role:"table"},e("slot",{key:"c4ff8a3fabe9451e83013e922e95976a6de3da34"})))}get host(){return s(this)}};i.style=o;export{i as z_table};
-//# sourceMappingURL=p-ae0696b9.entry.js.map

package/www/build/p-ae0696b9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTableStyle0","ZTable","updateExpandable","this","expandable","host","querySelectorAll","length","componentWillLoad","expandableMutationObserver","MutationObserver","observe","childList","subtree","attributes","attributeFilter","attributeOldValue","disconnectedCallback","_a","disconnect","render","h","Host","key","class","role"],"sources":["src/components/table/z-table/styles.css?tag=z-table&encapsulation=shadow","src/components/table/z-table/index.tsx"],"sourcesContent":[":host {\n  --z-table--cells-padding: calc(var(--space-unit) * 2);\n\n  position: relative;\n  display: block;\n  overflow: auto;\n  max-width: 100%;\n  box-sizing: border-box;\n  background-color: var(--color-surface01);\n}\n\n:host([expandable]) {\n  --z-table--expand-button-size: 40px;\n}\n\n:host([bordered]) {\n  --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n","import {Component, Element, Host, Prop, State, h} from \"@stencil/core\";\nimport \"../z-tbody/index\";\nimport \"../z-tfoot/index\";\nimport \"../z-thead/index\";\nimport \"../z-tr/index\";\n\n/**\n * ZTable component.\n * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).\n * @cssprop --z-table--cells-padding - Padding of the cells.\n */\n@Component({\n  tag: \"z-table\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTable {\n  @Element() host: HTMLZTableElement;\n\n  /**\n   * Whether the table cells should show a border between them.\n   */\n  @Prop({reflect: true})\n  bordered = false;\n\n  /**\n   * Whether the table contains some expandable rows.\n   */\n  @State()\n  expandable = false;\n\n  private updateExpandable(): void {\n    this.expandable = this.host.querySelectorAll(\"z-tr[expandable]\").length > 0;\n  }\n\n  private expandableMutationObserver: MutationObserver;\n\n  /**\n   * Setup the table creating a mutation observer for the expandable attribute.\n   */\n  componentWillLoad(): void {\n    this.expandableMutationObserver = new MutationObserver(() => {\n      this.updateExpandable();\n    });\n    this.expandableMutationObserver.observe(this.host, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"expandable\"],\n      attributeOldValue: false,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.expandableMutationObserver?.disconnect();\n  }\n\n  render(): HTMLZTableElement {\n    return (\n      <Host expandable={this.expandable}>\n        <div\n          class=\"table\"\n          role=\"table\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4QAAA,MAAMA,EAAY,+TAClB,MAAAC,EAAeD,E,MCeFE,EAAM,M,uCAON,M,gBAME,K,CAEL,gBAAAC,GACNC,KAAKC,WAAaD,KAAKE,KAAKC,iBAAiB,oBAAoBC,OAAS,C,CAQ5E,iBAAAC,GACEL,KAAKM,2BAA6B,IAAIC,kBAAiB,KACrDP,KAAKD,kBAAkB,IAEzBC,KAAKM,2BAA2BE,QAAQR,KAAKE,KAAM,CACjDO,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,cAClBC,kBAAmB,O,CAIvB,oBAAAC,G,OACEC,EAAAf,KAAKM,8BAA0B,MAAAS,SAAA,SAAAA,EAAEC,Y,CAGnC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACnB,WAAYD,KAAKC,YACrBiB,EAAA,OAAAE,IAAA,2CACEC,MAAM,QACNC,KAAK,SAELJ,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/www/build/p-b815d28c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,g as s}from"./p-cfa39bd3.js";import{I as o,e as r,i as a,g as n,l as h}from"./p-6037cdf3.js";import{r as d,a as l}from"./p-2c184714.js";import"./p-2c886e8b.js";const c=':host{display:block;font-family:var(--font-family-sans)}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-surface04);margin:0;background-color:var(--color-input-field01);border-radius:var(--border-radius-small);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header p.body-3{padding:calc(var(--space-unit) * 0.5) 0}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}:host>div.open>div.header:focus:focus-visible{box-shadow:none}:host>div>div.header:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>p.body-3{padding:var(--space-unit) 0;margin:0;color:var(--color-default-text)}:host>div>.header>p.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-default-icon);transform:rotate(360deg);transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-primary01);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-disabled01);fill:var(--color-disabled01)}:host>div.disabled .header>p.body-3{color:var(--color-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-disabled01)}:host>div.open>.header>z-icon{fill:var(--color-default-icon);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.open-combo-data{position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--gray200);border-top:0;background-color:var(--color-input-field01);border-radius:0}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0;scrollbar-color:var(--color-primary01) transparent}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>div>ul{max-height:235px;padding:0 3px;margin:0}::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01)}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:auto;margin-top:0;box-shadow:1px 1px 4px 2px rgb(217 222 227 / 50%)}:host>div.open>div.open-combo-data>div>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2);scrollbar-color:var(--color-primary01) transparent}:host>div.open>div.open-combo-data>div>div.search>div{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div>div.search>div>a{display:inline-block;height:44px;color:var(--color-primary01);cursor:pointer;font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}';const p=c;const u=class{watchItems(){this.itemsList=typeof this.items==="string"?JSON.parse(this.items):this.items;this.selectedCounter=this.itemsList.filter((t=>t.checked)).length;this.updateRenderItemsList()}watchSearchValue(){this.filterItems(this.searchValue)}watchCheckboxes(){this.checkboxes.forEach(((t,i)=>t.setAttribute("tabindex",i===0?"0":"-1")))}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}constructor(e){t(this,e);this.comboboxChange=i(this,"comboboxChange",7);this.itemsList=[];this.inputType=o.TEXT;this.inputid=`combo-${d()}`;this.items=undefined;this.label=undefined;this.disabled=false;this.hassearch=false;this.searchlabel=undefined;this.searchplaceholder=undefined;this.searchtitle=undefined;this.noresultslabel="Nessun risultato";this.isopen=false;this.isfixed=false;this.closesearchtext="Chiudi";this.hascheckall=false;this.checkalltext="Seleziona tutti";this.uncheckalltext="Deseleziona tutti";this.maxcheckableitems=0;this.hasgroupitems=undefined;this.size=r.BIG;this.searchValue=undefined;this.selectedCounter=undefined;this.renderItemsList=[];this.focusedItemId=undefined;this.checkboxes=[];this.toggleComboBox=this.toggleComboBox.bind(this);this.closeFilterItems=this.closeFilterItems.bind(this)}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((t=>t.checked)).length}componentDidRender(){const t=this.getAllCheckboxes();if(JSON.stringify(t)!==JSON.stringify(this.checkboxes)){this.checkboxes=t}}getItemId(t){return`combo-checkbox-${this.inputid}-${t.id}`}getCheckboxClass(){return`combo-item-checkbox-input-${this.inputid}`}getAllCheckboxes(){return Array.from(this.element.shadowRoot.querySelectorAll(`.${this.getCheckboxClass()} input:not([disabled])`))}getControlToListSize(){switch(this.size){case r.X_SMALL:return a.SMALL;case r.SMALL:return a.MEDIUM;default:return a.LARGE}}handleSelectArrowsNavigation(t,i){if(![n.ARROW_DOWN,n.ARROW_UP].includes(t.key)||!this.isopen){return}t.preventDefault();t.stopPropagation();const e=this.element.shadowRoot.querySelector(`#${i}`);if(!e){return}const s=this.checkboxes;if(!s.length){return}const o=s.indexOf(e);const r=0;const a=s.length-1;let h=null;if(t.key===n.ARROW_DOWN){h=o===a?s[r]:s[o+1]}else if(t.key===n.ARROW_UP){h=o===r?s[a]:s[o-1]}this.focusComboboxItem(h)}handleHeaderKeyboardEvent(t){if(t.key===n.SPACE){t.preventDefault()}if(t.key===n.ARROW_DOWN&&!this.isopen||t.key===n.ARROW_UP&&this.isopen){this.toggleComboBox()}}handleCheckboxFocus(t){this.focusedItemId=t}focusComboboxItem(t){this.checkboxes.forEach((function(t){t.setAttribute("tabindex","-1")}));t.setAttribute("tabindex","0");t.focus()}updateRenderItemsList(){if(this.searchValue){this.filterItems(this.searchValue)}else{this.resetRenderItemsList()}}resetRenderItemsList(){const t=[];this.itemsList.forEach((i=>{t.push(Object.assign({},i))}));this.renderItemsList=t}filterItems(t){if(!t){return this.closeFilterItems()}this.resetRenderItemsList();this.renderItemsList=this.renderItemsList.filter((i=>{const e=i.name.toUpperCase().indexOf(t.toUpperCase());const s=e+t.length;const o=i.name.substring(0,e)+"<strong>"+i.name.substring(e,s)+"</strong>"+i.name.substring(s,i.name.length);i.name=o;return e>=0}))}checkAll(t=true){this.itemsList=this.itemsList.map((i=>Object.assign(Object.assign({},i),{checked:t})));this.resetRenderItemsList();this.emitComboboxChange()}closeFilterItems(){this.searchValue="";this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}getComboboxA11yAttributes(){return{role:"combobox","aria-label":this.label,"aria-expanded":this.isopen?"true":"false","aria-activedescendant":this.isopen?this.focusedItemId:"","aria-controls":`${this.inputid}_list`}}renderHeader(){return e("div",{class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:t=>{this.handleHeaderKeyboardEvent(t)},onKeyUp:t=>l(t,this.toggleComboBox),role:"button",tabindex:0,"aria-expanded":this.isopen?"true":"false"},e("p",{class:"body-3"},this.label,e("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),e("z-icon",{name:"caret-down",class:this.size}))}renderContent(){if(!this.isopen){return}return e("div",{class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),!this.hassearch?e("span",Object.assign({},this.getComboboxA11yAttributes())):null,e("div",{role:"listbox","aria-label":this.label,"aria-multiselectable":true,id:`${this.inputid}_list`,"aria-owns":`${this.checkboxes.map((t=>t.id)).join(" ")}`},this.hascheckall&&this.renderCheckAll(),this.renderItems()))}renderItems(){return e("div",{class:this.searchValue&&"search"},this.renderList(this.renderItemsList),this.searchValue&&this.renderCloseButton())}renderItem(t,i,s){return e("z-list-element",{id:t.id,htmlTabindex:null,dividerType:i!==s-1?h.ELEMENT:h.NONE,size:this.getControlToListSize()},e("z-input",{type:o.CHECKBOX,checked:t.checked,htmlid:this.getItemId(t),label:t.name,class:this.getCheckboxClass(),disabled:!t.checked&&this.maxcheckableitems&&this.selectedCounter>=this.maxcheckableitems,size:this.size===r.X_SMALL?r.SMALL:this.size,role:"option","aria-selected":t.checked?"true":"false",onKeyDown:i=>this.handleSelectArrowsNavigation(i,this.getItemId(t)),onInputCheck:i=>{this.itemsList=this.itemsList.map((e=>{if(t.id===e.id){e.checked=i.detail.checked}return e}));this.updateRenderItemsList();this.emitComboboxChange()},onInputFocus:t=>this.handleCheckboxFocus(t.detail.id)}))}renderList(t){if(!t){return}if(!t.length&&this.searchValue){return this.renderNoSearchResults()}if(this.hasgroupitems){return this.renderGroups(t)}return e("ul",{role:"none"},t.map(((i,e)=>this.renderItem(i,e,t.length))))}renderGroups(t){const i=t.reduce(((i,e,s)=>{var o;const{category:r}=e;const a=this.renderItem(e,s,t.length);i[r]=(o=i[r])!==null&&o!==void 0?o:[];i[r].push(a);return i}),{});const s=Object.entries(i).map((([t,i])=>e("z-list-group",{"divider-type":h.ELEMENT},e("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},t),i.map((t=>t)))));return e("ul",{role:"none"},s)}renderNoSearchResults(){return e("ul",{role:"none"},e("z-myz-list-item",{id:"no-results",text:this.noresultslabel,listitemid:"no-results",icon:"multiply-circle",class:this.size}))}renderCloseButton(){return e("div",null,e("a",{onClick:()=>this.closeFilterItems(),onKeyUp:t=>l(t,this.closeFilterItems),role:"button",tabindex:0},this.closesearchtext))}renderSearchInput(){return e("z-input",Object.assign({htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:false,size:this.size,"aria-autocomplete":"list"},this.getComboboxA11yAttributes(),{onKeyUp:t=>{if(t.key===n.ESC){this.closeFilterItems()}},onInputChange:t=>{this.searchValue=t.detail.value}}))}renderCheckAll(){if(this.searchValue){return}const t=`combo-checkbox-${this.inputid}-check-all`;const i=this.selectedCounter===this.itemsList.length;return e("div",{class:"check-all-wrapper"},e("z-input",{type:o.CHECKBOX,checked:i,htmlid:t,class:this.getCheckboxClass(),label:i?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length,size:this.size===r.X_SMALL?r.SMALL:this.size,role:"option","aria-selected":i?"true":"false",onKeyDown:i=>this.handleSelectArrowsNavigation(i,t),onInputCheck:t=>this.checkAll(t.detail.checked),onInputFocus:t=>this.handleCheckboxFocus(t.detail.id)}))}render(){return e("div",{key:"2e564b2458489f06134e2de89b175be82aaebd11","data-action":`combo-${this.inputid}`,class:{open:this.isopen,fixed:this.isfixed,disabled:this.disabled},id:this.inputid},this.renderHeader(),!this.disabled&&this.renderContent())}get element(){return s(this)}static get watchers(){return{items:["watchItems"],searchValue:["watchSearchValue"],checkboxes:["watchCheckboxes"]}}};u.style=p;export{u as z_combobox};
-//# sourceMappingURL=p-b815d28c.entry.js.map

package/www/build/p-b815d28c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZComboboxStyle0","ZCombobox","watchItems","this","itemsList","items","JSON","parse","selectedCounter","filter","item","checked","length","updateRenderItemsList","watchSearchValue","filterItems","searchValue","watchCheckboxes","checkboxes","forEach","index","setAttribute","emitComboboxChange","comboboxChange","emit","id","inputid","constructor","hostRef","inputType","InputType","TEXT","randomId","ControlSize","BIG","toggleComboBox","bind","closeFilterItems","componentWillLoad","componentWillRender","componentDidRender","getAllCheckboxes","stringify","getItemId","getCheckboxClass","Array","from","element","shadowRoot","querySelectorAll","getControlToListSize","size","X_SMALL","ListSize","SMALL","MEDIUM","LARGE","handleSelectArrowsNavigation","e","currId","KeyboardCode","ARROW_DOWN","ARROW_UP","includes","key","isopen","preventDefault","stopPropagation","currElem","querySelector","currElemIndex","indexOf","firstElemIndex","lastElemIndex","nextElem","focusComboboxItem","handleHeaderKeyboardEvent","ev","SPACE","handleCheckboxFocus","focusedItemId","elem","focus","resetRenderItemsList","renderItemsList","push","Object","assign","value","start","name","toUpperCase","end","newName","substring","checkAll","map","getComboboxA11yAttributes","role","label","renderHeader","h","class","onClick","onKeyDown","onKeyUp","handleKeyboardSubmit","tabindex","renderContent","hassearch","renderSearchInput","join","hascheckall","renderCheckAll","renderItems","renderList","renderCloseButton","renderItem","htmlTabindex","dividerType","ListDividerType","ELEMENT","NONE","type","CHECKBOX","htmlid","disabled","maxcheckableitems","onInputCheck","i","detail","onInputFocus","renderNoSearchResults","hasgroupitems","renderGroups","newData","reduce","group","category","zListItem","_a","listGroups","entries","slot","text","noresultslabel","listitemid","icon","closesearchtext","searchlabel","placeholder","searchplaceholder","htmltitle","searchtitle","message","ESC","onInputChange","checkAllId","allChecked","uncheckalltext","checkalltext","render","open","fixed","isfixed"],"sources":["src/components/z-combobox/styles.css?tag=z-combobox&encapsulation=shadow","src/components/z-combobox/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  font-family: var(--font-family-sans);\n}\n\n:host > div.fixed {\n  position: relative;\n}\n\n:host > div > .header {\n  position: relative;\n  z-index: 10;\n  display: flex;\n  min-height: 42px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 calc(var(--space-unit) * 1.5);\n  border: var(--border-size-small) solid var(--color-surface04);\n  margin: 0;\n  background-color: var(--color-input-field01);\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n}\n\n:host([size=\"small\"]) > div > .header {\n  min-height: 34px;\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) > div > .header {\n  min-height: 30px;\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) > div > .header p.body-3 {\n  padding: calc(var(--space-unit) * 0.5) 0;\n}\n\n:host > div > .header:hover {\n  outline: var(--border-size-medium) solid var(--color-surface04);\n  outline-offset: -2px;\n}\n\n:host > div.open > div.header:focus:focus-visible {\n  box-shadow: none;\n}\n\n:host > div > div.header:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div > .header > p.body-3 {\n  padding: var(--space-unit) 0;\n  margin: 0;\n  color: var(--color-default-text);\n}\n\n:host > div > .header > p.body-3 > span {\n  font-weight: var(--font-sb);\n}\n\n:host > div > .header > z-icon {\n  fill: var(--color-default-icon);\n  transform: rotate(360deg);\n  transition: all 200ms linear;\n}\n\n:host > div > .header > z-icon.small,\n:host > div > .header > z-icon.x-small {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host > div.open > .header {\n  border: var(--border-size-small) solid var(--color-primary01);\n  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;\n}\n\n:host > div.disabled {\n  pointer-events: none;\n}\n\n:host > div.disabled .header {\n  border-color: var(--color-disabled01);\n  fill: var(--color-disabled01);\n}\n\n:host > div.disabled .header > p.body-3 {\n  color: var(--color-disabled03);\n}\n\n:host > div.disabled .header > z-icon:last-child {\n  fill: var(--color-disabled01);\n}\n\n:host > div.open > .header > z-icon {\n  fill: var(--color-default-icon);\n  transform: rotate(180deg);\n  transition: all 200ms linear;\n}\n\n:host > div.open > div.open-combo-data {\n  position: relative;\n  z-index: 12;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n  border: var(--border-size-small) solid var(--gray200);\n  border-top: 0;\n  background-color: var(--color-input-field01);\n  border-radius: 0;\n}\n\n:host > div.open > div.open-combo-data > div > div {\n  overflow: auto;\n  max-height: 235px;\n  padding: 0;\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n:host > div.open > div.open-combo-data > z-input {\n  width: 100%;\n  margin-bottom: calc(var(--space-unit) * 2);\n}\n\n:host > div.open > div.open-combo-data > div > div > ul {\n  max-height: 235px;\n  padding: 0 3px; /* needed for checkbox focus shadow */\n  margin: 0;\n}\n\n::-webkit-scrollbar {\n  width: 10px;\n  background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);\n  border-radius: var(--border-radius);\n}\n\n::-webkit-scrollbar-thumb {\n  width: 10px;\n  background-color: var(--color-primary01);\n}\n\n:host > div.open > z-input {\n  position: relative;\n  z-index: 1;\n  width: 238px;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-primary01);\n}\n\n:host > div.open > div.open-combo-data > div > div.search {\n  overflow: hidden;\n  max-height: auto;\n  margin-top: 0;\n  box-shadow: 1px 1px 4px 2px rgb(217 222 227 / 50%);\n}\n\n:host > div.open > div.open-combo-data > div > div.search > ul {\n  overflow: auto;\n  max-height: 180px;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n:host > div.open > div.open-combo-data > div > div.search > div {\n  display: flex;\n  justify-content: center;\n}\n\n:host > div.open > div.open-combo-data > div > div.search > div > a {\n  display: inline-block;\n  height: 44px;\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 44px;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n:host > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);\n  border-bottom: var(--border-size-small) solid var(--gray800);\n  margin-bottom: var(--space-unit);\n  text-align: left;\n}\n\n:host([size=\"small\"]) > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5);\n}\n\n:host([size=\"x-small\"]) > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: var(--space-unit) calc(var(--space-unit) * 0.5);\n}\n","import {Component, Element, Event, EventEmitter, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ComboItem, ControlSize, InputType, KeyboardCode, ListDividerType, ListSize} from \"../../beans\";\nimport {ZMyzListItem} from \"../../snowflakes/myz/list/z-myz-list-item\";\nimport {handleKeyboardSubmit, randomId} from \"../../utils/utils\";\nimport {ZInput} from \"../z-input\";\n\n@Component({\n  tag: \"z-combobox\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZCombobox {\n  @Element() element: HTMLZComboboxElement;\n\n  /** input unique id */\n  @Prop()\n  inputid = `combo-${randomId()}`;\n\n  /** list items array */\n  @Prop()\n  items: ComboItem[] | string;\n\n  /** label text */\n  @Prop()\n  label: string;\n\n  /** the combobox is disabled */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** show search input flag (optional) */\n  @Prop()\n  hassearch?: boolean = false;\n\n  /** search input label text (optional) */\n  @Prop()\n  searchlabel?: string;\n\n  /** search input placeholder text (optional) */\n  @Prop()\n  searchplaceholder?: string;\n\n  /** search input title text (optional) */\n  @Prop()\n  searchtitle?: string;\n\n  /** no result text message */\n  @Prop()\n  noresultslabel?: string = \"Nessun risultato\";\n\n  /** toggle combo list opening flag */\n  @Prop({mutable: true})\n  isopen = false;\n\n  /** fixed style flag */\n  @Prop()\n  isfixed = false;\n\n  /** close combobox list text */\n  @Prop()\n  closesearchtext?: string = \"Chiudi\";\n\n  /** show \"check all\" checkbox (optional) */\n  @Prop()\n  hascheckall?: boolean = false;\n\n  /** check all label (optional) */\n  @Prop()\n  checkalltext?: string = \"Seleziona tutti\";\n\n  /** uncheck all label (optional) */\n  @Prop()\n  uncheckalltext?: string = \"Deseleziona tutti\";\n\n  /** max number of checkable items (0 = unlimited) */\n  @Prop()\n  maxcheckableitems = 0;\n\n  /** group items by category */\n  @Prop()\n  hasgroupitems?: boolean;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop()\n  size?: ControlSize = ControlSize.BIG;\n\n  @State()\n  searchValue: string;\n\n  @State()\n  selectedCounter: number;\n\n  @State()\n  renderItemsList: ComboItem[] = []; // used for render only\n\n  @State()\n  focusedItemId: string;\n\n  @State()\n  checkboxes: HTMLInputElement[] = [];\n\n  private itemsList: ComboItem[] = [];\n\n  private inputType: InputType = InputType.TEXT;\n\n  @Watch(\"items\")\n  watchItems(): void {\n    this.itemsList = typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n    this.selectedCounter = this.itemsList.filter((item) => item.checked).length;\n    this.updateRenderItemsList();\n  }\n\n  @Watch(\"searchValue\")\n  watchSearchValue(): void {\n    this.filterItems(this.searchValue);\n  }\n\n  @Watch(\"checkboxes\")\n  watchCheckboxes(): void {\n    this.checkboxes.forEach((item, index) => item.setAttribute(\"tabindex\", index === 0 ? \"0\" : \"-1\"));\n  }\n\n  /** Emitted when value is checked/unchecked. Returns id, items. */\n  @Event()\n  comboboxChange: EventEmitter;\n\n  private emitComboboxChange(): void {\n    this.comboboxChange.emit({id: this.inputid, items: this.itemsList});\n  }\n\n  constructor() {\n    this.toggleComboBox = this.toggleComboBox.bind(this);\n    this.closeFilterItems = this.closeFilterItems.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.watchItems();\n  }\n\n  componentWillRender(): void {\n    this.selectedCounter = this.itemsList.filter((item) => item.checked).length;\n  }\n\n  componentDidRender(): void {\n    const checkboxes = this.getAllCheckboxes();\n    if (JSON.stringify(checkboxes) !== JSON.stringify(this.checkboxes)) {\n      this.checkboxes = checkboxes;\n    }\n  }\n\n  private getItemId(item: ComboItem): string {\n    return `combo-checkbox-${this.inputid}-${item.id}`;\n  }\n\n  private getCheckboxClass(): string {\n    return `combo-item-checkbox-input-${this.inputid}`;\n  }\n\n  private getAllCheckboxes(): HTMLInputElement[] {\n    return Array.from(\n      this.element.shadowRoot.querySelectorAll(`.${this.getCheckboxClass()} input:not([disabled])`)\n    ) as HTMLInputElement[];\n  }\n\n  private getControlToListSize(): ListSize {\n    switch (this.size) {\n      case ControlSize.X_SMALL:\n        return ListSize.SMALL;\n      case ControlSize.SMALL:\n        return ListSize.MEDIUM;\n      default:\n        return ListSize.LARGE;\n    }\n  }\n\n  private handleSelectArrowsNavigation(e: KeyboardEvent, currId: string): void {\n    if (![KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP].includes(e.key as KeyboardCode) || !this.isopen) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const currElem = this.element.shadowRoot.querySelector(`#${currId}`) as HTMLInputElement;\n    if (!currElem) {\n      return;\n    }\n\n    const checkboxes = this.checkboxes;\n    if (!checkboxes.length) {\n      return;\n    }\n\n    const currElemIndex = checkboxes.indexOf(currElem);\n    const firstElemIndex = 0;\n    const lastElemIndex = checkboxes.length - 1;\n\n    let nextElem = null;\n    if (e.key === KeyboardCode.ARROW_DOWN) {\n      nextElem = currElemIndex === lastElemIndex ? checkboxes[firstElemIndex] : checkboxes[currElemIndex + 1];\n    } else if (e.key === KeyboardCode.ARROW_UP) {\n      nextElem = currElemIndex === firstElemIndex ? checkboxes[lastElemIndex] : checkboxes[currElemIndex - 1];\n    }\n\n    this.focusComboboxItem(nextElem);\n  }\n\n  private handleHeaderKeyboardEvent(ev: KeyboardEvent): void {\n    if (ev.key === KeyboardCode.SPACE) {\n      ev.preventDefault();\n    }\n    if ((ev.key === KeyboardCode.ARROW_DOWN && !this.isopen) || (ev.key === KeyboardCode.ARROW_UP && this.isopen)) {\n      this.toggleComboBox();\n    }\n  }\n\n  private handleCheckboxFocus(id: string): void {\n    this.focusedItemId = id;\n  }\n\n  private focusComboboxItem(elem): void {\n    this.checkboxes.forEach(function (item) {\n      item.setAttribute(\"tabindex\", \"-1\");\n    });\n\n    elem.setAttribute(\"tabindex\", \"0\");\n    elem.focus();\n  }\n\n  private updateRenderItemsList(): void {\n    if (this.searchValue) {\n      this.filterItems(this.searchValue);\n    } else {\n      this.resetRenderItemsList();\n    }\n  }\n\n  private resetRenderItemsList(): void {\n    const renderItemsList = [];\n    this.itemsList.forEach((item: ComboItem) => {\n      renderItemsList.push({...item});\n    });\n    this.renderItemsList = renderItemsList;\n  }\n\n  private filterItems(value: string): void {\n    if (!value) {\n      return this.closeFilterItems();\n    }\n\n    this.resetRenderItemsList();\n    this.renderItemsList = this.renderItemsList.filter((item) => {\n      const start = item.name.toUpperCase().indexOf(value.toUpperCase());\n      const end = start + value.length;\n      const newName =\n        item.name.substring(0, start) +\n        \"<strong>\" +\n        item.name.substring(start, end) +\n        \"</strong>\" +\n        item.name.substring(end, item.name.length);\n\n      item.name = newName;\n\n      return start >= 0;\n    });\n  }\n\n  private checkAll(checked = true): void {\n    this.itemsList = this.itemsList.map((item: ComboItem) => ({\n      ...item,\n      checked: checked,\n    }));\n    this.resetRenderItemsList();\n    this.emitComboboxChange();\n  }\n\n  private closeFilterItems(): void {\n    this.searchValue = \"\";\n    this.resetRenderItemsList();\n  }\n\n  private toggleComboBox(): void {\n    this.isopen = !this.isopen;\n  }\n\n  private getComboboxA11yAttributes(): Record<string, unknown> {\n    return {\n      \"role\": \"combobox\",\n      \"aria-label\": this.label,\n      \"aria-expanded\": this.isopen ? \"true\" : \"false\",\n      \"aria-activedescendant\": this.isopen ? this.focusedItemId : \"\",\n      \"aria-controls\": `${this.inputid}_list`,\n    };\n  }\n\n  private renderHeader(): HTMLDivElement {\n    return (\n      <div\n        class=\"header\"\n        onClick={() => this.toggleComboBox()}\n        onKeyDown={(ev: KeyboardEvent) => {\n          this.handleHeaderKeyboardEvent(ev);\n        }}\n        onKeyUp={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.toggleComboBox)}\n        role=\"button\"\n        tabindex={0}\n        aria-expanded={this.isopen ? \"true\" : \"false\"}\n      >\n        <p class=\"body-3\">\n          {this.label}\n          <span>{this.selectedCounter > 0 && ` (${this.selectedCounter})`}</span>\n        </p>\n        <z-icon\n          name=\"caret-down\"\n          class={this.size}\n        />\n      </div>\n    );\n  }\n\n  private renderContent(): HTMLDivElement {\n    if (!this.isopen) {\n      return;\n    }\n\n    return (\n      <div class=\"open-combo-data\">\n        {this.hassearch && this.renderSearchInput()}\n        {!this.hassearch ? <span {...this.getComboboxA11yAttributes()} /> : null}\n        <div\n          role=\"listbox\"\n          aria-label={this.label}\n          aria-multiselectable={true}\n          id={`${this.inputid}_list`}\n          aria-owns={`${this.checkboxes.map((item) => item.id).join(\" \")}`}\n        >\n          {this.hascheckall && this.renderCheckAll()}\n          {this.renderItems()}\n        </div>\n      </div>\n    );\n  }\n\n  private renderItems(): HTMLDivElement {\n    return (\n      <div class={this.searchValue && \"search\"}>\n        {this.renderList(this.renderItemsList)}\n        {this.searchValue && this.renderCloseButton()}\n      </div>\n    );\n  }\n\n  private renderItem(item: ComboItem, index: number, length: number): ZMyzListItem {\n    return (\n      <z-list-element\n        id={item.id}\n        htmlTabindex={null}\n        dividerType={index !== length - 1 ? ListDividerType.ELEMENT : ListDividerType.NONE}\n        size={this.getControlToListSize()}\n      >\n        <z-input\n          type={InputType.CHECKBOX}\n          checked={item.checked}\n          htmlid={this.getItemId(item)}\n          label={item.name}\n          class={this.getCheckboxClass()}\n          disabled={!item.checked && this.maxcheckableitems && this.selectedCounter >= this.maxcheckableitems}\n          size={this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size}\n          role=\"option\"\n          aria-selected={item.checked ? \"true\" : \"false\"}\n          onKeyDown={(e: KeyboardEvent) => this.handleSelectArrowsNavigation(e, this.getItemId(item))}\n          onInputCheck={(e: CustomEvent) => {\n            this.itemsList = this.itemsList.map((i: ComboItem) => {\n              if (item.id === i.id) {\n                i.checked = e.detail.checked;\n              }\n\n              return i;\n            });\n            this.updateRenderItemsList();\n            this.emitComboboxChange();\n          }}\n          onInputFocus={(e: CustomEvent) => this.handleCheckboxFocus(e.detail.id)}\n        />\n      </z-list-element>\n    );\n  }\n\n  private renderList(items: ComboItem[]): HTMLUListElement {\n    if (!items) {\n      return;\n    }\n    if (!items.length && this.searchValue) {\n      return this.renderNoSearchResults();\n    }\n\n    if (this.hasgroupitems) {\n      return this.renderGroups(items);\n    }\n\n    return (\n      <ul role=\"none\">\n        {items.map((item, i) => {\n          return this.renderItem(item, i, items.length);\n        })}\n      </ul>\n    );\n  }\n\n  private renderGroups(items: ComboItem[]): HTMLUListElement {\n    const newData = items.reduce((group, item, index) => {\n      const {category} = item;\n      const zListItem = this.renderItem(item, index, items.length);\n\n      group[category] = group[category] ?? [];\n      group[category].push(zListItem);\n\n      return group;\n    }, {});\n\n    const listGroups = Object.entries(newData as {[key: string]: HTMLZListElementElement[]}).map(([key, value]) => {\n      return (\n        <z-list-group divider-type={ListDividerType.ELEMENT}>\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n          >\n            {key}\n          </span>\n          {value.map((item) => item)}\n        </z-list-group>\n      );\n    });\n\n    return <ul role=\"none\">{listGroups}</ul>;\n  }\n\n  private renderNoSearchResults(): HTMLUListElement {\n    return (\n      <ul role=\"none\">\n        <z-myz-list-item\n          id=\"no-results\"\n          text={this.noresultslabel}\n          listitemid=\"no-results\"\n          icon=\"multiply-circle\"\n          class={this.size}\n        />\n      </ul>\n    );\n  }\n\n  private renderCloseButton(): HTMLDivElement {\n    return (\n      <div>\n        <a\n          onClick={() => this.closeFilterItems()}\n          onKeyUp={(e: KeyboardEvent) => handleKeyboardSubmit(e, this.closeFilterItems)}\n          role=\"button\"\n          tabindex={0}\n        >\n          {this.closesearchtext}\n        </a>\n      </div>\n    );\n  }\n\n  private renderSearchInput(): ZInput {\n    return (\n      <z-input\n        htmlid={`${this.inputid}_search`}\n        label={this.searchlabel}\n        placeholder={this.searchplaceholder}\n        htmltitle={this.searchtitle}\n        type={this.inputType}\n        value={this.searchValue}\n        message={false}\n        size={this.size}\n        aria-autocomplete=\"list\"\n        {...this.getComboboxA11yAttributes()}\n        onKeyUp={(e: KeyboardEvent) => {\n          if (e.key === KeyboardCode.ESC) {\n            this.closeFilterItems();\n          }\n        }}\n        onInputChange={(e: CustomEvent) => {\n          this.searchValue = e.detail.value;\n        }}\n      />\n    );\n  }\n\n  private renderCheckAll(): HTMLDivElement {\n    if (this.searchValue) {\n      return;\n    }\n\n    const checkAllId = `combo-checkbox-${this.inputid}-check-all`;\n    const allChecked = this.selectedCounter === this.itemsList.length;\n\n    return (\n      <div class=\"check-all-wrapper\">\n        <z-input\n          type={InputType.CHECKBOX}\n          checked={allChecked}\n          htmlid={checkAllId}\n          class={this.getCheckboxClass()}\n          label={allChecked ? this.uncheckalltext : this.checkalltext}\n          disabled={this.maxcheckableitems && this.maxcheckableitems < this.itemsList.length}\n          size={this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size}\n          role=\"option\"\n          aria-selected={allChecked ? \"true\" : \"false\"}\n          onKeyDown={(e: KeyboardEvent) => this.handleSelectArrowsNavigation(e, checkAllId)}\n          onInputCheck={(e: CustomEvent) => this.checkAll(e.detail.checked)}\n          onInputFocus={(e: CustomEvent) => this.handleCheckboxFocus(e.detail.id)}\n        />\n      </div>\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        data-action={`combo-${this.inputid}`}\n        class={{open: this.isopen, fixed: this.isfixed, disabled: this.disabled}}\n        id={this.inputid}\n      >\n        {this.renderHeader()}\n        {!this.disabled && this.renderContent()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-b9fd414f.js

@@ -1,2 +0,0 @@
-import{r as o,h as s,a}from"./p-cfa39bd3.js";const r=":host{--z-table--cells-bottom-border-size:var(\n    --border-size-medium\n  );--z-table--cells-background:var(\n    --color-surface02\n  );display:block;box-sizing:border-box}:host([sticky]){position:sticky;z-index:2;top:0;box-shadow:0 2px 4px -2px var(--shadow-color-base)}";const e=r;const t=class{constructor(s){o(this,s);this.sticky=false}render(){return s(a,{key:"d470fa2c8d59e6155b61631291454921a16b4841",role:"rowgroup"},s("slot",{key:"109322a6c20ffa8a8f530740a3ebd5c82aad3f2c"}))}};t.style=e;export{t as Z};
-//# sourceMappingURL=p-b9fd414f.js.map

package/www/build/p-bfa544c7.js

@@ -1,2 +0,0 @@
-import{r as o,h as b,a as c}from"./p-cfa39bd3.js";const r=":host{display:block;box-sizing:border-box}";const s=r;const e=class{constructor(b){o(this,b)}render(){return b(c,{key:"c858acb53b6f5c2eb2310d359f4be2bdb1e347c8",role:"rowgroup"},b("slot",{key:"07990becd0b8bbf2d56fa761a62ce4dc329da6ab"}))}};e.style=s;export{e as Z};
-//# sourceMappingURL=p-bfa544c7.js.map

package/www/build/p-c2a380e3.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_tr}from"./p-7f71467d.js";import"./p-cfa39bd3.js";import"./p-2c184714.js";import"./p-6037cdf3.js";import"./p-2c886e8b.js";import"./p-30209b8a.js";import"./p-acc97c14.js";
-//# sourceMappingURL=p-c2a380e3.entry.js.map

package/www/build/p-cfa39bd3.js

@@ -1,3 +0,0 @@
-const e="web-components-library";const t={allRenderFn:true,appendChildSlotFix:true,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:true,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:true,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:true,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:true,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:true,scopedSlotTextContentFix:true,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:true,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var r=Object.defineProperty;var n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var s={};var l="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";var o=e=>e!=null;var a=e=>{e=typeof e;return e==="object"||e==="function"};function f(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var c={};n(c,{err:()=>v,map:()=>d,ok:()=>u,unwrap:()=>h,unwrapErr:()=>p});var u=e=>({isOk:true,isErr:false,value:e});var v=e=>({isOk:false,isErr:true,value:e});function d(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>u(e)))}else{return u(r)}}if(e.isErr){const t=e.value;return v(t)}throw"should never get here"}var h=e=>{if(e.isOk){return e.value}else{throw e.value}};var p=e=>{if(e.isErr){return e.value}else{throw e.value}};var m=(e,t="")=>{{return()=>{}}};var b=(e,t)=>{{return()=>{}}};var y="{visibility:hidden}.hydrated{visibility:inherit}";var w="slot-fb{display:contents}slot-fb[hidden]{display:none}";var g="http://www.w3.org/1999/xlink";var $=(e,t,...r)=>{let n=null;let s=null;let l=null;let i=false;let o=false;const f=[];const c=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){c(n)}else if(n!=null&&typeof n!=="boolean"){if(i=typeof e!=="function"&&!a(n)){n=String(n)}if(i&&o){f[f.length-1].t+=n}else{f.push(i?S(null,n):n)}o=i}}};c(r);if(t){if(t.key){s=t.key}if(t.name){l=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,j)}const u=S(e,null);u.l=t;if(f.length>0){u.i=f}{u.o=s}{u.u=l}return u};var S=(e,t)=>{const r={v:0,h:e,t,p:null,i:null};{r.l=null}{r.o=null}{r.u=null}return r};var k={};var C=e=>e&&e.h===k;var j={forEach:(e,t)=>e.map(O).forEach(t),map:(e,t)=>e.map(O).map(t).map(x)};var O=e=>({vattrs:e.l,vchildren:e.i,vkey:e.o,vname:e.u,vtag:e.h,vtext:e.t});var x=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return $(e.vtag,t,...e.vchildren||[])}const t=S(e.vtag,e.vtext);t.l=e.vattrs;t.i=e.vchildren;t.o=e.vkey;t.u=e.vname;return t};var R=(e,t)=>{if(e!=null&&!a(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var T=e=>st(e).$hostElement$;var D=(e,t,r)=>{const n=T(e);return{emit:e=>L(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var L=(e,t,r)=>{const n=pt.ce(t,r);e.dispatchEvent(n);return n};var A=new WeakMap;var E=(e,t,r)=>{let n=ut.get(e);if(wt&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}ut.set(e,n)};var F=(e,t,r)=>{var n;const s=M(t);const l=ut.get(s);e=e.nodeType===11?e:dt;if(l){if(typeof l==="string"){e=e.head||e;let r=A.get(e);let i;if(!r){A.set(e,r=new Set)}if(!r.has(s)){{i=dt.createElement("style");i.innerHTML=l;const t=(n=pt.m)!=null?n:f(dt);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.v&4){i.innerHTML+=w}if(r){r.add(s)}}}else if(!e.adoptedStyleSheets.includes(l)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]}}return s};var N=e=>{const t=e.$;const r=e.$hostElement$;const n=t.v;const s=m("attachStyles",t.S);const l=F(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10){r["s-sc"]=l;r.classList.add(l+"-h");if(n&2){r.classList.add(l+"-s")}}s()};var M=(e,t)=>"sc-"+e.S;var P=(e,t,r,n,s,l)=>{if(r!==n){let i=ot(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const s=W(r);const l=W(n);t.remove(...s.filter((e=>e&&!l.includes(e))));t.add(...l.filter((e=>e&&!s.includes(e))))}else if(t==="style"){{for(const t in r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(ot(vt,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(r||n){const s=t.endsWith(_);t=t.replace(B,"");if(r){pt.rel(e,t,r,s)}if(n){pt.ael(e,t,n,s)}}}else{const f=a(n);if((i||f&&n!==null)&&!s){try{if(!e.tagName.includes("-")){const s=n==null?"":n;if(t==="list"){i=false}else if(r==null||e[t]!=s){e[t]=s}}else{e[t]=n}}catch(e){}}let c=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;c=true}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){if(c){e.removeAttributeNS(g,t)}else{e.removeAttribute(t)}}}else if((!i||l&4||s)&&!f){n=n===true?"":n;if(c){e.setAttributeNS(g,t,n)}else{e.setAttribute(t,n)}}}}};var U=/\s/;var W=e=>!e?[]:e.split(U);var _="Capture";var B=new RegExp(_+"$");var z=(e,t,r)=>{const n=t.p.nodeType===11&&t.p.host?t.p.host:t.p;const l=e&&e.l||s;const i=t.l||s;{for(const e of H(Object.keys(l))){if(!(e in i)){P(n,e,l[e],void 0,r,t.v)}}}for(const e of H(Object.keys(i))){P(n,e,l[e],i[e],r,t.v)}};function H(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Q;var q;var G;var I=false;var K=false;var V=false;var X=false;var J=(e,t,r,n)=>{var s;const a=t.i[r];let f=0;let c;let u;let v;if(!I){V=true;if(a.h==="slot"){if(Q){n.classList.add(Q+"-s")}a.v|=a.i?2:1}}if(a.t!==null){c=a.p=dt.createTextNode(a.t)}else if(a.v&1){c=a.p=dt.createTextNode("")}else{if(!X){X=a.h==="svg"}c=a.p=dt.createElementNS(X?l:i,a.v&2?"slot-fb":a.h);if(X&&a.h==="foreignObject"){X=false}{z(null,a,X)}if(o(Q)&&c["s-si"]!==Q){c.classList.add(c["s-si"]=Q)}{he(c,n)}if(a.i){for(f=0;f<a.i.length;++f){u=J(e,a,f,c);if(u){c.appendChild(u)}}}{if(a.h==="svg"){X=false}else if(c.tagName==="foreignObject"){X=true}}}c["s-hn"]=G;{if(a.v&(2|1)){c["s-sr"]=true;c["s-cr"]=q;c["s-sn"]=a.u||"";c["s-rf"]=(s=a.l)==null?void 0:s.ref;v=e&&e.i&&e.i[r];if(v&&v.h===a.h&&e.p){{Y(e.p)}}}}return c};var Y=e=>{pt.v|=1;const t=e.closest(G.toLowerCase());if(t!=null){const r=Array.from(t.childNodes).find((e=>e["s-cr"]));const n=Array.from(e.childNodes);for(const e of r?n.reverse():n){if(e["s-sh"]!=null){ve(t,e,r!=null?r:null);e["s-sh"]=void 0;V=true}}}pt.v&=~1};var Z=(e,r)=>{pt.v|=1;const n=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===G){n.push(t)}}}for(let e=n.length-1;e>=0;e--){const t=n[e];if(t["s-hn"]!==G&&t["s-ol"]){ve(le(t),t,se(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;V=true}if(r){Z(t,r)}}pt.v&=~1};var ee=(e,t,r,n,s,l)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(i.shadowRoot&&i.tagName===G){i=i.shadowRoot}for(;s<=l;++s){if(n[s]){o=J(null,r,s,e);if(o){n[s].p=o;ve(i,o,se(t))}}}};var te=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.p;ue(t);if(e){{K=true;if(e["s-ol"]){e["s-ol"].remove()}else{Z(e,true)}}e.remove()}}}};var re=(e,t,r,n,s=false)=>{let l=0;let i=0;let o=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=n.length-1;let d=n[0];let h=n[v];let p;let m;while(l<=f&&i<=v){if(c==null){c=t[++l]}else if(u==null){u=t[--f]}else if(d==null){d=n[++i]}else if(h==null){h=n[--v]}else if(ne(c,d,s)){ie(c,d,s);c=t[++l];d=n[++i]}else if(ne(u,h,s)){ie(u,h,s);u=t[--f];h=n[--v]}else if(ne(c,h,s)){if(c.h==="slot"||h.h==="slot"){Z(c.p.parentNode,false)}ie(c,h,s);ve(e,c.p,u.p.nextSibling);c=t[++l];h=n[--v]}else if(ne(u,d,s)){if(c.h==="slot"||h.h==="slot"){Z(u.p.parentNode,false)}ie(u,d,s);ve(e,u.p,c.p);u=t[--f];d=n[++i]}else{o=-1;{for(a=l;a<=f;++a){if(t[a]&&t[a].o!==null&&t[a].o===d.o){o=a;break}}}if(o>=0){m=t[o];if(m.h!==d.h){p=J(t&&t[i],r,o,e)}else{ie(m,d,s);t[o]=void 0;p=m.p}d=n[++i]}else{p=J(t&&t[i],r,i,e);d=n[++i]}if(p){{ve(le(c.p),p,se(c.p))}}}}if(l>f){ee(e,n[v+1]==null?null:n[v+1].p,r,n,i,v)}else if(i>v){te(t,l,f)}};var ne=(e,t,r=false)=>{if(e.h===t.h){if(e.h==="slot"){return e.u===t.u}if(!r){return e.o===t.o}return true}return false};var se=e=>e&&e["s-ol"]||e;var le=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var ie=(e,t,r=false)=>{const n=t.p=e.p;const s=e.i;const l=t.i;const i=t.h;const o=t.t;let a;if(o===null){{X=i==="svg"?true:i==="foreignObject"?false:X}{if(i==="slot"&&!I){if(e.u!==t.u){t.p["s-sn"]=t.u||"";Y(t.p.parentElement)}}else{z(e,t,X)}}if(s!==null&&l!==null){re(n,s,t,l,r)}else if(l!==null){if(e.t!==null){n.textContent=""}ee(n,null,t,l,0,l.length-1)}else if(s!==null){te(s,0,s.length-1)}if(X&&i==="svg"){X=false}}else if(a=n["s-cr"]){a.parentNode.textContent=o}else if(e.t!==o){n.data=o}};var oe=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||r!==""){if(n.nodeType===1&&(r===n.getAttribute("slot")||r===n["s-sn"])||n.nodeType===3&&r===n["s-sn"]){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}oe(e)}}};var ae=[];var fe=e=>{let t;let r;let n;for(const s of e.childNodes){if(s["s-sr"]&&(t=s["s-cr"])&&t.parentNode){r=t.parentNode.childNodes;const e=s["s-sn"];for(n=r.length-1;n>=0;n--){t=r[n];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==s["s-hn"]&&(!t["s-sh"]||t["s-sh"]!==s["s-hn"])){if(ce(t,e)){let r=ae.find((e=>e.k===t));K=true;t["s-sn"]=t["s-sn"]||e;if(r){r.k["s-sh"]=s["s-hn"];r.C=s}else{t["s-sh"]=s["s-hn"];ae.push({C:s,k:t})}if(t["s-sr"]){ae.map((e=>{if(ce(e.k,t["s-sn"])){r=ae.find((e=>e.k===t));if(r&&!e.C){e.C=r.C}}}))}}else if(!ae.some((e=>e.k===t))){ae.push({k:t})}}}}if(s.nodeType===1){fe(s)}}};var ce=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var ue=e=>{{e.l&&e.l.ref&&e.l.ref(null);e.i&&e.i.map(ue)}};var ve=(e,t,r)=>{const n=e==null?void 0:e.insertBefore(t,r);{he(t,e)}return n};var de=e=>{const t=[];if(e){t.push(...e["s-scs"]||[],e["s-si"],e["s-sc"],...de(e.parentElement))}return t};var he=(e,t,r=false)=>{var n;if(e&&t&&e.nodeType===1){const s=new Set(de(t).filter(Boolean));if(s.size){(n=e.classList)==null?void 0:n.add(...e["s-scs"]=[...s]);if(e["s-ol"]||r){for(const t of Array.from(e.childNodes)){he(t,e,true)}}}}};var pe=(e,t,r=false)=>{var n,s,l,i;const o=e.$hostElement$;const a=e.$;const f=e.j||S(null,null);const c=C(t)?t:$(null,null,t);G=o.tagName;if(a.O){c.l=c.l||{};a.O.map((([e,t])=>c.l[t]=o[e]))}if(r&&c.l){for(const e of Object.keys(c.l)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.l[e]=o[e]}}}c.h=null;c.v|=4;e.j=c;c.p=f.p=o.shadowRoot||o;{Q=o["s-sc"]}I=(a.v&1)!==0;{q=o["s-cr"];K=false}ie(f,c,r);{pt.v|=1;if(V){fe(c.p);for(const e of ae){const t=e.k;if(!t["s-ol"]){const e=dt.createTextNode("");e["s-nr"]=t;ve(t.parentNode,t["s-ol"]=e,t)}}for(const e of ae){const t=e.k;const o=e.C;if(o){const e=o.parentNode;let r=o.nextSibling;if(r&&r.nodeType===1){let l=(n=t["s-ol"])==null?void 0:n.previousSibling;while(l){let n=(s=l["s-nr"])!=null?s:null;if(n&&n["s-sn"]===t["s-sn"]&&e===n.parentNode){n=n.nextSibling;while(n===t||(n==null?void 0:n["s-sr"])){n=n==null?void 0:n.nextSibling}if(!n||!n["s-nr"]){r=n;break}}l=l.previousSibling}}if(!r&&e!==t.parentNode||t.nextSibling!==r){if(t!==r){ve(e,t,r);if(t.nodeType===1){t.hidden=(l=t["s-ih"])!=null?l:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](t)}else{if(t.nodeType===1){if(r){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(K){oe(c.p)}pt.v&=~1;ae.length=0}q=void 0};var me=(e,t)=>{if(t&&!e.R&&t["s-p"]){t["s-p"].push(new Promise((t=>e.R=t)))}};var be=(e,t)=>{{e.v|=16}if(e.v&4){e.v|=512;return}me(e,e.T);const r=()=>ye(e,t);return xt(r)};var ye=(e,t)=>{const r=e.$hostElement$;const n=m("scheduleUpdate",e.$.S);const s=e.D;if(!s){throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let l;if(t){{e.v|=256;if(e.L){e.L.map((([e,t])=>je(s,e,t)));e.L=void 0}}{l=je(s,"componentWillLoad")}}else{{l=je(s,"componentWillUpdate")}}{l=we(l,(()=>je(s,"componentWillRender")))}n();return we(l,(()=>$e(e,s,t)))};var we=(e,t)=>ge(e)?e.then(t):t();var ge=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var $e=async(e,t,r)=>{var n;const s=e.$hostElement$;const l=m("update",e.$.S);const i=s["s-rc"];if(r){N(e)}const o=m("render",e.$.S);{Se(e,t,s,r)}if(i){i.map((e=>e()));s["s-rc"]=void 0}o();l();{const t=(n=s["s-p"])!=null?n:[];const r=()=>ke(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.v|=4;t.length=0}}};var Se=(e,t,r,n)=>{try{t=t.render();{e.v&=~16}{e.v|=2}{{{pe(e,t,n)}}}}catch(t){at(t,e.$hostElement$)}return null};var ke=e=>{const t=e.$.S;const r=e.$hostElement$;const n=m("postUpdate",t);const s=e.D;const l=e.T;{je(s,"componentDidRender")}if(!(e.v&64)){e.v|=64;{Oe(r)}{je(s,"componentDidLoad")}n();{e.A(r);if(!l){Ce()}}}else{{je(s,"componentDidUpdate")}n()}{e.F(r)}{if(e.R){e.R();e.R=void 0}if(e.v&512){Ot((()=>be(e,false)))}e.v&=~(4|512)}};var Ce=t=>{{Oe(dt.documentElement)}Ot((()=>L(vt,"appload",{detail:{namespace:e}})))};var je=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){at(e)}}return void 0};var Oe=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var xe=(e,t)=>st(e).N.get(t);var Re=(e,t,r,n)=>{const s=st(e);if(!s){throw new Error(`Couldn't find host element for "${n.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const l=s.$hostElement$;const i=s.N.get(t);const o=s.v;const a=s.D;r=R(r,n.M[t][0]);const f=Number.isNaN(i)&&Number.isNaN(r);const c=r!==i&&!f;if((!(o&8)||i===void 0)&&c){s.N.set(t,r);if(a){if(n.P&&o&128){const e=n.P[t];if(e){e.map((e=>{try{a[e](r,i,t)}catch(e){at(e,l)}}))}}if((o&(2|16))===2){be(s,false)}}}};var Te=(e,t,r)=>{var n;const s=e.prototype;if(t.M){if(e.watchers){t.P=e.watchers}const l=Object.entries(t.M);l.map((([e,[n]])=>{if(n&31||r&2&&n&32){Object.defineProperty(s,e,{get(){return xe(this,e)},set(r){Re(this,e,r,t)},configurable:true,enumerable:true})}else if(r&1&&n&64){Object.defineProperty(s,e,{value(...t){var r;const n=st(this);return(r=n==null?void 0:n.U)==null?void 0:r.then((()=>{var r;return(r=n.D)==null?void 0:r[e](...t)}))}})}}));if(r&1){const r=new Map;s.attributeChangedCallback=function(e,n,l){pt.jmp((()=>{var i;const o=r.get(e);if(this.hasOwnProperty(o)){l=this[o];delete this[o]}else if(s.hasOwnProperty(o)&&typeof this[o]==="number"&&this[o]==l){return}else if(o==null){const r=st(this);const s=r==null?void 0:r.v;if(s&&!(s&8)&&s&128&&l!==n){const s=r.D;const o=(i=t.P)==null?void 0:i[e];o==null?void 0:o.forEach((t=>{if(s[t]!=null){s[t].call(s,l,n,e)}}))}return}this[o]=l===null&&typeof this[o]==="boolean"?false:l}))};e.observedAttributes=Array.from(new Set([...Object.keys((n=t.P)!=null?n:{}),...l.filter((([e,t])=>t[0]&15)).map((([e,n])=>{var s;const l=n[1]||e;r.set(l,e);if(n[0]&512){(s=t.O)==null?void 0:s.push([e,l])}return l}))]))}}return e};var De=async(e,t,r,n)=>{let s;if((t.v&32)===0){t.v|=32;const n=r.W;if(n){const e=ct(r);if(e&&"then"in e){const t=b();s=await e;t()}else{s=e}if(!s){throw new Error(`Constructor for "${r.S}#${t._}" was not found`)}if(!s.isProxied){{r.P=s.watchers}Te(s,r,2);s.isProxied=true}const n=m("createInstance",r.S);{t.v|=8}try{new s(t)}catch(e){at(e)}{t.v&=~8}{t.v|=128}n();Le(t.D)}else{s=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.v|=128))}if(s&&s.style){let e=s.style;const t=M(r);if(!ut.has(t)){const n=m("registerStyles",r.S);E(t,e,!!(r.v&1));n()}}}const l=t.T;const i=()=>be(t,true);if(l&&l["s-rc"]){l["s-rc"].push(i)}else{i()}};var Le=e=>{{je(e,"connectedCallback")}};var Ae=e=>{if((pt.v&1)===0){const t=st(e);const r=t.$;const n=m("connectedCallback",r.S);if(!(t.v&1)){t.v|=1;{if(r.v&(4|8)){Ee(e)}}{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){me(t,t.T=r);break}}}if(r.M){Object.entries(r.M).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{De(e,t,r)}}else{Ye(e,t,r.B);if(t==null?void 0:t.D){Le(t.D)}else if(t==null?void 0:t.H){t.H.then((()=>Le(t.D)))}}n()}};var Ee=e=>{const t=e["s-cr"]=dt.createComment("");t["s-cn"]=true;ve(e,t,e.firstChild)};var Fe=e=>{{je(e,"disconnectedCallback")}};var Ne=async e=>{if((pt.v&1)===0){const t=st(e);{if(t.q){t.q.map((e=>e()));t.q=void 0}}if(t==null?void 0:t.D){Fe(t.D)}else if(t==null?void 0:t.H){t.H.then((()=>Fe(t.D)))}}};var Me=(e,t)=>{Pe(e);Ue(e);Be(e);_e(e);Qe(e);ze(e);He(e);qe(e);Ge(e,t);We(e)};var Pe=e=>{const t=e.cloneNode;e.cloneNode=function(e){const r=this;const n=r.shadowRoot&&mt;const s=t.call(r,n?e:false);if(!n&&e){let e=0;let t,n;const l=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"];for(;e<r.childNodes.length;e++){t=r.childNodes[e]["s-nr"];n=l.every((t=>!r.childNodes[e][t]));if(t){if(s.__appendChild){s.__appendChild(t.cloneNode(true))}else{s.appendChild(t.cloneNode(true))}}if(n){s.appendChild(r.childNodes[e].cloneNode(true))}}}return s}};var Ue=e=>{e.__appendChild=e.appendChild;e.appendChild=function(e){const t=e["s-sn"]=Ie(e);const r=Ke(this.childNodes,t,this.tagName);if(r){const n=Ve(r,t);const s=n[n.length-1];const l=ve(s.parentNode,e,s.nextSibling);oe(this);return l}return this.__appendChild(e)}};var We=e=>{e.__removeChild=e.removeChild;e.removeChild=function(e){if(e&&typeof e["s-sn"]!=="undefined"){const t=Ke(this.childNodes,e["s-sn"],this.tagName);if(t){const r=Ve(t,e["s-sn"]);const n=r.find((t=>t===e));if(n){n.remove();oe(this);return}}}return this.__removeChild(e)}};var _e=e=>{const t=e.prepend;e.prepend=function(...e){e.forEach((e=>{if(typeof e==="string"){e=this.ownerDocument.createTextNode(e)}const r=e["s-sn"]=Ie(e);const n=Ke(this.childNodes,r,this.tagName);if(n){const t=document.createTextNode("");t["s-nr"]=e;n["s-cr"].parentNode.__appendChild(t);e["s-ol"]=t;const s=Ve(n,r);const l=s[0];return ve(l.parentNode,e,l.nextSibling)}if(e.nodeType===1&&!!e.getAttribute("slot")){e.hidden=true}return t.call(this,e)}))}};var Be=e=>{e.append=function(...e){e.forEach((e=>{if(typeof e==="string"){e=this.ownerDocument.createTextNode(e)}this.appendChild(e)}))}};var ze=e=>{const t=e.insertAdjacentHTML;e.insertAdjacentHTML=function(e,r){if(e!=="afterbegin"&&e!=="beforeend"){return t.call(this,e,r)}const n=this.ownerDocument.createElement("_");let s;n.innerHTML=r;if(e==="afterbegin"){while(s=n.firstChild){this.prepend(s)}}else if(e==="beforeend"){while(s=n.firstChild){this.append(s)}}}};var He=e=>{e.insertAdjacentText=function(e,t){this.insertAdjacentHTML(e,t)}};var Qe=e=>{const t=e.insertAdjacentElement;e.insertAdjacentElement=function(e,r){if(e!=="afterbegin"&&e!=="beforeend"){return t.call(this,e,r)}if(e==="afterbegin"){this.prepend(r);return r}else if(e==="beforeend"){this.append(r);return r}return r}};var qe=e=>{const t=Object.getOwnPropertyDescriptor(Node.prototype,"textContent");Object.defineProperty(e,"__textContent",t);{Object.defineProperty(e,"textContent",{get(){var e;const t=Ke(this.childNodes,"",this.tagName);if(((e=t==null?void 0:t.nextSibling)==null?void 0:e.nodeType)===3){return t.nextSibling.textContent}else if(t){return t.textContent}else{return this.__textContent}},set(e){var t;const r=Ke(this.childNodes,"",this.tagName);if(((t=r==null?void 0:r.nextSibling)==null?void 0:t.nodeType)===3){r.nextSibling.textContent=e}else if(r){r.textContent=e}else{this.__textContent=e;const t=this["s-cr"];if(t){ve(this,t,this.firstChild)}}}})}};var Ge=(e,t)=>{class r extends Array{item(e){return this[e]}}if(t.v&8){const t=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get(){return this.childNodes.map((e=>e.nodeType===1))}});Object.defineProperty(e,"childElementCount",{get(){return e.children.length}});Object.defineProperty(e,"childNodes",{get(){const e=t.call(this);if((pt.v&1)===0&&st(this).v&2){const t=new r;for(let r=0;r<e.length;r++){const n=e[r]["s-nr"];if(n){t.push(n)}}return t}return r.from(e)}})}};var Ie=e=>e["s-sn"]||e.nodeType===1&&e.getAttribute("slot")||"";var Ke=(e,t,r)=>{let n=0;let s;for(;n<e.length;n++){s=e[n];if(s["s-sr"]&&s["s-sn"]===t&&s["s-hn"]===r){return s}s=Ke(s.childNodes,t,r);if(s){return s}}return null};var Ve=(e,t)=>{const r=[e];while((e=e.nextSibling)&&e["s-sn"]===t){r.push(e)}return r};var Xe=(e,t={})=>{var r;const n=m();const s=[];const l=t.exclude||[];const i=vt.customElements;const o=dt.head;const a=o.querySelector("meta[charset]");const c=dt.createElement("style");const u=[];let v;let d=true;Object.assign(pt,t);pt.G=new URL(t.resourcesUrl||"./",dt.baseURI).href;let h=false;e.map((e=>{e[1].map((t=>{var r;const n={v:t[0],S:t[1],M:t[2],B:t[3]};if(n.v&4){h=true}{n.M=t[2]}{n.B=t[3]}{n.O=[]}{n.P=(r=t[4])!=null?r:{}}const o=n.S;const a=class extends HTMLElement{constructor(e){super(e);e=this;it(e,n);if(n.v&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if(v){clearTimeout(v);v=null}if(d){u.push(this)}else{pt.jmp((()=>Ae(this)))}}disconnectedCallback(){pt.jmp((()=>Ne(this)))}componentOnReady(){return st(this).H}};{if(n.v&2){Me(a.prototype,n)}}n.W=e[0];if(!l.includes(o)&&!i.get(o)){s.push(o);i.define(o,Te(a,n,1))}}))}));if(s.length>0){if(h){c.textContent+=w}{c.textContent+=s+y}if(c.innerHTML.length){c.setAttribute("data-styles","");const e=(r=pt.m)!=null?r:f(dt);if(e!=null){c.setAttribute("nonce",e)}o.insertBefore(c,a?a.nextSibling:o.firstChild)}}d=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{pt.jmp((()=>v=setTimeout(Ce,30)))}}n()};var Je=(e,t)=>t;var Ye=(e,t,r,n)=>{if(r){r.map((([r,n,s])=>{const l=et(e,r);const i=Ze(t,s);const o=tt(r);pt.ael(l,n,i,o);(t.q=t.q||[]).push((()=>pt.rel(l,n,i,o)))}))}};var Ze=(e,t)=>r=>{var n;try{{if(e.v&256){(n=e.D)==null?void 0:n[t](r)}else{(e.L=e.L||[]).push([t,r])}}}catch(e){at(e)}};var et=(e,t)=>{if(t&4)return dt;if(t&8)return vt;if(t&16)return dt.body;return e};var tt=e=>bt?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var rt=e=>pt.m=e;var nt=new WeakMap;var st=e=>nt.get(e);var lt=(e,t)=>nt.set(t.D=e,t);var it=(e,t)=>{const r={v:0,$hostElement$:e,$:t,N:new Map};{r.U=new Promise((e=>r.F=e))}{r.H=new Promise((e=>r.A=e));e["s-p"]=[];e["s-rc"]=[]}Ye(e,r,t.B);return nt.set(e,r)};var ot=(e,t)=>t in e;var at=(e,t)=>(0,console.error)(e,t);var ft=new Map;var ct=(e,t,r)=>{const n=e.S.replace(/-/g,"_");const s=e.W;if(!s){return void 0}const l=ft.get(s);if(l){return l[n]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${s}.entry.js${""}`).then((e=>{{ft.set(s,e)}return e[n]}),at)};var ut=new Map;var vt=typeof window!=="undefined"?window:{};var dt=vt.document||{head:{}};var ht=vt.HTMLElement||class{};var pt={v:0,G:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var mt=true;var bt=(()=>{let e=false;try{dt.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var yt=e=>Promise.resolve(e);var wt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var gt=false;var $t=[];var St=[];var kt=(e,t)=>r=>{e.push(r);if(!gt){gt=true;if(t&&pt.v&4){Ot(jt)}else{pt.raf(jt)}}};var Ct=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){at(e)}}e.length=0};var jt=()=>{Ct($t);{Ct(St);if(gt=$t.length>0){pt.raf(jt)}}};var Ot=e=>yt().then(e);var xt=kt(St,true);export{Je as F,ht as H,k as a,Xe as b,D as c,T as g,$ as h,yt as p,lt as r,rt as s};
-//# sourceMappingURL=p-cfa39bd3.js.map