@zanichelli/albe-web-components 12.1.3-rc.0 → 12.1.3

package/www/build/p-4691b59a.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e}from"./p-10bb4f4b.js";const i=':host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled02);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:""}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:18px;line-height:28px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));text-align:center}:host(:not([disabled])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-active-primary);background:var(--color-active-primary);color:var(--color-text-inverse)}:host(:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}@media (min-width: 768px){:host{width:calc(var(--space-unit) * 10)}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10)}.stepper-item span{display:block}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}';const a=i;const r=class{constructor(e){t(this,e);this.index=undefined;this.href=undefined;this.pressed=undefined;this.disabled=undefined}render(){if(this.href){return e("a",{href:!this.disabled&&this.href,class:"stepper-item"},e("div",{class:"indicator"},this.index),e("span",null,e("slot",null)))}return e("button",{class:"stepper-item",disabled:this.disabled},e("div",{class:"indicator"},this.index),e("span",null,e("slot",null)))}};r.style=a;export{r as z_stepper_item};
-//# sourceMappingURL=p-4691b59a.entry.js.map

package/www/build/p-4691b59a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZStepperItemStyle0","ZStepperItem","render","this","href","h","disabled","class","index"],"sources":["src/components/indicators/z-stepper-item/styles.css?tag=z-stepper-item&encapsulation=shadow","src/components/indicators/z-stepper-item/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  width: calc(var(--space-unit) * 5);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host(:not(:last-child)) {\n  flex: 1;\n}\n\n:host(:not(:last-child))::after {\n  position: absolute;\n  z-index: 1;\n  top: calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);\n  right: calc(var(--space-unit) * 2);\n  left: calc(var(--space-unit) * 3);\n  display: block;\n  width: auto;\n  border-bottom: var(--border-size-medium) solid var(--color-disabled02);\n  margin: 0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);\n  content: \"\";\n}\n\n.stepper-item {\n  display: flex;\n  width: calc(var(--space-unit) * 5);\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: transparent;\n  color: inherit;\n  font-family: inherit;\n  font-size: 18px;\n  line-height: 28px;\n  outline: 0;\n  text-decoration: none;\n}\n\n.stepper-item span {\n  display: none;\n  width: calc(100% + calc(var(--space-unit) * 4));\n  text-align: center;\n}\n\n:host(:not([disabled])) .stepper-item {\n  cursor: pointer;\n}\n\n:host([disabled]) .stepper-item {\n  pointer-events: none;\n}\n\n.indicator {\n  display: flex;\n  width: calc(var(--space-unit) * 4);\n  height: calc(var(--space-unit) * 4);\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: var(--border-size-medium) solid var(--color-primary01);\n  margin: calc(var(--space-unit) * 2);\n  background: var(--color-surface01);\n  border-radius: 50%;\n  color: var(--color-primary01);\n  content: counter(stepper);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 1;\n}\n\n:host([pressed]:not([disabled])) .indicator {\n  border-color: var(--color-active-primary);\n  background: var(--color-active-primary);\n  color: var(--color-text-inverse);\n}\n\n:host(:not([disabled]):focus-within) .indicator {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([disabled]) .indicator {\n  border-color: var(--color-disabled02);\n  background: var(--color-disabled01);\n  color: var(--color-disabled03);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  :host {\n    width: calc(var(--space-unit) * 10);\n  }\n\n  :host(:not(:last-child))::after {\n    top: calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);\n    left: calc(var(--space-unit) * 8);\n  }\n\n  .stepper-item {\n    width: calc(var(--space-unit) * 10);\n  }\n\n  .stepper-item span {\n    display: block;\n  }\n\n  .indicator {\n    width: calc(var(--space-unit) * 6);\n    height: calc(var(--space-unit) * 6);\n    font-size: 16px;\n  }\n}\n","import {Component, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-stepper-item\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepperItem {\n  /**\n   * The number of the step item.\n   */\n  @Prop({attribute: \"index\"})\n  index: number;\n\n  /**\n   * The href to navigate on click.\n   */\n  @Prop({attribute: \"href\"})\n  href: string;\n\n  /**\n   * The pressed state of the item.\n   */\n  @Prop({attribute: \"pressed\"})\n  pressed: boolean;\n\n  /**\n   * The disabled state of the item.\n   */\n  @Prop({attribute: \"disabled\"})\n  disabled: boolean;\n\n  render(): HTMLAnchorElement | HTMLButtonElement {\n    if (this.href) {\n      return (\n        <a\n          href={!this.disabled && this.href}\n          class=\"stepper-item\"\n        >\n          <div class=\"indicator\">{this.index}</div>\n          <span>\n            <slot />\n          </span>\n        </a>\n      );\n    }\n\n    return (\n      <button\n        class=\"stepper-item\"\n        disabled={this.disabled}\n      >\n        <div class=\"indicator\">{this.index}</div>\n        <span>\n          <slot />\n        </span>\n      </button>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,gmEAClB,MAAAC,EAAeD,E,MCMFE,EAAY,M,iHAyBvB,MAAAC,GACE,GAAIC,KAAKC,KAAM,CACb,OACEC,EAAA,KACED,MAAOD,KAAKG,UAAYH,KAAKC,KAC7BG,MAAM,gBAENF,EAAA,OAAKE,MAAM,aAAaJ,KAAKK,OAC7BH,EAAA,YACEA,EAAA,c,CAMR,OACEA,EAAA,UACEE,MAAM,eACND,SAAUH,KAAKG,UAEfD,EAAA,OAAKE,MAAM,aAAaJ,KAAKK,OAC7BH,EAAA,YACEA,EAAA,c"}

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-49407985.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as a,h as r}from"./p-10bb4f4b.js";import{e as i,_ as t}from"./p-025f494e.js";const s=':host,:host *,:host ::slotted(*){box-sizing:border-box}:host{--z-accordion-highlight-color:transparent;--z-accordion-bg:var(--color-surface01);--z-accordion-label-color:var(--color-text01);--z-accordion-disabled-label-color:var(--color-text03);--z-accordion-content-bg:var(--color-surface01);--z-accordion-content-fg:var(--color-text01);--z-accordion-hover-color:var(--color-surface03);--z-accordion-left-padding:calc(var(--space-unit) * 2);--z-accordion-right-padding:var(--space-unit);--z-accordion-label-font-weight:var(--font-sb);display:block;border-top:var(--border-size-small) solid var(--color-surface03);border-bottom:var(--border-size-small) solid var(--color-surface03);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([variant="background"]){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}:host([variant="background"][shadow]){box-shadow:var(--shadow-2)}details{background-color:transparent}summary{--summary-x-small-height:32px;--summary-small-height:36px;--summary-big-height:44px;--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit);position:relative;display:flex;height:var(--summary-height);align-items:center;padding:var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n    var(--z-accordion-left-padding);background-color:var(--z-accordion-bg);column-gap:var(--space-unit);cursor:pointer;list-style:none}:host([size="x-small"]) summary{--summary-height:var(--summary-x-small-height)}:host([size="small"]) summary{--summary-height:var(--summary-small-height)}:host(:is([size="x-small"],[size="small"])) summary{--summary-y-padding:calc(var(--space-unit) / 2)}:host([variant="background"]) summary{padding-right:calc(var(--space-unit) * 2);border-radius:calc(var(--border-radius) - var(--border-size-small))}:host([variant="background"][open]) summary{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([is-disabled]) summary{cursor:default}summary:focus:focus-visible{background-color:var(--color-surface03);box-shadow:var(--shadow-focus-primary);outline:none}summary::before,:host([highlight][variant="background"]) .z-accordion-content::before{position:absolute;top:0;left:0;display:block;width:var(--space-unit);height:100%;content:""}:host([highlight][variant="background"]) summary::before{border-top-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight][variant="background"]:not([open])) summary::before,:host([highlight][variant="background"][open]) .z-accordion-content::before{border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight]) summary::before,:host([highlight][variant="background"]) .z-accordion-content::before{background-color:var(--z-accordion-highlight-color, transparent)}:host([is-disabled][highlight]) summary::before,:host([is-disabled][highlight][variant="background"]) .z-accordion-content::before{background-color:var(--z-accordion-disabled-label-color)}summary>z-icon{fill:var(--z-accordion-label-color)}:host([is-disabled]) summary>z-icon{fill:var(--z-accordion-disabled-label-color)}.z-accordion-label{color:var(--z-accordion-label-color);font-size:var(--font-size-3);font-weight:var(--z-accordion-label-font-weight)}:host([size="x-small"]) .z-accordion-label{font-size:var(--font-size-2)}:host([size="x-small"]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:16px;--z-icon-height:16px}.z-accordion-tags{display:flex;align-items:center;column-gap:calc(var(--space-unit) / 2)}summary z-icon.z-accordion-chevron{margin-left:auto}.z-accordion-content{position:relative;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);background-color:var(--z-accordion-content-bg);color:var(--z-accordion-content-fg);font-size:var(--font-size-2);}:host(:is([size="x-small"],[size="small"])) .z-accordion-content{padding-bottom:var(--space-unit)}:host([size="x-small"]) .z-accordion-content{font-size:var(--font-size-1)}:host([variant="background"]) .z-accordion-content{padding-right:calc(var(--space-unit) * 2)}:host([is-disabled]) .z-accordion-label{color:var(--z-accordion-disabled-label-color)}:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot="tag"]){--z-tag-bg:var(--z-accordion-disabled-label-color) !important;--z-tag-text-color:var(--color-text-inverse) !important}@media (hover: hover){summary:focus:focus-visible{position:relative;z-index:1}:host(:not([is-disabled])) summary:hover{background-color:var(--z-accordion-hover-color)}:host(:not([is-disabled])) summary:hover .z-accordion-label{text-decoration:underline}}@media (hover: none){:host([size]) summary{--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit)}:host([size]) .z-accordion-label{font-size:var(--font-size-3)}:host([size]) .z-accordion-content{font-size:var(--font-size-2)}:host([size]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:18px;--z-icon-height:18px}}z-accordion+z-accordion{border-top:none}z-accordion[variant="background"]+z-accordion[variant="background"]{border-radius:0}z-accordion[variant="background"]:first-of-type:not(:last-of-type){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}z-accordion[variant="background"]:first-of-type:not(:last-of-type)::part(summary){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]::part(summary){border-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type:not([open])::part(summary){border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small));border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small))}';const e=s;const c=class{constructor(r){o(this,r);this.toggled=a(this,"toggled",7);this.label=undefined;this.icon=undefined;this.size=i.BIG;this.isDisabled=false;this.open=false;this.highlight=false;this.variant=t.DEFAULT;this.shadow=true}onDisabledChange(){if(this.isDisabled){this.open=false}}onDetailsToggle(){if(this.isDisabled){this.open=false;this.detailsElm.open=false;return}this.open=this.detailsElm.open;this.toggled.emit(this.open)}render(){return r("details",{key:"df8ab3183d7dee036891420e1ca4b58ea8186972",ref:o=>this.detailsElm=o,onToggle:this.onDetailsToggle.bind(this),open:this.open},r("summary",{key:"c4160d5af242307bc85cd4fbe055b6646aa065b8",tabIndex:this.isDisabled?-1:null,part:"summary"},this.icon&&r("z-icon",{class:"z-accordion-label-icon",name:this.icon}),r("span",{key:"1802dd7e1b6384c69527e0d4cf65881f4810f88c",class:"z-accordion-label"},this.label),r("span",{key:"38244c63af937be53bb3fb2e54f225239ce2b9f9",class:"z-accordion-tags"},r("slot",{key:"2cacb7ab9947c006b50de586065b2a77868dbb11",name:"tag"})),r("z-icon",{key:"d9936dc9e899a176a3e929758f36cdd5f278b50e",class:"z-accordion-chevron",name:this.open?"chevron-up":"chevron-down"})),!this.isDisabled&&r("div",{class:"z-accordion-content",part:"content"},r("slot",null)))}static get watchers(){return{isDisabled:["onDisabledChange"]}}};c.style=e;export{c as z_accordion};
-//# sourceMappingURL=p-49407985.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZAccordionStyle0","ZAccordion","ControlSize","BIG","AccordionVariant","DEFAULT","onDisabledChange","this","isDisabled","open","onDetailsToggle","detailsElm","toggled","emit","render","h","key","ref","elm","onToggle","bind","tabIndex","part","icon","class","name","label"],"sources":["src/components/z-accordion/styles.css?tag=z-accordion&encapsulation=shadow","src/components/z-accordion/index.tsx"],"sourcesContent":[":host,\n:host *,\n:host ::slotted(*) {\n  box-sizing: border-box;\n}\n\n:host {\n  --z-accordion-highlight-color: transparent;\n  --z-accordion-bg: var(--color-surface01);\n  --z-accordion-label-color: var(--color-text01);\n  --z-accordion-disabled-label-color: var(--color-text03);\n  --z-accordion-content-bg: var(--color-surface01);\n  --z-accordion-content-fg: var(--color-text01);\n  --z-accordion-hover-color: var(--color-surface03);\n  --z-accordion-left-padding: calc(var(--space-unit) * 2);\n  --z-accordion-right-padding: var(--space-unit);\n  --z-accordion-label-font-weight: var(--font-sb);\n\n  display: block;\n  border-top: var(--border-size-small) solid var(--color-surface03);\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host([variant=\"background\"]) {\n  border: var(--border-size-small) solid var(--color-surface03);\n  border-radius: var(--border-radius);\n}\n\n:host([variant=\"background\"][shadow]) {\n  box-shadow: var(--shadow-2);\n}\n\ndetails {\n  background-color: transparent;\n}\n\nsummary {\n  --summary-x-small-height: 32px;\n  --summary-small-height: 36px;\n  --summary-big-height: 44px;\n  --summary-height: var(--summary-big-height);\n  --summary-y-padding: var(--space-unit);\n\n  position: relative;\n  display: flex;\n  height: var(--summary-height);\n  align-items: center;\n  padding: var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n    var(--z-accordion-left-padding);\n  background-color: var(--z-accordion-bg);\n  column-gap: var(--space-unit);\n  cursor: pointer;\n  list-style: none;\n}\n\n:host([size=\"x-small\"]) summary {\n  --summary-height: var(--summary-x-small-height);\n}\n\n:host([size=\"small\"]) summary {\n  --summary-height: var(--summary-small-height);\n}\n\n:host(:is([size=\"x-small\"], [size=\"small\"])) summary {\n  --summary-y-padding: calc(var(--space-unit) / 2);\n}\n\n:host([variant=\"background\"]) summary {\n  padding-right: calc(var(--space-unit) * 2);\n\n  /* border-radius of the accordion - width of the accordion's border */\n  border-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([variant=\"background\"][open]) summary {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n:host([is-disabled]) summary {\n  cursor: default;\n}\n\nsummary:focus:focus-visible {\n  background-color: var(--color-surface03);\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nsummary::before,\n:host([highlight][variant=\"background\"]) .z-accordion-content::before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: block;\n  width: var(--space-unit);\n  height: 100%;\n  content: \"\";\n}\n\n:host([highlight][variant=\"background\"]) summary::before {\n  /* border-radius of the accordion - width of the accordion's border */\n  border-top-left-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([highlight][variant=\"background\"]:not([open])) summary::before,\n:host([highlight][variant=\"background\"][open]) .z-accordion-content::before {\n  /* border-radius of the accordion - width of the accordion's border */\n  border-bottom-left-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([highlight]) summary::before,\n:host([highlight][variant=\"background\"]) .z-accordion-content::before {\n  background-color: var(--z-accordion-highlight-color, transparent);\n}\n\n:host([is-disabled][highlight]) summary::before,\n:host([is-disabled][highlight][variant=\"background\"]) .z-accordion-content::before {\n  background-color: var(--z-accordion-disabled-label-color);\n}\n\nsummary > z-icon {\n  fill: var(--z-accordion-label-color);\n}\n\n:host([is-disabled]) summary > z-icon {\n  fill: var(--z-accordion-disabled-label-color);\n}\n\n.z-accordion-label {\n  color: var(--z-accordion-label-color);\n  font-size: var(--font-size-3); /* for \"small\" and \"big\" sizes */\n  font-weight: var(--z-accordion-label-font-weight);\n}\n\n:host([size=\"x-small\"]) .z-accordion-label {\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) :is(.z-accordion-label-icon, .z-accordion-chevron) {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n.z-accordion-tags {\n  display: flex;\n  align-items: center;\n  column-gap: calc(var(--space-unit) / 2);\n}\n\nsummary z-icon.z-accordion-chevron {\n  margin-left: auto;\n}\n\n.z-accordion-content {\n  position: relative;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);\n  background-color: var(--z-accordion-content-bg);\n  color: var(--z-accordion-content-fg);\n  font-size: var(--font-size-2); /* for \"small\" and \"big\" sizes */\n}\n\n:host(:is([size=\"x-small\"], [size=\"small\"])) .z-accordion-content {\n  padding-bottom: var(--space-unit);\n}\n\n:host([size=\"x-small\"]) .z-accordion-content {\n  font-size: var(--font-size-1);\n}\n\n:host([variant=\"background\"]) .z-accordion-content {\n  padding-right: calc(var(--space-unit) * 2);\n}\n\n:host([is-disabled]) .z-accordion-label {\n  color: var(--z-accordion-disabled-label-color);\n}\n\n:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot=\"tag\"]) {\n  --z-tag-bg: var(--z-accordion-disabled-label-color) !important;\n  --z-tag-text-color: var(--color-text-inverse) !important;\n}\n\n@media (hover: hover) {\n  summary:focus:focus-visible {\n    /* prevents the focus shadow to be covered by the background of an hovered sibling accordion */\n    position: relative;\n    z-index: 1;\n  }\n\n  :host(:not([is-disabled])) summary:hover {\n    background-color: var(--z-accordion-hover-color);\n  }\n\n  :host(:not([is-disabled])) summary:hover .z-accordion-label {\n    text-decoration: underline;\n  }\n}\n\n/* force \"big\" variant on touch devices */\n@media (hover: none) {\n  :host([size]) summary {\n    --summary-height: var(--summary-big-height);\n    --summary-y-padding: var(--space-unit);\n  }\n\n  :host([size]) .z-accordion-label {\n    font-size: var(--font-size-3);\n  }\n\n  :host([size]) .z-accordion-content {\n    font-size: var(--font-size-2);\n  }\n\n  :host([size]) :is(.z-accordion-label-icon, .z-accordion-chevron) {\n    --z-icon-width: 18px;\n    --z-icon-height: 18px;\n  }\n}\n\n/* Style for sibling accordions in a stack context */\n\nz-accordion + z-accordion {\n  border-top: none;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"] {\n  border-radius: 0;\n}\n\nz-accordion[variant=\"background\"]:first-of-type:not(:last-of-type) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]:last-of-type {\n  border-bottom-left-radius: var(--border-radius);\n  border-bottom-right-radius: var(--border-radius);\n}\n\nz-accordion[variant=\"background\"]:first-of-type:not(:last-of-type)::part(summary) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]::part(summary) {\n  border-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]:last-of-type:not([open])::part(summary) {\n  border-bottom-left-radius: calc(var(--border-radius) - var(--border-size-small));\n  border-bottom-right-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n","import {Component, Prop, h, Event, EventEmitter, Watch} from \"@stencil/core\";\nimport {ControlSize, AccordionVariant} from \"../../beans\";\n\n/**\n * Accordion component.\n *\n * @slot - Slot for the main content.\n * @slot tag - Slot for tags.\n * @cssprop --z-accordion-highlight-color - Color of the highlight band on the summary's left edge. Only applies when `highlight` is true. Default: `transparent`.\n * @cssprop --z-accordion-bg - Background color of the summary. Default: `--color-surface02`.\n * @cssprop --z-accordion-label-color - Label color. Default: `--color-text01`.\n * @cssprop --z-accordion-disabled-label-color - Label color when disabled. Default: `--color-text03`.\n * @cssprop --z-accordion-content-bg - Background color of the accordion. Default: `--color-surface02`.\n * @cssprop --z-accordion-content-fg - Content text color. Default: `--color-text01`.\n * @cssprop --z-accordion-hover-color - Hover color of the summary. Default: `--color-surface03`.\n * @cssprop --z-accordion-left-padding - Left padding of the summary. Default: `--space-unit` * 2.\n * @cssprop --z-accordion-right-padding - Right padding of the summary. Default: `--space-unit`.\n * @cssprop --z-accordion-label-font-weight - Font weight of the summary label. Default: `--font-sb`.\n */\n@Component({\n  tag: \"z-accordion\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZAccordion {\n  /**\n   * Text label.\n   */\n  @Prop()\n  label: string;\n\n  /**\n   * Name of the z-icon to display before the label's text.\n   */\n  @Prop()\n  icon: string;\n\n  /**\n   * Size of the component.\n   */\n  @Prop({reflect: true})\n  size = ControlSize.BIG;\n\n  /**\n   * Disabled state of the accordion.\n   */\n  @Prop({reflect: true})\n  isDisabled = false;\n\n  /**\n   * The open state of the accordion.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * Enable highlight band on the `summary`'s left edge.\n   */\n  @Prop({reflect: true})\n  highlight = false;\n\n  /**\n   * Accordion variant.\n   */\n  @Prop({reflect: true})\n  variant: AccordionVariant = AccordionVariant.DEFAULT;\n\n  /**\n   * Enable box-shadow on the accordion. Only applies when `variant` is `BACKGROUND`.\n   */\n  @Prop({reflect: true})\n  shadow = true;\n\n  /**\n   * Event fired when the accordion is toggled.\n   */\n  @Event()\n  toggled: EventEmitter<boolean>;\n\n  @Watch(\"isDisabled\")\n  protected onDisabledChange(): void {\n    if (this.isDisabled) {\n      this.open = false;\n    }\n  }\n\n  private detailsElm: HTMLDetailsElement;\n\n  /**\n   * Handle `details` element toggle.\n   * If currently disabled, prevent toggling by forcing the `open` state to `false`.\n   * Unfortunately the \"toggle\" event is not cancelable and when catched, the `open` state is already changed.\n   */\n  private onDetailsToggle(): void {\n    if (this.isDisabled) {\n      this.open = false;\n      this.detailsElm.open = false;\n\n      return;\n    }\n\n    this.open = this.detailsElm.open;\n    this.toggled.emit(this.open);\n  }\n\n  render(): HTMLDetailsElement {\n    return (\n      <details\n        ref={(elm: HTMLDetailsElement) => (this.detailsElm = elm)}\n        onToggle={this.onDetailsToggle.bind(this)}\n        open={this.open}\n      >\n        <summary\n          tabIndex={this.isDisabled ? -1 : null}\n          part=\"summary\"\n        >\n          {this.icon && (\n            <z-icon\n              class=\"z-accordion-label-icon\"\n              name={this.icon}\n            />\n          )}\n          <span class=\"z-accordion-label\">{this.label}</span>\n          <span class=\"z-accordion-tags\">\n            <slot name=\"tag\" />\n          </span>\n          <z-icon\n            class=\"z-accordion-chevron\"\n            name={this.open ? \"chevron-up\" : \"chevron-down\"}\n          />\n        </summary>\n        {!this.isDisabled && (\n          <div\n            class=\"z-accordion-content\"\n            part=\"content\"\n          >\n            <slot />\n          </div>\n        )}\n      </details>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAY,ozLAClB,MAAAC,EAAeD,E,MCuBFE,EAAU,M,6GAiBdC,EAAYC,I,gBAMN,M,UAMN,M,eAMK,M,aAMgBC,EAAiBC,Q,YAMpC,I,CASC,gBAAAC,GACR,GAAIC,KAAKC,WAAY,CACnBD,KAAKE,KAAO,K,EAWR,eAAAC,GACN,GAAIH,KAAKC,WAAY,CACnBD,KAAKE,KAAO,MACZF,KAAKI,WAAWF,KAAO,MAEvB,M,CAGFF,KAAKE,KAAOF,KAAKI,WAAWF,KAC5BF,KAAKK,QAAQC,KAAKN,KAAKE,K,CAGzB,MAAAK,GACE,OACEC,EAAA,WAAAC,IAAA,2CACEC,IAAMC,GAA6BX,KAAKI,WAAaO,EACrDC,SAAUZ,KAAKG,gBAAgBU,KAAKb,MACpCE,KAAMF,KAAKE,MAEXM,EAAA,WAAAC,IAAA,2CACEK,SAAUd,KAAKC,YAAc,EAAI,KACjCc,KAAK,WAEJf,KAAKgB,MACJR,EAAA,UACES,MAAM,yBACNC,KAAMlB,KAAKgB,OAGfR,EAAA,QAAAC,IAAA,2CAAMQ,MAAM,qBAAqBjB,KAAKmB,OACtCX,EAAA,QAAAC,IAAA,2CAAMQ,MAAM,oBACVT,EAAA,QAAAC,IAAA,2CAAMS,KAAK,SAEbV,EAAA,UAAAC,IAAA,2CACEQ,MAAM,sBACNC,KAAMlB,KAAKE,KAAO,aAAe,mBAGnCF,KAAKC,YACLO,EAAA,OACES,MAAM,sBACNF,KAAK,WAELP,EAAA,c"}

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-4d4d422d.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,a,g as r}from"./p-10bb4f4b.js";import{O as n,v as s,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}from"./p-025f494e.js";import{I as x}from"./p-4686b762.js";import{r as y,b as w,h as k}from"./p-955da62e.js";import"./p-2c886e8b.js";const C=':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=C;const j=typeof IntersectionObserver!=="undefined";const O=class{constructor(i){t(this,i);this.sticking=e(this,"sticking",7);this.observer=j&&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:n.OVERLAY,transitiondirection:s.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 r(this)}static get watchers(){return{_stuck:["onStuck"],drawerOpen:["setMenuFloatingMode"],stuck:["onStuckMode"]}}};O.style=S;const I='.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-surface01);background-color:var(--color-surface01);color:var(--color-primary01)}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-surface01);background-color:var(--color-surface01);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:transparent;background-color:transparent;color:var(--color-disabled02)}';const $=I;const T=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,width:16,height:16}),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,width:16,height:16}),i("slot",null))}get hostElement(){return r(this)}};T.style=$;const M=".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 L=M;const _=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})`}})}};_.style=L;const R=":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 E=R;const A=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:x[this.name]})}return i("polygon",{points:x[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(x[this.name])))}};A.style=E;const B='.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,.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(--blue500)}.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: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=B;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-${y()}`;this.type=undefined;this.name=undefined;this.label=undefined;this.ariaLabel="";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.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}}renderInputText(t=u.TEXT){const e=this.ariaLabel?{"aria-label":this.ariaLabel}:{};const a=Object.assign(Object.assign(Object.assign(Object.assign({},this.getTextAttributes()),this.getNumberAttributes(t)),this.getPatternAttribute(t)),e);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(w(this.message)===false){return}return i("z-input-message",{message:w(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.renderMessage())}handleCheck(t){this.checked=t.target.checked;this.emitInputCheck(this.checked)}renderCheckbox(){return i("div",{class:"checkbox-wrapper"},i("input",{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}),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",{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}),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:"9db88168218308912a950b5ddb8d3d6a124ac180"},t)}get hostElement(){return r(this)}};P.style=H;const D=':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 F=D;const V=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"]}}};V.style=F;const X=":host{display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}";const N=X;const q=class{constructor(e){t(this,e);this.size=b.MEDIUM;this.listType=f.NONE}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:"3f0d088344a4e163c9a1e56e49bce624e8446634",role:"list"},i("slot",{key:"87b333ba561bbd2b35583dc3323a2273851c56cd"}))}get host(){return r(this)}};q.style=N;const K=':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 W=K;const U=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.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.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:"88e4a71505aa68c6efacc683ff3a35edf08aed20",role:"listitem","aria-expanded":this.expandable?this.showInnerContent:null,onClick:this.handleClick,onKeyDown:this.handleKeyDown,clickable:this.clickable&&!this.disabled,tabIndex:!this.isContextualMenu?"0":null},i("div",{key:"3ccfab87bf6ef5de81138bd6a1283d101d149af0",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:"6349fd074b23065d65bfc51093ff4a679429c9f7",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 r(this)}};U.style=W;const Z=":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 G=Z;const J=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 r(this)}};J.style=G;const Y='.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);visibility:hidden}.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}[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 Q=Y;const tt=class{constructor(i){t(this,i);this.canvasOpenStatusChanged=e(this,"canvasOpenStatusChanged",7);this.variant=n.PUSHCONTENT;this.open=false;this.transitiondirection=s.LEFT;this.skipLoadAnimation=false}onOpenChanged(){if(!this.open&&this.skipLoadAnimation){this.skipLoadAnimation=false}if(this.open){this.handlePageOverflow()}this.canvasOpenStatusChanged.emit(this.open)}handlePageOverflow(){const t=this.variant===n.OVERLAY?"overflow-y":"overflow-x";document.body.style[t]=this.open?"hidden":""}render(){return i(a,{key:"ce2ec1d973e117cabb65568ba69a845ee2d45370",class:{"skip-animation":this.skipLoadAnimation}},i("div",{key:"a8896ae41cdcf084df5b1b49666ea8b2de24cef4",role:"presentation",class:"canvas-container",onTransitionEnd:()=>this.handlePageOverflow()},i("div",{key:"3ab57868ca31e26744e8867613c64a4fe1a4b4b4",role:"presentation",class:"canvas-content"},i("slot",{key:"385f9fe11bbc38437f79088a0db98f9027479b87",name:"canvasContent"}))),this.variant==n.OVERLAY&&i("div",{class:"canvas-background","data-action":"canvasBackground",onClick:()=>this.open=false}))}static get watchers(){return{open:["onOpenChanged"]}}};tt.style=Q;const et=':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 .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 it=et;const at=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-${y()}`;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}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}}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=>k(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 r=0;Object.values(e).forEach(((t,e,n)=>{if(this.checkResultsCount(r)){const s=[];t.items.forEach(((t,i,a)=>{if(this.checkResultsCount(r)){const r=e===n.length-1&&i===a.length-1;s.push(this.renderItem(t,i,!r))}r++}));if(s.length){a.push(i("z-list-group",{"divider-type":z.ELEMENT},this.renderItemCategory(t),s))}}}));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("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)})))}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:"fb00861518eb5646a75f2fa810b907163d720531",onFocus:()=>this.showResults=true,onClick:t=>this.handleOutsideClick(t),class:{"has-submit":this.showSearchButton,"has-results":this.autocomplete}},i("div",{key:"10ed44f469ddd16737653dff61427ccde59df735",class:"input-container"},this.renderInput(),this.renderResults()),this.renderButton())}static get watchers(){return{resultsItems:["watchItems"],resultsCount:["watchResultsCount"],value:["watchValue"],searchString:["watchSearchString"]}}};at.style=it;export{O as z_app_header,T as z_button,_ as z_divider,A as z_icon,P as z_input,V as z_input_message,q as z_list,U as z_list_element,J as z_list_group,tt as z_offcanvas,at as z_searchbar};
-//# sourceMappingURL=p-4d4d422d.entry.js.map