@zanichelli/albe-web-components 13.2.0-rc1 → 13.3.0

package/dist/types/components/z-popover/index.d.ts

@@ -17,6 +17,7 @@ export declare class ZPopover {
     open: boolean;
     /**
      * The selector or the element bound with the popover.
+     * If string css selector is provided make sure to use a valid selector.
      */
     bindTo?: string | HTMLElement;
     /**

package/dist/types/components.d.ts

@@ -402,6 +402,7 @@ export namespace Components {
     /**
      * ZCarousel component.
      * @cssprop --z-carousel-gutter - The gutter between items.
+     * @cssprop --z-carousel-items-shadow - The shadow around the items.
      */
     interface ZCarousel {
         /**
@@ -627,10 +628,18 @@ export namespace Components {
           * get array of uploaded files
          */
         "getFiles": () => Promise<File[]>;
+        /**
+          * uploaded files history rendering
+         */
+        "hasFileSection"?: boolean;
         /**
           * Title
          */
         "mainTitle"?: string;
+        /**
+          * remove file from the array
+         */
+        "removeFile": (fileName: string) => Promise<void>;
         /**
           * Prop indicating the file upload type - can be default or dragdrop
          */
@@ -737,10 +746,6 @@ export namespace Components {
           * render icon (optional): available for text
          */
         "icon"?: string;
-        /**
-          * set tabindex to input tag (optional). Defaults to native behaviour.
-         */
-        "innerTabIndex"?: number;
         /**
           * get checked status
          */
@@ -932,10 +937,6 @@ export namespace Components {
           * [optional] Sets expandable style to element.
          */
         "expandableStyle"?: ExpandableListStyle;
-        /**
-          * set tabindex to Host tag (optional). Defaults to 0.
-         */
-        "htmlTabindex"?: number | null;
         /**
           * [optional] List element id.
          */
@@ -1496,7 +1497,7 @@ export namespace Components {
      */
     interface ZPopover {
         /**
-          * The selector or the element bound with the popover.
+          * The selector or the element bound with the popover. If string css selector is provided make sure to use a valid selector.
          */
         "bindTo"?: string | HTMLElement;
         /**
@@ -2369,6 +2370,7 @@ declare global {
     /**
      * ZCarousel component.
      * @cssprop --z-carousel-gutter - The gutter between items.
+     * @cssprop --z-carousel-items-shadow - The shadow around the items.
      */
     interface HTMLZCarouselElement extends Components.ZCarousel, HTMLStencilElement {
         addEventListener<K extends keyof HTMLZCarouselElementEventMap>(type: K, listener: (this: HTMLZCarouselElement, ev: ZCarouselCustomEvent<HTMLZCarouselElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2545,7 +2547,6 @@ declare global {
         "startTyping": any;
         "stopTyping": any;
         "inputCheck": any;
-        "ariaDescendantFocus": string;
     }
     interface HTMLZInputElement extends Components.ZInput, HTMLStencilElement {
         addEventListener<K extends keyof HTMLZInputElementEventMap>(type: K, listener: (this: HTMLZInputElement, ev: ZInputCustomEvent<HTMLZInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3769,6 +3770,7 @@ declare namespace LocalJSX {
     /**
      * ZCarousel component.
      * @cssprop --z-carousel-gutter - The gutter between items.
+     * @cssprop --z-carousel-items-shadow - The shadow around the items.
      */
     interface ZCarousel {
         /**
@@ -4014,6 +4016,10 @@ declare namespace LocalJSX {
           * Max file dimension in Megabyte
          */
         "fileMaxSize"?: number;
+        /**
+          * uploaded files history rendering
+         */
+        "hasFileSection"?: boolean;
         /**
           * Title
          */
@@ -4132,10 +4138,6 @@ declare namespace LocalJSX {
           * render icon (optional): available for text
          */
         "icon"?: string;
-        /**
-          * set tabindex to input tag (optional). Defaults to native behaviour.
-         */
-        "innerTabIndex"?: number;
         /**
           * the input label
          */
@@ -4168,10 +4170,6 @@ declare namespace LocalJSX {
           * the input name
          */
         "name"?: string;
-        /**
-          * set parent aria-activedescendant on focus event, returns filterid
-         */
-        "onAriaDescendantFocus"?: (event: ZInputCustomEvent<string>) => void;
         /**
           * Emitted on input value change, returns value, validity
          */
@@ -4347,10 +4345,6 @@ declare namespace LocalJSX {
           * [optional] Sets expandable style to element.
          */
         "expandableStyle"?: ExpandableListStyle;
-        /**
-          * set tabindex to Host tag (optional). Defaults to 0.
-         */
-        "htmlTabindex"?: number | null;
         /**
           * [optional] List element id.
          */
@@ -4991,7 +4985,7 @@ declare namespace LocalJSX {
      */
     interface ZPopover {
         /**
-          * The selector or the element bound with the popover.
+          * The selector or the element bound with the popover. If string css selector is provided make sure to use a valid selector.
          */
         "bindTo"?: string | HTMLElement;
         /**
@@ -5721,6 +5715,7 @@ declare module "@stencil/core" {
             /**
              * ZCarousel component.
              * @cssprop --z-carousel-gutter - The gutter between items.
+             * @cssprop --z-carousel-items-shadow - The shadow around the items.
              */
             "z-carousel": LocalJSX.ZCarousel & JSXBase.HTMLAttributes<HTMLZCarouselElement>;
             "z-chip": LocalJSX.ZChip & JSXBase.HTMLAttributes<HTMLZChipElement>;

package/dist/web-components-library/{p-158b6dda.entry.js → p-3796ca7c.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,a,g as s}from"./p-10bb4f4b.js";import"./p-04fdb6fa.js";import"./p-2aa42d09.js";import"./p-f76d0247.js";import"./p-ac768eff.js";import"./p-955da62e.js";import"./p-025f494e.js";import"./p-2c886e8b.js";import"./p-88cf27cf.js";import"./p-c0bfa87d.js";const r=":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}.table{min-width:max-content}";const o=r;const i=class{constructor(t){e(this,t);this.bordered=false;this.expandable=false}updateExpandable(){this.expandable=this.host.querySelectorAll("z-tr[expandable]").length>0}componentWillLoad(){this.expandableMutationObserver=new MutationObserver((()=>{this.updateExpandable()}));this.expandableMutationObserver.observe(this.host,{childList:true,subtree:true,attributes:true,attributeFilter:["expandable"],attributeOldValue:false})}disconnectedCallback(){this.expandableMutationObserver.disconnect()}render(){return t(a,{key:"4c33beca2ea12f899450df4a244ea271ea30c018",expandable:this.expandable},t("div",{key:"e5f6e45535e0251091d58b9784cfbe0b9bfc8f7e",class:"table",role:"table"},t("slot",{key:"d244f077dd25df7f2189f5b5f4b6f89e69db4768"})))}get host(){return s(this)}};i.style=o;export{i as z_table};
-//# sourceMappingURL=p-158b6dda.entry.js.map
+import{r as t,h as e,a,g as s}from"./p-10bb4f4b.js";import"./p-04fdb6fa.js";import"./p-2aa42d09.js";import"./p-f76d0247.js";import"./p-ac768eff.js";import"./p-955da62e.js";import"./p-025f494e.js";import"./p-2c886e8b.js";import"./p-88cf27cf.js";import"./p-c0bfa87d.js";const o=":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}.table{min-width:max-content}";const r=o;const i=class{constructor(e){t(this,e);this.bordered=false;this.expandable=false}updateExpandable(){this.expandable=this.host.querySelectorAll("z-tr[expandable]").length>0}componentWillLoad(){this.expandableMutationObserver=new MutationObserver((()=>{this.updateExpandable()}));this.expandableMutationObserver.observe(this.host,{childList:true,subtree:true,attributes:true,attributeFilter:["expandable"],attributeOldValue:false})}disconnectedCallback(){var t;(t=this.expandableMutationObserver)===null||t===void 0?void 0:t.disconnect()}render(){return e(a,{key:"d404e04cce15f5c9c01d1d90477b0b073ce4fb18",expandable:this.expandable},e("div",{key:"093877b6d4f94257a4178c2d0647107a91cd782b",class:"table",role:"table"},e("slot",{key:"19e147c5cb2e20287208e39085e816cfc62f3f5e"})))}get host(){return s(this)}};i.style=r;export{i as z_table};
+//# sourceMappingURL=p-3796ca7c.entry.js.map

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

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

package/dist/web-components-library/p-9b52dea5.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as e}from"./p-10bb4f4b.js";import{I as s,e as r,K as o,l as a}from"./p-025f494e.js";import{a as n}from"./p-955da62e.js";import"./p-2c886e8b.js";const h=':host{display:block}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-surface04);margin:0;background-color:var(--color-input-field01);border-radius:var(--border-radius-small);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header p.body-3{padding:calc(var(--space-unit) * 0.5) 0}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}:host>div.open>div.header:focus:focus-visible{box-shadow:none}:host>div>div.header:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>p.body-3{padding:var(--space-unit) 0;margin:0;color:var(--color-text01)}:host>div>.header>p.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-icon02);transform:rotate(360deg);transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-primary01);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-disabled01);fill:var(--color-disabled01)}:host>div.disabled .header>p.body-3{color:var(--color-disabled02)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-disabled01)}:host>div.open>.header>z-icon{fill:var(--color-icon02);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.open-combo-data{position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--gray200);border-top:0;background-color:var(--color-input-field01);border-radius:0}:host>div.open>div.open-combo-data>div{overflow:auto;max-height:235px;padding:0;scrollbar-color:var(--color-primary01) transparent}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>ul{max-height:235px;padding:0 3px;margin:0}::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01)}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01)}:host>div.open>div.open-combo-data>div.search{overflow:hidden;max-height:auto;margin-top:0;box-shadow:1px 1px 4px 2px rgb(217 222 227 / 50%)}:host>div.open>div.open-combo-data>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2);scrollbar-color:var(--color-primary01) transparent}:host>div.open>div.open-combo-data>div.search>div{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div.search>div>a{display:inline-block;height:44px;color:var(--color-primary01);cursor:pointer;font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}';const d=h;const l=class{watchItems(){this.itemsList=typeof this.items==="string"?JSON.parse(this.items):this.items;this.selectedCounter=this.itemsList.filter((i=>i.checked)).length;this.updateRenderItemsList()}watchSearchValue(){this.filterItems(this.searchValue)}inputCheckListener(i){const t=i.detail.id.replace(`combo-checkbox-${this.inputid}-`,"");if(t==="check-all"&&(!this.maxcheckableitems||this.maxcheckableitems>=this.itemsList.length)){return this.checkAll(i.detail.checked)}this.itemsList=this.itemsList.map((e=>{if(e.id===t){e.checked=i.detail.checked}return e}));this.updateRenderItemsList();this.emitComboboxChange()}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}constructor(e){i(this,e);this.comboboxChange=t(this,"comboboxChange",7);this.itemsList=[];this.inputType=s.TEXT;this.inputid=undefined;this.items=undefined;this.label=undefined;this.disabled=false;this.hassearch=false;this.searchlabel=undefined;this.searchplaceholder=undefined;this.searchtitle=undefined;this.noresultslabel="Nessun risultato";this.isopen=false;this.isfixed=false;this.closesearchtext="Chiudi";this.hascheckall=false;this.checkalltext="Seleziona tutti";this.uncheckalltext="Deseleziona tutti";this.maxcheckableitems=0;this.hasgroupitems=undefined;this.size=r.BIG;this.searchValue=undefined;this.selectedCounter=undefined;this.renderItemsList=[];this.toggleComboBox=this.toggleComboBox.bind(this);this.closeFilterItems=this.closeFilterItems.bind(this)}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((i=>i.checked)).length}updateRenderItemsList(){if(this.searchValue){this.filterItems(this.searchValue)}else{this.resetRenderItemsList()}}resetRenderItemsList(){const i=[];this.itemsList.forEach((t=>{i.push(Object.assign({},t))}));this.renderItemsList=i}filterItems(i){if(!i){return this.closeFilterItems()}this.resetRenderItemsList();this.renderItemsList=this.renderItemsList.filter((t=>{const e=t.name.toUpperCase().indexOf(i.toUpperCase());const s=e+i.length;const r=t.name.substring(0,e)+t.name.substring(e,s).bold()+t.name.substring(s,t.name.length);t.name=r;return e>=0}))}checkAll(i=true){this.itemsList=this.itemsList.map((t=>Object.assign(Object.assign({},t),{checked:i})));this.resetRenderItemsList();this.emitComboboxChange()}closeFilterItems(){this.searchValue="";this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}renderHeader(){return e("div",{class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:i=>{if(i.keyCode===o.SPACE){i.preventDefault()}},onKeyUp:i=>n(i,this.toggleComboBox),role:"button",tabindex:0},e("p",{class:"body-3"},this.label,e("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),e("z-icon",{name:"caret-down",class:this.size}))}renderContent(){if(!this.isopen){return}return e("div",{class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),this.hascheckall&&this.renderCheckAll(),this.renderItems())}renderItems(){if(!this.isopen){return}return e("div",{class:this.searchValue&&"search",tabindex:-1},this.renderList(this.renderItemsList),this.searchValue&&this.renderCloseButton())}renderItem(i,t,o){return e("z-myz-list-item",{id:i.id,listitemid:i.id,action:`combo-li-${this.inputid}`,underlined:t!==o-1,class:this.size},e("z-input",{type:s.CHECKBOX,checked:i.checked,htmlid:`combo-checkbox-${this.inputid}-${i.id}`,label:i.name,disabled:!i.checked&&this.maxcheckableitems&&this.maxcheckableitems===this.selectedCounter,size:this.size===r.X_SMALL?r.SMALL:this.size}))}renderList(i){if(!i){return}if(!i.length&&this.searchValue){return this.renderNoSearchResults()}if(this.hasgroupitems){return this.renderGroups(this.itemsList)}return e("ul",null,i.map(((t,e)=>this.renderItem(t,e,i.length))))}renderGroups(i){const t=i.reduce(((t,e,s)=>{var r;const{category:o}=e;const a=this.renderItem(e,s,i.length);t[o]=(r=t[o])!==null&&r!==void 0?r:[];t[o].push(a);return t}),{});const s=Object.entries(t).map((([i,t])=>e("z-list-group",{"divider-type":a.ELEMENT},e("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},i),t.map((i=>i)))));return e("ul",null,s)}renderNoSearchResults(){return e("ul",null,e("z-myz-list-item",{id:"no-results",text:this.noresultslabel,listitemid:"no-results",icon:"multiply-circle",class:this.size}))}renderCloseButton(){return e("div",null,e("a",{onClick:()=>this.closeFilterItems(),onKeyUp:i=>n(i,this.closeFilterItems),role:"button",tabindex:0},this.closesearchtext))}renderSearchInput(){if(!this.isopen){return}return e("z-input",{htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:false,size:this.size,onInputChange:i=>{if(i.detail.keycode===27){return this.closeFilterItems()}this.searchValue=i.detail.value}})}renderCheckAll(){if(this.searchValue){return}const i=this.selectedCounter===this.itemsList.length;return e("div",{class:"check-all-wrapper"},e("z-input",{type:s.CHECKBOX,checked:i,htmlid:`combo-checkbox-${this.inputid}-check-all`,label:i?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length,size:this.size===r.X_SMALL?r.SMALL:this.size}))}render(){return e("div",{key:"60fd65ff74672014003f4f0bfe8187a3b9688e72","data-action":`combo-${this.inputid}`,class:{open:this.isopen,fixed:this.isfixed,disabled:this.disabled},id:this.inputid},this.renderHeader(),!this.disabled&&this.renderContent())}static get watchers(){return{items:["watchItems"],searchValue:["watchSearchValue"]}}};l.style=d;export{l as z_combobox};
+//# sourceMappingURL=p-9b52dea5.entry.js.map

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

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