@zanichelli/albe-web-components 12.1.2 → 12.1.3-rc

package/dist/esm/z-select.entry.js

@@ -1,328 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4968ce56.js';
-import { e as ControlSize, g as KeyboardCode, l as ListDividerType, i as ListSize } from './index-47f23745.js';
-import { r as randomId, b as boolean, d as getElementTree, a as handleKeyboardSubmit, e as getClickedElement } from './utils-2a4ef29d.js';
-import './breakpoints-9b81eb1b.js';
-
-const stylesCss = ".sc-z-select-h{display:inline-block;width:inherit;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}[size=\"small\"].sc-z-select-h,[size=\"x-small\"].sc-z-select-h{font-size:var(--font-size-2)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 0.5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;background:var(--color-surface01);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.fixed.sc-z-select{position:static}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:calc(var(--space-unit) * 0.5);outline:none;scrollbar-color:var(--color-primary01) transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 1.5)}[size=\"x-small\"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-content.sc-z-select{padding:0 calc(var(--space-unit) * 1.5)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-content.selected.sc-z-select{font-weight:bold}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--gray800)}.reset-item.sc-z-select{color:var(--color-primary01);fill:var(--color-primary01)}.reset-item-content.sc-z-select{display:flex;align-items:center}.reset-item.reset-item-margin.sc-z-select .reset-item-content.sc-z-select{margin-left:calc(var(--space-unit))}.reset-item.sc-z-select .reset-item-content.sc-z-select>z-icon.sc-z-select{margin-right:var(--space-unit)}.reset-item.hide.sc-z-select{display:none}";
-
-const ZSelect = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.optionSelect = createEvent(this, "optionSelect", 7);
-    this.resetSelect = createEvent(this, "resetSelect", 7);
-    /** the id of the input element */
-    this.htmlid = `id-${randomId()}`;
-    /** the input aria-label */
-    this.ariaLabel = "";
-    /** the input is disabled */
-    this.disabled = false;
-    /** the input is readonly */
-    this.readonly = false;
-    /** input helper message (optional) - if set to `false` message won't be displayed */
-    this.message = true;
-    /** the input has autocomplete option */
-    this.autocomplete = false;
-    /** no result text message */
-    this.noresultslabel = "Nessun risultato";
-    /** When fixed, it occupies space and pushes down next elements. */
-    this.isfixed = false;
-    /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
-    this.size = ControlSize.BIG;
-    this.isOpen = false;
-    this.selectedItem = null;
-    this.itemsList = [];
-    this.toggleSelectUl = this.toggleSelectUl.bind(this);
-    this.selectItem = this.selectItem.bind(this);
-    this.handleSelectFocus = this.handleSelectFocus.bind(this);
-  }
-  watchItems() {
-    this.itemsList = this.getInitialItemsArray();
-    this.selectedItem = this.itemsList.find((item) => item.selected);
-  }
-  /** get the input selected options */
-  async getSelectedItem() {
-    return this.selectedItem;
-  }
-  /** get the input value */
-  async getValue() {
-    return this.getSelectedValue();
-  }
-  /** set the input value */
-  async setValue(value) {
-    let values = [];
-    if (typeof value === "string") {
-      values.push(value);
-    }
-    else {
-      values = value;
-    }
-    this.selectedItem = this.itemsList.find((item) => values.includes(item.id));
-  }
-  emitOptionSelect() {
-    this.optionSelect.emit({
-      id: this.htmlid,
-      selected: this.getSelectedValue(),
-    });
-  }
-  emitResetSelect() {
-    this.resetSelect.emit({
-      id: this.htmlid,
-    });
-  }
-  componentWillLoad() {
-    this.watchItems();
-  }
-  componentWillRender() {
-    this.filterItems(this.searchString);
-  }
-  getInitialItemsArray() {
-    return typeof this.items === "string" ? JSON.parse(this.items) : this.items;
-  }
-  mapSelectedItemToItemsArray() {
-    const initialItemsList = this.getInitialItemsArray();
-    return initialItemsList.map((item) => {
-      var _a;
-      item.selected = item.id === ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.id);
-      return item;
-    });
-  }
-  getSelectedValue() {
-    var _a;
-    return (_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.id;
-  }
-  filterItems(searchString) {
-    const prevList = this.mapSelectedItemToItemsArray();
-    if (!(searchString === null || searchString === void 0 ? void 0 : searchString.length)) {
-      this.itemsList = prevList;
-    }
-    else {
-      this.itemsList = prevList
-        .filter((item) => {
-        return item.name.toUpperCase().includes(searchString.toUpperCase());
-      })
-        .map((item) => {
-        const start = item.name.toUpperCase().indexOf(searchString.toUpperCase());
-        const end = start + searchString.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 item;
-      });
-    }
-  }
-  hasAutocomplete() {
-    return boolean(this.autocomplete) === true;
-  }
-  handleInputChange(e) {
-    this.searchString = e.detail.value;
-    if (!this.isOpen) {
-      this.toggleSelectUl();
-    }
-  }
-  selectItem(item, selected) {
-    if (item && item.disabled) {
-      return;
-    }
-    this.itemsList = this.mapSelectedItemToItemsArray();
-    this.itemsList = this.itemsList.map((i) => {
-      i.selected = false;
-      if (i.id === (item === null || item === void 0 ? void 0 : item.id)) {
-        i.selected = selected;
-      }
-      return i;
-    });
-    this.selectedItem = this.itemsList.find((item) => item.selected);
-    this.emitOptionSelect();
-    if (this.searchString) {
-      this.searchString = null;
-    }
-  }
-  arrowsSelectNav(e, key) {
-    const showResetIcon = this.resetItem && !!this.selectedItem;
-    const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];
-    if (!arrows.includes(e.key)) {
-      return;
-    }
-    e.preventDefault();
-    e.stopPropagation();
-    if (!this.isOpen) {
-      this.toggleSelectUl();
-    }
-    let index;
-    if (this.resetItem) {
-      if (e.key === KeyboardCode.ARROW_DOWN) {
-        index = key + 1 === this.itemsList.length + 1 ? +!showResetIcon : key + 1;
-      }
-      else if (e.key === KeyboardCode.ARROW_UP) {
-        index = key <= +!showResetIcon ? this.itemsList.length : key - 1;
-      }
-    }
-    if (!this.resetItem) {
-      if (e.key === KeyboardCode.ARROW_DOWN) {
-        index = key + 1 === this.itemsList.length ? 0 : key + 1;
-      }
-      else if (e.key === KeyboardCode.ARROW_UP) {
-        index = key <= 0 ? this.itemsList.length - 1 : key - 1;
-      }
-    }
-    this.focusSelectItem(index);
-  }
-  focusSelectItem(index) {
-    const focusElem = this.element.querySelector(`#${this.htmlid}_${index}`);
-    if (focusElem) {
-      focusElem.focus();
-    }
-  }
-  toggleSelectUl(selfFocusOnClose = false) {
-    if (this.disabled || this.readonly) {
-      return;
-    }
-    if (!this.isOpen) {
-      document.addEventListener("click", this.handleSelectFocus);
-      document.addEventListener("keyup", this.handleSelectFocus);
-    }
-    else {
-      document.removeEventListener("click", this.handleSelectFocus);
-      document.removeEventListener("keyup", this.handleSelectFocus);
-      if (selfFocusOnClose) {
-        this.element.querySelector(`#${this.htmlid}_input`).focus();
-      }
-    }
-    this.isOpen = !this.isOpen;
-  }
-  handleInputClick(e) {
-    const cp = e.composedPath();
-    const clearIcon = cp.find((item) => item.classList && item.classList.contains("reset-icon"));
-    if (clearIcon) {
-      e.stopPropagation();
-      return;
-    }
-    this.toggleSelectUl();
-  }
-  handleSelectFocus(e) {
-    if (e instanceof KeyboardEvent && e.key === KeyboardCode.ESC) {
-      e.stopPropagation();
-      return this.toggleSelectUl(true);
-    }
-    if (e instanceof KeyboardEvent && e.key !== KeyboardCode.TAB && e.key !== KeyboardCode.ENTER) {
-      return;
-    }
-    const tree = getElementTree(getClickedElement());
-    const parent = tree.find((elem) => {
-      return elem.nodeName.toLowerCase() === "z-input" && elem.id === `${this.htmlid}_input`;
-    });
-    if (!parent) {
-      this.toggleSelectUl(e instanceof MouseEvent ? true : false);
-    }
-  }
-  scrollToLetter(letter) {
-    const foundItem = this.itemsList.find((item) => item.name.charAt(0) === letter);
-    if (foundItem) {
-      this.focusSelectItem(this.itemsList.indexOf(foundItem));
-    }
-  }
-  renderInput() {
-    return (h("z-input", { class: {
-        "active-select": this.isOpen,
-        "cursor-select": !this.autocomplete,
-      }, id: `${this.htmlid}_input`, htmlid: `${this.htmlid}_select_input`, placeholder: this.placeholder, value: !this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, "") : null, label: this.label, "aria-label": this.ariaLabel, icon: this.isOpen ? "caret-up" : "caret-down", hasclearicon: this.hasAutocomplete(), message: false, disabled: this.disabled, readonly: this.readonly || (!this.hasAutocomplete() && this.isOpen), status: this.isOpen ? undefined : this.status, autocomplete: "off", size: this.size, onClick: (e) => {
-        this.handleInputClick(e);
-      }, onKeyUp: (e) => {
-        if (e.keyCode !== 13) {
-          e.preventDefault();
-        }
-        handleKeyboardSubmit(e, this.toggleSelectUl);
-      }, onKeyDown: (e) => {
-        return this.arrowsSelectNav(e, this.selectedItem ? this.itemsList.indexOf(this.selectedItem) : this.resetItem ? 0 : -1);
-      }, onInputChange: (e) => {
-        this.handleInputChange(e);
-      }, onKeyPress: (e) => {
-        if (!this.hasAutocomplete()) {
-          e.preventDefault();
-          this.scrollToLetter(String.fromCharCode(e.keyCode));
-        }
-      } }));
-  }
-  renderSelectUl() {
-    return (h("div", { class: this.isOpen ? "open" : "closed", tabindex: "-1", "aria-hidden": this.isOpen ? "false" : "true" }, h("div", { class: {
-        "ul-scroll-wrapper": true,
-        "fixed": this.isfixed,
-      }, tabindex: "-1" }, h("z-list", { role: "listbox", tabindex: this.disabled || this.readonly || !this.isOpen ? -1 : 0, id: `${this.htmlid}_list`, "aria-multiselectable": false, size: this.listSizeType(), class: {
-        disabled: this.disabled,
-        readonly: this.readonly,
-        filled: !!this.selectedItem,
-        [`input-${this.status}`]: !this.isOpen && !!this.status,
-      } }, this.resetItem && this.renderResetItem(), this.renderSelectUlItems()))));
-  }
-  renderResetItem() {
-    return (h("z-list-element", { class: {
-        "hide": !this.selectedItem || !this.resetItem,
-        "reset-item": true,
-        "reset-item-margin": !this.hasGroupItems,
-      }, clickable: true, disabled: false, dividerType: ListDividerType.ELEMENT, role: "option", tabindex: "0", "aria-selected": "false", id: `${this.htmlid}_${this.resetItem ? "0" : "none"}`, size: this.listSizeType(), onClickItem: () => {
-        this.selectedItem = null;
-        this.searchString = null;
-        this.emitResetSelect();
-      }, onKeyDown: (e) => this.arrowsSelectNav(e, 0) }, h("div", { class: "reset-item-content" }, h("z-icon", { name: "multiply-circled" }), h("span", null, this.resetItem))));
-  }
-  renderItem(item, key, lastItem) {
-    return (h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": item.selected ? "true" : "false", id: `${this.htmlid}_${key}`, size: this.listSizeType(), onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, key) }, h("span", { class: {
-        "selected": !!item.selected,
-        "list-element-content": true,
-      }, innerHTML: item.name })));
-  }
-  listSizeType() {
-    if (this.size === ControlSize.SMALL || this.size === ControlSize.X_SMALL) {
-      return ListSize.SMALL;
-    }
-    return ListSize.MEDIUM;
-  }
-  renderSelectUlItems() {
-    if (!this.itemsList.length) {
-      return this.renderNoSearchResults();
-    }
-    if (this.hasGroupItems) {
-      return this.renderSelectGroupItems();
-    }
-    return this.itemsList.map((item, key, array) => {
-      const lastItem = array.length === key + 1;
-      const itemKey = this.resetItem ? key + 1 : key;
-      return this.renderItem(item, itemKey, lastItem);
-    });
-  }
-  renderSelectGroupItems() {
-    const newData = this.itemsList.reduce((group, item, index, array) => {
-      var _a;
-      const { category } = item;
-      const lastItem = array.length === index + 1;
-      const itemKey = this.resetItem ? index + 1 : index;
-      const zListItem = this.renderItem(item, itemKey, lastItem);
-      group[category] = (_a = group[category]) !== null && _a !== void 0 ? _a : [];
-      group[category].push(zListItem);
-      return group;
-    }, {});
-    return Object.entries(newData).map(([key, value]) => {
-      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)));
-    });
-  }
-  renderNoSearchResults() {
-    return (h("z-list-element", { color: "blue500", class: "no-results", size: this.listSizeType() }, h("z-icon", { name: "multiply-circle", fill: "blue500" }), this.noresultslabel));
-  }
-  renderMessage() {
-    if (boolean(this.message) === false) {
-      return;
-    }
-    return (h("z-input-message", { message: boolean(this.message) === true ? undefined : this.message, status: this.status, class: this.size }));
-  }
-  render() {
-    return (h("div", { class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "items": ["watchItems"]
-  }; }
-};
-ZSelect.style = stylesCss;
-
-export { ZSelect as z_select };

package/dist/esm/z-skip-to-content.entry.js

@@ -1,70 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4968ce56.js';
-import { d as getElementTree, a as handleKeyboardSubmit } from './utils-2a4ef29d.js';
-import { T as ThemeVariant } from './index-47f23745.js';
-import './breakpoints-9b81eb1b.js';
-
-const stylesCss = ".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg);text-align:center}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{display:inline-flex;height:100%;align-items:center}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--color-surface05);color:var(--color-surface01)}.light.sc-z-skip-to-content-h{border:var(--border-size-medium) solid var(--color-surface05);background-color:var(--color-surface01);color:var(--color-text01)}@media (min-width: 768px){.sc-z-skip-to-content-h{text-align:start}}@media (min-width: 1152px){.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{padding:0 calc(var(--space-unit) * 3);border-right:var(--border-size-small) solid var(--color-surface05)}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{border-right:var(--border-size-small) solid var(--color-surface01)}}";
-
-const ZSkipToContent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** Array to fill link into skip-content */
-    this.links = [];
-    this.visible = false;
-    this.visibleLink = "";
-  }
-  handleFocusOutSkipToContent(e) {
-    if (this.isInSkipToContent(e.target)) {
-      this.visible = false;
-    }
-  }
-  handleFocusSkipToContent(e) {
-    if (this.isInSkipToContent(e.target)) {
-      this.visible = true;
-    }
-  }
-  componentDidLoad() {
-    this.showFirstChild();
-  }
-  componentWillRender() {
-    if (this.links) {
-      this.links = typeof this.links === "string" ? JSON.parse(this.links) : this.links;
-    }
-  }
-  isInSkipToContent(elem) {
-    const tree = getElementTree(elem);
-    const menuParent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-skip-to-content");
-    return !!menuParent;
-  }
-  showFirstChild() {
-    var _a;
-    const firstChild = (_a = this.hostElement.children) === null || _a === void 0 ? void 0 : _a[0];
-    if (firstChild) {
-      this.visibleLink = firstChild.id;
-    }
-  }
-  handleLinkClick() {
-    this.visible = false;
-  }
-  render() {
-    return (h(Host, { class: {
-        [this.variant]: true,
-        "skip-to-content-visible": this.visible,
-      } }, this.links.map((link, i) => {
-      const id = `skip-to-content-${i}`;
-      return (h("div", { class: "link-container" }, h("a", { id: id, class: {
-          "body-1-sb": true,
-          "z-link": true,
-          "z-link-underline": true,
-          "z-link-white": this.variant === ThemeVariant.DARK,
-          "z-link-black": this.variant !== ThemeVariant.DARK,
-          "link-visible": id == this.visibleLink,
-          "link-invisible": id != this.visibleLink,
-        }, "aria-label": link.ariaLabel || link.label, href: link.href, onFocus: () => (this.visibleLink = id), onClick: () => this.handleLinkClick(), onKeyUp: (e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this)) }, link.label)));
-    })));
-  }
-  get hostElement() { return getElement(this); }
-};
-ZSkipToContent.style = stylesCss;
-
-export { ZSkipToContent as z_skip_to_content };

package/dist/esm/z-slideshow.entry.js

@@ -1,125 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-4968ce56.js';
-import { p as Device } from './index-47f23745.js';
-import { f as convertJson, g as getDevice, a as handleKeyboardSubmit } from './utils-2a4ef29d.js';
-import './breakpoints-9b81eb1b.js';
-
-const stylesCss = ":host{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;line-height:0px;overflow-y:hidden;transition:all 300ms}footer{display:grid;width:100%;height:56px;align-items:center;border-top:var(--border-size-medium) solid var(--color-surface02);grid-template:2 / 2;grid-template-areas:\"center center\" \"left right\"}footer>div{width:100%;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:flex;min-height:60px;align-items:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--gray200);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--gray400)}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-size-medium) solid var(--color-surface02);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:\"left center right\"}footer .bullet-container .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}";
-
-/**
- * Check if data is an array of strings.
- * @param {unknown} data Data to check
- * @returns {boolean}
- */
-function isStringArray(data) {
-  return Array.isArray(data) && data.every((datum) => typeof datum === "string");
-}
-const ZSlideshow = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.currentSlide = 0;
-  }
-  watchData() {
-    this.parseLinks();
-  }
-  componentWillLoad() {
-    this.parseLinks();
-    this.setDevice();
-    window.addEventListener("resize", this.handleResize.bind(this));
-  }
-  componentDidRender() {
-    this.setStyle();
-  }
-  handleResize() {
-    this.setDevice();
-    this.setStyle();
-  }
-  parseLinks() {
-    var _a;
-    switch (typeof this.data) {
-      case "string": {
-        const parsed = (_a = convertJson(this.data)) !== null && _a !== void 0 ? _a : [];
-        if (!isStringArray(parsed)) {
-          throw new Error("Passed data is invalid");
-        }
-        this.links = parsed;
-        break;
-      }
-      default:
-        this.links = this.data;
-        break;
-    }
-  }
-  setStyle() {
-    const refSlides = this.el.shadowRoot.querySelector("#slides");
-    if (!refSlides) {
-      return;
-    }
-    const allImages = this.el.shadowRoot.querySelectorAll(".slide");
-    const width = this.el.offsetWidth;
-    const fullwidth = width * this.links.length;
-    refSlides.style.width = `${fullwidth}px`;
-    refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;
-    allImages.forEach((item) => {
-      const img = item.querySelector("img");
-      img.style.width = `${width}px`;
-    });
-  }
-  setDevice() {
-    this.device = getDevice();
-  }
-  setCurrentSlide(index) {
-    this.currentSlide = index;
-  }
-  getBulletDimension() {
-    switch (this.device) {
-      case Device.MOBILE:
-        return 24;
-      case Device.TABLET:
-        return 32;
-      default:
-        return 40;
-    }
-  }
-  renderSlides(items) {
-    return (h("div", { id: "slides" }, items.map((item, i) => (h("div", { id: "slide" + i, class: `slide ${this.currentSlide !== i && "hide"}` }, h("img", { src: item }))))));
-  }
-  renderScroll(direction) {
-    let disabled = false, nextSlide = this.currentSlide;
-    if (direction === "left") {
-      disabled = this.currentSlide === 0;
-      nextSlide--;
-    }
-    else if (direction === "right") {
-      disabled = this.currentSlide === this.links.length - 1;
-      nextSlide++;
-    }
-    return (h("z-icon", { class: `scroll ${direction} ${disabled && "disabled"}`, width: this.getBulletDimension(), height: this.getBulletDimension(), name: `chevron-${direction}-circle`, onClick: () => {
-        !disabled && this.setCurrentSlide(nextSlide);
-      }, onKeyUp: (e) => !disabled &&
-        handleKeyboardSubmit(e, () => {
-          this.setCurrentSlide(nextSlide);
-        }), tabindex: 0, role: "button" }));
-  }
-  renderSlideshowMain() {
-    return (h("main", null, this.renderScroll("left"), this.renderSlides(this.links), this.renderScroll("right")));
-  }
-  renderBullet(i) {
-    return (h("a", { class: `bullet ${this.currentSlide === i && "selected"}`, onClick: () => this.setCurrentSlide(i), onKeyUp: (e) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i)), tabindex: 0, role: "button" }));
-  }
-  renderSlideshowFooter() {
-    return (h("footer", null, h("div", { class: "footer-left" }, h("slot", { name: "footer-left" })), h("div", { class: "footer-center" }, h("div", { class: "bullet-container" }, Object.keys(this.links).map((i) => this.renderBullet(parseInt(i))))), h("div", { class: "footer-right" }, h("slot", { name: "footer-right" }))));
-  }
-  render() {
-    if (!this.links || !this.links.length) {
-      return h("div", null);
-    }
-    return (h("div", { id: this.slideshowid }, this.renderSlideshowMain(), this.renderSlideshowFooter()));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "data": ["watchData"]
-  }; }
-};
-ZSlideshow.style = stylesCss;
-
-export { ZSlideshow as z_slideshow };

package/dist/esm/z-stepper-item.entry.js

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

package/dist/esm/z-stepper.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, h } from './index-4968ce56.js';
-
-const stylesCss = ":host{position:relative;display:flex;width:100%;max-width:100%;box-sizing:border-box;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media only screen and (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";
-
-const ZStepper = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return h("slot", null);
-  }
-};
-ZStepper.style = stylesCss;
-
-export { ZStepper as z_stepper };

package/dist/esm/z-table-body.entry.js

@@ -1,2 +0,0 @@
-export { Z as z_table_body } from './index-772a7413.js';
-import './index-4968ce56.js';

package/dist/esm/z-table-cell.entry.js

@@ -1,3 +0,0 @@
-export { Z as z_table_cell } from './index-85dc8bc0.js';
-import './index-4968ce56.js';
-import './index-47f23745.js';

package/dist/esm/z-table-deprecated.entry.js

@@ -1,87 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4968ce56.js';
-import { B as ButtonVariant, d as ButtonSize } from './index-47f23745.js';
-import { m as mobileBreakpoint } from './breakpoints-9b81eb1b.js';
-import './index-772a7413.js';
-import './index-85dc8bc0.js';
-import './index-6161978d.js';
-import './index-361b27f9.js';
-import './index-fac1fe6c.js';
-import './index-8f7fd43f.js';
-import './index-4d1853ea.js';
-import './index-816801e5.js';
-import './index-e6ee76f0.js';
-import './index-531501d7.js';
-import './utils-2a4ef29d.js';
-
-const stylesCss = "z-table-deprecated{display:block;width:100%;background-color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-rg);overflow-x:auto}z-table-deprecated>div.table{display:table;width:100%;border-collapse:separate}z-table-deprecated>div.table-bordered>z-table-body>z-table-row>z-table-cell:not(:last-child),z-table-deprecated>div.table-bordered>z-table-head>z-table-header-row>z-table-header:not(:last-child){border-right:var(--border-size-small) solid var(--color-surface03)}z-table-deprecated>div>z-table-body>z-table-row[expandable]>z-table-cell:first-child,z-table-deprecated>div>z-table-head>z-table-header-row[expandable]>z-table-header:first-child{border-right:none}z-table-deprecated>div>z-table-body>z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-deprecated>div>z-table-body>z-table-row[expanded]+z-table-expanded-row{border-bottom:1px solid var(--gray200)}z-table-deprecated>div.table-column-sticky>z-table-body>z-table-row>z-table-cell:first-child,z-table-deprecated>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{position:sticky;z-index:1;left:0;box-shadow:1px 0 4px -1px rgb(66 69 72 / 40%)}z-table-deprecated>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{position:sticky;z-index:2;top:0;box-shadow:0 2px 3px -3px rgb(66 69 72 / 40%)}z-table-deprecated>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header:first-child,z-table-deprecated>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{z-index:5}z-table-body{width:auto;background-color:var(--color-white)}z-table-empty-box{display:flex;flex-direction:column;flex-grow:1;border-bottom:var(--border-size-small) solid var(--color-surface03)}z-table-empty-box.bordered{border-left:var(--border-size-small) solid var(--color-surface03)}.error-message{margin-top:calc(var(--space-unit) * 2)}.table-content{display:flex;width:100%;flex-direction:row}.error-content{display:flex;padding:calc(var(--space-unit) * 3);font-family:var(--font-family-sans)}.error-content>img{width:244px;height:188px;margin-right:calc(var(--space-unit) * 3)}@media only screen and (max-width: 768px){z-table-deprecated>div.table-empty{display:none}.error-content{display:flex;flex-direction:column}.error-content>img{width:auto;height:auto}.text{padding:calc(var(--space-unit) * 3) 0}}";
-
-const ZTableDeprecated = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.callToAction = createEvent(this, "callToAction", 7);
-    this.callToActionTwo = createEvent(this, "callToActionTwo", 7);
-    /** Error message */
-    this.errorMessage = "Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto";
-    /** Sets table with border */
-    this.bordered = false;
-    /** Sets first column sticky */
-    this.columnSticky = false;
-    /** Sets empty table */
-    this.empty = false;
-    /** Set error status */
-    this.error = false;
-    /** Sets header sticky */
-    this.headerSticky = false;
-    /** Set message */
-    this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare";
-    /** Set subtitle */
-    this.subtitle = "";
-  }
-  handleResize() {
-    this.isMobile = window.innerWidth <= mobileBreakpoint;
-  }
-  handleOrientationChange() {
-    this.isMobile = screen.width <= mobileBreakpoint;
-  }
-  componentWillLoad() {
-    var _a;
-    this.isMobile = window.innerWidth <= mobileBreakpoint;
-    const tableBody = this.host.querySelector('[slot="table-body"]');
-    this.hasTableBody = !!((_a = tableBody === null || tableBody === void 0 ? void 0 : tableBody.children) === null || _a === void 0 ? void 0 : _a.length);
-    if (!!tableBody && !this.hasTableBody) {
-      tableBody.remove();
-    }
-  }
-  componentWillRender() {
-    this.host.setAttribute("role", "table");
-  }
-  renderError(tableClass) {
-    const minHeight = this.lines ? `calc(40px * ${this.lines})` : "auto";
-    return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-table-error", null, h("div", { class: "error-content", style: { minHeight } }, h("slot", { name: "error-image" }), h("div", { class: "text" }, h("span", { class: "body-3-sb error-message" }, this.errorMessage), h("slot", { name: "error-action" }))))));
-  }
-  renderEmpty(tableClass) {
-    const buttonSize = this.isMobile ? ButtonSize.SMALL : ButtonSize.BIG;
-    const tableContentClass = `${this.hasTableBody ? "table-content" : ""}`;
-    if (this.hasTableBody) {
-      return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" }), h("div", { class: tableContentClass }, h("slot", { name: "table-body" }), h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))))));
-    }
-    return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))));
-  }
-  render() {
-    const tableClass = `table ${this.empty ? "table-empty" : ""} ${this.bordered ? "table-bordered" : ""}
-    ${this.columnSticky ? "table-column-sticky" : ""}
-    ${this.headerSticky ? "table-header-sticky" : ""}`;
-    if (this.error) {
-      return this.renderError(tableClass);
-    }
-    if (this.empty) {
-      return this.renderEmpty(tableClass);
-    }
-    return (h(Host, null, h("div", { class: tableClass }, h("slot", null)), h("slot", { name: "sticky-footer" })));
-  }
-  static get assetsDirs() { return ["assets"]; }
-  get host() { return getElement(this); }
-};
-ZTableDeprecated.style = stylesCss;
-
-export { ZTableDeprecated as z_table_deprecated };