npm - @zanichelli/albe-web-components - Versions diffs - 16.0.0-rc2 → 16.0.0 - Mend

@zanichelli/albe-web-components 16.0.0-rc2 → 16.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (764) hide show

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

	@@ -1 +1 @@
1	- {"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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,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,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,UAAU,CAAC;YACxB,IAAI,EAAE;;;sBAGU;SACjB,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,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;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZAppHeader} from \"./index\";\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 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>\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 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>\n `);\n });\n\n it(\"Test render ZAppHeader with title and 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=\"subtitle\">Sottotitolo di test</h2>\n </z-app-header>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-app-header 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>\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 <h2 slot=\"top-subtitle\">Sottotitolo di test</h2>\n <h1 slot=\"title\">Titolo di test</h1>\n </z-app-header>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-app-header 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>\n `);\n });\n\n it(\"Test render ZAppHeader with stuck layout\", async () => {\n const page = await newSpecPage({\n components: [ZAppHeader],\n html: `<z-app-header stuck>\n <h1 slot=\"title\">Titolo di test</h1>\n </z-app-header>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-app-header 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>\n `);\n });\n});\n"]}
1	+ {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-app-header/index.spec.ts"],"names":[],"mappings":"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","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"]}