@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.0

package/dist/cjs/z-combobox.cjs.entry.js

@@ -0,0 +1,276 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+var index$1 = require('./index-GMHChntS.js');
+var utils = require('./utils-KpWnWsPi.js');
+require('./breakpoints-B7vFm-3T.js');
+
+const stylesCss = ":host{display:block;color:var(--color-form-default-text);fill:var(--color-form-default-icon);font-family:var(--font-family-sans)}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-form-surface04);margin:0;background-color:var(--color-form-background);border-radius:var(--border-radius-small);cursor:pointer}:host([size=\"small\"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size=\"x-small\"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host([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-form-surface04);outline-offset:-2px}:host>div>div.header:focus:focus-visible{z-index:16;box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>p.body-3{padding:var(--space-unit) 0;margin:0}:host>div>.header>p.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(360deg);transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-form-active-primary);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-form-disabled03);fill:var(--color-form-disabled01-icon)}:host>div.disabled .header>p.body-3{color:var(--color-form-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-form-disabled01-icon)}:host>div.open>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(180deg);transition:all 200ms linear}:host>div.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(--color-form-surface03);border-top:0;background-color:var(--color-form-background);border-radius:0;box-shadow:var(--shadow-2)}:host .open .open-combo-data z-input .input-label{color:var(--color-form-default-text)}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>div>ul{max-height:235px;padding:0 3px;margin:0}:host .open-combo-data z-list-element{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-form-surface03);--background-active-color-list-element:var(--color-form-surface03)}::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){:host{scrollbar-color:var(--color-primary01) transparent}}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-form-active-primary)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:none;margin-top:0}:host>div.open>div.open-combo-data>div>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host .open .open-combo-data .search .no-results{display:flex;align-items:center;column-gap:var(--space-unit)}:host>.open>.open-combo-data .search .close-search{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div>div.search .close-search>a{display:inline-block;height:44px;color:var(--color-form-active-primary);cursor:pointer;font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div>div.search .close-search>a:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);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>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size=\"x-small\"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}";
+
+const ZCombobox = class {
+    watchItems() {
+        this.itemsList = typeof this.items === "string" ? JSON.parse(this.items) : this.items;
+        this.selectedCounter = this.itemsList.filter((item) => item.checked).length;
+        this.updateRenderItemsList();
+    }
+    watchSearchValue() {
+        this.filterItems(this.searchValue);
+    }
+    watchCheckboxes() {
+        this.checkboxes.forEach((item, index) => item.setAttribute("tabindex", index === 0 ? "0" : "-1"));
+    }
+    emitComboboxChange() {
+        this.comboboxChange.emit({ id: this.inputid, items: this.itemsList });
+    }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.comboboxChange = index.createEvent(this, "comboboxChange", 7);
+        this.itemsList = [];
+        this.inputType = index$1.InputType.TEXT;
+        this.inputid = `combo-${utils.randomId()}`;
+        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 = index$1.ControlSize.BIG;
+        this.searchValue = undefined;
+        this.selectedCounter = undefined;
+        this.renderItemsList = [];
+        this.focusedItemId = undefined;
+        this.checkboxes = [];
+        this.toggleComboBox = this.toggleComboBox.bind(this);
+        this.closeFilterItems = this.closeFilterItems.bind(this);
+    }
+    componentWillLoad() {
+        this.watchItems();
+    }
+    componentWillRender() {
+        this.selectedCounter = this.itemsList.filter((item) => item.checked).length;
+    }
+    componentDidRender() {
+        const checkboxes = this.getAllCheckboxes();
+        if (JSON.stringify(checkboxes) !== JSON.stringify(this.checkboxes)) {
+            this.checkboxes = checkboxes;
+        }
+    }
+    getItemId(item) {
+        return `combo-checkbox-${this.inputid}-${item.id}`;
+    }
+    getCheckboxClass() {
+        return `combo-item-checkbox-input-${this.inputid}`;
+    }
+    getAllCheckboxes() {
+        return Array.from(this.element.shadowRoot.querySelectorAll(`.${this.getCheckboxClass()} input:not([disabled])`));
+    }
+    getControlToListSize() {
+        switch (this.size) {
+            case index$1.ControlSize.X_SMALL:
+                return index$1.ListSize.SMALL;
+            case index$1.ControlSize.SMALL:
+                return index$1.ListSize.MEDIUM;
+            default:
+                return index$1.ListSize.LARGE;
+        }
+    }
+    handleSelectArrowsNavigation(e, currId) {
+        if (![index$1.KeyboardCode.ARROW_DOWN, index$1.KeyboardCode.ARROW_UP].includes(e.key) || !this.isopen) {
+            return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        const currElem = this.element.shadowRoot.querySelector(`#${currId}`);
+        if (!currElem) {
+            return;
+        }
+        const checkboxes = this.checkboxes;
+        if (!checkboxes.length) {
+            return;
+        }
+        const currElemIndex = checkboxes.indexOf(currElem);
+        const firstElemIndex = 0;
+        const lastElemIndex = checkboxes.length - 1;
+        let nextElem = null;
+        if (e.key === index$1.KeyboardCode.ARROW_DOWN) {
+            nextElem = currElemIndex === lastElemIndex ? checkboxes[firstElemIndex] : checkboxes[currElemIndex + 1];
+        }
+        else if (e.key === index$1.KeyboardCode.ARROW_UP) {
+            nextElem = currElemIndex === firstElemIndex ? checkboxes[lastElemIndex] : checkboxes[currElemIndex - 1];
+        }
+        this.focusComboboxItem(nextElem);
+    }
+    handleHeaderKeyboardEvent(ev) {
+        if (ev.key === index$1.KeyboardCode.SPACE) {
+            ev.preventDefault();
+        }
+        if ((ev.key === index$1.KeyboardCode.ARROW_DOWN && !this.isopen) || (ev.key === index$1.KeyboardCode.ARROW_UP && this.isopen)) {
+            this.toggleComboBox();
+        }
+    }
+    handleCheckboxFocus(id) {
+        this.focusedItemId = id;
+    }
+    focusComboboxItem(elem) {
+        this.checkboxes.forEach(function (item) {
+            item.setAttribute("tabindex", "-1");
+        });
+        elem.setAttribute("tabindex", "0");
+        elem.focus();
+    }
+    updateRenderItemsList() {
+        if (this.searchValue) {
+            this.filterItems(this.searchValue);
+        }
+        else {
+            this.resetRenderItemsList();
+        }
+    }
+    resetRenderItemsList() {
+        const renderItemsList = [];
+        this.itemsList.forEach((item) => {
+            renderItemsList.push(Object.assign({}, item));
+        });
+        this.renderItemsList = renderItemsList;
+    }
+    filterItems(value) {
+        if (!value) {
+            return this.closeFilterItems();
+        }
+        this.resetRenderItemsList();
+        this.renderItemsList = this.renderItemsList.filter((item) => {
+            const start = item.name.toUpperCase().indexOf(value.toUpperCase());
+            const end = start + value.length;
+            const newName = item.name.substring(0, start) +
+                "<strong>" +
+                item.name.substring(start, end) +
+                "</strong>" +
+                item.name.substring(end, item.name.length);
+            item.name = newName;
+            return start >= 0;
+        });
+    }
+    checkAll(checked = true) {
+        this.itemsList = this.itemsList.map((item) => (Object.assign(Object.assign({}, item), { checked: checked })));
+        this.resetRenderItemsList();
+        this.emitComboboxChange();
+    }
+    closeFilterItems() {
+        this.searchValue = "";
+        this.resetRenderItemsList();
+    }
+    toggleComboBox() {
+        this.isopen = !this.isopen;
+    }
+    getComboboxA11yAttributes() {
+        return {
+            "role": "combobox",
+            "aria-label": this.label,
+            "aria-expanded": this.isopen ? "true" : "false",
+            "aria-activedescendant": this.isopen ? this.focusedItemId : "",
+            "aria-controls": `${this.inputid}_list`,
+        };
+    }
+    renderHeader() {
+        return (index.h("div", { class: "header", onClick: () => this.toggleComboBox(), onKeyDown: (ev) => {
+                this.handleHeaderKeyboardEvent(ev);
+            }, onKeyUp: (ev) => utils.handleKeyboardSubmit(ev, this.toggleComboBox), role: "button", tabindex: 0, "aria-expanded": this.isopen ? "true" : "false" }, index.h("p", { class: "body-3" }, this.label, index.h("span", null, this.selectedCounter > 0 && ` (${this.selectedCounter})`)), index.h("z-icon", { name: "caret-down", class: this.size })));
+    }
+    renderContent() {
+        if (!this.isopen) {
+            return;
+        }
+        return (index.h("div", { class: "open-combo-data" }, this.hassearch && this.renderSearchInput(), !this.hassearch ? index.h("span", Object.assign({}, this.getComboboxA11yAttributes())) : null, index.h("div", { role: "listbox", "aria-label": this.label, "aria-multiselectable": true, id: `${this.inputid}_list`, "aria-owns": `${this.checkboxes.map((item) => item.id).join(" ")}` }, this.hascheckall && this.renderCheckAll(), this.renderItems())));
+    }
+    renderItems() {
+        return (index.h("div", { class: this.searchValue && "search" }, this.renderList(this.renderItemsList), this.searchValue && this.renderCloseButton()));
+    }
+    renderItem(item, index$2, length) {
+        return (index.h("z-list-element", { id: item.id, htmlTabindex: null, dividerType: index$2 !== length - 1 ? index$1.ListDividerType.ELEMENT : index$1.ListDividerType.NONE, size: this.getControlToListSize() }, index.h("z-input", { type: index$1.InputType.CHECKBOX, checked: item.checked, htmlid: this.getItemId(item), label: item.name, class: this.getCheckboxClass(), disabled: !item.checked && this.maxcheckableitems && this.selectedCounter >= this.maxcheckableitems, size: this.size === index$1.ControlSize.X_SMALL ? index$1.ControlSize.SMALL : this.size, role: "option", "aria-selected": item.checked ? "true" : "false", onKeyDown: (e) => this.handleSelectArrowsNavigation(e, this.getItemId(item)), onInputCheck: (e) => {
+                this.itemsList = this.itemsList.map((i) => {
+                    if (item.id === i.id) {
+                        i.checked = e.detail.checked;
+                    }
+                    return i;
+                });
+                this.updateRenderItemsList();
+                this.emitComboboxChange();
+            }, onInputFocus: (e) => this.handleCheckboxFocus(e.detail.id) })));
+    }
+    renderList(items) {
+        if (!items) {
+            return;
+        }
+        if (!items.length && this.searchValue) {
+            return this.renderNoSearchResults();
+        }
+        if (this.hasgroupitems) {
+            return this.renderGroups(items);
+        }
+        return (index.h("ul", { role: "none" }, items.map((item, i) => {
+            return this.renderItem(item, i, items.length);
+        })));
+    }
+    renderGroups(items) {
+        const newData = items.reduce((group, item, index) => {
+            var _a;
+            const { category } = item;
+            const zListItem = this.renderItem(item, index, items.length);
+            group[category] = (_a = group[category]) !== null && _a !== void 0 ? _a : [];
+            group[category].push(zListItem);
+            return group;
+        }, {});
+        const listGroups = Object.entries(newData).map(([key, value]) => {
+            return (index.h("z-list-group", { "divider-type": index$1.ListDividerType.ELEMENT }, index.h("span", { class: "body-3-sb z-list-group-title", slot: "header-title" }, key), value.map((item) => item)));
+        });
+        return index.h("ul", { role: "none" }, listGroups);
+    }
+    renderNoSearchResults() {
+        return (index.h("div", { class: "no-results" }, index.h("z-icon", { name: "multiply-circle" }), index.h("span", null, this.noresultslabel)));
+    }
+    renderCloseButton() {
+        return (index.h("div", { class: "close-search" }, index.h("a", { onClick: () => this.closeFilterItems(), onKeyUp: (e) => utils.handleKeyboardSubmit(e, this.closeFilterItems), role: "button", tabindex: 0 }, this.closesearchtext)));
+    }
+    renderSearchInput() {
+        return (index.h("z-input", Object.assign({ htmlid: `${this.inputid}_search`, label: this.searchlabel, placeholder: this.searchplaceholder, htmltitle: this.searchtitle, type: this.inputType, value: this.searchValue, message: false, size: this.size, "aria-autocomplete": "list" }, this.getComboboxA11yAttributes(), { onKeyUp: (e) => {
+                if (e.key === index$1.KeyboardCode.ESC) {
+                    this.closeFilterItems();
+                }
+            }, onInputChange: (e) => {
+                this.searchValue = e.detail.value;
+            } })));
+    }
+    renderCheckAll() {
+        if (this.searchValue) {
+            return;
+        }
+        const checkAllId = `combo-checkbox-${this.inputid}-check-all`;
+        const allChecked = this.selectedCounter === this.itemsList.length;
+        return (index.h("div", { class: "check-all-wrapper" }, index.h("z-input", { type: index$1.InputType.CHECKBOX, checked: allChecked, htmlid: checkAllId, class: this.getCheckboxClass(), label: allChecked ? this.uncheckalltext : this.checkalltext, disabled: this.maxcheckableitems && this.maxcheckableitems < this.itemsList.length, size: this.size === index$1.ControlSize.X_SMALL ? index$1.ControlSize.SMALL : this.size, role: "option", "aria-selected": allChecked ? "true" : "false", onKeyDown: (e) => this.handleSelectArrowsNavigation(e, checkAllId), onInputCheck: (e) => this.checkAll(e.detail.checked), onInputFocus: (e) => this.handleCheckboxFocus(e.detail.id) })));
+    }
+    render() {
+        return (index.h("div", { key: '5f5a261815a1e041fe8958fdd5444b7b0a49845b', "data-action": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));
+    }
+    get element() { return index.getElement(this); }
+    static get watchers() { return {
+        "items": ["watchItems"],
+        "searchValue": ["watchSearchValue"],
+        "checkboxes": ["watchCheckboxes"]
+    }; }
+};
+ZCombobox.style = stylesCss;
+
+exports.z_combobox = ZCombobox;
+//# sourceMappingURL=z-combobox.entry.cjs.js.map
+
+//# sourceMappingURL=z-combobox.cjs.entry.js.map

package/dist/cjs/z-combobox.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-combobox.entry.cjs.js","mappings":"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","names":["InputType","randomId","ControlSize","ListSize","KeyboardCode","h","handleKeyboardSubmit","index","ListDividerType"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-combobox/styles.css?tag=z-combobox&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-combobox/index.js"],"sourcesContent":[":host {\n  display: block;\n  color: var(--color-form-default-text);\n  fill: var(--color-form-default-icon);\n  font-family: var(--font-family-sans);\n}\n\n:host > div.fixed {\n  position: relative;\n}\n\n:host > div > .header {\n  position: relative;\n  z-index: 10;\n  display: flex;\n  min-height: 42px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 calc(var(--space-unit) * 1.5);\n  border: var(--border-size-small) solid var(--color-form-surface04);\n  margin: 0;\n  background-color: var(--color-form-background);\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n}\n\n:host([size=\"small\"]) > div > .header {\n  min-height: 34px;\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) > div > .header {\n  min-height: 30px;\n  font-size: var(--font-size-2);\n}\n\n:host([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-form-surface04);\n  outline-offset: -2px;\n}\n\n:host > div > div.header:focus:focus-visible {\n  z-index: 16;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div > .header > p.body-3 {\n  padding: var(--space-unit) 0;\n  margin: 0;\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-form-default-icon);\n  transform: rotate(360deg);\n  transition: all 200ms linear;\n}\n\n:host > div > .header > z-icon.small,\n:host > div > .header > z-icon.x-small {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host > div.open > .header {\n  border: var(--border-size-small) solid var(--color-form-active-primary);\n  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;\n}\n\n:host > div.disabled {\n  pointer-events: none;\n}\n\n:host > div.disabled .header {\n  border-color: var(--color-form-disabled03);\n  fill: var(--color-form-disabled01-icon);\n}\n\n:host > div.disabled .header > p.body-3 {\n  color: var(--color-form-disabled03);\n}\n\n:host > div.disabled .header > z-icon:last-child {\n  fill: var(--color-form-disabled01-icon);\n}\n\n:host > div.open > .header > z-icon {\n  fill: var(--color-form-default-icon);\n  transform: rotate(180deg);\n  transition: all 200ms linear;\n}\n\n:host > div.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(--color-form-surface03);\n  border-top: 0;\n  background-color: var(--color-form-background);\n  border-radius: 0;\n  box-shadow: var(--shadow-2);\n}\n\n:host .open .open-combo-data z-input .input-label {\n  color: var(--color-form-default-text);\n}\n\n:host > div.open > div.open-combo-data > div > div {\n  overflow: auto;\n  max-height: 235px;\n  padding: 0;\n}\n\n:host > div.open > div.open-combo-data > z-input {\n  width: 100%;\n  margin-bottom: calc(var(--space-unit) * 2);\n}\n\n:host > div.open > div.open-combo-data > div > div > ul {\n  max-height: 235px;\n  padding: 0 3px; /* needed for checkbox focus shadow */\n  margin: 0;\n}\n\n:host .open-combo-data z-list-element {\n  --background-color-list-element: var(--color-form-background);\n  --background-hover-color-list-element: var(--color-form-surface03);\n  --background-active-color-list-element: var(--color-form-surface03);\n}\n\n::-webkit-scrollbar {\n  width: 6px;\n  background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--color-primary01);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n/* Firefox scrollbar */\n@supports not selector(::-webkit-scrollbar-track) {\n  :host {\n    scrollbar-color: var(--color-primary01) transparent;\n  }\n}\n\n:host > div.open > z-input {\n  position: relative;\n  z-index: 1;\n  width: 238px;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-form-active-primary);\n}\n\n:host > div.open > div.open-combo-data > div > div.search {\n  overflow: hidden;\n  max-height: none;\n  margin-top: 0;\n}\n\n:host > div.open > div.open-combo-data > div > div.search > ul {\n  overflow: auto;\n  max-height: 180px;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\n:host .open .open-combo-data .search .no-results {\n  display: flex;\n  align-items: center;\n  column-gap: var(--space-unit);\n}\n\n:host > .open > .open-combo-data .search .close-search {\n  display: flex;\n  justify-content: center;\n}\n\n:host > div.open > div.open-combo-data > div > div.search .close-search > a {\n  display: inline-block;\n  height: 44px;\n  color: var(--color-form-active-primary);\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 44px;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n:host > div.open > div.open-combo-data > div > div.search .close-search > a:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: 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 > div.check-all-wrapper {\n  padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5);\n}\n\n:host([size=\"x-small\"]) > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: var(--space-unit) calc(var(--space-unit) * 0.5);\n}\n","import { h } from \"@stencil/core\";\nimport { ControlSize, InputType, KeyboardCode, ListDividerType, ListSize } from \"../../beans\";\nimport { handleKeyboardSubmit, randomId } from \"../../utils/utils\";\nexport class ZCombobox {\n    watchItems() {\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    watchSearchValue() {\n        this.filterItems(this.searchValue);\n    }\n    watchCheckboxes() {\n        this.checkboxes.forEach((item, index) => item.setAttribute(\"tabindex\", index === 0 ? \"0\" : \"-1\"));\n    }\n    emitComboboxChange() {\n        this.comboboxChange.emit({ id: this.inputid, items: this.itemsList });\n    }\n    constructor() {\n        this.itemsList = [];\n        this.inputType = InputType.TEXT;\n        this.inputid = `combo-${randomId()}`;\n        this.items = undefined;\n        this.label = undefined;\n        this.disabled = false;\n        this.hassearch = false;\n        this.searchlabel = undefined;\n        this.searchplaceholder = undefined;\n        this.searchtitle = undefined;\n        this.noresultslabel = \"Nessun risultato\";\n        this.isopen = false;\n        this.isfixed = false;\n        this.closesearchtext = \"Chiudi\";\n        this.hascheckall = false;\n        this.checkalltext = \"Seleziona tutti\";\n        this.uncheckalltext = \"Deseleziona tutti\";\n        this.maxcheckableitems = 0;\n        this.hasgroupitems = undefined;\n        this.size = ControlSize.BIG;\n        this.searchValue = undefined;\n        this.selectedCounter = undefined;\n        this.renderItemsList = [];\n        this.focusedItemId = undefined;\n        this.checkboxes = [];\n        this.toggleComboBox = this.toggleComboBox.bind(this);\n        this.closeFilterItems = this.closeFilterItems.bind(this);\n    }\n    componentWillLoad() {\n        this.watchItems();\n    }\n    componentWillRender() {\n        this.selectedCounter = this.itemsList.filter((item) => item.checked).length;\n    }\n    componentDidRender() {\n        const checkboxes = this.getAllCheckboxes();\n        if (JSON.stringify(checkboxes) !== JSON.stringify(this.checkboxes)) {\n            this.checkboxes = checkboxes;\n        }\n    }\n    getItemId(item) {\n        return `combo-checkbox-${this.inputid}-${item.id}`;\n    }\n    getCheckboxClass() {\n        return `combo-item-checkbox-input-${this.inputid}`;\n    }\n    getAllCheckboxes() {\n        return Array.from(this.element.shadowRoot.querySelectorAll(`.${this.getCheckboxClass()} input:not([disabled])`));\n    }\n    getControlToListSize() {\n        switch (this.size) {\n            case ControlSize.X_SMALL:\n                return ListSize.SMALL;\n            case ControlSize.SMALL:\n                return ListSize.MEDIUM;\n            default:\n                return ListSize.LARGE;\n        }\n    }\n    handleSelectArrowsNavigation(e, currId) {\n        if (![KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP].includes(e.key) || !this.isopen) {\n            return;\n        }\n        e.preventDefault();\n        e.stopPropagation();\n        const currElem = this.element.shadowRoot.querySelector(`#${currId}`);\n        if (!currElem) {\n            return;\n        }\n        const checkboxes = this.checkboxes;\n        if (!checkboxes.length) {\n            return;\n        }\n        const currElemIndex = checkboxes.indexOf(currElem);\n        const firstElemIndex = 0;\n        const lastElemIndex = checkboxes.length - 1;\n        let nextElem = null;\n        if (e.key === KeyboardCode.ARROW_DOWN) {\n            nextElem = currElemIndex === lastElemIndex ? checkboxes[firstElemIndex] : checkboxes[currElemIndex + 1];\n        }\n        else if (e.key === KeyboardCode.ARROW_UP) {\n            nextElem = currElemIndex === firstElemIndex ? checkboxes[lastElemIndex] : checkboxes[currElemIndex - 1];\n        }\n        this.focusComboboxItem(nextElem);\n    }\n    handleHeaderKeyboardEvent(ev) {\n        if (ev.key === KeyboardCode.SPACE) {\n            ev.preventDefault();\n        }\n        if ((ev.key === KeyboardCode.ARROW_DOWN && !this.isopen) || (ev.key === KeyboardCode.ARROW_UP && this.isopen)) {\n            this.toggleComboBox();\n        }\n    }\n    handleCheckboxFocus(id) {\n        this.focusedItemId = id;\n    }\n    focusComboboxItem(elem) {\n        this.checkboxes.forEach(function (item) {\n            item.setAttribute(\"tabindex\", \"-1\");\n        });\n        elem.setAttribute(\"tabindex\", \"0\");\n        elem.focus();\n    }\n    updateRenderItemsList() {\n        if (this.searchValue) {\n            this.filterItems(this.searchValue);\n        }\n        else {\n            this.resetRenderItemsList();\n        }\n    }\n    resetRenderItemsList() {\n        const renderItemsList = [];\n        this.itemsList.forEach((item) => {\n            renderItemsList.push(Object.assign({}, item));\n        });\n        this.renderItemsList = renderItemsList;\n    }\n    filterItems(value) {\n        if (!value) {\n            return this.closeFilterItems();\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 = item.name.substring(0, start) +\n                \"<strong>\" +\n                item.name.substring(start, end) +\n                \"</strong>\" +\n                item.name.substring(end, item.name.length);\n            item.name = newName;\n            return start >= 0;\n        });\n    }\n    checkAll(checked = true) {\n        this.itemsList = this.itemsList.map((item) => (Object.assign(Object.assign({}, item), { checked: checked })));\n        this.resetRenderItemsList();\n        this.emitComboboxChange();\n    }\n    closeFilterItems() {\n        this.searchValue = \"\";\n        this.resetRenderItemsList();\n    }\n    toggleComboBox() {\n        this.isopen = !this.isopen;\n    }\n    getComboboxA11yAttributes() {\n        return {\n            \"role\": \"combobox\",\n            \"aria-label\": this.label,\n            \"aria-expanded\": this.isopen ? \"true\" : \"false\",\n            \"aria-activedescendant\": this.isopen ? this.focusedItemId : \"\",\n            \"aria-controls\": `${this.inputid}_list`,\n        };\n    }\n    renderHeader() {\n        return (h(\"div\", { class: \"header\", onClick: () => this.toggleComboBox(), onKeyDown: (ev) => {\n                this.handleHeaderKeyboardEvent(ev);\n            }, onKeyUp: (ev) => handleKeyboardSubmit(ev, this.toggleComboBox), role: \"button\", tabindex: 0, \"aria-expanded\": this.isopen ? \"true\" : \"false\" }, h(\"p\", { class: \"body-3\" }, this.label, h(\"span\", null, this.selectedCounter > 0 && ` (${this.selectedCounter})`)), h(\"z-icon\", { name: \"caret-down\", class: this.size })));\n    }\n    renderContent() {\n        if (!this.isopen) {\n            return;\n        }\n        return (h(\"div\", { class: \"open-combo-data\" }, this.hassearch && this.renderSearchInput(), !this.hassearch ? h(\"span\", Object.assign({}, this.getComboboxA11yAttributes())) : null, h(\"div\", { role: \"listbox\", \"aria-label\": this.label, \"aria-multiselectable\": true, id: `${this.inputid}_list`, \"aria-owns\": `${this.checkboxes.map((item) => item.id).join(\" \")}` }, this.hascheckall && this.renderCheckAll(), this.renderItems())));\n    }\n    renderItems() {\n        return (h(\"div\", { class: this.searchValue && \"search\" }, this.renderList(this.renderItemsList), this.searchValue && this.renderCloseButton()));\n    }\n    renderItem(item, index, length) {\n        return (h(\"z-list-element\", { id: item.id, htmlTabindex: null, dividerType: index !== length - 1 ? ListDividerType.ELEMENT : ListDividerType.NONE, size: this.getControlToListSize() }, h(\"z-input\", { type: InputType.CHECKBOX, checked: item.checked, htmlid: this.getItemId(item), label: item.name, class: this.getCheckboxClass(), disabled: !item.checked && this.maxcheckableitems && this.selectedCounter >= this.maxcheckableitems, size: this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size, role: \"option\", \"aria-selected\": item.checked ? \"true\" : \"false\", onKeyDown: (e) => this.handleSelectArrowsNavigation(e, this.getItemId(item)), onInputCheck: (e) => {\n                this.itemsList = this.itemsList.map((i) => {\n                    if (item.id === i.id) {\n                        i.checked = e.detail.checked;\n                    }\n                    return i;\n                });\n                this.updateRenderItemsList();\n                this.emitComboboxChange();\n            }, onInputFocus: (e) => this.handleCheckboxFocus(e.detail.id) })));\n    }\n    renderList(items) {\n        if (!items) {\n            return;\n        }\n        if (!items.length && this.searchValue) {\n            return this.renderNoSearchResults();\n        }\n        if (this.hasgroupitems) {\n            return this.renderGroups(items);\n        }\n        return (h(\"ul\", { role: \"none\" }, items.map((item, i) => {\n            return this.renderItem(item, i, items.length);\n        })));\n    }\n    renderGroups(items) {\n        const newData = items.reduce((group, item, index) => {\n            var _a;\n            const { category } = item;\n            const zListItem = this.renderItem(item, index, items.length);\n            group[category] = (_a = group[category]) !== null && _a !== void 0 ? _a : [];\n            group[category].push(zListItem);\n            return group;\n        }, {});\n        const listGroups = Object.entries(newData).map(([key, value]) => {\n            return (h(\"z-list-group\", { \"divider-type\": ListDividerType.ELEMENT }, h(\"span\", { class: \"body-3-sb z-list-group-title\", slot: \"header-title\" }, key), value.map((item) => item)));\n        });\n        return h(\"ul\", { role: \"none\" }, listGroups);\n    }\n    renderNoSearchResults() {\n        return (h(\"div\", { class: \"no-results\" }, h(\"z-icon\", { name: \"multiply-circle\" }), h(\"span\", null, this.noresultslabel)));\n    }\n    renderCloseButton() {\n        return (h(\"div\", { class: \"close-search\" }, h(\"a\", { onClick: () => this.closeFilterItems(), onKeyUp: (e) => handleKeyboardSubmit(e, this.closeFilterItems), role: \"button\", tabindex: 0 }, this.closesearchtext)));\n    }\n    renderSearchInput() {\n        return (h(\"z-input\", Object.assign({ htmlid: `${this.inputid}_search`, label: this.searchlabel, placeholder: this.searchplaceholder, htmltitle: this.searchtitle, type: this.inputType, value: this.searchValue, message: false, size: this.size, \"aria-autocomplete\": \"list\" }, this.getComboboxA11yAttributes(), { onKeyUp: (e) => {\n                if (e.key === KeyboardCode.ESC) {\n                    this.closeFilterItems();\n                }\n            }, onInputChange: (e) => {\n                this.searchValue = e.detail.value;\n            } })));\n    }\n    renderCheckAll() {\n        if (this.searchValue) {\n            return;\n        }\n        const checkAllId = `combo-checkbox-${this.inputid}-check-all`;\n        const allChecked = this.selectedCounter === this.itemsList.length;\n        return (h(\"div\", { class: \"check-all-wrapper\" }, h(\"z-input\", { type: InputType.CHECKBOX, checked: allChecked, htmlid: checkAllId, class: this.getCheckboxClass(), label: allChecked ? this.uncheckalltext : this.checkalltext, disabled: this.maxcheckableitems && this.maxcheckableitems < this.itemsList.length, size: this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size, role: \"option\", \"aria-selected\": allChecked ? \"true\" : \"false\", onKeyDown: (e) => this.handleSelectArrowsNavigation(e, checkAllId), onInputCheck: (e) => this.checkAll(e.detail.checked), onInputFocus: (e) => this.handleCheckboxFocus(e.detail.id) })));\n    }\n    render() {\n        return (h(\"div\", { key: '5f5a261815a1e041fe8958fdd5444b7b0a49845b', \"data-action\": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));\n    }\n    static get is() { return \"z-combobox\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"inputid\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"input unique id\"\n                },\n                \"attribute\": \"inputid\",\n                \"reflect\": false,\n                \"defaultValue\": \"`combo-${randomId()}`\"\n            },\n            \"items\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ComboItem[] | string\",\n                    \"resolved\": \"ComboItem[] | string\",\n                    \"references\": {\n                        \"ComboItem\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::ComboItem\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"list items array\"\n                },\n                \"attribute\": \"items\",\n                \"reflect\": false\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"label text\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"the combobox is disabled\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"hassearch\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"show search input flag (optional)\"\n                },\n                \"attribute\": \"hassearch\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"searchlabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"search input label text (optional)\"\n                },\n                \"attribute\": \"searchlabel\",\n                \"reflect\": false\n            },\n            \"searchplaceholder\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"search input placeholder text (optional)\"\n                },\n                \"attribute\": \"searchplaceholder\",\n                \"reflect\": false\n            },\n            \"searchtitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"search input title text (optional)\"\n                },\n                \"attribute\": \"searchtitle\",\n                \"reflect\": false\n            },\n            \"noresultslabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"no result text message\"\n                },\n                \"attribute\": \"noresultslabel\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Nessun risultato\\\"\"\n            },\n            \"isopen\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"toggle combo list opening flag\"\n                },\n                \"attribute\": \"isopen\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"isfixed\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"fixed style flag\"\n                },\n                \"attribute\": \"isfixed\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"closesearchtext\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"close combobox list text\"\n                },\n                \"attribute\": \"closesearchtext\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Chiudi\\\"\"\n            },\n            \"hascheckall\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"show \\\"check all\\\" checkbox (optional)\"\n                },\n                \"attribute\": \"hascheckall\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"checkalltext\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"check all label (optional)\"\n                },\n                \"attribute\": \"checkalltext\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Seleziona tutti\\\"\"\n            },\n            \"uncheckalltext\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"uncheck all label (optional)\"\n                },\n                \"attribute\": \"uncheckalltext\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Deseleziona tutti\\\"\"\n            },\n            \"maxcheckableitems\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"max number of checkable items (0 = unlimited)\"\n                },\n                \"attribute\": \"maxcheckableitems\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"hasgroupitems\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"group items by category\"\n                },\n                \"attribute\": \"hasgroupitems\",\n                \"reflect\": false\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ControlSize\",\n                    \"resolved\": \"ControlSize.BIG | ControlSize.SMALL | ControlSize.X_SMALL\",\n                    \"references\": {\n                        \"ControlSize\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::ControlSize\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Available sizes: `big`, `small` and `x-small`. Defaults to `big`.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"ControlSize.BIG\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"searchValue\": {},\n            \"selectedCounter\": {},\n            \"renderItemsList\": {},\n            \"focusedItemId\": {},\n            \"checkboxes\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"comboboxChange\",\n                \"name\": \"comboboxChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when value is checked/unchecked. Returns id, items.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"element\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"items\",\n                \"methodName\": \"watchItems\"\n            }, {\n                \"propName\": \"searchValue\",\n                \"methodName\": \"watchSearchValue\"\n            }, {\n                \"propName\": \"checkboxes\",\n                \"methodName\": \"watchCheckboxes\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-combobox.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-combobox.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-combobox/styles.css?tag=z-combobox&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-combobox/index.js"],"sourcesContent":[":host {\n  display: block;\n  color: var(--color-form-default-text);\n  fill: var(--color-form-default-icon);\n  font-family: var(--font-family-sans);\n}\n\n:host > div.fixed {\n  position: relative;\n}\n\n:host > div > .header {\n  position: relative;\n  z-index: 10;\n  display: flex;\n  min-height: 42px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 calc(var(--space-unit) * 1.5);\n  border: var(--border-size-small) solid var(--color-form-surface04);\n  margin: 0;\n  background-color: var(--color-form-background);\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n}\n\n:host([size=\"small\"]) > div > .header {\n  min-height: 34px;\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) > div > .header {\n  min-height: 30px;\n  font-size: var(--font-size-2);\n}\n\n:host([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-form-surface04);\n  outline-offset: -2px;\n}\n\n:host > div > div.header:focus:focus-visible {\n  z-index: 16;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div > .header > p.body-3 {\n  padding: var(--space-unit) 0;\n  margin: 0;\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-form-default-icon);\n  transform: rotate(360deg);\n  transition: all 200ms linear;\n}\n\n:host > div > .header > z-icon.small,\n:host > div > .header > z-icon.x-small {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host > div.open > .header {\n  border: var(--border-size-small) solid var(--color-form-active-primary);\n  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;\n}\n\n:host > div.disabled {\n  pointer-events: none;\n}\n\n:host > div.disabled .header {\n  border-color: var(--color-form-disabled03);\n  fill: var(--color-form-disabled01-icon);\n}\n\n:host > div.disabled .header > p.body-3 {\n  color: var(--color-form-disabled03);\n}\n\n:host > div.disabled .header > z-icon:last-child {\n  fill: var(--color-form-disabled01-icon);\n}\n\n:host > div.open > .header > z-icon {\n  fill: var(--color-form-default-icon);\n  transform: rotate(180deg);\n  transition: all 200ms linear;\n}\n\n:host > div.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(--color-form-surface03);\n  border-top: 0;\n  background-color: var(--color-form-background);\n  border-radius: 0;\n  box-shadow: var(--shadow-2);\n}\n\n:host .open .open-combo-data z-input .input-label {\n  color: var(--color-form-default-text);\n}\n\n:host > div.open > div.open-combo-data > div > div {\n  overflow: auto;\n  max-height: 235px;\n  padding: 0;\n}\n\n:host > div.open > div.open-combo-data > z-input {\n  width: 100%;\n  margin-bottom: calc(var(--space-unit) * 2);\n}\n\n:host > div.open > div.open-combo-data > div > div > ul {\n  max-height: 235px;\n  padding: 0 3px; /* needed for checkbox focus shadow */\n  margin: 0;\n}\n\n:host .open-combo-data z-list-element {\n  --background-color-list-element: var(--color-form-background);\n  --background-hover-color-list-element: var(--color-form-surface03);\n  --background-active-color-list-element: var(--color-form-surface03);\n}\n\n::-webkit-scrollbar {\n  width: 6px;\n  background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--color-primary01);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n/* Firefox scrollbar */\n@supports not selector(::-webkit-scrollbar-track) {\n  :host {\n    scrollbar-color: var(--color-primary01) transparent;\n  }\n}\n\n:host > div.open > z-input {\n  position: relative;\n  z-index: 1;\n  width: 238px;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-form-active-primary);\n}\n\n:host > div.open > div.open-combo-data > div > div.search {\n  overflow: hidden;\n  max-height: none;\n  margin-top: 0;\n}\n\n:host > div.open > div.open-combo-data > div > div.search > ul {\n  overflow: auto;\n  max-height: 180px;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\n:host .open .open-combo-data .search .no-results {\n  display: flex;\n  align-items: center;\n  column-gap: var(--space-unit);\n}\n\n:host > .open > .open-combo-data .search .close-search {\n  display: flex;\n  justify-content: center;\n}\n\n:host > div.open > div.open-combo-data > div > div.search .close-search > a {\n  display: inline-block;\n  height: 44px;\n  color: var(--color-form-active-primary);\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 44px;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n:host > div.open > div.open-combo-data > div > div.search .close-search > a:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: 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 > div.check-all-wrapper {\n  padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5);\n}\n\n:host([size=\"x-small\"]) > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: var(--space-unit) calc(var(--space-unit) * 0.5);\n}\n","import { h } from \"@stencil/core\";\nimport { ControlSize, InputType, KeyboardCode, ListDividerType, ListSize } from \"../../beans\";\nimport { handleKeyboardSubmit, randomId } from \"../../utils/utils\";\nexport class ZCombobox {\n    watchItems() {\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    watchSearchValue() {\n        this.filterItems(this.searchValue);\n    }\n    watchCheckboxes() {\n        this.checkboxes.forEach((item, index) => item.setAttribute(\"tabindex\", index === 0 ? \"0\" : \"-1\"));\n    }\n    emitComboboxChange() {\n        this.comboboxChange.emit({ id: this.inputid, items: this.itemsList });\n    }\n    constructor() {\n        this.itemsList = [];\n        this.inputType = InputType.TEXT;\n        this.inputid = `combo-${randomId()}`;\n        this.items = undefined;\n        this.label = undefined;\n        this.disabled = false;\n        this.hassearch = false;\n        this.searchlabel = undefined;\n        this.searchplaceholder = undefined;\n        this.searchtitle = undefined;\n        this.noresultslabel = \"Nessun risultato\";\n        this.isopen = false;\n        this.isfixed = false;\n        this.closesearchtext = \"Chiudi\";\n        this.hascheckall = false;\n        this.checkalltext = \"Seleziona tutti\";\n        this.uncheckalltext = \"Deseleziona tutti\";\n        this.maxcheckableitems = 0;\n        this.hasgroupitems = undefined;\n        this.size = ControlSize.BIG;\n        this.searchValue = undefined;\n        this.selectedCounter = undefined;\n        this.renderItemsList = [];\n        this.focusedItemId = undefined;\n        this.checkboxes = [];\n        this.toggleComboBox = this.toggleComboBox.bind(this);\n        this.closeFilterItems = this.closeFilterItems.bind(this);\n    }\n    componentWillLoad() {\n        this.watchItems();\n    }\n    componentWillRender() {\n        this.selectedCounter = this.itemsList.filter((item) => item.checked).length;\n    }\n    componentDidRender() {\n        const checkboxes = this.getAllCheckboxes();\n        if (JSON.stringify(checkboxes) !== JSON.stringify(this.checkboxes)) {\n            this.checkboxes = checkboxes;\n        }\n    }\n    getItemId(item) {\n        return `combo-checkbox-${this.inputid}-${item.id}`;\n    }\n    getCheckboxClass() {\n        return `combo-item-checkbox-input-${this.inputid}`;\n    }\n    getAllCheckboxes() {\n        return Array.from(this.element.shadowRoot.querySelectorAll(`.${this.getCheckboxClass()} input:not([disabled])`));\n    }\n    getControlToListSize() {\n        switch (this.size) {\n            case ControlSize.X_SMALL:\n                return ListSize.SMALL;\n            case ControlSize.SMALL:\n                return ListSize.MEDIUM;\n            default:\n                return ListSize.LARGE;\n        }\n    }\n    handleSelectArrowsNavigation(e, currId) {\n        if (![KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP].includes(e.key) || !this.isopen) {\n            return;\n        }\n        e.preventDefault();\n        e.stopPropagation();\n        const currElem = this.element.shadowRoot.querySelector(`#${currId}`);\n        if (!currElem) {\n            return;\n        }\n        const checkboxes = this.checkboxes;\n        if (!checkboxes.length) {\n            return;\n        }\n        const currElemIndex = checkboxes.indexOf(currElem);\n        const firstElemIndex = 0;\n        const lastElemIndex = checkboxes.length - 1;\n        let nextElem = null;\n        if (e.key === KeyboardCode.ARROW_DOWN) {\n            nextElem = currElemIndex === lastElemIndex ? checkboxes[firstElemIndex] : checkboxes[currElemIndex + 1];\n        }\n        else if (e.key === KeyboardCode.ARROW_UP) {\n            nextElem = currElemIndex === firstElemIndex ? checkboxes[lastElemIndex] : checkboxes[currElemIndex - 1];\n        }\n        this.focusComboboxItem(nextElem);\n    }\n    handleHeaderKeyboardEvent(ev) {\n        if (ev.key === KeyboardCode.SPACE) {\n            ev.preventDefault();\n        }\n        if ((ev.key === KeyboardCode.ARROW_DOWN && !this.isopen) || (ev.key === KeyboardCode.ARROW_UP && this.isopen)) {\n            this.toggleComboBox();\n        }\n    }\n    handleCheckboxFocus(id) {\n        this.focusedItemId = id;\n    }\n    focusComboboxItem(elem) {\n        this.checkboxes.forEach(function (item) {\n            item.setAttribute(\"tabindex\", \"-1\");\n        });\n        elem.setAttribute(\"tabindex\", \"0\");\n        elem.focus();\n    }\n    updateRenderItemsList() {\n        if (this.searchValue) {\n            this.filterItems(this.searchValue);\n        }\n        else {\n            this.resetRenderItemsList();\n        }\n    }\n    resetRenderItemsList() {\n        const renderItemsList = [];\n        this.itemsList.forEach((item) => {\n            renderItemsList.push(Object.assign({}, item));\n        });\n        this.renderItemsList = renderItemsList;\n    }\n    filterItems(value) {\n        if (!value) {\n            return this.closeFilterItems();\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 = item.name.substring(0, start) +\n                \"<strong>\" +\n                item.name.substring(start, end) +\n                \"</strong>\" +\n                item.name.substring(end, item.name.length);\n            item.name = newName;\n            return start >= 0;\n        });\n    }\n    checkAll(checked = true) {\n        this.itemsList = this.itemsList.map((item) => (Object.assign(Object.assign({}, item), { checked: checked })));\n        this.resetRenderItemsList();\n        this.emitComboboxChange();\n    }\n    closeFilterItems() {\n        this.searchValue = \"\";\n        this.resetRenderItemsList();\n    }\n    toggleComboBox() {\n        this.isopen = !this.isopen;\n    }\n    getComboboxA11yAttributes() {\n        return {\n            \"role\": \"combobox\",\n            \"aria-label\": this.label,\n            \"aria-expanded\": this.isopen ? \"true\" : \"false\",\n            \"aria-activedescendant\": this.isopen ? this.focusedItemId : \"\",\n            \"aria-controls\": `${this.inputid}_list`,\n        };\n    }\n    renderHeader() {\n        return (h(\"div\", { class: \"header\", onClick: () => this.toggleComboBox(), onKeyDown: (ev) => {\n                this.handleHeaderKeyboardEvent(ev);\n            }, onKeyUp: (ev) => handleKeyboardSubmit(ev, this.toggleComboBox), role: \"button\", tabindex: 0, \"aria-expanded\": this.isopen ? \"true\" : \"false\" }, h(\"p\", { class: \"body-3\" }, this.label, h(\"span\", null, this.selectedCounter > 0 && ` (${this.selectedCounter})`)), h(\"z-icon\", { name: \"caret-down\", class: this.size })));\n    }\n    renderContent() {\n        if (!this.isopen) {\n            return;\n        }\n        return (h(\"div\", { class: \"open-combo-data\" }, this.hassearch && this.renderSearchInput(), !this.hassearch ? h(\"span\", Object.assign({}, this.getComboboxA11yAttributes())) : null, h(\"div\", { role: \"listbox\", \"aria-label\": this.label, \"aria-multiselectable\": true, id: `${this.inputid}_list`, \"aria-owns\": `${this.checkboxes.map((item) => item.id).join(\" \")}` }, this.hascheckall && this.renderCheckAll(), this.renderItems())));\n    }\n    renderItems() {\n        return (h(\"div\", { class: this.searchValue && \"search\" }, this.renderList(this.renderItemsList), this.searchValue && this.renderCloseButton()));\n    }\n    renderItem(item, index, length) {\n        return (h(\"z-list-element\", { id: item.id, htmlTabindex: null, dividerType: index !== length - 1 ? ListDividerType.ELEMENT : ListDividerType.NONE, size: this.getControlToListSize() }, h(\"z-input\", { type: InputType.CHECKBOX, checked: item.checked, htmlid: this.getItemId(item), label: item.name, class: this.getCheckboxClass(), disabled: !item.checked && this.maxcheckableitems && this.selectedCounter >= this.maxcheckableitems, size: this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size, role: \"option\", \"aria-selected\": item.checked ? \"true\" : \"false\", onKeyDown: (e) => this.handleSelectArrowsNavigation(e, this.getItemId(item)), onInputCheck: (e) => {\n                this.itemsList = this.itemsList.map((i) => {\n                    if (item.id === i.id) {\n                        i.checked = e.detail.checked;\n                    }\n                    return i;\n                });\n                this.updateRenderItemsList();\n                this.emitComboboxChange();\n            }, onInputFocus: (e) => this.handleCheckboxFocus(e.detail.id) })));\n    }\n    renderList(items) {\n        if (!items) {\n            return;\n        }\n        if (!items.length && this.searchValue) {\n            return this.renderNoSearchResults();\n        }\n        if (this.hasgroupitems) {\n            return this.renderGroups(items);\n        }\n        return (h(\"ul\", { role: \"none\" }, items.map((item, i) => {\n            return this.renderItem(item, i, items.length);\n        })));\n    }\n    renderGroups(items) {\n        const newData = items.reduce((group, item, index) => {\n            var _a;\n            const { category } = item;\n            const zListItem = this.renderItem(item, index, items.length);\n            group[category] = (_a = group[category]) !== null && _a !== void 0 ? _a : [];\n            group[category].push(zListItem);\n            return group;\n        }, {});\n        const listGroups = Object.entries(newData).map(([key, value]) => {\n            return (h(\"z-list-group\", { \"divider-type\": ListDividerType.ELEMENT }, h(\"span\", { class: \"body-3-sb z-list-group-title\", slot: \"header-title\" }, key), value.map((item) => item)));\n        });\n        return h(\"ul\", { role: \"none\" }, listGroups);\n    }\n    renderNoSearchResults() {\n        return (h(\"div\", { class: \"no-results\" }, h(\"z-icon\", { name: \"multiply-circle\" }), h(\"span\", null, this.noresultslabel)));\n    }\n    renderCloseButton() {\n        return (h(\"div\", { class: \"close-search\" }, h(\"a\", { onClick: () => this.closeFilterItems(), onKeyUp: (e) => handleKeyboardSubmit(e, this.closeFilterItems), role: \"button\", tabindex: 0 }, this.closesearchtext)));\n    }\n    renderSearchInput() {\n        return (h(\"z-input\", Object.assign({ htmlid: `${this.inputid}_search`, label: this.searchlabel, placeholder: this.searchplaceholder, htmltitle: this.searchtitle, type: this.inputType, value: this.searchValue, message: false, size: this.size, \"aria-autocomplete\": \"list\" }, this.getComboboxA11yAttributes(), { onKeyUp: (e) => {\n                if (e.key === KeyboardCode.ESC) {\n                    this.closeFilterItems();\n                }\n            }, onInputChange: (e) => {\n                this.searchValue = e.detail.value;\n            } })));\n    }\n    renderCheckAll() {\n        if (this.searchValue) {\n            return;\n        }\n        const checkAllId = `combo-checkbox-${this.inputid}-check-all`;\n        const allChecked = this.selectedCounter === this.itemsList.length;\n        return (h(\"div\", { class: \"check-all-wrapper\" }, h(\"z-input\", { type: InputType.CHECKBOX, checked: allChecked, htmlid: checkAllId, class: this.getCheckboxClass(), label: allChecked ? this.uncheckalltext : this.checkalltext, disabled: this.maxcheckableitems && this.maxcheckableitems < this.itemsList.length, size: this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size, role: \"option\", \"aria-selected\": allChecked ? \"true\" : \"false\", onKeyDown: (e) => this.handleSelectArrowsNavigation(e, checkAllId), onInputCheck: (e) => this.checkAll(e.detail.checked), onInputFocus: (e) => this.handleCheckboxFocus(e.detail.id) })));\n    }\n    render() {\n        return (h(\"div\", { key: '5f5a261815a1e041fe8958fdd5444b7b0a49845b', \"data-action\": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));\n    }\n    static get is() { return \"z-combobox\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"inputid\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"input unique id\"\n                },\n                \"attribute\": \"inputid\",\n                \"reflect\": false,\n                \"defaultValue\": \"`combo-${randomId()}`\"\n            },\n            \"items\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ComboItem[] | string\",\n                    \"resolved\": \"ComboItem[] | string\",\n                    \"references\": {\n                        \"ComboItem\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::ComboItem\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"list items array\"\n                },\n                \"attribute\": \"items\",\n                \"reflect\": false\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"label text\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"the combobox is disabled\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"hassearch\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"show search input flag (optional)\"\n                },\n                \"attribute\": \"hassearch\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"searchlabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"search input label text (optional)\"\n                },\n                \"attribute\": \"searchlabel\",\n                \"reflect\": false\n            },\n            \"searchplaceholder\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"search input placeholder text (optional)\"\n                },\n                \"attribute\": \"searchplaceholder\",\n                \"reflect\": false\n            },\n            \"searchtitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"search input title text (optional)\"\n                },\n                \"attribute\": \"searchtitle\",\n                \"reflect\": false\n            },\n            \"noresultslabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"no result text message\"\n                },\n                \"attribute\": \"noresultslabel\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Nessun risultato\\\"\"\n            },\n            \"isopen\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"toggle combo list opening flag\"\n                },\n                \"attribute\": \"isopen\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"isfixed\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"fixed style flag\"\n                },\n                \"attribute\": \"isfixed\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"closesearchtext\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"close combobox list text\"\n                },\n                \"attribute\": \"closesearchtext\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Chiudi\\\"\"\n            },\n            \"hascheckall\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"show \\\"check all\\\" checkbox (optional)\"\n                },\n                \"attribute\": \"hascheckall\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"checkalltext\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"check all label (optional)\"\n                },\n                \"attribute\": \"checkalltext\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Seleziona tutti\\\"\"\n            },\n            \"uncheckalltext\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"uncheck all label (optional)\"\n                },\n                \"attribute\": \"uncheckalltext\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Deseleziona tutti\\\"\"\n            },\n            \"maxcheckableitems\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"max number of checkable items (0 = unlimited)\"\n                },\n                \"attribute\": \"maxcheckableitems\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"hasgroupitems\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"group items by category\"\n                },\n                \"attribute\": \"hasgroupitems\",\n                \"reflect\": false\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ControlSize\",\n                    \"resolved\": \"ControlSize.BIG | ControlSize.SMALL | ControlSize.X_SMALL\",\n                    \"references\": {\n                        \"ControlSize\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::ControlSize\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Available sizes: `big`, `small` and `x-small`. Defaults to `big`.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"ControlSize.BIG\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"searchValue\": {},\n            \"selectedCounter\": {},\n            \"renderItemsList\": {},\n            \"focusedItemId\": {},\n            \"checkboxes\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"comboboxChange\",\n                \"name\": \"comboboxChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when value is checked/unchecked. Returns id, items.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"element\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"items\",\n                \"methodName\": \"watchItems\"\n            }, {\n                \"propName\": \"searchValue\",\n                \"methodName\": \"watchSearchValue\"\n            }, {\n                \"propName\": \"checkboxes\",\n                \"methodName\": \"watchCheckboxes\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["InputType","randomId","ControlSize","ListSize","KeyboardCode","h","handleKeyboardSubmit","index","ListDividerType"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/cjs/z-cover-hero.cjs.entry.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+var index$1 = require('./index-GMHChntS.js');
+
+const stylesCss = ":host{--cover-hero-overlay:linear-gradient(270deg, #0000 0%, #000000e6 100%);--cover-hero-text-color:var(--color-text-inverse);display:block;overflow:hidden}:host,*{box-sizing:border-box}:host .main-container{position:relative;width:100%;align-items:baseline}:host .content-container{color:var(--cover-hero-text-color);fill:var(--cover-hero-text-color)}:host .main-container .cover-container{position:relative;width:100%;padding-top:calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));background-color:var(--gray600)}::slotted([slot=\"cover\"]){position:absolute;display:block;width:100%;height:100%;inset:0;object-fit:cover;object-position:top center}::slotted(z-info-reveal){position:absolute;z-index:1;right:var(--grid-margin);bottom:var(--grid-margin)}:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"],[preserve-aspect-ratio=\"true\"])) .main-container{height:100%}:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"],[preserve-aspect-ratio=\"true\"])) .main-container .cover-container{position:absolute;z-index:-1;height:100%;padding:0}:host([variant=\"overlay\"]) .main-container .cover-container::after{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cover-hero-overlay);content:\"\"}:host([variant=\"overlay\"]:is([preserve-aspect-ratio=\"\"],[preserve-aspect-ratio=\"true\"])) .main-container .content-container{position:absolute;inset:0}:host([variant=\"overlay\"]) .main-container .content-container{height:100%;padding:var(--grid-margin)}:host([variant=\"stacked\"]){--cover-hero-text-color:var(--color-default-text)}:host([variant=\"stacked\"]) .content-container ::slotted(*){padding:var(--grid-margin) 0}";
+
+const ZCoverHero = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = index$1.CoverHeroVariant.OVERLAY;
+        this.contentPosition = index$1.CoverHeroContentPosition.TOP;
+        this.preserveAspectRatio = true;
+    }
+    /**
+     * Store the intrinsic aspect ratio of the slotted image when loaded,
+     * to have a default when `--cover-hero-aspect-ratio` is not set.
+     * @param target The event target
+     */
+    onImgLoad({ target }) {
+        if (target instanceof Image && target.closest("[slot=cover]")) {
+            const ratio = target.naturalWidth / target.naturalHeight;
+            this.host.style.setProperty("--image-aspect-ratio", ratio.toString());
+        }
+    }
+    /**
+     * Template for the content.
+     */
+    renderContent() {
+        return (index.h("div", { class: "content-container" }, index.h("slot", { name: "content" })));
+    }
+    render() {
+        return (index.h(index.Host, { key: '9d19bccd90d41d823dedfd22d4735806513e02b4' }, this.variant === index$1.CoverHeroVariant.STACKED &&
+            this.contentPosition === index$1.CoverHeroContentPosition.TOP &&
+            this.renderContent(), index.h("div", { key: 'c700a2f18c53e2ee3f0893bb5e06c591847cbf3d', class: "main-container" }, index.h("div", { key: '32d74cad8e5c8ca8e6bf14a98dda4f490eca8983', class: "cover-container" }, index.h("slot", { key: '3b54102807692fa0bd3c13ec02ca577dd817f12c', name: "cover" })), index.h("slot", { key: '330c4c5cb791cb34d6ae5c797f5af17b55e6173b', name: "info-reveal" }), this.variant === index$1.CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === index$1.CoverHeroVariant.STACKED &&
+            this.contentPosition === index$1.CoverHeroContentPosition.BOTTOM &&
+            this.renderContent()));
+    }
+    get host() { return index.getElement(this); }
+};
+ZCoverHero.style = stylesCss;
+
+exports.z_cover_hero = ZCoverHero;
+//# sourceMappingURL=z-cover-hero.entry.cjs.js.map
+
+//# sourceMappingURL=z-cover-hero.cjs.entry.js.map

package/dist/cjs/z-cover-hero.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-cover-hero.entry.cjs.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,0pDAA0pD;;MCa/pD,UAAU,GAAA,MAAA;AACnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AACI,QAAA,IAAI,CAAC,OAAO,GAAGA,wBAAgB,CAAC,OAAO;AACvC,QAAA,IAAI,CAAC,eAAe,GAAGC,gCAAwB,CAAC,GAAG;AACnD,QAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI;AAClC;AACD;;;;AAIG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,EAAA;QAChB,IAAI,MAAM,YAAY,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;YAC3D,MAAM,KAAK,GAAG,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,aAAa;AACxD,YAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;;;AAG7E;;AAEG;IACH,aAAa,GAAA;QACT,QAAQC,OAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;;IAEpF,MAAM,GAAA;AACF,QAAA,QAAQA,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,IAAI,CAAC,OAAO,KAAKH,wBAAgB,CAAC,OAAO;AAC1G,YAAA,IAAI,CAAC,eAAe,KAAKC,gCAAwB,CAAC,GAAG;AACrD,YAAA,IAAI,CAAC,aAAa,EAAE,EAAEC,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAEA,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,KAAKF,wBAAgB,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,KAAKA,wBAAgB,CAAC,OAAO;AACvd,YAAA,IAAI,CAAC,eAAe,KAAKC,gCAAwB,CAAC,MAAM;AACxD,YAAA,IAAI,CAAC,aAAa,EAAE,CAAC;;;;;;;;","names":["CoverHeroVariant","CoverHeroContentPosition","h","Host"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-cover-hero/styles.css?tag=z-cover-hero&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-cover-hero/index.js"],"sourcesContent":[":host {\n  --cover-hero-overlay: linear-gradient(270deg, #0000 0%, #000000e6 100%);\n  --cover-hero-text-color: var(--color-text-inverse);\n  --cover-hero-aspect-ratio: ;\n\n  display: block;\n  overflow: hidden;\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n:host .main-container {\n  position: relative;\n  width: 100%;\n  align-items: baseline;\n}\n\n:host .content-container {\n  color: var(--cover-hero-text-color);\n  fill: var(--cover-hero-text-color);\n}\n\n:host .main-container .cover-container {\n  position: relative;\n  width: 100%;\n  padding-top: calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));\n  background-color: var(--gray600);\n}\n\n::slotted([slot=\"cover\"]) {\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n  inset: 0;\n  object-fit: cover;\n  object-position: top center;\n}\n\n::slotted(z-info-reveal) {\n  position: absolute;\n  z-index: 1;\n  right: var(--grid-margin);\n  bottom: var(--grid-margin);\n}\n\n/* Variant overlay */\n:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"])) .main-container {\n  height: 100%;\n}\n\n:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"]))\n  .main-container\n  .cover-container {\n  position: absolute;\n  z-index: -1;\n  height: 100%;\n  padding: 0;\n}\n\n:host([variant=\"overlay\"]) .main-container .cover-container::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--cover-hero-overlay);\n  content: \"\";\n}\n\n:host([variant=\"overlay\"]:is([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"]))\n  .main-container\n  .content-container {\n  position: absolute;\n  inset: 0;\n}\n\n:host([variant=\"overlay\"]) .main-container .content-container {\n  height: 100%;\n  padding: var(--grid-margin);\n}\n\n/* Variant stacked */\n:host([variant=\"stacked\"]) {\n  --cover-hero-text-color: var(--color-default-text);\n}\n\n:host([variant=\"stacked\"]) .content-container ::slotted(*) {\n  padding: var(--grid-margin) 0;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { CoverHeroContentPosition, CoverHeroVariant } from \"../../beans\";\n/**\n * Cover hero component.\n * Component to display a hero image with content.\n *\n * @slot cover - slot for the cover image.\n * @slot content - slot for the content.\n * @slot info-reveal - slot for the info reveal.\n * @cssprop --cover-hero-overlay - overlay color of the cover hero (CSS `background` property). **Default**: `linear-gradient(270deg, #0000 0%, #000000e6 100%)`.\n * @cssprop --cover-hero-text-color - color of the text.\n * @cssprop --cover-hero-aspect-ratio - aspect ratio to use for the image. You can pass a fraction or a number representing the ratio. **Default**: the intrinsic aspect ratio of the slotted image or `16/9`.\n */\nexport class ZCoverHero {\n    constructor() {\n        this.variant = CoverHeroVariant.OVERLAY;\n        this.contentPosition = CoverHeroContentPosition.TOP;\n        this.preserveAspectRatio = true;\n    }\n    /**\n     * Store the intrinsic aspect ratio of the slotted image when loaded,\n     * to have a default when `--cover-hero-aspect-ratio` is not set.\n     * @param target The event target\n     */\n    onImgLoad({ target }) {\n        if (target instanceof Image && target.closest(\"[slot=cover]\")) {\n            const ratio = target.naturalWidth / target.naturalHeight;\n            this.host.style.setProperty(\"--image-aspect-ratio\", ratio.toString());\n        }\n    }\n    /**\n     * Template for the content.\n     */\n    renderContent() {\n        return (h(\"div\", { class: \"content-container\" }, h(\"slot\", { name: \"content\" })));\n    }\n    render() {\n        return (h(Host, { key: '9d19bccd90d41d823dedfd22d4735806513e02b4' }, this.variant === CoverHeroVariant.STACKED &&\n            this.contentPosition === CoverHeroContentPosition.TOP &&\n            this.renderContent(), h(\"div\", { key: 'c700a2f18c53e2ee3f0893bb5e06c591847cbf3d', class: \"main-container\" }, h(\"div\", { key: '32d74cad8e5c8ca8e6bf14a98dda4f490eca8983', class: \"cover-container\" }, h(\"slot\", { key: '3b54102807692fa0bd3c13ec02ca577dd817f12c', name: \"cover\" })), h(\"slot\", { key: '330c4c5cb791cb34d6ae5c797f5af17b55e6173b', name: \"info-reveal\" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&\n            this.contentPosition === CoverHeroContentPosition.BOTTOM &&\n            this.renderContent()));\n    }\n    static get is() { return \"z-cover-hero\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"CoverHeroVariant\",\n                    \"resolved\": \"CoverHeroVariant.OVERLAY | CoverHeroVariant.STACKED\",\n                    \"references\": {\n                        \"CoverHeroVariant\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::CoverHeroVariant\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Cover hero variant. Can be `OVERLAY` or `STACKED`.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": true,\n                \"defaultValue\": \"CoverHeroVariant.OVERLAY\"\n            },\n            \"contentPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"CoverHeroContentPosition\",\n                    \"resolved\": \"CoverHeroContentPosition.BOTTOM | CoverHeroContentPosition.TOP\",\n                    \"references\": {\n                        \"CoverHeroContentPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::CoverHeroContentPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Vertical content position (for `STACKED` variant).\"\n                },\n                \"attribute\": \"content-position\",\n                \"reflect\": true,\n                \"defaultValue\": \"CoverHeroContentPosition.TOP\"\n            },\n            \"preserveAspectRatio\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Whether to keep the image aspect ratio.\\nIf set to `false`, the cssprop `--cover-hero-aspect-ratio` will not affect the component's size;\\ninstead, the height of the component follows the content's one.\\nNote: it may be necessary to set a min and/or max height to the component.\"\n                },\n                \"attribute\": \"preserve-aspect-ratio\",\n                \"reflect\": true,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"load\",\n                \"method\": \"onImgLoad\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}