@zanichelli/albe-web-components 13.1.0-rc2 → 13.1.0

package/www/build/p-472eb82d.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,a as o}from"./p-10bb4f4b.js";import{P as n}from"./p-025f494e.js";const a=":host{position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-sans);font-weight:var(--font-rg)}button{width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer}z-popover{overflow:hidden}.popover-content-container{position:relative;min-width:112px;max-width:280px;background-color:var(--color-surface02);box-shadow:var(--shadow-2);white-space:nowrap}.element-container:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.element-text{overflow:hidden;font-size:14px;text-overflow:ellipsis}.element-container,.disabled-element-container{display:flex;min-height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;padding:calc(var(--space-unit) / 2) var(--space-unit);fill:var(--color-disabled03);gap:var(--space-unit)}.element-container{fill:var(--color-primary01)}.element-icon{display:flex}";const r=a;const l=class{constructor(i){e(this,i);this.clickContextualMenu=t(this,"clickContextualMenu",7);this.elements=undefined;this.color="color-primary01";this.popoverPosition=n.BOTTOM_RIGHT}componentWillRender(){if(this.elements){this.jsonElements=JSON.parse(this.elements.replace(/"/g,'"'))}}componentDidLoad(){this.popoverEl.bindTo=this.triggerButton}showIcon(){return!this.jsonElements.some((e=>!e.icon))}togglePopover(){if(!this.popoverEl.open){this.popoverEl.open=true}}render(){var e,t;return i(o,{key:"c16eb50a3fd4c78f414d64bf45b59961269a030a"},i("button",{key:"2b5ef74579725d6b1dbc4e526cb2fa2516fb4a15",ref:e=>this.triggerButton=e,"aria-label":((e=this.popoverEl)===null||e===void 0?void 0:e.open)?"chiudi menu contestuale":"apri menu contestuale",onClick:()=>this.togglePopover()},i("z-icon",{key:"e1818a8a1eb9c4b4cf3c364e0e31eb33b887590e",name:"contextual-menu",fill:this.color})),i("z-popover",{key:"fbe8db8d27abee320aa5faf64d6964b64f416cd1",ref:e=>this.popoverEl=e,position:this.popoverPosition},i("div",{key:"c3fd6e9dc17712abe5ae95cd1048497b20767ec5",class:"popover-content-container"},i("z-list",{key:"dfa04ca3235257d404f861f85e56ea8c5a918a74"},i("z-list-group",{key:"86e27e74ea9a7b09d2cf4f2a9cd761b7bb07823f","divider-type":"element"},(t=this.jsonElements)===null||t===void 0?void 0:t.map(((e,t)=>i("z-list-element",{clickable:!e.disabled,class:"my-z-list-element","align-button":"left","expandable-style":"accordion",color:e.disabled?`color-disabled03`:this.color,isContextualMenu:true,listElementId:t,onClickItem:e=>this.clickContextualMenu.emit(e.detail)},i("div",{class:e.disabled?"disabled-element-container":"element-container"},this.showIcon()&&i("div",{class:"element-icon"},i("z-icon",{name:e.icon,width:16,height:16})),i("div",{class:"element-text"},i("span",null,e.text)))))))))))}};l.style=r;export{l as z_contextual_menu};
-//# sourceMappingURL=p-472eb82d.entry.js.map

package/www/build/p-472eb82d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZContextualMenuStyle0","ZContextualMenu","PopoverPosition","BOTTOM_RIGHT","componentWillRender","this","elements","jsonElements","JSON","parse","replace","componentDidLoad","popoverEl","bindTo","triggerButton","showIcon","some","element","icon","togglePopover","open","render","h","Host","key","ref","el","_a","onClick","name","fill","color","position","popoverPosition","class","_b","map","index","clickable","disabled","isContextualMenu","listElementId","onClickItem","event","clickContextualMenu","emit","detail","width","height","text"],"sources":["src/components/z-contextual-menu/styles.css?tag=z-contextual-menu&encapsulation=shadow","src/components/z-contextual-menu/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\nbutton {\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n}\n\nz-popover {\n  overflow: hidden;\n}\n\n.popover-content-container {\n  position: relative;\n  min-width: 112px;\n  max-width: 280px;\n  background-color: var(--color-surface02);\n  box-shadow: var(--shadow-2);\n  white-space: nowrap;\n}\n\n.element-container:hover {\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary);\n}\n\n.element-text {\n  overflow: hidden;\n  font-size: 14px;\n  text-overflow: ellipsis;\n}\n\n.element-container,\n.disabled-element-container {\n  display: flex;\n  min-height: calc(var(--space-unit) * 4);\n  box-sizing: border-box;\n  align-items: center;\n  padding: calc(var(--space-unit) / 2) var(--space-unit);\n  fill: var(--color-disabled03);\n  gap: var(--space-unit);\n}\n\n.element-container {\n  fill: var(--color-primary01);\n}\n\n.element-icon {\n  display: flex;\n}\n","import {Component, Event, EventEmitter, Prop, h, Host} from \"@stencil/core\";\nimport {PopoverPosition} from \"../../beans\";\n\n@Component({\n  tag: \"z-contextual-menu\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZContextualMenu {\n  /**\n   * Elements of ZContextualMenu\n   */\n  @Prop()\n  elements?: string;\n\n  /**\n   * [optional] Sets text color of ZContextualMenu's content\n   */\n  @Prop()\n  color?: string = \"color-primary01\";\n\n  /**\n   * [optional] Sets the position of the popover\n   */\n  @Prop({reflect: true})\n  popoverPosition?: PopoverPosition = PopoverPosition.BOTTOM_RIGHT;\n\n  private triggerButton?: HTMLButtonElement;\n\n  private popoverEl?: HTMLZPopoverElement;\n\n  /** remove filter click event, returns filterid */\n  @Event({\n    eventName: \"clickContextualMenu\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  clickContextualMenu: EventEmitter;\n\n  private jsonElements;\n\n  componentWillRender(): void {\n    if (this.elements) {\n      this.jsonElements = JSON.parse(this.elements.replace(/&quot;/g, '\"'));\n    }\n  }\n\n  componentDidLoad(): void {\n    this.popoverEl.bindTo = this.triggerButton;\n  }\n\n  private showIcon(): boolean {\n    return !this.jsonElements.some((element) => !element.icon);\n  }\n\n  private togglePopover(): void {\n    if (!this.popoverEl.open) {\n      this.popoverEl.open = true;\n    }\n  }\n\n  render(): HTMLZContextualMenuElement {\n    return (\n      <Host>\n        <button\n          ref={(el) => (this.triggerButton = el as HTMLButtonElement)}\n          aria-label={this.popoverEl?.open ? \"chiudi menu contestuale\" : \"apri menu contestuale\"}\n          onClick={() => this.togglePopover()}\n        >\n          <z-icon\n            name=\"contextual-menu\"\n            fill={this.color}\n          />\n        </button>\n        <z-popover\n          ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n          position={this.popoverPosition}\n        >\n          <div class=\"popover-content-container\">\n            <z-list>\n              <z-list-group divider-type=\"element\">\n                {this.jsonElements?.map((element, index) => (\n                  <z-list-element\n                    clickable={!element.disabled}\n                    class=\"my-z-list-element\"\n                    align-button=\"left\"\n                    expandable-style=\"accordion\"\n                    color={element.disabled ? `color-disabled03` : this.color}\n                    isContextualMenu\n                    listElementId={index}\n                    onClickItem={(event) => this.clickContextualMenu.emit(event.detail)}\n                  >\n                    <div class={element.disabled ? \"disabled-element-container\" : \"element-container\"}>\n                      {this.showIcon() && (\n                        <div class=\"element-icon\">\n                          <z-icon\n                            name={element.icon}\n                            width={16}\n                            height={16}\n                          />\n                        </div>\n                      )}\n                      <div class=\"element-text\">\n                        <span>{element.text}</span>\n                      </div>\n                    </div>\n                  </z-list-element>\n                ))}\n              </z-list-group>\n            </z-list>\n          </div>\n        </z-popover>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAY,q4BAClB,MAAAC,EAAeD,E,MCOFE,EAAe,M,qHAWT,kB,qBAMmBC,EAAgBC,Y,CAiBpD,mBAAAC,GACE,GAAIC,KAAKC,SAAU,CACjBD,KAAKE,aAAeC,KAAKC,MAAMJ,KAAKC,SAASI,QAAQ,UAAW,K,EAIpE,gBAAAC,GACEN,KAAKO,UAAUC,OAASR,KAAKS,a,CAGvB,QAAAC,GACN,OAAQV,KAAKE,aAAaS,MAAMC,IAAaA,EAAQC,M,CAG/C,aAAAC,GACN,IAAKd,KAAKO,UAAUQ,KAAM,CACxBf,KAAKO,UAAUQ,KAAO,I,EAI1B,MAAAC,G,QACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CACEC,IAAMC,GAAQrB,KAAKS,cAAgBY,EAAwB,eAC/CC,EAAAtB,KAAKO,aAAS,MAAAe,SAAA,SAAAA,EAAEP,MAAO,0BAA4B,wBAC/DQ,QAAS,IAAMvB,KAAKc,iBAEpBG,EAAA,UAAAE,IAAA,2CACEK,KAAK,kBACLC,KAAMzB,KAAK0B,SAGfT,EAAA,aAAAE,IAAA,2CACEC,IAAMC,GAAQrB,KAAKO,UAAYc,EAC/BM,SAAU3B,KAAK4B,iBAEfX,EAAA,OAAAE,IAAA,2CAAKU,MAAM,6BACTZ,EAAA,UAAAE,IAAA,4CACEF,EAAA,gBAAAE,IAAA,0DAA2B,YACxBW,EAAA9B,KAAKE,gBAAY,MAAA4B,SAAA,SAAAA,EAAEC,KAAI,CAACnB,EAASoB,IAChCf,EAAA,kBACEgB,WAAYrB,EAAQsB,SACpBL,MAAM,oBAAmB,eACZ,OAAM,mBACF,YACjBH,MAAOd,EAAQsB,SAAW,mBAAqBlC,KAAK0B,MACpDS,iBAAgB,KAChBC,cAAeJ,EACfK,YAAcC,GAAUtC,KAAKuC,oBAAoBC,KAAKF,EAAMG,SAE5DxB,EAAA,OAAKY,MAAOjB,EAAQsB,SAAW,6BAA+B,qBAC3DlC,KAAKU,YACJO,EAAA,OAAKY,MAAM,gBACTZ,EAAA,UACEO,KAAMZ,EAAQC,KACd6B,MAAO,GACPC,OAAQ,MAId1B,EAAA,OAAKY,MAAM,gBACTZ,EAAA,YAAOL,EAAQgC,e"}

package/www/build/p-4bc82510.js

@@ -1,2 +0,0 @@
-import{r as t,h as n,a,g as i}from"./p-10bb4f4b.js";import{B as o,d as e}from"./p-025f494e.js";const s=':host{display:table-cell;border-bottom:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.button-container{display:none}:host:hover>.button-container{display:initial}.button-container{position:absolute;z-index:5;top:8px;right:8px}.button-content{position:relative}.contextual-menu-container{position:absolute;top:calc(100% - var(--space-unit));right:0;display:none}.button-container.visible,.contextual-menu-container.visible{display:initial}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}';const l=s;const c=class{constructor(n){t(this,n);this.showButton=undefined;this.padding="medium";this.isMenuOpened=false}handleMenu(){this.isMenuOpened=!this.isMenuOpened}componentWillRender(){this.host.setAttribute("role","cell")}render(){return n(a,{key:"a55491d43ef04929fdd38073b589d12d5d373ca4"},this.showButton&&n("div",{class:{"button-container":true,visible:this.isMenuOpened}},n("div",{class:"button-content"},n("z-button",{icon:"contextual-menu",variant:o.TERTIARY,size:e.X_SMALL,onClick:()=>this.handleMenu()}),n("div",{class:{"contextual-menu-container":true,visible:this.isMenuOpened}},n("slot",{name:"contextual-menu"})))),n("slot",{key:"d8d5dab5bac78f43151d50d22df6cfbefdc81694"}))}get host(){return i(this)}};c.style=l;export{c as Z};
-//# sourceMappingURL=p-4bc82510.js.map

package/www/build/p-4bc82510.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTableCellStyle0","ZTableCell","handleMenu","this","isMenuOpened","componentWillRender","host","setAttribute","render","h","Host","key","showButton","class","visible","icon","variant","ButtonVariant","TERTIARY","size","ButtonSize","X_SMALL","onClick","name"],"sources":["src/deprecated/z-table-deprecated/z-table-cell/styles.css?tag=z-table-cell&encapsulation=shadow","src/deprecated/z-table-deprecated/z-table-cell/index.tsx"],"sourcesContent":[":host {\n  display: table-cell;\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n  background-color: var(--color-white);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > .button-container {\n  display: none;\n}\n\n:host:hover > .button-container {\n  display: initial;\n}\n\n.button-container {\n  position: absolute;\n  z-index: 5;\n  top: 8px;\n  right: 8px;\n}\n\n.button-content {\n  position: relative;\n}\n\n.contextual-menu-container {\n  position: absolute;\n  top: calc(100% - var(--space-unit));\n  right: 0;\n  display: none;\n}\n\n.button-container.visible,\n.contextual-menu-container.visible {\n  display: initial;\n}\n\n:host([padding=\"x-small\"]) {\n  padding: calc(var(--space-unit) * 0.5);\n}\n\n:host([padding=\"small\"]) {\n  padding: calc(var(--space-unit));\n}\n\n:host([padding=\"medium\"]) {\n  padding: calc(var(--space-unit) * 2);\n}\n\n:host([padding=\"large\"]) {\n  padding: calc(var(--space-unit) * 2.5);\n}\n\n:host([padding=\"special\"]) {\n  padding: 0;\n}\n","import {Component, Element, h, Host, Prop, State} from \"@stencil/core\";\nimport {ButtonVariant, ButtonSize} from \"../../../beans\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-cell\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTableCell {\n  @Element() host: HTMLZTableCellElement;\n\n  /** [Optional] Show contextual menu button */\n  @Prop()\n  showButton?: boolean;\n\n  /** Set padding size of cell, if special 0px padding will be set */\n  @Prop({reflect: true})\n  padding: \"x-small\" | \"small\" | \"medium\" | \"large\" | \"special\" = \"medium\";\n\n  @State()\n  isMenuOpened = false;\n\n  private handleMenu(): void {\n    this.isMenuOpened = !this.isMenuOpened;\n  }\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"cell\");\n  }\n\n  render(): HTMLZTableCellElement {\n    return (\n      <Host>\n        {this.showButton && (\n          <div\n            class={{\n              \"button-container\": true,\n              \"visible\": this.isMenuOpened,\n            }}\n          >\n            <div class=\"button-content\">\n              <z-button\n                icon=\"contextual-menu\"\n                variant={ButtonVariant.TERTIARY}\n                size={ButtonSize.X_SMALL}\n                onClick={() => this.handleMenu()}\n              />\n              <div\n                class={{\n                  \"contextual-menu-container\": true,\n                  \"visible\": this.isMenuOpened,\n                }}\n              >\n                <slot name=\"contextual-menu\" />\n              </div>\n            </div>\n          </div>\n        )}\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAY,s0BAClB,MAAAC,EAAeD,E,MCUFE,EAAU,M,gEAS2C,S,kBAGjD,K,CAEP,UAAAC,GACNC,KAAKC,cAAgBD,KAAKC,Y,CAG5B,mBAAAC,GACEF,KAAKG,KAAKC,aAAa,OAAQ,O,CAGjC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFR,KAAKS,YACJH,EAAA,OACEI,MAAO,CACL,mBAAoB,KACpBC,QAAWX,KAAKC,eAGlBK,EAAA,OAAKI,MAAM,kBACTJ,EAAA,YACEM,KAAK,kBACLC,QAASC,EAAcC,SACvBC,KAAMC,EAAWC,QACjBC,QAAS,IAAMnB,KAAKD,eAEtBO,EAAA,OACEI,MAAO,CACL,4BAA6B,KAC7BC,QAAWX,KAAKC,eAGlBK,EAAA,QAAMc,KAAK,uBAKnBd,EAAA,QAAAE,IAAA,6C"}

package/www/build/p-55d22af2.js

@@ -1,2 +0,0 @@
-import{r as e,h as r,a}from"./p-10bb4f4b.js";const d="z-table-header-row{display:table-row}z-table-header-row[expandable]>z-table-header:first-child{width:40px;box-sizing:border-box;user-select:none}z-table-header-row[expandable]>z-table-header:nth-child(2){padding-left:8px}";const t=d;const b=class{constructor(r){e(this,r);this.expandable=undefined}renderExpandHeader(){return r("z-table-header",null)}render(){return r(a,{key:"640d060798684dee3641fef5c3778e263acfbd8d",role:"row"},this.expandable&&this.renderExpandHeader(),r("slot",{key:"42d15bfd63e021a96c2394d5bc91c185bcee55b8"}))}};b.style=t;export{b as Z};
-//# sourceMappingURL=p-55d22af2.js.map

package/www/build/p-55d22af2.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTableHeaderRowStyle0","ZTableHeaderRow","renderExpandHeader","h","render","Host","key","role","this","expandable"],"sources":["src/deprecated/z-table-deprecated/z-table-header-row/styles.css?tag=z-table-header-row","src/deprecated/z-table-deprecated/z-table-header-row/index.tsx"],"sourcesContent":["z-table-header-row {\n  display: table-row;\n}\n\nz-table-header-row[expandable] > z-table-header:first-child {\n  width: 40px;\n  box-sizing: border-box;\n  user-select: none;\n}\n\nz-table-header-row[expandable] > z-table-header:nth-child(2) {\n  padding-left: 8px;\n}\n","import {Component, Prop, Host, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-header-row\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n})\nexport class ZTableHeaderRow {\n  /** Row expandable flag */\n  @Prop({reflect: true})\n  expandable?: boolean;\n\n  private renderExpandHeader(): HTMLZTableHeaderElement {\n    return <z-table-header></z-table-header>;\n  }\n\n  render(): HTMLZTableHeaderRowElement {\n    return (\n      <Host role=\"row\">\n        {this.expandable && this.renderExpandHeader()}\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAY,gOAClB,MAAAC,EAAeD,E,MCSFE,EAAe,M,mDAKlB,kBAAAC,GACN,OAAOC,EAAA,sB,CAGT,MAAAC,GACE,OACED,EAACE,EAAI,CAAAC,IAAA,2CAACC,KAAK,OACRC,KAAKC,YAAcD,KAAKN,qBACzBC,EAAA,QAAAG,IAAA,6C"}

package/www/build/p-5e585fe9.js

@@ -1,2 +0,0 @@
-import{r as a,h as t,a as c,g as s}from"./p-10bb4f4b.js";const e=".sc-z-table-empty-box-h{display:block;padding:calc(var(--space-unit)) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3);background-color:var(--color-surface01)}.sc-z-table-empty-box-s>*{margin-top:var(--space-unit)}.cta.sc-z-table-empty-box{display:flex;flex-direction:row;margin-top:calc(var(--space-unit) / 2)}.cta.has-2-cta.sc-z-table-empty-box{flex-direction:column}@media only screen and (min-width: 768px){.sc-z-table-empty-box-h{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 7) calc(var(--space-unit) * 3)\n      calc(var(--space-unit) * 7)}.sc-z-table-empty-box-s>*{margin-right:calc(var(--space-unit) * 2)}.cta.sc-z-table-empty-box{margin-top:var(--space-unit)}.cta.has-2-cta.sc-z-table-empty-box{flex-direction:row}}";const i=e;const n=class{constructor(t){a(this,t);this.message="Siamo spiacenti, al momento non sono presenti dati da visualizzare.";this.subtitle=""}componentWillLoad(){this.hasCta1Slot=!!this.hostElement.querySelector('[slot="cta1"]');this.hasCta2Slot=!!this.hostElement.querySelector('[slot="cta2"]')}render(){return t(c,{key:"15246acb9b5e2df169b353883dd30b4dc9f9b298"},t("span",{key:"78ecd045b2fd73998a446baadfabc9e5ec3d03d1",class:"body-3-sb"},this.message),t("br",{key:"b41c15173e3985b96884767fc52d5d4a2816bec8"}),!!this.subtitle&&t("span",{class:"body-4"},this.subtitle),(!!this.hasCta1Slot||!!this.hasCta2Slot)&&t("div",{class:{cta:true,"has-2-cta":!!this.hasCta1Slot&&!!this.hasCta2Slot}},t("slot",{name:"cta1"}),t("slot",{name:"cta2"})))}get hostElement(){return s(this)}};n.style=i;export{n as Z};
-//# sourceMappingURL=p-5e585fe9.js.map

package/www/build/p-5e585fe9.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTableEmptyBoxStyle0","ZTableEmptyBox","componentWillLoad","this","hasCta1Slot","hostElement","querySelector","hasCta2Slot","render","h","Host","key","class","message","subtitle","cta","name"],"sources":["src/deprecated/z-table-deprecated/z-table-empty-box/styles.css?tag=z-table-empty-box&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-empty-box/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  padding: calc(var(--space-unit)) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3);\n  background-color: var(--color-surface01);\n}\n\n::slotted(*) {\n  margin-top: var(--space-unit);\n}\n\n.cta {\n  display: flex;\n  flex-direction: row;\n  margin-top: calc(var(--space-unit) / 2);\n}\n\n.cta.has-2-cta {\n  flex-direction: column;\n}\n\n@media only screen and (min-width: 768px) {\n  :host {\n    padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 7) calc(var(--space-unit) * 3)\n      calc(var(--space-unit) * 7);\n  }\n\n  ::slotted(*) {\n    margin-right: calc(var(--space-unit) * 2);\n  }\n\n  .cta {\n    margin-top: var(--space-unit);\n  }\n\n  .cta.has-2-cta {\n    flex-direction: row;\n  }\n}\n","import {Component, Element, h, Host, Prop} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-empty-box\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableEmptyBox {\n  @Element() hostElement: HTMLZTableEmptyBoxElement;\n\n  /** Sets main title message*/\n  @Prop()\n  message?: string = \"Siamo spiacenti, al momento non sono presenti dati da visualizzare.\";\n\n  /** Sets message */\n  @Prop()\n  subtitle?: string = \"\";\n\n  /** Checks if cta1 or cta2 slots exist */\n  private hasCta1Slot: boolean;\n\n  private hasCta2Slot: boolean;\n\n  componentWillLoad(): void {\n    this.hasCta1Slot = !!this.hostElement.querySelector('[slot=\"cta1\"]');\n    this.hasCta2Slot = !!this.hostElement.querySelector('[slot=\"cta2\"]');\n  }\n\n  render(): HTMLZTableEmptyBoxElement {\n    return (\n      <Host>\n        <span class=\"body-3-sb\">{this.message}</span>\n        <br />\n        {!!this.subtitle && <span class=\"body-4\">{this.subtitle}</span>}\n        {(!!this.hasCta1Slot || !!this.hasCta2Slot) && (\n          <div\n            class={{\n              \"cta\": true,\n              \"has-2-cta\": !!this.hasCta1Slot && !!this.hasCta2Slot,\n            }}\n          >\n            <slot name=\"cta1\"></slot>\n            <slot name=\"cta2\"></slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAY,0wBAClB,MAAAC,EAAeD,E,MCUFE,EAAc,M,sCAKN,sE,cAIC,E,CAOpB,iBAAAC,GACEC,KAAKC,cAAgBD,KAAKE,YAAYC,cAAc,iBACpDH,KAAKI,cAAgBJ,KAAKE,YAAYC,cAAc,gB,CAGtD,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAaT,KAAKU,SAC9BJ,EAAA,MAAAE,IAAA,+CACGR,KAAKW,UAAYL,EAAA,QAAMG,MAAM,UAAUT,KAAKW,aAC3CX,KAAKC,eAAiBD,KAAKI,cAC7BE,EAAA,OACEG,MAAO,CACLG,IAAO,KACP,cAAeZ,KAAKC,eAAiBD,KAAKI,cAG5CE,EAAA,QAAMO,KAAK,SACXP,EAAA,QAAMO,KAAK,U"}

package/www/build/p-6087739d.js

@@ -1,2 +0,0 @@
-import{r,h as o}from"./p-10bb4f4b.js";const s=".sc-z-table-sticky-footer-h{position:sticky;left:0;display:block;padding:calc(var(--space-unit) * 2);border-width:var(--border-size-small) 0 var(--border-size-medium);border-style:solid;border-color:var(--color-surface03);background-color:var(--color-surface01);font-weight:var(--font-rg)}";const e=s;const t=class{constructor(o){r(this,o)}render(){return o("slot",{key:"7b27e3b2d212955d97029c2d92df46b4bddb3fb1"})}};t.style=e;export{t as Z};
-//# sourceMappingURL=p-6087739d.js.map

package/www/build/p-6087739d.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTableStickyFooterStyle0","ZTableStickyFooter","render","h","key"],"sources":["src/deprecated/z-table-deprecated/z-table-sticky-footer/styles.css?tag=z-table-sticky-footer&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-sticky-footer/index.tsx"],"sourcesContent":[":host {\n  position: sticky;\n  left: 0;\n  display: block;\n  padding: calc(var(--space-unit) * 2);\n  border-width: var(--border-size-small) 0 var(--border-size-medium);\n  border-style: solid;\n  border-color: var(--color-surface03);\n  background-color: var(--color-surface01);\n  font-weight: var(--font-rg);\n}\n","import {Component, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n * @slot - table sticky footer content\n */\n@Component({\n  tag: \"z-table-sticky-footer\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableStickyFooter {\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"],"mappings":"sCAAA,MAAMA,EAAY,oSAClB,MAAAC,EAAeD,E,MCWFE,EAAkB,M,yBAC7B,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C"}

package/www/build/p-626a5bb1.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_table_header}from"./p-820c2503.js";import"./p-10bb4f4b.js";import"./p-025f494e.js";import"./p-955da62e.js";import"./p-2c886e8b.js";
-//# sourceMappingURL=p-626a5bb1.entry.js.map

package/www/build/p-626a5bb1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"mappings":""}

package/www/build/p-6790a3c1.js

@@ -1,2 +0,0 @@
-import{r as a,h as c}from"./p-10bb4f4b.js";const o=":host{display:none;background-color:var(--gray50)}:host>td>div.content-container{margin-bottom:calc(var(--space-unit) / 2);box-shadow:var(--shadow-2)}";const t=o;const n=class{constructor(c){a(this,c);this.colSpan=undefined}render(){return c("td",{key:"3f662b4a7d38b2eca3db3a67176991bc4c538edb",colSpan:this.colSpan},c("div",{key:"cff535acab16a19f7475b115649c1ca936990c76",class:"content-container"},c("slot",{key:"742b4fbffd8a5330424432a1145796b71e86bfa8"})))}};n.style=t;export{n as Z};
-//# sourceMappingURL=p-6790a3c1.js.map

package/www/build/p-6790a3c1.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTableExpandedRowStyle0","ZTableExpandedRow","render","h","key","colSpan","this","class"],"sources":["src/deprecated/z-table-deprecated/z-table-expanded-row/styles.css?tag=z-table-expanded-row&encapsulation=shadow","src/deprecated/z-table-deprecated/z-table-expanded-row/index.tsx"],"sourcesContent":[":host {\n  display: none;\n  background-color: var(--gray50);\n}\n\n:host > td > div.content-container {\n  margin-bottom: calc(var(--space-unit) / 2);\n  box-shadow: var(--shadow-2);\n}\n","import {Component, Prop, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-expanded-row\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTableExpandedRow {\n  /** Number table column plus 1 for the expand button */\n  @Prop()\n  colSpan: number;\n\n  render(): HTMLTableCellElement {\n    return (\n      <td colSpan={this.colSpan}>\n        <div class=\"content-container\">\n          <slot />\n        </div>\n      </td>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,yJAClB,MAAAC,EAAeD,E,MCSFE,EAAiB,M,gDAK5B,MAAAC,GACE,OACEC,EAAA,MAAAC,IAAA,2CAAIC,QAASC,KAAKD,SAChBF,EAAA,OAAAC,IAAA,2CAAKG,MAAM,qBACTJ,EAAA,QAAAC,IAAA,8C"}

package/www/build/p-68a9a3dd.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_table_body}from"./p-356aac96.js";import"./p-10bb4f4b.js";
-//# sourceMappingURL=p-68a9a3dd.entry.js.map

package/www/build/p-68a9a3dd.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"mappings":""}

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

@@ -1,2 +0,0 @@
-export{Z as z_table_cell}from"./p-4bc82510.js";import"./p-10bb4f4b.js";import"./p-025f494e.js";
-//# sourceMappingURL=p-69697329.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"mappings":""}

package/www/build/p-6aba107d.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_table_row}from"./p-cc46f0ce.js";import"./p-10bb4f4b.js";import"./p-025f494e.js";
-//# sourceMappingURL=p-6aba107d.entry.js.map

package/www/build/p-6aba107d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"mappings":""}

package/www/build/p-820c2503.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as s,a as i,g as a}from"./p-10bb4f4b.js";import{B as o,d as n,P as r}from"./p-025f494e.js";import{d as c}from"./p-955da62e.js";const d=':host{position:relative;display:table-cell;border-bottom:var(--border-size-medium) solid var(--gray200);background-color:var(--gray50);font-family:var(--font-family-sans);font-weight:var(--font-sb);text-align:start}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}.arrow{padding-left:var(--space-unit);opacity:1}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container z-popover{--z-popover-theme--surface:var(--gray200);position:relative;z-index:1}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}';const l=d;const p=class{constructor(s){t(this,s);this.sort=e(this,"sort",7);this.columnId=undefined;this.padding="medium";this.sortable=undefined;this.showButton=undefined;this.defaultSortDirection="asc";this.sortDirection="none";this.emitOnSort=this.emitOnSort.bind(this)}emitOnSort(){this.sort.emit({columnId:this.columnId,sortDirection:this.sortDirection})}handleSort(){if(!this.sortable){return}this.sortDirection=(()=>{switch(this.sortDirection){case"asc":return"desc";case"desc":return"asc";case"none":return this.defaultSortDirection;default:return"none"}})();this.emitOnSort()}handleMenuClick(){this.popover.open=!this.popover.open}handleOutsideClick(t){const e=c(t.target);const s=e.find((t=>t.nodeName.toLowerCase()==="z-popover"));if(!s&&this.popover){this.popover.open=false}}handleClickHeaders(t){const e=t.target;const s=c(e).find((t=>t.nodeName.toLowerCase()==="z-table-header"));if(!this.sortable||!s){return}const i=s.attributes.getNamedItem("column-id").value;const a=e.parentNode.sortable||e.sortable;if(i!==this.columnId&&a){this.sortDirection="none"}}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return s(i,{key:"c67ac7a04f00b5252e3c988a46b80843dc911d2e",class:{sortable:this.sortable},onClick:()=>this.handleSort()},s("div",{key:"f569e12c8d7ae2bc30884f11bf1b2636cf66e8d9",class:"container"},s("slot",{key:"c524c4ec78be5a6aded8bd4e92018fe16147561f"}),this.sortable&&this.sortDirection!=="none"&&s("z-icon",{name:this.sortDirection==="asc"?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&s("div",{class:"popover-container"},s("z-button",{ref:t=>this.triggerButton=t,class:"contextual-popover-button",icon:"contextual-menu",variant:o.TERTIARY,size:n.X_SMALL,onClick:()=>this.handleMenuClick()}),s("z-popover",{ref:t=>this.popover=t,position:r.BOTTOM,center:true,bindTo:this.triggerButton},s("div",null,s("slot",{name:"contextual-menu"})))))}get host(){return a(this)}};p.style=l;export{p as Z};
-//# sourceMappingURL=p-820c2503.js.map

package/www/build/p-820c2503.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTableHeaderStyle0","ZTableHeader","constructor","hostRef","this","emitOnSort","bind","sort","emit","columnId","sortDirection","handleSort","sortable","defaultSortDirection","handleMenuClick","popover","open","handleOutsideClick","e","tree","getElementTree","target","parent","find","elem","nodeName","toLowerCase","handleClickHeaders","parentColumnId","attributes","getNamedItem","value","isSortable","parentNode","componentWillRender","host","setAttribute","render","h","Host","key","class","onClick","name","showButton","ref","el","triggerButton","icon","variant","ButtonVariant","TERTIARY","size","ButtonSize","X_SMALL","position","PopoverPosition","BOTTOM","center","bindTo"],"sources":["src/deprecated/z-table-deprecated/z-table-header/styles.css?tag=z-table-header&encapsulation=shadow","src/deprecated/z-table-deprecated/z-table-header/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: table-cell;\n  border-bottom: var(--border-size-medium) solid var(--gray200);\n  background-color: var(--gray50);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-sb);\n  text-align: start;\n}\n\n.container {\n  display: flex;\n  align-items: flex-end;\n}\n\n:host(.sortable) {\n  cursor: pointer;\n}\n\n:host([padding=\"x-small\"]) {\n  padding: calc(var(--space-unit) * 0.5);\n}\n\n:host([padding=\"small\"]) {\n  padding: calc(var(--space-unit));\n}\n\n:host([padding=\"medium\"]) {\n  padding: calc(var(--space-unit) * 2);\n}\n\n:host([padding=\"large\"]) {\n  padding: calc(var(--space-unit) * 2.5);\n}\n\n:host([padding=\"special\"]) {\n  padding: 0;\n}\n\n/*\nSorting arrow\n*/\n.arrow {\n  padding-left: var(--space-unit);\n  opacity: 1;\n}\n\n/*\nContextual menu\n*/\n.popover-container {\n  position: absolute;\n  top: var(--space-unit);\n  right: var(--space-unit);\n  display: none;\n}\n\n.popover-container z-popover {\n  --z-popover-theme--surface: var(--gray200);\n\n  position: relative;\n  z-index: 1;\n}\n\n.popover-container.visible {\n  display: block;\n}\n\n:host(:hover) .popover-container {\n  display: block;\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Listen, Prop} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant, PopoverPosition} from \"../../../beans\";\nimport {getElementTree} from \"../../../utils/utils\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-header\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTableHeader {\n  @Element() host: HTMLZTableHeaderElement;\n\n  /** Column ID */\n  @Prop()\n  columnId: string;\n\n  /** Set padding size of cell, if special 0px padding will be set */\n  @Prop({reflect: true})\n  padding: \"x-small\" | \"small\" | \"medium\" | \"large\" | \"special\" = \"medium\";\n\n  /** [Optional] Make the header sortable */\n  @Prop()\n  sortable?: boolean;\n\n  /** [Optional] Show contextual menu button */\n  @Prop()\n  showButton?: boolean;\n\n  /** [Optional] Default sort order */\n  @Prop()\n  defaultSortDirection?: \"asc\" | \"desc\" | \"none\" = \"asc\";\n\n  /** Sort direction */\n  @Prop({mutable: true})\n  sortDirection: \"asc\" | \"desc\" | \"none\" = \"none\";\n\n  private popover?: HTMLZPopoverElement;\n\n  private triggerButton?: HTMLZButtonElement;\n\n  constructor() {\n    this.emitOnSort = this.emitOnSort.bind(this);\n  }\n\n  /** [Optional] callback for sorting */\n  @Event()\n  sort: EventEmitter;\n\n  private emitOnSort(): void {\n    this.sort.emit({\n      columnId: this.columnId,\n      sortDirection: this.sortDirection,\n    });\n  }\n\n  private handleSort(): void {\n    if (!this.sortable) {\n      return;\n    }\n\n    this.sortDirection = (() => {\n      switch (this.sortDirection) {\n        case \"asc\":\n          return \"desc\";\n        case \"desc\":\n          return \"asc\";\n        case \"none\":\n          return this.defaultSortDirection;\n        default:\n          return \"none\";\n      }\n    })();\n\n    this.emitOnSort();\n  }\n\n  private handleMenuClick(): void {\n    this.popover.open = !this.popover.open;\n  }\n\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleOutsideClick(e: MouseEvent): void {\n    const tree = getElementTree(e.target as Element);\n    const parent = tree.find((elem: Element) => elem.nodeName.toLowerCase() === \"z-popover\");\n\n    if (!parent && this.popover) {\n      this.popover.open = false;\n    }\n  }\n\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleClickHeaders(e: MouseEvent): void {\n    const target = e.target as HTMLElement;\n    const parent = getElementTree(target).find((elem: Element) => elem.nodeName.toLowerCase() === \"z-table-header\");\n\n    if (!this.sortable || !parent) {\n      return;\n    }\n\n    const parentColumnId = parent.attributes.getNamedItem(\"column-id\").value;\n    const isSortable =\n      (target.parentNode as HTMLZTableHeaderElement).sortable || (target as HTMLZTableHeaderElement).sortable;\n\n    if (parentColumnId !== this.columnId && isSortable) {\n      this.sortDirection = \"none\";\n    }\n  }\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"columnheader\");\n  }\n\n  render(): HTMLZTableHeaderElement {\n    return (\n      <Host\n        class={{\n          sortable: this.sortable,\n        }}\n        onClick={() => this.handleSort()}\n      >\n        <div class=\"container\">\n          <slot />\n          {this.sortable && this.sortDirection !== \"none\" && (\n            <z-icon\n              name={this.sortDirection === \"asc\" ? \"arrow-up\" : \"arrow-down\"}\n              class=\"arrow\"\n            />\n          )}\n        </div>\n\n        {this.showButton && (\n          <div class=\"popover-container\">\n            <z-button\n              ref={(el) => (this.triggerButton = el as HTMLZButtonElement)}\n              class=\"contextual-popover-button\"\n              icon=\"contextual-menu\"\n              variant={ButtonVariant.TERTIARY}\n              size={ButtonSize.X_SMALL}\n              onClick={() => this.handleMenuClick()}\n            ></z-button>\n\n            <z-popover\n              ref={(el) => (this.popover = el as HTMLZPopoverElement)}\n              position={PopoverPosition.BOTTOM}\n              center={true}\n              bindTo={this.triggerButton as HTMLElement}\n            >\n              <div>\n                <slot name=\"contextual-menu\" />\n              </div>\n            </z-popover>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"sJAAA,MAAMA,EAAY,84BAClB,MAAAC,EAAeD,E,MCWFE,EAAY,MA+BvB,WAAAC,CAAAC,G,0EAtBgE,S,4EAYf,M,mBAIR,OAOvCC,KAAKC,WAAaD,KAAKC,WAAWC,KAAKF,K,CAOjC,UAAAC,GACND,KAAKG,KAAKC,KAAK,CACbC,SAAUL,KAAKK,SACfC,cAAeN,KAAKM,e,CAIhB,UAAAC,GACN,IAAKP,KAAKQ,SAAU,CAClB,M,CAGFR,KAAKM,cAAgB,MACnB,OAAQN,KAAKM,eACX,IAAK,MACH,MAAO,OACT,IAAK,OACH,MAAO,MACT,IAAK,OACH,OAAON,KAAKS,qBACd,QACE,MAAO,OAEZ,EAXoB,GAarBT,KAAKC,Y,CAGC,eAAAS,GACNV,KAAKW,QAAQC,MAAQZ,KAAKW,QAAQC,I,CAIpC,kBAAAC,CAAmBC,GACjB,MAAMC,EAAOC,EAAeF,EAAEG,QAC9B,MAAMC,EAASH,EAAKI,MAAMC,GAAkBA,EAAKC,SAASC,gBAAkB,cAE5E,IAAKJ,GAAUlB,KAAKW,QAAS,CAC3BX,KAAKW,QAAQC,KAAO,K,EAKxB,kBAAAW,CAAmBT,GACjB,MAAMG,EAASH,EAAEG,OACjB,MAAMC,EAASF,EAAeC,GAAQE,MAAMC,GAAkBA,EAAKC,SAASC,gBAAkB,mBAE9F,IAAKtB,KAAKQ,WAAaU,EAAQ,CAC7B,M,CAGF,MAAMM,EAAiBN,EAAOO,WAAWC,aAAa,aAAaC,MACnE,MAAMC,EACHX,EAAOY,WAAuCrB,UAAaS,EAAmCT,SAEjG,GAAIgB,IAAmBxB,KAAKK,UAAYuB,EAAY,CAClD5B,KAAKM,cAAgB,M,EAIzB,mBAAAwB,GACE9B,KAAK+B,KAAKC,aAAa,OAAQ,e,CAGjC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL7B,SAAUR,KAAKQ,UAEjB8B,QAAS,IAAMtC,KAAKO,cAEpB2B,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aACTH,EAAA,QAAAE,IAAA,6CACCpC,KAAKQ,UAAYR,KAAKM,gBAAkB,QACvC4B,EAAA,UACEK,KAAMvC,KAAKM,gBAAkB,MAAQ,WAAa,aAClD+B,MAAM,WAKXrC,KAAKwC,YACJN,EAAA,OAAKG,MAAM,qBACTH,EAAA,YACEO,IAAMC,GAAQ1C,KAAK2C,cAAgBD,EACnCL,MAAM,4BACNO,KAAK,kBACLC,QAASC,EAAcC,SACvBC,KAAMC,EAAWC,QACjBZ,QAAS,IAAMtC,KAAKU,oBAGtBwB,EAAA,aACEO,IAAMC,GAAQ1C,KAAKW,QAAU+B,EAC7BS,SAAUC,EAAgBC,OAC1BC,OAAQ,KACRC,OAAQvD,KAAK2C,eAEbT,EAAA,WACEA,EAAA,QAAMK,KAAK,uB"}

package/www/build/p-87a03b6d.js

@@ -1,2 +0,0 @@
-import{p as e,H as a,b as t}from"./p-10bb4f4b.js";export{s as setNonce}from"./p-10bb4f4b.js";const i=()=>{{o(a.prototype)}const t=import.meta.url;const i={};if(t!==""){i.resourcesUrl=new URL(".",t).href}return e(i)};const o=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const t=a.call(this,false);const i=this.childNodes;if(e){for(let e=0;e<i.length;e++){if(i[e].nodeType!==2){t.appendChild(i[e].cloneNode(true))}}}return t}};i().then((e=>t(JSON.parse('[["p-c2555fef",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"enableSearch":[516,"enable-search"],"searchPlaceholder":[1,"search-placeholder"],"searchString":[1025,"search-string"],"searchPageUrl":[1,"search-page-url"],"_stuck":[32],"currentViewport":[32],"menuLength":[32]},[[9,"resize","evaluateViewport"]],{"_stuck":["onStuck"],"drawerOpen":["setMenuFloatingMode"],"stuck":["onStuckMode"]}],[1,"z-searchbar",{"htmlid":[513],"preventSubmit":[4,"prevent-submit"],"value":[1],"placeholder":[1],"autocomplete":[4],"autocompleteMinChars":[2,"autocomplete-min-chars"],"resultsCount":[2,"results-count"],"resultsEllipsis":[4,"results-ellipsis"],"searchHelperLabel":[1,"search-helper-label"],"resultsItems":[1,"results-items"],"sortResultsItems":[4,"sort-results-items"],"showSearchButton":[4,"show-search-button"],"searchButtonIconOnly":[4,"search-button-icon-only"],"size":[1],"variant":[1],"searchString":[32],"currResultsCount":[32],"showResults":[32],"isMobile":[32]},[[4,"click","handleOutsideClick"]],{"resultsItems":["watchItems"],"resultsCount":["watchResultsCount"],"value":["watchValue"],"searchString":["watchSearchString"]}],[6,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513],"skipLoadAnimation":[1028,"skip-load-animation"]},null,{"open":["onOpenChanged"]}],[6,"z-tag",{"icon":[1],"expandable":[4]}],[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"listElementPosition":[513,"list-element-position"],"listType":[513,"list-type"],"role":[513],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-list",{"size":[513],"listType":[513,"list-type"],"role":[513]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"],"listType":[513,"list-type"]}],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"ariaExpanded":[1,"aria-expanded"],"ariaControls":[1,"aria-controls"],"ariaAutocomplete":[1,"aria-autocomplete"],"ariaActivedescendant":[1,"aria-activedescendant"],"value":[1025],"disabled":[516],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"labelPosition":[1,"label-position"],"autocomplete":[1],"role":[1],"hasclearicon":[4],"icon":[1],"min":[2],"minlength":[2],"max":[2],"maxlength":[2],"step":[2],"pattern":[1],"size":[513],"isTyping":[32],"passwordHidden":[32],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[1,"z-input-message",{"message":[1],"status":[513],"statusRole":[32]},null,{"message":["onMessageChange"],"status":["onMessageChange"]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[6,"z-button",{"ariaLabel":[513,"aria-label"],"role":[1],"href":[1],"target":[1],"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-a7e61213",[[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"autocomplete":[4],"noresultslabel":[1],"hasGroupItems":[4,"has-group-items"],"isfixed":[4],"resetItem":[1,"reset-item"],"size":[1],"isOpen":[32],"selectedItem":[32],"focusedItemId":[32],"searchString":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]},[[0,"ariaDescendantFocus","getFocusedItemHandler"]],{"items":["watchItems"]}]]],["p-34541d7c",[[1,"z-breadcrumb",{"pathStyle":[513,"path-style"],"homepageVariant":[1,"homepage-variant"],"maxNodesToShow":[2,"max-nodes-to-show"],"preventFollowUrl":[4,"prevent-follow-url"],"overflowMenuItemRows":[2,"overflow-menu-item-rows"],"truncateChar":[2,"truncate-char"],"viewPortWidth":[32],"hasOverflow":[32],"popoverEllipsisOpen":[32]},[[9,"resize","handleResize"]],{"maxNodesToShow":["handlePropChange"],"viewPortWidth":["handleResizeUp"]}]]],["p-9b52dea5",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"disabled":[516],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"hasgroupitems":[4],"size":[1],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]],{"items":["watchItems"],"searchValue":["watchSearchValue"]}]]],["p-472eb82d",[[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[513,"popover-position"]}]]],["p-210fbe0f",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-1ff016c2",[[1,"z-file-upload",{"type":[513],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"uploadBtnLabel":[1,"upload-btn-label"],"dragAndDropLabel":[1,"drag-and-drop-label"],"hasFileSection":[4,"has-file-section"],"files":[32],"invalidFiles":[32],"getFiles":[64],"removeFile":[64]},[[0,"removeFile","removeFileListener"],[0,"fileDropped","fileDroppedListener"]]]]],["p-af27423a",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-67450112",[[0,"z-pagination",{"label":[1],"navArrows":[4,"nav-arrows"],"totalPages":[2,"total-pages"],"skip":[2],"edges":[4],"split":[2],"visiblePages":[2,"visible-pages"],"currentPage":[1026,"current-page"],"goToPage":[4,"go-to-page"],"_visiblePages":[32],"isMobile":[32],"goToPageValue":[32]},[[9,"resize","onResize"]],{"_visiblePages":["setPagesContainerWidth"],"visiblePages":["setVisiblePages"],"currentPage":["onPageChanged"],"split":["onSplitChanged"]}]]],["p-40f68d35",[[4,"z-table-header-row",{"expandable":[516]}]]],["p-93cb103f",[[1,"z-carousel",{"isLoading":[4,"is-loading"],"label":[1],"single":[516],"arrowsPosition":[513,"arrows-position"],"progressMode":[1,"progress-mode"],"fixedArrows":[516,"fixed-arrows"],"ghostLoadingHeight":[2,"ghost-loading-height"],"infinite":[4],"current":[32],"items":[32],"highlightedIndicator":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},null,{"current":["onIndexChange"],"single":["onSingleModeChange"],"infinite":["onInfiniteModeChange"]}]]],["p-0d799f83",[[4,"z-date-picker",{"datePickerId":[1,"date-picker-id"],"ariaLabel":[1,"aria-label"],"label":[1],"mode":[1],"flatpickrPosition":[32],"inputError":[32]},[[18,"keydown","handleKeyDown"]],{"mode":["setupPickers"]}]]],["p-54681ece",[[2,"z-file",{"fileNumber":[2,"file-number"],"fileName":[1,"file-name"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-fe6f5926",[[0,"z-range-picker",{"rangePickerId":[1,"range-picker-id"],"firstAriaLabel":[1,"first-aria-label"],"firstLabel":[1,"first-label"],"secondAriaLabel":[1,"second-aria-label"],"secondLabel":[1,"second-label"],"mode":[1],"firstPickerReadOnly":[4,"first-picker-read-only"],"lastPickerReadOnly":[4,"last-picker-read-only"],"firstPickerPlaceholder":[1,"first-picker-placeholder"],"lastPickerPlaceholder":[1,"last-picker-placeholder"],"flatpickrPosition":[32],"activeInput":[32],"firstInputError":[32],"lastInputError":[32]},[[18,"click","handleClick"],[18,"keyup","handleKeyDown"]],{"firstPickerReadOnly":["setupFirstPickersReadOnly"],"lastPickerReadOnly":["setupLastPickersReadOnly"],"mode":["setupPickers"]}]]],["p-2731d501",[[4,"z-table-deprecated",{"lines":[514],"errorMessage":[1,"error-message"],"bordered":[4],"callToActionLabel":[1,"call-to-action-label"],"callToActionTwoLabel":[1,"call-to-action-two-label"],"columnSticky":[4,"column-sticky"],"empty":[4],"error":[4],"errorLink":[1,"error-link"],"headerSticky":[4,"header-sticky"],"message":[1],"subtitle":[1],"hasTableBody":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]]]],["p-6aba107d",[[4,"z-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}]]],["p-1e4befc7",[[1,"z-td",{"colspan":[2],"sticky":[516],"showMenu":[513,"show-menu"],"isMenuOpen":[32]},null,{"colspan":["updateColspan"]}]]],["p-9b50a99a",[[1,"z-th",{"colspan":[2],"showMenu":[513,"show-menu"],"sticky":[516],"sortDirection":[1025,"sort-direction"],"popoverPosition":[1,"popover-position"],"isMenuOpen":[32]},null,{"colspan":["updateColspan"]}]]],["p-acfde9fa",[[4,"z-anchor-navigation",{"hideUnselected":[516,"hide-unselected"],"collapsed":[32]}]]],["p-7d4cd2e8",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-bb8037c4",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-fe8d7642",[[1,"z-myz-list",{"inputrawdata":[1],"list":[1040]},null,{"inputrawdata":["oninputrawdataChange"]}]]],["p-2f72475d",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-49407985",[[1,"z-accordion",{"label":[1],"icon":[1],"size":[513],"isDisabled":[516,"is-disabled"],"open":[1540],"highlight":[516],"variant":[513],"shadow":[516]},null,{"isDisabled":["onDisabledChange"]}]]],["p-f9ddfc93",[[1,"z-book-card",{"variant":[1],"cover":[1],"operaTitle":[1,"opera-title"],"volumeTitle":[1,"volume-title"],"authors":[1],"isbn":[1],"isbnLabel":[1,"isbn-label"],"ribbon":[1],"ribbonIcon":[1,"ribbon-icon"],"ribbonInteractive":[4,"ribbon-interactive"],"borderless":[4],"fallbackCover":[1,"fallback-cover"],"operaTitleTag":[1,"opera-title-tag"],"isMobile":[32],"hasResources":[32],"showResources":[32]}]]],["p-d973f170",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-2f2f460a",[[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"showShadow":[516,"show-shadow"],"clickable":[516],"hasCoverImage":[32]}]]],["p-0681692a",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-ae71256f",[[1,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"open":[32],"currentIndex":[32]},null,{"currentIndex":["watchItems"]}]]],["p-38c63f28",[[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[516],"iconposition":[1],"underline":[4],"iconSize":[32]}]]],["p-7c5b1265",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"verticalContext":[516,"vertical-context"],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]],{"open":["onOpenChanged"]}]]],["p-a9d42b98",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-6d0bb567",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-98e8d64f",[[0,"z-navigation-tab",{"ariaControls":[1,"aria-controls"],"tabId":[1,"tab-id"],"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"icon":[1],"label":[1],"htmlTitle":[1,"html-title"]},[[0,"click","onClick"]],{"selected":["onSelected"]}]]],["p-b99dd793",[[0,"z-navigation-tab-link",{"ariaControls":[1,"aria-controls"],"tabId":[1,"tab-id"],"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"htmlTitle":[1,"html-title"],"target":[1],"href":[1],"icon":[1],"label":[1]},[[0,"click","onClick"]],{"selected":["onSelected"]}]]],["p-60e11155",[[4,"z-navigation-tabs",{"ariaLabel":[1,"aria-label"],"orientation":[513],"size":[513],"selectedTab":[1026,"selected-tab"],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},[[0,"click","handleTabClick"],[0,"focusin","onTabFocusIn"],[0,"keydown","navigateThroughTabs"],[0,"focusout","onTabFocusOut"]],{"canNavigate":["checkScrollEnabled"],"selectedTab":["onTabSelected"]}]]],["p-f0653be6",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516]}]]],["p-9f979c92",[[6,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descrSlotName":[1,"descr-slot-name"]}]]],["p-5d220bbc",[[1,"z-pocket-message"]]],["p-402bd7f6",[[1,"z-section-title",{"dividerPosition":[1,"divider-position"],"uppercase":[516]}]]],["p-c49ca2a9",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]},null,{"data":["watchData"]}]]],["p-b574f1be",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32]},null,{"isdraggable":["watchPropIsdraggable"],"autoclose":["watchPropAutoclose"],"pauseonfocusloss":["watchPropPauseonfocusloss"]}]]],["p-303663a9",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028],"ariaLabel":[1,"aria-label"]}]]],["p-5bb776c9",[[6,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-38dd5e41",[[1,"z-tooltip",{"position":[513],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"],"closable":[4]},[[0,"openChange","onPopoverOpenChange"]]]]],["p-dd3cc9a7",[[1,"z-tr",{"expandable":[516],"expanded":[32],"expandableContentId":[32]},[[0,"colspanchange","updateColumns"]],{"expandable":["updateColumns"]}]]],["p-bc956e60",[[4,"z-aria-alert",{"mode":[1]}]]],["p-21735a65",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-ac497c80",[[1,"z-cover-hero",{"variant":[513],"contentPosition":[513,"content-position"],"preserveAspectRatio":[516,"preserve-aspect-ratio"]},[[2,"load","onImgLoad"]]]]],["p-3c87d5e2",[[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-10c29fb4",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"customContent":[4,"custom-content"],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-83657b33",[[1,"z-myz-card-footer-sections"]]],["p-9e71d6b3",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-378b2bbf",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-9f47cebe",[[1,"z-stepper"]]],["p-4691b59a",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["p-158b6dda",[[1,"z-table",{"bordered":[516],"expandable":[32]}]]],["p-68a9a3dd",[[6,"z-table-body"]]],["p-b1b69181",[[1,"z-table-expanded-row",{"colSpan":[2,"col-span"]}]]],["p-ed03b414",[[6,"z-table-footer"]]],["p-3441cb4e",[[6,"z-table-head"]]],["p-28c6bb97",[[6,"z-table-sticky-footer"]]],["p-1de0e2a1",[[1,"z-tbody"]]],["p-13a93aef",[[1,"z-tfoot",{"sticky":[516]}]]],["p-f088324c",[[1,"z-thead",{"sticky":[516]}]]],["p-c2110712",[[1,"z-toast-notification-list",{"position":[513],"newestontop":[4]},null,{"newestontop":["watchPropNewestontop"]}]]],["p-ebcf6b4d",[[1,"z-visually-hidden"]]],["p-626a5bb1",[[1,"z-table-header",{"columnId":[1,"column-id"],"padding":[513],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]]]],["p-69697329",[[1,"z-table-cell",{"showButton":[4,"show-button"],"padding":[513],"isMenuOpened":[32]}]]],["p-b3c92412",[[6,"z-chip",{"icon":[1],"type":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516],"ariaLabel":[1,"aria-label"]}]]],["p-97bba1f2",[[1,"z-alert",{"type":[1]}]]],["p-9882e8a5",[[1,"z-ghost-loading"]]],["p-9bcb606c",[[6,"z-table-empty-box",{"message":[1],"subtitle":[1]}]]],["p-52fa5f80",[[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"],"alertdialog":[4],"closable":[4],"scrollInside":[4,"scroll-inside"],"open":[64],"close":[64]},[[0,"keydown","handleKeyDown"]]],[1,"z-dragdrop-area",{"dragAndDropLabel":[1,"drag-and-drop-label"]}]]],["p-a8901c35",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-fa4a2862",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]],{"status":["watchStatusHandler"]}],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]],["p-e3e48e64",[[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["p-f97c093d",[[1,"z-popover",{"position":[513],"open":[1540],"bindTo":[1,"bind-to"],"showArrow":[516,"show-arrow"],"center":[516],"closable":[4],"currentPosition":[32]},[[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]],{"position":["validatePosition"],"open":["onOpen"]}]]]]'),e)));
-//# sourceMappingURL=web-components-library.esm.js.map

package/www/build/p-98e8d64f.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as a,a as n}from"./p-10bb4f4b.js";import{N as e,a as o}from"./p-025f494e.js";import{I as r}from"./p-4686b762.js";const l='z-navigation-tab>button,z-navigation-tab-link>a{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tab-link>a{text-decoration:none}z-navigation-tab *,z-navigation-tab-link *,z-navigation-tab *::before,z-navigation-tab *::after,z-navigation-tab-link *::before,z-navigation-tab-link *::after{box-sizing:border-box}z-navigation-tab>*:focus:focus-visible,z-navigation-tab-link>*:focus:focus-visible{z-index:1;box-shadow:inset 0 0 4px 3px var(--color-highlight)}z-navigation-tab:not([disabled]):hover>*,z-navigation-tab[selected]>*,z-navigation-tab-link:not([disabled]):hover>*,z-navigation-tab-link[selected]>*{color:var(--color-hover-secondary);fill:currentcolor}z-navigation-tab:not([disabled]):hover>*::after,z-navigation-tab[selected]>*::after,z-navigation-tab-link:not([disabled]):hover>*::after,z-navigation-tab-link[selected]>*::after{position:absolute;background-color:var(--color-hover-secondary);content:""}z-navigation-tab[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[orientation="horizontal"][selected]>*::after,z-navigation-tab-link[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation="horizontal"][selected]>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tab z-icon,z-navigation-tab-link z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tab[orientation="horizontal"] z-icon,z-navigation-tab-link[orientation="horizontal"] z-icon{margin-right:var(--space-unit)}z-navigation-tab:not([disabled]):hover>*{background-color:var(--color-background)}z-navigation-tab[disabled]>*,z-navigation-tab-link[disabled]>*{color:var(--gray500);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tab[size="small"]>*,z-navigation-tab-link[size="small"]>*{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}z-navigation-tab[size="small"][orientation="horizontal"]>*,z-navigation-tab-link[size="small"][orientation="horizontal"]>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tab[size="small"][orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[size="small"][orientation="horizontal"][selected]>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"][selected]>*::after{height:var(--border-size-medium)}z-navigation-tab[size="small"]:not([orientation="vertical"]) z-icon,z-navigation-tab-link[size="small"]:not([orientation="vertical"]) z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tab[orientation="vertical"]>*,z-navigation-tab-link[orientation="vertical"]>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tab[orientation="vertical"]:not([disabled]):hover>*::after,z-navigation-tab[orientation="vertical"][selected]>*::after,z-navigation-tab-link[orientation="vertical"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation="vertical"][selected]>*::after{top:0;right:0;width:var(--border-size-large);height:100%}';const s=l;const c=class{constructor(a){i(this,a);this.selectedEvent=t(this,"selected",7);this.ariaControls=undefined;this.tabId=undefined;this.selected=false;this.disabled=false;this.orientation=e.HORIZONTAL;this.size=o.BIG;this.icon=undefined;this.label=undefined;this.htmlTitle=undefined}scrollToTab({target:i}){const t=this.orientation===e.HORIZONTAL?{block:"nearest",inline:"center"}:{block:"center",inline:"nearest"};i.scrollIntoView(Object.assign({behavior:"smooth"},t))}onClick(){if(!this.disabled){this.selected=true}}onSelected(){if(this.selected){this.selectedEvent.emit()}}renderIcon(){let i=this.icon;const t=`${i.replace(/-filled$/,"")}-filled`;if(this.selected&&Object.keys(r).includes(t)){i=t}return a("z-icon",{name:i})}render(){return a(n,{key:"9f7613292bba051a6fbf38a9da4979d9ad46bce3",role:"tab",id:this.tabId,"aria-selected":this.selected?"true":"false","aria-controls":this.ariaControls},a("button",{key:"724d57e9b6d12f6f4cf30755ff17e5ae51bdc4a5",tabIndex:this.selected?0:-1,onFocus:this.scrollToTab.bind(this),disabled:this.disabled,title:this.htmlTitle},this.icon&&this.renderIcon(),this.orientation===e.HORIZONTAL&&this.label))}static get watchers(){return{selected:["onSelected"]}}};c.style=s;export{c as z_navigation_tab};
-//# sourceMappingURL=p-98e8d64f.entry.js.map

package/www/build/p-98e8d64f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["navigationTabCss","ZNavigationTabStyle0","ZNavigationTab","NavigationTabsOrientation","HORIZONTAL","NavigationTabsSize","BIG","scrollToTab","target","button","scrollOptions","this","orientation","block","inline","scrollIntoView","Object","assign","behavior","onClick","disabled","selected","onSelected","selectedEvent","emit","renderIcon","icon","iconFilled","replace","keys","ICONS","includes","h","name","render","Host","key","role","id","tabId","ariaControls","tabIndex","onFocus","bind","title","htmlTitle","label"],"sources":["src/deprecated/navigation-tab.css?tag=z-navigation-tab","src/deprecated/z-navigation-tab/index.tsx"],"sourcesContent":["z-navigation-tab > button,\nz-navigation-tab-link > a {\n  position: relative;\n  z-index: 0;\n  display: inline-flex;\n  width: auto;\n  align-items: center;\n  justify-content: center;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);\n  border: none;\n  margin: 0;\n  background-color: unset;\n  border-radius: var(--border-no-radius);\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: inherit;\n  letter-spacing: inherit;\n  line-height: inherit;\n  outline: none;\n  text-align: center;\n  white-space: nowrap;\n}\n\nz-navigation-tab-link > a {\n  text-decoration: none;\n}\n\nz-navigation-tab *,\nz-navigation-tab-link *,\nz-navigation-tab *::before,\nz-navigation-tab *::after,\nz-navigation-tab-link *::before,\nz-navigation-tab-link *::after {\n  box-sizing: border-box;\n}\n\nz-navigation-tab > *:focus:focus-visible,\nz-navigation-tab-link > *:focus:focus-visible {\n  z-index: 1;\n  box-shadow: inset 0 0 4px 3px var(--color-highlight);\n}\n\nz-navigation-tab:not([disabled]):hover > *,\nz-navigation-tab[selected] > *,\nz-navigation-tab-link:not([disabled]):hover > *,\nz-navigation-tab-link[selected] > * {\n  color: var(--color-hover-secondary);\n  fill: currentcolor;\n}\n\nz-navigation-tab:not([disabled]):hover > *::after,\nz-navigation-tab[selected] > *::after,\nz-navigation-tab-link:not([disabled]):hover > *::after,\nz-navigation-tab-link[selected] > *::after {\n  position: absolute;\n  background-color: var(--color-hover-secondary);\n  content: \"\";\n}\n\nz-navigation-tab[orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab[orientation=\"horizontal\"][selected] > *::after,\nz-navigation-tab-link[orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[orientation=\"horizontal\"][selected] > *::after {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--border-size-large);\n}\n\nz-navigation-tab z-icon,\nz-navigation-tab-link z-icon {\n  --z-icon-width: calc(var(--space-unit) * 2);\n  --z-icon-height: calc(var(--space-unit) * 2);\n\n  display: flex;\n  margin: 0;\n}\n\nz-navigation-tab[orientation=\"horizontal\"] z-icon,\nz-navigation-tab-link[orientation=\"horizontal\"] z-icon {\n  margin-right: var(--space-unit);\n}\n\nz-navigation-tab:not([disabled]):hover > * {\n  background-color: var(--color-background);\n}\n\nz-navigation-tab[disabled] > *,\nz-navigation-tab-link[disabled] > * {\n  color: var(--gray500);\n  cursor: not-allowed;\n  fill: currentcolor;\n  pointer-events: all;\n}\n\n/* Size small (only available for horizontal) */\nz-navigation-tab[size=\"small\"] > *,\nz-navigation-tab-link[size=\"small\"] > * {\n  font-size: var(--font-size-2);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"] > *,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"] > * {\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"][selected] > *::after,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"][selected] > *::after {\n  height: var(--border-size-medium);\n}\n\nz-navigation-tab[size=\"small\"]:not([orientation=\"vertical\"]) z-icon,\nz-navigation-tab-link[size=\"small\"]:not([orientation=\"vertical\"]) z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n}\n\n/* Orientation Vertical */\nz-navigation-tab[orientation=\"vertical\"] > *,\nz-navigation-tab-link[orientation=\"vertical\"] > * {\n  padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tab[orientation=\"vertical\"]:not([disabled]):hover > *::after,\nz-navigation-tab[orientation=\"vertical\"][selected] > *::after,\nz-navigation-tab-link[orientation=\"vertical\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[orientation=\"vertical\"][selected] > *::after {\n  top: 0;\n  right: 0;\n  width: var(--border-size-large);\n  height: 100%;\n}\n","import {Component, Prop, h, Listen, Event, EventEmitter, Watch, Host} from \"@stencil/core\";\nimport {NavigationTabsOrientation, NavigationTabsSize} from \"../../beans\";\nimport {ICONS} from \"../../components/icons/icons\";\n\n/**\n * Single tab component to use inside `z-navigation-tabs`. It renders a button.\n * This component uses the `tab` role:\n * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role\n */\n@Component({\n  tag: \"z-navigation-tab\",\n  styleUrl: \"../navigation-tab.css\",\n})\nexport class ZNavigationTab {\n  /**\n   * `aria-controls` attribute of the tab.\n   * Identifies the element (with `role=tabpanel`) whose contents or presence are controlled by this tab.\n   * The value must be the `id` of the element it controls.\n   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls\n   */\n  @Prop()\n  ariaControls?: string;\n\n  /**\n   * `id` attribute of the tab.\n   * Set this id to the `aria-labelledby` attribute of the controlled `tabpanel` element.\n   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby\n   * @deprecated Use native `id` attribute instead\n   */\n  @Prop()\n  tabId?: string;\n\n  /**\n   * Whether the tab is selected.\n   */\n  @Prop({mutable: true, reflect: true})\n  selected?: boolean = false;\n\n  /**\n   * Whether the tab is disabled.\n   */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /**\n   * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.\n   */\n  @Prop({reflect: true})\n  orientation: NavigationTabsOrientation = NavigationTabsOrientation.HORIZONTAL;\n\n  /**\n   * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.\n   */\n  @Prop({reflect: true})\n  size: NavigationTabsSize = NavigationTabsSize.BIG;\n\n  /**\n   * Name of the icon to use.\n   * The `filled` version will be automatically used (if found) when the tab is `selected`.\n   * @deprecated Use a native `<button>` instead.\n   */\n  @Prop()\n  icon: string;\n\n  /**\n   * Label to show in the tab.\n   */\n  @Prop()\n  label: string;\n\n  /**\n   * Html `title` attribute for the button.\n   */\n  @Prop()\n  htmlTitle: string;\n\n  /**\n   * The tab has been selected.\n   */\n  @Event({eventName: \"selected\"})\n  private selectedEvent: EventEmitter;\n\n  /**\n   * Scroll into view to center the tab.\n   */\n  private scrollToTab({target: button}): void {\n    const scrollOptions = (\n      this.orientation === NavigationTabsOrientation.HORIZONTAL\n        ? {block: \"nearest\", inline: \"center\"}\n        : {block: \"center\", inline: \"nearest\"}\n    ) as ScrollIntoViewOptions;\n\n    button.scrollIntoView({\n      behavior: \"smooth\",\n      ...scrollOptions,\n    });\n  }\n\n  @Listen(\"click\")\n  onClick(): void {\n    if (!this.disabled) {\n      this.selected = true;\n    }\n  }\n\n  @Watch(\"selected\")\n  onSelected(): void {\n    if (this.selected) {\n      this.selectedEvent.emit();\n    }\n  }\n\n  /**\n   * Render the icon component using the icon's name passed from prop.\n   * Use the `filled` version when the tab is `selected`.\n   * @returns {HTMLElement}\n   */\n  private renderIcon(): HTMLZIconElement {\n    let icon = this.icon;\n    const iconFilled = `${icon.replace(/-filled$/, \"\")}-filled`;\n\n    if (this.selected && Object.keys(ICONS).includes(iconFilled)) {\n      icon = iconFilled;\n    }\n\n    return <z-icon name={icon}></z-icon>;\n  }\n\n  render(): HTMLZNavigationTabElement {\n    return (\n      <Host\n        role=\"tab\"\n        id={this.tabId}\n        aria-selected={this.selected ? \"true\" : \"false\"}\n        aria-controls={this.ariaControls}\n      >\n        <button\n          tabIndex={this.selected ? 0 : -1}\n          onFocus={this.scrollToTab.bind(this)}\n          disabled={this.disabled}\n          title={this.htmlTitle}\n        >\n          {this.icon && this.renderIcon()}\n          {this.orientation === NavigationTabsOrientation.HORIZONTAL && this.label}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAmB,69GACzB,MAAAC,EAAeD,E,MCYFE,EAAc,M,gIAuBJ,M,cAMA,M,iBAMoBC,EAA0BC,W,UAMxCC,EAAmBC,I,kEA+BtC,WAAAC,EAAaC,OAAQC,IAC3B,MAAMC,EACJC,KAAKC,cAAgBT,EAA0BC,WAC3C,CAACS,MAAO,UAAWC,OAAQ,UAC3B,CAACD,MAAO,SAAUC,OAAQ,WAGhCL,EAAOM,eAAcC,OAAAC,OAAA,CACnBC,SAAU,UACPR,G,CAKP,OAAAS,GACE,IAAKR,KAAKS,SAAU,CAClBT,KAAKU,SAAW,I,EAKpB,UAAAC,GACE,GAAIX,KAAKU,SAAU,CACjBV,KAAKY,cAAcC,M,EASf,UAAAC,GACN,IAAIC,EAAOf,KAAKe,KAChB,MAAMC,EAAa,GAAGD,EAAKE,QAAQ,WAAY,aAE/C,GAAIjB,KAAKU,UAAYL,OAAOa,KAAKC,GAAOC,SAASJ,GAAa,CAC5DD,EAAOC,C,CAGT,OAAOK,EAAA,UAAQC,KAAMP,G,CAGvB,MAAAQ,GACE,OACEF,EAACG,EAAI,CAAAC,IAAA,2CACHC,KAAK,MACLC,GAAI3B,KAAK4B,MAAK,gBACC5B,KAAKU,SAAW,OAAS,QAAO,gBAChCV,KAAK6B,cAEpBR,EAAA,UAAAI,IAAA,2CACEK,SAAU9B,KAAKU,SAAW,GAAK,EAC/BqB,QAAS/B,KAAKJ,YAAYoC,KAAKhC,MAC/BS,SAAUT,KAAKS,SACfwB,MAAOjC,KAAKkC,WAEXlC,KAAKe,MAAQf,KAAKc,aAClBd,KAAKC,cAAgBT,EAA0BC,YAAcO,KAAKmC,O"}

package/www/build/p-9bcb606c.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_table_empty_box}from"./p-5e585fe9.js";import"./p-10bb4f4b.js";
-//# sourceMappingURL=p-9bcb606c.entry.js.map

package/www/build/p-9bcb606c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"mappings":""}

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

@@ -1,2 +0,0 @@
-export{Z as z_table_expanded_row}from"./p-6790a3c1.js";import"./p-10bb4f4b.js";
-//# sourceMappingURL=p-b1b69181.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"mappings":""}

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

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as a,a as n}from"./p-10bb4f4b.js";import{N as e,a as o}from"./p-025f494e.js";import{I as r}from"./p-4686b762.js";const l='z-navigation-tab>button,z-navigation-tab-link>a{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tab-link>a{text-decoration:none}z-navigation-tab *,z-navigation-tab-link *,z-navigation-tab *::before,z-navigation-tab *::after,z-navigation-tab-link *::before,z-navigation-tab-link *::after{box-sizing:border-box}z-navigation-tab>*:focus:focus-visible,z-navigation-tab-link>*:focus:focus-visible{z-index:1;box-shadow:inset 0 0 4px 3px var(--color-highlight)}z-navigation-tab:not([disabled]):hover>*,z-navigation-tab[selected]>*,z-navigation-tab-link:not([disabled]):hover>*,z-navigation-tab-link[selected]>*{color:var(--color-hover-secondary);fill:currentcolor}z-navigation-tab:not([disabled]):hover>*::after,z-navigation-tab[selected]>*::after,z-navigation-tab-link:not([disabled]):hover>*::after,z-navigation-tab-link[selected]>*::after{position:absolute;background-color:var(--color-hover-secondary);content:""}z-navigation-tab[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[orientation="horizontal"][selected]>*::after,z-navigation-tab-link[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation="horizontal"][selected]>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tab z-icon,z-navigation-tab-link z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tab[orientation="horizontal"] z-icon,z-navigation-tab-link[orientation="horizontal"] z-icon{margin-right:var(--space-unit)}z-navigation-tab:not([disabled]):hover>*{background-color:var(--color-background)}z-navigation-tab[disabled]>*,z-navigation-tab-link[disabled]>*{color:var(--gray500);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tab[size="small"]>*,z-navigation-tab-link[size="small"]>*{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}z-navigation-tab[size="small"][orientation="horizontal"]>*,z-navigation-tab-link[size="small"][orientation="horizontal"]>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tab[size="small"][orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[size="small"][orientation="horizontal"][selected]>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"][selected]>*::after{height:var(--border-size-medium)}z-navigation-tab[size="small"]:not([orientation="vertical"]) z-icon,z-navigation-tab-link[size="small"]:not([orientation="vertical"]) z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tab[orientation="vertical"]>*,z-navigation-tab-link[orientation="vertical"]>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tab[orientation="vertical"]:not([disabled]):hover>*::after,z-navigation-tab[orientation="vertical"][selected]>*::after,z-navigation-tab-link[orientation="vertical"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation="vertical"][selected]>*::after{top:0;right:0;width:var(--border-size-large);height:100%}';const s=l;const c=class{constructor(a){i(this,a);this.selectedEvent=t(this,"selected",7);this.ariaControls=undefined;this.tabId=undefined;this.selected=false;this.disabled=false;this.orientation=e.HORIZONTAL;this.size=o.BIG;this.htmlTitle=undefined;this.target=undefined;this.href=undefined;this.icon=undefined;this.label=undefined}scrollToTab({target:i}){const t=this.orientation===e.HORIZONTAL?{block:"nearest",inline:"center"}:{block:"center",inline:"nearest"};i.scrollIntoView(Object.assign({behavior:"smooth"},t))}onClick(){if(this.disabled){return}this.selected=true}onSelected(){if(this.selected){this.selectedEvent.emit()}}renderIcon(){let i=this.icon;const t=`${i.replace(/-filled$/,"")}-filled`;if(this.selected&&Object.keys(r).includes(t)){i=t}return a("z-icon",{name:i})}render(){return a(n,{key:"77c729dd9c1bfd412d958eb477f2e227ba7fc7a7",role:"tab",id:this.tabId,"aria-selected":this.selected?"true":"false","aria-controls":this.ariaControls},a("a",{key:"3b70074a8637c2df922e6c5dcfc38f45c14ae770",tabIndex:this.selected?0:-1,onFocus:this.scrollToTab.bind(this),href:this.disabled?null:this.href,title:this.htmlTitle,target:this.target},this.icon&&this.renderIcon(),this.orientation==="horizontal"&&this.label))}static get watchers(){return{selected:["onSelected"]}}};c.style=s;export{c as z_navigation_tab_link};
-//# sourceMappingURL=p-b99dd793.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["navigationTabCss","ZNavigationTabLinkStyle0","ZNavigationTabLink","NavigationTabsOrientation","HORIZONTAL","NavigationTabsSize","BIG","scrollToTab","target","button","scrollOptions","this","orientation","block","inline","scrollIntoView","Object","assign","behavior","onClick","disabled","selected","onSelected","selectedEvent","emit","renderIcon","icon","iconFilled","replace","keys","ICONS","includes","h","name","render","Host","key","role","id","tabId","ariaControls","tabIndex","onFocus","bind","href","title","htmlTitle","label"],"sources":["src/deprecated/navigation-tab.css?tag=z-navigation-tab-link","src/deprecated/z-navigation-tab-link/index.tsx"],"sourcesContent":["z-navigation-tab > button,\nz-navigation-tab-link > a {\n  position: relative;\n  z-index: 0;\n  display: inline-flex;\n  width: auto;\n  align-items: center;\n  justify-content: center;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);\n  border: none;\n  margin: 0;\n  background-color: unset;\n  border-radius: var(--border-no-radius);\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: inherit;\n  letter-spacing: inherit;\n  line-height: inherit;\n  outline: none;\n  text-align: center;\n  white-space: nowrap;\n}\n\nz-navigation-tab-link > a {\n  text-decoration: none;\n}\n\nz-navigation-tab *,\nz-navigation-tab-link *,\nz-navigation-tab *::before,\nz-navigation-tab *::after,\nz-navigation-tab-link *::before,\nz-navigation-tab-link *::after {\n  box-sizing: border-box;\n}\n\nz-navigation-tab > *:focus:focus-visible,\nz-navigation-tab-link > *:focus:focus-visible {\n  z-index: 1;\n  box-shadow: inset 0 0 4px 3px var(--color-highlight);\n}\n\nz-navigation-tab:not([disabled]):hover > *,\nz-navigation-tab[selected] > *,\nz-navigation-tab-link:not([disabled]):hover > *,\nz-navigation-tab-link[selected] > * {\n  color: var(--color-hover-secondary);\n  fill: currentcolor;\n}\n\nz-navigation-tab:not([disabled]):hover > *::after,\nz-navigation-tab[selected] > *::after,\nz-navigation-tab-link:not([disabled]):hover > *::after,\nz-navigation-tab-link[selected] > *::after {\n  position: absolute;\n  background-color: var(--color-hover-secondary);\n  content: \"\";\n}\n\nz-navigation-tab[orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab[orientation=\"horizontal\"][selected] > *::after,\nz-navigation-tab-link[orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[orientation=\"horizontal\"][selected] > *::after {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--border-size-large);\n}\n\nz-navigation-tab z-icon,\nz-navigation-tab-link z-icon {\n  --z-icon-width: calc(var(--space-unit) * 2);\n  --z-icon-height: calc(var(--space-unit) * 2);\n\n  display: flex;\n  margin: 0;\n}\n\nz-navigation-tab[orientation=\"horizontal\"] z-icon,\nz-navigation-tab-link[orientation=\"horizontal\"] z-icon {\n  margin-right: var(--space-unit);\n}\n\nz-navigation-tab:not([disabled]):hover > * {\n  background-color: var(--color-background);\n}\n\nz-navigation-tab[disabled] > *,\nz-navigation-tab-link[disabled] > * {\n  color: var(--gray500);\n  cursor: not-allowed;\n  fill: currentcolor;\n  pointer-events: all;\n}\n\n/* Size small (only available for horizontal) */\nz-navigation-tab[size=\"small\"] > *,\nz-navigation-tab-link[size=\"small\"] > * {\n  font-size: var(--font-size-2);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"] > *,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"] > * {\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"][selected] > *::after,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"][selected] > *::after {\n  height: var(--border-size-medium);\n}\n\nz-navigation-tab[size=\"small\"]:not([orientation=\"vertical\"]) z-icon,\nz-navigation-tab-link[size=\"small\"]:not([orientation=\"vertical\"]) z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n}\n\n/* Orientation Vertical */\nz-navigation-tab[orientation=\"vertical\"] > *,\nz-navigation-tab-link[orientation=\"vertical\"] > * {\n  padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tab[orientation=\"vertical\"]:not([disabled]):hover > *::after,\nz-navigation-tab[orientation=\"vertical\"][selected] > *::after,\nz-navigation-tab-link[orientation=\"vertical\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[orientation=\"vertical\"][selected] > *::after {\n  top: 0;\n  right: 0;\n  width: var(--border-size-large);\n  height: 100%;\n}\n","import {Component, Prop, h, Listen, Event, EventEmitter, Watch, Host} from \"@stencil/core\";\nimport {NavigationTabsOrientation, NavigationTabsSize} from \"../../beans\";\nimport {ICONS} from \"../../components/icons/icons\";\n\n/**\n * Single tab component to use inside `z-navigation-tabs`. It renders an anchor element.\n * This component uses the `tab` role:\n * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role\n * @deprecated Use a native `<a>` instead.\n */\n@Component({\n  tag: \"z-navigation-tab-link\",\n  styleUrl: \"../navigation-tab.css\",\n})\nexport class ZNavigationTabLink {\n  /**\n   * `aria-controls` attribute of the tab.\n   * Identifies the element (with `role=tabpanel`) whose contents or presence are controlled by this tab.\n   * The value must be the `id` of the element it controls.\n   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls\n   */\n  @Prop()\n  ariaControls?: string;\n\n  /**\n   * `id` attribute of the tab.\n   * Set this id to the `aria-labelledby` attribute of the controlled `tabpanel` element.\n   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby\n   * @deprecated Use native `id` attribute instead\n   */\n  @Prop()\n  tabId?: string;\n\n  /**\n   * Whether the tab is selected.\n   */\n  @Prop({mutable: true, reflect: true})\n  selected?: boolean = false;\n\n  /**\n   * Whether the tab is disabled.\n   */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /**\n   * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.\n   */\n  @Prop({reflect: true})\n  orientation = NavigationTabsOrientation.HORIZONTAL;\n\n  /**\n   * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.\n   */\n  @Prop({reflect: true})\n  size = NavigationTabsSize.BIG;\n\n  /**\n   * Html title attribute for the anchor element.\n   */\n  @Prop()\n  htmlTitle: string;\n\n  /**\n   * Html `target` attribute for the anchor element.\n   */\n  @Prop()\n  target: string;\n\n  /**\n   * Url to set to the anchor element.\n   */\n  @Prop()\n  href: string;\n\n  /**\n   * Name of the icon to use.\n   * The `filled` version will be automatically used (if found) when the tab is `selected`.\n   */\n  @Prop()\n  icon: string;\n\n  /**\n   * Label to show in the tab.\n   */\n  @Prop()\n  label: string;\n\n  /**\n   * The tab has been selected.\n   */\n  @Event({eventName: \"selected\"})\n  private selectedEvent: EventEmitter;\n\n  /**\n   * Scroll into view to center the tab.\n   */\n  private scrollToTab({target: button}): void {\n    const scrollOptions = (\n      this.orientation === NavigationTabsOrientation.HORIZONTAL\n        ? {block: \"nearest\", inline: \"center\"}\n        : {block: \"center\", inline: \"nearest\"}\n    ) as ScrollIntoViewOptions;\n\n    button.scrollIntoView({\n      behavior: \"smooth\",\n      ...scrollOptions,\n    });\n  }\n\n  @Listen(\"click\")\n  onClick(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.selected = true;\n  }\n\n  @Watch(\"selected\")\n  onSelected(): void {\n    if (this.selected) {\n      this.selectedEvent.emit();\n    }\n  }\n\n  /**\n   * Render the icon component using the icon's name passed from prop.\n   * Use the `filled` version when the tab is `selected`.\n   * @returns {HTMLElement}\n   */\n  private renderIcon(): HTMLZIconElement {\n    let icon = this.icon;\n    const iconFilled = `${icon.replace(/-filled$/, \"\")}-filled`;\n\n    if (this.selected && Object.keys(ICONS).includes(iconFilled)) {\n      icon = iconFilled;\n    }\n\n    return <z-icon name={icon}></z-icon>;\n  }\n\n  render(): HTMLZNavigationTabLinkElement {\n    return (\n      <Host\n        role=\"tab\"\n        id={this.tabId}\n        aria-selected={this.selected ? \"true\" : \"false\"}\n        aria-controls={this.ariaControls}\n      >\n        <a\n          tabIndex={this.selected ? 0 : -1}\n          onFocus={this.scrollToTab.bind(this)}\n          href={this.disabled ? null : this.href}\n          title={this.htmlTitle}\n          target={this.target}\n        >\n          {this.icon && this.renderIcon()}\n          {this.orientation === \"horizontal\" && this.label}\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAmB,69GACzB,MAAAC,EAAeD,E,MCaFE,EAAkB,M,gIAuBR,M,cAMA,M,iBAMPC,EAA0BC,W,UAMjCC,EAAmBC,I,4GA0ClB,WAAAC,EAAaC,OAAQC,IAC3B,MAAMC,EACJC,KAAKC,cAAgBT,EAA0BC,WAC3C,CAACS,MAAO,UAAWC,OAAQ,UAC3B,CAACD,MAAO,SAAUC,OAAQ,WAGhCL,EAAOM,eAAcC,OAAAC,OAAA,CACnBC,SAAU,UACPR,G,CAKP,OAAAS,GACE,GAAIR,KAAKS,SAAU,CACjB,M,CAGFT,KAAKU,SAAW,I,CAIlB,UAAAC,GACE,GAAIX,KAAKU,SAAU,CACjBV,KAAKY,cAAcC,M,EASf,UAAAC,GACN,IAAIC,EAAOf,KAAKe,KAChB,MAAMC,EAAa,GAAGD,EAAKE,QAAQ,WAAY,aAE/C,GAAIjB,KAAKU,UAAYL,OAAOa,KAAKC,GAAOC,SAASJ,GAAa,CAC5DD,EAAOC,C,CAGT,OAAOK,EAAA,UAAQC,KAAMP,G,CAGvB,MAAAQ,GACE,OACEF,EAACG,EAAI,CAAAC,IAAA,2CACHC,KAAK,MACLC,GAAI3B,KAAK4B,MAAK,gBACC5B,KAAKU,SAAW,OAAS,QAAO,gBAChCV,KAAK6B,cAEpBR,EAAA,KAAAI,IAAA,2CACEK,SAAU9B,KAAKU,SAAW,GAAK,EAC/BqB,QAAS/B,KAAKJ,YAAYoC,KAAKhC,MAC/BiC,KAAMjC,KAAKS,SAAW,KAAOT,KAAKiC,KAClCC,MAAOlC,KAAKmC,UACZtC,OAAQG,KAAKH,QAEZG,KAAKe,MAAQf,KAAKc,aAClBd,KAAKC,cAAgB,cAAgBD,KAAKoC,O"}

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

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,a,g as s}from"./p-10bb4f4b.js";import{O as r,v as n,B as o,e as c,c as l,D as h,h as p,k as d,I as u,i as b,m as f,j as v,l as z,E as g,g as m,p as x}from"./p-025f494e.js";import{I as y}from"./p-4686b762.js";import{r as w,b as k,g as C,h as j}from"./p-955da62e.js";import"./p-2c886e8b.js";const O=':host{--app-header-typography-1-size:24px;--app-header-typography-2-size:28px;--app-header-typography-3-size:32px;--app-header-typography-4-size:36px;--app-header-typography-5-size:42px;--app-header-typography-6-size:48px;--app-header-typography-7-size:54px;--app-header-typography-8-size:60px;--app-header-typography-9-size:68px;--app-header-typography-10-size:76px;--app-header-typography-11-size:84px;--app-header-typography-12-size:92px;--app-header-typography-1-lineheight:1.33;--app-header-typography-2-lineheight:1.29;--app-header-typography-3-lineheight:1.25;--app-header-typography-4-lineheight:1.24;--app-header-typography-5-lineheight:1.24;--app-header-typography-6-lineheight:1.25;--app-header-typography-7-lineheight:1.2;--app-header-typography-8-lineheight:1.26;--app-header-typography-9-lineheight:1.24;--app-header-typography-10-lineheight:1.26;--app-header-typography-11-lineheight:1.2;--app-header-typography-12-lineheight:1.2;--app-header-typography-1-tracking:calc(-0.2 / 1em);--app-header-typography-2-tracking:calc(-0.4 / 1em);--app-header-typography-3-tracking:calc(-0.6 / 1em);--app-header-typography-4-tracking:calc(-0.8 / 1em);--app-header-typography-5-tracking:calc(-1 / 1em);--app-header-typography-6-tracking:calc(-1.2 / 1em);--app-header-typography-7-tracking:calc(-1.4 / 1em);--app-header-typography-8-tracking:calc(-1.6 / 1em);--app-header-typography-9-tracking:calc(-1.8 / 1em);--app-header-typography-10-tracking:calc(-2 / 1em);--app-header-typography-11-tracking:calc(-2.2 / 1em);--app-header-typography-12-tracking:calc(-2.4 / 1em);--app-header-content-max-width:100%;--app-header-height:auto;--app-header-top-offset:48px;--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-surface01);--app-header-stucked-bg:var(--color-surface01);--app-header-text-color:var(--color-text01);--app-header-title-font-size:var(--app-header-typography-3-size);--app-header-title-lineheight:var(--app-header-typography-3-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-3-tracking);--app-header-stucked-text-color:var(--color-text01);position:relative;display:block;height:var(--app-header-height);color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;width:100%;max-width:var(--app-header-content-max-width);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;padding:var(--grid-margin);margin:0 auto;background:var(--app-header-bg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5)}.hero-container+.heading-panel{background:transparent}:host(:empty) .heading-panel{padding:0}.heading-container{position:relative;z-index:1;display:flex;width:100%;max-width:100%;flex:1 auto;flex-direction:column;justify-content:flex-start}.heading-title{display:flex;max-width:100%;flex-direction:row;align-items:flex-start;column-gap:calc(var(--space-unit) * 2)}::slotted([slot="title"]),.heading-stuck .heading-title>*,::slotted([slot="stucked-title"]){margin:0;font-family:"IBM Plex Serif", serif;font-weight:var(--font-bd)}::slotted([slot="title"]){font-size:var(--app-header-title-font-size);letter-spacing:var(--app-header-title-letter-spacing);line-height:var(--app-header-title-lineheight)}.heading-stuck .heading-title>*,::slotted([slot="stucked-title"]){font-size:var(--app-header-typography-3-size);letter-spacing:var(--app-header-typography-3-tracking);line-height:var(--app-header-typography-3-lineheight)}:host(:not([menu-length="0"])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 2))}::slotted([slot="top-subtitle"]),::slotted([slot="subtitle"]){margin:0;font-family:var(--font-family-sans);font-size:20px;font-style:italic;line-height:26px}::slotted([slot="subtitle"]){font-weight:500}::slotted([slot="top-subtitle"]){font-weight:400}.menu-container{display:flex;width:100%;flex:1 auto;flex-flow:row wrap}:host([menu-length="0"]:not([enable-search])) .menu-container,.menu-container:empty{display:none}.menu-container ::slotted([open]){position:relative;z-index:3}z-searchbar{z-index:0;display:flex;width:auto;min-width:calc(var(--space-unit) * 32);flex:1 auto;align-items:center;margin-left:auto}.heading-stuck{position:fixed;z-index:20;top:var(--app-header-top-offset);left:0;width:100%;max-width:100%;animation:slide-stuck-heading-in 250ms ease-out;background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color)}.heading-stuck-content{display:flex;max-width:var(--app-header-content-max-width);align-items:center;padding:var(--space-unit) var(--grid-margin);margin:0 auto;column-gap:calc(var(--space-unit) * 2)}.heading-stuck .heading-title{overflow:hidden}.heading-stuck .heading-title>*,.heading-stuck .heading-title ::slotted([slot="stucked-title"]){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heading-stuck-content z-button{margin-left:auto}.drawer-trigger{padding:0;border:0;margin:0;appearance:none;background:none;border-radius:0;color:inherit;cursor:pointer}.drawer-trigger z-icon{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);fill:currentcolor}.heading-container :is(.drawer-trigger,z-button.search-page-button){display:flex;height:calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight));align-items:center}.heading-container z-button.search-page-button{margin-left:auto}.drawer-content{display:none}z-offcanvas[open] .drawer-content{display:flex;width:100%;flex:1 auto;flex-direction:column;row-gap:calc(var(--space-unit) * 2.5)}z-offcanvas[open] .drawer-content ::slotted(z-menu){width:100%}.drawer-close{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);padding:0;border:0;margin:var(--space-unit) 0 calc(var(--space-unit) * 2.5);appearance:none;background:transparent;border-radius:0;color:inherit;cursor:pointer;fill:currentcolor;font-size:inherit;outline:none}.drawer-close:focus-visible{box-shadow:var(--shadow-focus-primary)}.hero-container{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}:host([overlay]) .heading-panel .drawer-trigger z-icon,:host([overlay]) .heading-panel .heading-container,:host([overlay]) .heading-panel .menu-container{color:var(--color-white);fill:var(--color-white)}:host([overlay]) .heading-panel .menu-container ::slotted(z-menu){--z-menu-label-color:var(--color-white)}:host([overlay]) .hero-container::after{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:var(--color-black);content:"";opacity:0.5}.hero-container img,.hero-container ::slotted(*){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-drag:none}@media (min-width: 768px){:host{--app-header-title-font-size:var(--app-header-typography-6-size);--app-header-title-lineheight:var(--app-header-typography-6-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-6-tracking)}.heading-panel{flex-flow:row wrap;align-items:center;padding-bottom:calc(var(--space-unit) * 2)}.heading-container{margin-right:auto}:host(:is([flow="offcanvas"],[menu-length="0"])) :is(.heading-container,.menu-container){width:auto}:host(:not([flow="offcanvas"])) .heading-subtitle{padding-left:0}.menu-container{flex:initial;align-items:center}:host([menu-length="0"]) .menu-container:not(:empty){height:calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight))}:host(:not([flow="offcanvas"])) .menu-container{gap:var(--space-unit) calc(var(--space-unit) * 5)}:host(:not([flow="offcanvas"])) .heading-container .drawer-trigger{display:none}}@media (min-width: 1152px){:host{--app-header-title-font-size:var(--app-header-typography-7-size);--app-header-title-lineheight:var(--app-header-typography-7-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-7-tracking)}.heading-panel{justify-content:flex-start;padding-bottom:calc(var(--space-unit) * 3)}.heading-container,.menu-container{width:auto}:host([flow="stack"]) .heading-panel{flex-flow:column;align-items:flex-start}:host([flow="stack"]) .menu-container{width:100%}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-panel{row-gap:calc(var(--space-unit) * 3)}z-searchbar{min-width:calc(var(--space-unit) * 45);flex:initial}}@media (min-width: 1366px){:host{--app-header-title-font-size:var(--app-header-typography-9-size);--app-header-title-lineheight:var(--app-header-typography-9-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-9-tracking)}}@keyframes slide-stuck-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}';const S=O;const I=typeof IntersectionObserver!=="undefined";const $=class{constructor(i){t(this,i);this.sticking=e(this,"sticking",7);this.observer=I&&new IntersectionObserver((([t])=>{this._stuck=!t.isIntersecting}),{threshold:.5});this.stuck=false;this.hero=undefined;this.overlay=false;this.flow="auto";this.drawerOpen=false;this.enableSearch=false;this.searchPlaceholder="Cerca";this.searchString="";this.searchPageUrl=undefined;this._stuck=false;this.currentViewport="mobile";this.menuLength=undefined;this.openDrawer=this.openDrawer.bind(this);this.closeDrawer=this.closeDrawer.bind(this);this.collectMenuElements=this.collectMenuElements.bind(this)}evaluateViewport(){if(window.innerWidth<768){this.currentViewport="mobile"}else if(window.innerWidth>=768&&window.innerWidth<1152){this.currentViewport="tablet"}else{this.currentViewport="desktop"}}onStuck(){const t=this.scrollParent;if(!t){return}this.sticking.emit(this._stuck)}setMenuFloatingMode(){if(this.menuElements.length===0){return}const t=this.menuElements;t.forEach((t=>{t.open=false;t.floating=!this.drawerOpen;t.verticalContext=this.drawerOpen}))}get title(){const t=this.hostElement.querySelector('[slot="title"]');if(t===null){return""}return t.textContent.trim()}get scrollParent(){const t=this.hostElement.offsetParent;if(t===document.body||t===document.documentElement){return window}return t}get canShowMenu(){return this.flow!=="offcanvas"&&this.currentViewport!=="mobile"&&!this.drawerOpen}get canShowSearchbar(){if(!this.enableSearch){return false}if(this.searchPageUrl){return this.currentViewport==="desktop"}return true}get hasHero(){return!!this.hero||this.hostElement.querySelector("[slot=hero]")!==null}openDrawer(){this.drawerOpen=true}closeDrawer(){this.drawerOpen=false}collectMenuElements(){const t=this.menuElements=this.hostElement.querySelectorAll('[slot="menu"]');this.menuLength=t.length;this.setMenuFloatingMode()}enableStuckObserver(){if(this.observer){this.observer.observe(this.container)}}disableStuckMode(){this._stuck=false;if(this.observer){this.observer.unobserve(this.container)}}onStuckMode(){if(this.stuck){this.enableStuckObserver()}else{this.disableStuckMode()}}renderSearchLinkButton(){if(!this.enableSearch||!this.searchPageUrl||this.currentViewport==="desktop"){return null}return i("z-button",{class:"search-page-button",variant:o.SECONDARY,href:this.searchPageUrl,icon:"search",size:c.X_SMALL})}renderSeachbar(t){return i("z-searchbar",{value:this.searchString,placeholder:this.searchPlaceholder,showSearchButton:true,searchButtonIconOnly:t,size:c.X_SMALL,variant:o.SECONDARY,preventSubmit:this.searchString.length<3,onSearchTyping:t=>this.searchString=t.detail})}componentDidLoad(){this.collectMenuElements();this.onStuckMode();this.evaluateViewport()}render(){return i(a,{key:"10a6de9066a2b47fce8c05b28584ebcfbd9d308e","menu-length":this.menuLength},this.hasHero&&i("div",{class:"hero-container"},i("slot",{name:"hero"},this.hero&&i("img",{alt:"",src:this.hero}))),i("div",{key:"598744c6237cb30c4d4e467b45944a7879dce93e",class:"heading-panel",ref:t=>this.container=t},i("div",{key:"2132ed4349abc878b8cec1ca73978fa42dd5c5a4",class:"heading-container"},i("div",{key:"d3dcd130c4968e278ca5e0a610ad59a51b630abf",class:"heading-subtitle"},i("slot",{key:"d86a2a02577aad72e68d78fccee74d0cafd395e6",name:"top-subtitle"})),i("div",{key:"59f31cad85c438e675a419267cbd1e41b06009c8",class:"heading-title"},this.menuLength>0&&i("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},i("z-icon",{name:"burger-menu"})),i("slot",{key:"48a7e46471a03d776f15d30114ffdaf7f90b15cd",name:"title"}),this.renderSearchLinkButton()),i("div",{key:"41320040925b00a83fb6ed7bcd8911b2e2e1b88e",class:"heading-subtitle"},i("slot",{key:"2da90e290780904617080944c2bcc507e918f9f7",name:"subtitle"}))),(this.canShowMenu||this.canShowSearchbar)&&i("div",{class:"menu-container"},this.canShowMenu&&i("slot",{name:"menu",onSlotchange:this.collectMenuElements}),this.canShowSearchbar&&this.renderSeachbar(this.currentViewport!=="desktop"))),i("z-offcanvas",{key:"d54bb515efad20ca24686a5bc0743b9e3906dfef",variant:r.OVERLAY,transitiondirection:n.RIGHT,open:this.drawerOpen,onCanvasOpenStatusChanged:t=>this.drawerOpen=t.detail},i("button",{key:"22a9c1865a7fcb9660dbcb14c4202e6c78c2166b",class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer,slot:"canvasContent","aria-hidden":`${!this.drawerOpen}`,disabled:!this.drawerOpen},i("z-icon",{key:"6bba2e8d9c1d081a8d826654eed502cab8018b87",name:"close"})),i("div",{key:"edbd9d23c8adc99adc65a6a343e6587a55b4d12c",class:"drawer-content",slot:"canvasContent","aria-hidden":`${!this.drawerOpen}`},i("slot",{key:"d8ba82c48339422e6a2db733839c8cf8062dd2c3",name:"menu",onSlotchange:this.collectMenuElements}))),this._stuck&&i("div",{class:"heading-stuck"},i("div",{class:"heading-stuck-content"},this.menuLength>0&&i("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},i("z-icon",{name:"burger-menu"})),i("div",{class:"heading-title"},i("slot",{name:"stucked-title"},this.title)),this.renderSearchLinkButton(),this.canShowSearchbar&&this.currentViewport==="desktop"&&this.renderSeachbar(false))))}get hostElement(){return s(this)}static get watchers(){return{_stuck:["onStuck"],drawerOpen:["setMenuFloatingMode"],stuck:["onStuckMode"]}}};$.style=S;const T='.sc-z-button-h{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:0}[disabled].sc-z-button-h:not([disabled="false"]){pointer-events:none}.sc-z-button-h .z-button--container.sc-z-button{display:inline-flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center;padding:0;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:1;outline:none;text-decoration:none;text-transform:uppercase;white-space:nowrap}.sc-z-button-h .z-button--container.sc-z-button:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-button-h .z-button--container.z-button--has-text.sc-z-button{min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}.sc-z-button-h .z-button--container.z-button--has-text.sc-z-button z-icon.sc-z-button{--z-icon-right-margin:var(--space-unit)}[size="big"].sc-z-button-h .z-button--container.sc-z-button{min-width:44px;height:44px}[size="small"].sc-z-button-h .z-button--container.sc-z-button{min-width:36px;height:36px}[size="x-small"].sc-z-button-h .z-button--container.sc-z-button{min-width:32px;height:32px}[variant="primary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary01);background-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){[variant="primary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse)}}[variant="primary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-pressed-primary);background-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-text-inverse)}[variant="primary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-disabled01);color:var(--color-disabled02)}[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary01);background-color:var(--color-surface01);color:var(--color-primary01)}@media (hover: hover){[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-hover-primary);background-color:var(--color-surface01);color:var(--color-hover-primary)}}[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-pressed-primary);background-color:var(--color-surface01);box-shadow:var(--shadow-2);color:var(--color-pressed-primary)}[variant="secondary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-surface01);color:var(--color-disabled02)}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary02);background-color:var(--color-primary02);color:var(--color-primary01)}@media (hover: hover){[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-primary03);background-color:var(--color-primary03);color:var(--color-hover-primary)}}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:focus:focus-visible{border-color:var(--color-primary02);background-color:var(--color-primary02);color:var(--color-primary01)}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-primary02);background-color:var(--color-primary02);box-shadow:var(--shadow-2);color:var(--color-primary01)}[variant="tertiary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-disabled01);color:var(--color-disabled02)}';const M=T;const L=class{constructor(e){t(this,e);this.ariaLabel="";this.role=undefined;this.href=undefined;this.target=undefined;this.htmlid=undefined;this.name=undefined;this.disabled=false;this.type=l.BUTTON;this.variant=o.PRIMARY;this.icon=undefined;this.size=c.BIG}getAttributes(){return{id:this.htmlid,class:{"z-button--container":true,"z-button--has-text":!!this.hostElement.textContent.trim()}}}render(){if(this.href){return i("a",Object.assign({},this.getAttributes(),{"aria-label":this.ariaLabel,href:this.href,target:this.target}),this.icon&&i("z-icon",{name:this.icon}),i("slot",null))}return i("button",Object.assign({},this.getAttributes(),{"aria-label":this.ariaLabel,name:this.name,type:this.type,role:this.role,disabled:this.disabled}),this.icon&&i("z-icon",{name:this.icon}),i("slot",null))}get hostElement(){return s(this)}};L.style=M;const _=".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}";const R=_;const A=class{constructor(e){t(this,e);this.size=h.SMALL;this.color="gray200";this.orientation=p.HORIZONTAL}render(){return i(a,{key:"ae08a473772cfda024b84cdf94e83e634a66c73f",class:`divider-${this.size} divider-${this.orientation}`,style:{backgroundColor:`var(--${this.color})`}})}};A.style=R;const E=":host{margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0);line-height:0;vertical-align:middle}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";const B=E;const D=class{constructor(e){t(this,e);this.name=undefined;this.height=undefined;this.width=undefined;this.iconid=undefined;this.fill=undefined}selectPathOrPolygon(t){if(t===null||t===void 0?void 0:t.startsWith("M")){return i("path",{d:y[this.name]})}return i("polygon",{points:y[this.name]})}render(){return i(a,{key:"2b01f04c92ac8e4772036eb52aad46a62d46d35c","aria-hidden":"true"},i("svg",{key:"18067d6877c79af11d5af240d030c8f82531cf6b",viewBox:"0 0 1000 1000",width:this.width,height:this.height,id:this.iconid,fill:this.fill?`var(--${this.fill})`:""},this.selectPathOrPolygon(y[this.name])))}};D.style=B;const F='.sc-z-input-h{display:inline-block;width:inherit}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input,.textarea-wrapper.sc-z-input{box-sizing:border-box;border:var(--border-size-small) solid var(--color-surface04);background:var(--color-input-field01);border-radius:var(--border-radius-small);color:var(--color-text01);fill:var(--color-icon02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg);outline:none}[size="small"].sc-z-input-h input.sc-z-input,[size="small"].sc-z-input-h textarea.sc-z-input,[size="small"].sc-z-input-h .textarea-wrapper.sc-z-input,[size="x-small"].sc-z-input-h input.sc-z-input,[size="x-small"].sc-z-input-h textarea.sc-z-input,[size="x-small"].sc-z-input-h .textarea-wrapper.sc-z-input{font-size:var(--font-size-2)}.cursor-select.sc-z-input-h input.sc-z-input{cursor:pointer}.sc-z-input-h:not(.active-select) input.sc-z-input:focus:focus-visible,[readonly="false"].sc-z-input-h .textarea-wrapper.sc-z-input:focus-within{box-shadow:var(--shadow-focus-primary)}input.sc-z-input:focus:focus-visible,textarea.sc-z-input:focus:focus-visible{color:var(--color-input-field02)}.active-select.sc-z-input-h input.sc-z-input{border:var(--border-size-small) solid var(--color-primary01)}.cursor-select.sc-z-input-h input.sc-z-input:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-input-h input[readonly].sc-z-input:focus:focus-visible{box-shadow:none}.filled.sc-z-input{border-color:var(--color-surface05)}.input-success.sc-z-input{border-color:var(--color-success01);background:var(--color-success-inverse);fill:var(--color-success01)}.input-error.sc-z-input{border-color:var(--color-error01);background:var(--color-error-inverse);fill:var(--color-error01)}.input-warning.sc-z-input{border-color:var(--color-warning01);background:var(--color-warning-inverse);fill:var(--color-warning01)}input.sc-z-input:not([readonly]):hover,.textarea-wrapper.sc-z-input:hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}.sc-z-input-h:not(.active-select) input[readonly].sc-z-input,.readonly.sc-z-input{border-color:var(--color-disabled01);fill:var(--color-disabled01);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) .textarea-wrapper.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) z-icon.sc-z-input{border-color:var(--color-disabled01);box-shadow:none;color:var(--color-disabled02);fill:var(--color-disabled01);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input:hover{border-width:var(--border-size-small)}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-text05)}.sc-z-input::-webkit-textarea-placeholder{color:var(--color-text05)}.sc-z-input:-ms-textarea-placeholder{color:var(--color-text05)}.sc-z-input::placeholder{color:var(--color-text05)}label.input-label.sc-z-input{display:block;padding-bottom:var(--space-unit);color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}[disabled].sc-z-input-h:not([disabled="false"]) label.input-label.sc-z-input{color:var(--color-disabled02)}.text-wrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1;fill:var(--color-icon02)}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);box-sizing:border-box;padding:0 calc(var(--space-unit) * 1.5);margin:0}[size="small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4.5)}[size="x-small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.sc-z-input,.text-wrapper.sc-z-input>div.sc-z-input>input.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 5.25)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 8)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input{position:absolute;z-index:2;top:50%;right:calc(var(--space-unit) * 1.5);display:flex;pointer-events:none;transform:translateY(-50%)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input{padding:0;border:0;background:none;color:inherit;font:inherit;pointer-events:initial}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input+button.icon-button.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.hidden.sc-z-input{display:none}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.reset-icon.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.toggle-password-icon.sc-z-input{cursor:pointer}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.small.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.x-small.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:currentcolor}.textarea-wrapper.sc-z-input{padding:calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}textarea.sc-z-input::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-track{background-color:transparent}textarea.sc-z-input::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}textarea.sc-z-input{width:100%;min-height:132px;padding:0;border:none;margin:0;resize:none}.radio-wrapper.sc-z-input,.checkbox-wrapper.sc-z-input{position:relative;display:inline-flex;flex-direction:row;align-items:center;color:var(--color-text01);fill:var(--color-primary01);font-family:var(--font-family-sans)}.radio-wrapper.sc-z-input:hover,.checkbox-wrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:currentcolor}.radio-wrapper.sc-z-input>input.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input{position:absolute;z-index:-1;opacity:0;pointer-events:none}.radio-wrapper.sc-z-input .radio-label.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{display:inline-flex;align-items:center;margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-transform:inherit}.radio-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkbox-label.sc-z-input{cursor:pointer}.radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{cursor:pointer;fill:inherit}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-2)}[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-1)}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input{flex-direction:row}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input{flex-direction:row-reverse}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:calc(var(--space-unit) * 0.5)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input{color:var(--color-disabled02)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input>z-icon.sc-z-input{cursor:default;fill:var(--color-disabled01)}';const H=F;const P=class{constructor(i){t(this,i);this.inputChange=e(this,"inputChange",7);this.startTyping=e(this,"startTyping",7);this.stopTyping=e(this,"stopTyping",7);this.inputCheck=e(this,"inputCheck",7);this.typingtimeout=300;this.htmlid=`id-${w()}`;this.type=undefined;this.name=undefined;this.label=undefined;this.ariaLabel="";this.ariaExpanded=undefined;this.ariaControls=undefined;this.ariaAutocomplete=undefined;this.ariaActivedescendant=undefined;this.value=undefined;this.disabled=false;this.readonly=false;this.required=false;this.checked=false;this.placeholder=undefined;this.htmltitle=undefined;this.status=undefined;this.message=true;this.labelPosition=d.RIGHT;this.autocomplete=undefined;this.role=undefined;this.hasclearicon=true;this.icon=undefined;this.min=undefined;this.minlength=undefined;this.max=undefined;this.maxlength=undefined;this.step=undefined;this.pattern=undefined;this.size=c.BIG;this.isTyping=false;this.passwordHidden=true}inputCheckListener(t){const e=t.detail;switch(this.type){case u.RADIO:if(e.type===u.RADIO&&e.name===this.name&&e.id!==this.htmlid){this.checked=false}break}}async isChecked(){switch(this.type){case u.CHECKBOX:case u.RADIO:return this.checked;default:console.warn("`isChecked` method is only available for type `checkbox` and `radio`");return false}}emitInputChange(t){if(!this.isTyping){this.emitStartTyping()}let e;if(this.type===u.TEXTAREA){e=this.getValidity("textarea")}else{e=this.getValidity("input")}this.value=t;this.inputChange.emit({value:t,validity:e});clearTimeout(this.timer);this.timer=setTimeout((()=>{this.emitStopTyping(this.value,e)}),this.typingtimeout)}emitStartTyping(){this.isTyping=true;this.startTyping.emit()}emitStopTyping(t,e){this.isTyping=false;this.stopTyping.emit({value:t,validity:e})}emitInputCheck(t){this.inputCheck.emit({id:this.htmlid,checked:t,type:this.type,name:this.name,value:this.value,validity:this.getValidity("input")})}getValidity(t){const e=this.hostElement.querySelector(t);return e.validity}getTextAttributes(){return{id:this.htmlid,name:this.name,placeholder:this.placeholder,value:this.value,disabled:this.disabled,readonly:this.readonly,required:this.required,title:this.htmltitle,minlength:this.minlength,maxlength:this.maxlength,class:{[`input-${this.status}`]:!!this.status,filled:!!this.value},autocomplete:this.autocomplete,onInput:t=>this.emitInputChange(t.target.value)}}getNumberAttributes(t){if(t!=u.NUMBER){return}return{min:this.min,max:this.max,step:this.step}}getPatternAttribute(t){if(t!=u.PASSWORD&&t!=u.TEXT&&t!=u.TEL&&t!=u.SEARCH&&t!=u.URL&&t!=u.EMAIL){return}return{pattern:this.pattern}}getRoleAttribute(){return this.role?{role:this.role}:{}}getAriaAttrubutes(){const t=this.ariaExpanded?{"aria-expanded":this.ariaExpanded}:{};const e=this.ariaControls?{"aria-controls":this.ariaControls}:{};const i=this.ariaAutocomplete?{"aria-autocomplete":this.ariaAutocomplete}:{};const a=this.ariaActivedescendant?{"aria-activedescendant":this.ariaActivedescendant}:{};return Object.assign(Object.assign(Object.assign(Object.assign({},t),e),i),a)}renderInputText(t=u.TEXT){const e=this.ariaLabel?{"aria-label":this.ariaLabel}:{};const a=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.getTextAttributes()),this.getNumberAttributes(t)),this.getPatternAttribute(t)),e),this.getRoleAttribute()),this.getAriaAttrubutes());if(this.icon||t===u.PASSWORD){Object.assign(a.class,{"has-icon":true})}if(this.hasclearicon&&t!=u.NUMBER){Object.assign(a.class,{"has-clear-icon":true})}return i("div",{class:"text-wrapper"},this.renderLabel(),i("div",null,i("input",Object.assign({type:t===u.PASSWORD&&!this.passwordHidden?u.TEXT:t},a,{ref:t=>this.inputRef=t})),this.renderIcons()),this.renderMessage())}renderLabel(){if(!this.label){return}return i("label",{class:"input-label body-5-sb",id:`${this.htmlid}_label`,htmlFor:this.htmlid},this.label)}renderIcons(){return i("span",{class:"icons-wrapper"},this.renderResetIcon(),this.renderIcon())}renderIcon(){if(this.type===u.PASSWORD){return this.renderShowHidePassword()}if(!this.icon){return}return i("button",{type:"button",class:"icon-button input-icon",tabIndex:-1,"aria-hidden":"true"},i("z-icon",{name:this.icon,class:this.size}))}renderResetIcon(){let t=false;if(!this.hasclearicon||!this.value||this.disabled||this.readonly||this.type==u.NUMBER){t=true}return i("button",{type:"button",class:`icon-button reset-icon ${t?"hidden":""}`,"aria-label":"cancella il contenuto dell'input",onClick:()=>{this.inputRef.value="";this.emitInputChange("")}},i("z-icon",{name:"multiply",class:this.size}))}renderShowHidePassword(){return i("button",{type:"button",class:"icon-button toggle-password-icon",disabled:this.disabled,"aria-label":this.passwordHidden?"mostra password":"nascondi password",onClick:()=>this.passwordHidden=!this.passwordHidden},i("z-icon",{name:this.passwordHidden?"view-filled":"view-off-filled",class:this.size}))}renderMessage(){if(k(this.message)===false){return}return i("z-input-message",{message:k(this.message)===true?undefined:this.message,status:this.status,class:this.size})}renderTextarea(){const t=this.getTextAttributes();const e=this.ariaLabel?{"aria-label":this.ariaLabel}:{};return i("div",{class:"text-wrapper"},this.renderLabel(),i("div",{class:Object.assign(Object.assign({},t.class),{"textarea-wrapper":true,readonly:t.readonly})},i("textarea",Object.assign({},t,e,this.getRoleAttribute()))),this.renderMessage())}handleCheck(t){this.checked=t.target.checked;this.emitInputCheck(this.checked)}renderCheckbox(){return i("div",{class:"checkbox-wrapper"},i("input",Object.assign({id:this.htmlid,type:"checkbox",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value},this.getRoleAttribute())),i("label",{htmlFor:this.htmlid,class:{"checkbox-label":true,after:this.labelPosition===d.RIGHT,before:this.labelPosition===d.LEFT}},i("z-icon",{name:this.checked?"checkbox-checked":"checkbox","aria-hidden":"true",class:this.size}),this.label&&i("span",{innerHTML:this.label})))}renderRadio(){return i("div",{class:"radio-wrapper"},i("input",Object.assign({id:this.htmlid,type:"radio",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,onChange:this.handleCheck.bind(this),value:this.value},this.getRoleAttribute())),i("label",{htmlFor:this.htmlid,class:{"radio-label":true,after:this.labelPosition===d.RIGHT,before:this.labelPosition===d.LEFT}},i("z-icon",{name:this.checked?"radio-button-checked":"radio-button","aria-hidden":"true",class:this.size}),this.label&&i("span",{innerHTML:this.label})))}render(){let t;switch(this.type){case u.TEXTAREA:t=this.renderTextarea();break;case u.CHECKBOX:t=this.renderCheckbox();break;case u.RADIO:t=this.renderRadio();break;default:t=this.renderInputText(this.type)}return i(a,{key:"67a39cc20219fa02de2cca264a5d51428f4359f3"},t)}get hostElement(){return s(this)}};P.style=H;const V=':host{display:flex;min-height:calc(var(--space-unit) * 2.5);align-items:start;margin-top:var(--space-unit);color:var(--color-text05);fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host(.small),:host(.x-small){margin-top:calc(var(--space-unit) * 0.5);font-size:var(--font-size-1)}:host([status="success"]){color:var(--color-text-success)}:host([status="error"]){color:var(--color-text-error)}:host([status="warning"]){color:var(--color-warning02)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);--z-icon-right-margin:var(--space-unit);margin-top:calc(var(--space-unit) * 0.25)}:host(.small)>z-icon,:host(.x-small)>z-icon{--z-icon-width:14px;--z-icon-height:14px;--z-icon-right-margin:calc(var(--space-unit) * 0.5)}';const X=V;const N=class{constructor(e){t(this,e);this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"};this.message=undefined;this.status=undefined;this.statusRole={}}onMessageChange(){this.statusRole=this.message&&this.status?{role:"alert"}:{}}componentWillLoad(){this.onMessageChange()}render(){return i(a,Object.assign({key:"7cb2d7df7604fbc5801ce1eb9142155a4905861d"},this.statusRole,{"aria-label":this.message}),this.statusIcons[this.status]&&this.message&&i("z-icon",{name:this.statusIcons[this.status]}),i("span",{key:"d1734748c3be02eba1d40526855bc4ea69e454f8",innerHTML:this.message}))}static get watchers(){return{message:["onMessageChange"],status:["onMessageChange"]}}};N.style=X;const q=":host{display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}";const K=q;const W=class{constructor(e){t(this,e);this.size=b.MEDIUM;this.listType=f.NONE;this.role="list"}setChildrenSizeType(){const t=this.host.children;for(let e=0;e<t.length;e++){t[e].setAttribute("size",this.size);t[e].setAttribute("list-type",this.listType);t[e].setAttribute("list-element-position",(e+1).toString())}}componentDidLoad(){this.setChildrenSizeType()}render(){return i(a,{key:"2593adc6912a0a49a9e38eadd5056d779cac33b4"},i("slot",{key:"5fb99c0f4cad9633c84d2c353334fc5c816be5a5"}))}get host(){return s(this)}};W.style=K;const U=':host{outline:none}:host>.container,:host>.container-contextual-menu{--background-color-list-element:var(--color-surface01);--background-hover-color-list-element:var(--color-surface02);--background-active-color-list-element:var(--color-surface02);display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;font-family:var(--font-family-sans);font-weight:var(--font-rg);outline:none}:host([size="small"])>.container{min-height:calc(var(--space-unit) * 4);padding:calc(var(--space-unit) / 2) 0}:host([size="medium"])>.container{min-height:calc(var(--space-unit) * 5);padding:var(--space-unit) 0}:host([size="large"])>.container{min-height:calc(var(--space-unit) * 7);padding:calc(var(--space-unit) * 2) 0}:host([size="x-large"])>.container{min-height:calc(var(--space-unit) * 9);padding:calc(var(--space-unit) * 3) 0}:host([expandable])>.container,:host([expandable])>.container-contextual-menu,:host([clickable])>.container,:host([clickable])>.container-contextual-menu{cursor:pointer}:host([expandable]:hover)>.container,:host([expandable]:hover)>.container-contextual-menu,:host([clickable]:hover)>.container,:host([clickable]:hover)>.container-contextual-menu{background-color:var(--background-hover-color-list-element)}:host([expandable]:focus:focus-visible)>.container,:host([expandable]:focus:focus-visible)>.container-contextual-menu,:host([clickable]:focus:focus-visible)>.container,:host([clickable]:focus:focus-visible)>.container-contextual-menu{box-shadow:var(--shadow-focus-primary)}:host([clickable]:not([expandable]))>.container.clicked,:host([clickable]:not([expandable]))>.container-contextual-menu.clicked{box-shadow:var(--shadow-focus-primary)}:host([expandable]:active)>.container,:host([expandable]:active)>.container-contextual-menu,:host([clickable]:active)>.container,:host([clickable]:active)>.container-contextual-menu{background-color:var(--background-active-color-list-element)}:host([align-button="left"][expandable])>.container>.z-list-element-container,:host([align-button="left"][expandable])>.container-contextual-menu>.z-list-element-container{display:flex}:host([align-button="right"][expandable])>.container>.z-list-element-container,:host([align-button="right"][expandable])>.container-contextual-menu>.z-list-element-container{display:flex;flex-direction:row-reverse;justify-content:space-between}:host([align-button="left"][expandable])>.container>.z-list-element-container>z-icon,:host([align-button="left"][expandable])>.container-contextual-menu>.z-list-element-container>z-icon{margin-right:var(--space-unit)}:host([align-button="right"][expandable])>.container>.z-list-element-container>z-icon,:host([align-button="right"][expandable])>.container-contextual-menu>.z-list-element-container>z-icon{margin-left:var(--space-unit)}:host>.container>.z-list-element-inner-container,:host>.container-contextual-menu>.z-list-element-inner-container{display:none}:host>.container>.z-list-element-inner-container.expanded,:host>.container-contextual-menu>.z-list-element-inner-container.expanded{display:block}:host([clickable]:hover)>.container-contextual-menu{background-color:var(--color-surface03)}.container-contextual-menu:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-list-content-container{display:flex;align-items:center}';const Z=U;const G=class{accessibleFocusHandler(t){if(this.listElementId===t.detail){const e=this.host.shadowRoot.getElementById(`z-list-element-id-${t.detail}`);e.focus()}}constructor(i){t(this,i);this.accessibleFocus=e(this,"accessibleFocus",7);this.ariaDescendantFocus=e(this,"ariaDescendantFocus",7);this.clickItem=e(this,"clickItem",7);this.openElementConfig={accordion:{open:"minus-circled",close:"plus-circled"},menu:{open:"chevron-up",close:"chevron-down"}};this.alignButton=v.LEFT;this.clickable=false;this.dividerColor="color-surface03";this.dividerType=z.NONE;this.dividerSize=h.SMALL;this.expandable=false;this.expandableStyle=g.ACCORDION;this.listElementId=undefined;this.size=b.MEDIUM;this.color="none";this.disabled=false;this.isContextualMenu=false;this.listElementPosition="0";this.listType=f.NONE;this.role="listitem";this.showInnerContent=false;this.handleClick=this.handleClick.bind(this);this.handleKeyDown=this.handleKeyDown.bind(this)}handleClick(){this.clickItem.emit(this.listElementId);if(!this.expandable){return}this.showInnerContent=!this.showInnerContent}calculateClass(){if(this.isContextualMenu){return"container-contextual-menu"}return"container"}handleKeyDown(t){const e=t.code===m.ENTER;switch(t.code){case m.ARROW_DOWN:t.preventDefault();this.accessibleFocus.emit(this.listElementId+1);break;case m.ARROW_UP:t.preventDefault();this.accessibleFocus.emit(this.listElementId-1);break;case m.ENTER:t.preventDefault();this.clickItem.emit(this.listElementId);break}if(!this.expandable||!e){return}this.showInnerContent=!this.showInnerContent}renderExpandableButton(){if(!this.expandable){return null}return i("z-icon",{name:this.showInnerContent?this.openElementConfig[this.expandableStyle].open:this.openElementConfig[this.expandableStyle].close})}renderExpandedContent(){if(!this.expandable){return null}return i("div",{class:{"z-list-element-inner-container":true,expanded:this.showInnerContent}},i("slot",{name:"inner-content"}))}renderContent(){if(this.listType===f.NONE){return i("slot",null)}if(this.listType===f.ORDERED){return i("div",{class:"z-list-content-container"},i("div",null,this.listElementPosition,". "),i("slot",null))}if(this.listType===f.UNORDERED){return i("div",{class:"z-list-content-container"},i("span",null,"• "),i("slot",null))}}render(){return i(a,{key:"3c55ce5744a82e1b1871f658d0d63dc49a55fbba","aria-expanded":this.expandable?this.showInnerContent:null,onClick:this.handleClick,onFocus:()=>this.ariaDescendantFocus.emit(this.listElementId),onKeyDown:this.handleKeyDown,clickable:this.clickable&&!this.disabled,tabIndex:!this.isContextualMenu?"0":null},i("div",{key:"f9ccf0529e72d61ffed2f8da94461b6d0d904447",class:`${this.calculateClass()}`,style:{color:`var(--${this.color})`},tabindex:this.isContextualMenu?"0":"-1",id:`z-list-element-id-${this.listElementId}`,part:"list-item-container"},i("div",{key:"9747b70e158f1e0a50bd392bc11724df0951196e",class:"z-list-element-container"},this.renderExpandableButton(),this.renderContent()),this.renderExpandedContent()),this.dividerType===z.ELEMENT&&i("z-divider",{color:this.dividerColor,size:this.dividerSize}))}get host(){return s(this)}};G.style=Z;const J=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.z-list-group-header-container{color:var(--gray700);font-size:var(--font-size-2);font-weight:var(--font-sb) !important;letter-spacing:0.16px;line-height:1.4}:host>.z-list-group-header-container.has-header{padding-top:var(--space-unit);padding-bottom:var(--space-unit)}:host>.z-list-group-header-container.has-header>z-divider{margin-top:var(--space-unit)}";const Y=J;const Q=class{constructor(e){t(this,e);this.size=b.MEDIUM;this.dividerType=z.NONE;this.dividerSize=h.SMALL;this.dividerColor="gray200";this.listType=f.NONE}componentDidLoad(){const t=this.host.children;for(let e=0;e<t.length;e++){if(t.length-1>e){t[e].setAttribute("divider-type",this.dividerType);t[e].setAttribute("divider-size",this.dividerSize);t[e].setAttribute("divider-color",this.dividerColor)}t[e].setAttribute("size",this.size);t[e].setAttribute("list-type",this.listType);t[e].setAttribute("list-element-position",e.toString())}}componentWillLoad(){this.hasHeader=!!this.host.querySelector('[slot="header-title"]')}render(){return i(a,{key:"c25db9a48f30bf98694c87dce08463ac6b314719",role:"group"},i("div",{key:"354ea1928b4f2e58b46ef2eb18e84234e9db2cd9",class:{"z-list-group-header-container":true,"has-header":this.hasHeader}},i("slot",{key:"48b577a0a6b35ab74eb9b70c53dd9462ab57e92d",name:"header-title"}),this.dividerType===z.HEADER&&i("z-divider",{color:this.dividerColor,size:this.dividerSize})),i("slot",{key:"407e9151406fdc7f01b0ba40a69bd0516d5cc1f4"}))}get host(){return s(this)}};Q.style=Y;const tt='.sc-z-offcanvas-h{--z-offcanvas--container-width:375px;--z-offcanvas--top-space:0;min-width:100%;height:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.canvas-container.sc-z-offcanvas{display:flex;overflow:-moz-scrollbars-none;overflow:hidden;min-width:100%;height:100%;flex-direction:column;background:var(--color-surface01)}[variant="pushcontent"].sc-z-offcanvas-h{display:none}[open].sc-z-offcanvas-h{display:flex;visibility:visible}.sc-z-offcanvas-h:not([open]){visibility:hidden}[variant="overlay"].sc-z-offcanvas-h{position:fixed;z-index:1000;top:var(--z-offcanvas--top-space);right:0;bottom:0;left:0;display:flex;height:calc(100% - var(--z-offcanvas--top-space))}[variant="overlay"][transitiondirection="left"].sc-z-offcanvas-h{justify-content:end}[variant="overlay"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1010}[variant="overlay"].sc-z-offcanvas-h .canvas-background.sc-z-offcanvas{position:absolute;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:auto;flex:1 auto;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0;overflow-x:hidden}[variant="overlay"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{padding:0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) 0 0}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-track{background-color:transparent}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas{scrollbar-color:var(--color-primary01) transparent}@media only screen and (max-width: 768px){[open][transitiondirection="left"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-right 0.4s ease-out}[open][transitiondirection="right"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-left 0.4s ease-out}}@media only screen and (min-width: 768px){.sc-z-offcanvas-h{min-width:auto}.canvas-container.sc-z-offcanvas{width:auto;min-width:max(var(--z-offcanvas--container-width), 375px);max-width:max(var(--z-offcanvas--container-width), 375px);height:auto;min-height:calc(var(--space-unit) * 40)}.sc-z-offcanvas-h:not([variant="overlay"])[open]:not(.skip-animation){width:auto;animation:grow 0.4s ease-out}}@keyframes grow{from{width:0}to{width:max(var(--z-offcanvas--container-width), 375px)}}@keyframes enter-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes enter-right{from{transform:translateX(100%)}to{transform:translateX(0)}}[open][variant="overlay"][transitiondirection="left"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-right 0.4s ease-out}[open][transitiondirection="right"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-left 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant="overlay"][transitiondirection="right"]>.canvas-container.sc-z-offcanvas{transform:translateX(-100%);transition:visibility 0.4s ease-out, transform 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant="overlay"][transitiondirection="left"]>.canvas-container.sc-z-offcanvas{transform:translateX(100%);transition:visibility 0.4s ease-out, transform 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant="overlay"] .canvas-background.sc-z-offcanvas{transition:visibility 0.4s ease-out;visibility:hidden}';const et=tt;const it=class{constructor(i){t(this,i);this.canvasOpenStatusChanged=e(this,"canvasOpenStatusChanged",7);this.variant=r.PUSHCONTENT;this.open=false;this.transitiondirection=n.LEFT;this.skipLoadAnimation=false}onOpenChanged(){if(!this.open&&this.skipLoadAnimation){this.skipLoadAnimation=false}this.handlePageOverflow();this.canvasOpenStatusChanged.emit(this.open)}handlePageOverflow(){const t=this.variant===r.OVERLAY?"overflow-y":"overflow-x";document.body.style[t]=this.open?"hidden":""}disconnectedCallback(){this.open=false}render(){return i(a,{key:"f0f282fa9732f81f98d644210d2b602a53161b7d",class:{"skip-animation":this.skipLoadAnimation}},i("div",{key:"15bf03615f187509da41d3206b39d705ca34cb50",role:"presentation",class:"canvas-container",onTransitionEnd:()=>this.handlePageOverflow()},i("div",{key:"ba4444c4f3e6c3d9c9fecc4ff4ab103fc614b6bb",role:"presentation",class:"canvas-content"},i("slot",{key:"4da6be1451be2a26815c7d6503a1eb9cec7c48f6",name:"canvasContent"}))),this.variant==r.OVERLAY&&i("div",{class:"canvas-background","data-action":"canvasBackground",onClick:()=>this.open=false}))}static get watchers(){return{open:["onOpenChanged"]}}};it.style=et;const at=':host{z-index:15;display:flex;column-gap:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,*{box-sizing:border-box}.input-container{position:relative;display:flex;width:100%;flex-direction:column}.results-wrapper{position:absolute;top:calc(100% - 1px);left:0;width:100%;padding:calc(var(--space-unit) / 4);border:var(--border-size-small) solid var(--color-surface03);border-top:none;background:var(--color-surface01)}.results{overflow:auto;max-height:var(--z-searchbar-results-height, 540px);padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}.results::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.results::-webkit-scrollbar-track{background-color:transparent}.results::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.results .category-heading{display:block;font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:var(--font-size-3)}.results .category-heading>*{display:block}.results .category-heading>.category{color:var(--color-text05);font-style:italic}.results .category-heading>.subcategory{margin-top:var(--space-unit);color:var(--color-text01);text-transform:uppercase}.results z-list-element{display:block}.results z-list-element>.list-element{display:flex;justify-content:space-between}.results z-list-element>.list-element>z-tag{border:1px solid var(--gray800);font-size:var(--font-size-1);font-weight:var(--font-sb);--z-tag-bg:white;--z-tag-text-color:var(--color-text01)}.results .item{--z-icon-height:12px;--z-icon-width:12px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;color:var(--color-text01);column-gap:calc(var(--space-unit) * 1.5);fill:var(--color-icon02);font-size:var(--font-size-2);line-height:var(--font-size-3)}.results .item.ellipsis>.item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .item>.item-label mark{background:var(--color-primary03)}.results .item.has-category{padding-left:calc(var(--space-unit) * 3)}.results .item.item-search{--z-icon-height:16px;--z-icon-width:16px}.results .item-show-all{text-align:center}.results .item-no-results{display:block;font-size:var(--font-size-2);font-style:italic;line-height:var(--font-size-5)}.results .item-no-results>ul{padding-left:calc(var(--space-unit) * 2);margin:var(--space-unit)}@media (min-width: 768px){.results .category-heading{font-size:var(--font-size-3);line-height:var(--font-size-6)}.results .item{font-size:var(--font-size-3);line-height:var(--font-size-6)}.results .item.item-search{--z-icon-height:18px;--z-icon-width:18px}.results .item.ellipsis>.item-label{height:24px}}@media (min-width: 1152px){.results .item{cursor:pointer}.results .item-no-results{cursor:default;font-size:var(--font-size-3);line-height:var(--font-size-6)}}:host([size="small"]) .results :is(.item,.category-heading),:host([size="x-small"]) .results :is(.item,.category-heading){font-size:var(--font-size-2)}:host([size="small"]) .results .item:not(.has-category),:host([size="x-small"]) .results .item:not(.has-category){--z-icon-height:16px;--z-icon-width:16px}:host([size="small"])::part(list-item-container){min-height:calc(var(--space-unit) * 4.5);padding:0}:host([size="x-small"])::part(list-item-container){min-height:calc(var(--space-unit) * 4);padding:0}';const st=at;const rt=class{constructor(i){t(this,i);this.searchSubmit=e(this,"searchSubmit",7);this.searchTyping=e(this,"searchTyping",7);this.searchItemClick=e(this,"searchItemClick",7);this.resultsItemsList=null;this.htmlid=`searchbar-${w()}`;this.preventSubmit=false;this.value=undefined;this.placeholder=undefined;this.autocomplete=false;this.autocompleteMinChars=3;this.resultsCount=undefined;this.resultsEllipsis=true;this.searchHelperLabel="Cerca {searchString}";this.resultsItems=undefined;this.sortResultsItems=false;this.showSearchButton=false;this.searchButtonIconOnly=false;this.size=c.BIG;this.variant=o.PRIMARY;this.searchString=this.value;this.currResultsCount=0;this.showResults=false;this.isMobile=false}emitSearchSubmit(){this.searchSubmit.emit(this.inputRef.value)}emitSearchTyping(t){this.searchTyping.emit(t)}emitSearchItemClick(t){this.searchItemClick.emit(t)}watchItems(){this.resultsItemsList=this.getResultsItemsList()}watchResultsCount(){this.currResultsCount=this.resultsCount}watchValue(){this.searchString=this.value}watchSearchString(){this.emitSearchTyping(this.searchString);if(!this.searchString){this.currResultsCount=this.resultsCount}}disconnectedCallback(){this.resizeObserver.disconnect()}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{if(C()===x.MOBILE&&!this.isMobile){this.isMobile=true}if(C()!==x.MOBILE&&this.isMobile){this.isMobile=false}}));this.resizeObserver.observe(this.element)}componentWillLoad(){this.resultsItemsList=this.getResultsItemsList();this.currResultsCount=this.resultsCount}getResultsItemsList(){return typeof this.resultsItems==="string"?JSON.parse(this.resultsItems):this.resultsItems}getGroupedItems(t){const e={};t.forEach((t=>{var i;const a=`${t===null||t===void 0?void 0:t.category}${t===null||t===void 0?void 0:t.subcategory}`;e[a]=(i=e[a])!==null&&i!==void 0?i:{category:t===null||t===void 0?void 0:t.category,subcategory:t===null||t===void 0?void 0:t.subcategory,items:[]};e[a]["items"].push(t)}));if(this.sortResultsItems){return Object.keys(e).sort().reduce(((t,i)=>{t[i]=Object.assign(Object.assign({},e[i]),{items:e[i]["items"].sort(((t,e)=>{const i=t.label.toUpperCase();const a=e.label.toUpperCase();if(i<a){return-1}if(i>a){return 1}return 0}))});return t}),{})}return e}checkResultsCount(t){if(!this.currResultsCount||t<this.currResultsCount){return true}return false}handleStopTyping(t){t.stopPropagation();this.searchString=t.detail.value}handleSubmit(){if(this.preventSubmit){return}this.emitSearchSubmit()}handleOutsideClick(t){const e=t.composedPath();const i=e.find((t=>t.nodeName==="Z-SEARCHBAR"));if(!i||i.htmlid!==this.htmlid){this.showResults=false;return}if(e.find((t=>{var e;return(t===null||t===void 0?void 0:t.nodeName)==="Z-INPUT"||((e=t===null||t===void 0?void 0:t.classList)===null||e===void 0?void 0:e.contains("results"))}))){this.showResults=true;return}this.showResults=false}renderInput(){return i("z-input",{ref:t=>{this.inputRef=t},message:false,placeholder:this.placeholder,onStopTyping:t=>this.handleStopTyping(t),onKeyUp:t=>j(t,(()=>this.handleSubmit())),value:this.value,size:this.size})}renderButton(){if(!this.showSearchButton){return null}const t=this.searchButtonIconOnly?{icon:"search"}:null;const e=this.searchButtonIconOnly?"":"CERCA";const a=Object.assign({disabled:this.preventSubmit,variant:this.variant,size:this.size,onClick:()=>this.handleSubmit()},t);return i("z-button",Object.assign({},a),e)}renderResults(){if(!this.showResults||!this.autocomplete||!this.searchString||this.searchString.length<this.autocompleteMinChars||!this.resultsItemsList){return null}return i("div",{class:"results-wrapper"},i("div",{class:"results"},this.renderResultsList()))}renderResultsList(){var t,e;if(this.preventSubmit&&!((t=this.resultsItemsList)===null||t===void 0?void 0:t.length)){return i("span",{class:"item item-no-results"},"Non abbiamo trovato risultati per ",i("b",null,this.searchString),i("br",null),i("br",null),"Cosa puoi fare?",i("ul",null,i("li",null,"Verificare di aver scritto bene"),i("li",null,"Provare a cercare un'altra parola"),i("li",null,"Provare a cercare qualcosa di più generico")))}return i("z-list",{role:"listbox",id:`list-${this.htmlid}`},this.renderSearchHelper(!!((e=this.resultsItemsList)===null||e===void 0?void 0:e.length)),this.renderItems(),this.renderShowAllResults())}renderItems(){var t;if(!((t=this.resultsItemsList)===null||t===void 0?void 0:t.length)){return[]}const e=this.getGroupedItems(this.resultsItemsList);const a=[];let s=0;Object.values(e).forEach(((t,e,r)=>{if(this.checkResultsCount(s)){const n=[];t.items.forEach(((t,i,a)=>{if(this.checkResultsCount(s)){const s=e===r.length-1&&i===a.length-1;n.push(this.renderItem(t,i,!s))}s++}));if(n.length){a.push(i("z-list-group",{"divider-type":z.ELEMENT},this.renderItemCategory(t),n))}}}));return a}renderItem(t,e,a){return i("z-list-element",{id:`list-item-${this.htmlid}-${e}`,role:"option",tabindex:0,dividerType:a?z.ELEMENT:undefined,clickable:true,onClickItem:()=>this.emitSearchItemClick(t)},i("div",{class:"list-element"},i("span",{class:{item:true,ellipsis:this.resultsEllipsis,"has-category":!!t.category}},(t===null||t===void 0?void 0:t.icon)&&i("z-icon",{class:"item-icon",name:t.icon}),i("span",{class:"item-label",title:t.label,innerHTML:this.renderItemLabel(t.label)})),(t===null||t===void 0?void 0:t.tag)&&i("z-tag",{icon:t.tag.icon},!this.isMobile?t.tag.text:"")))}renderItemLabel(t){if(!this.searchString){return t}return t.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gmi"),(t=>`<mark>${t}</mark>`))}renderItemCategory(t){if(!(t===null||t===void 0?void 0:t.category)){return null}return i("span",{class:"category-heading",slot:"header-title"},i("span",{class:"category"},t.category),(t===null||t===void 0?void 0:t.subcategory)&&i("span",{class:"subcategory"},t.subcategory))}renderSearchHelper(t=true){if(!this.autocomplete||this.preventSubmit||!this.searchString){return null}return i("z-list-element",{role:"option",tabindex:0,dividerType:t?z.ELEMENT:undefined,clickable:true,id:`list-item-${this.htmlid}-search`,onClickItem:()=>this.emitSearchSubmit()},i("span",{class:"item item-search"},i("z-icon",{class:"search-icon",name:"left-magnifying-glass"}),i("span",{class:"item-label",innerHTML:this.searchHelperLabel.replace("{searchString}",`<mark>${this.searchString}</mark>`)})))}renderShowAllResults(){var t,e;if(!this.currResultsCount||!this.searchString||!((t=this.resultsItemsList)===null||t===void 0?void 0:t.length)||this.currResultsCount>=((e=this.resultsItemsList)===null||e===void 0?void 0:e.length)){return null}return i("z-list-element",{role:"option",tabindex:0,clickable:true,id:`list-item-${this.htmlid}-show-all`,onClickItem:()=>this.currResultsCount=0,color:"color-primary01"},i("div",{class:"item-show-all"},"Vedi tutti i risultati"))}render(){return i(a,{key:"49e7bb3d48c18519e07ac4952188f271895dd1a1",onFocus:()=>this.showResults=true,onClick:t=>this.handleOutsideClick(t),class:{"has-submit":this.showSearchButton,"has-results":this.autocomplete}},i("div",{key:"033d0ae0a35385e0d9d915e18887650b997c5688",class:"input-container"},this.renderInput(),this.renderResults()),this.renderButton())}get element(){return s(this)}static get watchers(){return{resultsItems:["watchItems"],resultsCount:["watchResultsCount"],value:["watchValue"],searchString:["watchSearchString"]}}};rt.style=st;const nt=".sc-z-tag-h{--z-icon-width:14px;--z-icon-height:14px;--z-tag-text-color:var(--color-primary03);--z-tag-bg:var(--color-hover-primary);display:flex;width:fit-content;max-width:inherit;height:fit-content;max-height:inherit;padding:calc(var(--space-unit) / 2);background-color:var(--z-tag-bg);border-radius:var(--border-radius);color:var(--z-tag-text-color);fill:var(--z-tag-text-color);font-family:var(--font-family-sans);line-height:14px;text-transform:uppercase}.sc-z-tag-h>z-icon.sc-z-tag{margin-right:var(--space-unit)}.expandable.sc-z-tag-h>z-icon.sc-z-tag{margin-right:0;transition:margin-right 0.3s ease-out}.sc-z-tag-h:not(.expandable)>z-icon.sc-z-tag:not(:last-child),.expandable.sc-z-tag-h:hover>z-icon.sc-z-tag:not(:last-child){margin-right:var(--space-unit);transition:margin-right 0.3s ease-out 0s}.expandable.sc-z-tag-h>div.sc-z-tag{overflow:hidden;max-width:0;max-height:0}.expandable.sc-z-tag-h:hover>div.sc-z-tag{max-width:100%;max-height:100%}";const ot=nt;const ct=class{constructor(e){t(this,e);this.icon=undefined;this.expandable=undefined}render(){return i(a,{key:"9d45170a5cefce5d815ac7b5402123645a8d243b",class:{"body-5-sb":true,expandable:this.expandable&&!!this.icon}},this.icon&&i("z-icon",{name:this.icon}),i("div",{key:"9cf3b9f7b169709cf109cdab4d0cfe346a9eb29c"},i("slot",{key:"c26454112b3fa7ce120eaf50844cb82c9e11e751"})))}};ct.style=ot;export{$ as z_app_header,L as z_button,A as z_divider,D as z_icon,P as z_input,N as z_input_message,W as z_list,G as z_list_element,Q as z_list_group,it as z_offcanvas,rt as z_searchbar,ct as z_tag};
-//# sourceMappingURL=p-c2555fef.entry.js.map