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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-app-header/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAEnC,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC;IAC1D,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;IAClB,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE;IACpB,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;CACtB,CAAC,CAAC,CAAC;AAEJ,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,UAAU,CAAC;YACxB,IAAI,EAAE,+BAA+B;SACtC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2B7B,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,UAAU,CAAC;YACxB,IAAI,EAAE;;sBAEU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8B7B,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,UAAU,CAAC;YACxB,IAAI,EAAE;;;sBAGU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE;;;;;;;sBAOU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE,KAAK,IAAI,EAAE;QACtF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE;;;;;;;sBAOU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;QACpF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA+MU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6L7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZAppHeader} from \"./index\";\n\nglobal.ResizeObserver = jest.fn().mockImplementation(() => ({\n  observe: jest.fn(),\n  unobserve: jest.fn(),\n  disconnect: jest.fn(),\n}));\n\ndescribe(\"Suite test ZAppHeader\", () => {\n  it(\"Test render empty ZAppHeader\", async () => {\n    const page = await newSpecPage({\n      components: [ZAppHeader],\n      html: `<z-app-header></z-app-header>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-app-header enable-z-logo=\"\" menu-length=\"0\">\n        <mock:shadow-root>\n          <div class=\"heading-panel\">\n            <div class=\"heading-container\">\n              <div>\n                <slot name=\"top-subtitle\"></slot>\n              </div>\n              <div class=\"heading-title\">\n              <img alt=\"Logo Zanichelli\" class=\"z-logo\">\n                <slot name=\"product-logo\"></slot>\n                <slot name=\"title\"></slot>\n              </div>\n            </div>\n          </div>\n          <z-offcanvas transitiondirection=\"right\" variant=\"overlay\">\n            <div slot=\"canvasContent\">\n              <button aria-hidden=\"true\" aria-label=\"Chiudi menu\" class=\"drawer-close\" disabled=\"\">\n                <z-icon name=\"close\"></z-icon>\n              </button>\n              <div aria-hidden=\"true\" class=\"drawer-content\">\n                <slot name=\"menu\"></slot>\n              </div>\n            </div>\n          </z-offcanvas>\n        </mock:shadow-root>\n      </z-app-header>\n    `);\n  });\n\n  it(\"Test render ZAppHeader with title\", async () => {\n    const page = await newSpecPage({\n      components: [ZAppHeader],\n      html: `<z-app-header>\n        <h1 slot=\"title\">Titolo di test</h1>\n      </z-app-header>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-app-header enable-z-logo=\"\" menu-length=\"0\">\n        <mock:shadow-root>\n          <div class=\"heading-panel\">\n            <div class=\"heading-container\">\n              <div>\n                <slot name=\"top-subtitle\"></slot>\n              </div>\n              <div class=\"heading-title\">\n              <img alt=\"Logo Zanichelli\" class=\"z-logo\">\n                <slot name=\"product-logo\"></slot>\n                <slot name=\"title\"></slot>\n              </div>\n            </div>\n          </div>\n          <z-offcanvas transitiondirection=\"right\" variant=\"overlay\">\n            <div slot=\"canvasContent\">\n              <button aria-hidden=\"true\" aria-label=\"Chiudi menu\" class=\"drawer-close\" disabled=\"\">\n                <z-icon name=\"close\"></z-icon>\n              </button>\n              <div aria-hidden=\"true\" class=\"drawer-content\">\n                <slot name=\"menu\"></slot>\n              </div>\n            </div>\n          </z-offcanvas>\n        </mock:shadow-root>\n        <h1 slot=\"title\">\n          Titolo di test\n        </h1>\n      </z-app-header>\n    `);\n  });\n\n  it(\"Test render ZAppHeader with title and top-subtitle\", async () => {\n    const page = await newSpecPage({\n      components: [ZAppHeader],\n      html: `<z-app-header>\n        <h1 slot=\"title\">Titolo di test</h1>\n        <h2 slot=\"top-subtitle\">Payoff dell'applicazione</h2>\n      </z-app-header>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-app-header enable-z-logo=\"\" menu-length=\"0\">\n        <mock:shadow-root>\n          <div class=\"heading-panel\">\n            <div class=\"heading-container\">\n              <div>\n                <slot name=\"top-subtitle\"></slot>\n              </div>\n              <div class=\"heading-title\">\n                <slot name=\"title\"></slot>\n              </div>\n            </div>\n          </div>\n          <z-offcanvas transitiondirection=\"right\" variant=\"overlay\">\n            <div slot=\"canvasContent\">\n              <button aria-hidden=\"true\" aria-label=\"Chiudi menu\" class=\"drawer-close\" disabled=\"\">\n                <z-icon name=\"close\"></z-icon>\n              </button>\n              <div aria-hidden=\"true\" class=\"drawer-content\">\n                <slot name=\"menu\"></slot>\n              </div>\n            </div>\n          </z-offcanvas>\n        </mock:shadow-root>\n        <h1 slot=\"title\">\n          Titolo di test\n        </h1>\n        <h2 slot=\"top-subtitle\">\n          Payoff dell'applicazione\n        </h2>\n      </z-app-header>\n    `);\n  });\n\n  it(\"Test render ZAppHeader with z-logo and product-logo\", async () => {\n    const page = await newSpecPage({\n      components: [ZAppHeader],\n      html: `<z-app-header enable-z-logo=\"true\">\n        <h1 slot=\"title\">Titolo di test</h1>\n        <img\n          slot=\"product-logo\"\n          src=\"https://picsum.photos/id/237/320/320\"\n          alt=\"\"\n        />\n      </z-app-header>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-app-header enable-z-logo=\"true\" menu-length=\"0\">\n        <mock:shadow-root>\n          <div class=\"heading-panel\">\n            <div class=\"heading-container\">\n              <div>\n                <slot name=\"top-subtitle\"></slot>\n              </div>\n              <div class=\"heading-title\">\n                <img alt=\"Logo Zanichelli\" class=\"z-logo\">\n                <slot name=\"product-logo\"></slot>\n                <slot name=\"title\"></slot>\n              </div>\n            </div>\n          </div>\n          <z-offcanvas transitiondirection=\"right\" variant=\"overlay\">\n            <div slot=\"canvasContent\">\n              <button aria-hidden=\"true\" aria-label=\"Chiudi menu\" class=\"drawer-close\" disabled=\"\">\n                <z-icon name=\"close\"></z-icon>\n              </button>\n              <div aria-hidden=\"true\" class=\"drawer-content\">\n                <slot name=\"menu\"></slot>\n              </div>\n            </div>\n          </z-offcanvas>\n        </mock:shadow-root>\n        <h1 slot=\"title\">\n          Titolo di test\n        </h1>\n        <img alt=\"\" slot=\"product-logo\" src=\"https://picsum.photos/id/237/320/320\">\n      </z-app-header>\n    `);\n  });\n\n  it(\"Test render ZAppHeader with stuck layout and with z-logo, product-logo\", async () => {\n    const page = await newSpecPage({\n      components: [ZAppHeader],\n      html: `<z-app-header stuck  enable-z-logo=\"true\">\n        <h1 slot=\"title\">Titolo di test</h1>\n        <img\n          slot=\"product-logo\"\n          src=\"https://picsum.photos/id/237/320/320\"\n          alt=\"\"\n        />\n      </z-app-header>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-app-header  enable-z-logo=\"true\" menu-length=\"0\" stuck>\n        <mock:shadow-root>\n          <div class=\"heading-panel\">\n            <div class=\"heading-container\">\n              <div>\n                <slot name=\"top-subtitle\"></slot>\n              </div>\n              <div class=\"heading-title\">\n                <img alt=\"Logo Zanichelli\" class=\"z-logo\">\n                <slot name=\"product-logo\"></slot>\n                <slot name=\"title\"></slot>\n              </div>\n            </div>\n          </div>\n          <z-offcanvas transitiondirection=\"right\" variant=\"overlay\">\n            <div slot=\"canvasContent\">\n              <button aria-hidden=\"true\" aria-label=\"Chiudi menu\" class=\"drawer-close\" disabled=\"\">\n                <z-icon name=\"close\"></z-icon>\n              </button>\n              <div aria-hidden=\"true\" class=\"drawer-content\">\n                <slot name=\"menu\"></slot>\n              </div>\n            </div>\n          </z-offcanvas>\n        </mock:shadow-root>\n        <h1 slot=\"title\">\n          Titolo di test\n        </h1>\n        <img alt=\"\" slot=\"product-logo\" src=\"https://picsum.photos/id/237/320/320\">\n      </z-app-header>\n    `);\n  });\n\n  it(\"Test render ZAppHeader with z-logo, product-logo, searchbar and menu\", async () => {\n    const page = await newSpecPage({\n      components: [ZAppHeader],\n      html: `<z-app-header enable-z-logo=\"true\" enable-search=\"true\">\n        <h1 slot=\"title\">Titolo di test</h1>\n        <img\n          slot=\"product-logo\"\n          src=\"https://picsum.photos/id/237/320/320\"\n          alt=\"\"\n        />\n              <z-menu\n        slot=\"menu\"\n        floating=\"\"\n      >\n        <a href=\"\">Menu label</a>\n      </z-menu>\n      <z-menu\n        slot=\"menu\"\n        floating=\"\"\n      >\n        <h3>Not so short menu label</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 2</a\n        >\n        <z-menu-section slot=\"item\">\n          <h3>Item 3</h3>\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 3.1</a\n          >\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 3.2</a\n          >\n        </z-menu-section>\n        <z-menu-section slot=\"item\">\n          <h3>Item 4</h3>\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 4.1</a\n          >\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 4.2</a\n          >\n        </z-menu-section>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 5</a\n        >\n      </z-menu>\n      <z-menu\n        slot=\"menu\"\n        floating=\"\"\n      >\n        <h3>Not so short menu label</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 2</a\n        >\n        <z-menu-section slot=\"item\">\n          <h3>Item 3</h3>\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 3.1</a\n          >\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 3.2</a\n          >\n        </z-menu-section>\n        <z-menu-section slot=\"item\">\n          <h3>Item 4</h3>\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 4.1</a\n          >\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 4.2</a\n          >\n        </z-menu-section>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 5</a\n        >\n      </z-menu>\n      <z-menu\n        slot=\"menu\"\n        floating=\"\"\n      >\n        <a href=\"\">Menu label</a>\n      </z-menu>\n      <z-menu\n        slot=\"menu\"\n        floating=\"\"\n      >\n        <h3>Not so short menu label</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 2</a\n        >\n        <z-menu-section slot=\"item\">\n          <h3>Item 3</h3>\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 3.1</a\n          >\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 3.2</a\n          >\n        </z-menu-section>\n        <z-menu-section slot=\"item\">\n          <h3>Item 4</h3>\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 4.1</a\n          >\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 4.2</a\n          >\n        </z-menu-section>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 5</a\n        >\n      </z-menu>\n      <z-menu\n        slot=\"menu\"\n        floating=\"\"\n      >\n        <h3>Not so short menu label</h3>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 1</a\n        >\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 2</a\n        >\n        <z-menu-section slot=\"item\">\n          <h3>Item 3</h3>\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 3.1</a\n          >\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 3.2</a\n          >\n        </z-menu-section>\n        <z-menu-section slot=\"item\">\n          <h3>Item 4</h3>\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 4.1</a\n          >\n          <a\n            href=\"\"\n            slot=\"section\"\n            >Item 4.2</a\n          >\n        </z-menu-section>\n        <a\n          href=\"\"\n          slot=\"item\"\n          >Item 5</a\n        >\n      </z-menu>\n      </z-app-header>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-app-header  enable-z-logo=\"true\" menu-length=\"6\"  enable-search=\"true\">\n        <mock:shadow-root>\n          <div class=\"has-menu heading-panel\">\n            <div class=\"heading-container\">\n              <div>\n                <slot name=\"top-subtitle\"></slot>\n              </div>\n              <div class=\"heading-title\">\n                <img alt=\"Logo Zanichelli\" class=\"z-logo\">\n                <slot name=\"product-logo\"></slot>\n                <slot name=\"title\"></slot>\n                <z-searchbar placeholder=\"Cerca\" preventsubmit=\"\" showsearchbutton=\"\" size=\"x-small\" value=\"\" variant=\"secondary\"></z-searchbar>\n              </div>\n            </div>\n            <div class=\"menu-container\" role=\"hidden\" tabindex=\"0\">\n              <slot name=\"menu\"></slot>\n            </div>\n          </div>\n          <z-offcanvas transitiondirection=\"right\" variant=\"overlay\">\n            <div slot=\"canvasContent\">\n              <button aria-hidden=\"true\" aria-label=\"Chiudi menu\" class=\"drawer-close\" disabled=\"\">\n                <z-icon name=\"close\"></z-icon>\n              </button>\n              <div aria-hidden=\"true\" class=\"drawer-content\">\n                <slot name=\"menu\"></slot>\n              </div>\n            </div>\n          </z-offcanvas>\n        </mock:shadow-root>\n        <h1 slot=\"title\">\n          Titolo di test\n        </h1>\n        <img alt=\"\" slot=\"product-logo\" src=\"https://picsum.photos/id/237/320/320\">\n        <z-menu floating=\"\" role=\"menuitem\" slot=\"menu\" tabindex=\"-1\">\n          <a href=\"\">\n            Menu label\n          </a>\n        </z-menu>\n        <z-menu floating=\"\" role=\"menuitem\" slot=\"menu\" tabindex=\"-1\">\n          <h3>\n            Not so short menu label\n          </h3>\n          <a href=\"\" slot=\"item\">\n            Item 1\n          </a>\n          <a href=\"\" slot=\"item\">\n            Item 2\n          </a>\n          <z-menu-section slot=\"item\">\n            <h3>\n              Item 3\n            </h3>\n            <a href=\"\" slot=\"section\">\n              Item 3.1\n            </a>\n            <a href=\"\" slot=\"section\">\n              Item 3.2\n            </a>\n          </z-menu-section>\n          <z-menu-section slot=\"item\">\n            <h3>\n              Item 4\n            </h3>\n            <a href=\"\" slot=\"section\">\n              Item 4.1\n            </a>\n            <a href=\"\" slot=\"section\">\n              Item 4.2\n            </a>\n          </z-menu-section>\n          <a href=\"\" slot=\"item\">\n            Item 5\n          </a>\n        </z-menu>\n        <z-menu floating=\"\" role=\"menuitem\" slot=\"menu\" tabindex=\"-1\">\n          <h3>\n            Not so short menu label\n          </h3>\n          <a href=\"\" slot=\"item\">\n            Item 1\n          </a>\n          <a href=\"\" slot=\"item\">\n            Item 2\n          </a>\n          <z-menu-section slot=\"item\">\n            <h3>\n              Item 3\n            </h3>\n            <a href=\"\" slot=\"section\">\n              Item 3.1\n            </a>\n            <a href=\"\" slot=\"section\">\n              Item 3.2\n            </a>\n          </z-menu-section>\n          <z-menu-section slot=\"item\">\n            <h3>\n              Item 4\n            </h3>\n            <a href=\"\" slot=\"section\">\n              Item 4.1\n            </a>\n            <a href=\"\" slot=\"section\">\n              Item 4.2\n            </a>\n          </z-menu-section>\n          <a href=\"\" slot=\"item\">\n            Item 5\n          </a>\n        </z-menu>\n        <z-menu floating=\"\" role=\"menuitem\" slot=\"menu\" tabindex=\"-1\">\n          <a href=\"\">\n            Menu label\n          </a>\n        </z-menu>\n        <z-menu floating=\"\" role=\"menuitem\" slot=\"menu\" tabindex=\"-1\">\n          <h3>\n            Not so short menu label\n          </h3>\n          <a href=\"\" slot=\"item\">\n            Item 1\n          </a>\n          <a href=\"\" slot=\"item\">\n            Item 2\n          </a>\n          <z-menu-section slot=\"item\">\n            <h3>\n              Item 3\n            </h3>\n            <a href=\"\" slot=\"section\">\n              Item 3.1\n            </a>\n            <a href=\"\" slot=\"section\">\n              Item 3.2\n            </a>\n          </z-menu-section>\n          <z-menu-section slot=\"item\">\n            <h3>\n              Item 4\n            </h3>\n            <a href=\"\" slot=\"section\">\n              Item 4.1\n            </a>\n            <a href=\"\" slot=\"section\">\n              Item 4.2\n            </a>\n          </z-menu-section>\n          <a href=\"\" slot=\"item\">\n            Item 5\n          </a>\n        </z-menu>\n        <z-menu floating=\"\" role=\"menuitem\" slot=\"menu\" tabindex=\"-1\">\n          <h3>\n            Not so short menu label\n          </h3>\n          <a href=\"\" slot=\"item\">\n            Item 1\n          </a>\n          <a href=\"\" slot=\"item\">\n            Item 2\n          </a>\n          <z-menu-section slot=\"item\">\n            <h3>\n              Item 3\n            </h3>\n            <a href=\"\" slot=\"section\">\n              Item 3.1\n            </a>\n            <a href=\"\" slot=\"section\">\n              Item 3.2\n            </a>\n          </z-menu-section>\n          <z-menu-section slot=\"item\">\n            <h3>\n              Item 4\n            </h3>\n            <a href=\"\" slot=\"section\">\n              Item 4.1\n            </a>\n            <a href=\"\" slot=\"section\">\n              Item 4.2\n            </a>\n          </z-menu-section>\n          <a href=\"\" slot=\"item\">\n            Item 5\n          </a>\n        </z-menu>\n      </z-app-header>\n    `);\n  });\n});\n"]}

package/dist/collection/components/z-aria-alert/index.spec.js

@@ -1,14 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZAriaAlert } from "./index";
-describe("Suite test ZAriaAlert", () => {
-    it("Test render ZAriaAlert", async () => {
-        const page = await newSpecPage({
-            components: [ZAriaAlert],
-            html: `<z-aria-alert>testo</z-aria-alert>`,
-        });
-        expect(page.root).toEqualHtml(`<z-aria-alert aria-atomic="true" aria-live="polite" aria-relevant="additions">
-         testo
-       </z-aria-alert>`);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/z-aria-alert/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-aria-alert/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAEnC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACtC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,oCAAoC;SAC3C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAC3B;;uBAEiB,CAClB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZAriaAlert} from \"./index\";\n\ndescribe(\"Suite test ZAriaAlert\", () => {\n  it(\"Test render ZAriaAlert\", async () => {\n    const page = await newSpecPage({\n      components: [ZAriaAlert],\n      html: `<z-aria-alert>testo</z-aria-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(\n      `<z-aria-alert aria-atomic=\"true\" aria-live=\"polite\" aria-relevant=\"additions\">\n         testo\n       </z-aria-alert>`\n    );\n  });\n});\n"]}

package/dist/collection/components/z-avatar/index.spec.js

@@ -1,98 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZAvatar } from "./index";
-describe("Suite test ZAvatar", () => {
-    it("Test render ZAvatar default", async () => {
-        const page = await newSpecPage({
-            components: [ZAvatar],
-            html: `<z-avatar></z-avatar>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-avatar class="body-4-sb medium" style="color: var(--color-white); background-color: var(--gray700)">
-        <mock:shadow-root></mock:shadow-root>
-      </z-avatar>
-    `);
-    });
-    it("Test render ZAvatar size prop", async () => {
-        const page = await newSpecPage({
-            components: [ZAvatar],
-            html: `<z-avatar size="small"></z-avatar>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-avatar class="body-5-sb small" style="color: var(--color-white); background-color: var(--gray700)" size="small">
-        <mock:shadow-root></mock:shadow-root>
-      </z-avatar>
-    `);
-    });
-    it("Test render ZAvatar text prop", async () => {
-        const page = await newSpecPage({
-            components: [ZAvatar],
-            html: `<z-avatar text="ABCDE"></z-avatar>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-avatar class="body-4-sb medium" style="color: var(--color-white); background-color: var(--gray700)" text="ABCDE">
-        <mock:shadow-root>
-          <span>
-            AB
-          </span>
-        </mock:shadow-root>
-      </z-avatar>
-    `);
-    });
-    it("Test render ZAvatar text-color prop", async () => {
-        const page = await newSpecPage({
-            components: [ZAvatar],
-            html: `<z-avatar text="ABCDE" text-color="blue500" size="small"></z-avatar>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-avatar
-        class="body-5-sb small"
-        style="color: var(--blue500); background-color: var(--gray700)"
-        text-color="blue500"
-        text="ABCDE"
-        size="small">
-          <mock:shadow-root>
-            <span>
-              AB
-            </span>
-          </mock:shadow-root>
-      </z-avatar>
-    `);
-    });
-    it("Test render ZAvatar background-color prop", async () => {
-        const page = await newSpecPage({
-            components: [ZAvatar],
-            html: `<z-avatar text="ABCDE" background-color="blue500" size="large"></z-avatar>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-avatar
-      class="body-2-sb large"
-        style="color: var(--color-white); background-color: var(--blue500)"
-        background-color="blue500"
-        text="ABCDE"
-        size="large">
-          <mock:shadow-root>
-            <span>
-              AB
-            </span>
-          </mock:shadow-root>
-      </z-avatar>
-    `);
-    });
-    it("Test render ZAvatar image prop", async () => {
-        const page = await newSpecPage({
-            components: [ZAvatar],
-            html: `<z-avatar image="https://cdn.eso.org/images/thumb700x/eso1907a.jpg"></z-avatar>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-avatar
-        class="body-4-sb medium"
-        style="color: var(--color-white); background-color: var(--gray700)"
-        image="https://cdn.eso.org/images/thumb700x/eso1907a.jpg">
-          <mock:shadow-root>
-            <img src="https://cdn.eso.org/images/thumb700x/eso1907a.jpg">
-          </mock:shadow-root>
-      </z-avatar>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-avatar/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,OAAO,EAAC,MAAM,SAAS,CAAC;AAEhC,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,uBAAuB;SAC9B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,oCAAoC;SAC3C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,oCAAoC;SAC3C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,sEAAsE;SAC7E,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;KAa7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,4EAA4E;SACnF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;KAa7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,iFAAiF;SACxF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZAvatar} from \"./index\";\n\ndescribe(\"Suite test ZAvatar\", () => {\n  it(\"Test render ZAvatar default\", async () => {\n    const page = await newSpecPage({\n      components: [ZAvatar],\n      html: `<z-avatar></z-avatar>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-avatar class=\"body-4-sb medium\" style=\"color: var(--color-white); background-color: var(--gray700)\">\n        <mock:shadow-root></mock:shadow-root>\n      </z-avatar>\n    `);\n  });\n\n  it(\"Test render ZAvatar size prop\", async () => {\n    const page = await newSpecPage({\n      components: [ZAvatar],\n      html: `<z-avatar size=\"small\"></z-avatar>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-avatar class=\"body-5-sb small\" style=\"color: var(--color-white); background-color: var(--gray700)\" size=\"small\">\n        <mock:shadow-root></mock:shadow-root>\n      </z-avatar>\n    `);\n  });\n\n  it(\"Test render ZAvatar text prop\", async () => {\n    const page = await newSpecPage({\n      components: [ZAvatar],\n      html: `<z-avatar text=\"ABCDE\"></z-avatar>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-avatar class=\"body-4-sb medium\" style=\"color: var(--color-white); background-color: var(--gray700)\" text=\"ABCDE\">\n        <mock:shadow-root>\n          <span>\n            AB\n          </span>\n        </mock:shadow-root>\n      </z-avatar>\n    `);\n  });\n\n  it(\"Test render ZAvatar text-color prop\", async () => {\n    const page = await newSpecPage({\n      components: [ZAvatar],\n      html: `<z-avatar text=\"ABCDE\" text-color=\"blue500\" size=\"small\"></z-avatar>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-avatar\n        class=\"body-5-sb small\"\n        style=\"color: var(--blue500); background-color: var(--gray700)\"\n        text-color=\"blue500\"\n        text=\"ABCDE\"\n        size=\"small\">\n          <mock:shadow-root>\n            <span>\n              AB\n            </span>\n          </mock:shadow-root>\n      </z-avatar>\n    `);\n  });\n\n  it(\"Test render ZAvatar background-color prop\", async () => {\n    const page = await newSpecPage({\n      components: [ZAvatar],\n      html: `<z-avatar text=\"ABCDE\" background-color=\"blue500\" size=\"large\"></z-avatar>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-avatar\n      class=\"body-2-sb large\"\n        style=\"color: var(--color-white); background-color: var(--blue500)\"\n        background-color=\"blue500\"\n        text=\"ABCDE\"\n        size=\"large\">\n          <mock:shadow-root>\n            <span>\n              AB\n            </span>\n          </mock:shadow-root>\n      </z-avatar>\n    `);\n  });\n\n  it(\"Test render ZAvatar image prop\", async () => {\n    const page = await newSpecPage({\n      components: [ZAvatar],\n      html: `<z-avatar image=\"https://cdn.eso.org/images/thumb700x/eso1907a.jpg\"></z-avatar>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-avatar\n        class=\"body-4-sb medium\"\n        style=\"color: var(--color-white); background-color: var(--gray700)\"\n        image=\"https://cdn.eso.org/images/thumb700x/eso1907a.jpg\">\n          <mock:shadow-root>\n            <img src=\"https://cdn.eso.org/images/thumb700x/eso1907a.jpg\">\n          </mock:shadow-root>\n      </z-avatar>\n    `);\n  });\n});\n"]}