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

package/dist/components/index10.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as n,Host as s,transformTag as a}from"@stencil/core/internal/client";import{j as o,l,D as c,E as r,i as h,m as d,g as u}from"./index2.js";import{d as m}from"./index6.js";import{d as b}from"./index3.js";const p=e(class extends t{accessibleFocusHandler(e){this.listElementId===e.detail&&this.host.shadowRoot.getElementById(`z-list-element-id-${e.detail}`).focus()}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.accessibleFocus=i(this,"accessibleFocus",7),this.ariaDescendantFocus=i(this,"ariaDescendantFocus",7),this.clickItem=i(this,"clickItem",7),this.alignButton=o.LEFT,this.clickable=!1,this.dividerColor="color-surface03",this.dividerType=l.NONE,this.dividerSize=c.SMALL,this.expandable=!1,this.expandableStyle=r.ACCORDION,this.size=h.MEDIUM,this.color="none",this.disabled=!1,this.listElementPosition="0",this.listType=d.NONE,this.role="listitem",this.htmlTabindex=0,this.showInnerContent=!1,this.openElementConfig={accordion:{open:"minus-circled",close:"plus-circled"},menu:{open:"chevron-up",close:"chevron-down"}},this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}handleClick(){this.disabled||(this.clickItem.emit(this.listElementId),this.expandable&&(this.showInnerContent=!this.showInnerContent))}handleKeyDown(e){const t=e.code===u.ENTER;switch(e.code){case u.ARROW_DOWN:e.preventDefault(),this.accessibleFocus.emit(this.listElementId+1);break;case u.ARROW_UP:e.preventDefault(),this.accessibleFocus.emit(this.listElementId-1);break;case u.ENTER:e.preventDefault(),this.clickItem.emit(this.listElementId)}this.expandable&&t&&(this.showInnerContent=!this.showInnerContent)}renderExpandableButton(){return this.expandable?n("z-icon",{name:this.showInnerContent?this.openElementConfig[this.expandableStyle].open:this.openElementConfig[this.expandableStyle].close}):null}renderExpandedContent(){return this.expandable?n("div",{class:{"z-list-element-inner-container":!0,expanded:this.showInnerContent}},n("slot",{name:"inner-content"})):null}renderContent(){return this.listType===d.NONE?n("slot",null):this.listType===d.ORDERED?n("div",{class:"z-list-content-container"},n("div",null,this.listElementPosition,". "),n("slot",null)):this.listType===d.UNORDERED?n("div",{class:"z-list-content-container"},n("span",null,"• "),n("slot",null)):void 0}render(){return n(s,{key:"565d88705b517e78e6b9c05f5923903704472751","aria-expanded":this.expandable?this.showInnerContent:null,onClick:this.handleClick,onFocus:()=>this.ariaDescendantFocus.emit(this.listElementId),onKeyDown:this.handleKeyDown,clickable:this.clickable&&!this.disabled,tabIndex:this.hasTreeItems?void 0:this.htmlTabindex,role:this.hasTreeItems?"none":this.role},n("div",{key:"6a1ccb7af0b9455e52e4b0b7699722a2f2e98f01",class:this.hasTreeItems?"tree-element-container":"container",style:!this.disabled&&{color:`var(--${this.color})`},tabindex:"-1",id:`z-list-element-id-${this.listElementId}`,part:"list-item-container"},n("div",{key:"64a7d40c04afdb7cd9fc1f090926d7de10341ef4",class:"z-list-element-container"},this.renderExpandableButton(),this.renderContent()),this.renderExpandedContent()),this.dividerType===l.ELEMENT&&n("z-divider",{key:"e781e6f655bd4a7d0987fef33d8b426caa7ed0aa",class:{"z-tree-list-divider":this.hasTreeItems},color:this.dividerColor,size:this.dividerSize}))}get host(){return this}static get style(){return':host{outline:none}:host>.container{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;background-color:var(--background-color-list-element, var(--color-surface01));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="medium"])>.tree-element-container{padding-top:0;padding-bottom: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([clickable])>.container{cursor:pointer}:host([expandable]:hover)>.container,:host([clickable]:hover)>.container{background-color:var(--background-hover-color-list-element, var(--color-background))}:host([expandable]:focus:focus-visible)>.container,:host([clickable]:focus:focus-visible)>.container{position:relative;z-index:1;box-shadow:var(--shadow-focus-primary)}:host([expandable]:active)>.container,:host([clickable]:active)>.container{background-color:var(--background-active-color-list-element, var(--color-background))}:host([align-button="left"][expandable])>.container>.z-list-element-container{display:flex}:host([align-button="right"][expandable])>.container>.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{margin-right:var(--space-unit)}:host([align-button="right"][expandable])>.container>.z-list-element-container>z-icon{margin-left:var(--space-unit)}:host>.container>.z-list-element-inner-container{display:none}:host>.container>.z-list-element-inner-container.expanded{display:block}.z-list-content-container{display:flex;align-items:center}:host .z-tree-list-divider{position:absolute;z-index:100;left:0}:host([disabled])>.container{color:var(--color-form-disabled03);cursor:default}'}},[257,"z-list-element",{alignButton:[513,"align-button"],clickable:[516],dividerColor:[1,"divider-color"],dividerType:[1,"divider-type"],dividerSize:[1,"divider-size"],expandable:[516],expandableStyle:[1,"expandable-style"],listElementId:[514,"list-element-id"],size:[513],color:[513],disabled:[516],listElementPosition:[513,"list-element-position"],listType:[513,"list-type"],hasTreeItems:[4,"has-tree-items"],role:[513],htmlTabindex:[2,"html-tabindex"],showInnerContent:[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]]);function v(){"undefined"!=typeof customElements&&["z-list-element","z-divider","z-icon"].forEach((e=>{switch(e){case"z-list-element":customElements.get(a(e))||customElements.define(a(e),p);break;case"z-divider":customElements.get(a(e))||m();break;case"z-icon":customElements.get(a(e))||b()}}))}export{p as Z,v as d}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as n,Host as s,transformTag as a}from"@stencil/core/internal/client";import{j as o,l,D as c,E as r,i as h,m as d,g as u}from"./index2.js";import{d as m}from"./index6.js";import{d as b}from"./index3.js";const p=e(class extends t{accessibleFocusHandler(e){this.listElementId===e.detail&&this.host.shadowRoot.getElementById(`z-list-element-id-${e.detail}`).focus()}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.accessibleFocus=i(this,"accessibleFocus",7),this.ariaDescendantFocus=i(this,"ariaDescendantFocus",7),this.clickItem=i(this,"clickItem",7),this.alignButton=o.LEFT,this.clickable=!1,this.dividerColor="color-surface03",this.dividerType=l.NONE,this.dividerSize=c.SMALL,this.expandable=!1,this.expandableStyle=r.ACCORDION,this.size=h.MEDIUM,this.color="none",this.disabled=!1,this.listElementPosition="0",this.listType=d.NONE,this.role="listitem",this.htmlTabindex=0,this.showInnerContent=!1,this.openElementConfig={accordion:{open:"minus-circled",close:"plus-circled"},menu:{open:"chevron-up",close:"chevron-down"}},this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}handleClick(){this.disabled||(this.clickItem.emit(this.listElementId),this.expandable&&(this.showInnerContent=!this.showInnerContent))}handleKeyDown(e){const t=e.code===u.ENTER;switch(e.code){case u.ARROW_DOWN:e.preventDefault(),this.accessibleFocus.emit(this.listElementId+1);break;case u.ARROW_UP:e.preventDefault(),this.accessibleFocus.emit(this.listElementId-1);break;case u.ENTER:e.preventDefault(),this.clickItem.emit(this.listElementId)}this.expandable&&t&&(this.showInnerContent=!this.showInnerContent)}renderExpandableButton(){return this.expandable?n("z-icon",{name:this.showInnerContent?this.openElementConfig[this.expandableStyle].open:this.openElementConfig[this.expandableStyle].close}):null}renderExpandedContent(){return this.expandable?n("div",{class:{"z-list-element-inner-container":!0,expanded:this.showInnerContent}},n("slot",{name:"inner-content"})):null}renderContent(){return this.listType===d.NONE?n("slot",null):this.listType===d.ORDERED?n("div",{class:"z-list-content-container"},n("div",null,this.listElementPosition,". "),n("slot",null)):this.listType===d.UNORDERED?n("div",{class:"z-list-content-container"},n("span",null,"• "),n("slot",null)):void 0}render(){return n(s,{key:"9a06293fba7e3b74fe169d1d3e927a4abd7b17f1","aria-expanded":this.expandable?this.showInnerContent:null,onClick:this.handleClick,onFocus:()=>this.ariaDescendantFocus.emit(this.listElementId),onKeyDown:this.handleKeyDown,clickable:this.clickable&&!this.disabled,tabIndex:this.hasTreeItems?void 0:this.htmlTabindex,role:this.hasTreeItems?"none":this.role},n("div",{key:"c962c30a71313bd84b1075ad03a96e4b5de77a42",class:this.hasTreeItems?"tree-element-container":"container",style:!this.disabled&&{color:`var(--${this.color})`},tabindex:"-1",id:`z-list-element-id-${this.listElementId}`,part:"list-item-container"},n("div",{key:"ccca86019dec23767ae7bcf5af988c7f2366d850",class:"z-list-element-container"},this.renderExpandableButton(),this.renderContent()),this.renderExpandedContent()),this.dividerType===l.ELEMENT&&n("z-divider",{key:"f8f1b6053d0fe0415b520c4f1deaba92e24019b8",class:{"z-tree-list-divider":this.hasTreeItems},color:this.dividerColor,size:this.dividerSize}))}get host(){return this}static get style(){return':host{outline:none}:host>.container{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;background-color:var(--background-color-list-element, var(--color-surface01));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="medium"])>.tree-element-container{padding-top:0;padding-bottom: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([clickable])>.container{cursor:pointer}:host([expandable]:hover)>.container,:host([clickable]:hover)>.container{background-color:var(--background-hover-color-list-element, var(--color-background))}:host([expandable]:focus:focus-visible)>.container,:host([clickable]:focus:focus-visible)>.container{position:relative;z-index:1;box-shadow:var(--shadow-focus-primary)}:host([expandable]:active)>.container,:host([clickable]:active)>.container{background-color:var(--background-active-color-list-element, var(--color-background))}:host([align-button="left"][expandable])>.container>.z-list-element-container{display:flex}:host([align-button="right"][expandable])>.container>.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{margin-right:var(--space-unit)}:host([align-button="right"][expandable])>.container>.z-list-element-container>z-icon{margin-left:var(--space-unit)}:host>.container>.z-list-element-inner-container{display:none}:host>.container>.z-list-element-inner-container.expanded{display:block}.z-list-content-container{display:flex;align-items:center}:host .z-tree-list-divider{position:absolute;z-index:100;left:0}:host([disabled])>.container{color:var(--color-form-disabled03);cursor:default}'}},[257,"z-list-element",{alignButton:[513,"align-button"],clickable:[516],dividerColor:[1,"divider-color"],dividerType:[1,"divider-type"],dividerSize:[1,"divider-size"],expandable:[516],expandableStyle:[1,"expandable-style"],listElementId:[514,"list-element-id"],size:[513],color:[513],disabled:[516],listElementPosition:[513,"list-element-position"],listType:[513,"list-type"],hasTreeItems:[4,"has-tree-items"],role:[513],htmlTabindex:[2,"html-tabindex"],showInnerContent:[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]]);function v(){"undefined"!=typeof customElements&&["z-list-element","z-divider","z-icon"].forEach((e=>{switch(e){case"z-list-element":customElements.get(a(e))||customElements.define(a(e),p);break;case"z-divider":customElements.get(a(e))||m();break;case"z-icon":customElements.get(a(e))||b()}}))}export{p as Z,v as d}

package/dist/components/index11.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as r}from"@stencil/core/internal/client";import{i as a,l as o,D as d,m as n}from"./index2.js";import{d as h}from"./index6.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=a.MEDIUM,this.dividerType=o.NONE,this.dividerSize=d.SMALL,this.dividerColor="gray200",this.listType=n.NONE,this.role="group"}componentDidLoad(){const e=this.host.children;for(let t=0;t<e.length;t++)e.length-1>t&&(e[t].setAttribute("divider-type",this.dividerType),e[t].setAttribute("divider-size",this.dividerSize),e[t].setAttribute("divider-color",this.dividerColor)),e[t].setAttribute("size",this.size),e[t].setAttribute("list-type",this.listType),e[t].setAttribute("list-element-position",t.toString())}componentWillLoad(){this.hasHeader=!!this.host.querySelector('[slot="header-title"]')}render(){return i(s,{key:"a2b30a3071d35ba28d8e485ff92a88e537a85290"},i("div",{key:"528f17bfa6de4ccb252e86ec424b388f3d6d4ff0",class:{"z-list-group-header-container":!0,"has-header":this.hasHeader&&!this.hasTreeItems,"grouped-tree-list-header":this.hasTreeItems}},i("slot",{key:"318ed932865eef9943a0f7ff7ae87e02a2ce968e",name:"header-title"}),this.dividerType===o.HEADER&&i("z-divider",{key:"3d6d1ea46c42420c86b4f5f22bf5d5bcb1c5268f",color:this.dividerColor,size:this.dividerSize})),i("slot",{key:"f02a9b862b895d421be12ba4eb9625269f086e03"}))}get host(){return this}static get style(){return":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:calc(var(--space-unit) * 1.5);padding-bottom:var(--space-unit)}:host>.z-list-group-header-container.has-header>z-divider{margin-top:var(--space-unit)}:host>.grouped-tree-list-header{padding-top:calc(var(--space-unit) * 1.5);padding-bottom:var(--space-unit)}"}},[257,"z-list-group",{size:[513],dividerType:[513,"divider-type"],dividerSize:[513,"divider-size"],dividerColor:[513,"divider-color"],listType:[513,"list-type"],hasTreeItems:[4,"has-tree-items"],role:[513]}]);function l(){"undefined"!=typeof customElements&&["z-list-group","z-divider"].forEach((e=>{switch(e){case"z-list-group":customElements.get(r(e))||customElements.define(r(e),c);break;case"z-divider":customElements.get(r(e))||h()}}))}export{c as Z,l as d}
+import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as r}from"@stencil/core/internal/client";import{i as a,l as o,D as d,m as n}from"./index2.js";import{d as h}from"./index6.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=a.MEDIUM,this.dividerType=o.NONE,this.dividerSize=d.SMALL,this.dividerColor="gray200",this.listType=n.NONE,this.role="group"}componentDidLoad(){const e=this.host.children;for(let t=0;t<e.length;t++)e.length-1>t&&(e[t].setAttribute("divider-type",this.dividerType),e[t].setAttribute("divider-size",this.dividerSize),e[t].setAttribute("divider-color",this.dividerColor)),e[t].setAttribute("size",this.size),e[t].setAttribute("list-type",this.listType),e[t].setAttribute("list-element-position",t.toString())}componentWillLoad(){this.hasHeader=!!this.host.querySelector('[slot="header-title"]')}render(){return i(s,{key:"cd9bd738252e44011edad7b468ad711a2ef83f12"},i("div",{key:"d2c2e41d50b4884b438ae7b25e9e2b06260df6ac",class:{"z-list-group-header-container":!0,"has-header":this.hasHeader&&!this.hasTreeItems,"grouped-tree-list-header":this.hasTreeItems}},i("slot",{key:"c47a8ea2508c87bbd0688248dcae0350d159350a",name:"header-title"}),this.dividerType===o.HEADER&&i("z-divider",{key:"c0586eee517b42aaf76507286bd086abaecb8013",color:this.dividerColor,size:this.dividerSize})),i("slot",{key:"5f558529f5de2f4b62403d239e8424eea6259fd3"}))}get host(){return this}static get style(){return":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:calc(var(--space-unit) * 1.5);padding-bottom:var(--space-unit)}:host>.z-list-group-header-container.has-header>z-divider{margin-top:var(--space-unit)}:host>.grouped-tree-list-header{padding-top:calc(var(--space-unit) * 1.5);padding-bottom:var(--space-unit)}"}},[257,"z-list-group",{size:[513],dividerType:[513,"divider-type"],dividerSize:[513,"divider-size"],dividerColor:[513,"divider-color"],listType:[513,"list-type"],hasTreeItems:[4,"has-tree-items"],role:[513]}]);function l(){"undefined"!=typeof customElements&&["z-list-group","z-divider"].forEach((e=>{switch(e){case"z-list-group":customElements.get(r(e))||customElements.define(r(e),c);break;case"z-divider":customElements.get(r(e))||h()}}))}export{c as Z,l as d}

package/dist/components/index12.js

@@ -1 +1 @@
-import{proxyCustomElement as n,HTMLElement as a,createEvent as t,h as s,Host as i,transformTag as o}from"@stencil/core/internal/client";import{O as c,u as e,g as r}from"./index2.js";const f=n(class extends a{constructor(n){super(),!1!==n&&this.__registerHost(),this.canvasOpenStatusChanged=t(this,"canvasOpenStatusChanged",7),this.variant=c.PUSHCONTENT,this.open=!1,this.transitiondirection=e.LEFT,this.skipLoadAnimation=!1,this.showBackdrop=!0,this.skipAnimation=!1,this.allFocusableElements=[],this.previouslyFocusedElement=null}getFocusableElements(){return this.canvasContent?Array.from(this.canvasContent.querySelectorAll("*")).filter((n=>{const a=n.getAttribute("tabindex");return!n.hasAttribute("disabled")&&!(null===n.offsetParent)&&(n.tabIndex>=0||"0"===a)})):[]}trapFocus(n){if(!this.allFocusableElements.length)return;const a=this.allFocusableElements[0],t=this.allFocusableElements[this.allFocusableElements.length-1],s=document.activeElement;n.shiftKey&&s===a&&(n.preventDefault(),t.focus()),n.shiftKey||s!==t||(n.preventDefault(),a.focus())}handleKeyDown(n){if(this.open)return n.key===r.ESC?(n.preventDefault(),void(this.open=!1)):void(n.key===r.TAB&&this.trapFocus(n))}stopEvent(n){this.open||(n.preventDefault(),n.stopPropagation())}handlePageOverflow(){document.body.style[this.variant===c.OVERLAY||this.transitiondirection===e.UP?"overflow-y":"overflow-x"]=this.open?"hidden":""}onOpenChanged(){var n,a,t;if(this.canvasOpenStatusChanged.emit(this.open),this.open)this.previouslyFocusedElement=document.activeElement,this.allFocusableElements.length>0?this.allFocusableElements[0].focus():null===(n=this.canvasContent)||void 0===n||n.focus(),this.handlePageOverflow();else{null===(a=this.previouslyFocusedElement)||void 0===a||a.focus();const n=()=>{this.handlePageOverflow(),this.canvasContainer.removeEventListener("transitionend",n)};null===(t=this.canvasContainer)||void 0===t||t.addEventListener("transitionend",n)}}componentWillLoad(){this.open&&(this.skipAnimation=!0)}componentDidLoad(){this.handlePageOverflow()}componentDidRender(){this.skipAnimation=!1,this.allFocusableElements=this.getFocusableElements()}connectedCallback(){this.handlePageOverflow()}disconnectedCallback(){this.open=!1}render(){return s(i,{key:"4a7d050590730574ccb25ecd1f93032fac113549","skip-animation":this.skipAnimation,"aria-hidden":this.open?null:"true"},s("div",{key:"4507bf74ea9c8b097173ed048cd52af0704b8fb6",class:"canvas-container",role:"presentation",ref:n=>this.canvasContainer=n},s("div",{key:"79c69732bcdf90d5dc25713bdec66034b595f75d",class:"canvas-content z-scrollbar",role:"presentation",ref:n=>this.canvasContent=n},s("slot",{key:"f133b7048d147138f4db154f2591070b5c74bd8a",name:"canvasContent"}))),(this.variant==c.OVERLAY||this.transitiondirection===e.UP)&&this.showBackdrop&&s("div",{key:"885eeed8b2ebd31467366f208c5f66eace44ad0c",class:"backdrop",onClick:()=>this.open=!1}))}static get watchers(){return{variant:[{handlePageOverflow:0}],open:[{onOpenChanged:0}]}}static get style(){return'.sc-z-offcanvas-h{font-family:var(--font-family-sans);font-weight:var(--font-rg)}[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"]){overflow:hidden}.canvas-container.sc-z-offcanvas{display:flex;overflow:hidden;min-width:100%;height:100%;background:var(--color-surface01);transform:translateX(0);transition:transform 0.4s ease-out}.sc-z-offcanvas-h>*.sc-z-offcanvas{position:fixed;top:var(--z-offcanvas--top-space, 0);right:0;bottom:0;left:0}[open].sc-z-offcanvas-h>*.sc-z-offcanvas{height:calc(100% - var(--z-offcanvas--top-space, 0px))}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(-100%)}[transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(100%)}[open][transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[open][transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(0)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{top:auto;bottom:0;height:var(--z-offcanvas--container-height, 90%);transform:translateY(100%)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[variant="overlay"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1001}[open][transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateY(0)}[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"])>.canvas-container.sc-z-offcanvas{position:relative;height:100%}[variant="pushcontent"].sc-z-offcanvas-h:not([open]){display:none}[skip-animation].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transition:none}.backdrop.sc-z-offcanvas{z-index:1000;width:100%;height:100%;background-color:var(--gray900);opacity:0;pointer-events:none;transition:opacity 0.4s ease-out}[open].sc-z-offcanvas-h>.backdrop.sc-z-offcanvas{opacity:0.7;pointer-events:unset}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:hidden 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}@media (min-width: 768px){[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"]){flex:none}.canvas-container.sc-z-offcanvas{width:var(--z-offcanvas--container-width, 375px);min-width:var(--z-offcanvas--container-width, 375px)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{width:100%}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:auto;left:0}[transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:0;left:auto}}'}},[262,"z-offcanvas",{variant:[513],open:[1540],transitiondirection:[513],skipLoadAnimation:[4,"skip-load-animation"],showBackdrop:[4,"show-backdrop"],skipAnimation:[32]},[[4,"keydown","handleKeyDown"],[2,"click","stopEvent"],[2,"focusin","stopEvent"]],{variant:[{handlePageOverflow:0}],open:[{onOpenChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["z-offcanvas"].forEach((n=>{"z-offcanvas"===n&&(customElements.get(o(n))||customElements.define(o(n),f))}))}export{f as Z,h as d}
+import{proxyCustomElement as n,HTMLElement as a,createEvent as t,h as s,Host as i,transformTag as o}from"@stencil/core/internal/client";import{O as c,u as e,g as r}from"./index2.js";const f=n(class extends a{constructor(n){super(),!1!==n&&this.__registerHost(),this.canvasOpenStatusChanged=t(this,"canvasOpenStatusChanged",7),this.variant=c.PUSHCONTENT,this.open=!1,this.transitiondirection=e.LEFT,this.skipLoadAnimation=!1,this.showBackdrop=!0,this.skipAnimation=!1,this.allFocusableElements=[],this.previouslyFocusedElement=null}getFocusableElements(){return this.canvasContent?Array.from(this.canvasContent.querySelectorAll("*")).filter((n=>{const a=n.getAttribute("tabindex");return!n.hasAttribute("disabled")&&!(null===n.offsetParent)&&(n.tabIndex>=0||"0"===a)})):[]}trapFocus(n){if(!this.allFocusableElements.length)return;const a=this.allFocusableElements[0],t=this.allFocusableElements[this.allFocusableElements.length-1],s=document.activeElement;n.shiftKey&&s===a&&(n.preventDefault(),t.focus()),n.shiftKey||s!==t||(n.preventDefault(),a.focus())}handleKeyDown(n){if(this.open)return n.key===r.ESC?(n.preventDefault(),void(this.open=!1)):void(n.key===r.TAB&&this.trapFocus(n))}stopEvent(n){this.open||(n.preventDefault(),n.stopPropagation())}handlePageOverflow(){document.body.style[this.variant===c.OVERLAY||this.transitiondirection===e.UP?"overflow-y":"overflow-x"]=this.open?"hidden":""}onOpenChanged(){var n,a,t;if(this.canvasOpenStatusChanged.emit(this.open),this.open)this.previouslyFocusedElement=document.activeElement,this.allFocusableElements.length>0?this.allFocusableElements[0].focus():null===(n=this.canvasContent)||void 0===n||n.focus(),this.handlePageOverflow();else{null===(a=this.previouslyFocusedElement)||void 0===a||a.focus();const n=()=>{this.handlePageOverflow(),this.canvasContainer.removeEventListener("transitionend",n)};null===(t=this.canvasContainer)||void 0===t||t.addEventListener("transitionend",n)}}componentWillLoad(){this.open&&(this.skipAnimation=!0)}componentDidLoad(){this.handlePageOverflow()}componentDidRender(){this.skipAnimation=!1,this.allFocusableElements=this.getFocusableElements()}connectedCallback(){this.handlePageOverflow()}disconnectedCallback(){this.open=!1}render(){return s(i,{key:"8775a7fea17fac8ddcf69a1a1001b69aa1d29ae7","skip-animation":this.skipAnimation,"aria-hidden":this.open?null:"true"},s("div",{key:"4ca1eae5425dc05fe71d1bc171481ad22b90d0b7",class:"canvas-container",role:"presentation",ref:n=>this.canvasContainer=n},s("div",{key:"b22cbee1928706351f03099ab860957403f529a7",class:"canvas-content z-scrollbar",role:"presentation",ref:n=>this.canvasContent=n},s("slot",{key:"96e1701e1e400dbe09c7625debcb79ec06fe91fb",name:"canvasContent"}))),(this.variant==c.OVERLAY||this.transitiondirection===e.UP)&&this.showBackdrop&&s("div",{key:"bf842940be8987308e745bdda6b9254171045a62",class:"backdrop",onClick:()=>this.open=!1}))}static get watchers(){return{variant:[{handlePageOverflow:0}],open:[{onOpenChanged:0}]}}static get style(){return'.sc-z-offcanvas-h{font-family:var(--font-family-sans);font-weight:var(--font-rg)}[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"]){overflow:hidden}.canvas-container.sc-z-offcanvas{display:flex;overflow:hidden;min-width:100%;height:100%;background:var(--color-surface01);transform:translateX(0);transition:transform 0.4s ease-out}.sc-z-offcanvas-h>*.sc-z-offcanvas{position:fixed;top:var(--z-offcanvas--top-space, 0);right:0;bottom:0;left:0}[open].sc-z-offcanvas-h>*.sc-z-offcanvas{height:calc(100% - var(--z-offcanvas--top-space, 0px))}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(-100%)}[transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(100%)}[open][transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[open][transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(0)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{top:auto;bottom:0;height:var(--z-offcanvas--container-height, 90%);transform:translateY(100%)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[variant="overlay"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1001}[open][transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateY(0)}[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"])>.canvas-container.sc-z-offcanvas{position:relative;height:100%}[variant="pushcontent"].sc-z-offcanvas-h:not([open]){display:none}[skip-animation].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transition:none}.backdrop.sc-z-offcanvas{z-index:1000;width:100%;height:100%;background-color:var(--gray900);opacity:0;pointer-events:none;transition:opacity 0.4s ease-out}[open].sc-z-offcanvas-h>.backdrop.sc-z-offcanvas{opacity:0.7;pointer-events:unset}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:hidden 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}@media (min-width: 768px){[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"]){flex:none}.canvas-container.sc-z-offcanvas{width:var(--z-offcanvas--container-width, 375px);min-width:var(--z-offcanvas--container-width, 375px)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{width:100%}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:auto;left:0}[transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:0;left:auto}}'}},[262,"z-offcanvas",{variant:[513],open:[1540],transitiondirection:[513],skipLoadAnimation:[4,"skip-load-animation"],showBackdrop:[4,"show-backdrop"],skipAnimation:[32]},[[4,"keydown","handleKeyDown"],[2,"click","stopEvent"],[2,"focusin","stopEvent"]],{variant:[{handlePageOverflow:0}],open:[{onOpenChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["z-offcanvas"].forEach((n=>{"z-offcanvas"===n&&(customElements.get(o(n))||customElements.define(o(n),f))}))}export{f as Z,h as d}

package/dist/components/index13.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as l,transformTag as r}from"@stencil/core/internal/client";import{e as a,B as o,p as n,l as h,g as c}from"./index2.js";import{r as u,g as d,m}from"./utils.js";import{d as p}from"./index5.js";import{d as v}from"./index6.js";import{d as b}from"./index3.js";import{d as g}from"./index7.js";import{d as z}from"./index8.js";import{d as f}from"./index9.js";import{d as x}from"./index10.js";import{d as w}from"./index11.js";import{d as y}from"./index14.js";const k=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.searchSubmit=s(this,"searchSubmit",7),this.searchTyping=s(this,"searchTyping",7),this.searchItemClick=s(this,"searchItemClick",7),this.htmlid=`searchbar-${u()}`,this.preventSubmit=!1,this.autocomplete=!1,this.autocompleteMinChars=3,this.searchHelperLabel="Cerca {searchString}",this.sortResultsItems=!1,this.showSearchButton=!1,this.searchButtonIconOnly=!1,this.size=a.BIG,this.variant=o.PRIMARY,this.searchString=this.value,this.currResultsCount=0,this.showResults=!1,this.isMobile=!1,this.resultsItemsList=null,this.items=[]}emitSearchSubmit(){this.searchSubmit.emit(this.inputRef.value)}emitSearchTyping(t){this.searchTyping.emit(t)}emitSearchItemClick(t){this.searchItemClick.emit(t),this.selectedItem=t,this.searchString=""}watchItems(){this.resultsItemsList=this.getResultsItemsList()}watchResultsCount(){this.currResultsCount=this.resultsCount}watchValue(){this.searchString=this.value}watchSearchString(){this.emitSearchTyping(this.searchString),this.items=[],this.searchString||(this.currResultsCount=this.resultsCount)}watchShowResults(){this.showResults||(this.items=[])}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{d()!==n.MOBILE||this.isMobile||(this.isMobile=!0),d()!==n.MOBILE&&this.isMobile&&(this.isMobile=!1)})),this.resizeObserver.observe(this.element)}componentWillLoad(){this.resultsItemsList=this.getResultsItemsList(),this.currResultsCount=this.resultsCount}getResultsItemsList(){return"string"==typeof this.resultsItems?JSON.parse(this.resultsItems):this.resultsItems}getGroupedItems(t){const e={};return t.forEach((t=>{var s;const i=`${null==t?void 0:t.category}${null==t?void 0:t.subcategory}`;e[i]=null!==(s=e[i])&&void 0!==s?s:{category:null==t?void 0:t.category,subcategory:null==t?void 0:t.subcategory,items:[]},e[i].items.push(t)})),this.sortResultsItems?Object.keys(e).sort().reduce(((t,s)=>(t[s]=Object.assign(Object.assign({},e[s]),{items:e[s].items.sort(((t,e)=>{const s=t.label.toUpperCase(),i=e.label.toUpperCase();return s<i?-1:s>i?1:0}))}),t)),{}):e}checkResultsCount(t){return!this.currResultsCount||t<this.currResultsCount}handleStopTyping(t){t.stopPropagation(),this.searchString=t.detail.value,this.selectedItem&&(this.selectedItem=void 0)}handleSubmit(){this.preventSubmit||this.emitSearchSubmit()}handleOutsideClick(t){const e=t.composedPath(),s=e.find((t=>"Z-SEARCHBAR"===t.nodeName));this.showResults=!(!s||s.htmlid!==this.htmlid||!e.find((t=>{var e;return"Z-INPUT"===(null==t?void 0:t.nodeName)||(null===(e=null==t?void 0:t.classList)||void 0===e?void 0:e.contains("results"))})))}renderInput(){var t;return i("z-input",{ref:t=>{this.inputRef=t},htmlid:`input-${this.htmlid}`,message:!1,placeholder:this.placeholder,onStopTyping:t=>this.handleStopTyping(t),onKeyUp:t=>{m(t,(()=>this.handleSubmit())),this.handleArrowsNavigation(t)},value:this.searchString||(null===(t=this.selectedItem)||void 0===t?void 0:t.label),size:this.size,label:this.label,"aria-label":this.htmlAriaLabel||this.placeholder})}renderButton(){if(!this.showSearchButton)return null;const t=this.searchButtonIconOnly?"":"CERCA",e=this.searchButtonIconOnly?{"aria-label":"CERCA"}:null,s=Object.assign(Object.assign({disabled:this.preventSubmit,variant:this.variant,size:this.size,onClick:()=>this.handleSubmit()},this.searchButtonIconOnly?{icon:"search"}:null),e);return i("z-button",Object.assign({},s),t)}renderResults(){return this.showResults&&this.autocomplete&&this.searchString&&!(this.searchString.length<this.autocompleteMinChars)&&this.resultsItemsList?i("div",{class:"results-wrapper"},i("div",{class:"results"},this.renderResultsList())):null}renderResultsList(){var t,e;return this.preventSubmit&&!(null===(t=this.resultsItemsList)||void 0===t?void 0:t.length)?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"))):i("z-list",{role:"listbox",id:`list-${this.htmlid}`,"aria-label":this.htmlAriaLabel||this.label},this.renderSearchHelper(!!(null===(e=this.resultsItemsList)||void 0===e?void 0:e.length)),this.renderItems(),this.renderShowAllResults())}renderItems(){var t;if(!(null===(t=this.resultsItemsList)||void 0===t?void 0:t.length))return[];const e=this.getGroupedItems(this.resultsItemsList),s=[];let l=0;return Object.values(e).forEach(((t,e,r)=>{if(this.checkResultsCount(l)){const a=[];t.items.forEach(((t,s,i)=>{this.checkResultsCount(l)&&a.push(this.renderItem(t,s,!(e===r.length-1&&s===i.length-1))),l++})),a.length&&s.push(i("z-list-group",{"divider-type":h.ELEMENT},this.renderItemCategory(t),a))}})),s}handleArrowsNavigation(t){const e=t.target;if(![c.ARROW_DOWN,c.ARROW_UP].includes(t.key))return void t.preventDefault();if(!this.items.length){const t=this.element.shadowRoot.querySelector("z-list");if(!t)return;this.items=Array.from(t.querySelectorAll(".list-element"))}this.items.forEach((t=>{t.classList.toggle("focused",!1)}));const s=this.items.indexOf(e);if(t.key===c.ARROW_DOWN){t.preventDefault();const e=s+1;e<this.items.length&&(this.items[e].focus(),this.items[e].classList.add("focused"))}if(t.key===c.ARROW_UP){t.preventDefault();const e=s-1;e<0&&(this.element.shadowRoot.querySelector("input").focus(),this.element.shadowRoot.querySelector("input").setSelectionRange(this.inputRef.value.length,this.inputRef.value.length)),e>=0&&(this.items[e].focus(),this.items[e].classList.add("focused"))}}renderItem(t,e,s){return i("z-list-element",{id:`list-item-${this.htmlid}-${e}`,tabIndex:0,role:"option",dividerType:s?h.ELEMENT:void 0,onKeyDown:t=>this.handleArrowsNavigation(t)},i("div",{class:"list-element",tabIndex:0,onClick:()=>this.emitSearchItemClick(t),onKeyDown:e=>m(e,(()=>this.emitSearchItemClick(t))),onMouseEnter:t=>{t.target.classList.add("hovered")},onMouseLeave:t=>{t.target.classList.toggle("hovered",!1)}},i("span",{class:"item ellipsis"},(null==t?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)})),(null==t?void 0:t.tag)&&i("z-tag",{icon:t.tag.icon},this.isMobile?"":t.tag.text)),t.children&&t.children.length>0?i("z-list",null,i("div",{class:"children-node"},t.children.map(((t,e)=>this.renderItem(t,e,!1))))):null)}renderItemLabel(t){return this.searchString?t.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gmi"),(t=>`<mark>${t}</mark>`)):t}renderItemCategory(t){return(null==t?void 0:t.category)?i("span",{class:"category-heading",slot:"header-title"},i("span",{class:"category"},t.category),(null==t?void 0:t.subcategory)&&i("span",{class:"subcategory"},t.subcategory)):null}renderSearchHelper(t=!0){return this.autocomplete&&!this.preventSubmit&&this.searchString?i("z-list-element",{role:"option",dividerType:t?h.ELEMENT:void 0,id:`list-item-${this.htmlid}-search`,onKeyDown:t=>this.handleArrowsNavigation(t)},i("div",{tabindex:0,onClick:()=>this.emitSearchSubmit(),onKeyDown:t=>m(t,(()=>this.emitSearchSubmit())),class:"list-element"},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>`)})))):null}renderShowAllResults(){var t,e;return!this.currResultsCount||!this.searchString||!(null===(t=this.resultsItemsList)||void 0===t?void 0:t.length)||this.currResultsCount>=(null===(e=this.resultsItemsList)||void 0===e?void 0:e.length)?null:i("z-list-element",{role:"option",tabindex:0,clickable:!0,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(l,{key:"6ccdb51d39d0e211de9b79cbbed90f4597b2c25b",onFocus:()=>this.showResults=!0,onClick:t=>this.handleOutsideClick(t),class:{"has-submit":this.showSearchButton,"has-results":this.autocomplete}},i("div",{key:"90e51c50fe4b06429aad4d222cb26e5789183c30",class:"input-container"},this.renderInput(),this.renderResults()),this.renderButton())}get element(){return this}static get watchers(){return{resultsItems:[{watchItems:0}],resultsCount:[{watchResultsCount:0}],value:[{watchValue:0}],searchString:[{watchSearchString:0}],showResults:[{watchShowResults:0}]}}static get style(){return':host{--z-searchbar-tag-text-color:var(--color-primary03);--z-searchbar-tag-bg:var(--color-hover-primary);--z-searchbar-item-height:44px;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}:host::part(list-item-container){display:block;min-height:unset;padding:0}.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)}.results::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}.results::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}.results::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(.results::-webkit-scrollbar-track){.results{scrollbar-color:var(--color-primary01) transparent}}.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-default-text);text-transform:uppercase}.results z-list-element{position:relative;display:block}z-list-element>.item-search{padding:var(--space-unit) 0}z-list z-list-element::before{position:absolute;z-index:100;top:5px;left:-20px;width:8px;height:1em;border-bottom:1px solid var(--color-disabled01-icon);border-left:1px solid var(--color-disabled01-icon);content:"";cursor:pointer}z-list z-list-element::after{position:absolute;z-index:100;top:5px;left:-20px;width:8px;height:100%;border-left:1px solid var(--color-disabled01-icon);content:"";cursor:pointer}z-list z-list-element:last-child::after{display:none}z-list>z-list-element::before,z-list>z-list-element::after,z-list>z-list-group>z-list-element::before,z-list>z-list-group>z-list-element::after{display:none}z-list>div.children-node{padding-left:calc(var(--space-unit) * 3)}.results z-list-element>.list-element{display:flex;justify-content:space-between;padding:calc(var(--space-unit) * 1.25) 0;cursor:pointer}.results z-list-element>.list-element:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.results z-list-element>.list-element .item.ellipsis{overflow:hidden}.results z-list-element .list-element::after{position:absolute;top:0;right:0;display:block;width:100%;height:44px;content:"";transform:translateX(-100%)}.results z-list-element .list-element.focused.hovered::after{padding-left:6px}.results z-list-element>.list-element:hover,.results z-list-element>.list-element:hover::after{background-color:var(--color-background);cursor:pointer}.results z-list-element>.list-element>z-tag{border:1px solid var(--gray800);font-size:var(--font-size-1);font-weight:var(--font-sb);--z-tag-bg:var(--z-searchbar-tag-bg);--z-tag-text-color:var(--z-searchbar-tag-text-color)}.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-default-text);column-gap:calc(var(--space-unit) * 1.5);fill:var(--color-default-icon);font-size:var(--font-size-2);line-height:var(--font-size-6)}.results .item.ellipsis>.item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .item>.item-label mark{background:var(--color-primary03)}.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:1.5rem}.results z-list-element>.list-element>z-tag{min-width:max-content}}@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"]) z-list-element>.list-element,:host([size="small"]) z-list-element>.item-search{padding:calc(var(--space-unit) * 0.75) 0}:host([size="x-small"]) z-list-element>.list-element,:host([size="x-small"]) z-list-element>.item-search{padding:calc(var(--space-unit) / 2) 0}:host([size="small"]) z-list-element .list-element::after{height:36px}:host([size="x-small"]) z-list-element .list-element::after{height:32px}.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}'}},[1,"z-searchbar",{htmlid:[513],preventSubmit:[4,"prevent-submit"],label:[1],htmlAriaLabel:[1,"html-aria-label"],value:[1],placeholder:[1],autocomplete:[4],autocompleteMinChars:[2,"autocomplete-min-chars"],resultsCount:[2,"results-count"],searchHelperLabel:[1,"search-helper-label"],resultsItems:[1,"results-items"],sortResultsItems:[4,"sort-results-items"],showSearchButton:[4,"show-search-button"],searchButtonIconOnly:[4,"search-button-icon-only"],size:[1],variant:[1],searchString:[32],currResultsCount:[32],showResults:[32],isMobile:[32],selectedItem:[32]},[[4,"click","handleOutsideClick"]],{resultsItems:[{watchItems:0}],resultsCount:[{watchResultsCount:0}],value:[{watchValue:0}],searchString:[{watchSearchString:0}],showResults:[{watchShowResults:0}]}]);function S(){"undefined"!=typeof customElements&&["z-searchbar","z-button","z-divider","z-icon","z-input","z-input-message","z-list","z-list-element","z-list-group","z-tag"].forEach((t=>{switch(t){case"z-searchbar":customElements.get(r(t))||customElements.define(r(t),k);break;case"z-button":customElements.get(r(t))||p();break;case"z-divider":customElements.get(r(t))||v();break;case"z-icon":customElements.get(r(t))||b();break;case"z-input":customElements.get(r(t))||g();break;case"z-input-message":customElements.get(r(t))||z();break;case"z-list":customElements.get(r(t))||f();break;case"z-list-element":customElements.get(r(t))||x();break;case"z-list-group":customElements.get(r(t))||w();break;case"z-tag":customElements.get(r(t))||y()}}))}export{k as Z,S as d}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";import{e as a,B as r,g as l}from"./index2.js";import{r as h,n as d}from"./utils.js";import{d as b}from"./index5.js";import{d as c}from"./index6.js";import{d as f}from"./index3.js";import{d as g}from"./index7.js";import{d as v}from"./index8.js";import{d as m}from"./index9.js";import{d as p}from"./index10.js";import{d as z}from"./index11.js";import{d as u}from"./index14.js";const w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.searchSubmit=i(this,"searchSubmit",7),this.searchTyping=i(this,"searchTyping",7),this.searchItemClick=i(this,"searchItemClick",7),this.htmlid=`searchbar-${h()}`,this.preventSubmit=!1,this.autocomplete=!1,this.autocompleteMinChars=3,this.searchHelperLabel="Cerca {searchString}",this.sortResultsItems=!1,this.showSearchButton=!1,this.searchButtonIconOnly=!1,this.searchButtonLabel="CERCA",this.size=a.BIG,this.variant=r.PRIMARY,this.searchString=this.value,this.currResultsCount=this.resultsCount,this.showResults=!1,this.isMobile=!1,this.resultsItemsList=null}emitSearchItemClick(t){this.searchItemClick.emit(t),this.selectedItem=t,this.searchString=""}emitSearchSubmit(){this.searchSubmit.emit(this.inputRef.value)}watchItems(){this.resultsItemsList=this.getResultsItemsList()}watchResultsCount(){this.currResultsCount=this.resultsCount}watchValue(){this.searchString=this.value}watchSearchString(){this.searchTyping.emit(this.searchString),this.searchString||(this.currResultsCount=this.resultsCount)}getResultsItemsList(){return"string"==typeof this.resultsItems?JSON.parse(this.resultsItems):this.resultsItems}getGroupedItems(){const t={};return this.resultsItemsList.forEach((e=>{var i;const o=`${null==e?void 0:e.category}${null==e?void 0:e.subcategory}`;t[o]=null!==(i=t[o])&&void 0!==i?i:{category:null==e?void 0:e.category,subcategory:null==e?void 0:e.subcategory,items:[]},t[o].items.push(e)})),this.sortResultsItems?Object.keys(t).sort().reduce(((e,i)=>(e[i]=Object.assign(Object.assign({},t[i]),{items:t[i].items.sort(((t,e)=>{const i=t.label.toUpperCase(),o=e.label.toUpperCase();return i<o?-1:i>o?1:0}))}),e)),{}):t}onListItemKeyDown(t,e){if(t.key===l.ENTER)return t.preventDefault(),void this.emitSearchItemClick(e);this.handleArrowsNavigation(t)}onSearchHelperKeyDown(t){if(t.key===l.ENTER)return t.preventDefault(),void this.emitSearchSubmit();this.handleArrowsNavigation(t)}handleArrowsNavigation(t){var e,i,o,s,n,a;if(![l.ARROW_DOWN,l.ARROW_UP].includes(t.key))return;const r=t.target,h=Array.from(null!==(i=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelectorAll("z-list .list-item"))&&void 0!==i?i:[]),d=h.indexOf(r);if(t.key===l.ARROW_DOWN){t.preventDefault();const e=d+1;e<h.length&&h[e].focus()}if(t.key===l.ARROW_UP){t.preventDefault();const e=d-1;e<0&&(null===(s=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector("input"))||void 0===s||s.focus(),null===(a=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector("input"))||void 0===a||a.setSelectionRange(this.inputRef.value.length,this.inputRef.value.length)),e>=0&&h[e].focus()}}handleStopTyping(t){t.stopPropagation(),this.searchString=t.detail.value,this.selectedItem=void 0}handleSubmit(){this.preventSubmit||this.emitSearchSubmit()}handleOutsideClick(t){t.composedPath().includes(this.host)||(this.showResults=!1)}componentWillLoad(){this.resultsItemsList=this.getResultsItemsList(),this.mql=matchMedia("(max-width: 767px)"),this.onMobileViewChange=t=>this.isMobile=t.matches,this.mql.addEventListener("change",this.onMobileViewChange),this.isMobile=this.mql.matches}disconnectedCallback(){var t;null===(t=this.mql)||void 0===t||t.removeEventListener("change",this.onMobileViewChange)}renderItemLabel(t){return this.searchString?t.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gmi"),(t=>`<mark>${t}</mark>`)):t}renderItem(t,e){var i;return o("z-list-element",{id:`list-item-${this.htmlid}-${e}`,role:"presentation",htmlTabindex:-1,onKeyDown:e=>this.onListItemKeyDown(e,t),onClick:()=>this.emitSearchItemClick(t)},o("div",{class:"list-item ellipsis",role:"option",tabindex:0},!!(null==t?void 0:t.icon)&&o("z-icon",{class:"item-icon",name:t.icon}),o("div",{class:"item-label body-3 mobile-body-4",title:t.label,innerHTML:this.renderItemLabel(t.label)}),!!(null==t?void 0:t.tag)&&o("z-tag",{icon:t.tag.icon},this.isMobile?"":t.tag.text)),!!(null===(i=t.children)||void 0===i?void 0:i.length)&&o("z-list",{class:"sub-list",role:"group","aria-label":t.label||void 0},t.children.map(((t,e)=>this.renderItem(t,e)))))}renderItemGroups(){var t;if(!(null===(t=this.resultsItemsList)||void 0===t?void 0:t.length))return;const e=Object.values(this.getGroupedItems()),i=[],s=!!this.currResultsCount;let n=0;for(const t of e){const e=s?this.currResultsCount-n:t.items.length;if(e<=0)break;const a=t.items.slice(0,e).map(((t,e)=>this.renderItem(t,e)));if(n+=a.length,!a.length)continue;const r=[t.category,t.subcategory].filter(Boolean).join(" ");i.push(o("z-list-group",{"aria-label":r||void 0},t.category&&o("z-list-element",{class:"category-heading body-3 mobile-body-4",slot:"header-title",role:"presentation",htmlTabindex:-1},o("div",{class:"category"},t.category),t.subcategory&&o("div",{class:"subcategory"},t.subcategory)),a))}return i}render(){var t,e,i,n,a;return o(s,{key:"a08d7cbf665fc71a412f13ce8e6d0424ceeb929d",onFocus:()=>this.showResults=!0,onClick:t=>this.handleOutsideClick(t),class:{"has-submit":!!this.showSearchButton,"has-results":!!this.autocomplete}},o("div",{key:"d5987d36585f496b8eebc3eeda36815d629c0b2a",class:"input-container"},o("z-input",{key:"cb54997fa4598f8b746c8f0685c283facb8545a6",ref:t=>this.inputRef=t,htmlid:`input-${this.htmlid}`,message:!1,placeholder:this.placeholder,onStopTyping:t=>this.handleStopTyping(t),onKeyUp:t=>{d(t,(()=>this.handleSubmit())),this.handleArrowsNavigation(t)},onFocus:()=>this.showResults=!0,value:this.searchString||(null===(t=this.selectedItem)||void 0===t?void 0:t.label),size:this.size,label:this.label,"aria-label":this.htmlAriaLabel||this.placeholder||void 0}),!!(this.showResults&&this.autocomplete&&this.searchString&&this.searchString.length>=this.autocompleteMinChars&&this.resultsItemsList)&&o("div",{key:"e872905bfe52aef6fa6c49579c7d12e1ebc66bb9",class:"results z-scrollbar"},this.preventSubmit&&!(null===(e=this.resultsItemsList)||void 0===e?void 0:e.length)?o("div",{class:"item-no-results body-3 mobile-body-4"},"Non abbiamo trovato risultati per ",o("b",null,this.searchString),o("br",null),o("br",null),"Cosa puoi fare?",o("ul",null,o("li",null,"Verificare di aver scritto bene"),o("li",null,"Provare a cercare un'altra parola"),o("li",null,"Provare a cercare qualcosa di più generico"))):o("z-list",{role:"listbox",id:`list-${this.htmlid}`,"aria-label":this.htmlAriaLabel||this.label||void 0},this.autocomplete&&!this.preventSubmit&&!!this.searchString&&o("z-list-element",{role:"presentation",htmlTabindex:-1,id:`list-item-${this.htmlid}-search`,onKeyDown:t=>this.onSearchHelperKeyDown(t),onClick:()=>this.emitSearchSubmit()},o("div",{class:"list-item item-search",role:"option",tabindex:0},o("z-icon",{class:"search-icon",name:"left-magnifying-glass"}),o("div",{class:"item-label body-3 mobile-body-4",innerHTML:null===(i=this.searchHelperLabel)||void 0===i?void 0:i.replace("{searchString}",`<mark>${this.searchString}</mark>`)}))),this.renderItemGroups(),!!(this.searchString&&(null===(n=this.resultsItemsList)||void 0===n?void 0:n.length)&&this.currResultsCount&&this.currResultsCount<(null===(a=this.resultsItemsList)||void 0===a?void 0:a.length))&&o("z-list-element",{role:"presentation",htmlTabindex:-1,id:`list-item-${this.htmlid}-show-all`},o("div",{role:"option",class:"item-show-all body-3 mobile-body-4",tabindex:0,onClick:()=>this.currResultsCount=void 0},"Vedi tutti i risultati"))))),this.showSearchButton&&o("z-button",{key:"5fcbf61d74fd3294f1de8ae9a2a7432ddd894bd4",icon:this.searchButtonIconOnly?"search":void 0,"aria-label":this.searchButtonIconOnly?this.searchButtonLabel.trim()||"CERCA":void 0,disabled:!!this.preventSubmit,variant:this.variant,size:this.size,onClick:()=>this.handleSubmit()},this.searchButtonIconOnly?"":this.searchButtonLabel.trim()||"CERCA"))}get host(){return this}static get watchers(){return{resultsItems:[{watchItems:0}],resultsCount:[{watchResultsCount:0}],value:[{watchValue:0}],searchString:[{watchSearchString:0}]}}static get style(){return':host{--z-searchbar-tag-text-color:var(--color-primary03);--z-searchbar-tag-bg:var(--color-hover-primary);--z-searchbar-item-height:2.75rem;z-index:15;display:flex;column-gap:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,*,::after,::before{box-sizing:border-box}.input-container{position:relative;display:flex;width:100%;flex-direction:column}.input-container z-input{z-index:1}.results{--item-icon-size:1rem;--z-icon-height:var(--item-icon-size);--z-icon-width:var(--item-icon-size);--item-inline-padding:calc(var(--space-unit) * 1.5);--item-col-gap:var(--space-unit);position:absolute;top:calc(100% - 1px);left:0;overflow:auto;width:100%;max-height:var(--z-searchbar-results-height, 540px);border:var(--border-size-small) solid var(--color-form-surface03);border-top:none;background:var(--color-form-background)}.results z-list-element{--background-color-list-element:var(--color-form-background);position:relative;display:block}.results>z-list>z-list-element::part(list-item-container){padding:0 var(--item-inline-padding)}.results z-list-element>.list-item{position:relative;display:flex;align-items:center;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) / 4);background-color:transparent;color:var(--color-form-default-text);fill:var(--color-form-default-icon);gap:var(--item-col-gap)}.results z-list-element>.list-item:hover{background-color:var(--gray100);cursor:pointer}.results z-list-element>.list-item:focus-visible{z-index:1;box-shadow:var(--shadow-focus-primary);outline:none}.results>z-list>z-list-element:not(:last-child)>.list-item,.results z-list-group:not(:last-child)>z-list-element:not(.category-heading){border-bottom:1px solid var(--color-form-surface03)}.results z-list-group{padding:0 var(--item-inline-padding)}.results z-list-group>z-list-element::part(list-item-container){padding:0}.results .sub-list{padding-left:calc(var(--item-icon-size) + var(--item-col-gap))}.results .sub-list z-list-element::part(list-item-container){padding:0}.results .sub-list z-list-element>.list-item{position:relative}.results .sub-list>z-list-element:not(:last-child)::before,.results .sub-list>z-list-element>.list-item::before{position:absolute;top:0;left:calc(0px - var(--item-col-gap) - var(--item-icon-size) / 2 + 1px);border-left:1px solid var(--color-form-surface03);content:""}.results .sub-list>z-list-element:not(:last-child)::before{top:-4px;height:calc(100% + 4px)}.results .sub-list z-list-element>.list-item::before{width:14px;height:calc(var(--z-searchbar-item-height) / 2);border-bottom:1px solid var(--color-form-surface03)}.results .category-heading>.category{font-style:italic}.results .category-heading>.subcategory{text-transform:uppercase}.results z-list-element>.list-item .ellipsis{overflow:hidden}.results .ellipsis>.item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .item-label mark{background:var(--color-primary03);color:var(--color-default-text)}.results .list-item>z-tag{--z-tag-bg:var(--z-searchbar-tag-bg);--z-tag-text-color:var(--z-searchbar-tag-text-color);margin-left:auto;white-space:nowrap}.results .item-show-all{width:100%;color:var(--color-primary01);cursor:pointer;text-align:center}.results .item-no-results{display:block;font-style:italic}.results .item-no-results>ul{padding-left:calc(var(--space-unit) * 2);margin:var(--space-unit)}@media (min-width: 768px){.results{--item-icon-size:1.125rem}}.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}.z-scrollbar::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}.z-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}.z-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}:host([theme="dark"]) .z-scrollbar,.z-scrollbar--dark{--z-scrollbar-track-gradient:linear-gradient(     to right,     transparent 0 1px,     var(--gray600) 1px 5px,     transparent 5px 6px   );--z-scrollbar-track-color:var(--gray600);--z-scrollbar-thumb-color:var(--color-primary03);--z-scrollbar-thumb-hover-color:var(--color-hover-primary);--z-scrollbar-corner-color:transparent}@supports not selector(.z-scrollbar::-webkit-scrollbar-track){.z-scrollbar{scrollbar-color:var(--color-primary01) transparent}:host([theme="dark"]) .z-scrollbar,.z-scrollbar--dark{scrollbar-color:var(--z-scrollbar-thumb-color, var(--color-primary03))       var(--z-scrollbar-track-color, var(--gray600))}}:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb{font-weight:var(--font-sb)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}'}},[1,"z-searchbar",{htmlid:[513],preventSubmit:[4,"prevent-submit"],label:[1],htmlAriaLabel:[1,"html-aria-label"],value:[1],placeholder:[1],autocomplete:[4],autocompleteMinChars:[2,"autocomplete-min-chars"],resultsCount:[2,"results-count"],searchHelperLabel:[1,"search-helper-label"],resultsItems:[1,"results-items"],sortResultsItems:[4,"sort-results-items"],showSearchButton:[4,"show-search-button"],searchButtonIconOnly:[4,"search-button-icon-only"],searchButtonLabel:[1,"search-button-label"],size:[1],variant:[1],searchString:[32],currResultsCount:[32],showResults:[32],isMobile:[32],selectedItem:[32]},[[4,"click","handleOutsideClick"]],{resultsItems:[{watchItems:0}],resultsCount:[{watchResultsCount:0}],value:[{watchValue:0}],searchString:[{watchSearchString:0}]}]);function y(){"undefined"!=typeof customElements&&["z-searchbar","z-button","z-divider","z-icon","z-input","z-input-message","z-list","z-list-element","z-list-group","z-tag"].forEach((t=>{switch(t){case"z-searchbar":customElements.get(n(t))||customElements.define(n(t),w);break;case"z-button":customElements.get(n(t))||b();break;case"z-divider":customElements.get(n(t))||c();break;case"z-icon":customElements.get(n(t))||f();break;case"z-input":customElements.get(n(t))||g();break;case"z-input-message":customElements.get(n(t))||v();break;case"z-list":customElements.get(n(t))||m();break;case"z-list-element":customElements.get(n(t))||p();break;case"z-list-group":customElements.get(n(t))||z();break;case"z-tag":customElements.get(n(t))||u()}}))}export{w as Z,y as d}

package/dist/components/index14.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as a,Host as i,transformTag as s}from"@stencil/core/internal/client";import{d as n}from"./index3.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}render(){return a(i,{key:"79058b7bd9a1c161e6bc55fc0a737e6f2f3c8a06",class:{expandable:this.expandable&&!!this.icon,"has-text":!!this.host.textContent.trim()}},this.icon&&a("z-icon",{key:"ac25c974cbb40a04bb83adabe53011bb4dd89dd3",name:this.icon}),a("div",{key:"4150a1f6301110f690a595c5e2b5169d90aa4802"},a("slot",{key:"d3f2e88bf2635ec142a71c5752f264cd9e0077f7"})))}get host(){return this}static get style(){return".sc-z-tag-h{--z-icon-width:14px;--z-icon-height:14px;display:flex;width:fit-content;max-width:inherit;height:fit-content;max-height:inherit;align-items:flex-start;padding:calc(var(--space-unit) / 2);background-color:var(--z-tag-bg, var(--color-hover-primary));border-radius:var(--border-radius);color:var(--z-tag-text-color, var(--color-text-inverse));fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:14px;text-transform:uppercase}.sc-z-tag-h>z-icon.sc-z-tag{margin-right:0;transition:margin-right 0.3s ease-out}.has-text.sc-z-tag-h:not(.expandable)>z-icon.sc-z-tag{margin-right:var(--space-unit)}.has-text.expandable.sc-z-tag-h:hover>z-icon.sc-z-tag{margin-right:var(--space-unit)}.expandable.sc-z-tag-h>div.sc-z-tag{overflow:hidden;max-width:0;max-height:0}.expandable.sc-z-tag-h:hover>div.sc-z-tag{max-width:100%;max-height:100%}"}},[262,"z-tag",{icon:[1],expandable:[4]}]);function c(){"undefined"!=typeof customElements&&["z-tag","z-icon"].forEach((t=>{switch(t){case"z-tag":customElements.get(s(t))||customElements.define(s(t),r);break;case"z-icon":customElements.get(s(t))||n()}}))}export{r as Z,c as d}
+import{proxyCustomElement as t,HTMLElement as e,h as a,Host as i,transformTag as s}from"@stencil/core/internal/client";import{d as n}from"./index3.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}render(){return a(i,{key:"eafe79f7342455535bc2d0550819506bb5f2417d",class:{expandable:this.expandable&&!!this.icon,"has-text":!!this.host.textContent.trim()}},this.icon&&a("z-icon",{key:"a0cb672be061f30da008e60acf3d8104faf00e9d",name:this.icon}),a("div",{key:"688919faeafac3d13f92a7a24d0f1a4c54570d79"},a("slot",{key:"129f3625ee07bfb97a1c23e65b6014427a5d8232"})))}get host(){return this}static get style(){return".sc-z-tag-h{--z-icon-width:14px;--z-icon-height:14px;display:flex;width:fit-content;max-width:inherit;height:fit-content;max-height:inherit;align-items:flex-start;padding:calc(var(--space-unit) / 2);background-color:var(--z-tag-bg, var(--color-hover-primary));border-radius:var(--border-radius);color:var(--z-tag-text-color, var(--color-text-inverse));fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:14px;text-transform:uppercase}.sc-z-tag-h>z-icon.sc-z-tag{margin-right:0;transition:margin-right 0.3s ease-out}.has-text.sc-z-tag-h:not(.expandable)>z-icon.sc-z-tag{margin-right:var(--space-unit)}.has-text.expandable.sc-z-tag-h:hover>z-icon.sc-z-tag{margin-right:var(--space-unit)}.expandable.sc-z-tag-h>div.sc-z-tag{overflow:hidden;max-width:0;max-height:0}.expandable.sc-z-tag-h:hover>div.sc-z-tag{max-width:100%;max-height:100%}"}},[262,"z-tag",{icon:[1],expandable:[4]}]);function c(){"undefined"!=typeof customElements&&["z-tag","z-icon"].forEach((t=>{switch(t){case"z-tag":customElements.get(s(t))||customElements.define(s(t),r);break;case"z-icon":customElements.get(s(t))||n()}}))}export{r as Z,c as d}