@zanichelli/albe-web-components 19.3.0-RC4 → 19.3.0-RC6

package/dist/web-components-library/p-ec2a0b31.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as e,a as r,g as a}from"./p-75c4a726.js";import{r as n}from"./p-061e28d6.js";import"./p-5f1e17cb.js";import"./p-54cd104c.js";const s=":host{position:relative;display:grid;width:100%;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));--columns:1}*{box-sizing:border-box}.z-tr--expand-button-container,::slotted(*){border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}::slotted(*:not(:last-child)){border-right:var(--z-table--cell-left-border, none)}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){background-color:var(--color-background)}:host(:hover) ::slotted(z-td),:host(:hover) ::slotted(z-th){border-top:var(--border-size-small) solid var(--color-surface04);border-bottom:var(--border-size-small) solid var(--color-surface04);background-color:var(--color-surface02)}:host(:focus){position:relative;z-index:20;box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:auto;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}.z-tr--focus-overlay{position:absolute;z-index:30;right:0;left:0;width:100%;border-radius:4px;box-shadow:none;inset:0;outline:none;pointer-events:none;transition:box-shadow 0.2s}:host(:focus) .z-tr--focus-overlay{box-shadow:0 0 0 2px var(--shadow-focus-primary),\n    var(--shadow-focus-primary);outline:none}:host(:focus) ::slotted(*){border-bottom:none}:host(:focus) .z-tr--expand-button-container{border-bottom:none}";const i=s;const d=class{constructor(e){t(this,e);this.expand=o(this,"expand",7);this.expandable=false;this.expanded=false;this.expandableContentId=undefined}updateColumns(){const t=Array.from(this.host.querySelectorAll("z-td, z-th"));if(this.expandable){t.pop()}const o=t.map((t=>t.colspan||1)).reduce(((t,o)=>t+o),0);this.host.style.setProperty("--columns",`${o}`);if(this.expandable){const o=t.pop();o.id=o.id||`z-tr-expandable-content-${n()}`;this.expandableContentId=o.id}}onRowClick(t){const o=t.target.closest(".prevent-expand");if(!this.expandable||o){return}this.expanded=!this.expanded;this.expand.emit({expanded:this.expanded})}onKeyDown(t){if(!this.expandable){return}const o=document.activeElement;if(o!==this.host){return}if(t.key==="Enter"||t.key===" "){t.preventDefault();this.expanded=!this.expanded;this.expand.emit({expanded:this.expanded})}}componentWillLoad(){this.updateColumns()}render(){return e(r,{key:"63e39c2bf685ec65bdb22e99ebfb28a027c2bdae",role:"row",tabIndex:0,expanded:this.expanded,onClick:this.onRowClick.bind(this),onKeyDown:this.onKeyDown.bind(this)},e("div",{key:"f3a06e7fcf443fc3662ae5bf64792f35bd51037b",class:"z-tr--focus-overlay","aria-hidden":"true"}),e("div",{key:"09cd0fb724d7d626f078dd81f4bb074aa58bb9ce",class:"z-tr--expand-button-container"},this.expandable&&e("button",{key:"9673e07a9f8319d8565e417bbfd1d03cdd693c62",tabIndex:-1,"aria-expanded":this.expanded?"true":"false","aria-label":this.expanded?"Comprimi riga":"Espandi riga","aria-controls":this.expandableContentId,type:"button"},e("z-icon",{key:"6afeb54548a4ab5ea750d2c23f094c473e386efe",name:this.expanded?"minus-circled":"plus-circled"}))),e("slot",{key:"ed3ba8bdbe9ac4c0aaff3202238146cfb8362be6",onSlotchange:this.updateColumns.bind(this)}))}get host(){return a(this)}static get watchers(){return{expandable:["updateColumns"]}}};d.style=i;export{d as Z};
-//# sourceMappingURL=p-ec2a0b31.js.map

package/dist/web-components-library/p-ec2a0b31.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTrStyle0","ZTr","updateColumns","cells","Array","from","this","host","querySelectorAll","expandable","pop","columns","map","cell","colspan","reduce","a","b","style","setProperty","expandableContent","id","randomId","expandableContentId","onRowClick","event","preventExpand","target","closest","expanded","expand","emit","onKeyDown","active","document","activeElement","key","preventDefault","componentWillLoad","render","h","Host","role","tabIndex","onClick","bind","class","type","name","onSlotchange"],"sources":["src/components/table/z-tr/styles.css?tag=z-tr&encapsulation=shadow","src/components/table/z-tr/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: grid;\n  width: 100%;\n  box-sizing: border-box;\n  grid-auto-flow: column;\n  grid-template-columns: var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));\n\n  --columns: 1;\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.z-tr--expand-button-container,\n::slotted(*) {\n  border-bottom: var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03);\n}\n\n::slotted(*:not(:last-child)) {\n  border-right: var(--z-table--cell-left-border, none);\n}\n\n:host([expandable]) {\n  --show-expandable-button: visible;\n\n  cursor: pointer;\n}\n\n:host([expandable]) ::slotted(*) {\n  grid-row: 1;\n}\n\n:host([expandable]) ::slotted(:nth-last-child(2)) {\n  border-right: none;\n}\n\n:host([expandable]) ::slotted(*:last-child) {\n  border-left: 0;\n  grid-column: 1 / span calc(var(--columns) + 1);\n  grid-row: 2;\n}\n\n:host([expandable]:not([expanded])) ::slotted(*:last-child) {\n  display: none;\n}\n\n:host([expanded]) {\n  margin-bottom: 4px; /* prevents shadow to be cut by the next element */\n  box-shadow: 0 4px 4px -2px var(--shadow-color-base);\n}\n\n:host([expanded]) .z-tr--expand-button-container,\n:host([expanded]) ::slotted(*) {\n  background-color: var(--color-background);\n}\n\n:host(:hover) ::slotted(z-td),\n:host(:hover) ::slotted(z-th) {\n  border-top: var(--border-size-small) solid var(--color-surface04);\n  border-bottom: var(--border-size-small) solid var(--color-surface04);\n  background-color: var(--color-surface02);\n}\n\n:host(:focus) {\n  position: relative;\n  z-index: 20;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.z-tr--expand-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--z-table--cells-background, var(--color-surface01));\n}\n\n.z-tr--expand-button-container button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  margin: auto;\n  appearance: none;\n  background: transparent;\n  cursor: pointer;\n  visibility: var(--show-expandable-button, hidden);\n}\n\n.z-tr--expand-button-container button z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n.z-tr--focus-overlay {\n  position: absolute;\n  z-index: 30;\n  right: 0;\n  left: 0;\n  width: 100%;\n  border-radius: 4px;\n  box-shadow: none;\n  inset: 0;\n  outline: none;\n  pointer-events: none;\n  transition: box-shadow 0.2s;\n}\n\n:host(:focus) .z-tr--focus-overlay {\n  box-shadow:\n    0 0 0 2px var(--shadow-focus-primary),\n    var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host(:focus) ::slotted(*) {\n  border-bottom: none;\n}\n\n:host(:focus) .z-tr--expand-button-container {\n  border-bottom: none;\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {randomId} from \"../../../utils/utils\";\nimport \"../cells/z-td/index\";\nimport \"../cells/z-th/index\";\n\n/**\n * ZTr component.\n * When the row is `expandable`, you can set the `prevent-expand` css class on an interactive element inside the row\n * to prevent the row from expanding.\n * @slot - ZTr content (`z-td` or `z-th`).\n */\n@Component({\n  tag: \"z-tr\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTr {\n  @Element() host: HTMLZTrElement;\n\n  /**\n   * Whether the row is expandable.\n   * Use a `z-td` as the last cell of the row for the additional content.\n   * It will show a button to expand/collapse the row.\n   * The last cell will be hidden until the button or row is clicked.\n   *\n   * If some element inside the expandable row contains the `prevent-expand` css class,\n   * the row will not expand by clicking that element.\n   */\n  @Prop({reflect: true})\n  expandable = false;\n\n  /**\n   * Whether the row is currently expanded.\n   */\n  @State()\n  expanded = false;\n\n  /**\n   * HTML Id of the expandable content.\n   * It is used to link the button to the content through the `aria-controls` attribute.\n   */\n  @State()\n  expandableContentId: string;\n\n  /** Row has been expanded */\n  @Event()\n  expand: EventEmitter;\n\n  @Watch(\"expandable\")\n  @Listen(\"colspanchange\")\n  protected updateColumns(): void {\n    const cells = Array.from(this.host.querySelectorAll<HTMLZTdElement | HTMLZThElement>(\"z-td, z-th\"));\n    if (this.expandable) {\n      cells.pop();\n    }\n\n    const columns = cells.map((cell) => cell.colspan || 1).reduce((a, b) => a + b, 0);\n    this.host.style.setProperty(\"--columns\", `${columns}`);\n\n    if (this.expandable) {\n      const expandableContent = cells.pop();\n      expandableContent.id = expandableContent.id || `z-tr-expandable-content-${randomId()}`;\n      this.expandableContentId = expandableContent.id;\n    }\n  }\n\n  /**\n   * Handle click on row.\n   * Skip expansion if the click is on a element with `prevent-expand` css class.\n   */\n  private onRowClick(event: MouseEvent): void {\n    const preventExpand = (event.target as HTMLElement).closest(\".prevent-expand\");\n    if (!this.expandable || preventExpand) {\n      return;\n    }\n\n    this.expanded = !this.expanded;\n    this.expand.emit({expanded: this.expanded});\n  }\n\n  private onKeyDown(event: KeyboardEvent): void {\n    if (!this.expandable) {\n      return;\n    }\n\n    const active = document.activeElement;\n    if (active !== this.host) {\n      return;\n    }\n\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      this.expanded = !this.expanded;\n      this.expand.emit({expanded: this.expanded});\n    }\n  }\n\n  componentWillLoad(): void {\n    this.updateColumns();\n  }\n\n  render(): HTMLZTrElement {\n    return (\n      <Host\n        role=\"row\"\n        tabIndex={0}\n        expanded={this.expanded}\n        onClick={this.onRowClick.bind(this)}\n        onKeyDown={this.onKeyDown.bind(this)}\n      >\n        <div\n          class=\"z-tr--focus-overlay\"\n          aria-hidden=\"true\"\n        ></div>\n        <div class=\"z-tr--expand-button-container\">\n          {this.expandable && (\n            <button\n              tabIndex={-1}\n              aria-expanded={this.expanded ? \"true\" : \"false\"}\n              aria-label={this.expanded ? \"Comprimi riga\" : \"Espandi riga\"}\n              aria-controls={this.expandableContentId}\n              type=\"button\"\n            >\n              <z-icon name={this.expanded ? \"minus-circled\" : \"plus-circled\"}></z-icon>\n            </button>\n          )}\n        </div>\n        <slot onSlotchange={this.updateColumns.bind(this)}></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oJAAA,MAAMA,EAAY,6tEAClB,MAAAC,EAAeD,E,MCeFE,EAAG,M,wEAaD,M,cAMF,M,mCAeD,aAAAC,GACR,MAAMC,EAAQC,MAAMC,KAAKC,KAAKC,KAAKC,iBAAkD,eACrF,GAAIF,KAAKG,WAAY,CACnBN,EAAMO,K,CAGR,MAAMC,EAAUR,EAAMS,KAAKC,GAASA,EAAKC,SAAW,IAAGC,QAAO,CAACC,EAAGC,IAAMD,EAAIC,GAAG,GAC/EX,KAAKC,KAAKW,MAAMC,YAAY,YAAa,GAAGR,KAE5C,GAAIL,KAAKG,WAAY,CACnB,MAAMW,EAAoBjB,EAAMO,MAChCU,EAAkBC,GAAKD,EAAkBC,IAAM,2BAA2BC,MAC1EhB,KAAKiB,oBAAsBH,EAAkBC,E,EAQzC,UAAAG,CAAWC,GACjB,MAAMC,EAAiBD,EAAME,OAAuBC,QAAQ,mBAC5D,IAAKtB,KAAKG,YAAciB,EAAe,CACrC,M,CAGFpB,KAAKuB,UAAYvB,KAAKuB,SACtBvB,KAAKwB,OAAOC,KAAK,CAACF,SAAUvB,KAAKuB,U,CAG3B,SAAAG,CAAUP,GAChB,IAAKnB,KAAKG,WAAY,CACpB,M,CAGF,MAAMwB,EAASC,SAASC,cACxB,GAAIF,IAAW3B,KAAKC,KAAM,CACxB,M,CAGF,GAAIkB,EAAMW,MAAQ,SAAWX,EAAMW,MAAQ,IAAK,CAC9CX,EAAMY,iBACN/B,KAAKuB,UAAYvB,KAAKuB,SACtBvB,KAAKwB,OAAOC,KAAK,CAACF,SAAUvB,KAAKuB,U,EAIrC,iBAAAS,GACEhC,KAAKJ,e,CAGP,MAAAqC,GACE,OACEC,EAACC,EAAI,CAAAL,IAAA,2CACHM,KAAK,MACLC,SAAU,EACVd,SAAUvB,KAAKuB,SACfe,QAAStC,KAAKkB,WAAWqB,KAAKvC,MAC9B0B,UAAW1B,KAAK0B,UAAUa,KAAKvC,OAE/BkC,EAAA,OAAAJ,IAAA,2CACEU,MAAM,sBAAqB,cACf,SAEdN,EAAA,OAAAJ,IAAA,2CAAKU,MAAM,iCACRxC,KAAKG,YACJ+B,EAAA,UAAAJ,IAAA,2CACEO,UAAW,EAAC,gBACGrC,KAAKuB,SAAW,OAAS,QAAO,aACnCvB,KAAKuB,SAAW,gBAAkB,eAAc,gBAC7CvB,KAAKiB,oBACpBwB,KAAK,UAELP,EAAA,UAAAJ,IAAA,2CAAQY,KAAM1C,KAAKuB,SAAW,gBAAkB,mBAItDW,EAAA,QAAAJ,IAAA,2CAAMa,aAAc3C,KAAKJ,cAAc2C,KAAKvC,Q","ignoreList":[]}

package/dist/web-components-library/p-f0271f86.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,g as o}from"./p-75c4a726.js";import{I as s,e as a,i as r,g as n,l}from"./p-86618221.js";import{r as c,e as h}from"./p-061e28d6.js";import"./p-5145a606.js";const d='.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}:host{display:block;min-width:290px;color:var(--color-form-default-text);fill:var(--color-form-default-icon);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-form-surface04);margin:0;background-color:var(--color-form-background);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>div>.header:hover{outline:var(--border-size-medium) solid var(--color-form-surface04);outline-offset:-2px}:host>div>div.header:focus:focus-visible{z-index:16;box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>span.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-form-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-form-active-primary);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-form-disabled03);fill:var(--color-form-disabled01-icon)}:host>div.disabled .header>span.body-3{color:var(--color-form-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-form-disabled01-icon)}:host>div.open>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(180deg);transition:all 200ms linear}:host>div>div.open-combo-data{display:none}:host>div.open>div.open-combo-data{position:relative;z-index:12;display:block;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--color-form-surface03);border-top:0;background-color:var(--color-form-background);border-radius:0;box-shadow:var(--shadow-2)}:host .open .open-combo-data z-input .z-label{color:var(--color-form-default-text)}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0;padding-left:var(--space-unit);margin-left:calc(var(--space-unit) * -1);}: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 calc(var(--space-unit) * 0.5);margin:0}:host .open-combo-data z-list-element{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-form-surface03);--background-active-color-list-element:var(--color-form-surface03)}:host .open-combo-data z-list-element[disabled]{pointer-events:none}:host .open-combo-data z-list-element .option-wrap{display:flex;flex-direction:row;align-items:center;cursor:pointer;gap:var(--space-unit)}:host .open-combo-data z-list-element[size="medium"] .option-wrap,:host .open-combo-data z-list-element[size="small"] .option-wrap{--z-icon-width:16px;--z-icon-height:16px;font-size:var(--font-size-2);gap:calc(var(--space-unit) / 2)}:host .open-combo-data z-list-element .option-wrap>z-icon{fill:var(--color-primary01)}:host .open-combo-data z-list-element[disabled] .option-wrap>z-icon{fill:var(--color-disabled01)}:host .open-combo-data z-list-element .option-wrap>z-icon.focused{border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary);outline:none}:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus,:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus-visible{outline:none}::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){:host{scrollbar-color:var(--color-primary01) transparent}}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-form-active-primary)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:none;margin-top:0}: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)}:host .open .open-combo-data .search .no-results{display:flex;align-items:center;column-gap:var(--space-unit)}:host>.open>.open-combo-data .search .close-search{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div>div.search .close-search>a{display:inline-block;height:44px;color:var(--color-form-active-primary);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.search .close-search>a:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 2)\n    calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);margin-left:calc(var(--space-unit) * -1);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=d;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)}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}constructor(i){t(this,i);this.comboboxChange=e(this,"comboboxChange",7);this.itemsList=[];this.inputType=s.TEXT;this.inputid=`combo-${c()}`;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.hascheckall=false;this.checkalltext="Seleziona tutti";this.uncheckalltext="Deseleziona tutti";this.maxcheckableitems=0;this.hasgroupitems=undefined;this.size=a.BIG;this.htmlAriaLabel=undefined;this.searchValue=undefined;this.selectedCounter=undefined;this.renderItemsList=[];this.focusedItemId="";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}getControlToListSize(){switch(this.size){case a.X_SMALL:return r.SMALL;case a.SMALL:return r.MEDIUM;default:return r.LARGE}}getOptionId(t){return`${this.inputid}-option-${t}`}getCheckAllOptionId(){return`${this.inputid}-check-all`}allOptionsSelected(){return this.selectedCounter===this.itemsList.length}hasReachedMaxSelections(){return!!(this.maxcheckableitems&&this.selectedCounter>=this.maxcheckableitems)}handleHeaderKeyDown(t){if(t.code===n.ENTER&&!this.focusedItemId){this.toggleComboBox()}if(!this.isopen||this.hassearch){return}switch(t.code){case n.SPACE:case n.ENTER:if(this.focusedItemId){t.preventDefault();this.checkOption(this.focusedItemId)}break;case n.ESC:if(this.focusedItemId){this.focusedItemId=""}break;case n.ARROW_DOWN:case n.ARROW_UP:this.handleArrowsNavigation(t);break}}handleInputKeyDown(t){switch(t.code){case n.ENTER:case n.SPACE:if(this.focusedItemId){t.preventDefault();this.checkOption(this.focusedItemId);break}break;case n.ARROW_DOWN:case n.ARROW_UP:this.handleArrowsNavigation(t);break;case n.ESC:if(this.focusedItemId){this.focusedItemId="";break}this.closeFilterItems();break;case n.TAB:this.focusedItemId="";break}}checkOption(t){if(t===this.getCheckAllOptionId()){this.itemsList=this.itemsList.map((t=>Object.assign(Object.assign({},t),{checked:!this.allOptionsSelected()})));this.focusedItemId=this.getCheckAllOptionId()}else{this.itemsList=this.itemsList.map((e=>{if(t===this.getOptionId(e.id)){e.checked=!e.checked}return e}))}this.updateRenderItemsList();this.emitComboboxChange()}handleArrowsNavigation(t){if(![n.ARROW_DOWN,n.ARROW_UP].includes(t.code)||!this.isopen){return}t.preventDefault();t.stopPropagation();const e=this.focusedItemId?this.element.shadowRoot.querySelector(`#${this.focusedItemId}`):null;const i=Array.from(this.element.shadowRoot.querySelectorAll('[role="option"]'));if(!i.length){return}const o=e?i.indexOf(e):null;const s=0;const a=i.length-1;let r=null;if(t.code===n.ARROW_DOWN){r=o===null?i[s]:i[o+1]||i[a]}else if(t.code===n.ARROW_UP){r=o===null?i[a]:i[o-1]||i[s]}this.focusedItemId=r.id;r.scrollIntoView({block:"nearest",container:"nearest"})}updateRenderItemsList(){if(this.searchValue){this.filterItems(this.searchValue)}else{this.resetRenderItemsList()}}resetRenderItemsList(){const t=[];this.itemsList.forEach((e=>{t.push(Object.assign({},e))}));this.renderItemsList=t}filterItems(t){if(!t){return this.closeFilterItems()}this.resetRenderItemsList();this.renderItemsList=this.renderItemsList.filter((e=>{const i=e.name.toUpperCase().indexOf(t.toUpperCase());const o=i+t.length;const s=e.name.substring(0,i)+"<strong>"+e.name.substring(i,o)+"</strong>"+e.name.substring(o,e.name.length);e.name=s;return i>=0}))}closeFilterItems(){this.searchValue="";this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}getComboboxA11yAttributes(t){const e="combobox";const i=this.htmlAriaLabel;const o=this.isopen?"true":"false";const s=this.isopen?this.focusedItemId:"";const a=`${this.inputid}_list`;if(t){return{role:e,"aria-label":i,"html-aria-expanded":o,"html-aria-activedescendant":s,"html-aria-controls":a}}return{role:e,"aria-label":i,"aria-expanded":o,"aria-activedescendant":s,"aria-controls":a}}renderHeader(){const t=!this.hassearch?this.getComboboxA11yAttributes(false):{};return i("div",Object.assign({class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:t=>this.handleHeaderKeyDown(t),role:"button",tabindex:0,"aria-controls":"open-combo-data","aria-expanded":this.isopen?"true":"false"},t),i("span",{class:"body-3","aria-label":this.label?`${this.label}${this.selectedCounter>0?` - ${this.selectedCounter} selezionati`:``}`:undefined},this.label,i("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),i("z-icon",{name:"caret-down",class:this.size}))}renderContent(){return i("div",{id:"open-combo-data",class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),i("div",{role:"listbox","aria-label":this.label,"aria-multiselectable":"true",id:`${this.inputid}_list`,"aria-owns":`${this.hascheckall?`${this.getCheckAllOptionId()} `:``}${this.itemsList.map((t=>this.getOptionId(t.id))).join(" ")}`},this.renderItems()))}renderItems(){return i("div",{class:this.searchValue&&"search",tabIndex:-1,role:"presentation"},this.renderList(this.renderItemsList))}renderItem(t,e,o){const s=this.getOptionId(t.id);const a=!t.checked&&this.hasReachedMaxSelections();return i("z-list-element",{htmlTabindex:-1,dividerType:e!==o-1?l.ELEMENT:l.NONE,size:this.getControlToListSize(),role:"presentation",disabled:!!a},i("span",{class:"option-wrap",role:"presentation",onClick:()=>{this.focusedItemId="";this.checkOption(s)}},i("z-icon",{name:t.checked?"checkbox-checked":"checkbox",class:this.focusedItemId===s?"focused":""}),i("span",{id:s,role:a?"presentation":"option","aria-selected":t.checked?"true":"false","aria-label":a?undefined:h(t.name)},i("span",{"aria-hidden":"true",innerHTML:t.name}))))}renderList(t){if(!t){return}if(!t.length&&this.searchValue){return this.renderNoSearchResults()}if(this.hasgroupitems){return this.renderGroups(t)}return i("ul",{role:"presentation"},this.renderCheckAll(),t.map(((e,i)=>this.renderItem(e,i,t.length))))}renderGroups(t){const e=t.reduce(((e,i,o)=>{var s;const a=i.category||"Altra categoria";const r=this.renderItem(i,o,t.length);e[a]=(s=e[a])!==null&&s!==void 0?s:[];e[a].push(r);return e}),{});const o=Object.entries(e).map((([t,e],o)=>i("z-list-group",{size:this.getControlToListSize(),"divider-type":l.ELEMENT,"aria-labelledby":`${this.inputid}_list_group_${o}`},i("span",{class:"body-3-sb z-list-group-title",slot:"header-title",id:`${this.inputid}_list_group_${o}`,"aria-hidden":"true"},t),e.map((t=>t)))));return i("ul",{role:"presentation"},this.renderCheckAll(),o)}renderNoSearchResults(){return i("div",{class:"no-results"},i("span",null,this.noresultslabel))}renderSearchInput(){return i("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,"html-aria-autocomplete":"list"},this.getComboboxA11yAttributes(true),{onKeyDown:t=>this.handleInputKeyDown(t),onInputChange:t=>{this.searchValue=t.detail.value;this.focusedItemId=""}}))}renderCheckAll(){if(!this.hascheckall||this.searchValue){return}const t=this.getCheckAllOptionId();const e=this.allOptionsSelected();const o=this.hasReachedMaxSelections()||this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length;return i("z-list-element",{class:"check-all-wrapper",role:"presentation",htmlTabindex:-1,dividerType:l.ELEMENT,dividerColor:"gray800",size:this.getControlToListSize(),disabled:!!o},i("span",{class:"option-wrap",role:"presentation",onClick:()=>this.checkOption(t)},i("z-icon",{name:e?"checkbox-checked":"checkbox",class:this.focusedItemId===t?"focused":""}),i("span",{id:t,role:o?"presentation":"option","aria-selected":e?"true":"false"},e?this.uncheckalltext:this.checkalltext)))}render(){return i("div",{key:"be5d307e5bac4a0d67600c57dfbf47d471bc1ebd","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 o(this)}static get watchers(){return{items:["watchItems"],searchValue:["watchSearchValue"]}}};u.style=p;export{u as z_combobox};
-//# sourceMappingURL=p-f0271f86.entry.js.map

package/dist/web-components-library/p-f0271f86.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","emitComboboxChange","comboboxChange","emit","id","inputid","constructor","hostRef","inputType","InputType","TEXT","randomId","ControlSize","BIG","toggleComboBox","bind","closeFilterItems","componentWillLoad","componentWillRender","getControlToListSize","size","X_SMALL","ListSize","SMALL","MEDIUM","LARGE","getOptionId","itemId","getCheckAllOptionId","allOptionsSelected","hasReachedMaxSelections","maxcheckableitems","handleHeaderKeyDown","e","code","KeyboardCode","ENTER","focusedItemId","isopen","hassearch","SPACE","preventDefault","checkOption","ESC","ARROW_DOWN","ARROW_UP","handleArrowsNavigation","handleInputKeyDown","TAB","optionId","map","Object","assign","i","includes","stopPropagation","currElem","element","shadowRoot","querySelector","options","Array","from","querySelectorAll","currElemIndex","indexOf","firstElemIndex","lastElemIndex","nextElem","scrollIntoView","block","container","resetRenderItemsList","renderItemsList","forEach","push","value","start","name","toUpperCase","end","newName","substring","getComboboxA11yAttributes","isZInput","role","ariaLabel","htmlAriaLabel","ariaExpanded","ariaActivedescendant","ariaControls","renderHeader","comboboxA11yAttributes","h","class","onClick","onKeyDown","tabindex","label","undefined","renderContent","renderSearchInput","hascheckall","join","renderItems","tabIndex","renderList","renderItem","index","isDisabled","htmlTabindex","dividerType","ListDividerType","ELEMENT","NONE","disabled","getPlainText","innerHTML","renderNoSearchResults","hasgroupitems","renderGroups","renderCheckAll","newData","reduce","group","category","zListItem","_a","listGroups","entries","key","slot","noresultslabel","htmlid","searchlabel","placeholder","searchplaceholder","htmltitle","searchtitle","type","message","onInputChange","detail","allChecked","dividerColor","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":["@import \"../css-components/z-label/styles.css\";\n\n:host {\n  display: block;\n  min-width: 290px;\n  color: var(--color-form-default-text);\n  fill: var(--color-form-default-icon);\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-form-surface04);\n  margin: 0;\n  background-color: var(--color-form-background);\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 > div > .header:hover {\n  outline: var(--border-size-medium) solid var(--color-form-surface04);\n  outline-offset: -2px;\n}\n\n:host > div > div.header:focus:focus-visible {\n  z-index: 16;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div > .header > span.body-3 > span {\n  font-weight: var(--font-sb);\n}\n\n:host > div > .header > z-icon {\n  fill: var(--color-form-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-form-active-primary);\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-form-disabled03);\n  fill: var(--color-form-disabled01-icon);\n}\n\n:host > div.disabled .header > span.body-3 {\n  color: var(--color-form-disabled03);\n}\n\n:host > div.disabled .header > z-icon:last-child {\n  fill: var(--color-form-disabled01-icon);\n}\n\n:host > div.open > .header > z-icon {\n  fill: var(--color-form-default-icon);\n  transform: rotate(180deg);\n  transition: all 200ms linear;\n}\n\n:host > div > div.open-combo-data {\n  display: none;\n}\n\n:host > div.open > div.open-combo-data {\n  position: relative;\n  z-index: 12;\n  display: block;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n  border: var(--border-size-small) solid var(--color-form-surface03);\n  border-top: 0;\n  background-color: var(--color-form-background);\n  border-radius: 0;\n  box-shadow: var(--shadow-2);\n}\n\n:host .open .open-combo-data z-input .z-label {\n  color: var(--color-form-default-text);\n}\n\n:host > div.open > div.open-combo-data > div > div {\n  overflow: auto;\n  max-height: 235px;\n  padding: 0;\n  padding-left: var(--space-unit); /* padding left and negative margin in order to enable focus */\n  margin-left: calc(var(--space-unit) * -1); /* padding left and negative margin in order to enable focus */\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 calc(var(--space-unit) * 0.5); /* needed for checkbox focus shadow */\n  margin: 0;\n}\n\n:host .open-combo-data z-list-element {\n  --background-color-list-element: var(--color-form-background);\n  --background-hover-color-list-element: var(--color-form-surface03);\n  --background-active-color-list-element: var(--color-form-surface03);\n}\n\n:host .open-combo-data z-list-element[disabled] {\n  pointer-events: none;\n}\n\n:host .open-combo-data z-list-element .option-wrap {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  gap: var(--space-unit);\n}\n\n:host .open-combo-data z-list-element[size=\"medium\"] .option-wrap,\n:host .open-combo-data z-list-element[size=\"small\"] .option-wrap {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n\n  font-size: var(--font-size-2);\n  gap: calc(var(--space-unit) / 2);\n}\n\n:host .open-combo-data z-list-element .option-wrap > z-icon {\n  fill: var(--color-primary01);\n}\n\n:host .open-combo-data z-list-element[disabled] .option-wrap > z-icon {\n  fill: var(--color-disabled01);\n}\n\n:host .open-combo-data z-list-element .option-wrap > z-icon.focused {\n  border-radius: var(--border-radius-small);\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host .open-combo-data z-list-element .option-wrap > [role=\"option\"]:focus,\n:host .open-combo-data z-list-element .option-wrap > [role=\"option\"]:focus-visible {\n  outline: none;\n}\n\n::-webkit-scrollbar {\n  width: 6px;\n  background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--color-primary01);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n/* Firefox scrollbar */\n@supports not selector(::-webkit-scrollbar-track) {\n  :host {\n    scrollbar-color: var(--color-primary01) transparent;\n  }\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-form-active-primary);\n}\n\n:host > div.open > div.open-combo-data > div > div.search {\n  overflow: hidden;\n  max-height: none;\n  margin-top: 0;\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}\n\n:host .open .open-combo-data .search .no-results {\n  display: flex;\n  align-items: center;\n  column-gap: var(--space-unit);\n}\n\n:host > .open > .open-combo-data .search .close-search {\n  display: flex;\n  justify-content: center;\n}\n\n:host > div.open > div.open-combo-data > div > div.search .close-search > a {\n  display: inline-block;\n  height: 44px;\n  color: var(--color-form-active-primary);\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.search .close-search > a:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  /* padding left and negative margin in order to enable focus */\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 2)\n    calc(var(--space-unit) * 1.5);\n  border-bottom: var(--border-size-small) solid var(--gray800);\n  margin-bottom: var(--space-unit);\n  margin-left: calc(var(--space-unit) * -1);\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 {getPlainText, 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  /** 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  /** the combobox aria-label */\n  @Prop()\n  htmlAriaLabel?: string;\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 = \"\";\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  /** 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  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 getOptionId(itemId: string): string {\n    return `${this.inputid}-option-${itemId}`;\n  }\n\n  private getCheckAllOptionId(): string {\n    return `${this.inputid}-check-all`;\n  }\n\n  private allOptionsSelected(): boolean {\n    return this.selectedCounter === this.itemsList.length;\n  }\n\n  private hasReachedMaxSelections(): boolean {\n    return !!(this.maxcheckableitems && this.selectedCounter >= this.maxcheckableitems);\n  }\n\n  private handleHeaderKeyDown(e: KeyboardEvent): void {\n    if (e.code === KeyboardCode.ENTER && !this.focusedItemId) {\n      this.toggleComboBox();\n    }\n\n    if (!this.isopen || this.hassearch) {\n      return;\n    }\n\n    switch (e.code as KeyboardCode) {\n      case KeyboardCode.SPACE:\n      case KeyboardCode.ENTER:\n        if (this.focusedItemId) {\n          e.preventDefault();\n          this.checkOption(this.focusedItemId);\n        }\n        break;\n      case KeyboardCode.ESC:\n        if (this.focusedItemId) {\n          this.focusedItemId = \"\";\n        }\n        break;\n      case KeyboardCode.ARROW_DOWN:\n      case KeyboardCode.ARROW_UP:\n        this.handleArrowsNavigation(e);\n        break;\n    }\n  }\n\n  private handleInputKeyDown(e: KeyboardEvent): void {\n    switch (e.code as KeyboardCode) {\n      case KeyboardCode.ENTER:\n      case KeyboardCode.SPACE:\n        if (this.focusedItemId) {\n          e.preventDefault();\n          this.checkOption(this.focusedItemId);\n          break;\n        }\n        break;\n      case KeyboardCode.ARROW_DOWN:\n      case KeyboardCode.ARROW_UP:\n        this.handleArrowsNavigation(e);\n        break;\n      case KeyboardCode.ESC:\n        if (this.focusedItemId) {\n          this.focusedItemId = \"\";\n          break;\n        }\n        this.closeFilterItems();\n        break;\n      case KeyboardCode.TAB:\n        this.focusedItemId = \"\";\n        break;\n    }\n  }\n\n  private checkOption(optionId: string): void {\n    if (optionId === this.getCheckAllOptionId()) {\n      this.itemsList = this.itemsList.map((item: ComboItem) => ({\n        ...item,\n        checked: !this.allOptionsSelected(),\n      }));\n\n      this.focusedItemId = this.getCheckAllOptionId();\n    } else {\n      this.itemsList = this.itemsList.map((i: ComboItem) => {\n        if (optionId === this.getOptionId(i.id)) {\n          i.checked = !i.checked;\n        }\n\n        return i;\n      });\n    }\n\n    this.updateRenderItemsList();\n    this.emitComboboxChange();\n  }\n\n  private handleArrowsNavigation(e: KeyboardEvent): void {\n    if (![KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP].includes(e.code as KeyboardCode) || !this.isopen) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const currElem = this.focusedItemId ? this.element.shadowRoot.querySelector(`#${this.focusedItemId}`) : null;\n    const options = Array.from(this.element.shadowRoot.querySelectorAll('[role=\"option\"]'));\n\n    if (!options.length) {\n      return;\n    }\n\n    const currElemIndex = currElem ? options.indexOf(currElem) : null;\n    const firstElemIndex = 0;\n    const lastElemIndex = options.length - 1;\n\n    let nextElem = null;\n    if (e.code === KeyboardCode.ARROW_DOWN) {\n      nextElem =\n        currElemIndex === null ? options[firstElemIndex] : options[currElemIndex + 1] || options[lastElemIndex];\n    } else if (e.code === KeyboardCode.ARROW_UP) {\n      nextElem =\n        currElemIndex === null ? options[lastElemIndex] : options[currElemIndex - 1] || options[firstElemIndex];\n    }\n\n    this.focusedItemId = nextElem.id;\n    nextElem.scrollIntoView({block: \"nearest\", container: \"nearest\"});\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 closeFilterItems(): void {\n    this.searchValue = \"\";\n    this.resetRenderItemsList();\n  }\n\n  private toggleComboBox(): void {\n    this.isopen = !this.isopen;\n  }\n\n  private getComboboxA11yAttributes(isZInput: boolean): Record<string, string> {\n    const role = \"combobox\";\n    const ariaLabel = this.htmlAriaLabel;\n    const ariaExpanded = this.isopen ? \"true\" : \"false\";\n    const ariaActivedescendant = this.isopen ? this.focusedItemId : \"\";\n    const ariaControls = `${this.inputid}_list`;\n\n    if (isZInput) {\n      return {\n        \"role\": role,\n        \"aria-label\": ariaLabel,\n        \"html-aria-expanded\": ariaExpanded,\n        \"html-aria-activedescendant\": ariaActivedescendant,\n        \"html-aria-controls\": ariaControls,\n      };\n    }\n\n    return {\n      \"role\": role,\n      \"aria-label\": ariaLabel,\n      \"aria-expanded\": ariaExpanded,\n      \"aria-activedescendant\": ariaActivedescendant,\n      \"aria-controls\": ariaControls,\n    };\n  }\n\n  private renderHeader(): HTMLDivElement {\n    const comboboxA11yAttributes = !this.hassearch ? this.getComboboxA11yAttributes(false) : {};\n\n    return (\n      <div\n        class=\"header\"\n        onClick={() => this.toggleComboBox()}\n        onKeyDown={(e: KeyboardEvent) => this.handleHeaderKeyDown(e)}\n        role=\"button\"\n        tabindex={0}\n        aria-controls=\"open-combo-data\"\n        aria-expanded={this.isopen ? \"true\" : \"false\"}\n        {...comboboxA11yAttributes}\n      >\n        <span\n          class=\"body-3\"\n          aria-label={\n            this.label\n              ? `${this.label}${this.selectedCounter > 0 ? ` - ${this.selectedCounter} selezionati` : ``}`\n              : undefined\n          }\n        >\n          {this.label}\n          <span>{this.selectedCounter > 0 && ` (${this.selectedCounter})`}</span>\n        </span>\n        <z-icon\n          name=\"caret-down\"\n          class={this.size}\n        />\n      </div>\n    );\n  }\n\n  private renderContent(): HTMLDivElement {\n    return (\n      <div\n        id=\"open-combo-data\"\n        class=\"open-combo-data\"\n      >\n        {this.hassearch && this.renderSearchInput()}\n        <div\n          role=\"listbox\"\n          aria-label={this.label}\n          aria-multiselectable=\"true\"\n          id={`${this.inputid}_list`}\n          aria-owns={`${this.hascheckall ? `${this.getCheckAllOptionId()} ` : ``}${this.itemsList.map((item) => this.getOptionId(item.id)).join(\" \")}`}\n        >\n          {this.renderItems()}\n        </div>\n      </div>\n    );\n  }\n\n  private renderItems(): HTMLDivElement {\n    return (\n      <div\n        class={this.searchValue && \"search\"}\n        tabIndex={-1}\n        role=\"presentation\"\n      >\n        {this.renderList(this.renderItemsList)}\n      </div>\n    );\n  }\n\n  private renderItem(item: ComboItem, index: number, length: number): HTMLZListElement {\n    const optionId = this.getOptionId(item.id);\n    const isDisabled = !item.checked && this.hasReachedMaxSelections();\n\n    return (\n      <z-list-element\n        htmlTabindex={-1}\n        dividerType={index !== length - 1 ? ListDividerType.ELEMENT : ListDividerType.NONE}\n        size={this.getControlToListSize()}\n        role=\"presentation\"\n        disabled={!!isDisabled}\n      >\n        <span\n          class=\"option-wrap\"\n          role=\"presentation\"\n          onClick={() => {\n            this.focusedItemId = \"\";\n            this.checkOption(optionId);\n          }}\n        >\n          <z-icon\n            name={item.checked ? \"checkbox-checked\" : \"checkbox\"}\n            class={this.focusedItemId === optionId ? \"focused\" : \"\"}\n          />\n          <span\n            id={optionId}\n            role={isDisabled ? \"presentation\" : \"option\"}\n            aria-selected={item.checked ? \"true\" : \"false\"}\n            aria-label={isDisabled ? undefined : getPlainText(item.name)}\n          >\n            <span\n              aria-hidden=\"true\"\n              innerHTML={item.name}\n            />\n          </span>\n        </span>\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=\"presentation\">\n        {this.renderCheckAll()}\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.category || \"Altra categoria\";\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(\n      ([key, value], index) => {\n        return (\n          <z-list-group\n            size={this.getControlToListSize()}\n            divider-type={ListDividerType.ELEMENT}\n            aria-labelledby={`${this.inputid}_list_group_${index}`}\n          >\n            <span\n              class=\"body-3-sb z-list-group-title\"\n              slot=\"header-title\"\n              id={`${this.inputid}_list_group_${index}`}\n              aria-hidden=\"true\"\n            >\n              {key}\n            </span>\n            {value.map((item) => item)}\n          </z-list-group>\n        );\n      }\n    );\n\n    return (\n      <ul role=\"presentation\">\n        {this.renderCheckAll()}\n        {listGroups}\n      </ul>\n    );\n  }\n\n  private renderNoSearchResults(): HTMLUListElement {\n    return (\n      <div class=\"no-results\">\n        <span>{this.noresultslabel}</span>\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        html-aria-autocomplete=\"list\"\n        {...this.getComboboxA11yAttributes(true)}\n        onKeyDown={(e: KeyboardEvent) => this.handleInputKeyDown(e)}\n        onInputChange={(e: CustomEvent) => {\n          this.searchValue = e.detail.value;\n          this.focusedItemId = \"\";\n        }}\n      />\n    );\n  }\n\n  private renderCheckAll(): HTMLDivElement {\n    if (!this.hascheckall || this.searchValue) {\n      return;\n    }\n\n    const optionId = this.getCheckAllOptionId();\n    const allChecked = this.allOptionsSelected();\n    const isDisabled =\n      this.hasReachedMaxSelections() || (this.maxcheckableitems && this.maxcheckableitems < this.itemsList.length);\n\n    return (\n      <z-list-element\n        class=\"check-all-wrapper\"\n        role=\"presentation\"\n        htmlTabindex={-1}\n        dividerType={ListDividerType.ELEMENT}\n        dividerColor=\"gray800\"\n        size={this.getControlToListSize()}\n        disabled={!!isDisabled}\n      >\n        <span\n          class=\"option-wrap\"\n          role=\"presentation\"\n          onClick={() => this.checkOption(optionId)}\n        >\n          <z-icon\n            name={allChecked ? \"checkbox-checked\" : \"checkbox\"}\n            class={this.focusedItemId === optionId ? \"focused\" : \"\"}\n          />\n          <span\n            id={optionId}\n            role={isDisabled ? \"presentation\" : \"option\"}\n            aria-selected={allChecked ? \"true\" : \"false\"}\n          >\n            {allChecked ? this.uncheckalltext : this.checkalltext}\n          </span>\n        </span>\n      </z-list-element>\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/dist/web-components-library/p-f0f53bb2.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as a}from"./p-75c4a726.js";import{B as i,d as s}from"./p-86618221.js";const o=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host z-myz-card{--card-overflow:visible}:host>div{position:relative;width:100%;height:522px;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out}:host>div .content{position:relative;z-index:2;width:100%;height:522px;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out}:host>div .content.flipped{margin-top:-2px;transform:rotateY(180deg)}:host>div .front,:host>div .back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;transform:rotateY(0deg)}:host>div .front z-button{position:absolute;z-index:3;top:calc(var(--space-unit) * 0.5);left:calc(-1 * var(--space-unit))}:host>div .back{z-index:1;top:0;left:0;display:flex;justify-content:center;padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));transform:rotateY(180deg)}.hide-info{display:none}";const d=o;const n=class{constructor(a){t(this,a);this.cardFlipped=e(this,"cardFlipped",7);this.name=undefined;this.cover=undefined;this.disabled=false;this.flipped=false;this.flipbuttonlabel="INFO";this.hideinfobtn=false}handleFlipCard(t){this.flipCard(t.detail)}flipCard(t=true){this.flipped=t;this.cardFlipped.emit(t)}render(){return a("div",{key:"2fdbc0c37b80268d3af1d4c8b170d9218319a1d9"},a("z-myz-card",{key:"d1a8d5391792b9624475480854603e4c3f54e270"},a("z-myz-card-header",{key:"3797b4f4c34948fe0469b3c0ae669bcbda596045",titolo:this.name}),a("div",{key:"8f4ebd1eb315669987aff0bb45af98e42508fb82",class:`content ${this.flipped?"flipped":""}`},a("div",{key:"c21e290ecfba6f8621574972ab3fae2a4172ce71",class:"front"},a("z-myz-card-body",{key:"0949f522ac5046bb8e9aa6839ccd7e304d1155ee"},a("z-myz-card-cover",{key:"3cbcd5015a7b9bc32caabb489425d85d683004c3",slot:"cover",titolo:this.name,img:this.cover,faded:this.disabled})),a("z-button",{key:"f5f133d27ab294c9e2a931420d82ae3b8b3e791f",class:{"hide-info":this.hideinfobtn},variant:i.SECONDARY,icon:"informationsource",size:s.X_SMALL,onClick:()=>this.flipCard(true),disabled:this.flipped},this.flipbuttonlabel)),a("div",{key:"4a390b5c597f9b7379f1a5a2760bbdaff11d1997",class:"back"},a("slot",{key:"3d9f5a5ff414a81d8fbe4747770da70e404107d8",name:"info"}))),a("slot",{key:"847e96d805ade00dc8d5e96e2593f65e99edc198"})))}};n.style=d;export{n as z_myz_card_dictionary};
-//# sourceMappingURL=p-f0f53bb2.entry.js.map

package/dist/web-components-library/p-f0f53bb2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZMyzCardDictionaryStyle0","ZMyzCardDictionary","handleFlipCard","e","this","flipCard","detail","showBack","flipped","cardFlipped","emit","render","h","key","titolo","name","class","slot","img","cover","faded","disabled","hideinfobtn","variant","ButtonVariant","SECONDARY","icon","size","ButtonSize","X_SMALL","onClick","flipbuttonlabel"],"sources":["src/snowflakes/myz/card/z-myz-card-dictionary/styles.css?tag=z-myz-card-dictionary&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-dictionary/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host z-myz-card {\n  --card-overflow: visible;\n}\n\n:host > div {\n  position: relative;\n  width: 100%;\n  height: 522px;\n  transition: -webkit-transform 0.5s ease-out;\n  transition: transform 0.5s ease-out;\n  transition:\n    transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out;\n}\n\n:host > div .content {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: 522px;\n  transform-style: preserve-3d;\n  transition: -webkit-transform 0.5s ease-out;\n  transition: transform 0.5s ease-out;\n  transition:\n    transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out;\n}\n\n:host > div .content.flipped {\n  margin-top: -2px;\n  transform: rotateY(180deg);\n}\n\n:host > div .front,\n:host > div .back {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  backface-visibility: hidden;\n}\n\n:host > div .front {\n  z-index: 2;\n  top: 0;\n  left: 0;\n  transform: rotateY(0deg);\n}\n\n:host > div .front z-button {\n  position: absolute;\n  z-index: 3;\n  top: calc(var(--space-unit) * 0.5);\n  left: calc(-1 * var(--space-unit));\n}\n\n:host > div .back {\n  z-index: 1;\n  top: 0;\n  left: 0;\n  display: flex;\n  justify-content: center;\n  padding: 0 var(--space-unit);\n  margin-left: calc(-1 * var(--space-unit));\n  transform: rotateY(180deg);\n}\n\n.hide-info {\n  display: none;\n}\n","import {Component, Event, EventEmitter, Listen, Prop, h} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant} from \"../../../../beans\";\n\n/**\n * @slot  - generic card slot\n * @slot info - flipped card info\n */\n@Component({\n  tag: \"z-myz-card-dictionary\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardDictionary {\n  /** card title */\n  @Prop()\n  name: string;\n\n  /** card cover */\n  @Prop()\n  cover: string;\n\n  /** card is disabled */\n  @Prop()\n  disabled = false;\n\n  /** card is flipped */\n  @Prop({mutable: true})\n  flipped = false;\n\n  /** flip button label */\n  @Prop()\n  flipbuttonlabel = \"INFO\";\n\n  /** hide info button */\n  @Prop()\n  hideinfobtn = false;\n\n  @Listen(\"flipCard\")\n  handleFlipCard(e: CustomEvent): void {\n    this.flipCard(e.detail);\n  }\n\n  /** when card is flipped */\n  @Event()\n  cardFlipped: EventEmitter;\n\n  private flipCard(showBack = true): void {\n    this.flipped = showBack;\n    this.cardFlipped.emit(showBack);\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <z-myz-card>\n          <z-myz-card-header titolo={this.name}></z-myz-card-header>\n          <div class={`content ${this.flipped ? \"flipped\" : \"\"}`}>\n            <div class=\"front\">\n              <z-myz-card-body>\n                <z-myz-card-cover\n                  slot=\"cover\"\n                  titolo={this.name}\n                  img={this.cover}\n                  faded={this.disabled}\n                />\n              </z-myz-card-body>\n              <z-button\n                class={{\"hide-info\": this.hideinfobtn}}\n                variant={ButtonVariant.SECONDARY}\n                icon=\"informationsource\"\n                size={ButtonSize.X_SMALL}\n                onClick={() => this.flipCard(true)}\n                disabled={this.flipped}\n              >\n                {this.flipbuttonlabel}\n              </z-button>\n            </div>\n            <div class=\"back\">\n              <slot name=\"info\" />\n            </div>\n          </div>\n          <slot />\n        </z-myz-card>\n      </div>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAY,ymCAClB,MAAAC,EAAeD,E,MCWFE,EAAkB,M,yHAWlB,M,aAID,M,qBAIQ,O,iBAIJ,K,CAGd,cAAAC,CAAeC,GACbC,KAAKC,SAASF,EAAEG,O,CAOV,QAAAD,CAASE,EAAW,MAC1BH,KAAKI,QAAUD,EACfH,KAAKK,YAAYC,KAAKH,E,CAGxB,MAAAI,GACE,OACEC,EAAA,OAAAC,IAAA,4CACED,EAAA,cAAAC,IAAA,4CACED,EAAA,qBAAAC,IAAA,2CAAmBC,OAAQV,KAAKW,OAChCH,EAAA,OAAAC,IAAA,2CAAKG,MAAO,WAAWZ,KAAKI,QAAU,UAAY,MAChDI,EAAA,OAAAC,IAAA,2CAAKG,MAAM,SACTJ,EAAA,mBAAAC,IAAA,4CACED,EAAA,oBAAAC,IAAA,2CACEI,KAAK,QACLH,OAAQV,KAAKW,KACbG,IAAKd,KAAKe,MACVC,MAAOhB,KAAKiB,YAGhBT,EAAA,YAAAC,IAAA,2CACEG,MAAO,CAAC,YAAaZ,KAAKkB,aAC1BC,QAASC,EAAcC,UACvBC,KAAK,oBACLC,KAAMC,EAAWC,QACjBC,QAAS,IAAM1B,KAAKC,SAAS,MAC7BgB,SAAUjB,KAAKI,SAEdJ,KAAK2B,kBAGVnB,EAAA,OAAAC,IAAA,2CAAKG,MAAM,QACTJ,EAAA,QAAAC,IAAA,2CAAME,KAAK,WAGfH,EAAA,QAAAC,IAAA,8C","ignoreList":[]}

package/dist/web-components-library/p-f79010de.js

@@ -1,2 +0,0 @@
-import{r as o,h as r,a as s}from"./p-75c4a726.js";const c=":host{display:block;box-sizing:border-box}";const e=c;const t=class{constructor(r){o(this,r)}render(){return r(s,{key:"3ad959681c2649e9742c43b6b338802c75601707",role:"rowgroup"},r("slot",{key:"fa42cbad29615f222b8fe60843b35e4871007bd3"}))}};t.style=e;export{t as Z};
-//# sourceMappingURL=p-f79010de.js.map

package/dist/web-components-library/p-f79010de.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTbodyStyle0","ZTbody","render","h","Host","key","role"],"sources":["src/components/table/z-tbody/styles.css?tag=z-tbody&encapsulation=shadow","src/components/table/z-tbody/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * ZTbody component.\n * @slot - ZTbody content (`z-tr`).\n */\n@Component({\n  tag: \"z-tbody\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTbody {\n  render(): HTMLZTbodyElement {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAY,6CAClB,MAAAC,EAAeD,E,MCUFE,EAAM,M,yBACjB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,YACTH,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/web-components-library/p-f8e95a75.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as e,a as s,g as r}from"./p-75c4a726.js";import{P as i,g as n,p as a}from"./p-86618221.js";import{a as h,k as c,l as f,g as p,m as l}from"./p-061e28d6.js";import"./p-5145a606.js";const u=':host{position:fixed;display:none;max-width:calc(100dvw - var(--grid-margin) * 2);max-height:calc(100dvh - var(--grid-margin) * 2);padding:var(--z-popover-padding, 0);background:var(--z-popover-theme--surface, var(--color-surface01));border-radius:var(--border-radius-small);color:var(--z-popover-theme--text, var(--color-default-text));fill:currentcolor;filter:var(--z-popover-shadow-filter, drop-shadow(0 1px 2px var(--shadow-color-base)));text-align:center;visibility:hidden;}:host([open]:not([open="false"])[current-position]){display:block}:host([center][current-position="top"]),:host([center][current-position="bottom"]){transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){transform:translateY(-50%)}:host([current-position^="top"]){margin:0 0 var(--space-unit)}:host([current-position^="bottom"]){margin:var(--space-unit) 0 0}:host([current-position^="left"]){margin:0 var(--space-unit) 0 0}:host([current-position^="right"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface, var(--color-surface01));content:"";transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}';const d=u;const b=class{constructor(e){t(this,e);this.positionChange=o(this,"positionChange",7);this.openChange=o(this,"openChange",7);this.spaceTolerance=3;this.position=i.TOP;this.open=false;this.bindTo=undefined;this.showArrow=false;this.center=false;this.closable=true;this.currentPosition=undefined}closePopoverWithKeyboard(t){if(this.closable&&t.key===n.ESC){t.stopPropagation();this.open=false}}handleOutsideClick(t){const o=t.target;if(!this.closable||!this.open||h(this.host,o)){return}if(h(this.boundElement,o)){t.stopPropagation()}this.open=false}validatePosition(t){if(!Object.values(i).includes(t)||t===i.AUTO){t=i.TOP;this.position=t}this.currentPosition=t;if(this.open){this.setPosition()}}onOpen(){cancelAnimationFrame(this.animationFrameRequestId);this.openChange.emit({open:this.open});if(!this.open){Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"});this.currentPosition=undefined;return}const t=()=>{if(!this.open){return}this.setPosition();this.animationFrameRequestId=requestAnimationFrame(t)};setTimeout((()=>{t()}),0)}onBindingChange(){this.findBoundElement()}get offsetModifier(){return this.center?.5:0}findBoundElement(){if(typeof this.bindTo==="string"){this.boundElement=this.host.ownerDocument.querySelector(this.bindTo)}else if(this.bindTo){this.boundElement=this.bindTo}else{this.boundElement=c(this.host);if(this.boundElement.tagName.toLowerCase()==="z-tooltip"){this.boundElement=c(this.boundElement)}}}hasCenteredHorizontalSpace(t,o,e,s){const r=(e-s)*(1-this.offsetModifier);if(!this.center){return o>=r-this.spaceTolerance}return o>=r-this.spaceTolerance&&t>=r-this.spaceTolerance}hasCenteredVerticalSpace(t,o,e,s){const r=(e-s)*(1-this.offsetModifier);if(!this.center){return o>=r-this.spaceTolerance}return t>=r-this.spaceTolerance&&o>=r-this.spaceTolerance}hasEnoughSideSpace(t,o,e,s){return t>=o-e*(1-s)-this.spaceTolerance}getOptimalPopoverPosition(t,o){const e=this.host.offsetWidth;const s=this.host.offsetHeight;const r=this.boundElement.getBoundingClientRect().width;const n=this.boundElement.getBoundingClientRect().height;const a=this.offsetModifier;const h=t=>{switch(t){case i.TOP:return o.top>=s-this.spaceTolerance&&this.hasCenteredHorizontalSpace(o.left,o.right,e,r);case i.TOP_RIGHT:return o.top>=s&&this.hasEnoughSideSpace(o.right,e,r,a);case i.TOP_LEFT:return o.top>=s&&this.hasEnoughSideSpace(o.left,e,r,a);case i.RIGHT:return o.right>=e&&this.hasCenteredVerticalSpace(o.top,o.bottom,s,n);case i.RIGHT_BOTTOM:return o.right>=e&&this.hasEnoughSideSpace(o.bottom,s,n,a);case i.RIGHT_TOP:return o.right>=e&&this.hasEnoughSideSpace(o.top,s,n,a);case i.BOTTOM:return o.bottom>=s&&this.hasCenteredHorizontalSpace(o.left,o.right,e,r);case i.BOTTOM_LEFT:return o.bottom>=s&&this.hasEnoughSideSpace(o.left,e,r,a);case i.BOTTOM_RIGHT:return o.bottom>=s&&this.hasEnoughSideSpace(o.right,e,r,a);case i.LEFT:return o.left>=e&&this.hasCenteredVerticalSpace(o.top,o.bottom,s,n);case i.LEFT_TOP:return o.left>=e&&this.hasEnoughSideSpace(o.top,s,n,a);case i.LEFT_BOTTOM:return o.left>=e&&this.hasEnoughSideSpace(o.bottom,s,n,a);default:return false}};if(h(t)){return t}const c=b.positionOrder;const f=c.indexOf(t);if(f===-1){return t}for(let t=1;t<c.length;t++){const o=(f+t)%c.length;const e=c[o];if(h(e)){return e}}return this.findBestFallbackPosition(o)}findBestFallbackPosition(t){const o=t.right>=t.left?i.RIGHT:i.LEFT;const e=t.bottom>=t.top?i.BOTTOM:i.TOP;const s=Math.max(t.right,t.left);const r=Math.max(t.bottom,t.top);const n=r>=s?e:o;let a=false;if(n===e){const o=Math.min(t.right,t.left);a=s>=o*2}else{const o=Math.min(t.bottom,t.top);a=r>=o*2}if(!a){return n}const h=n===e?o:e;return`${n}_${h}`}findScrollableAncestor(t){let o=c(t);while(o){if(o===t.ownerDocument.documentElement){return o}const e=getComputedStyle(o);const{overflow:s,overflowX:r,overflowY:i}=e;const n=s==="hidden"||i==="hidden"||r==="hidden";const a=o.scrollHeight>o.clientHeight&&s!=="visible"&&i!=="visible"||o.scrollWidth>o.clientWidth&&s!=="visible"&&r!=="visible";if(!n&&a){return o}o=c(o)}return t.ownerDocument.documentElement}calculateAvailableSpace(){const t=this.boundElement.getBoundingClientRect();if(this.lastBoundRect&&this.lastBoundRect.x===t.x&&this.lastBoundRect.y===t.y&&this.lastBoundRect.width===t.width&&this.lastBoundRect.height===t.height&&this.cachedAvailableSpace){return this.cachedAvailableSpace}this.lastBoundRect=t;const o=this.findScrollableAncestor(this.boundElement);const e=o.getBoundingClientRect();const s=o!==this.boundElement.ownerDocument.documentElement;const r=this.boundElement.ownerDocument.documentElement.clientWidth;const i=this.boundElement.ownerDocument.documentElement.clientHeight;const n=8;const a=s?e.top:0;const h=s?r-e.right:0;const c=s?i-e.bottom:0;const f=s?e.left:0;this.cachedAvailableSpace={top:t.top-a-n,right:r-t.right-h-n,bottom:i-t.bottom-c-n,left:t.left-f-n};return this.cachedAvailableSpace}getBoundElementOffsets(){const t=this.boundElement.getBoundingClientRect();const o=this.boundElement.ownerDocument.documentElement.clientWidth;const e=this.boundElement.ownerDocument.documentElement.clientHeight;return{top:t.top,right:o-t.right,bottom:e-t.bottom,left:t.left}}computePositionOffsets(){const t=this.getBoundElementOffsets();const o=f(this.host);const e=o===this.host.ownerDocument.documentElement;if(e){return t}const s=o.getBoundingClientRect();const r=getComputedStyle(o);const i={top:s.top+parseFloat(r.borderTopWidth),right:s.right-parseFloat(r.borderRightWidth),bottom:s.bottom-parseFloat(r.borderBottomWidth),left:s.left+parseFloat(r.borderLeftWidth)};const n=this.boundElement.getBoundingClientRect();const a={top:n.top-i.top,right:i.right-n.right,bottom:i.bottom-n.bottom,left:n.left-i.left};return{top:a.top+o.scrollTop,right:a.right-o.scrollLeft,bottom:a.bottom-o.scrollTop,left:a.left+o.scrollLeft}}applyPositionStyles(t,o){const e=this.boundElement.offsetWidth;const s=this.boundElement.offsetHeight;const r=this.offsetModifier;const n=this.showArrow&&this.center?8:0;const h=this.host.style;const c=parseFloat(getComputedStyle(this.host).marginTop.replace("px",""))||0;const f=this.computePositionOffsets();const l=f.left+e*r;const u=f.right+e*r;const d=f.top+s;const b=f.bottom+s;const g=f.top+s*r;const m=f.bottom+s*r;let v;let w;switch(t){case i.TOP:case i.TOP_RIGHT:h.bottom=`${b}px`;h.left=`${l-(t===i.TOP_RIGHT?n:0)}px`;w=o.top-c;if(t===i.TOP_RIGHT){v=o.right+e*r}break;case i.TOP_LEFT:h.right=`${u-n}px`;h.bottom=`${b}px`;v=o.left+e*r;w=o.top-c;break;case i.BOTTOM:case i.BOTTOM_RIGHT:h.top=`${d}px`;h.left=`${l-(t===i.BOTTOM_RIGHT?n:0)}px`;w=o.bottom-c;if(t===i.BOTTOM_RIGHT){v=o.right+e*r}break;case i.BOTTOM_LEFT:h.top=`${d}px`;h.right=`${u-n}px`;v=o.left+e*r;w=o.bottom-c;break;case i.RIGHT:case i.RIGHT_BOTTOM:h.top=`${g-(t===i.RIGHT_BOTTOM?n:0)}px`;h.left=`${f.left+e}px`;v=o.right-c;if(t===i.RIGHT){w=o.top+o.bottom+s}else{w=o.bottom+s*r}break;case i.RIGHT_TOP:h.bottom=`${m-n}px`;h.left=`${f.left+e}px`;v=o.right-c;w=o.top+s*r;break;case i.LEFT:case i.LEFT_BOTTOM:h.top=`${g-(t===i.LEFT_BOTTOM?n:0)}px`;h.right=`${f.right+e}px`;v=o.left-c;if(t===i.LEFT_BOTTOM){w=o.bottom+s*r}break;case i.LEFT_TOP:h.right=`${f.right+e}px`;h.bottom=`${m-n}px`;v=o.left-c;w=o.top+s*r;break}if(p()!==a.MOBILE){Object.assign(h,{maxWidth:v?`${v}px`:"",maxHeight:w?`${w}px`:""})}}setPosition(){if(!this.boundElement){return}if(!l(this.boundElement,this.findScrollableAncestor(this.boundElement))){this.open=false;return}Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"});const t=this.calculateAvailableSpace();const o=this.getOptimalPopoverPosition(this.position,t);this.applyPositionStyles(o,t);this.currentPosition=o;this.positionChange.emit({position:this.currentPosition});this.host.style.visibility="visible"}componentWillLoad(){this.validatePosition(this.position)}componentDidLoad(){this.findBoundElement();if(this.open){this.onOpen()}}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}render(){return e(s,{key:"83d24ed11a01f0ff29486a6c2e3a3716960d44a1","current-position":this.currentPosition},e("slot",{key:"7c048c564bc76ee6dda7df4dfb55eb80c5b5ebae"}))}get host(){return r(this)}static get watchers(){return{position:["validatePosition"],open:["onOpen"],bindTo:["onBindingChange"]}}};b.positionOrder=[i.TOP,i.TOP_RIGHT,i.TOP_LEFT,i.RIGHT,i.RIGHT_BOTTOM,i.RIGHT_TOP,i.BOTTOM,i.BOTTOM_LEFT,i.BOTTOM_RIGHT,i.LEFT,i.LEFT_TOP,i.LEFT_BOTTOM];b.style=d;export{b as z_popover};
-//# sourceMappingURL=p-f8e95a75.entry.js.map

package/dist/web-components-library/p-f8e95a75.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZPopoverStyle0","ZPopover","this","spaceTolerance","PopoverPosition","TOP","closePopoverWithKeyboard","e","closable","key","KeyboardCode","ESC","stopPropagation","open","handleOutsideClick","target","containsElement","host","boundElement","validatePosition","newValue","Object","values","includes","AUTO","position","currentPosition","setPosition","onOpen","cancelAnimationFrame","animationFrameRequestId","openChange","emit","assign","style","top","right","bottom","left","maxWidth","maxHeight","visibility","undefined","updatePositionLoop","requestAnimationFrame","setTimeout","onBindingChange","findBoundElement","offsetModifier","center","bindTo","ownerDocument","querySelector","getParentElement","tagName","toLowerCase","hasCenteredHorizontalSpace","availableLeft","availableRight","hostWidth","boundElementWidth","requiredSideSpace","hasCenteredVerticalSpace","availableTop","availableBottom","hostHeight","boundElementHeight","hasEnoughSideSpace","availableSpace","hostSize","boundElementSize","getOptimalPopoverPosition","desiredPosition","offsetWidth","offsetHeight","getBoundingClientRect","width","height","fits","pos","TOP_RIGHT","TOP_LEFT","RIGHT","RIGHT_BOTTOM","RIGHT_TOP","BOTTOM","BOTTOM_LEFT","BOTTOM_RIGHT","LEFT","LEFT_TOP","LEFT_BOTTOM","positions","positionOrder","startIndex","indexOf","i","length","posIndex","findBestFallbackPosition","bestHorizontalDirection","bestVerticalDirection","maxHorizontalSpace","Math","max","maxVerticalSpace","mainDirection","needsSecondaryDirection","minHorizontalSpace","min","minVerticalSpace","secondaryDirection","findScrollableAncestor","element","parent","documentElement","getComputedStyle","overflow","overflowX","overflowY","hasHiddenOverflow","isScrollable","scrollHeight","clientHeight","scrollWidth","clientWidth","calculateAvailableSpace","boundElementRect","lastBoundRect","x","y","cachedAvailableSpace","scrollableAncestor","scrollableAncestorRect","isScrollableAncestorNested","documentWidth","documentHeight","safeSpace","deltaTop","deltaRight","deltaBottom","deltaLeft","getBoundElementOffsets","elementRect","computePositionOffsets","boundElementOffsets","containingBlockAncestor","findContainingBlockAncestor","isDocumentElement","containingBlockRect","containingBlockStyle","paddingBox","parseFloat","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","relativeOffsets","scrollTop","scrollLeft","applyPositionStyles","arrowModifier","showArrow","hostStyle","distanceFromBound","marginTop","replace","positionOffsets","leftBase","rightBase","topBase","bottomBase","sideTopBase","sideBottomBase","getDevice","Device","MOBILE","isElementVisibleInContainer","positionChange","componentWillLoad","componentDidLoad","disconnectedCallback","render","h","Host"],"sources":["src/components/z-popover/styles.css?tag=z-popover&encapsulation=shadow","src/components/z-popover/index.tsx"],"sourcesContent":[":host {\n  --z-popover-theme--surface: ;\n  --z-popover-theme--text: ;\n  --z-popover-padding: ;\n  --z-popover-shadow-filter: ;\n\n  position: fixed;\n  display: none;\n  max-width: calc(100dvw - var(--grid-margin) * 2);\n  max-height: calc(100dvh - var(--grid-margin) * 2);\n  padding: var(--z-popover-padding, 0);\n  background: var(--z-popover-theme--surface, var(--color-surface01));\n  border-radius: var(--border-radius-small);\n  color: var(--z-popover-theme--text, var(--color-default-text));\n  fill: currentcolor;\n  filter: var(--z-popover-shadow-filter, drop-shadow(0 1px 2px var(--shadow-color-base)));\n  text-align: center;\n  visibility: hidden; /* hidden by default. the positioning algorithm will set it to 'visible' when needed */\n}\n\n:host([open]:not([open=\"false\"])[current-position]) {\n  display: block;\n}\n\n:host([center][current-position=\"top\"]),\n:host([center][current-position=\"bottom\"]) {\n  transform: translateX(-50%);\n}\n\n:host([center][current-position=\"right\"]),\n:host([center][current-position=\"left\"]) {\n  transform: translateY(-50%);\n}\n\n:host([current-position^=\"top\"]) {\n  margin: 0 0 var(--space-unit);\n}\n\n:host([current-position^=\"bottom\"]) {\n  margin: var(--space-unit) 0 0;\n}\n\n:host([current-position^=\"left\"]) {\n  margin: 0 var(--space-unit) 0 0;\n}\n\n:host([current-position^=\"right\"]) {\n  margin: 0 0 0 var(--space-unit);\n}\n\n/* Arrow style */\n:host([current-position])::before {\n  --arrow-size: 6px;\n  --arrow-edge-offset: calc(100% - var(--space-unit) - (var(--arrow-size) / 2));\n  --arrow-center-x-offset: calc(50% - (var(--arrow-size) / 2));\n  --arrow-center-y-offset: calc(100% - (var(--arrow-size) / 2));\n\n  position: absolute;\n  display: block;\n  width: var(--arrow-size);\n  height: var(--arrow-size);\n  background: var(--z-popover-theme--surface, var(--color-surface01));\n  content: \"\";\n  transform: rotate(45deg);\n}\n\n:host([show-arrow=\"false\"])::before,\n:host(:not([show-arrow]))::before {\n  display: none;\n}\n\n:host([current-position^=\"top\"])::before {\n  top: var(--arrow-center-y-offset);\n}\n\n:host([current-position^=\"bottom\"])::before {\n  bottom: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"top\"])::before,\n:host([current-position=\"bottom\"])::before {\n  right: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right\"])::before,\n:host([current-position=\"left\"])::before {\n  bottom: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right\"])::before {\n  right: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"left\"])::before {\n  left: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"top_right\"])::before,\n:host([current-position=\"bottom_right\"])::before {\n  right: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"top_left\"])::before,\n:host([current-position=\"bottom_left\"])::before {\n  left: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right_top\"])::before,\n:host([current-position=\"left_top\"])::before {\n  top: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right_top\"])::before,\n:host([current-position=\"right_bottom\"])::before {\n  right: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"left_top\"])::before,\n:host([current-position=\"left_bottom\"])::before {\n  left: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"right_bottom\"])::before,\n:host([current-position=\"left_bottom\"])::before {\n  bottom: var(--arrow-edge-offset);\n}\n\n:host([center][current-position=\"top\"])::before,\n:host([center][current-position=\"bottom\"])::before {\n  right: auto;\n  left: var(--arrow-center-x-offset);\n}\n\n:host([center][current-position=\"right\"])::before,\n:host([center][current-position=\"left\"])::before {\n  top: var(--arrow-center-x-offset);\n  bottom: auto;\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {Device, KeyboardCode, PopoverPosition} from \"../../beans\";\nimport {\n  containsElement,\n  findContainingBlockAncestor,\n  getDevice,\n  getParentElement,\n  isElementVisibleInContainer,\n} from \"../../utils/utils\";\n\n/** Centering offset modifier. 0 for no offset, 0.5 for centering. */\ntype OffsetModifier = 0 | 0.5;\ntype Offsets = {top: number; right: number; bottom: number; left: number};\n\n/**\n * Popover component.\n * This component displays a popover bound to an element.\n * It supports various positions and can automatically adjust it based on available space, accounting for scrollable containers.\n *\n * Notes:\n * - If positioning has an odd behavior, consider manually adjusting the size of the slotted elements (using `width`, `height`, `max-width`, `max-height`, etc...) when its content is \"fluid\" (like text), because it can interfere with the position calculation (for example a long text on one single line can be bigger than the available space, letting the algorithm think the popover doesn't fits).\n *\n * @cssprop --z-popover-theme--surface - background color of the popover.\n * @cssprop --z-popover-theme--text - foreground color of the popover.\n * @cssprop --z-popover-padding - padding of the popover.\n * @cssprop --z-popover-shadow-filter - drop-shadow filter of the popover. Defaults to `drop-shadow(0 1px 2px var(--shadow-color-base))`.\n */\n@Component({\n  tag: \"z-popover\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPopover {\n  /**\n   * The preferred position to render the popover.\n   * The popover will automatically search another position if not enough space is available for the preferred position.\n   * If the preferred position is not available, it will try to find the best position starting from `TOP` and going clockwise.\n   */\n  @Prop({reflect: true, mutable: true})\n  position?: PopoverPosition = PopoverPosition.TOP;\n\n  /**\n   * The initial open state of the popover.\n   * Internal changes of this prop are emitted through the `openChange` event.\n   * Make sure to listen to that event if you need the updated state of the popover from the outside, to avoid inconsistent values.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * The selector or the element bound with the popover.\n   * If string css selector is provided make sure to use a valid selector.\n   */\n  @Prop()\n  bindTo?: string | HTMLElement;\n\n  /** Whether to show popover's arrow. */\n  @Prop({reflect: true})\n  showArrow = false;\n\n  /** Whether to center the popup on the main side (according to \"position\"). */\n  @Prop({reflect: true})\n  center = false;\n\n  /**\n   * Whether the popover can be closed by clicking outside of it or pressing the escape key.\n   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).\n   * Default: `true`.\n   */\n  @Prop()\n  closable = true;\n\n  /**\n   * The current position of the popover.\n   * It differs from `position` only when calculated automatically for space reasons.\n   */\n  @State()\n  currentPosition?: PopoverPosition;\n\n  @Element() host: HTMLZPopoverElement;\n\n  // Clockwise order of positions.\n  private static readonly positionOrder: PopoverPosition[] = [\n    PopoverPosition.TOP,\n    PopoverPosition.TOP_RIGHT,\n    PopoverPosition.TOP_LEFT,\n    PopoverPosition.RIGHT,\n    PopoverPosition.RIGHT_BOTTOM,\n    PopoverPosition.RIGHT_TOP,\n    PopoverPosition.BOTTOM,\n    PopoverPosition.BOTTOM_LEFT,\n    PopoverPosition.BOTTOM_RIGHT,\n    PopoverPosition.LEFT,\n    PopoverPosition.LEFT_TOP,\n    PopoverPosition.LEFT_BOTTOM,\n  ] as const;\n\n  private animationFrameRequestId?: number;\n\n  /** space tolerance for space calculations */\n  private readonly spaceTolerance = 3;\n\n  /** The element bound to the popover. */\n  private boundElement?: HTMLElement;\n\n  /** Cached available space around the bound element to avoid unnecessary recalculations */\n  private cachedAvailableSpace?: Offsets;\n\n  /** Last bounding rect of the bound element to detect changes and eventually invalidate the caches. */\n  private lastBoundRect?: DOMRect;\n\n  /** Fired when the position changes. */\n  @Event()\n  positionChange: EventEmitter<{position: PopoverPosition}>;\n\n  /** Event emitted when the open state of the popover changes (e.g. when the user clicks outside the popover to close it, if `closable` is true). */\n  @Event()\n  openChange: EventEmitter<{open: boolean}>;\n\n  @Listen(\"keyup\", {target: \"window\", capture: true})\n  closePopoverWithKeyboard(e: KeyboardEvent): void {\n    if (this.closable && e.key === KeyboardCode.ESC) {\n      e.stopPropagation();\n      this.open = false;\n    }\n  }\n\n  /**\n   * Close the popover when clicking outside of its content.\n   * Stop event propagation if the click was fired by popover's trigger element,\n   * to prevent close and reopen glitches.\n   */\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleOutsideClick(e: MouseEvent): void {\n    const target = e.target as Element;\n    if (!this.closable || !this.open || containsElement(this.host, target)) {\n      return;\n    }\n\n    if (containsElement(this.boundElement, target)) {\n      // stop propagation if the click was on the trigger element to prevent close and reopen glitches\n      e.stopPropagation();\n    }\n    this.open = false;\n  }\n\n  @Watch(\"position\")\n  validatePosition(newValue: PopoverPosition): void {\n    if (!Object.values(PopoverPosition).includes(newValue as PopoverPosition) || newValue === PopoverPosition.AUTO) {\n      newValue = PopoverPosition.TOP;\n      this.position = newValue;\n    }\n    this.currentPosition = newValue;\n    if (this.open) {\n      this.setPosition();\n    }\n  }\n\n  /** Setup popover behaviors when `open` changes. */\n  @Watch(\"open\")\n  onOpen(): void {\n    cancelAnimationFrame(this.animationFrameRequestId);\n    this.openChange.emit({open: this.open});\n    if (!this.open) {\n      Object.assign(this.host.style, {\n        // Reset all positioning properties\n        top: \"auto\",\n        right: \"auto\",\n        bottom: \"auto\",\n        left: \"auto\",\n        maxWidth: \"\",\n        maxHeight: \"\",\n        // Set initial visibility to hidden while calculating position...\n        visibility: \"hidden\",\n      });\n      this.currentPosition = undefined;\n\n      return;\n    }\n\n    const updatePositionLoop = (): void => {\n      if (!this.open) {\n        return;\n      }\n\n      this.setPosition();\n      this.animationFrameRequestId = requestAnimationFrame(updatePositionLoop);\n    };\n\n    // call `setPosition` after a tick to ensure the DOM is ready and sizes are available\n    setTimeout(() => {\n      updatePositionLoop();\n    }, 0);\n  }\n\n  @Watch(\"bindTo\")\n  onBindingChange(): void {\n    this.findBoundElement();\n  }\n\n  /** Returns the offset modifier to use in calculations to align the popover with the bound element. */\n  private get offsetModifier(): OffsetModifier {\n    return this.center ? 0.5 : 0;\n  }\n\n  private findBoundElement(): void {\n    if (typeof this.bindTo === \"string\") {\n      this.boundElement = this.host.ownerDocument.querySelector(this.bindTo) as HTMLElement;\n    } else if (this.bindTo) {\n      this.boundElement = this.bindTo;\n    } else {\n      this.boundElement = getParentElement(this.host) as HTMLElement;\n      if (this.boundElement.tagName.toLowerCase() === \"z-tooltip\") {\n        // If the popover is used inside a tooltip without a specified `bindTo`, bind it to the parent of the tooltip.\n        this.boundElement = getParentElement(this.boundElement) as HTMLElement;\n      }\n    }\n  }\n\n  /**\n   * Check if element has enough space to the right and left to be centered.\n   * Used for `TOP` and `BOTTOM` position.\n   * When `center` is not enabled, only one side needs to be checked and `RIGHT` is the default.\n   */\n  private hasCenteredHorizontalSpace(\n    availableLeft: number,\n    availableRight: number,\n    hostWidth: number,\n    boundElementWidth: number\n  ): boolean {\n    const requiredSideSpace = (hostWidth - boundElementWidth) * (1 - this.offsetModifier);\n\n    if (!this.center) {\n      return availableRight >= requiredSideSpace - this.spaceTolerance;\n    }\n\n    return (\n      availableRight >= requiredSideSpace - this.spaceTolerance &&\n      availableLeft >= requiredSideSpace - this.spaceTolerance\n    );\n  }\n\n  /**\n   * Check if element has enough space to the top and bottom to be centered.\n   * Used for `RIGHT` and `LEFT` position.\n   * When `center` is not enabled, only one side needs to be checked and `BOTTOM` is the default.\n   */\n  private hasCenteredVerticalSpace(\n    availableTop: number,\n    availableBottom: number,\n    hostHeight: number,\n    boundElementHeight: number\n  ): boolean {\n    const requiredSideSpace = (hostHeight - boundElementHeight) * (1 - this.offsetModifier);\n\n    if (!this.center) {\n      return availableBottom >= requiredSideSpace - this.spaceTolerance;\n    }\n\n    return (\n      availableTop >= requiredSideSpace - this.spaceTolerance &&\n      availableBottom >= requiredSideSpace - this.spaceTolerance\n    );\n  }\n\n  /**\n   * Check if there is enough space in the given direction to fit the popover.\n   * Used for composed positions like TOP_RIGHT, LEFT_BOTTOM, etc.\n   */\n  private hasEnoughSideSpace(\n    availableSpace: number,\n    hostSize: number,\n    boundElementSize: number,\n    offsetModifier: OffsetModifier\n  ): boolean {\n    return availableSpace >= hostSize - boundElementSize * (1 - offsetModifier) - this.spaceTolerance;\n  }\n\n  /**\n   * Given a desired position and available space around the bound element, returns the best position\n   * that fits the popover, trying all positions if needed.\n   * Takes into account offsetModifier for centering.\n   * @param desiredPosition The desired position of the popover.\n   * @param availableSpace The available space around the bound element.\n   */\n  private getOptimalPopoverPosition(desiredPosition: PopoverPosition, availableSpace: Offsets): PopoverPosition {\n    const hostWidth = this.host.offsetWidth;\n    const hostHeight = this.host.offsetHeight;\n    const boundElementWidth = this.boundElement.getBoundingClientRect().width;\n    const boundElementHeight = this.boundElement.getBoundingClientRect().height;\n    const offsetModifier = this.offsetModifier;\n\n    /** Check if there is enough space to fit the popover in the desired position */\n    const fits = (pos: PopoverPosition): boolean => {\n      switch (pos) {\n        case PopoverPosition.TOP:\n          return (\n            availableSpace.top >= hostHeight - this.spaceTolerance &&\n            this.hasCenteredHorizontalSpace(availableSpace.left, availableSpace.right, hostWidth, boundElementWidth)\n          );\n        case PopoverPosition.TOP_RIGHT:\n          return (\n            availableSpace.top >= hostHeight &&\n            this.hasEnoughSideSpace(availableSpace.right, hostWidth, boundElementWidth, offsetModifier)\n          );\n        case PopoverPosition.TOP_LEFT:\n          return (\n            availableSpace.top >= hostHeight &&\n            this.hasEnoughSideSpace(availableSpace.left, hostWidth, boundElementWidth, offsetModifier)\n          );\n        case PopoverPosition.RIGHT:\n          return (\n            availableSpace.right >= hostWidth &&\n            this.hasCenteredVerticalSpace(availableSpace.top, availableSpace.bottom, hostHeight, boundElementHeight)\n          );\n        case PopoverPosition.RIGHT_BOTTOM:\n          return (\n            availableSpace.right >= hostWidth &&\n            this.hasEnoughSideSpace(availableSpace.bottom, hostHeight, boundElementHeight, offsetModifier)\n          );\n        case PopoverPosition.RIGHT_TOP:\n          return (\n            availableSpace.right >= hostWidth &&\n            this.hasEnoughSideSpace(availableSpace.top, hostHeight, boundElementHeight, offsetModifier)\n          );\n        case PopoverPosition.BOTTOM:\n          return (\n            availableSpace.bottom >= hostHeight &&\n            this.hasCenteredHorizontalSpace(availableSpace.left, availableSpace.right, hostWidth, boundElementWidth)\n          );\n        case PopoverPosition.BOTTOM_LEFT:\n          return (\n            availableSpace.bottom >= hostHeight &&\n            this.hasEnoughSideSpace(availableSpace.left, hostWidth, boundElementWidth, offsetModifier)\n          );\n        case PopoverPosition.BOTTOM_RIGHT:\n          return (\n            availableSpace.bottom >= hostHeight &&\n            this.hasEnoughSideSpace(availableSpace.right, hostWidth, boundElementWidth, offsetModifier)\n          );\n        case PopoverPosition.LEFT:\n          return (\n            availableSpace.left >= hostWidth &&\n            this.hasCenteredVerticalSpace(availableSpace.top, availableSpace.bottom, hostHeight, boundElementHeight)\n          );\n        case PopoverPosition.LEFT_TOP:\n          return (\n            availableSpace.left >= hostWidth &&\n            this.hasEnoughSideSpace(availableSpace.top, hostHeight, boundElementHeight, offsetModifier)\n          );\n        case PopoverPosition.LEFT_BOTTOM:\n          return (\n            availableSpace.left >= hostWidth &&\n            this.hasEnoughSideSpace(availableSpace.bottom, hostHeight, boundElementHeight, offsetModifier)\n          );\n\n        default:\n          return false;\n      }\n    };\n\n    // Check desired position first\n    if (fits(desiredPosition)) {\n      return desiredPosition;\n    }\n\n    // Find position index and create rotation starting from next position\n    const positions = ZPopover.positionOrder;\n    const startIndex = positions.indexOf(desiredPosition);\n\n    if (startIndex === -1) {\n      return desiredPosition; // fallback if position not found\n    }\n\n    // Try all other positions starting from the next one\n    for (let i = 1; i < positions.length; i++) {\n      const posIndex = (startIndex + i) % positions.length;\n      const pos = positions[posIndex];\n      if (fits(pos)) {\n        return pos;\n      }\n    }\n\n    return this.findBestFallbackPosition(availableSpace);\n  }\n\n  /** Find the best fallback position based on available space when no position fits perfectly. */\n  private findBestFallbackPosition(availableSpace: Offsets): PopoverPosition {\n    // Determine which horizontal and vertical direction has the most available space\n    const bestHorizontalDirection =\n      availableSpace.right >= availableSpace.left ? PopoverPosition.RIGHT : PopoverPosition.LEFT;\n\n    const bestVerticalDirection =\n      availableSpace.bottom >= availableSpace.top ? PopoverPosition.BOTTOM : PopoverPosition.TOP;\n\n    // Choose the main direction based on which axis has more space overall\n    const maxHorizontalSpace = Math.max(availableSpace.right, availableSpace.left);\n    const maxVerticalSpace = Math.max(availableSpace.bottom, availableSpace.top);\n\n    const mainDirection = maxVerticalSpace >= maxHorizontalSpace ? bestVerticalDirection : bestHorizontalDirection;\n\n    // Decide if a secondary direction is needed\n    // Only add a secondary direction if the difference between min and max in that axis is at least double\n    let needsSecondaryDirection = false;\n\n    if (mainDirection === bestVerticalDirection) {\n      // If main direction is vertical, check horizontal space difference\n      const minHorizontalSpace = Math.min(availableSpace.right, availableSpace.left);\n      needsSecondaryDirection = maxHorizontalSpace >= minHorizontalSpace * 2;\n    } else {\n      // If main direction is horizontal, check vertical space difference\n      const minVerticalSpace = Math.min(availableSpace.bottom, availableSpace.top);\n      needsSecondaryDirection = maxVerticalSpace >= minVerticalSpace * 2;\n    }\n\n    if (!needsSecondaryDirection) {\n      return mainDirection;\n    }\n\n    const secondaryDirection =\n      mainDirection === bestVerticalDirection ? bestHorizontalDirection : bestVerticalDirection;\n\n    // Return a combined position (e.g., \"bottom_right\")\n    return `${mainDirection}_${secondaryDirection}` as PopoverPosition;\n  }\n\n  /**\n   * Find the nearest scrollable ancestor of an element to take as a reference for positioning.\n   * The ancestor is considered scrollable if it doesn't have `overflow` property set to `hidden` and its scroll size is bigger than its client size.\n   */\n  private findScrollableAncestor(element: HTMLElement): HTMLElement {\n    let parent = getParentElement(element);\n\n    while (parent) {\n      if (parent === element.ownerDocument.documentElement) {\n        return parent as HTMLElement;\n      }\n\n      const style = getComputedStyle(parent);\n      const {overflow, overflowX, overflowY} = style;\n      const hasHiddenOverflow = overflow === \"hidden\" || overflowY === \"hidden\" || overflowX === \"hidden\";\n      const isScrollable =\n        (parent.scrollHeight > parent.clientHeight && overflow !== \"visible\" && overflowY !== \"visible\") ||\n        (parent.scrollWidth > parent.clientWidth && overflow !== \"visible\" && overflowX !== \"visible\");\n\n      if (!hasHiddenOverflow && isScrollable) {\n        return parent as HTMLElement;\n      }\n\n      parent = getParentElement(parent);\n    }\n\n    return element.ownerDocument.documentElement;\n  }\n\n  /**\n   * Calculate available space around the element bound with the popover, based on its nearest scrollable ancestor.\n   *\n   * Calculations for `right` and `bottom` can be a little bit confusing because `boundingRect.right` and `bottom` may not be what you expect...\n   * For more information see the explanation in the docs.\n   * @link https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect#return_value\n   */\n  private calculateAvailableSpace(): Offsets {\n    const boundElementRect = this.boundElement.getBoundingClientRect();\n\n    if (\n      this.lastBoundRect &&\n      this.lastBoundRect.x === boundElementRect.x &&\n      this.lastBoundRect.y === boundElementRect.y &&\n      this.lastBoundRect.width === boundElementRect.width &&\n      this.lastBoundRect.height === boundElementRect.height &&\n      this.cachedAvailableSpace\n    ) {\n      // If the bound element's rect hasn't changed, return the cached rect\n      return this.cachedAvailableSpace;\n    }\n\n    this.lastBoundRect = boundElementRect;\n    const scrollableAncestor = this.findScrollableAncestor(this.boundElement);\n    const scrollableAncestorRect = scrollableAncestor.getBoundingClientRect();\n    const isScrollableAncestorNested = scrollableAncestor !== this.boundElement.ownerDocument.documentElement;\n    const documentWidth = this.boundElement.ownerDocument.documentElement.clientWidth;\n    const documentHeight = this.boundElement.ownerDocument.documentElement.clientHeight;\n    const safeSpace = 8; // extra space to avoid popover being too close to the edges\n\n    // These deltas represent the offset between the scrollable ancestor and the viewport.\n    // They are used to adjust the available space calculations when the scrollable ancestor is not the document or body,\n    // to try to fit the popover inside the scrollable ancestor.\n    const deltaTop = isScrollableAncestorNested ? scrollableAncestorRect.top : 0;\n    const deltaRight = isScrollableAncestorNested ? documentWidth - scrollableAncestorRect.right : 0;\n    const deltaBottom = isScrollableAncestorNested ? documentHeight - scrollableAncestorRect.bottom : 0;\n    const deltaLeft = isScrollableAncestorNested ? scrollableAncestorRect.left : 0;\n\n    this.cachedAvailableSpace = {\n      top: boundElementRect.top - deltaTop - safeSpace,\n      right: documentWidth - boundElementRect.right - deltaRight - safeSpace,\n      bottom: documentHeight - boundElementRect.bottom - deltaBottom - safeSpace,\n      left: boundElementRect.left - deltaLeft - safeSpace,\n    };\n\n    return this.cachedAvailableSpace;\n  }\n\n  /** Calculate the space around the bound element relative to the viewport. */\n  private getBoundElementOffsets(): Offsets {\n    const elementRect = this.boundElement.getBoundingClientRect();\n    const documentWidth = this.boundElement.ownerDocument.documentElement.clientWidth;\n    const documentHeight = this.boundElement.ownerDocument.documentElement.clientHeight;\n\n    return {\n      top: elementRect.top,\n      right: documentWidth - elementRect.right,\n      bottom: documentHeight - elementRect.bottom,\n      left: elementRect.left,\n    };\n  }\n\n  /** Compute positioning offsets in the appropriate coordinate space, accounting for transformed containing blocks and scroll. */\n  private computePositionOffsets(): Offsets {\n    const boundElementOffsets = this.getBoundElementOffsets();\n    const containingBlockAncestor = findContainingBlockAncestor(this.host);\n    const isDocumentElement = containingBlockAncestor === this.host.ownerDocument.documentElement;\n\n    if (isDocumentElement) {\n      return boundElementOffsets;\n    }\n\n    const containingBlockRect = containingBlockAncestor.getBoundingClientRect();\n    const containingBlockStyle = getComputedStyle(containingBlockAncestor);\n    /** Padding box of the containing block, accounting for borders. */\n    const paddingBox = {\n      top: containingBlockRect.top + parseFloat(containingBlockStyle.borderTopWidth),\n      right: containingBlockRect.right - parseFloat(containingBlockStyle.borderRightWidth),\n      bottom: containingBlockRect.bottom - parseFloat(containingBlockStyle.borderBottomWidth),\n      left: containingBlockRect.left + parseFloat(containingBlockStyle.borderLeftWidth),\n    };\n\n    const boundElementRect = this.boundElement.getBoundingClientRect();\n    /** Bound element offsets relative to the containing block padding box. */\n    const relativeOffsets = {\n      top: boundElementRect.top - paddingBox.top,\n      right: paddingBox.right - boundElementRect.right,\n      bottom: paddingBox.bottom - boundElementRect.bottom,\n      left: boundElementRect.left - paddingBox.left,\n    };\n\n    /** Account for scroll to keep the popover aligned while the containing block scrolls. */\n    return {\n      top: relativeOffsets.top + containingBlockAncestor.scrollTop,\n      right: relativeOffsets.right - containingBlockAncestor.scrollLeft,\n      bottom: relativeOffsets.bottom - containingBlockAncestor.scrollTop,\n      left: relativeOffsets.left + containingBlockAncestor.scrollLeft,\n    };\n  }\n\n  /** Apply positioning styles based on `position` parameter. */\n  private applyPositionStyles(position: PopoverPosition, availableSpace: Offsets): void {\n    const boundElementWidth = this.boundElement.offsetWidth;\n    const boundElementHeight = this.boundElement.offsetHeight;\n    const offsetModifier = this.offsetModifier;\n    /**\n     * Distance between the arrow center and the popover edge.\n     * Needed to align the center of the arrow with the center of the bound element when `showArrow` and `center` are enabled.\n     */\n    const arrowModifier = this.showArrow && this.center ? 8 : 0;\n    const hostStyle = this.host.style;\n    /** Gap between the popover and the bound element, set as margin in CSS. */\n    const distanceFromBound = parseFloat(getComputedStyle(this.host).marginTop.replace(\"px\", \"\")) || 0;\n    const positionOffsets = this.computePositionOffsets();\n\n    /**\n     * Precomputed bases to reduce repeated arithmetic in the switch below.\n     * They represent the bound element edges plus optional centering offsets.\n     */\n    const leftBase = positionOffsets.left + boundElementWidth * offsetModifier;\n    const rightBase = positionOffsets.right + boundElementWidth * offsetModifier;\n    const topBase = positionOffsets.top + boundElementHeight;\n    const bottomBase = positionOffsets.bottom + boundElementHeight;\n    const sideTopBase = positionOffsets.top + boundElementHeight * offsetModifier;\n    const sideBottomBase = positionOffsets.bottom + boundElementHeight * offsetModifier;\n\n    let maxWidth: number;\n    let maxHeight: number;\n\n    switch (position) {\n      case PopoverPosition.TOP:\n      case PopoverPosition.TOP_RIGHT:\n        hostStyle.bottom = `${bottomBase}px`;\n        hostStyle.left = `${leftBase - (position === PopoverPosition.TOP_RIGHT ? arrowModifier : 0)}px`;\n        maxHeight = availableSpace.top - distanceFromBound;\n        if (position === PopoverPosition.TOP_RIGHT) {\n          maxWidth = availableSpace.right + boundElementWidth * offsetModifier;\n        }\n        break;\n\n      case PopoverPosition.TOP_LEFT:\n        hostStyle.right = `${rightBase - arrowModifier}px`;\n        hostStyle.bottom = `${bottomBase}px`;\n        maxWidth = availableSpace.left + boundElementWidth * offsetModifier;\n        maxHeight = availableSpace.top - distanceFromBound;\n        break;\n\n      case PopoverPosition.BOTTOM:\n      case PopoverPosition.BOTTOM_RIGHT:\n        hostStyle.top = `${topBase}px`;\n        hostStyle.left = `${leftBase - (position === PopoverPosition.BOTTOM_RIGHT ? arrowModifier : 0)}px`;\n        maxHeight = availableSpace.bottom - distanceFromBound;\n        if (position === PopoverPosition.BOTTOM_RIGHT) {\n          maxWidth = availableSpace.right + boundElementWidth * offsetModifier;\n        }\n        break;\n\n      case PopoverPosition.BOTTOM_LEFT:\n        hostStyle.top = `${topBase}px`;\n        hostStyle.right = `${rightBase - arrowModifier}px`;\n        maxWidth = availableSpace.left + boundElementWidth * offsetModifier;\n        maxHeight = availableSpace.bottom - distanceFromBound;\n        break;\n\n      case PopoverPosition.RIGHT:\n      case PopoverPosition.RIGHT_BOTTOM:\n        hostStyle.top = `${sideTopBase - (position === PopoverPosition.RIGHT_BOTTOM ? arrowModifier : 0)}px`;\n        hostStyle.left = `${positionOffsets.left + boundElementWidth}px`;\n        maxWidth = availableSpace.right - distanceFromBound;\n        if (position === PopoverPosition.RIGHT) {\n          maxHeight = availableSpace.top + availableSpace.bottom + boundElementHeight;\n        } else {\n          maxHeight = availableSpace.bottom + boundElementHeight * offsetModifier;\n        }\n        break;\n\n      case PopoverPosition.RIGHT_TOP:\n        hostStyle.bottom = `${sideBottomBase - arrowModifier}px`;\n        hostStyle.left = `${positionOffsets.left + boundElementWidth}px`;\n        maxWidth = availableSpace.right - distanceFromBound;\n        maxHeight = availableSpace.top + boundElementHeight * offsetModifier;\n        break;\n\n      case PopoverPosition.LEFT:\n      case PopoverPosition.LEFT_BOTTOM:\n        hostStyle.top = `${sideTopBase - (position === PopoverPosition.LEFT_BOTTOM ? arrowModifier : 0)}px`;\n        hostStyle.right = `${positionOffsets.right + boundElementWidth}px`;\n        maxWidth = availableSpace.left - distanceFromBound;\n        if (position === PopoverPosition.LEFT_BOTTOM) {\n          maxHeight = availableSpace.bottom + boundElementHeight * offsetModifier;\n        }\n        break;\n\n      case PopoverPosition.LEFT_TOP:\n        hostStyle.right = `${positionOffsets.right + boundElementWidth}px`;\n        hostStyle.bottom = `${sideBottomBase - arrowModifier}px`;\n        maxWidth = availableSpace.left - distanceFromBound;\n        maxHeight = availableSpace.top + boundElementHeight * offsetModifier;\n        break;\n    }\n\n    if (getDevice() !== Device.MOBILE) {\n      // Only force max sizes on non-mobile viewports\n      Object.assign(hostStyle, {\n        maxWidth: maxWidth ? `${maxWidth}px` : \"\",\n        maxHeight: maxHeight ? `${maxHeight}px` : \"\",\n      });\n    }\n  }\n\n  /** Set the position of the popover. */\n  private setPosition(): void {\n    if (!this.boundElement) {\n      return;\n    }\n\n    if (!isElementVisibleInContainer(this.boundElement, this.findScrollableAncestor(this.boundElement))) {\n      // If the bound element is not visible, hide the popover too\n      this.open = false;\n\n      return;\n    }\n\n    Object.assign(this.host.style, {\n      // Reset all positioning properties\n      top: \"auto\",\n      right: \"auto\",\n      bottom: \"auto\",\n      left: \"auto\",\n      maxWidth: \"\",\n      maxHeight: \"\",\n      // Set initial visibility to hidden while calculating position...\n      visibility: \"hidden\",\n    });\n\n    const availableSpace = this.calculateAvailableSpace();\n    const position = this.getOptimalPopoverPosition(this.position, availableSpace);\n\n    this.applyPositionStyles(position, availableSpace);\n    this.currentPosition = position;\n    this.positionChange.emit({position: this.currentPosition});\n\n    // ...then restore the visibility\n    this.host.style.visibility = \"visible\";\n  }\n\n  componentWillLoad(): void {\n    this.validatePosition(this.position);\n  }\n\n  componentDidLoad(): void {\n    this.findBoundElement();\n    if (this.open) {\n      this.onOpen();\n    }\n  }\n\n  disconnectedCallback(): void {\n    cancelAnimationFrame(this.animationFrameRequestId);\n  }\n\n  render(): HTMLZPopoverElement {\n    return (\n      <Host current-position={this.currentPosition}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/web-components-library/web-components-library.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"iIAOA,IAAIA,EAAe,KAIO,CACtBC,EAAkBC,EAAEC,UACxB,CAIE,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EAE7B,IAAIL,EAAqBU,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAASC,GACxC,GAAIC,KAAKC,WAAa,WAAY,CAChC,OAAOJ,EAAkBK,KAAKF,KAAMD,EAC1C,CACI,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACR,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAC7C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACnCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MAC5D,CACA,CACA,CACI,OAAOK,CACX,CAAG,ECpCHlB,IAAeyB,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,yumBAAuCJ,EAAA","ignoreList":[]}

package/loader/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "web-components-library-loader",
-  "private": true,
-  "typings": "./index.d.ts",
-  "module": "./index.js",
-  "main": "./index.cjs.js",
-  "jsnext:main": "./index.es2017.js",
-  "es2015": "./index.es2017.js",
-  "es2017": "./index.es2017.js",
-  "unpkg": "./cdn.js"
-}

package/react/components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src-react/components.ts"],"names":[],"mappings":"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"}

package/react/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src-react/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}

package/react/react-component-lib/createComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createComponent.js","sourceRoot":"","sources":["../../src-react/react-component-lib/createComponent.tsx"],"names":[],"mappings":"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"}

package/react/react-component-lib/createOverlayComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createOverlayComponent.js","sourceRoot":"","sources":["../../src-react/react-component-lib/createOverlayComponent.tsx"],"names":[],"mappings":"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"}

package/react/react-component-lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src-react/react-component-lib/index.ts"],"names":[],"mappings":";;;AAAA,qDAAyD;AAAhD,uHAAA,oBAAoB,OAAA;AAC7B,mEAAkE;AAAzD,gIAAA,sBAAsB,OAAA"}

package/react/react-component-lib/interfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../src-react/react-component-lib/interfaces.ts"],"names":[],"mappings":""}

package/react/react-component-lib/utils/attachProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attachProps.js","sourceRoot":"","sources":["../../../src-react/react-component-lib/utils/attachProps.ts"],"names":[],"mappings":"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"}

package/react/react-component-lib/utils/case.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"case.js","sourceRoot":"","sources":["../../../src-react/react-component-lib/utils/case.ts"],"names":[],"mappings":";;;AAAO,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,EAAE,CAC9C,GAAG;KACA,WAAW,EAAE;KACb,KAAK,CAAC,GAAG,CAAC;KACV,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KACpE,IAAI,CAAC,EAAE,CAAC,CAAC;AALD,QAAA,gBAAgB,oBAKf;AACP,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAApG,QAAA,eAAe,mBAAqF"}

package/react/react-component-lib/utils/dev.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dev.js","sourceRoot":"","sources":["../../../src-react/react-component-lib/utils/dev.ts"],"names":[],"mappings":";;;AAAO,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,OAAO,IAAI,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAC;AAC1E,CAAC,CAAC;AAFW,QAAA,SAAS,aAEpB;AAEF,MAAM,QAAQ,GAA+B,EAAE,CAAC;AAEzC,MAAM,kBAAkB,GAAG,CAAC,GAAW,EAAE,OAAe,EAAE,EAAE;IACjE,IAAI,IAAA,iBAAS,GAAE,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACtB,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;QACvB,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAPW,QAAA,kBAAkB,sBAO7B"}

package/react/react-component-lib/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src-react/react-component-lib/utils/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAWnB,MAAM,MAAM,GAAG,CAAC,GAA+D,EAAE,KAAU,EAAE,EAAE;IACpG,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;QAC9B,GAAG,CAAC,KAAK,CAAC,CAAC;IACb,CAAC;SAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,gDAAgD;QAC/C,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAC;IACvD,CAAC;AACH,CAAC,CAAC;AAPW,QAAA,MAAM,UAOjB;AAEK,MAAM,SAAS,GAAG,CACvB,GAAG,IAAoE,EAC/C,EAAE;IAC1B,OAAO,CAAC,KAAU,EAAE,EAAE;QACpB,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,IAAA,cAAM,EAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,SAAS,aAQpB;AAEK,MAAM,gBAAgB,GAAG,CAAwB,cAAmB,EAAE,WAAmB,EAAE,EAAE;IAClG,MAAM,UAAU,GAAG,CACjB,KAAuD,EACvD,GAA0C,EAC1C,EAAE;QACF,OAAO,8BAAC,cAAc,oBAAK,KAAK,IAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC1D,CAAC,CAAC;IACF,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;IAErC,OAAO,eAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AACtC,CAAC,CAAC;AAVW,QAAA,gBAAgB,oBAU3B;AAEK,MAAM,mBAAmB,GAAG,CAAC,OAAe,EAAE,aAAkB,EAAE,EAAE;IACzE,IAAI,aAAa,KAAK,SAAS,IAAI,OAAO,cAAc,KAAK,WAAW,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QACzG,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IAChD,CAAC;AACH,CAAC,CAAC;AAJW,QAAA,mBAAmB,uBAI9B;AAEF,gDAA8B;AAC9B,yCAAuB"}

package/www/build/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["UTILS","colorFromId"],"sources":["src/index.ts"],"sourcesContent":["import {colorFromId} from \"./utils/utils\";\n\nconst UTILS = {\n  colorFromId,\n};\n\nexport * from \"./beans\";\nexport * from \"./components\";\nexport {ICONS, IconName} from \"./constants/iconset\";\nexport {UTILS as Utils};\n"],"mappings":"+0CAEMA,GAAQ,CACZC,uB","ignoreList":[]}

package/www/build/p-03a558ef.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as n,a as i,g as a}from"./p-75c4a726.js";const o=':host,::slotted(*),*{box-sizing:border-box}:host{position:relative;display:inline-flex;flex-direction:column;--z-menu-label-color:var(--color-default-text)}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{padding:0;border:0;margin:0;background:transparent;border-radius:0;color:inherit;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-within{z-index:1;padding-right:calc(var(--space-unit) * 0.5);padding-left:calc(var(--space-unit) * 0.5);margin-right:calc(var(--space-unit) * -0.5);margin-left:calc(var(--space-unit) * -0.5);box-shadow:var(--shadow-focus-primary)}.menu-label .menu-label-content{position:relative;display:flex;align-items:center}:host(:is([active],[open])) .menu-label-content,.menu-label:focus-within .menu-label-content{font-weight:var(--font-bd)}:host(:is([active],[open])) .menu-label-content ::slotted(*),.menu-label:focus-within .menu-label-content ::slotted(*){letter-spacing:normal}:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible){box-shadow:none !important}:host(:is([active],[open],[vertical-context])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{position:absolute;bottom:0;left:0;width:100%;content:"";pointer-events:none}:host([vertical-context]) .menu-label-content::after{height:var(--border-size-small);background-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{height:var(--border-size-large);background-color:var(--color-primary01)}::slotted([data-text])::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}::slotted([data-text]){display:inline-flex;flex-direction:column}.menu-label .menu-label-content ::slotted(*){display:inline-flex;width:100%;margin:0;appearance:none;color:var(--z-menu-label-color);font-family:var(--font-family-sans);font-size:var(--font-size-5);font-weight:inherit;letter-spacing:0.36px;line-height:1.2;outline:none}.menu-label .menu-label-content ::slotted(*),.menu-label .menu-label-content z-icon{padding:var(--space-unit) 0}.menu-label .menu-label-content z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:currentcolor}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--color-surface05)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active){border-color:var(--color-primary01);font-weight:var(--font-bd)}';const s=o;const l=class{toggle(){if(!this.hasContent){return}this.open=!this.open;this.open?this.opened.emit():this.closed.emit()}handleClick(e){if(!this.floating||!this.open||this.hostElement.contains(e.target)){return}this.reflow();this.open=false;this.closed.emit()}onOpenChanged(){if(this.open){this.reflow(true)}else{cancelAnimationFrame(this.raf)}}constructor(n){e(this,n);this.opened=t(this,"opened",7);this.closed=t(this,"closed",7);this.active=undefined;this.floating=false;this.open=false;this.verticalContext=false;this.hasHeader=undefined;this.hasContent=undefined;this.toggle=this.toggle.bind(this);this.checkContent=this.checkContent.bind(this);this.onLabelSlotChange=this.onLabelSlotChange.bind(this);this.onItemsChange=this.onItemsChange.bind(this)}componentWillLoad(){this.checkContent()}onLabelSlotChange(e){const t=e.target.assignedElements()[0];t.dataset.text=t===null||t===void 0?void 0:t.textContent}reflow(e=false){if(this.content){const{style:e}=this.content;const{left:t}=this.hostElement.getBoundingClientRect();const n=getComputedStyle(this.content).width;const i=n?parseFloat(n.replace("px","")):375;const a=30;e.left=`${Math.min(window.innerWidth-t-i-a,0)}px`}if(e){this.raf=requestAnimationFrame(this.reflow.bind(this,e))}}checkContent(){this.hasHeader=!!this.hostElement.querySelectorAll("[slot=header]").length;this.hasContent=!!this.hostElement.querySelectorAll("[slot=item]").length||this.hasHeader}onItemsChange(){this.checkContent();const e=this.hostElement.querySelectorAll("[slot=item]");e.forEach((e=>{e.setAttribute("role","menuitem");e.dataset.text=e.textContent}))}renderMenuLabel(){if(this.hasContent){return n("button",{class:"menu-label","aria-expanded":this.open?"true":"false","aria-label":this.open?"Chiudi menù":"Apri menù",onClick:this.toggle},n("div",{class:"menu-label-content"},n("slot",{onSlotchange:this.onLabelSlotChange}),n("z-icon",{name:this.open?"chevron-up":"chevron-down"})))}return n("div",{class:"menu-label"},n("div",{class:"menu-label-content"},n("slot",{onSlotchange:this.onLabelSlotChange})))}render(){return n(i,{key:"2e51f6e5df94d3903783dcb20fe66abdf59a1549"},this.renderMenuLabel(),this.hasContent&&n("div",{key:"b9c3ba5e930a06834d4de361b6dc30a1db9c6ae6",class:"content",ref:e=>this.content=e},this.hasHeader&&n("header",{key:"eaa017e5442ed56ebb70453e9717e737d3da1e1b",class:"header"},n("slot",{key:"bd28e8f9b2922f2839a6bdaa4794ca26c7b2b030",name:"header",onSlotchange:this.checkContent})),n("div",{key:"b948fbb21e94debc85b07a4d03c85628d4b23268",class:"items",role:"menu"},n("slot",{key:"5299535cab84e8b4812401eff27951386ed16573",name:"item",onSlotchange:this.onItemsChange}))))}get hostElement(){return a(this)}static get watchers(){return{open:["onOpenChanged"]}}};l.style=s;export{l as z_menu_deprecated};
-//# sourceMappingURL=p-03a558ef.entry.js.map

package/www/build/p-03a558ef.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZMenuDeprecatedStyle0","ZMenuDeprecated","toggle","this","hasContent","open","opened","emit","closed","handleClick","ev","floating","hostElement","contains","target","reflow","onOpenChanged","cancelAnimationFrame","raf","constructor","hostRef","bind","checkContent","onLabelSlotChange","onItemsChange","componentWillLoad","labelElement","assignedElements","dataset","text","textContent","live","content","style","left","getBoundingClientRect","widthPx","getComputedStyle","width","parseFloat","replace","safeScrollbarSpace","Math","min","window","innerWidth","requestAnimationFrame","hasHeader","querySelectorAll","length","items","forEach","item","setAttribute","renderMenuLabel","h","class","onClick","onSlotchange","name","render","Host","key","ref","el","role"],"sources":["src/components/deprecated/z-menu-deprecated/styles.css?tag=z-menu-deprecated&encapsulation=shadow","src/components/deprecated/z-menu-deprecated/index.tsx"],"sourcesContent":[":host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n}\n\n:host {\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n\n  --z-menu-label-color: var(--color-default-text);\n}\n\n::slotted(a) {\n  text-decoration: none;\n}\n\n::slotted(*) {\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.menu-label {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  color: inherit;\n  outline: none;\n  text-align: left;\n}\n\nbutton.menu-label {\n  cursor: pointer;\n}\n\n.menu-label:focus-within {\n  z-index: 1;\n  padding-right: calc(var(--space-unit) * 0.5);\n  padding-left: calc(var(--space-unit) * 0.5);\n  margin-right: calc(var(--space-unit) * -0.5);\n  margin-left: calc(var(--space-unit) * -0.5);\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.menu-label .menu-label-content {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n:host(:is([active], [open])) .menu-label-content,\n.menu-label:focus-within .menu-label-content {\n  font-weight: var(--font-bd);\n}\n\n:host(:is([active], [open])) .menu-label-content ::slotted(*),\n.menu-label:focus-within .menu-label-content ::slotted(*) {\n  letter-spacing: normal;\n}\n\n:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible) {\n  box-shadow: none !important;\n}\n\n/* border */\n:host(:is([active], [open], [vertical-context])) .menu-label .menu-label-content::after,\n.menu-label .menu-label-content:hover::after,\n.menu-label:focus-within .menu-label-content::after {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  content: \"\";\n  pointer-events: none;\n}\n\n:host([vertical-context]) .menu-label-content::after {\n  height: var(--border-size-small);\n  background-color: var(--color-surface03);\n}\n\n:host(:is([active], [open])) .menu-label .menu-label-content::after,\n.menu-label .menu-label-content:hover::after,\n.menu-label:focus-within .menu-label-content::after {\n  height: var(--border-size-large);\n  background-color: var(--color-primary01);\n}\n\n/* Prevents layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text])::after {\n  height: 0;\n  content: attr(data-text);\n  content: attr(data-text) / \"\";\n  font-weight: var(--font-bd);\n  letter-spacing: normal;\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n@media speech {\n  ::slotted([data-text])::after {\n    display: none;\n  }\n}\n\n::slotted([data-text]) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n.menu-label .menu-label-content ::slotted(*) {\n  display: inline-flex;\n  width: 100%;\n  margin: 0;\n  appearance: none;\n  color: var(--z-menu-label-color);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-5);\n  font-weight: inherit;\n  letter-spacing: 0.36px; /* increasing the letter spacing of the regular text helps reduce the size difference between regular and bold text */\n  line-height: 1.2;\n  outline: none;\n}\n\n.menu-label .menu-label-content ::slotted(*),\n.menu-label .menu-label-content z-icon {\n  padding: var(--space-unit) 0;\n}\n\n.menu-label .menu-label-content z-icon {\n  margin-left: calc(var(--space-unit) * 1.5);\n  fill: currentcolor;\n}\n\n.content {\n  background: var(--color-surface01);\n}\n\n:host(:not([open])) .content {\n  display: none;\n}\n\n:host([floating]) .content {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 375px;\n  min-width: 100%;\n  max-width: 100vw;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);\n  box-shadow: var(--shadow-2);\n}\n\n:host(:not([floating])) .content {\n  width: 100%;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  padding: var(--space-unit) 0 calc(var(--space-unit) * 2);\n}\n\n.header ::slotted(img[slot=\"header\"]) {\n  width: calc(var(--space-unit) * 11.25);\n  height: auto;\n  object-fit: contain;\n}\n\n.header ::slotted([slot=\"header\"]:not(:first-child)) {\n  margin: auto 0;\n  margin-left: calc(var(--space-unit) * 2.5);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-sb);\n  line-height: 1.5;\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background: inherit;\n}\n\n.items > ::slotted([slot=\"item\"]) {\n  width: 100%;\n  margin: 0;\n  font-size: var(--font-size-3);\n  line-height: 1.25;\n  outline: none;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.items > ::slotted([slot=\"item\"]:not(z-menu-section)) {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);\n  border-bottom: var(--border-size-small) solid var(--color-surface05);\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"]:active) {\n  border-color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\n\n/**\n * @slot - Menu label\n * @slot header - Header to display as the first entry of the open menu.\n * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus.\n * @cssprop --z-menu-label-color - Color of the label's text.\n */\n@Component({\n  tag: \"z-menu-deprecated\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMenuDeprecated {\n  @Element() hostElement: HTMLZMenuDeprecatedElement;\n\n  /** Flag to set the active status of the menu. */\n  @Prop({reflect: true})\n  active?: boolean;\n\n  /**\n   * Flag to set the display mode of the list.\n   * If true, the list will be absolutely positioned under the menu label,\n   * stacked beneath it otherwise.\n   */\n  @Prop({reflect: true})\n  floating? = false;\n\n  /** The opening state of the menu. */\n  @Prop({mutable: true, reflect: true})\n  open = false;\n\n  /**\n   * Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).\n   * A small border is placed under it as a separator from other elements.\n   */\n  @Prop({reflect: true})\n  verticalContext = false;\n\n  @State()\n  hasHeader: boolean;\n\n  @State()\n  hasContent: boolean;\n\n  private content: HTMLElement;\n\n  /** Animation frame request id. */\n  private raf: number;\n\n  /** The menu has been opened. */\n  @Event()\n  opened: EventEmitter;\n\n  /** The menu has been closed. */\n  @Event()\n  closed: EventEmitter;\n\n  private toggle(): void {\n    if (!this.hasContent) {\n      return;\n    }\n\n    this.open = !this.open;\n    this.open ? this.opened.emit() : this.closed.emit();\n  }\n\n  /** Close the floating list when a click is performed outside of this Element. */\n  @Listen(\"click\", {target: \"document\"})\n  handleClick(ev: MouseEvent): void {\n    if (!this.floating || !this.open || this.hostElement.contains(ev.target as Element)) {\n      return;\n    }\n\n    this.reflow();\n    this.open = false;\n    this.closed.emit();\n  }\n\n  @Watch(\"open\")\n  onOpenChanged(): void {\n    if (this.open) {\n      this.reflow(true);\n    } else {\n      cancelAnimationFrame(this.raf);\n    }\n  }\n\n  constructor() {\n    this.toggle = this.toggle.bind(this);\n    this.checkContent = this.checkContent.bind(this);\n    this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n    this.onItemsChange = this.onItemsChange.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.checkContent();\n  }\n\n  /**\n   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n   * @param ev Slotchange event\n   */\n  private onLabelSlotChange(ev: Event): void {\n    const labelElement = (ev.target as HTMLSlotElement).assignedElements()[0] as HTMLElement;\n    labelElement.dataset.text = labelElement?.textContent;\n  }\n\n  /**\n   * Correctly set position of the floating menu in order to prevent overflow.\n   * @param live Should run the method on every refresh frame.\n   */\n  private reflow(live = false): void {\n    if (this.content) {\n      const {style} = this.content;\n      const {left} = this.hostElement.getBoundingClientRect();\n      const widthPx = getComputedStyle(this.content).width;\n      const width = widthPx ? parseFloat(widthPx.replace(\"px\", \"\")) : 375;\n      const safeScrollbarSpace = 30;\n      style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;\n    }\n    if (live) {\n      this.raf = requestAnimationFrame(this.reflow.bind(this, live));\n    }\n  }\n\n  /**\n   * Check if some content slot is set.\n   */\n  private checkContent(): void {\n    this.hasHeader = !!this.hostElement.querySelectorAll(\"[slot=header]\").length;\n    this.hasContent = !!this.hostElement.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n  }\n\n  /**\n   * Set `menuitem` role to all menu items.\n   * Set the item's inner text to the `data-text` attribute (this is for using bold text avoiding layout shifts).\n   */\n  private onItemsChange(): void {\n    this.checkContent();\n    const items = this.hostElement.querySelectorAll<HTMLElement>(\"[slot=item]\");\n    items.forEach((item) => {\n      item.setAttribute(\"role\", \"menuitem\");\n      item.dataset.text = item.textContent;\n    });\n  }\n\n  private renderMenuLabel(): HTMLButtonElement | HTMLDivElement {\n    if (this.hasContent) {\n      return (\n        <button\n          class=\"menu-label\"\n          aria-expanded={this.open ? \"true\" : \"false\"}\n          aria-label={this.open ? \"Chiudi menù\" : \"Apri menù\"}\n          onClick={this.toggle}\n        >\n          <div class=\"menu-label-content\">\n            <slot onSlotchange={this.onLabelSlotChange}></slot>\n            <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />\n          </div>\n        </button>\n      );\n    }\n\n    return (\n      <div class=\"menu-label\">\n        <div class=\"menu-label-content\">\n          <slot onSlotchange={this.onLabelSlotChange}></slot>\n        </div>\n      </div>\n    );\n  }\n\n  render(): HTMLZMenuElement {\n    return (\n      <Host>\n        {this.renderMenuLabel()}\n\n        {this.hasContent && (\n          <div\n            class=\"content\"\n            ref={(el) => (this.content = el)}\n          >\n            {this.hasHeader && (\n              <header class=\"header\">\n                <slot\n                  name=\"header\"\n                  onSlotchange={this.checkContent}\n                ></slot>\n              </header>\n            )}\n\n            <div\n              class=\"items\"\n              role=\"menu\"\n            >\n              <slot\n                name=\"item\"\n                onSlotchange={this.onItemsChange}\n              ></slot>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-061e28d6.js

@@ -1,2 +0,0 @@
-import{g as t,p as r}from"./p-86618221.js";import{B as e}from"./p-5145a606.js";function n(t){switch(t){case true:case"true":case 1:case"1":case"on":case"yes":return true;case false:case"false":case 0:case"0":case"off":case"no":return false;default:return t}}function a(){return Math.random().toString(36).replace("0.","")}function s(r,e,...n){if(r.code===t.ENTER||r.code===t.SPACE){r.preventDefault();e(...n)}}function c(r,e,...n){if(r.code===t.ENTER){r.preventDefault();e(...n)}}function i(t=null){if(!t){t=document.activeElement}if(t&&t.shadowRoot&&t.shadowRoot.activeElement){t=t.shadowRoot.activeElement;return i(t)}return t}function o(t,r=[]){r.push(t);if(t.parentElement){t=t.parentElement;return o(t,r)}else if(t.parentNode&&t.parentNode.host){t=t.parentNode.host;return o(t,r)}return r}function u(){switch(true){case window.innerWidth<=e.MOBILE:return r.MOBILE;case window.innerWidth<=e.TABLET:return r.TABLET;case window.innerWidth<=e.DESKTOP:return r.DESKTOP;default:return r.DESKTOP_WIDE}}function f(t){try{return JSON.parse(t)}catch(t){return false}}function l(t){const r="avatar-C";const e=19;const n=Math.ceil(2**31-1)*parseFloat(`0.${t}`);let a=Math.ceil(e*(n%1));if(a===0){a=1}return`${r}${a.toString().padStart(2,"0")}`}function w(t,r){var e;if(t.contains(r)||((e=t.shadowRoot)===null||e===void 0?void 0:e.contains(r))){return true}const n=t=>{if(t===r){return true}const e=t.shadowRoot;if(!e){return Array.from(t.childNodes).some(n)}if(e.contains(r)){return true}const a=Array.from(e.querySelectorAll("slot")).some((t=>t.assignedNodes({flatten:true}).some((t=>{var e,a;return((a=(e=t).contains)===null||a===void 0?void 0:a.call(e,r))||n(t)}))));if(a){return true}return Array.from(e.children).some(n)||Array.from(t.childNodes).some(n)};return n(t)}function d(t){if(t.assignedSlot){return t.assignedSlot}if(t.parentNode instanceof ShadowRoot){return t.parentNode.host}return t.parentElement}function h(t,r){const e=t.getBoundingClientRect();const n=t.ownerDocument.documentElement.clientWidth;const a=t.ownerDocument.documentElement.clientHeight;const s=e.bottom>0&&e.top<a&&e.right>0&&e.left<n;if(r===t.ownerDocument.documentElement||r===t.ownerDocument.body){return s}const c=r.getBoundingClientRect();const i=e.bottom>c.top&&e.top<c.bottom&&e.right>c.left&&e.left<c.right;return i&&s}function p(t){let r=d(t);const e=window.getComputedStyle(t).position;while(r&&r!==t.ownerDocument.documentElement){const t=window.getComputedStyle(r);switch(e){case"fixed":{const e=["filter","transform","translate","perspective","scale","rotate","backdrop-filter"];if(e.some((r=>t.getPropertyValue(r)!=="none"))||e.some((r=>t.getPropertyValue("will-change").includes(r)))){return r}break}case"absolute":if(t.position!=="static"){return r}break;case"relative":case"sticky":case"static":{const t=window.getComputedStyle(r).display;if(t==="block"||t==="flex"||t==="grid"||t==="table"||t==="flow-root"||t==="inline-block"||t==="inline-flex"||t==="inline-grid"){return r}break}}r=d(r)}return t.ownerDocument.documentElement}const b=t=>{const r=(new DOMParser).parseFromString(t,"text/html");return r.body.textContent||""};export{w as a,n as b,l as c,s as d,b as e,o as f,u as g,c as h,i,f as j,d as k,p as l,h as m,a as r};
-//# sourceMappingURL=p-061e28d6.js.map

package/www/build/p-061e28d6.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["boolean","value","randomId","Math","random","toString","replace","handleKeyboardSubmit","ev","callback","args","code","KeyboardCode","ENTER","SPACE","preventDefault","handleEnterKeydSubmit","getClickedElement","elem","document","activeElement","shadowRoot","getElementTree","tree","push","parentElement","parentNode","host","getDevice","window","innerWidth","Breakpoints","MOBILE","Device","TABLET","DESKTOP","DESKTOP_WIDE","convertJson","data","JSON","parse","_a","colorFromId","id","prefix","colorsCount","seed","ceil","parseFloat","color","padStart","containsElement","ancestor","descendant","contains","checkRecursive","node","Array","from","childNodes","some","hasDescendantInAssignedNodes","querySelectorAll","slot","assignedNodes","flatten","assigned","_b","call","children","getParentElement","element","assignedSlot","ShadowRoot","isElementVisibleInContainer","container","elemRect","getBoundingClientRect","documentWidth","ownerDocument","documentElement","clientWidth","documentHeight","clientHeight","isVisibleInViewport","bottom","top","right","left","body","containerRect","isVisibleInContainer","findContainingBlockAncestor","parent","elementPosition","getComputedStyle","position","parentStyle","affectingProperties","property","getPropertyValue","includes","display","getPlainText","html","doc","DOMParser","parseFromString","textContent"],"sources":["src/utils/utils.ts"],"sourcesContent":["import {ChildNode} from \"@stencil/core\";\nimport {Device, KeyboardCode} from \"../beans/index\";\nimport {Breakpoints} from \"../constants/breakpoints\";\n\n/**\n * Return boolean value for passed value if a boolean corresponding value is found\n * Return passed value otherwise\n */\nexport function boolean(value: string | number | boolean): boolean | string | number {\n  switch (value) {\n    case true:\n    case \"true\":\n    case 1:\n    case \"1\":\n    case \"on\":\n    case \"yes\":\n      return true;\n    case false:\n    case \"false\":\n    case 0:\n    case \"0\":\n    case \"off\":\n    case \"no\":\n      return false;\n    default:\n      return value;\n  }\n}\n\nexport function retrieveAsset(assetName: string): string {\n  return assetName && \"assets/images/png/\" + assetName;\n}\n\nexport function randomId(): string {\n  return Math.random().toString(36).replace(\"0.\", \"\");\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleKeyboardSubmit(ev: KeyboardEvent, callback: (...args) => void, ...args: any[]): void {\n  if (ev.code === KeyboardCode.ENTER || ev.code === KeyboardCode.SPACE) {\n    ev.preventDefault();\n    callback(...args);\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleEnterKeydSubmit(ev: KeyboardEvent, callback: (...args) => void, ...args: any[]): void {\n  if (ev.code === KeyboardCode.ENTER) {\n    ev.preventDefault();\n    callback(...args);\n  }\n}\n\nexport function getClickedElement(elem: null | Element = null): null | Element {\n  if (!elem) {\n    elem = document.activeElement;\n  }\n\n  if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {\n    elem = elem.shadowRoot.activeElement;\n\n    return getClickedElement(elem);\n  }\n\n  return elem;\n}\n\nexport function getElementTree(elem: Element, tree: Element[] = []): null | Element[] {\n  tree.push(elem);\n\n  if (elem.parentElement) {\n    elem = elem.parentElement;\n\n    return getElementTree(elem, tree);\n  } else if (elem.parentNode && (elem.parentNode as ShadowRoot).host) {\n    elem = (elem.parentNode as ShadowRoot).host;\n\n    return getElementTree(elem, tree);\n  }\n\n  return tree;\n}\n\nexport function getSiblings(elem: HTMLElement): ChildNode[] {\n  const siblings = [];\n  if (!elem || !elem.parentNode || !elem.parentNode.childNodes) {\n    return siblings;\n  }\n\n  elem.parentNode.childNodes.forEach((child) => {\n    if (child.nodeType === 1 && child !== elem) {\n      siblings.push(child);\n    }\n  });\n\n  return siblings;\n}\n\n/**\n * Get the current device type based on the window width.\n * @returns {Device} - The current device type\n */\nexport function getDevice(): Device {\n  switch (true) {\n    case window.innerWidth <= Breakpoints.MOBILE:\n      return Device.MOBILE;\n    case window.innerWidth <= Breakpoints.TABLET:\n      return Device.TABLET;\n    case window.innerWidth <= Breakpoints.DESKTOP:\n      return Device.DESKTOP;\n    default:\n      return Device.DESKTOP_WIDE;\n  }\n}\n\ntype JSONValue = string | number | boolean | JSONObject | JSONArray;\ninterface JSONObject {\n  [x: string]: JSONValue;\n}\ntype JSONArray = JSONValue[];\n\nexport function convertJson(data: string): JSONValue {\n  try {\n    return JSON.parse(data);\n  } catch {\n    return false;\n  }\n}\n\nexport function colorFromId(id: number): string {\n  const prefix = \"avatar-C\"; // prefix for color vars name\n  const colorsCount = 19; // available colors\n  const seed = Math.ceil(2 ** 31 - 1) * parseFloat(`0.${id}`);\n  let color = Math.ceil(colorsCount * (seed % 1));\n\n  // if result of mc is 0\n  // es.: 3895229\n  if (color === 0) {\n    color = 1;\n  }\n\n  return `${prefix}${color.toString().padStart(2, \"0\")}`;\n}\n\n/**\n * Check if the passed CSS selector is valid.\n * @param selector CSS selector to validate\n */\nexport function isSelectorValid(selector: string): boolean {\n  try {\n    document.createDocumentFragment().querySelector(selector);\n\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Check if an element contains another element, checking both light and shadow DOM recursively.\n * This function also checks slot assignments, so it correctly handles nested slots across components.\n * @param ancestor Ancestor element\n * @param descendant Descendant element\n */\nexport function containsElement(ancestor: HTMLElement, descendant: Node): boolean {\n  if (ancestor.contains(descendant) || ancestor.shadowRoot?.contains(descendant)) {\n    return true;\n  }\n\n  const checkRecursive = (node: Node): boolean => {\n    if (node === descendant) {\n      return true;\n    }\n\n    const shadowRoot = (node as HTMLElement).shadowRoot;\n    if (!shadowRoot) {\n      // Check light DOM children only\n      return Array.from(node.childNodes).some(checkRecursive);\n    }\n\n    if (shadowRoot.contains(descendant)) {\n      return true;\n    }\n\n    // Check slot assigned nodes\n    const hasDescendantInAssignedNodes = Array.from(shadowRoot.querySelectorAll(\"slot\")).some((slot) =>\n      (slot as HTMLSlotElement)\n        .assignedNodes({flatten: true})\n        .some((assigned) => (assigned as HTMLElement).contains?.(descendant) || checkRecursive(assigned))\n    );\n    if (hasDescendantInAssignedNodes) {\n      return true;\n    }\n\n    // Check shadow and light DOM children\n    return Array.from(shadowRoot.children).some(checkRecursive) || Array.from(node.childNodes).some(checkRecursive);\n  };\n\n  return checkRecursive(ancestor);\n}\n\n/** Get the parent of passed element, accounting for shadow DOM.\n * @param element The element whose parent is to be found.\n */\nexport function getParentElement(element: Element): Element | null {\n  // If the element is slotted, the direct rendered parent is the target slot in shadow DOM.\n  if (element.assignedSlot) {\n    return element.assignedSlot;\n  }\n\n  // If the element is in a shadow root, the parent is the shadow host.\n  if (element.parentNode instanceof ShadowRoot) {\n    return element.parentNode.host;\n  }\n\n  // Otherwise fall back to standard light DOM parent.\n  return element.parentElement;\n}\n\n/**\n * Check if the `element` is visible within the `container` or in the viewport.\n * @param element The element to check.\n * @param container The container to check against, which must be the nearest scrollable ancestor.\n */\nexport function isElementVisibleInContainer(element: HTMLElement, container: HTMLElement): boolean {\n  const elemRect = element.getBoundingClientRect();\n  const documentWidth = element.ownerDocument.documentElement.clientWidth;\n  const documentHeight = element.ownerDocument.documentElement.clientHeight;\n\n  // Check if element is visible in viewport\n  const isVisibleInViewport =\n    elemRect.bottom > 0 && elemRect.top < documentHeight && elemRect.right > 0 && elemRect.left < documentWidth;\n\n  // If container is the document element, only check viewport visibility\n  if (container === element.ownerDocument.documentElement || container === element.ownerDocument.body) {\n    return isVisibleInViewport;\n  }\n\n  // For other containers, check both container and viewport visibility\n  const containerRect = container.getBoundingClientRect();\n  const isVisibleInContainer =\n    elemRect.bottom > containerRect.top &&\n    elemRect.top < containerRect.bottom &&\n    elemRect.right > containerRect.left &&\n    elemRect.left < containerRect.right;\n\n  return isVisibleInContainer && isVisibleInViewport;\n}\n\n/**\n * Find the nearest containing block ancestor of an element.\n * The containing block is determined based on the element's `position` value:\n * - `static`, `sticky` or `relative`: nearest block container or root\n * - `absolute`: nearest ancestor with `position` != `static`\n * - `fixed`: nearest ancestor with properties that create a containing block (`transform`, `filter`, `will-change`, `backdrop-filter`, `perspective`, etc.).\n * An ancestor with these properties will create a containing block for fixed positioned elements, making them behave like absolute positioned elements relative to that ancestor.\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Display/Containing_block#identifying_the_containing_block\n * @param element The element for which to find the containing block\n * @returns The containing block element if any, or the `documentElement`\n */\nexport function findContainingBlockAncestor(element: HTMLElement): HTMLElement {\n  let parent = getParentElement(element);\n  const elementPosition = window.getComputedStyle(element).position;\n  while (parent && parent !== element.ownerDocument.documentElement) {\n    const parentStyle = window.getComputedStyle(parent);\n\n    switch (elementPosition) {\n      case \"fixed\": {\n        const affectingProperties = [\n          \"filter\",\n          \"transform\",\n          \"translate\",\n          \"perspective\",\n          \"scale\",\n          \"rotate\",\n          \"backdrop-filter\",\n        ];\n        if (\n          affectingProperties.some((property) => parentStyle.getPropertyValue(property) !== \"none\") ||\n          affectingProperties.some((property) => parentStyle.getPropertyValue(\"will-change\").includes(property))\n        ) {\n          return parent as HTMLElement;\n        }\n        break;\n      }\n      case \"absolute\":\n        if (parentStyle.position !== \"static\") {\n          return parent as HTMLElement;\n        }\n        break;\n      // Handle position: static, relative, sticky (they all look for the nearest block container or root)\n      case \"relative\":\n      case \"sticky\":\n      case \"static\": {\n        const display = window.getComputedStyle(parent).display;\n\n        // Block containers: block, flex, grid, table, flow-root\n        if (\n          display === \"block\" ||\n          display === \"flex\" ||\n          display === \"grid\" ||\n          display === \"table\" ||\n          display === \"flow-root\" ||\n          display === \"inline-block\" ||\n          display === \"inline-flex\" ||\n          display === \"inline-grid\"\n        ) {\n          return parent as HTMLElement;\n        }\n\n        break;\n      }\n    }\n\n    parent = getParentElement(parent);\n  }\n\n  return element.ownerDocument.documentElement;\n}\n\n/** Convert HTML to plain text */\nexport const getPlainText = (html: string): string => {\n  const doc = new DOMParser().parseFromString(html, \"text/html\");\n\n  return doc.body.textContent || \"\";\n};\n"],"mappings":"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","ignoreList":[]}