npm - @zanichelli/albe-web-components - Versions diffs - 13.6.1 → 14.1.0 - Mend

@zanichelli/albe-web-components 13.6.1 → 14.1.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 (580) hide show

package/dist/collection/components/z-book-card/index.spec.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../src/components/z-book-card/index.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZBookCard} from \"./index\";\n\ndescribe(\"Suite test ZBookCard\", () => {\n it(\"Test render ZBookCard - EXPANDED - empty\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"expanded\"></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"expanded\">\n <mock:shadow-root>\n <article class=\"expanded\">\n <div class=\"wrapper\">\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"top\">\n <div class=\"info\">\n <div class=\"left\">\n <div class=\"title\"></div>\n </div>\n <div class=\"right\">\n <slot name=\"header-cta\"></slot>\n </div>\n </div>\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n <div class=\"bottom\">\n <div class=\"resources\" id=\"resources-${page.rootInstance.id}\">\n <slot name=\"resources\"></slot>\n </div>\n </div>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - EXPANDED - with props\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card\n variant=\"expanded\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n ribbon=\"ADOTTATO\"\n ribbon-icon=\"info\"\n ribbon-interactive=\"true\"\n opera-title-tag=\"h1\"\n ></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card\n variant=\"expanded\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n ribbon=\"ADOTTATO\"\n ribbon-icon=\"info\"\n ribbon-interactive=\"true\"\n opera-title-tag=\"h1\"\n >\n <mock:shadow-root>\n <article class=\"expanded\">\n <div class=\"wrapper\">\n <div class=\"cover\">\n <button class=\"ribbon interactive\"><z-icon fill=\"color-icon03\" height=\"16\" name=\"info\" width=\"16\"></z-icon><span>ADOTTATO</span></button>\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" src=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"top\">\n <div class=\"info\">\n <div class=\"left\">\n <div class=\"authors\" aria-description=\"Autori\">Massimo Bergamini, Anna Trifone, Graziella Barozzi</div>\n <div class=\"title\"><h1>Matematica.azzurro</h1></div>\n <div class=\"subtitle\">Volume 3 con Tutor</div>\n <div class=\"isbn\">\n <span class=\"code\" aria-description=\"ISBN (ed. cartacea)\">9788808930552</span>\n <span class=\"label\"> (ed. cartacea)</span>\n </div>\n </div>\n <div class=\"right\">\n <slot name=\"header-cta\"></slot>\n </div>\n </div>\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n <div class=\"bottom\">\n <div class=\"resources\" id=\"resources-${page.rootInstance.id}\">\n <slot name=\"resources\"></slot>\n </div>\n </div>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - EXPANDED - with props\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card\n variant=\"expanded\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n ribbon-icon=\"info\"\n ribbon-interactive=\"true\"\n opera-title-tag=\"h1\"\n ></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card\n variant=\"expanded\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n ribbon-icon=\"info\"\n ribbon-interactive=\"true\"\n opera-title-tag=\"h1\"\n >\n <mock:shadow-root>\n <article class=\"expanded\">\n <div class=\"wrapper\">\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" src=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"top\">\n <div class=\"info\">\n <div class=\"left\">\n <div class=\"authors\" aria-description=\"Autori\">Massimo Bergamini, Anna Trifone, Graziella Barozzi</div>\n <div class=\"title\"><h1>Matematica.azzurro</h1></div>\n <div class=\"subtitle\">Volume 3 con Tutor</div>\n <div class=\"isbn\">\n <span class=\"code\" aria-description=\"ISBN (ed. cartacea)\">9788808930552</span>\n <span class=\"label\"> (ed. cartacea)</span>\n </div>\n </div>\n <div class=\"right\">\n <slot name=\"header-cta\"></slot>\n </div>\n </div>\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n <div class=\"bottom\">\n <div class=\"resources\" id=\"resources-${page.rootInstance.id}\">\n <slot name=\"resources\"></slot>\n </div>\n </div>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - EXPANDED - with slots\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"expanded\">\n <z-icon slot=\"header-cta\" name=\"star-empty\"></z-icon>\n <z-tag slot=\"tags\">EDI</z-tag>\n <a class=\"z-link\" slot=\"resources\">Resource link</a>\n </z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"expanded\">\n <mock:shadow-root>\n <article class=\"expanded\">\n <div class=\"wrapper\">\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"top\">\n <div class=\"info\">\n <div class=\"left\">\n <div class=\"title\"></div>\n </div>\n <div class=\"right\">\n <slot name=\"header-cta\"></slot>\n </div>\n </div>\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n <div class=\"bottom\">\n <div class=\"resources\" id=\"resources-${page.rootInstance.id}\">\n <slot name=\"resources\"></slot>\n </div>\n </div>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n <z-icon slot=\"header-cta\" name=\"star-empty\"></z-icon>\n <z-tag slot=\"tags\">EDI</z-tag>\n <a class=\"z-link\" slot=\"resources\">Resource link</a>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - EXPANDED - MOBILE - with props\", async () => {\n mockMatchMedia(true);\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card\n variant=\"expanded\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n ribbon=\"ADOTTATO\"\n opera-title-tag=\"h1\"\n ></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card\n variant=\"expanded\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n ribbon=\"ADOTTATO\"\n opera-title-tag=\"h1\"\n >\n <mock:shadow-root>\n <article class=\"expanded\">\n <div class=\"wrapper\">\n <div class=\"header\">\n <div class=\"title\"><h1>Matematica.azzurro</h1></div>\n <slot name=\"header-cta\"></slot>\n </div>\n <div class=\"cover\">\n <div class=\"ribbon\"><span>ADOTTATO</span></div>\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" src=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n <div class=\"authors\" aria-description=\"Autori\">Massimo Bergamini, Anna Trifone, Graziella Barozzi</div>\n <div class=\"subtitle\">Volume 3 con Tutor</div>\n <div class=\"isbn\">\n <span class=\"code\" aria-description=\"ISBN (ed. cartacea)\">9788808930552</span>\n <span class=\"label\"> (ed. cartacea)</span>\n </div>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - EXPANDED - MOBILE - with resources - close\", async () => {\n mockMatchMedia(true);\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"expanded\" opera-title=\"Matematica.azzurro\">\n <a class=\"z-link\" slot=\"resources\">Resource link</a>\n </z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"expanded\" opera-title=\"Matematica.azzurro\">\n <mock:shadow-root>\n <article class=\"expanded\">\n <div class=\"wrapper\">\n <div class=\"header\">\n <div class=\"title\">Matematica.azzurro</div>\n <slot name=\"header-cta\"></slot>\n </div>\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n <div class=\"footer close\">\n <button\n class=\"show-resources\"\n aria-label=\"Risorse del libro Matematica.azzurro\"\n aria-expanded=\"false\"\n aria-controls=\"resources-${page.rootInstance.id}\"\n >\n Vedi tutto\n <z-icon name=\"chevron-down\"></z-icon>\n </button>\n <div class=\"resources\" id=\"resources-${page.rootInstance.id}\">\n <slot name=\"resources\"></slot>\n </div>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n <a class=\"z-link\"slot=\"resources\">Resource link</a>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - EXPANDED - MOBILE - with resources - open\", async () => {\n mockMatchMedia(true);\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"expanded\" opera-title=\"Matematica.azzurro\">\n <a class=\"z-link\" slot=\"resources\">Resource link</a>\n </z-book-card>`,\n });\n page.rootInstance.showResources = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"expanded\" opera-title=\"Matematica.azzurro\">\n <mock:shadow-root>\n <article class=\"expanded\">\n <div class=\"wrapper\">\n <div class=\"header\">\n <div class=\"title\">Matematica.azzurro</div>\n <slot name=\"header-cta\"></slot>\n </div>\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n <div class=\"footer open\">\n <div class=\"resources\" id=\"resources-${page.rootInstance.id}\">\n <slot name=\"resources\"></slot>\n </div>\n <button\n class=\"show-resources\"\n aria-label=\"Risorse del libro Matematica.azzurro\"\n aria-expanded=\"true\"\n aria-controls=\"resources-${page.rootInstance.id}\"\n >\n Chiudi\n <z-icon name=\"chevron-up\"></z-icon>\n </button>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n <a class=\"z-link\" slot=\"resources\">Resource link</a>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - SEARCH - empty\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"search\"></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"search\">\n <mock:shadow-root>\n <article class=\"search\">\n <div class=\"wrapper-container\">\n <div class=\"wrapper\">\n <div class=\"header\">\n <div class=\"title\"></div>\n <slot name=\"header-cta\"></slot>\n </div>\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n </div>\n <div class=\"action-container\">\n <slot name=\"footer-cta\"></slot>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - SEARCH - with props\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card\n variant=\"search\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n ribbon=\"ADOTTATO\"\n opera-title-tag=\"h1\"\n ></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\" cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\" isbn=\"9788808930552\" isbn-label=\"(ed. cartacea)\" opera-title=\"Matematica.azzurro\" opera-title-tag=\"h1\" ribbon=\"ADOTTATO\" variant=\"search\" volume-title=\"Volume 3 con Tutor\">\n <mock:shadow-root>\n <article class=\"search\">\n <div class=\"wrapper-container\">\n <div class=\"wrapper\">\n <div class=\"header\">\n <div class=\"title\">\n <h1>Matematica.azzurro</h1>\n </div>\n <slot name=\"header-cta\"></slot>\n </div>\n <div class=\"cover\">\n <div class=\"ribbon\">\n <span>ADOTTATO</span>\n </div>\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" src=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"/>\n </div>\n </div>\n <div class=\"content\">\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n <div aria-description=\"Autori\" class=\"authors\">\n Massimo Bergamini, Anna Trifone, Graziella Barozzi\n </div>\n <div class=\"subtitle\">\n Volume 3 con Tutor\n </div>\n <div class=\"isbn\">\n <span aria-description=\"ISBN (ed. cartacea)\" class=\"code\">\n 9788808930552\n </span>\n <span class=\"label\">\n (ed. cartacea)\n </span>\n </div>\n </div>\n </div>\n <div class=\"action-container\">\n <slot name=\"footer-cta\"></slot>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - SEARCH - with slots\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"search\">\n <z-icon slot=\"header-cta\" name=\"star-empty\"></z-icon>\n <z-tag slot=\"tags\">EDI</z-tag>\n <div slot=\"footer-cta\">\n <z-button href=\"http://dizionari.zanichelli.it\" target=\"_blank\" variant=\"secondary\" size=\"small\">\n Leggi il libro online\n </z-button>\n </div>\n </z-book-card>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"search\">\n <mock:shadow-root>\n <article class=\"search\">\n <div class=\"wrapper-container\">\n <div class=\"wrapper\">\n <div class=\"header\">\n <div class=\"title\"></div>\n <slot name=\"header-cta\"></slot>\n </div>\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n </div>\n <div class=\"action-container\">\n <slot name=\"footer-cta\"></slot>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n <z-icon name=\"star-empty\" slot=\"header-cta\"></z-icon>\n <z-tag slot=\"tags\">\n EDI\n </z-tag>\n <div slot=\"footer-cta\">\n <z-button href=\"http://dizionari.zanichelli.it\" size=\"small\" target=\"_blank\" variant=\"secondary\">\n Leggi il libro online\n </z-button>\n </div>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - COMPACT - empty\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"compact\"></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"compact\">\n <mock:shadow-root>\n <article class=\"compact\">\n <div class=\"wrapper\">\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"title\"></div>\n </div>\n <div class=\"action-container\">\n <slot name=\"footer-cta\"></slot>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - COMPACT - with props\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card\n variant=\"compact\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n opera-title-tag=\"h1\"\n borderless=\"true\"\n ></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card\n variant=\"compact\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n opera-title-tag=\"h1\"\n borderless=\"true\"\n >\n <mock:shadow-root>\n <article class=\"compact borderless\">\n <div class=\"wrapper\">\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" src=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"authors\" aria-description=\"Autori\">Massimo Bergamini, Anna Trifone, Graziella Barozzi</div>\n <div class=\"title\"><h1>Matematica.azzurro</h1></div>\n <div class=\"subtitle\">Volume 3 con Tutor</div>\n <div class=\"isbn\">\n <span class=\"code\" aria-description=\"ISBN (ed. cartacea)\">9788808930552</span>\n <span class=\"label\"> (ed. cartacea)</span>\n </div>\n </div>\n <div class=\"action-container\">\n <slot name=\"footer-cta\"></slot>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - COMPACT - with slots\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"compact\">\n <z-button slot=\"footer-cta\">cta 1</z-button>\n <z-button slot=\"footer-cta\">cta 2</z-button>\n </z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"compact\">\n <mock:shadow-root>\n <article class=\"compact\">\n <div class=\"wrapper\">\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"title\"></div>\n </div>\n <div class=\"action-container\">\n <slot name=\"footer-cta\"></slot>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n <z-button slot=\"footer-cta\">cta 1</z-button>\n <z-button slot=\"footer-cta\">cta 2</z-button>\n </z-book-card>\n `);\n });\n});\n\nconst mockMatchMedia = (matches: boolean = false) => {\n Object.defineProperty(window, \"matchMedia\", {\n writable: true,\n value: jest.fn().mockImplementation((query) => ({\n matches: matches,\n media: query,\n onchange: null,\n addListener: jest.fn(), // deprecated\n removeListener: jest.fn(), // deprecated\n addEventListener: jest.fn(),\n removeEventListener: jest.fn(),\n dispatchEvent: jest.fn(),\n })),\n });\n};\n"]}
1	+ {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../src/components/z-book-card/index.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZBookCard} from \"./index\";\n\ndescribe(\"Suite test ZBookCard\", () => {\n it(\"Test render ZBookCard - EXPANDED - empty\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"expanded\"></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"expanded\">\n <mock:shadow-root>\n <article class=\"expanded\">\n <div class=\"wrapper\">\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"top\">\n <div class=\"info\">\n <div class=\"left\">\n <div class=\"title\"></div>\n </div>\n <div class=\"right\">\n <slot name=\"header-cta\"></slot>\n </div>\n </div>\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n <div class=\"bottom\">\n <div class=\"resources\" id=\"resources-${page.rootInstance.id}\">\n <slot name=\"resources\"></slot>\n </div>\n </div>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - EXPANDED - with props\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card\n variant=\"expanded\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n ribbon=\"ADOTTATO\"\n ribbon-icon=\"info\"\n ribbon-interactive=\"true\"\n opera-title-tag=\"h1\"\n ></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card\n variant=\"expanded\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n ribbon=\"ADOTTATO\"\n ribbon-icon=\"info\"\n ribbon-interactive=\"true\"\n opera-title-tag=\"h1\"\n >\n <mock:shadow-root>\n <article class=\"expanded\">\n <div class=\"wrapper\">\n <div class=\"cover\">\n <button class=\"ribbon interactive\"><z-icon fill=\"color-inverse-icon\" height=\"16\" name=\"info\" width=\"16\"></z-icon><span>ADOTTATO</span></button>\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" src=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"top\">\n <div class=\"info\">\n <div class=\"left\">\n <div class=\"authors\" aria-description=\"Autori\">Massimo Bergamini, Anna Trifone, Graziella Barozzi</div>\n <div class=\"title\"><h1>Matematica.azzurro</h1></div>\n <div class=\"subtitle\">Volume 3 con Tutor</div>\n <div class=\"isbn\">\n <span class=\"code\" aria-description=\"ISBN (ed. cartacea)\">9788808930552</span>\n <span class=\"label\"> (ed. cartacea)</span>\n </div>\n </div>\n <div class=\"right\">\n <slot name=\"header-cta\"></slot>\n </div>\n </div>\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n <div class=\"bottom\">\n <div class=\"resources\" id=\"resources-${page.rootInstance.id}\">\n <slot name=\"resources\"></slot>\n </div>\n </div>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - EXPANDED - with props\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card\n variant=\"expanded\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n ribbon-icon=\"info\"\n ribbon-interactive=\"true\"\n opera-title-tag=\"h1\"\n ></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card\n variant=\"expanded\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n ribbon-icon=\"info\"\n ribbon-interactive=\"true\"\n opera-title-tag=\"h1\"\n >\n <mock:shadow-root>\n <article class=\"expanded\">\n <div class=\"wrapper\">\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" src=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"top\">\n <div class=\"info\">\n <div class=\"left\">\n <div class=\"authors\" aria-description=\"Autori\">Massimo Bergamini, Anna Trifone, Graziella Barozzi</div>\n <div class=\"title\"><h1>Matematica.azzurro</h1></div>\n <div class=\"subtitle\">Volume 3 con Tutor</div>\n <div class=\"isbn\">\n <span class=\"code\" aria-description=\"ISBN (ed. cartacea)\">9788808930552</span>\n <span class=\"label\"> (ed. cartacea)</span>\n </div>\n </div>\n <div class=\"right\">\n <slot name=\"header-cta\"></slot>\n </div>\n </div>\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n <div class=\"bottom\">\n <div class=\"resources\" id=\"resources-${page.rootInstance.id}\">\n <slot name=\"resources\"></slot>\n </div>\n </div>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - EXPANDED - with slots\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"expanded\">\n <z-icon slot=\"header-cta\" name=\"star-empty\"></z-icon>\n <z-tag slot=\"tags\">EDI</z-tag>\n <a class=\"z-link\" slot=\"resources\">Resource link</a>\n </z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"expanded\">\n <mock:shadow-root>\n <article class=\"expanded\">\n <div class=\"wrapper\">\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"top\">\n <div class=\"info\">\n <div class=\"left\">\n <div class=\"title\"></div>\n </div>\n <div class=\"right\">\n <slot name=\"header-cta\"></slot>\n </div>\n </div>\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n <div class=\"bottom\">\n <div class=\"resources\" id=\"resources-${page.rootInstance.id}\">\n <slot name=\"resources\"></slot>\n </div>\n </div>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n <z-icon slot=\"header-cta\" name=\"star-empty\"></z-icon>\n <z-tag slot=\"tags\">EDI</z-tag>\n <a class=\"z-link\" slot=\"resources\">Resource link</a>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - EXPANDED - MOBILE - with props\", async () => {\n mockMatchMedia(true);\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card\n variant=\"expanded\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n ribbon=\"ADOTTATO\"\n opera-title-tag=\"h1\"\n ></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card\n variant=\"expanded\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n ribbon=\"ADOTTATO\"\n opera-title-tag=\"h1\"\n >\n <mock:shadow-root>\n <article class=\"expanded\">\n <div class=\"wrapper\">\n <div class=\"header\">\n <div class=\"title\"><h1>Matematica.azzurro</h1></div>\n <slot name=\"header-cta\"></slot>\n </div>\n <div class=\"cover\">\n <div class=\"ribbon\"><span>ADOTTATO</span></div>\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" src=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n <div class=\"authors\" aria-description=\"Autori\">Massimo Bergamini, Anna Trifone, Graziella Barozzi</div>\n <div class=\"subtitle\">Volume 3 con Tutor</div>\n <div class=\"isbn\">\n <span class=\"code\" aria-description=\"ISBN (ed. cartacea)\">9788808930552</span>\n <span class=\"label\"> (ed. cartacea)</span>\n </div>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - EXPANDED - MOBILE - with resources - close\", async () => {\n mockMatchMedia(true);\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"expanded\" opera-title=\"Matematica.azzurro\">\n <a class=\"z-link\" slot=\"resources\">Resource link</a>\n </z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"expanded\" opera-title=\"Matematica.azzurro\">\n <mock:shadow-root>\n <article class=\"expanded\">\n <div class=\"wrapper\">\n <div class=\"header\">\n <div class=\"title\">Matematica.azzurro</div>\n <slot name=\"header-cta\"></slot>\n </div>\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n <div class=\"footer close\">\n <button\n class=\"show-resources\"\n aria-label=\"Risorse del libro Matematica.azzurro\"\n aria-expanded=\"false\"\n aria-controls=\"resources-${page.rootInstance.id}\"\n >\n Vedi tutto\n <z-icon name=\"chevron-down\"></z-icon>\n </button>\n <div class=\"resources\" id=\"resources-${page.rootInstance.id}\">\n <slot name=\"resources\"></slot>\n </div>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n <a class=\"z-link\"slot=\"resources\">Resource link</a>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - EXPANDED - MOBILE - with resources - open\", async () => {\n mockMatchMedia(true);\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"expanded\" opera-title=\"Matematica.azzurro\">\n <a class=\"z-link\" slot=\"resources\">Resource link</a>\n </z-book-card>`,\n });\n page.rootInstance.showResources = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"expanded\" opera-title=\"Matematica.azzurro\">\n <mock:shadow-root>\n <article class=\"expanded\">\n <div class=\"wrapper\">\n <div class=\"header\">\n <div class=\"title\">Matematica.azzurro</div>\n <slot name=\"header-cta\"></slot>\n </div>\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n <div class=\"footer open\">\n <div class=\"resources\" id=\"resources-${page.rootInstance.id}\">\n <slot name=\"resources\"></slot>\n </div>\n <button\n class=\"show-resources\"\n aria-label=\"Risorse del libro Matematica.azzurro\"\n aria-expanded=\"true\"\n aria-controls=\"resources-${page.rootInstance.id}\"\n >\n Chiudi\n <z-icon name=\"chevron-up\"></z-icon>\n </button>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n <a class=\"z-link\" slot=\"resources\">Resource link</a>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - SEARCH - empty\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"search\"></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"search\">\n <mock:shadow-root>\n <article class=\"search\">\n <div class=\"wrapper-container\">\n <div class=\"wrapper\">\n <div class=\"header\">\n <div class=\"title\"></div>\n <slot name=\"header-cta\"></slot>\n </div>\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n </div>\n <div class=\"action-container\">\n <slot name=\"footer-cta\"></slot>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - SEARCH - with props\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card\n variant=\"search\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n ribbon=\"ADOTTATO\"\n opera-title-tag=\"h1\"\n ></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\" cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\" isbn=\"9788808930552\" isbn-label=\"(ed. cartacea)\" opera-title=\"Matematica.azzurro\" opera-title-tag=\"h1\" ribbon=\"ADOTTATO\" variant=\"search\" volume-title=\"Volume 3 con Tutor\">\n <mock:shadow-root>\n <article class=\"search\">\n <div class=\"wrapper-container\">\n <div class=\"wrapper\">\n <div class=\"header\">\n <div class=\"title\">\n <h1>Matematica.azzurro</h1>\n </div>\n <slot name=\"header-cta\"></slot>\n </div>\n <div class=\"cover\">\n <div class=\"ribbon\">\n <span>ADOTTATO</span>\n </div>\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" src=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"/>\n </div>\n </div>\n <div class=\"content\">\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n <div aria-description=\"Autori\" class=\"authors\">\n Massimo Bergamini, Anna Trifone, Graziella Barozzi\n </div>\n <div class=\"subtitle\">\n Volume 3 con Tutor\n </div>\n <div class=\"isbn\">\n <span aria-description=\"ISBN (ed. cartacea)\" class=\"code\">\n 9788808930552\n </span>\n <span class=\"label\">\n (ed. cartacea)\n </span>\n </div>\n </div>\n </div>\n <div class=\"action-container\">\n <slot name=\"footer-cta\"></slot>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - SEARCH - with slots\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"search\">\n <z-icon slot=\"header-cta\" name=\"star-empty\"></z-icon>\n <z-tag slot=\"tags\">EDI</z-tag>\n <div slot=\"footer-cta\">\n <z-button href=\"http://dizionari.zanichelli.it\" target=\"_blank\" variant=\"secondary\" size=\"small\">\n Leggi il libro online\n </z-button>\n </div>\n </z-book-card>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"search\">\n <mock:shadow-root>\n <article class=\"search\">\n <div class=\"wrapper-container\">\n <div class=\"wrapper\">\n <div class=\"header\">\n <div class=\"title\"></div>\n <slot name=\"header-cta\"></slot>\n </div>\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"tags\">\n <slot name=\"tags\"></slot>\n </div>\n </div>\n </div>\n <div class=\"action-container\">\n <slot name=\"footer-cta\"></slot>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n <z-icon name=\"star-empty\" slot=\"header-cta\"></z-icon>\n <z-tag slot=\"tags\">\n EDI\n </z-tag>\n <div slot=\"footer-cta\">\n <z-button href=\"http://dizionari.zanichelli.it\" size=\"small\" target=\"_blank\" variant=\"secondary\">\n Leggi il libro online\n </z-button>\n </div>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - COMPACT - empty\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"compact\"></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"compact\">\n <mock:shadow-root>\n <article class=\"compact\">\n <div class=\"wrapper\">\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"title\"></div>\n </div>\n <div class=\"action-container\">\n <slot name=\"footer-cta\"></slot>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - COMPACT - with props\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card\n variant=\"compact\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n opera-title-tag=\"h1\"\n borderless=\"true\"\n ></z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card\n variant=\"compact\"\n cover=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\"\n opera-title=\"Matematica.azzurro\"\n volume-title=\"Volume 3 con Tutor\"\n authors=\"Massimo Bergamini, Anna Trifone, Graziella Barozzi\"\n isbn=\"9788808930552\"\n isbn-label=\"(ed. cartacea)\"\n opera-title-tag=\"h1\"\n borderless=\"true\"\n >\n <mock:shadow-root>\n <article class=\"compact borderless\">\n <div class=\"wrapper\">\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" src=\"https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"authors\" aria-description=\"Autori\">Massimo Bergamini, Anna Trifone, Graziella Barozzi</div>\n <div class=\"title\"><h1>Matematica.azzurro</h1></div>\n <div class=\"subtitle\">Volume 3 con Tutor</div>\n <div class=\"isbn\">\n <span class=\"code\" aria-description=\"ISBN (ed. cartacea)\">9788808930552</span>\n <span class=\"label\"> (ed. cartacea)</span>\n </div>\n </div>\n <div class=\"action-container\">\n <slot name=\"footer-cta\"></slot>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n </z-book-card>\n `);\n });\n\n it(\"Test render ZBookCard - COMPACT - with slots\", async () => {\n mockMatchMedia();\n const page = await newSpecPage({\n components: [ZBookCard],\n html: `<z-book-card variant=\"compact\">\n <z-button slot=\"footer-cta\">cta 1</z-button>\n <z-button slot=\"footer-cta\">cta 2</z-button>\n </z-book-card>`,\n });\n expect(page.root).toEqualHtml(`\n <z-book-card variant=\"compact\">\n <mock:shadow-root>\n <article class=\"compact\">\n <div class=\"wrapper\">\n <div class=\"cover\">\n <div class=\"img-wrapper\">\n <img aria-hidden=\"true\" />\n </div>\n </div>\n <div class=\"content\">\n <div class=\"title\"></div>\n </div>\n <div class=\"action-container\">\n <slot name=\"footer-cta\"></slot>\n </div>\n </div>\n </article>\n </mock:shadow-root>\n <z-button slot=\"footer-cta\">cta 1</z-button>\n <z-button slot=\"footer-cta\">cta 2</z-button>\n </z-book-card>\n `);\n });\n});\n\nconst mockMatchMedia = (matches: boolean = false) => {\n Object.defineProperty(window, \"matchMedia\", {\n writable: true,\n value: jest.fn().mockImplementation((query) => ({\n matches: matches,\n media: query,\n onchange: null,\n addListener: jest.fn(), // deprecated\n removeListener: jest.fn(), // deprecated\n addEventListener: jest.fn(),\n removeEventListener: jest.fn(),\n dispatchEvent: jest.fn(),\n })),\n });\n};\n"]}

package/dist/collection/components/z-book-card/styles.css CHANGED Viewed

@@ -53,7 +53,7 @@
   background: var(--z-book-card-ribbon-background-color);
   border-radius: 0 var(--border-radius) var(--border-radius) 0;
   box-shadow: var(--shadow-2);
-  color: var(--color-text04);
+  color: var(--color-text-inverse);
   font-family: var(--font-family-sans);
   font-size: var(--font-size-2);
   font-weight: var(--font-sb);
@@ -95,7 +95,7 @@
   display: flex;
   height: 100%;
   align-self: center;
-  color: var(--color-text02);
+  color: var(--color-default-text);
   font-size: var(--font-size-4);
   font-weight: var(--font-sb);
   line-height: 1.5;
@@ -106,14 +106,14 @@
 }
 :host > article div.subtitle {
-  color: var(--color-text02);
+  color: var(--color-default-text);
   font-size: var(--font-size-2);
   font-weight: var(--font-rg);
   line-height: 1.4;
 }
 :host > article div.authors {
-  color: var(--color-text02);
+  color: var(--color-default-text);
   font-size: var(--font-size-1);
   font-weight: var(--font-rg);
   line-height: 1.33;
@@ -121,7 +121,7 @@
 :host > article div.isbn {
   overflow: hidden;
-  color: var(--color-text02);
+  color: var(--color-default-text);
   font-size: var(--font-size-2);
   line-height: 1.33;
   text-overflow: ellipsis;
@@ -154,7 +154,7 @@
   padding: var(--space-unit);
   cursor: pointer;
-  fill: var(--color-icon01);
+  fill: var(--color-primary01-icon);
 }
 /* EXPANDED STYLES */

package/dist/collection/components/z-breadcrumb/styles.css CHANGED Viewed

@@ -57,7 +57,7 @@ a {
 }
 a.missing-path {
-  color: var(--color-text01);
+  color: var(--color-default-text);
 }
 .text-ellipsis {

package/dist/collection/components/z-cover-hero/styles.css CHANGED Viewed

@@ -85,7 +85,7 @@
 /* Variant stacked */
 :host([variant="stacked"]) {
-  --cover-hero-text-color: var(--color-text01);
+  --cover-hero-text-color: var(--color-default-text);
 }
 :host([variant="stacked"]) .content-container ::slotted(*) {

package/dist/collection/components/z-info-reveal/styles.css CHANGED Viewed

@@ -34,7 +34,7 @@ button:focus:focus-visible {
   padding: calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);
   background-color: var(--color-surface05);
   border-radius: var(--border-radius);
-  color: var(--color-text04);
+  color: var(--color-text-inverse);
   column-gap: var(--space-unit);
   font-weight: var(--font-sb);
   line-height: 1rem;
@@ -62,7 +62,7 @@ button:focus:focus-visible {
   --z-icon-height: var(--trigger-icon-size);
   display: flex;
-  fill: var(--color-icon03);
+  fill: var(--color-inverse-icon);
 }
 :host([size="small"]) > .z-info-reveal-trigger z-icon {
@@ -83,7 +83,7 @@ button:focus:focus-visible {
   background-color: var(--color-surface05);
   border-radius: var(--border-radius);
   box-shadow: var(--shadow-4);
-  color: var(--color-text04);
+  color: var(--color-text-inverse);
   column-gap: var(--space-unit);
 }
@@ -116,7 +116,7 @@ button:focus:focus-visible {
 }
 .z-info-reveal-panel z-icon {
-  fill: var(--color-icon03);
+  fill: var(--color-inverse-icon);
 }
 @media (max-width: 767px) {

package/dist/collection/components/z-pagination/styles.css CHANGED Viewed

@@ -20,16 +20,16 @@ z-pagination button {
 }
 z-pagination z-icon {
-  fill: var(--color-icon01);
+  fill: var(--color-primary01-icon);
 }
 z-pagination *:disabled z-icon {
-  fill: var(--color-disabled02);
+  fill: var(--color-disabled03);
 }
 z-pagination .page-label {
   margin-right: calc(var(--space-unit) * 3);
-  color: var(--color-text02);
+  color: var(--color-default-text);
 }
 z-pagination .pagination-bar {
@@ -74,7 +74,7 @@ z-pagination .pagination-bar .navigation-button {
 z-pagination .pagination-bar .pagination-button:disabled,
 z-pagination .pagination-bar .navigation-button:disabled {
   background-color: var(--color-disabled01);
-  color: var(--color-disabled02);
+  color: var(--color-disabled03);
   cursor: default;
   pointer-events: none;
 }
@@ -129,7 +129,7 @@ z-pagination .go-to-page {
 }
 z-pagination .go-to-page .label {
-  color: var(--color-text02);
+  color: var(--color-default-text);
   text-transform: uppercase;
 }

package/dist/collection/components/z-popover/styles.css CHANGED Viewed

@@ -1,6 +1,6 @@
 :host {
   --z-popover-theme--surface: var(--color-surface01);
-  --z-popover-theme--text: var(--color-text01);
+  --z-popover-theme--text: var(--color-default-text);
   --z-popover-padding: 0;
   --z-popover-shadow-filter: drop-shadow(0 1px 2px var(--shadow-color-base));

package/dist/collection/components/z-skip-to-content/styles.css CHANGED Viewed

@@ -41,7 +41,7 @@
 :host.light {
   border: var(--border-size-medium) solid var(--color-surface05);
   background-color: var(--color-surface01);
-  color: var(--color-text01);
+  color: var(--color-default-text);
 }
 /* Tablet breakpoint */

package/dist/collection/snowflakes/myz/card/z-myz-card/index.js CHANGED Viewed

@@ -33,7 +33,7 @@ export class ZMyzCardComponent {
         return elemClasses;
     }
     render() {
-        return (h("div", { key: 'a72f39c9ad9161449a5f58965e2d93d83a107490', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '66669fd94e4018f6c6dd05ff9d9bda41c0f007bf' })));
+        return (h("div", { key: '60af6834769521448b5e5d138894f52c9648a883', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '625ccc99c44d80eb30fa4725e8faeb9f8090497a' })));
     }
     static get is() { return "z-myz-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js CHANGED Viewed

@@ -46,7 +46,7 @@ export class ZMyzCardAlert {
         }
     }
     render() {
-        return (h("div", { key: 'f816c5248c844b5526fec888a85e8496c7c90d98', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: 'db2af869a234fe61fe76774de497c3318444aa9a', type: this.getAlertType() }, h("div", { key: 'a0f93f7a3213088a4439a1f77dca6fa257d16169', class: "relative-container" }, h("z-icon", { key: 'c1233e3076b57d020e8027881fc6dd2678e63ebc', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: '6d9a27d78665bb794747d72d50a63c4c54520e22', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        return (h("div", { key: '1a44a34c155e02fc981d43acbb4bfea6b55723c9', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: '2d472706191ec3130effcc53ff5a1aa88a72d7af', type: this.getAlertType() }, h("div", { key: 'e851235481078dc7438ecff16b29553eb37e1819', class: "relative-container" }, h("z-icon", { key: 'e5a82796d0e57e1c450b93726e02953e554ae8f7', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: '8a3fb147de28373c7a9d63cd17a798aa9116ce86', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
                 this.handleActionButtonClick(e);
             }, onKeyPress: (e) => {
                 this.handleSpaceKeyPress(e);

package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class ZMyzCardBody {
     render() {
-        return (h("div", { key: '12386f13964444007e6bef9219e791d01f131d9a' }, h("slot", { key: '10378c336d6a6c70dea11375397fd734dc570f53', name: "alert" }), h("slot", { key: '7dfff15df0a1a32f63ac329a4be3b11d7d4554f6', name: "cover" })));
+        return (h("div", { key: '29910997b3d57c8ed4694ae81e3f8e62b86908df' }, h("slot", { key: 'da76b95d6eb9c8d36bb6a09f79d277dd5f6924e4', name: "alert" }), h("slot", { key: 'cc694615936aa77e99090e627eb4623c6feac31d', name: "cover" })));
     }
     static get is() { return "z-myz-card-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class ZMyzCardCover {
         this.img = this.defaultimg;
     }
     render() {
-        return (h("img", { key: '1123789029226a12e2953a6b58d5030eadec11ab', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+        return (h("img", { key: '0c6201fe961a9b7b4bf8d85d276adaf965778d10', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
     }
     static get is() { return "z-myz-card-cover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js CHANGED Viewed

@@ -21,7 +21,7 @@ export class ZMyzCardDictionary {
         this.cardFlipped.emit(showBack);
     }
     render() {
-        return (h("div", { key: '96caf561d4eba775d1444997a7e7c836c26cc9ec' }, h("z-myz-card", { key: '3a8c8c93437564ac3230d1b0eb488b7dac9ebf2f' }, h("z-myz-card-header", { key: '0d8799942f0d4f9ab2af2c49c00e57b1e1656e12', titolo: this.name }), h("div", { key: '973b554f76522b627b16e5eb9a149fba5f40b2ed', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '9bbc28302b56a87066f823bd6d955bb0da2727f5', class: "front" }, h("z-myz-card-body", { key: 'fa95d36e00e3fa7b7687700ce81011a7c448e3c9' }, h("z-myz-card-cover", { key: '97e18aa20e8aa457ce59c6099e6750006f1b6558', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '98b88db1a8cb836761859b28e78a91e77a382ee9', class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { key: '45bb4be033a17b7234bfcec8c0094f83aefc826d', class: "back" }, h("slot", { key: '089d5d4d4b842d205ee4a9f4109551a9968a2606', name: "info" }))), h("slot", { key: 'e458915924a0b35036620574f35c0340eeea851c' }))));
+        return (h("div", { key: '4b234e3d238d980133221d80d810b6f1935cc9ca' }, h("z-myz-card", { key: '5ba2e25a636705c51c17ce2e94c3f2b6262a92dc' }, h("z-myz-card-header", { key: '15ce47c8781ec09fa04e44338341a80bd81c37b2', titolo: this.name }), h("div", { key: 'df8be094c86954d6bcdacefd8f341fb64ede8099', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '3a766d374ca3eac6a7e08333a0f04f2dfbcefdc4', class: "front" }, h("z-myz-card-body", { key: '88b2d585245efa008fdac1525312ab73ffe34810' }, h("z-myz-card-cover", { key: '28e735bb7171c1e014326c2cbe68ccdee4995b90', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: 'b29b64255d6053e5135ae3f847a1ce11ddfec283', class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { key: '5dfe85db1b4f6b75e5fcbdef8a93b825eac4fad9', class: "back" }, h("slot", { key: '9bcecaf42947c2e138331a8448e891590943bc65', name: "info" }))), h("slot", { key: '4008625139f25d17a03fbd5157b2eda59e5b8227' }))));
     }
     static get is() { return "z-myz-card-dictionary"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js CHANGED Viewed

@@ -59,7 +59,7 @@ export class ZMyzCardFooter {
         return this.host.querySelector("[slot=list] > li a");
     }
     render() {
-        return (h("div", { key: 'd25703feb65157ccfd4fb42c79a73a1f727d84ab', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '589c894f50804b126ccf3e187ca9dc7a0bff8c7d', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: 'd8ee7a9624b45cd582ef83f17d87bccbc9e7ca3c', class: "toggle" }, h("slot", { key: '9bd203e35e8843c35b9cf62d140fa06101babf04', name: "toggle" })), this.titolo && h("p", { class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '6cd83f729f597b1d7d0459487c7f7d750f313fd5', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '734463c250896fa385a64f661d9fe274adc012af' }, h("p", { key: '02a46fe8a54a1a7c03779c61be3443eac21b0bf5', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '354b92a3744e1fc714d38de05c2edce826ab590e', title: this.getTitleAuthors() }, h("span", { key: '43335f22836f4ca789a92cd787416af4dc5b877f', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '5575991c3019e2446bc8940de8ba98feef8c6867', class: "year-isbn" }, h("span", { key: 'f831de5b649d3f4d05118d21014c40615bc3e8b3', class: "isbn" }, h("span", { key: '947cb10c2d7f65b24e946d47d3a203af61fc1227' }, h("span", { key: '5afac8722d1d9371f94de64d826daf0e9332b8cb', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '91a09f5fb5c6446df88d4f364a5faf2093c8670e', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: 'b25f5a65d17b3f403ecf3d9534a7fdfbbbfe9c22', name: "list" })))), this.customContent && h("slot", { name: "content" })));
+        return (h("div", { key: 'eff686d5d74e259c149f24159ad11b8fa35678c5', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '3d98d7d2b93a381fe5a30ffc759dbd5d9400e651', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '5b3972c0da599babfe34be1e6272f32c9ac0caa8', class: "toggle" }, h("slot", { key: 'eac0e7c9dce28af1aa5b1105def1f9f07dfeef9a', name: "toggle" })), this.titolo && h("p", { class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'a93cb0b556c110b95f89a5ebac3fbfe0dab3ac74', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: 'c8aab3d52f2938cf75df111719f8e4bf1fdbeaf5' }, h("p", { key: 'd1658fc5bd5426afa3014d32f63b3f341f23745e', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '5e34c29544c596fbbcf3e63e7c6bc83d87ff769d', title: this.getTitleAuthors() }, h("span", { key: 'c2bafd8e92c1aea55c9fca61a5ce413ef798e8aa', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '974b294cb52e721c89cd3cdd109912c37a4678c6', class: "year-isbn" }, h("span", { key: 'b3519bbf042c6dc6f03b30c8a58a93bcdfe2579f', class: "isbn" }, h("span", { key: '212a231d499a2c2c9d11a91ffbf7c18c00963397' }, h("span", { key: 'd85d6ab5d999105f36cf2f90fffe42d352a75b67', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'bf8ae2a2c8544702c7643c5e39450d2960a4c10e', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '9774d27b4959431244b573ba9f7c08e112799427', name: "list" })))), this.customContent && h("slot", { name: "content" })));
     }
     static get is() { return "z-myz-card-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class ZMyzCardFooterSections {
     render() {
-        return (h("div", { key: '4ba6b97d65b6e6356411680b1b0d954c3b2ef2a6' }, h("footer", { key: '9b29ba240c9420c8aa6c3757f99e60e0806e403e' }, h("div", { key: '13d5c349f14a9de7b172ec1c4e45784eae1ab845', class: "top" }, h("slot", { key: '74af633d2e01f97b9487e10baaa44e2b6aebdaed', name: "top" })), h("div", { key: 'c2adb665b29ce04cea0f6d8d4f6dc76a7c801582', class: "bottom" }, h("slot", { key: 'fb5967cd696d33d1dc46aa75d3f65526254f8330', name: "bottom" })))));
+        return (h("div", { key: 'cd0ca2ae69e18cb2d8858619fa7271bab9ec0572' }, h("footer", { key: 'c223fb26d9e4a508727d31ed098260137c29c810' }, h("div", { key: '78f08bb02791f86423ec79d7d51f75fca04c48b3', class: "top" }, h("slot", { key: 'f0868ee663b0e051d2b1f9fdc3b46b2e3bf0764b', name: "top" })), h("div", { key: 'b94b1018a936912658f5cdc803d813740afbefd2', class: "bottom" }, h("slot", { key: 'c46cadb51728ab6fb3337794814abc4c2bf18434', name: "bottom" })))));
     }
     static get is() { return "z-myz-card-footer-sections"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js CHANGED Viewed

@@ -30,7 +30,7 @@ export class ZMyzCardHeader {
         };
     }
     render() {
-        return (h("header", { key: 'b78bcd035a80f910780071965ac3226cfe13d307', class: this.retrieveClass() }, h("slot", { key: '012280b6c5689ce3266f63460002bc8aba202493', name: "aria-heading" }), h("span", { key: 'ee783cc471606e97a88809eddf6d0436e07d15e7', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '0a628219decd82055dc7e7b6c0b6fc30570e268e', name: "icon" })));
+        return (h("header", { key: 'f3fb4075b1c20b22f5f50a6a78c682bfb1def0ca', class: this.retrieveClass() }, h("slot", { key: 'cd9061e842911bb341a0aa2ac5bb8b07175d1b73', name: "aria-heading" }), h("span", { key: '1396012e6796b69e4f747d57807614838401e066', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: 'df08bc2b36d8294c64144306abb50d5bb8bdcdb0', name: "icon" })));
     }
     static get is() { return "z-myz-card-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class ZMyzCardIcon {
         this.ariaLabel = "";
     }
     render() {
-        return (h("button", { key: 'baa3a80095798ad5aeffd5ed7c82f734972fffcd', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '6087bd7415624e7e299d2d56a1974259503f1025' }, h("z-icon", { key: '1ec75e4468b4ae898df057c2e0739d28d8b50fab', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: '972147f83660d272042a24650300708bee702c03', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '0fc735337402b0c798d26706da88a35bb8fd77dc' }, h("z-icon", { key: 'f052b1dcfc412d0aca7b3b60666e75b269aa3139', name: this.icon, width: 16, height: 16 }))));
     }
     static get is() { return "z-myz-card-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js CHANGED Viewed

@@ -114,7 +114,7 @@ export class ZMyzCardInfo {
         return (h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, h("span", { class: "license-heading" }, h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", h("b", null, this.cardData.offlineLicense.expiration), h("br", null), "Installazioni disponibili: ", h("b", null, this.cardData.offlineLicense.installations)));
     }
     render() {
-        return (h("div", { key: '03264429f281a91e3450b1d8aacda2a9268fad01' }, this.renderCloseIcon(), h("div", { key: '9e0ee2f4a5e0866b4aac9daa3636e8bfe7712a3e', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '6f1ee0a26f667e4a1fb47501225fdb00e322dfaa', class: "cta-wrapper" }, h("slot", { key: '669006e3062811debbd965dc7e85e09ad7107713' }))));
+        return (h("div", { key: '6818de4d54bf54dae4077e338e3022d116f3a81d' }, this.renderCloseIcon(), h("div", { key: '97fdb22878992d691245e1aed0c07731a2829001', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '736dbe3cc5c52fbe9a9f856e6e594da1a8870f4f', class: "cta-wrapper" }, h("slot", { key: '643bd15773c866215b70104c81257c4ba53f5307' }))));
     }
     static get is() { return "z-myz-card-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js CHANGED Viewed

@@ -23,7 +23,7 @@ export class ZMyzCardList {
         });
     }
     render() {
-        return h("ul", { key: 'eabe41902a685c9b541606cd45920f379b6d1362' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: '8375d62edd6ef039ccf8211c2c1b72ec84a87b3f' }, this.renderList(JSON.parse(this.listdata)));
     }
     static get is() { return "z-myz-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/list/z-myz-list/index.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class ZMyzList {
     }
     render() {
         const lastElem = this.list ? this.list.length - 1 : -1;
-        return (h("ul", { key: '943b3633a4b233466186116698cb65f49ecde7ce' }, this.list &&
+        return (h("ul", { key: 'b581a0e630c75f05449a6dbf4eb45234085c0432' }, this.list &&
             this.list.map((bean, i) => (h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
     }
     static get is() { return "z-myz-list"; }

package/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css CHANGED Viewed

@@ -9,8 +9,8 @@
 :host li > span {
   display: flex;
   padding: calc(var(--space-unit) * 2) 0;
-  color: var(--color-text01);
-  fill: var(--color-icon02);
+  color: var(--color-default-text);
+  fill: var(--color-default-icon);
   font-family: var(--font-family-sans);
   font-size: 16px;
   font-weight: var(--font-rg);

package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/index.js CHANGED Viewed

@@ -34,7 +34,7 @@ export class ZMessagesPocket {
         return (h("z-pocket-body", { pocketid: this.pocketid }, h("div", { class: "body" }, h("slot", null)), h("div", { class: "gradient" })));
     }
     render() {
-        return (h("z-pocket", { key: 'b1a475a7acb4aaf3cd2324f8f6574c3df9e886f3', pocketid: this.pocketid, status: this.status, class: this.status }, this.renderHeader(), this.renderBody()));
+        return (h("z-pocket", { key: 'e68496d2dd8bdcf5a008d06a6b4b57f971a8134d', pocketid: this.pocketid, status: this.status, class: this.status }, this.renderHeader(), this.renderBody()));
     }
     static get is() { return "z-messages-pocket"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/pocket/z-pocket/index.js CHANGED Viewed

@@ -54,7 +54,7 @@ export class ZPocket {
         }
     }
     render() {
-        return (h("div", { key: 'e900c7a30cc100691a08e99eef3e75ab09228ac6' }, h("div", { key: '789f4dd2b162f4693b4d6d4d0636d6614a69e2a3', "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { key: 'f53572738d1fc377efafa3f4c9b2b012eb8dcd87', id: this.pocketid, class: "content-wrapper" }, h("div", { key: '8bc1cdbc0c8cd10bb978dd4e04da88da183a2a0c' }, h("slot", { key: '6ac22e14a792914aca4dca5a7da5bd3999a6dd17' })))));
+        return (h("div", { key: '1f4362d03177bb2bfd444088334a59f62421d571' }, h("div", { key: '188212c09305eecc4dc7ddf2d7f386bf8c69fed4', "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { key: 'e7e7ca655263acaaf32e5b957b2be6ff2464a468', id: this.pocketid, class: "content-wrapper" }, h("div", { key: '60b7f7651dae196192aa2b2ffee763558bed7845' }, h("slot", { key: '09a2f3491ca662949f6ab78f0bab977d3269cc87' })))));
     }
     static get is() { return "z-pocket"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/pocket/z-pocket-body/index.js CHANGED Viewed

@@ -14,7 +14,7 @@ export class ZPocketBody {
         }
     }
     render() {
-        return (h("main", { key: 'c93989e78b34be843571bb21bbd26f324ae86456', class: this.status }, h("slot", { key: 'f4755713e7084a59b91d35456502d0456a2aa339' })));
+        return (h("main", { key: '9440ba5927ca7fd3ef12656dacc0bb9ea8312b51', class: this.status }, h("slot", { key: '66d68d48f04ae4496d2f73a466f0f5878bdfdde8' })));
     }
     static get is() { return "z-pocket-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/pocket/z-pocket-header/index.js CHANGED Viewed

@@ -23,7 +23,7 @@ export class ZPocketHeader {
         mc.on("pandown", () => this.emitPocketHeaderPan("down"));
     }
     render() {
-        return (h("header", { key: '03faf1e1005718b682ebae5e663d880e6b3763a2', role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: (el) => (this.swipeWrap = el) }, h("slot", { key: '329c89a202e0a5f351c080ed513ce90e873caa75' })));
+        return (h("header", { key: '3dc18f87c3e61e8647eb44a23a26d9298c894fb6', role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: (el) => (this.swipeWrap = el) }, h("slot", { key: 'a7f560d9e9de0bd40384e56747f316dc9b9ec629' })));
     }
     static get is() { return "z-pocket-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/pocket/z-pocket-message/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class ZPocketMessage {
     render() {
-        return (h("div", { key: 'db10fcdf23fbd0da7833e01f8d72a6302f6cadba' }, h("z-icon", { key: '7c241ba1a147f71db15162c5ee6d84738536430e', name: "exclamation-circle" }), h("div", { key: '7ec8936f539f19047c644be7b9ec1dd985d3d42e', class: "content" }, h("slot", { key: 'a6cd9ab932dcac28058640df1a08da9f174e1a2b' })), h("div", { key: '376e912ec9d49a7148b620b54ce26d9e8a278f1f', class: "cta-wrapper" }, h("slot", { key: '3ccbb7a2cd41d211ab76734fb73e7b23aa100d9b', name: "cta" }))));
+        return (h("div", { key: 'fc7dd1f124a7891d06714e8e246fb9b7b9e51036' }, h("z-icon", { key: 'c1889b328efb70835d3049cd96c7893baf6fa0c9', name: "exclamation-circle" }), h("div", { key: '2d7adc5063f6207ef8ff0ca148fd8b77c1d9096d', class: "content" }, h("slot", { key: 'b16cc5a7086302b73baa229ef37f3df14bae4676' })), h("div", { key: '91e56d2ae0cf57cc0c6d2898fb05b3fc83b87f99', class: "cta-wrapper" }, h("slot", { key: 'c9e114961d136434110f37614ac725a59a54c8e3', name: "cta" }))));
     }
     static get is() { return "z-pocket-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/z-alert/index.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class ZAlert {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: '824f9b9f4ee2d4212ad28a561b03c2bb8e2dbb0c', class: this.type }, h("slot", { key: '276f05d0bbb4a1f0e6ef9391d66a07ed875890b9' })));
+        return (h("div", { key: '2b223d1c78e88b49096c0e6e82cafce199d76c31', class: this.type }, h("slot", { key: '118a1a890199cd805ee2e2c3d2a440fd3e7568ee' })));
     }
     static get is() { return "z-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/z-otp/index.js CHANGED Viewed

@@ -14,7 +14,7 @@ export class ZOtp {
         this.otpRef = [...Array(this.inputNum)];
     }
     render() {
-        return (h("div", { key: 'a7f919ee8d83098adb6303d6af70a701684d9752', class: "otp-container" }, h("div", { key: '07143c3078db7cd5dd9f5bf48c977d87df9457e9', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: '995d76c97533e24975e62c98ecd08b4558a45687', class: "otp-container" }, h("div", { key: '97f2ddc116b3c6b41f197037b0612cb39706bed8', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
                 if (e.keyCode > 47) {
                     this.otpRef[i].value = "";
                 }
@@ -25,7 +25,7 @@ export class ZOtp {
             }, onInput: (e) => {
                 this.otp[i] = e.target.value;
                 this.emitInputChange(this.otp.join(""));
-            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: '19663f9110cfe610c76ca900938192fb4f7fb96c', message: this.message, status: this.status })));
+            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: 'ce5613a45e4a578a16b63580207359b02b78cba1', message: this.message, status: this.status })));
     }
     static get is() { return "z-otp"; }
     static get encapsulation() { return "shadow"; }