@zanichelli/albe-web-components 16.3.0-rc2 → 16.3.1-RC

package/dist/cjs/index-f9539ff9.js

@@ -1,75 +0,0 @@
-'use strict';
-
-const index = require('./index-e801ae96.js');
-const index$1 = require('./index-bab7a651.js');
-
-const stylesCss = ":host{position:relative;display:flex;max-width:100%;box-sizing:border-box;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}.cell--content-container{display:flex;width:100%;height:100%;align-items:center}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu=\"hover\"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu=\"hover\"]:hover) .cell--menu-container{opacity:1;pointer-events:all}}:host{z-index:1;box-sizing:border-box;padding:0;background-color:var(--color-surface02);font-weight:var(--font-sb)}:host([sticky]){background-color:var(--color-surface02)}:host([sortable]){cursor:pointer}.z-th--sort-button{display:none}:host(:hover) .z-th--sort-button,:host .sort-active{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin-top:auto;background-color:transparent;cursor:pointer}.z-th-content-container{display:flex;width:100%;height:100%;align-items:center}:host>.zth-body{display:flex;width:100%;height:100%;box-sizing:border-box;align-items:center;padding:calc(var(--space-unit) * 2)}.zth-body:focus{border:2px solid var(--blue800);outline:none}";
-const ZThStyle0 = stylesCss;
-
-const ZTh = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.sort = index.createEvent(this, "sort", 7);
-        this.colspan = undefined;
-        this.showMenu = null;
-        this.showSorting = null;
-        this.sticky = false;
-        this.sortDirection = undefined;
-        this.popoverPosition = index$1.PopoverPosition.AUTO;
-        this.isMenuOpen = false;
-    }
-    /**
-     * Get the value to set to the `aria-sort` attribute based on the current sort direction.
-     */
-    get ariaSortDirection() {
-        if (!this.sortDirection) {
-            return null;
-        }
-        return this.sortDirection === index$1.SortDirection.ASC ? "ascending" : "descending";
-    }
-    /**
-     * Handle the click on the sort button.
-     * This method will also handle the z-index logic.
-     * @fires sort
-     */
-    handleSort() {
-        if (!this.sortDirection) {
-            return;
-        }
-        this.sortDirection = this.sortDirection === index$1.SortDirection.ASC ? index$1.SortDirection.DESC : index$1.SortDirection.ASC;
-        this.sort.emit({ sortDirection: this.sortDirection });
-        const row = this.host.parentElement;
-        if (row) {
-            const zThElements = Array.from(row.querySelectorAll("z-th"));
-            zThElements.forEach((th) => (th.style.zIndex = "1"));
-        }
-        this.host.style.zIndex = "2";
-    }
-    updateColspan() {
-        if (this.colspan) {
-            this.host.style.gridColumn = `span ${this.colspan}`;
-        }
-        else {
-            this.host.style.removeProperty("grid-column");
-        }
-    }
-    componentWillLoad() {
-        this.updateColspan();
-    }
-    render() {
-        return (index.h(index.Host, { key: 'e19ce0aeeb1ba8972f50de4b70af43a60151c682', role: "columnHeader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, index.h("div", { key: '44d09af9f07df51b5f47e1c4c4db898e69d77e39', tabIndex: 1, class: "zth-body", style: this.showMenu && { justifyContent: "space-between" }, onClick: () => {
-                if (this.showSorting) {
-                    this.handleSort();
-                }
-            } }, index.h("slot", { key: 'fcf42b55075ff6c73c674db5bd220837062b38fd' }), this.showSorting && (index.h("button", { key: '3a9807b155f618189e04c5b81eb4bfb2fced3369', class: { "z-th--sort-button": true, "sort-active": this.showSorting === index$1.VisibilityCondition.ALWAYS }, type: "button", onClick: this.handleSort.bind(this) }, index.h("z-icon", { key: '0fa1d223547deb01a66f0e277d4bbf7ab0c7224c', name: this.sortDirection === index$1.SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (index.h("div", { key: '152af9c317206039d80ef797980db4bbaf4f6baa', class: "cell--menu-container" }, index.h("z-button", { key: '744c6db07cfc39d79eae2691599994e6d7c9b5ce', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), index.h("z-popover", { key: 'f4585b3adfb0a90c7f9c4be8ecd3966f75f1cabf', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: 'a41f6c56e8c2e9225ca425404ffd3d69752ddf7a', name: "contextual-menu" })))))));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "colspan": ["updateColspan"]
-    }; }
-};
-ZTh.style = ZThStyle0;
-
-exports.ZTh = ZTh;
-
-//# sourceMappingURL=index-f9539ff9.js.map

package/dist/cjs/index-f9539ff9.js.map

@@ -1 +0,0 @@
-{"file":"index-f9539ff9.js","mappings":"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","names":["PopoverPosition","SortDirection","h","Host","VisibilityCondition","ButtonVariant","ControlSize"],"sources":["src/components/table/cells/z-th/styles.css?tag=z-th&encapsulation=shadow","src/components/table/cells/z-th/index.tsx"],"sourcesContent":["@import \"../z-table-cells.css\";\n\n:host {\n  z-index: 1;\n  box-sizing: border-box;\n  padding: 0;\n  background-color: var(--color-surface02);\n  font-weight: var(--font-sb);\n}\n\n:host([sticky]) {\n  background-color: var(--color-surface02);\n}\n\n:host([sortable]) {\n  cursor: pointer;\n}\n\n.z-th--sort-button {\n  display: none;\n}\n\n:host(:hover) .z-th--sort-button,\n:host .sort-active {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  margin-top: auto;\n  background-color: transparent;\n  cursor: pointer;\n}\n\n.z-th-content-container {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n}\n\n:host > .zth-body {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  padding: calc(var(--space-unit) * 2);\n}\n\n.zth-body:focus {\n  border: 2px solid var(--blue800);\n  outline: none;\n}\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, PopoverPosition, SortDirection, VisibilityCondition} from \"../../../../beans\";\n\n/**\n * ZTh component.\n * @slot - ZTh content.\n * @slot contextual-menu - Contextual menu content. Only visible when `showMenu` is true.\n */\n@Component({\n  tag: \"z-th\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTh {\n  @Element() host: HTMLZThElement;\n\n  /**\n   * Number of columns that the cell should span.\n   */\n  @Prop()\n  colspan: number;\n\n  /**\n   * Enables the contextual menu.\n   * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n   * Set a nullish value to hide the menu button.\n   */\n  @Prop({reflect: true})\n  showMenu: VisibilityCondition = null;\n\n  /**\n   * Enables the sorting button.\n   * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n   * Set a nullish value to hide the sort button.\n   */\n  @Prop({reflect: true})\n  showSorting: VisibilityCondition = null;\n\n  /**\n   * Whether the cell should stick.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  /**\n   * Current sorting direction.\n   * Set `SortDirection.ASC` or `SortDirection.DESC` to show the sort icon.\n   */\n  @Prop({mutable: true})\n  sortDirection?: SortDirection;\n\n  /**\n   * Set popover position.\n   */\n  @Prop()\n  popoverPosition = PopoverPosition.AUTO;\n\n  /**\n   * Store the open state of the menu.\n   */\n  @State()\n  isMenuOpen = false;\n\n  /**\n   * Sort event fired when the user clicks on the sort button.\n   * The sorting logic must be implemented by the app.\n   * You can set an `id` on the `z-th` to easly identify the column in the event listener.\n   */\n  @Event()\n  private sort: EventEmitter;\n\n  private menuTrigger: HTMLElement;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  /**\n   * Get the value to set to the `aria-sort` attribute based on the current sort direction.\n   */\n  private get ariaSortDirection(): string {\n    if (!this.sortDirection) {\n      return null;\n    }\n\n    return this.sortDirection === SortDirection.ASC ? \"ascending\" : \"descending\";\n  }\n\n  /**\n   * Handle the click on the sort button.\n   * This method will also handle the z-index logic.\n   * @fires sort\n   */\n  private handleSort(): void {\n    if (!this.sortDirection) {\n      return;\n    }\n\n    this.sortDirection = this.sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC;\n\n    this.sort.emit({sortDirection: this.sortDirection});\n\n    const row = this.host.parentElement;\n    if (row) {\n      const zThElements = Array.from(row.querySelectorAll(\"z-th\"));\n      zThElements.forEach((th) => (th.style.zIndex = \"1\"));\n    }\n\n    this.host.style.zIndex = \"2\";\n  }\n\n  @Watch(\"colspan\")\n  protected updateColspan(): void {\n    if (this.colspan) {\n      this.host.style.gridColumn = `span ${this.colspan}`;\n    } else {\n      this.host.style.removeProperty(\"grid-column\");\n    }\n  }\n\n  componentWillLoad(): void {\n    this.updateColspan();\n  }\n\n  render(): HTMLZThElement {\n    return (\n      <Host\n        role=\"columnHeader\"\n        menu-open={this.isMenuOpen}\n        aria-sort={this.ariaSortDirection}\n        sortable={this.showSorting}\n      >\n        <div\n          tabIndex={1}\n          class=\"zth-body\"\n          style={this.showMenu && {justifyContent: \"space-between\"}}\n          onClick={() => {\n            if (this.showSorting) {\n              this.handleSort();\n            }\n          }}\n        >\n          <slot></slot>\n          {this.showSorting && (\n            <button\n              class={{\"z-th--sort-button\": true, \"sort-active\": this.showSorting === VisibilityCondition.ALWAYS}}\n              type=\"button\"\n              onClick={this.handleSort.bind(this)}\n            >\n              <z-icon\n                name={this.sortDirection === SortDirection.DESC ? \"arrow-simple-up\" : \"arrow-simple-down\"}\n                width={14}\n                height={14}\n              />\n            </button>\n          )}\n          {this.showMenu && (\n            <div class=\"cell--menu-container\">\n              <z-button\n                variant={ButtonVariant.TERTIARY}\n                icon=\"contextual-menu\"\n                size={ControlSize.X_SMALL}\n                ref={(el) => (this.menuTrigger = el as HTMLElement)}\n                onClick={() => (this.popoverEl.open = !this.popoverEl.open)}\n              />\n              <z-popover\n                ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n                bindTo={this.menuTrigger}\n                onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n                position={this.popoverPosition}\n              >\n                <slot name=\"contextual-menu\"></slot>\n              </z-popover>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/utils-6bd8c55e.js.map

@@ -1 +0,0 @@
-{"file":"utils-6bd8c55e.js","mappings":"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","names":["KeyboardCode","mobileBreakpoint","Device","tabletBreakpoint","desktopBreakpoint"],"sources":["src/utils/utils.ts"],"sourcesContent":["import {ChildNode} from \"@stencil/core\";\nimport {Device, KeyboardCode} from \"../beans/index\";\nimport {desktopBreakpoint, mobileBreakpoint, tabletBreakpoint} from \"../constants/breakpoints\";\n\nexport function format(first: string, middle: string, last: string): string {\n  return (first || \"\") + (middle ? ` ${middle}` : \"\") + (last ? ` ${last}` : \"\");\n}\n\n/**\n * Return boolean value for passed value if a boolean corresponding value is found\n * Return passed value otherwise\n */\nexport function boolean(value: string | number | boolean): boolean | string | number {\n  switch (value) {\n    case true:\n    case \"true\":\n    case 1:\n    case \"1\":\n    case \"on\":\n    case \"yes\":\n      return true;\n    case false:\n    case \"false\":\n    case 0:\n    case \"0\":\n    case \"off\":\n    case \"no\":\n      return false;\n    default:\n      return value;\n  }\n}\n\nexport function retrieveAsset(assetName: string): string {\n  return assetName && \"assets/images/png/\" + assetName;\n}\n\nexport function randomId(): string {\n  return Math.random().toString(36).replace(\"0.\", \"\");\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleKeyboardSubmit(ev: KeyboardEvent, callback: (...args) => void, ...args: any[]): void {\n  if (ev.code === KeyboardCode.ENTER || ev.code === KeyboardCode.SPACE) {\n    ev.preventDefault();\n    callback(...args);\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleEnterKeydSubmit(ev: KeyboardEvent, callback: (...args) => void, ...args: any[]): void {\n  if (ev.code === KeyboardCode.ENTER) {\n    ev.preventDefault();\n    callback(...args);\n  }\n}\n\nexport function getClickedElement(elem: null | Element = null): null | Element {\n  if (!elem) {\n    elem = document.activeElement;\n  }\n\n  if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {\n    elem = elem.shadowRoot.activeElement;\n\n    return getClickedElement(elem);\n  }\n\n  return elem;\n}\n\nexport function getElementTree(elem: Element, tree: Element[] = []): null | Element[] {\n  tree.push(elem);\n\n  if (elem.parentElement) {\n    elem = elem.parentElement;\n\n    return getElementTree(elem, tree);\n  } else if (elem.parentNode && (elem.parentNode as ShadowRoot).host) {\n    elem = (elem.parentNode as ShadowRoot).host;\n\n    return getElementTree(elem, tree);\n  }\n\n  return tree;\n}\n\nexport function getSiblings(elem: HTMLElement): ChildNode[] {\n  const siblings = [];\n  if (!elem || !elem.parentNode || !elem.parentNode.childNodes) {\n    return siblings;\n  }\n\n  elem.parentNode.childNodes.forEach((child) => {\n    if (child.nodeType === 1 && child !== elem) {\n      siblings.push(child);\n    }\n  });\n\n  return siblings;\n}\n\nexport function getDevice(): Device {\n  switch (true) {\n    case window.innerWidth <= mobileBreakpoint:\n      return Device.MOBILE;\n    case window.innerWidth <= tabletBreakpoint:\n      return Device.TABLET;\n    case window.innerWidth <= desktopBreakpoint:\n      return Device.DESKTOP;\n    default:\n      return Device.DESKTOP_WIDE;\n  }\n}\n\ntype JSONValue = string | number | boolean | JSONObject | JSONArray;\ninterface JSONObject {\n  [x: string]: JSONValue;\n}\ntype JSONArray = JSONValue[];\n\nexport function convertJson(data: string): JSONValue {\n  try {\n    return JSON.parse(data);\n  } catch {\n    return false;\n  }\n}\n\nexport function colorFromId(id: number): string {\n  const prefix = \"avatar-C\"; // prefix for color vars name\n  const colorsCount = 19; // available colors\n  const seed = Math.ceil(2 ** 31 - 1) * parseFloat(`0.${id}`);\n  let color = Math.ceil(colorsCount * (seed % 1));\n\n  // if result of mc is 0\n  // es.: 3895229\n  if (color === 0) {\n    color = 1;\n  }\n\n  return `${prefix}${color.toString().padStart(2, \"0\")}`;\n}\n\n/**\n * Check if the passed CSS selector is valid.\n * @param selector CSS selector to validate\n */\nexport function isSelectorValid(selector: string): boolean {\n  try {\n    document.createDocumentFragment().querySelector(selector);\n\n    return true;\n  } catch {\n    return false;\n  }\n}\n"],"version":3}

package/dist/collection/assets/orientamento.svg

@@ -1,14 +0,0 @@
-<svg width="78" height="78" viewBox="0 0 78 78" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M57.8074 0H19.379C8.67626 0 0 8.67626 0 19.379V57.8074C0 68.5101 8.67626 77.1864 19.379 77.1864H57.8074C68.5101 77.1864 77.1864 68.5101 77.1864 57.8074V19.379C77.1864 8.67626 68.5101 0 57.8074 0Z" fill="#E2001A"/>
-<path d="M41.1679 11.5742H36.0195V68.1802H41.1679V11.5742Z" fill="white"/>
-<path d="M65.6047 36.0195H11.5762V41.1679H65.6047V36.0195Z" fill="white"/>
-<path d="M56.6047 51.4579C55.9459 51.4579 55.287 51.206 54.7831 50.7021C53.7754 49.7009 53.7754 48.0666 54.7831 47.0653L63.2582 38.5903L54.7831 30.1152C53.7754 29.114 53.7754 27.4797 54.7831 26.4784C55.7844 25.4707 57.4187 25.4707 58.4199 26.4784L70.5318 38.5903L58.4199 50.7021C57.9161 51.206 57.2572 51.4579 56.5983 51.4579H56.6047Z" fill="white"/>
-<path d="M48.887 23.1587C48.2281 23.1587 47.5692 22.9068 47.0653 22.4029L38.5903 13.9279L30.1152 22.4029C29.114 23.4106 27.4797 23.4106 26.4784 22.4029C25.4707 21.4017 25.4707 19.7674 26.4784 18.7661L38.5903 6.6543L50.7021 18.7661C51.7098 19.7674 51.7098 21.4017 50.7021 22.4029C50.1983 22.9068 49.5394 23.1587 48.8805 23.1587H48.887Z" fill="white"/>
-<path d="M20.58 51.4579C19.9211 51.4579 19.2622 51.206 18.7583 50.7021L6.64648 38.5903L18.7583 26.4784C19.7596 25.4707 21.3939 25.4707 22.3951 26.4784C23.4028 27.4797 23.4028 29.114 22.3951 30.1152L13.9201 38.5903L22.3951 47.0653C23.4028 48.0666 23.4028 49.7009 22.3951 50.7021C21.8913 51.206 21.2324 51.4579 20.5735 51.4579H20.58Z" fill="white"/>
-<path d="M41.1673 36.0197V24.6765C40.334 24.5215 39.4748 24.4375 38.5963 24.4375C37.7178 24.4375 36.8587 24.5215 36.0254 24.6765V36.0197H41.1737H41.1673Z" fill="black"/>
-<path d="M36.0182 41.168V52.5111C36.8515 52.6662 37.7106 52.7501 38.5891 52.7501C39.4676 52.7501 40.3268 52.6662 41.1601 52.5111V41.168H36.0117H36.0182Z" fill="black"/>
-<path d="M52.5111 36.0195H41.168V41.1679H52.5111C52.6662 40.3346 52.7501 39.4754 52.7501 38.5969C52.7501 37.7184 52.6662 36.8593 52.5111 36.026V36.0195Z" fill="black"/>
-<path d="M36.0197 36.0182H24.6765C24.5215 36.8515 24.4375 37.7106 24.4375 38.5891C24.4375 39.4676 24.5215 40.3268 24.6765 41.1601H36.0197V36.0117V36.0182Z" fill="black"/>
-<path d="M41.1679 36.0195H36.0195V41.1679H41.1679V36.0195Z" fill="white"/>
-<path d="M38.5969 48.8871C44.28 48.8871 48.8871 44.28 48.8871 38.5969C48.8871 32.9137 44.28 28.3066 38.5969 28.3066C32.9137 28.3066 28.3066 32.9137 28.3066 38.5969C28.3066 44.28 32.9137 48.8871 38.5969 48.8871Z" fill="white"/>
-</svg>

package/dist/collection/components/date-picker/z-date-picker/index.spec.js

@@ -1,38 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZDatePicker } from "./index";
-describe("Suite test ZDatePicker", () => {
-    it("Test render ZDatePicker", async () => {
-        const page = await newSpecPage({
-            components: [ZDatePicker],
-            html: `<z-date-picker date-picker-id="picker-01"></z-date-picker>`,
-        });
-        expect(page.root).toEqualHtml(`<z-date-picker date-picker-id="picker-01">
-      <div class="bottom date flatpickr-toggle-container">
-        <div class="picker-01-container">
-          <z-input class="picker-01" data-input="data-input" icon="event" tabindex="0" type="text" value="" arialabel=""></z-input>
-        </div>
-      </div>
-    </z-date-picker>`);
-    });
-    it("Test render ZDatePicker with custom toggle", async () => {
-        const page = await newSpecPage({
-            components: [ZDatePicker],
-            html: `<z-date-picker date-picker-id="picker-02">
-        <z-button slot="toggle">
-          Open z-date-picker
-        </z-button>
-      </z-date-picker>`,
-        });
-        expect(page.root).toEqualHtml(`<z-date-picker date-picker-id="picker-02">
-      <div class="bottom date flatpickr-toggle-container">
-        <div class="picker-02-hidden">
-          <input class="hidden-input" data-input>
-          <z-button data-toggle="data-toggle" slot="toggle">
-            Open z-date-picker
-          </z-button>
-        </div>
-      </div>
-    </z-date-picker>`);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/date-picker/z-date-picker/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/z-date-picker/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEpC,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,4DAA4D;SACnE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;qBAMb,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE;;;;uBAIW;SAClB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;qBASb,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZDatePicker} from \"./index\";\n\ndescribe(\"Suite test ZDatePicker\", () => {\n  it(\"Test render ZDatePicker\", async () => {\n    const page = await newSpecPage({\n      components: [ZDatePicker],\n      html: `<z-date-picker date-picker-id=\"picker-01\"></z-date-picker>`,\n    });\n\n    expect(page.root).toEqualHtml(`<z-date-picker date-picker-id=\"picker-01\">\n      <div class=\"bottom date flatpickr-toggle-container\">\n        <div class=\"picker-01-container\">\n          <z-input class=\"picker-01\" data-input=\"data-input\" icon=\"event\" tabindex=\"0\" type=\"text\" value=\"\" arialabel=\"\"></z-input>\n        </div>\n      </div>\n    </z-date-picker>`);\n  });\n\n  it(\"Test render ZDatePicker with custom toggle\", async () => {\n    const page = await newSpecPage({\n      components: [ZDatePicker],\n      html: `<z-date-picker date-picker-id=\"picker-02\">\n        <z-button slot=\"toggle\">\n          Open z-date-picker\n        </z-button>\n      </z-date-picker>`,\n    });\n\n    expect(page.root).toEqualHtml(`<z-date-picker date-picker-id=\"picker-02\">\n      <div class=\"bottom date flatpickr-toggle-container\">\n        <div class=\"picker-02-hidden\">\n          <input class=\"hidden-input\" data-input>\n          <z-button data-toggle=\"data-toggle\" slot=\"toggle\">\n            Open z-date-picker\n          </z-button>\n        </div>\n      </div>\n    </z-date-picker>`);\n  });\n});\n"]}

package/dist/collection/components/date-picker/z-range-picker/index.spec.js

@@ -1,25 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZRangePicker } from "./index";
-describe("Suite test ZRangePicker", () => {
-    it("Test render ZRangePicker", async () => {
-        const page = await newSpecPage({
-            components: [ZRangePicker],
-            html: `<z-range-picker range-picker-id="picker-01"></z-range-picker>`,
-        });
-        expect(page.root).toEqualHtml(`<z-range-picker range-picker-id="picker-01">
-      <div class="bottom date range-pickers-container start-input">
-        <div class="picker-01-1-wrapper">
-          <div class="picker-01-1-container">
-            <z-input class="picker-01-1 start-input" data-input="data-input" icon="event" placeholder="" tabindex="0" type="text" value=""></z-input>
-          </div>
-        </div>
-        <div class="picker-01-2-wrapper">
-          <div class="picker-01-2-container">
-            <z-input class="end-input picker-01-2" data-input="data-input" icon="event" placeholder="" tabindex="0" type="text" value=""></z-input>
-          </div>
-        </div>
-      </div>
-    </z-range-picker>`);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/date-picker/z-range-picker/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/z-range-picker/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,+DAA+D;SACtE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;sBAaZ,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZRangePicker} from \"./index\";\n\ndescribe(\"Suite test ZRangePicker\", () => {\n  it(\"Test render ZRangePicker\", async () => {\n    const page = await newSpecPage({\n      components: [ZRangePicker],\n      html: `<z-range-picker range-picker-id=\"picker-01\"></z-range-picker>`,\n    });\n\n    expect(page.root).toEqualHtml(`<z-range-picker range-picker-id=\"picker-01\">\n      <div class=\"bottom date range-pickers-container start-input\">\n        <div class=\"picker-01-1-wrapper\">\n          <div class=\"picker-01-1-container\">\n            <z-input class=\"picker-01-1 start-input\" data-input=\"data-input\" icon=\"event\" placeholder=\"\" tabindex=\"0\" type=\"text\" value=\"\"></z-input>\n          </div>\n        </div>\n        <div class=\"picker-01-2-wrapper\">\n          <div class=\"picker-01-2-container\">\n            <z-input class=\"end-input picker-01-2\" data-input=\"data-input\" icon=\"event\" placeholder=\"\" tabindex=\"0\" type=\"text\" value=\"\"></z-input>\n          </div>\n        </div>\n      </div>\n    </z-range-picker>`);\n  });\n});\n"]}

package/dist/collection/components/deprecated/z-app-header-deprecated/index.spec.js

@@ -1,203 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZAppHeaderDeprecated } from "./index";
-describe("Suite test ZAppHeader", () => {
-    it("Test render empty ZAppHeader", async () => {
-        const page = await newSpecPage({
-            components: [ZAppHeaderDeprecated],
-            html: `<z-app-header-deprecated></z-app-header-deprecated>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-app-header-deprecated menu-length="0" flow="auto">
-        <mock:shadow-root>
-          <div class="heading-panel">
-            <div class="heading-container">
-              <div class="heading-subtitle">
-                <slot name="top-subtitle"></slot>
-              </div>
-              <div class="heading-title">
-                <slot name="title"></slot>
-              </div>
-              <div class="heading-subtitle">
-                <slot name="subtitle"></slot>
-              </div>
-            </div>
-            <div class="menu-container">
-              <slot name="menu"></slot>
-            </div>
-          </div>
-          <z-offcanvas transitiondirection="right" variant="overlay">
-            <button aria-label="Chiudi menu" class="drawer-close" slot="canvasContent" aria-hidden="true" disabled>
-              <z-icon name="close"></z-icon>
-            </button>
-            <div class="drawer-content" slot="canvasContent" aria-hidden="true">
-              <slot name="menu"></slot>
-            </div>
-          </z-offcanvas>
-        </mock:shadow-root>
-      </z-app-header-deprecated>
-    `);
-    });
-    it("Test render ZAppHeader with title", async () => {
-        const page = await newSpecPage({
-            components: [ZAppHeaderDeprecated],
-            html: `<z-app-header-deprecated>
-        <h1 slot="title">Titolo di test</h1>
-      </z-app-header-deprecated>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-app-header-deprecated menu-length="0" flow="auto">
-        <mock:shadow-root>
-          <div class="heading-panel">
-            <div class="heading-container">
-              <div class="heading-subtitle">
-                <slot name="top-subtitle"></slot>
-              </div>
-              <div class="heading-title">
-                <slot name="title"></slot>
-              </div>
-              <div class="heading-subtitle">
-                <slot name="subtitle"></slot>
-              </div>
-            </div>
-            <div class="menu-container">
-              <slot name="menu"></slot>
-            </div>
-          </div>
-          <z-offcanvas transitiondirection="right" variant="overlay">
-            <button aria-label="Chiudi menu" class="drawer-close" slot="canvasContent" aria-hidden="true" disabled>
-              <z-icon name="close"></z-icon>
-            </button>
-            <div class="drawer-content" slot="canvasContent" aria-hidden="true">
-              <slot name="menu"></slot>
-            </div>
-          </z-offcanvas>
-        </mock:shadow-root>
-        <h1 slot="title">Titolo di test</h1>
-      </z-app-header-deprecated>
-    `);
-    });
-    it("Test render ZAppHeader with title and subtitle", async () => {
-        const page = await newSpecPage({
-            components: [ZAppHeaderDeprecated],
-            html: `<z-app-header-deprecated>
-        <h1 slot="title">Titolo di test</h1>
-        <h2 slot="subtitle">Sottotitolo di test</h2>
-      </z-app-header-deprecated>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-app-header-deprecated menu-length="0" flow="auto">
-        <mock:shadow-root>
-          <div class="heading-panel">
-            <div class="heading-container">
-              <div class="heading-subtitle">
-                <slot name="top-subtitle"></slot>
-              </div>
-              <div class="heading-title">
-                <slot name="title"></slot>
-              </div>
-              <div class="heading-subtitle">
-                <slot name="subtitle"></slot>
-              </div>
-            </div>
-            <div class="menu-container">
-              <slot name="menu"></slot>
-            </div>
-          </div>
-        </div>
-        <z-offcanvas transitiondirection="right" variant="overlay">
-            <button aria-label="Chiudi menu" class="drawer-close" slot="canvasContent" aria-hidden="true" disabled>
-              <z-icon name="close"></z-icon>
-            </button>
-            <div class="drawer-content" slot="canvasContent" aria-hidden="true">
-              <slot name="menu"></slot>
-            </div>
-          </z-offcanvas>
-        </mock:shadow-root>
-        <h1 slot="title">Titolo di test</h1>
-        <h2 slot="subtitle">Sottotitolo di test</h2>
-      </z-app-header-deprecated>
-    `);
-    });
-    it("Test render ZAppHeader with title and top subtitle", async () => {
-        const page = await newSpecPage({
-            components: [ZAppHeaderDeprecated],
-            html: `<z-app-header-deprecated>
-        <h2 slot="top-subtitle">Sottotitolo di test</h2>
-        <h1 slot="title">Titolo di test</h1>
-      </z-app-header-deprecated>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-app-header-deprecated menu-length="0" flow="auto">
-        <mock:shadow-root>
-          <div class="heading-panel">
-            <div class="heading-container">
-              <div class="heading-subtitle">
-                <slot name="top-subtitle"></slot>
-              </div>
-              <div class="heading-title">
-                <slot name="title"></slot>
-              </div>
-              <div class="heading-subtitle">
-                <slot name="subtitle"></slot>
-              </div>
-            </div>
-            <div class="menu-container">
-              <slot name="menu"></slot>
-            </div>
-          </div>
-        </div>
-        <z-offcanvas transitiondirection="right" variant="overlay">
-            <button aria-label="Chiudi menu" class="drawer-close" slot="canvasContent" aria-hidden="true" disabled>
-              <z-icon name="close"></z-icon>
-            </button>
-            <div class="drawer-content" slot="canvasContent" aria-hidden="true">
-              <slot name="menu"></slot>
-            </div>
-          </z-offcanvas>
-        </mock:shadow-root>
-        <h2 slot="top-subtitle">Sottotitolo di test</h2>
-        <h1 slot="title">Titolo di test</h1>
-      </z-app-header-deprecated>
-    `);
-    });
-    it("Test render ZAppHeader with stuck layout", async () => {
-        const page = await newSpecPage({
-            components: [ZAppHeaderDeprecated],
-            html: `<z-app-header-deprecated stuck>
-        <h1 slot="title">Titolo di test</h1>
-      </z-app-header-deprecated>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-app-header-deprecated menu-length="0" flow="auto" stuck>
-        <mock:shadow-root>
-          <div class="heading-panel">
-            <div class="heading-container">
-              <div class="heading-subtitle">
-                <slot name="top-subtitle"></slot>
-              </div>
-              <div class="heading-title">
-                <slot name="title"></slot>
-              </div>
-              <div class="heading-subtitle">
-                <slot name="subtitle"></slot>
-              </div>
-            </div>
-            <div class="menu-container">
-              <slot name="menu"></slot>
-            </div>
-          </div>
-          <z-offcanvas transitiondirection="right" variant="overlay">
-            <button aria-label="Chiudi menu" class="drawer-close" slot="canvasContent" aria-hidden="true" disabled>
-              <z-icon name="close"></z-icon>
-            </button>
-            <div class="drawer-content" slot="canvasContent" aria-hidden="true">
-              <slot name="menu"></slot>
-            </div>
-          </z-offcanvas>
-        </mock:shadow-root>
-        <h1 slot="title">Titolo di test</h1>
-      </z-app-header-deprecated>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/deprecated/z-app-header-deprecated/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-app-header-deprecated/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,oBAAoB,EAAC,MAAM,SAAS,CAAC;AAE7C,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE,qDAAqD;SAC5D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE;;iCAEqB;SAC5B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE;;;iCAGqB;SAC5B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE;;;iCAGqB;SAC5B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,IAAI,EAAE;;iCAEqB;SAC5B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZAppHeaderDeprecated} from \"./index\";\n\ndescribe(\"Suite test ZAppHeader\", () => {\n  it(\"Test render empty ZAppHeader\", async () => {\n    const page = await newSpecPage({\n      components: [ZAppHeaderDeprecated],\n      html: `<z-app-header-deprecated></z-app-header-deprecated>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-app-header-deprecated menu-length=\"0\" flow=\"auto\">\n        <mock:shadow-root>\n          <div class=\"heading-panel\">\n            <div class=\"heading-container\">\n              <div class=\"heading-subtitle\">\n                <slot name=\"top-subtitle\"></slot>\n              </div>\n              <div class=\"heading-title\">\n                <slot name=\"title\"></slot>\n              </div>\n              <div class=\"heading-subtitle\">\n                <slot name=\"subtitle\"></slot>\n              </div>\n            </div>\n            <div class=\"menu-container\">\n              <slot name=\"menu\"></slot>\n            </div>\n          </div>\n          <z-offcanvas transitiondirection=\"right\" variant=\"overlay\">\n            <button aria-label=\"Chiudi menu\" class=\"drawer-close\" slot=\"canvasContent\" aria-hidden=\"true\" disabled>\n              <z-icon name=\"close\"></z-icon>\n            </button>\n            <div class=\"drawer-content\" slot=\"canvasContent\" aria-hidden=\"true\">\n              <slot name=\"menu\"></slot>\n            </div>\n          </z-offcanvas>\n        </mock:shadow-root>\n      </z-app-header-deprecated>\n    `);\n  });\n\n  it(\"Test render ZAppHeader with title\", async () => {\n    const page = await newSpecPage({\n      components: [ZAppHeaderDeprecated],\n      html: `<z-app-header-deprecated>\n        <h1 slot=\"title\">Titolo di test</h1>\n      </z-app-header-deprecated>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-app-header-deprecated menu-length=\"0\" flow=\"auto\">\n        <mock:shadow-root>\n          <div class=\"heading-panel\">\n            <div class=\"heading-container\">\n              <div class=\"heading-subtitle\">\n                <slot name=\"top-subtitle\"></slot>\n              </div>\n              <div class=\"heading-title\">\n                <slot name=\"title\"></slot>\n              </div>\n              <div class=\"heading-subtitle\">\n                <slot name=\"subtitle\"></slot>\n              </div>\n            </div>\n            <div class=\"menu-container\">\n              <slot name=\"menu\"></slot>\n            </div>\n          </div>\n          <z-offcanvas transitiondirection=\"right\" variant=\"overlay\">\n            <button aria-label=\"Chiudi menu\" class=\"drawer-close\" slot=\"canvasContent\" aria-hidden=\"true\" disabled>\n              <z-icon name=\"close\"></z-icon>\n            </button>\n            <div class=\"drawer-content\" slot=\"canvasContent\" aria-hidden=\"true\">\n              <slot name=\"menu\"></slot>\n            </div>\n          </z-offcanvas>\n        </mock:shadow-root>\n        <h1 slot=\"title\">Titolo di test</h1>\n      </z-app-header-deprecated>\n    `);\n  });\n\n  it(\"Test render ZAppHeader with title and subtitle\", async () => {\n    const page = await newSpecPage({\n      components: [ZAppHeaderDeprecated],\n      html: `<z-app-header-deprecated>\n        <h1 slot=\"title\">Titolo di test</h1>\n        <h2 slot=\"subtitle\">Sottotitolo di test</h2>\n      </z-app-header-deprecated>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-app-header-deprecated menu-length=\"0\" flow=\"auto\">\n        <mock:shadow-root>\n          <div class=\"heading-panel\">\n            <div class=\"heading-container\">\n              <div class=\"heading-subtitle\">\n                <slot name=\"top-subtitle\"></slot>\n              </div>\n              <div class=\"heading-title\">\n                <slot name=\"title\"></slot>\n              </div>\n              <div class=\"heading-subtitle\">\n                <slot name=\"subtitle\"></slot>\n              </div>\n            </div>\n            <div class=\"menu-container\">\n              <slot name=\"menu\"></slot>\n            </div>\n          </div>\n        </div>\n        <z-offcanvas transitiondirection=\"right\" variant=\"overlay\">\n            <button aria-label=\"Chiudi menu\" class=\"drawer-close\" slot=\"canvasContent\" aria-hidden=\"true\" disabled>\n              <z-icon name=\"close\"></z-icon>\n            </button>\n            <div class=\"drawer-content\" slot=\"canvasContent\" aria-hidden=\"true\">\n              <slot name=\"menu\"></slot>\n            </div>\n          </z-offcanvas>\n        </mock:shadow-root>\n        <h1 slot=\"title\">Titolo di test</h1>\n        <h2 slot=\"subtitle\">Sottotitolo di test</h2>\n      </z-app-header-deprecated>\n    `);\n  });\n\n  it(\"Test render ZAppHeader with title and top subtitle\", async () => {\n    const page = await newSpecPage({\n      components: [ZAppHeaderDeprecated],\n      html: `<z-app-header-deprecated>\n        <h2 slot=\"top-subtitle\">Sottotitolo di test</h2>\n        <h1 slot=\"title\">Titolo di test</h1>\n      </z-app-header-deprecated>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-app-header-deprecated menu-length=\"0\" flow=\"auto\">\n        <mock:shadow-root>\n          <div class=\"heading-panel\">\n            <div class=\"heading-container\">\n              <div class=\"heading-subtitle\">\n                <slot name=\"top-subtitle\"></slot>\n              </div>\n              <div class=\"heading-title\">\n                <slot name=\"title\"></slot>\n              </div>\n              <div class=\"heading-subtitle\">\n                <slot name=\"subtitle\"></slot>\n              </div>\n            </div>\n            <div class=\"menu-container\">\n              <slot name=\"menu\"></slot>\n            </div>\n          </div>\n        </div>\n        <z-offcanvas transitiondirection=\"right\" variant=\"overlay\">\n            <button aria-label=\"Chiudi menu\" class=\"drawer-close\" slot=\"canvasContent\" aria-hidden=\"true\" disabled>\n              <z-icon name=\"close\"></z-icon>\n            </button>\n            <div class=\"drawer-content\" slot=\"canvasContent\" aria-hidden=\"true\">\n              <slot name=\"menu\"></slot>\n            </div>\n          </z-offcanvas>\n        </mock:shadow-root>\n        <h2 slot=\"top-subtitle\">Sottotitolo di test</h2>\n        <h1 slot=\"title\">Titolo di test</h1>\n      </z-app-header-deprecated>\n    `);\n  });\n\n  it(\"Test render ZAppHeader with stuck layout\", async () => {\n    const page = await newSpecPage({\n      components: [ZAppHeaderDeprecated],\n      html: `<z-app-header-deprecated stuck>\n        <h1 slot=\"title\">Titolo di test</h1>\n      </z-app-header-deprecated>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-app-header-deprecated menu-length=\"0\" flow=\"auto\" stuck>\n        <mock:shadow-root>\n          <div class=\"heading-panel\">\n            <div class=\"heading-container\">\n              <div class=\"heading-subtitle\">\n                <slot name=\"top-subtitle\"></slot>\n              </div>\n              <div class=\"heading-title\">\n                <slot name=\"title\"></slot>\n              </div>\n              <div class=\"heading-subtitle\">\n                <slot name=\"subtitle\"></slot>\n              </div>\n            </div>\n            <div class=\"menu-container\">\n              <slot name=\"menu\"></slot>\n            </div>\n          </div>\n          <z-offcanvas transitiondirection=\"right\" variant=\"overlay\">\n            <button aria-label=\"Chiudi menu\" class=\"drawer-close\" slot=\"canvasContent\" aria-hidden=\"true\" disabled>\n              <z-icon name=\"close\"></z-icon>\n            </button>\n            <div class=\"drawer-content\" slot=\"canvasContent\" aria-hidden=\"true\">\n              <slot name=\"menu\"></slot>\n            </div>\n          </z-offcanvas>\n        </mock:shadow-root>\n        <h1 slot=\"title\">Titolo di test</h1>\n      </z-app-header-deprecated>\n    `);\n  });\n});\n"]}

package/dist/collection/components/deprecated/z-menu-deprecated/index.spec.js

@@ -1,120 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZMenuSectionDeprecated } from "../z-menu-section-deprecated";
-import { ZMenuDeprecated } from "./index";
-describe("Suite test ZMenu", () => {
-    it("Test render ZMenu label only", async () => {
-        const page = await newSpecPage({
-            components: [ZMenuDeprecated],
-            html: `<z-menu-deprecated role="menu">
-        <h3>Menu label</h3>
-      </z-menu-deprecated>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-menu-deprecated role="menu">
-        <mock:shadow-root>
-          <div class="menu-label">
-            <div class="menu-label-content">
-              <slot></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <h3>Menu label</h3>
-    </z-menu-deprecated>`);
-    });
-    it("Test render ZMenu with items", async () => {
-        const page = await newSpecPage({
-            components: [ZMenuDeprecated, ZMenuSectionDeprecated],
-            html: `<z-menu-deprecated role="menu">
-        <h3>Menu label</h3>
-        <a href="#" slot="item">Item 1</a>
-        <a href="#" slot="item">Item 2</a>
-        <a href="#" slot="item">Item 3</a>
-      </z-menu-deprecated>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-menu-deprecated role="menu">
-        <mock:shadow-root>
-          <button aria-expanded="false" aria-label="Apri menù" class="menu-label">
-            <div class="menu-label-content">
-              <slot></slot>
-              <z-icon name="chevron-down"></z-icon>
-            </div>
-          </button>
-          <div class="content">
-            <div class="items" role="menu">
-              <slot name="item"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <h3>Menu label</h3>
-        <a href="#" slot="item">Item 1</a>
-        <a href="#" slot="item">Item 2</a>
-        <a href="#" slot="item">Item 3</a>
-    </z-menu-deprecated>`);
-    });
-    it("Test render ZMenu with submenu", async () => {
-        const page = await newSpecPage({
-            components: [ZMenuDeprecated, ZMenuSectionDeprecated],
-            html: `<z-menu-deprecated role="menu">
-        <h3>Menu label</h3>
-        <a href="#" slot="item">Item 1</a>
-        <z-menu-section-deprecated slot="item">
-          <h3>Item 2</h2>
-          <a href="#" slot="item">Item 2.1</a>
-          <a href="#" slot="item">Item 2.2</a>
-        </z-menu-section>
-      </z-menu>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-menu-deprecated role="menu">
-        <mock:shadow-root>
-          <button aria-expanded="false" aria-label="Apri menù" class="menu-label">
-            <div class="menu-label-content">
-              <slot></slot>
-              <z-icon name="chevron-down"></z-icon>
-            </div>
-          </button>
-          <div class="content">
-            <div class="items" role="menu">
-              <slot name="item"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <h3>Menu label</h3>
-        <a href="#" slot="item">Item 1</a>
-        <z-menu-section-deprecated role="menu" slot="item">
-          <mock:shadow-root>
-            <button aria-pressed="false" class="label">
-              <slot></slot>
-              <z-icon name="chevron-down"></z-icon>
-            </button>
-          </mock:shadow-root>
-          <h3>Item 2</h3>
-          <a href="#" slot="item">Item 2.1</a>
-          <a href="#" slot="item">Item 2.2</a>
-        </z-menu-section-deprecated>
-    </z-menu-deprecated>`);
-    });
-    it("Test ZMenu toggle events", async () => {
-        const page = await newSpecPage({
-            components: [ZMenuDeprecated],
-            html: `<z-menu-deprecated role="menu">
-        <div slot="item">item</div>
-      </z-menu-deprecated>`,
-        });
-        const menu = page.rootInstance;
-        const openedCallback = jest.fn();
-        page.doc.addEventListener("opened", openedCallback);
-        await page.waitForChanges();
-        // call `toggle` to open the menu
-        menu.toggle();
-        expect(openedCallback).toHaveBeenCalled();
-        const closedCallback = jest.fn();
-        page.doc.addEventListener("closed", closedCallback);
-        await page.waitForChanges();
-        // the menu is already open, this call will close it
-        menu.toggle();
-        expect(closedCallback).toHaveBeenCalled();
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/deprecated/z-menu-deprecated/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-menu-deprecated/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAC,sBAAsB,EAAC,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;yBAUT,CAAC,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,EAAE,sBAAsB,CAAC;YACrD,IAAI,EAAE;;;;;2BAKe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;yBAmBT,CAAC,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,EAAE,sBAAsB,CAAC;YACrD,IAAI,EAAE;;;;;;;;gBAQI;SACX,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA4BT,CAAC,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC;QAE/B,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACjC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACpD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,iCAAiC;QACjC,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,EAAE,CAAC;QAE1C,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACjC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACpD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,oDAAoD;QACpD,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\nimport {ZMenuSectionDeprecated} from \"../z-menu-section-deprecated\";\n\nimport {ZMenuDeprecated} from \"./index\";\n\ndescribe(\"Suite test ZMenu\", () => {\n  it(\"Test render ZMenu label only\", async () => {\n    const page = await newSpecPage({\n      components: [ZMenuDeprecated],\n      html: `<z-menu-deprecated role=\"menu\">\n        <h3>Menu label</h3>\n      </z-menu-deprecated>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-menu-deprecated role=\"menu\">\n        <mock:shadow-root>\n          <div class=\"menu-label\">\n            <div class=\"menu-label-content\">\n              <slot></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <h3>Menu label</h3>\n    </z-menu-deprecated>`);\n  });\n\n  it(\"Test render ZMenu with items\", async () => {\n    const page = await newSpecPage({\n      components: [ZMenuDeprecated, ZMenuSectionDeprecated],\n      html: `<z-menu-deprecated role=\"menu\">\n        <h3>Menu label</h3>\n        <a href=\"#\" slot=\"item\">Item 1</a>\n        <a href=\"#\" slot=\"item\">Item 2</a>\n        <a href=\"#\" slot=\"item\">Item 3</a>\n      </z-menu-deprecated>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-menu-deprecated role=\"menu\">\n        <mock:shadow-root>\n          <button aria-expanded=\"false\" aria-label=\"Apri menù\" class=\"menu-label\">\n            <div class=\"menu-label-content\">\n              <slot></slot>\n              <z-icon name=\"chevron-down\"></z-icon>\n            </div>\n          </button>\n          <div class=\"content\">\n            <div class=\"items\" role=\"menu\">\n              <slot name=\"item\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <h3>Menu label</h3>\n        <a href=\"#\" slot=\"item\">Item 1</a>\n        <a href=\"#\" slot=\"item\">Item 2</a>\n        <a href=\"#\" slot=\"item\">Item 3</a>\n    </z-menu-deprecated>`);\n  });\n\n  it(\"Test render ZMenu with submenu\", async () => {\n    const page = await newSpecPage({\n      components: [ZMenuDeprecated, ZMenuSectionDeprecated],\n      html: `<z-menu-deprecated role=\"menu\">\n        <h3>Menu label</h3>\n        <a href=\"#\" slot=\"item\">Item 1</a>\n        <z-menu-section-deprecated slot=\"item\">\n          <h3>Item 2</h2>\n          <a href=\"#\" slot=\"item\">Item 2.1</a>\n          <a href=\"#\" slot=\"item\">Item 2.2</a>\n        </z-menu-section>\n      </z-menu>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-menu-deprecated role=\"menu\">\n        <mock:shadow-root>\n          <button aria-expanded=\"false\" aria-label=\"Apri menù\" class=\"menu-label\">\n            <div class=\"menu-label-content\">\n              <slot></slot>\n              <z-icon name=\"chevron-down\"></z-icon>\n            </div>\n          </button>\n          <div class=\"content\">\n            <div class=\"items\" role=\"menu\">\n              <slot name=\"item\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <h3>Menu label</h3>\n        <a href=\"#\" slot=\"item\">Item 1</a>\n        <z-menu-section-deprecated role=\"menu\" slot=\"item\">\n          <mock:shadow-root>\n            <button aria-pressed=\"false\" class=\"label\">\n              <slot></slot>\n              <z-icon name=\"chevron-down\"></z-icon>\n            </button>\n          </mock:shadow-root>\n          <h3>Item 2</h3>\n          <a href=\"#\" slot=\"item\">Item 2.1</a>\n          <a href=\"#\" slot=\"item\">Item 2.2</a>\n        </z-menu-section-deprecated>\n    </z-menu-deprecated>`);\n  });\n\n  it(\"Test ZMenu toggle events\", async () => {\n    const page = await newSpecPage({\n      components: [ZMenuDeprecated],\n      html: `<z-menu-deprecated role=\"menu\">\n        <div slot=\"item\">item</div>\n      </z-menu-deprecated>`,\n    });\n    const menu = page.rootInstance;\n\n    const openedCallback = jest.fn();\n    page.doc.addEventListener(\"opened\", openedCallback);\n    await page.waitForChanges();\n    // call `toggle` to open the menu\n    menu.toggle();\n    expect(openedCallback).toHaveBeenCalled();\n\n    const closedCallback = jest.fn();\n    page.doc.addEventListener(\"closed\", closedCallback);\n    await page.waitForChanges();\n    // the menu is already open, this call will close it\n    menu.toggle();\n    expect(closedCallback).toHaveBeenCalled();\n  });\n});\n"]}