@zanichelli/albe-web-components 12.1.3-rc.0 → 12.1.3

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

@@ -1 +0,0 @@
-{"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"]}

package/dist/collection/components/z-breadcrumb/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-breadcrumb/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Prop, h, State, Host, Listen, Element, Event, Watch, EventEmitter} from \"@stencil/core\";\nimport {\n  BreadcrumbHomepageVariant,\n  BreadcrumbPath,\n  BreadcrumbPathStyle,\n  Device,\n  KeyboardCode,\n  ListSize,\n  PopoverPosition,\n} from \"../../beans\";\nimport {getDevice, handleKeyboardSubmit} from \"../../utils/utils\";\n\n@Component({\n  tag: \"z-breadcrumb\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZBreadcrumb {\n  /* Accessibility references */\n  /* Overflow-menu: https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/ */\n  /* Breadcrumb: https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/ */\n  /* Focus on multiline link: https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html */\n\n  @Element() hostElement: HTMLZBreadcrumbElement;\n\n  /** [optional] Sets the path style */\n  @Prop({reflect: true})\n  pathStyle?: BreadcrumbPathStyle = BreadcrumbPathStyle.UNDERLINED;\n\n  /** [optional] Variant of first node */\n  @Prop()\n  homepageVariant?: BreadcrumbHomepageVariant = BreadcrumbHomepageVariant.ICON;\n\n  /** [optional] Sets max number of element to show */\n  @Prop()\n  maxNodesToShow? = 5;\n\n  /** [optional] Controls the behaviour on <a> tag click/enter */\n  @Prop()\n  preventFollowUrl? = false;\n\n  /** [optional] Sets max number of row for each path inside the popover. Zero equals unlimited */\n  @Prop()\n  overflowMenuItemRows? = 0;\n\n  /** [optional] Sets the maximun number of chars per single node */\n  @Prop()\n  truncateChar? = 30;\n\n  /** Handle mobile */\n  @State()\n  viewPortWidth: Device;\n\n  /** Detect whether the length of the nodes shown exceeds the container length */\n  @State()\n  hasOverflow = false;\n\n  @State()\n  popoverEllipsisOpen = false;\n\n  /** Emitted when preventFollowUrl=true to handle custom page transition */\n  @Event()\n  clickOnNode: EventEmitter<BreadcrumbPath[\"path\"]>;\n\n  @Listen(\"resize\", {target: \"window\"})\n  handleResize(): void {\n    this.viewPortWidth = getDevice();\n    if (\n      this.viewPortWidth !== Device.MOBILE &&\n      this.wrapElement &&\n      this.wrapElement.scrollWidth > this.wrapElement.clientWidth\n    ) {\n      this.hasOverflow = true;\n    }\n  }\n  // eslint-disable-next-line lines-between-class-members\n  @Watch(\"maxNodesToShow\")\n  handlePropChange(): void {\n    this.initializeBreadcrumb(this.viewPortWidth === Device.MOBILE);\n  }\n\n  @Watch(\"viewPortWidth\")\n  handleResizeUp(newValue: Device, oldValue: Device): void {\n    if (\n      newValue === Device.MOBILE ||\n      (oldValue === Device.MOBILE && newValue === Device.TABLET) ||\n      (oldValue === Device.MOBILE && newValue === Device.DESKTOP) ||\n      (oldValue === Device.MOBILE && newValue === Device.DESKTOP_WIDE) ||\n      (oldValue === Device.TABLET && newValue === Device.DESKTOP) ||\n      (oldValue === Device.TABLET && newValue === Device.DESKTOP_WIDE) ||\n      (oldValue === Device.DESKTOP && newValue === Device.DESKTOP_WIDE)\n    ) {\n      this.initializeBreadcrumb(this.viewPortWidth === Device.MOBILE);\n    }\n  }\n\n  private pathsList: BreadcrumbPath[];\n\n  private pathListCopy: BreadcrumbPath[];\n\n  private collapsedElements: BreadcrumbPath[] = [];\n\n  private collapsedElementsRef: HTMLZPopoverElement;\n\n  private triggerButton: HTMLButtonElement;\n\n  private triggerEllipsis: HTMLAnchorElement;\n\n  private wrapElement: HTMLElement;\n\n  private currentIndex = 0;\n\n  private homepageNode: BreadcrumbPath;\n\n  private totalLenght: number;\n\n  private anchorElements;\n\n  private currentEllipsisText: string;\n\n  private truncatePosition = null;\n\n  componentWillLoad(): void {\n    this.viewPortWidth = getDevice();\n    this.initializeBreadcrumb(this.viewPortWidth === Device.MOBILE);\n  }\n\n  componentWillRender(): void {\n    if (this.viewPortWidth !== Device.MOBILE && this.hasOverflow) {\n      this.checkEllipsisOrOverflowMenu();\n      this.hasOverflow = false;\n    }\n  }\n\n  componentDidRender(): void {\n    if (this.collapsedElementsRef) {\n      this.anchorElements = Array.from(this.hostElement.shadowRoot.querySelectorAll(\"z-list-group a\"));\n    }\n\n    if (this.viewPortWidth !== Device.MOBILE && this.wrapElement.scrollWidth > this.wrapElement.clientWidth) {\n      this.hasOverflow = true;\n    }\n  }\n\n  private initializeBreadcrumb(isMobile: boolean): void {\n    if (isMobile) {\n      this.pathsList = this.getPathsItemsList().filter((item) => !!item.path);\n    } else {\n      this.pathsList = this.getPathsItemsList();\n    }\n    this.totalLenght = this.pathsList.length;\n    this.homepageNode = this.pathsList.shift();\n    this.pathListCopy = JSON.parse(JSON.stringify(this.pathsList));\n    this.collapsedElements = [];\n    if (this.totalLenght > this.maxNodesToShow) {\n      this.collapsedElements = this.pathsList.splice(0, this.pathsList.length - 2);\n    }\n  }\n\n  private checkEllipsisOrOverflowMenu(): void {\n    if (this.pathListCopy.length > 0) {\n      for (let i = 0; i < this.pathsList.length; i++) {\n        if (this.pathsList[i].text.length > this.truncateChar) {\n          if (this.truncatePosition !== null) {\n            if (this.truncatePosition > 0) {\n              const arrayToPush = this.pathListCopy.splice(0, this.truncatePosition);\n              arrayToPush.forEach((item) => {\n                this.collapsedElements.push(item);\n              });\n              this.pathsList.splice(0, this.truncatePosition);\n              this.truncatePosition = 0;\n\n              return;\n            }\n            if (this.truncatePosition === 0) {\n              const arrayToPush = this.pathListCopy.splice(0, this.truncatePosition + 1);\n              this.collapsedElements.push(...arrayToPush);\n              this.pathsList.splice(0, this.truncatePosition + 1);\n              this.truncatePosition = null;\n\n              return;\n            }\n          }\n          if (i !== this.pathsList.length - 1) {\n            const truncatedString = this.truncateWithEllipsis(this.pathsList[i].text, this.truncateChar);\n            this.currentEllipsisText = this.pathsList[i].text;\n            this.pathsList[i].text = truncatedString;\n            this.pathsList[i].hasTooltip = true;\n            this.truncatePosition = i;\n\n            return;\n          }\n        }\n      }\n    }\n  }\n\n  private truncateWithEllipsis(str: string, length: number): string {\n    const ending = \"&mldr;\";\n\n    if (str.length > length) {\n      return str.substring(0, length - 1) + ending;\n    }\n\n    return str;\n  }\n\n  private getPathsItemsList(): BreadcrumbPath[] {\n    return Array.from(this.hostElement.children).map((item: HTMLAnchorElement) => {\n      return {\n        text: item.textContent,\n        path: item.href,\n        hasTooltip: false,\n      };\n    });\n  }\n\n  private renderMobileBreadcrumb(): HTMLDivElement {\n    const lastPath = this.pathsList[this.pathsList.length - 1];\n\n    return (\n      <nav\n        aria-label=\"Breadcrumb\"\n        class={{\n          underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,\n          semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,\n        }}\n      >\n        <ol>{this.renderNode(lastPath, true)}</ol>\n      </nav>\n    );\n  }\n\n  private renderHomepageNode(item): HTMLLIElement {\n    return (\n      <li>\n        <a\n          class={{\n            \"homepage-icon\": this.homepageVariant === BreadcrumbHomepageVariant.ICON,\n            \"homepage-text\": this.homepageVariant === BreadcrumbHomepageVariant.TEXT,\n          }}\n          href={item.path}\n          onClick={(e) => this.handlePreventFollowUrl(e, item)}\n        >\n          {this.homepageVariant === BreadcrumbHomepageVariant.ICON ? (\n            <z-icon\n              name=\"home\"\n              fill=\"color-link-primary\"\n              height={16}\n              width={16}\n            />\n          ) : (\n            \"Home\"\n          )}\n        </a>\n      </li>\n    );\n  }\n\n  private renderNode(item, mobile): HTMLLIElement {\n    return (\n      <li>\n        {item.hasTooltip && (\n          <z-popover\n            class=\"full-path-tooltip\"\n            bind-to={this.triggerEllipsis}\n            open={this.popoverEllipsisOpen}\n            position={PopoverPosition.BOTTOM_RIGHT}\n            closable={false}\n            showArrow\n          >\n            <span class=\"tooltip-content\">{this.currentEllipsisText}</span>\n          </z-popover>\n        )}\n        <a\n          class={{\n            \"missing-path\": !item.path,\n            \"text-ellipsis\": mobile,\n          }}\n          ref={(val) => (this.triggerEllipsis = val)}\n          aria-current={item.path ? undefined : \"page\"}\n          href={item.path}\n          onClick={(e) => this.handlePreventFollowUrl(e, item)}\n          onMouseOver={() => {\n            if (item.hasTooltip) {\n              this.popoverEllipsisOpen = true;\n            }\n          }}\n          onMouseLeave={() => {\n            if (item.hasTooltip) {\n              this.popoverEllipsisOpen = false;\n            }\n          }}\n          innerHTML={mobile ? `<z-icon fill=\"color-link-primary\" name=\"chevron-left\"></z-icon>${item.text}` : item.text}\n        />\n      </li>\n    );\n  }\n\n  private renderBreadcrumb(): HTMLElement {\n    return (\n      <nav\n        ref={(val) => (this.wrapElement = val)}\n        aria-label=\"Breadcrumb\"\n        class={{\n          underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,\n          semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,\n        }}\n      >\n        <ol>\n          {this.renderHomepageNode(this.homepageNode)}\n          {this.collapsedElements.length ? this.renderOverflowMenu() : \"\"}\n          {this.pathsList.map((item) => this.renderNode(item, false))}\n        </ol>\n      </nav>\n    );\n  }\n\n  private togglePopover(): void {\n    if (!this.collapsedElementsRef.open) {\n      this.collapsedElementsRef.open = true;\n    }\n  }\n\n  private handlePreventFollowUrl(e: MouseEvent, item): void {\n    if (this.preventFollowUrl) {\n      e.preventDefault();\n      this.clickOnNode.emit(item.path);\n    }\n  }\n\n  private handleOverflowMenuAccessibility(e: KeyboardEvent): void {\n    const anchorElementsLenght = this.anchorElements.length;\n    if (e.key === KeyboardCode.TAB) {\n      e.preventDefault();\n\n      return;\n    }\n    e.stopPropagation();\n    const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n    if (arrows.includes(e.key as KeyboardCode)) {\n      e.preventDefault();\n\n      if (e.key === KeyboardCode.ARROW_DOWN) {\n        this.currentIndex = anchorElementsLenght === this.currentIndex + 1 ? 0 : this.currentIndex + 1;\n      }\n      if (e.key === KeyboardCode.ARROW_UP) {\n        this.currentIndex = this.currentIndex <= 0 ? anchorElementsLenght - 1 : this.currentIndex - 1;\n      }\n\n      this.anchorElements[this.currentIndex].focus();\n    }\n\n    if (e.key === KeyboardCode.ESC) {\n      this.triggerButton.focus();\n    }\n  }\n\n  private renderOverflowMenu(): HTMLLIElement {\n    if (this.collapsedElements.length) {\n      return (\n        <li>\n          <z-popover\n            class=\"hidden-paths-popover\"\n            ref={(val) => (this.collapsedElementsRef = val as HTMLZPopoverElement)}\n            bind-to={this.triggerButton}\n            position={PopoverPosition.BOTTOM_RIGHT}\n            closable={true}\n            showArrow\n          >\n            <div class=\"popover-content\">\n              <z-list>\n                <z-list-group size={ListSize.SMALL}>\n                  {this.collapsedElements.map((item, index, array) => {\n                    return (\n                      <div>\n                        <z-list-element clickable>\n                          <a\n                            class=\"text-ellipsis\"\n                            href={item.path}\n                            onClick={(e) => this.handlePreventFollowUrl(e, item)}\n                            onKeyDown={(e) => this.handleOverflowMenuAccessibility(e)}\n                          >\n                            {item.text}\n                          </a>\n                        </z-list-element>\n                        {index < array.length - 1 && <z-divider color=\"color-surface03\"></z-divider>}\n                      </div>\n                    );\n                  })}\n                </z-list-group>\n              </z-list>\n            </div>\n          </z-popover>\n          <button\n            aria-label=\"Mostra più breadcrumb\"\n            aria-haspopup=\"true\"\n            ref={(el) => (this.triggerButton = el as HTMLButtonElement)}\n            class=\"dots\"\n            onClick={() => {\n              this.togglePopover();\n            }}\n            onKeyDown={(e) => {\n              handleKeyboardSubmit(e, this.togglePopover.bind(this));\n              setTimeout(() => {\n                this.anchorElements[0].focus();\n              }, 100);\n            }}\n          >\n            ...\n          </button>\n        </li>\n      );\n    }\n  }\n\n  render(): HTMLZBreadcrumbElement {\n    return (\n      <Host style={{\"--line-clamp-popover\": `${this.overflowMenuItemRows}`}}>\n        {this.viewPortWidth === Device.MOBILE ? this.renderMobileBreadcrumb() : this.renderBreadcrumb()}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,38 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZBreadcrumb } from "./index";
-describe("Suite test ZBreadcrumb", () => {
-    it("Test render ZBreadcrumb with passed children", async () => {
-        const page = await newSpecPage({
-            components: [ZBreadcrumb],
-            html: `<z-breadcrumb>
-        <a href="./link1">Link 1</a>
-        <a href="./link2">Link 2</a>
-      </z-breadcrumb>`,
-        });
-        expect(page.root).toEqualHtml(`<z-breadcrumb path-style="underlined" style="--line-clamp-popover: 0;">
-      <mock:shadow-root>
-        <nav aria-label="Breadcrumb" class="underlined">
-          <ol>
-            <li>
-              <a class="homepage-icon" href="http://testing.stenciljs.com/link1">
-                <z-icon fill="color-link-primary" height="16" name="home" width="16"></z-icon>
-              </a>
-            </li>
-            <li>
-              <a href="http://testing.stenciljs.com/link2">
-                Link 2
-              </a>
-            </li>
-          </ol>
-        </nav>
-      </mock:shadow-root>
-      <a href="./link1">
-        Link 1
-      </a>
-      <a href="./link2">
-        Link 2
-      </a>
-    </z-breadcrumb>`);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../src/components/z-breadcrumb/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEpC,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE;;;sBAGU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;oBAuBd,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZBreadcrumb} from \"./index\";\n\ndescribe(\"Suite test ZBreadcrumb\", () => {\n  it(\"Test render ZBreadcrumb with passed children\", async () => {\n    const page = await newSpecPage({\n      components: [ZBreadcrumb],\n      html: `<z-breadcrumb>\n        <a href=\"./link1\">Link 1</a>\n        <a href=\"./link2\">Link 2</a>\n      </z-breadcrumb>`,\n    });\n\n    expect(page.root).toEqualHtml(`<z-breadcrumb path-style=\"underlined\" style=\"--line-clamp-popover: 0;\">\n      <mock:shadow-root>\n        <nav aria-label=\"Breadcrumb\" class=\"underlined\">\n          <ol>\n            <li>\n              <a class=\"homepage-icon\" href=\"http://testing.stenciljs.com/link1\">\n                <z-icon fill=\"color-link-primary\" height=\"16\" name=\"home\" width=\"16\"></z-icon>\n              </a>\n            </li>\n            <li>\n              <a href=\"http://testing.stenciljs.com/link2\">\n                Link 2\n              </a>\n            </li>\n          </ol>\n        </nav>\n      </mock:shadow-root>\n      <a href=\"./link1\">\n        Link 1\n      </a>\n      <a href=\"./link2\">\n        Link 2\n      </a>\n    </z-breadcrumb>`);\n  });\n});\n"]}

package/dist/collection/components/z-card/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvE,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AAExC;;;;;;;;;GASG;AAMH,MAAM,OAAO,KAAK;;;;0BAeH,KAAK;yBAIN,KAAK;;;IAOjB,iBAAiB;QACf,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1E,CAAC;IAED;;;OAGG;IACK,oBAAoB;QAC1B,OAAO;YACL,WAAK,KAAK,EAAC,iBAAiB;gBAC1B,WAAK,KAAK,EAAC,aAAa;oBACtB,WAAK,KAAK,EAAC,eAAe;wBACxB,YAAM,IAAI,EAAC,UAAU,GAAQ;wBAC7B,YAAM,IAAI,EAAC,OAAO,GAAQ,CACtB,CACF,CACF;YACN,WAAK,KAAK,EAAC,SAAS;gBAClB,YAAM,IAAI,EAAC,MAAM,GAAQ;gBACzB,WAAK,KAAK,EAAC,SAAS;oBAClB,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACF;SACP,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,gBAAgB;QACtB,OAAO,CACL,WAAK,KAAK,EAAC,SAAS;YAClB,YAAM,IAAI,EAAC,UAAU,GAAQ;YAC7B,YAAM,IAAI,EAAC,OAAO,GAAQ;YAC1B,YAAM,IAAI,EAAC,MAAM,GAAQ;YACzB,WAAK,KAAK,EAAC,SAAS;gBAClB,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACF,CACP,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,IAAI,EAAE,CAAC;YACtC,OAAO,EAAC,IAAI,QAAE,IAAI,CAAC,gBAAgB,EAAE,CAAQ,CAAC;QAChD,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAC/D,OAAO,CACL,EAAC,IAAI;gBACH,WAAK,KAAK,EAAC,iBAAiB;oBACzB,IAAI,CAAC,aAAa,IAAI;wBACrB,YAAM,IAAI,EAAC,OAAO,GAAQ;wBAC1B,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,IAAI,cAAQ,IAAI,EAAE,IAAI,CAAC,SAAS,GAAW;qBAClG;oBACA,CAAC,IAAI,CAAC,aAAa,IAAI,WAAK,KAAK,EAAC,aAAa,GAAO,CACnD;gBACL,IAAI,CAAC,gBAAgB,EAAE,CACnB,CACR,CAAC;QACJ,CAAC;QAED,OAAO,EAAC,IAAI,QAAE,IAAI,CAAC,oBAAoB,EAAE,CAAQ,CAAC;IACpD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Element, State, Host} from \"@stencil/core\";\nimport {CardVariant} from \"../../beans\";\n\n/**\n * ZCard component.\n * @cssprop --aspect-ratio - Cover aspect ratio. Default: `1.62`\n * @cssprop --z-card--border-color - Default: `var(--gray200)`\n * @cssprop --z-card--color-cover-background - Cover color. Default: `var(--color-surface01)`\n * @cssprop --z-card--text-background - Background color for the `text` variant. Default: `var(--color-surface01)`\n * @cssprop --z-card--text-border-radius - Default: `none`\n * @cssprop --z-card--text-border - Configure CSS `border`. Default: `none`\n * @cssprop --z-card--text-padding - Configure CSS `padding`. Default: `none`\n */\n@Component({\n  tag: \"z-card\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZCard {\n  /**\n   * Card variant.\n   * Can be one of \"text\", \"border\", \"shadow\", \"overlay\".\n   * Leave it undefined for the default card.\n   */\n  @Prop({reflect: true})\n  variant: CardVariant;\n\n  /** Name of the icon to place over the image cover */\n  @Prop()\n  coverIcon: string;\n\n  /** Enable shadow. Default: false. */\n  @Prop({reflect: true})\n  showShadow = false;\n\n  /** Enable 'clickable' style like hover and focus style. */\n  @Prop({reflect: true})\n  clickable = false;\n\n  @Element() host: HTMLZCardElement;\n\n  @State()\n  hasCoverImage: boolean;\n\n  componentWillLoad(): void {\n    this.hasCoverImage = this.host.querySelector('[slot=\"cover\"]') !== null;\n  }\n\n  /**\n   * Template for a card without image cover.\n   * A colored background replaces the image and some data is moved over it.\n   */\n  private renderColorCoverCard(): HTMLDivElement[] {\n    return [\n      <div class=\"cover-container\">\n        <div class=\"color-cover\">\n          <div class=\"cover-content\">\n            <slot name=\"metadata\"></slot>\n            <slot name=\"title\"></slot>\n          </div>\n        </div>\n      </div>,\n      <div class=\"content\">\n        <slot name=\"text\"></slot>\n        <div class=\"actions\">\n          <slot name=\"action\"></slot>\n        </div>\n      </div>,\n    ];\n  }\n\n  /**\n   * Template for the content div.\n   */\n  private renderContentDiv(): HTMLDivElement {\n    return (\n      <div class=\"content\">\n        <slot name=\"metadata\"></slot>\n        <slot name=\"title\"></slot>\n        <slot name=\"text\"></slot>\n        <div class=\"actions\">\n          <slot name=\"action\"></slot>\n        </div>\n      </div>\n    );\n  }\n\n  render(): HTMLZCardElement {\n    if (this.variant === CardVariant.TEXT) {\n      return <Host>{this.renderContentDiv()}</Host>;\n    }\n\n    if (this.variant === CardVariant.OVERLAY || this.hasCoverImage) {\n      return (\n        <Host>\n          <div class=\"cover-container\">\n            {this.hasCoverImage && [\n              <slot name=\"cover\"></slot>,\n              this.variant !== CardVariant.OVERLAY && this.coverIcon && <z-icon name={this.coverIcon}></z-icon>,\n            ]}\n            {!this.hasCoverImage && <div class=\"color-cover\"></div>}\n          </div>\n          {this.renderContentDiv()}\n        </Host>\n      );\n    }\n\n    return <Host>{this.renderColorCoverCard()}</Host>;\n  }\n}\n"]}

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

@@ -1,160 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZCard } from "./index";
-describe("Suite test ZCard", () => {
-    it("Test render ZCard with cover", async () => {
-        const page = await newSpecPage({
-            components: [ZCard],
-            html: `<z-card>
-        <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg" />
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <h3 slot="title">Card title</h3>
-        <p class="body-3" slot="text">Description</p>
-        <z-icon name="share" slot="action"></z-icon>
-        <z-icon name="delete" slot="action"></z-icon>
-      </z-card>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-card>
-        <mock:shadow-root>
-          <div class="cover-container">
-            <slot name="cover"></slot>
-          </div>
-          <div class="content">
-            <slot name="metadata"></slot>
-            <slot name="title"></slot>
-            <slot name="text"></slot>
-            <div class="actions">
-              <slot name="action"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg" />
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <h3 slot="title">Card title</h3>
-        <p class="body-3" slot="text">Description</p>
-        <z-icon name="share" slot="action"></z-icon>
-        <z-icon name="delete" slot="action"></z-icon>
-      </z-card>
-    `);
-    });
-    it("Test render ZCard with cover and icon", async () => {
-        const page = await newSpecPage({
-            components: [ZCard],
-            html: `<z-card cover-icon="play-filled">
-        <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg" />
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <h3 slot="title">Card title</h3>
-        <p class="body-3" slot="text">Description</p>
-        <z-icon name="share" slot="action"></z-icon>
-        <z-icon name="delete" slot="action"></z-icon>
-      </z-card>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-card cover-icon="play-filled">
-        <mock:shadow-root>
-          <div class="cover-container">
-            <slot name="cover"></slot>
-            <z-icon name="play-filled"></z-icon>
-          </div>
-          <div class="content">
-            <slot name="metadata"></slot>
-            <slot name="title"></slot>
-            <slot name="text"></slot>
-            <div class="actions">
-              <slot name="action"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg" />
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <h3 slot="title">Card title</h3>
-        <p class="body-3" slot="text">Description</p>
-        <z-icon name="share" slot="action"></z-icon>
-        <z-icon name="delete" slot="action"></z-icon>
-      </z-card>
-    `);
-    });
-    it("Test render ZCard with color cover", async () => {
-        const page = await newSpecPage({
-            components: [ZCard],
-            html: `<z-card>
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <h3 slot="title">Card title</h3>
-        <p class="body-3" slot="text">Description</p>
-      </z-card>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-card>
-        <mock:shadow-root>
-          <div class="cover-container">
-            <div class="color-cover">
-              <div class="cover-content">
-                <slot name="metadata"></slot>
-                <slot name="title"></slot>
-              </div>
-            </div>
-          </div>
-          <div class="content">
-            <slot name="text"></slot>
-            <div class="actions">
-              <slot name="action"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <h3 slot="title">Card title</h3>
-        <p class="body-3" slot="text">Description</p>
-      </z-card>
-    `);
-    });
-    it("Test ZCard text variant", async () => {
-        const page = await newSpecPage({
-            components: [ZCard],
-            html: `
-        <z-card clickable variant="text" showshadow style="border: 1px solid black;">
-          <h2 class="body-5" slot="metadata">metadata</h2>
-          <h3 slot="title">Card title</h3>
-          <p class="body-3" slot="text">Some description for the content of the card. </p>
-
-          <z-icon name="share" slot="action" fill="color-primary01"></z-icon>
-          <z-icon name="delete" slot="action" fill="color-primary01"></z-icon>
-        </z-card>
-      `,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-card clickable variant="text" showshadow style="border: 1px solid black;">
-        <mock:shadow-root>
-          <div class="content">
-            <slot name="metadata"></slot>
-            <slot name="title"></slot>
-            <slot name="text"></slot>
-            <div class="actions">
-              <slot name="action"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <h3 slot="title">Card title</h3>
-        <p class="body-3" slot="text">Some description for the content of the card. </p>
-        <z-icon name="share" slot="action" fill="color-primary01"></z-icon>
-        <z-icon name="delete" slot="action" fill="color-primary01"></z-icon>
-      </z-card>
-    `);
-    });
-    it("Test ZCard clickable click", async () => {
-        const page = await newSpecPage({
-            components: [ZCard],
-            html: `<z-card>
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <button id="btn" slot="title">Card title</button>
-        <p class="body-3" slot="text">Description</p>
-      </z-card>`,
-        });
-        const btn = page.body.querySelector("#btn");
-        const buttonClickedCallback = jest.fn();
-        page.doc.addEventListener("click", buttonClickedCallback);
-        btn.click();
-        expect(buttonClickedCallback).toHaveBeenCalled();
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../src/components/z-card/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE;;;;;;;gBAOI;SACX,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE;;;;;;;gBAOI;SACX,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;KAuB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE;;;;gBAII;SACX,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE;;;;;;;;;OASL;SACF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;KAkB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE;;;;gBAII;SACX,CAAC,CAAC;QAEH,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAsB,CAAC;QACjE,MAAM,qBAAqB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACxC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;QAC1D,GAAG,CAAC,KAAK,EAAE,CAAC;QAEZ,MAAM,CAAC,qBAAqB,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZCard} from \"./index\";\n\ndescribe(\"Suite test ZCard\", () => {\n  it(\"Test render ZCard with cover\", async () => {\n    const page = await newSpecPage({\n      components: [ZCard],\n      html: `<z-card>\n        <img slot=\"cover\" src=\"https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg\" />\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <h3 slot=\"title\">Card title</h3>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n        <z-icon name=\"share\" slot=\"action\"></z-icon>\n        <z-icon name=\"delete\" slot=\"action\"></z-icon>\n      </z-card>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-card>\n        <mock:shadow-root>\n          <div class=\"cover-container\">\n            <slot name=\"cover\"></slot>\n          </div>\n          <div class=\"content\">\n            <slot name=\"metadata\"></slot>\n            <slot name=\"title\"></slot>\n            <slot name=\"text\"></slot>\n            <div class=\"actions\">\n              <slot name=\"action\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <img slot=\"cover\" src=\"https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg\" />\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <h3 slot=\"title\">Card title</h3>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n        <z-icon name=\"share\" slot=\"action\"></z-icon>\n        <z-icon name=\"delete\" slot=\"action\"></z-icon>\n      </z-card>\n    `);\n  });\n\n  it(\"Test render ZCard with cover and icon\", async () => {\n    const page = await newSpecPage({\n      components: [ZCard],\n      html: `<z-card cover-icon=\"play-filled\">\n        <img slot=\"cover\" src=\"https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg\" />\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <h3 slot=\"title\">Card title</h3>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n        <z-icon name=\"share\" slot=\"action\"></z-icon>\n        <z-icon name=\"delete\" slot=\"action\"></z-icon>\n      </z-card>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-card cover-icon=\"play-filled\">\n        <mock:shadow-root>\n          <div class=\"cover-container\">\n            <slot name=\"cover\"></slot>\n            <z-icon name=\"play-filled\"></z-icon>\n          </div>\n          <div class=\"content\">\n            <slot name=\"metadata\"></slot>\n            <slot name=\"title\"></slot>\n            <slot name=\"text\"></slot>\n            <div class=\"actions\">\n              <slot name=\"action\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <img slot=\"cover\" src=\"https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg\" />\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <h3 slot=\"title\">Card title</h3>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n        <z-icon name=\"share\" slot=\"action\"></z-icon>\n        <z-icon name=\"delete\" slot=\"action\"></z-icon>\n      </z-card>\n    `);\n  });\n\n  it(\"Test render ZCard with color cover\", async () => {\n    const page = await newSpecPage({\n      components: [ZCard],\n      html: `<z-card>\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <h3 slot=\"title\">Card title</h3>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n      </z-card>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-card>\n        <mock:shadow-root>\n          <div class=\"cover-container\">\n            <div class=\"color-cover\">\n              <div class=\"cover-content\">\n                <slot name=\"metadata\"></slot>\n                <slot name=\"title\"></slot>\n              </div>\n            </div>\n          </div>\n          <div class=\"content\">\n            <slot name=\"text\"></slot>\n            <div class=\"actions\">\n              <slot name=\"action\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <h3 slot=\"title\">Card title</h3>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n      </z-card>\n    `);\n  });\n\n  it(\"Test ZCard text variant\", async () => {\n    const page = await newSpecPage({\n      components: [ZCard],\n      html: `\n        <z-card clickable variant=\"text\" showshadow style=\"border: 1px solid black;\">\n          <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n          <h3 slot=\"title\">Card title</h3>\n          <p class=\"body-3\" slot=\"text\">Some description for the content of the card. </p>\n\n          <z-icon name=\"share\" slot=\"action\" fill=\"color-primary01\"></z-icon>\n          <z-icon name=\"delete\" slot=\"action\" fill=\"color-primary01\"></z-icon>\n        </z-card>\n      `,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-card clickable variant=\"text\" showshadow style=\"border: 1px solid black;\">\n        <mock:shadow-root>\n          <div class=\"content\">\n            <slot name=\"metadata\"></slot>\n            <slot name=\"title\"></slot>\n            <slot name=\"text\"></slot>\n            <div class=\"actions\">\n              <slot name=\"action\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <h3 slot=\"title\">Card title</h3>\n        <p class=\"body-3\" slot=\"text\">Some description for the content of the card. </p>\n        <z-icon name=\"share\" slot=\"action\" fill=\"color-primary01\"></z-icon>\n        <z-icon name=\"delete\" slot=\"action\" fill=\"color-primary01\"></z-icon>\n      </z-card>\n    `);\n  });\n\n  it(\"Test ZCard clickable click\", async () => {\n    const page = await newSpecPage({\n      components: [ZCard],\n      html: `<z-card>\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <button id=\"btn\" slot=\"title\">Card title</button>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n      </z-card>`,\n    });\n\n    const btn = page.body.querySelector(\"#btn\") as HTMLButtonElement;\n    const buttonClickedCallback = jest.fn();\n    page.doc.addEventListener(\"click\", buttonClickedCallback);\n    btn.click();\n\n    expect(buttonClickedCallback).toHaveBeenCalled();\n  });\n});\n"]}

package/dist/collection/components/z-carousel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-carousel/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, h, Prop, Element, Watch, Event, EventEmitter, State, Host} from \"@stencil/core\";\nimport {CarouselArrowsPosition, CarouselProgressMode, ButtonVariant, ControlSize} from \"../../beans\";\n\n/**\n * ZCarousel component.\n * @cssprop --z-carousel-gutter - The gutter between items.\n * @slot - carousel items. use `<li>` elements inside this slot as it is wrapped inside an `<ul>`\n */\n@Component({\n  tag: \"z-carousel\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n})\nexport class ZCarousel {\n  @Element() hostElement: HTMLZCarouselElement;\n\n  /** The z-carousel is on loading state */\n  @Prop()\n  isLoading: boolean;\n\n  /** The z-carousel title, if given. */\n  @Prop()\n  label?: string;\n\n  /** Shows only one content at a time */\n  @Prop()\n  single = false;\n\n  /** Arrow buttons position */\n  @Prop()\n  arrowsPosition?: CarouselArrowsPosition;\n\n  /** Progress indicator. Only available for `single` mode */\n  @Prop()\n  progressMode?: CarouselProgressMode;\n\n  /** The height of z-carousel ghost loading, this prop is mandatory when isloading is set to true, as otherwise the component won't show. */\n  @Prop()\n  ghostLoadingHeight = 100;\n\n  /** Current item index for single mode. */\n  @State()\n  current = 0;\n\n  /** Items on the slider. */\n  @State()\n  items: HTMLLIElement[];\n\n  /** Index of the indicator to highlight. */\n  @State()\n  highlightedIndicator: number;\n\n  @State()\n  canNavigatePrev: boolean;\n\n  @State()\n  canNavigateNext: boolean;\n\n  /** Reference for the items container element. */\n  private itemsContainer: HTMLUListElement;\n\n  /** Observer that handles current index change when scrolling on single mode. */\n  private intersectionObserver: IntersectionObserver;\n\n  /** Flag indicating the items container is about to scroll programmatically towards the stored index. */\n  private scrollingTo: number = null;\n\n  /** Emitted on index change and only in `single` mode. */\n  @Event()\n  indexChange: EventEmitter;\n\n  @Watch(\"current\")\n  onIndexChange(): void {\n    this.indexChange.emit({currentItem: this.current});\n  }\n\n  @Watch(\"single\")\n  onSingleModeChange(): void {\n    if (this.single && !this.intersectionObserver) {\n      this.setIntersectionObserver();\n    }\n  }\n\n  /**\n   * Set an intersection observer to:\n   * - highlight the indicator of the intersecting item during scroll\n   * - set the current item to the last intersecting item\n   */\n  private setIntersectionObserver(): void {\n    this.intersectionObserver = new window.IntersectionObserver(\n      (entries) => {\n        const entry = entries.find((entry) => entry.isIntersecting);\n        if (!entry) {\n          return;\n        }\n\n        const entryIndex = this.items.findIndex((item) => item === entry.target);\n        this.highlightedIndicator = entryIndex;\n\n        /* skip setting the current item if intersection has been triggered by a programmatic scroll\n        (@see `goTo` function) and the final index has not been reached */\n        if (this.scrollingTo !== null && entryIndex !== this.scrollingTo) {\n          return;\n        }\n\n        this.scrollingTo = null;\n        this.current = entryIndex;\n      },\n      {\n        root: this.itemsContainer,\n        threshold: 0.5,\n      }\n    );\n\n    this.items.forEach((element) => this.intersectionObserver.observe(element));\n  }\n\n  private onPrev(): void {\n    if (this.single) {\n      this.goTo(Math.max(0, this.current - 1));\n\n      return;\n    }\n\n    const scroller = this.itemsContainer;\n    if (!scroller) {\n      return;\n    }\n\n    scroller.scrollBy({\n      left: -scroller.clientWidth / 2,\n      behavior: \"smooth\",\n    });\n  }\n\n  private onNext(): void {\n    if (this.single) {\n      this.goTo(Math.min(this.current + 1, this.items.length - 1));\n\n      return;\n    }\n\n    const scroller = this.itemsContainer;\n    if (!scroller) {\n      return;\n    }\n\n    scroller.scrollBy({\n      left: scroller.clientWidth / 2,\n      behavior: \"smooth\",\n    });\n  }\n\n  /**\n   * Check if navigation buttons can be enabled or not and set local states.\n   */\n  private checkNavigationValidity(): void {\n    if (this.single) {\n      this.canNavigatePrev = this.current > 1;\n      this.canNavigateNext = this.current < this.items.length - 1;\n    }\n\n    this.canNavigatePrev = this.itemsContainer.scrollLeft > 0;\n    this.canNavigateNext =\n      this.itemsContainer.scrollLeft < this.itemsContainer.scrollWidth - this.itemsContainer.clientWidth;\n  }\n\n  /**\n   * Check if footer can be rendered.\n   */\n  private canShowFooter(): boolean {\n    return (\n      this.arrowsPosition === CarouselArrowsPosition.BOTTOM ||\n      this.progressMode === CarouselProgressMode.DOTS ||\n      this.progressMode === CarouselProgressMode.NUMBERS\n    );\n  }\n\n  /**\n   * Set current item to passed index.\n   * @param {number} index Index to set\n   */\n  private goTo(index): void {\n    if (this.current === index) {\n      return;\n    }\n\n    this.scrollingTo = index;\n    // the scroll will trigger the IntersectionObserver and set the current item\n    this.itemsContainer.scroll({\n      left: this.items[index].offsetLeft,\n      behavior: \"smooth\",\n    });\n  }\n\n  componentDidLoad(): void {\n    this.itemsContainer = this.hostElement.querySelector(\".z-carousel-items-container\");\n    if (!this.itemsContainer) {\n      return;\n    }\n\n    this.items = Array.from(this.itemsContainer.querySelectorAll(\":scope > li\"));\n\n    if (this.single) {\n      this.setIntersectionObserver();\n    }\n\n    this.itemsContainer.addEventListener(\"scroll\", this.checkNavigationValidity.bind(this), {passive: true});\n    this.checkNavigationValidity();\n\n    this.items.forEach((item) => {\n      item.setAttribute(\"role\", \"group\");\n      item.setAttribute(\"aria-roledescription\", \"slide\");\n    });\n  }\n\n  render(): HTMLZCarouselElement {\n    if (this.isLoading) {\n      return (\n        <Host>\n          {this.label && <div class=\"heading-4 z-carousel-title\">{this.label}</div>}\n          <div style={{height: `${this.ghostLoadingHeight}px`}}>\n            <z-ghost-loading></z-ghost-loading>\n            <div class=\"loading-items-container\">\n              <slot />\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div\n          class=\"z-carousel-container\"\n          role=\"group\"\n          aria-roledescription=\"carousel\"\n          aria-label={this.label || \"Carousel\"}\n        >\n          {this.label && <div class=\"heading-4 z-carousel-title\">{this.label}</div>}\n          <div class=\"z-carousel-wrapper\">\n            {this.arrowsPosition === CarouselArrowsPosition.OVER && (\n              <z-button\n                size={ControlSize.SMALL}\n                data-direction=\"prev\"\n                icon=\"chevron-left\"\n                onClick={this.onPrev.bind(this)}\n                disabled={!this.canNavigatePrev}\n                ariaLabel={this.single ? \"Mostra l'elemento precedente\" : \"Mostra gli elementi precedenti\"}\n              />\n            )}\n            <ul\n              class=\"z-carousel-items-container\"\n              aria-atomic=\"false\"\n              aria-live=\"polite\"\n            >\n              <slot />\n            </ul>\n            {this.arrowsPosition === CarouselArrowsPosition.OVER && (\n              <z-button\n                size={ControlSize.SMALL}\n                data-direction=\"next\"\n                icon=\"chevron-right\"\n                onClick={this.onNext.bind(this)}\n                disabled={!this.canNavigateNext}\n                ariaLabel={this.single ? \"Mostra l'elemento successivo\" : \"Mostra gli elementi successivi\"}\n              />\n            )}\n          </div>\n        </div>\n\n        {this.canShowFooter() && (\n          <div class=\"z-carousel-footer\">\n            {this.arrowsPosition === CarouselArrowsPosition.BOTTOM && (\n              <z-button\n                size={ControlSize.SMALL}\n                variant={ButtonVariant.TERTIARY}\n                icon=\"arrow-simple-left-filled\"\n                onClick={this.onPrev.bind(this)}\n                disabled={!this.canNavigatePrev}\n                ariaLabel={this.single ? \"Mostra l'elemento precedente\" : \"Mostra gli elementi precedenti\"}\n              />\n            )}\n            {this.progressMode === CarouselProgressMode.DOTS && this.single && this.items && (\n              <div class=\"dots-progress\">\n                {this.items.map((_item, key) => (\n                  <button\n                    type=\"button\"\n                    class={{current: this.highlightedIndicator === key}}\n                    aria-label={\n                      this.highlightedIndicator === key ? \"Elemento corrente\" : `Spostati all'elemento ${key + 1}`\n                    }\n                    onClick={() => this.goTo(key)}\n                  >\n                    <z-icon name={this.highlightedIndicator === key ? \"white-circle-filled\" : \"black-circle-filled\"} />\n                  </button>\n                ))}\n              </div>\n            )}\n            {this.progressMode === CarouselProgressMode.NUMBERS && this.single && this.items && (\n              <div class=\"numbers-progress interactive-3\">\n                <span class=\"current\">{this.current + 1}</span>\n                <span>di</span>\n                <span>{this.items.length}</span>\n              </div>\n            )}\n            {this.arrowsPosition === CarouselArrowsPosition.BOTTOM && (\n              <z-button\n                size={ControlSize.SMALL}\n                variant={ButtonVariant.TERTIARY}\n                icon=\"arrow-simple-right-filled\"\n                onClick={this.onNext.bind(this)}\n                disabled={!this.canNavigateNext}\n                ariaLabel={this.single ? \"Mostra l'elemento successivo\" : \"Mostra gli elementi successivi\"}\n              />\n            )}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-contextual-menu/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Event, EventEmitter, Prop, h, Host} from \"@stencil/core\";\nimport {PopoverPosition} from \"../../beans\";\n\n@Component({\n  tag: \"z-contextual-menu\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZContextualMenu {\n  /**\n   * Elements of ZContextualMenu\n   */\n  @Prop()\n  elements?: string;\n\n  /**\n   * [optional] Sets text color of ZContextualMenu's content\n   */\n  @Prop()\n  color?: string = \"color-primary01\";\n\n  /**\n   * [optional] Sets the position of the popover\n   */\n  @Prop({reflect: true})\n  popoverPosition?: PopoverPosition = PopoverPosition.BOTTOM_RIGHT;\n\n  private triggerButton?: HTMLButtonElement;\n\n  private popoverEl?: HTMLZPopoverElement;\n\n  /** remove filter click event, returns filterid */\n  @Event({\n    eventName: \"clickContextualMenu\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  clickContextualMenu: EventEmitter;\n\n  private jsonElements;\n\n  componentWillRender(): void {\n    if (this.elements) {\n      this.jsonElements = JSON.parse(this.elements.replace(/&quot;/g, '\"'));\n    }\n  }\n\n  componentDidLoad(): void {\n    this.popoverEl.bindTo = this.triggerButton;\n  }\n\n  private showIcon(): boolean {\n    return !this.jsonElements.some((element) => !element.icon);\n  }\n\n  private togglePopover(): void {\n    if (!this.popoverEl.open) {\n      this.popoverEl.open = true;\n    }\n  }\n\n  render(): HTMLZContextualMenuElement {\n    return (\n      <Host>\n        <button\n          ref={(el) => (this.triggerButton = el as HTMLButtonElement)}\n          aria-label={this.popoverEl?.open ? \"chiudi menu contestuale\" : \"apri menu contestuale\"}\n          onClick={() => this.togglePopover()}\n        >\n          <z-icon\n            name=\"contextual-menu\"\n            fill={this.color}\n          />\n        </button>\n        <z-popover\n          ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n          position={this.popoverPosition}\n        >\n          <div class=\"popover-content-container\">\n            <z-list>\n              <z-list-group divider-type=\"element\">\n                {this.jsonElements?.map((element, index) => (\n                  <z-list-element\n                    clickable={!element.disabled}\n                    class=\"my-z-list-element\"\n                    align-button=\"left\"\n                    expandable-style=\"accordion\"\n                    color={element.disabled ? `color-disabled03` : this.color}\n                    isContextualMenu\n                    listElementId={index}\n                    onClickItem={(event) => this.clickContextualMenu.emit(event.detail)}\n                  >\n                    <div class={element.disabled ? \"disabled-element-container\" : \"element-container\"}>\n                      {this.showIcon() && (\n                        <div class=\"element-icon\">\n                          <z-icon\n                            name={element.icon}\n                            width={16}\n                            height={16}\n                          />\n                        </div>\n                      )}\n                      <div class=\"element-text\">\n                        <span>{element.text}</span>\n                      </div>\n                    </div>\n                  </z-list-element>\n                ))}\n              </z-list-group>\n            </z-list>\n          </div>\n        </z-popover>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,74 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZContextualMenu } from "./index";
-describe("Suite test ZContextualMenu", () => {
-    it("Test render ZContextualMenu vuoto", async () => {
-        const page = await newSpecPage({
-            components: [ZContextualMenu],
-            html: `<z-contextual-menu popover-position="bottom_right"></z-contextual-menu>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-contextual-menu popover-position="bottom_right">
-        <mock:shadow-root>
-          <button aria-label="apri menu contestuale">
-            <z-icon fill="color-primary01" name="contextual-menu"></z-icon>
-          </button>
-          <z-popover position="bottom_right">
-            <div class="popover-content-container">
-              <z-list>
-                <z-list-group divider-type="element"></z-list-group>
-              </z-list>
-            </div>
-          </z-popover>
-        </mock:shadow-root>
-      </z-contextual-menu>
-    `);
-    });
-    it("Test render ZContextualMenu elements prop", async () => {
-        const page = await newSpecPage({
-            components: [ZContextualMenu],
-            html: `<z-contextual-menu popover-position="bottom_right" elements='[{"icon":"share","text":"Element 1","key": "0"},{"icon":"delete","text":"Elemento 2","key": "1"}]''></z-contextual-menu>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-contextual-menu '="" elements='[{"icon":"share","text":"Element 1","key": "0"},{"icon":"delete","text":"Elemento 2","key": "1"}]' popover-position="bottom_right">
-        <mock:shadow-root>
-            <button aria-label="apri menu contestuale">
-              <z-icon fill="color-primary01" name="contextual-menu"></z-icon>
-            </button>
-            <z-popover position="bottom_right">
-                 <div class="popover-content-container">
-                   <z-list>
-                     <z-list-group divider-type="element">
-                       <z-list-element align-button="left" class="my-z-list-element" clickable="" color="color-primary01" expandable-style="accordion" iscontextualmenu="" listelementid="0">
-                         <div class="element-container">
-                         <div class="element-icon">
-                           <z-icon height="16" name="share" width="16"></z-icon>
-                           </div>
-                           <div class="element-text">
-                             <span>
-                               Element 1
-                             </span>
-                           </div>
-                         </div>
-                       </z-list-element>
-                       <z-list-element align-button="left" class="my-z-list-element" clickable="" color="color-primary01" expandable-style="accordion" iscontextualmenu="" listelementid="1">
-                         <div class="element-container">
-                         <div class="element-icon">
-                           <z-icon  height="16" name="delete" width="16"></z-icon>
-                           </div>
-                           <div class="element-text">
-                             <span>
-                               Elemento 2
-                             </span>
-                           </div>
-                         </div>
-                       </z-list-element>
-                     </z-list-group>
-                   </z-list>
-                 </div>
-               </z-popover>
-        </mock:shadow-root>
-      </z-contextual-menu>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../src/components/z-contextual-menu/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC1C,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,yEAAyE;SAChF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;KAe7B,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,eAAe,CAAC;YAC7B,IAAI,EAAE,uLAAuL;SAC9L,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZContextualMenu} from \"./index\";\n\ndescribe(\"Suite test ZContextualMenu\", () => {\n  it(\"Test render ZContextualMenu vuoto\", async () => {\n    const page = await newSpecPage({\n      components: [ZContextualMenu],\n      html: `<z-contextual-menu popover-position=\"bottom_right\"></z-contextual-menu>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-contextual-menu popover-position=\"bottom_right\">\n        <mock:shadow-root>\n          <button aria-label=\"apri menu contestuale\">\n            <z-icon fill=\"color-primary01\" name=\"contextual-menu\"></z-icon>\n          </button>\n          <z-popover position=\"bottom_right\">\n            <div class=\"popover-content-container\">\n              <z-list>\n                <z-list-group divider-type=\"element\"></z-list-group>\n              </z-list>\n            </div>\n          </z-popover>\n        </mock:shadow-root>\n      </z-contextual-menu>\n    `);\n  });\n\n  it(\"Test render ZContextualMenu elements prop\", async () => {\n    const page = await newSpecPage({\n      components: [ZContextualMenu],\n      html: `<z-contextual-menu popover-position=\"bottom_right\" elements='[{\"icon\":\"share\",\"text\":\"Element 1\",\"key\": \"0\"},{\"icon\":\"delete\",\"text\":\"Elemento 2\",\"key\": \"1\"}]''></z-contextual-menu>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-contextual-menu '=\"\" elements='[{\"icon\":\"share\",\"text\":\"Element 1\",\"key\": \"0\"},{\"icon\":\"delete\",\"text\":\"Elemento 2\",\"key\": \"1\"}]' popover-position=\"bottom_right\">\n        <mock:shadow-root>\n            <button aria-label=\"apri menu contestuale\">\n              <z-icon fill=\"color-primary01\" name=\"contextual-menu\"></z-icon>\n            </button>\n            <z-popover position=\"bottom_right\">\n                 <div class=\"popover-content-container\">\n                   <z-list>\n                     <z-list-group divider-type=\"element\">\n                       <z-list-element align-button=\"left\" class=\"my-z-list-element\" clickable=\"\" color=\"color-primary01\" expandable-style=\"accordion\" iscontextualmenu=\"\" listelementid=\"0\">\n                         <div class=\"element-container\">\n                         <div class=\"element-icon\">\n                           <z-icon height=\"16\" name=\"share\" width=\"16\"></z-icon>\n                           </div>\n                           <div class=\"element-text\">\n                             <span>\n                               Element 1\n                             </span>\n                           </div>\n                         </div>\n                       </z-list-element>\n                       <z-list-element align-button=\"left\" class=\"my-z-list-element\" clickable=\"\" color=\"color-primary01\" expandable-style=\"accordion\" iscontextualmenu=\"\" listelementid=\"1\">\n                         <div class=\"element-container\">\n                         <div class=\"element-icon\">\n                           <z-icon  height=\"16\" name=\"delete\" width=\"16\"></z-icon>\n                           </div>\n                           <div class=\"element-text\">\n                             <span>\n                               Elemento 2\n                             </span>\n                           </div>\n                         </div>\n                       </z-list-element>\n                     </z-list-group>\n                   </z-list>\n                 </div>\n               </z-popover>\n        </mock:shadow-root>\n      </z-contextual-menu>\n    `);\n  });\n});\n"]}

package/dist/collection/components/z-contextual-menu/test.e2e.js

@@ -1,11 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe("z-contextual-menu test end2end", () => {
-    it("Test that component exists", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<z-contextual-menu></z-contextual-menu>`);
-        const el = await page.find("z-contextual-menu");
-        expect(el).not.toBeNull();
-        expect(el.shadowRoot).not.toBeNull;
-    });
-});
-//# sourceMappingURL=test.e2e.js.map

package/dist/collection/components/z-contextual-menu/test.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../src/components/z-contextual-menu/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;IAC9C,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;QACjE,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAChD,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC1B,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndescribe(\"z-contextual-menu test end2end\", () => {\n  it(\"Test that component exists\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<z-contextual-menu></z-contextual-menu>`);\n    const el = await page.find(\"z-contextual-menu\");\n    expect(el).not.toBeNull();\n    expect(el.shadowRoot).not.toBeNull;\n  });\n});\n"]}

package/dist/collection/components/z-cover-hero/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-cover-hero/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,eAAe,CAAC;AACxE,OAAO,EAAC,gBAAgB,EAAE,wBAAwB,EAAC,MAAM,aAAa,CAAC;AAEvE;;;;;;;;;;GAUG;AAMH,MAAM,OAAO,UAAU;;uBAOO,gBAAgB,CAAC,OAAO;+BAMR,wBAAwB,CAAC,GAAG;mCASlD,IAAI;;IAE1B;;;;OAIG;IAEO,SAAS,CAAC,EAAC,MAAM,EAAQ;QACjC,IAAI,MAAM,YAAY,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;YAC9D,MAAM,KAAK,GAAG,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC;YACzD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxE,CAAC;IACH,CAAC;IAED;;OAEG;IACK,aAAa;QACnB,OAAO,CACL,WAAK,KAAK,EAAC,mBAAmB;YAC5B,YAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,CACP,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACF,IAAI,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO;gBACxC,IAAI,CAAC,eAAe,KAAK,wBAAwB,CAAC,GAAG;gBACrD,IAAI,CAAC,aAAa,EAAE;YACtB,4DAAK,KAAK,EAAC,gBAAgB;gBACzB,4DAAK,KAAK,EAAC,iBAAiB;oBAC1B,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACtB;gBACN,6DAAM,IAAI,EAAC,aAAa,GAAQ;gBAC/B,IAAI,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE,CAC9D;YACL,IAAI,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO;gBACxC,IAAI,CAAC,eAAe,KAAK,wBAAwB,CAAC,MAAM;gBACxD,IAAI,CAAC,aAAa,EAAE,CACjB,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Host, Listen, Element} from \"@stencil/core\";\nimport {CoverHeroVariant, CoverHeroContentPosition} from \"../../beans\";\n\n/**\n * Cover hero component.\n * Component to display a hero image with content.\n *\n * @slot cover - slot for the cover image.\n * @slot content - slot for the content.\n * @slot info-reveal - slot for the info reveal.\n * @cssprop --cover-hero-overlay - overlay color of the cover hero (CSS `background` property). **Default**: `linear-gradient(270deg, #0000 0%, #000000e6 100%)`.\n * @cssprop --cover-hero-text-color - color of the text.\n * @cssprop --cover-hero-aspect-ratio - aspect ratio to use for the image. You can pass a fraction or a number representing the ratio. **Default**: the intrinsic aspect ratio of the slotted image or `16/9`.\n */\n@Component({\n  tag: \"z-cover-hero\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZCoverHero {\n  @Element() host: HTMLZCoverHeroElement;\n\n  /**\n   * Cover hero variant. Can be `OVERLAY` or `STACKED`.\n   */\n  @Prop({reflect: true})\n  variant: CoverHeroVariant = CoverHeroVariant.OVERLAY;\n\n  /**\n   * Vertical content position (for `STACKED` variant).\n   */\n  @Prop({reflect: true})\n  contentPosition: CoverHeroContentPosition = CoverHeroContentPosition.TOP;\n\n  /**\n   * Whether to keep the image aspect ratio.\n   * If set to `false`, the cssprop `--cover-hero-aspect-ratio` will not affect the component's size;\n   * instead, the height of the component follows the content's one.\n   * Note: it may be necessary to set a min and/or max height to the component.\n   */\n  @Prop({reflect: true})\n  preserveAspectRatio = true;\n\n  /**\n   * Store the intrinsic aspect ratio of the slotted image when loaded,\n   * to have a default when `--cover-hero-aspect-ratio` is not set.\n   * @param target The event target\n   */\n  @Listen(\"load\", {capture: true})\n  protected onImgLoad({target}: Event): void {\n    if (target instanceof Image && target.closest(\"[slot=cover]\")) {\n      const ratio = target.naturalWidth / target.naturalHeight;\n      this.host.style.setProperty(\"--image-aspect-ratio\", ratio.toString());\n    }\n  }\n\n  /**\n   * Template for the content.\n   */\n  private renderContent(): HTMLDivElement {\n    return (\n      <div class=\"content-container\">\n        <slot name=\"content\"></slot>\n      </div>\n    );\n  }\n\n  render(): HTMLZCoverHeroElement {\n    return (\n      <Host>\n        {this.variant === CoverHeroVariant.STACKED &&\n          this.contentPosition === CoverHeroContentPosition.TOP &&\n          this.renderContent()}\n        <div class=\"main-container\">\n          <div class=\"cover-container\">\n            <slot name=\"cover\"></slot>\n          </div>\n          <slot name=\"info-reveal\"></slot>\n          {this.variant === CoverHeroVariant.OVERLAY && this.renderContent()}\n        </div>\n        {this.variant === CoverHeroVariant.STACKED &&\n          this.contentPosition === CoverHeroContentPosition.BOTTOM &&\n          this.renderContent()}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/z-divider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAO5D,MAAM,OAAO,QAAQ;;oBAGE,WAAW,CAAC,KAAK;qBAIrB,SAAS;2BAIS,kBAAkB,CAAC,UAAU;;IAEhE,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,WAAW,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,WAAW,EAAE,EACzD,KAAK,EAAE,EAAC,eAAe,EAAE,SAAS,IAAI,CAAC,KAAK,GAAG,EAAC,GAChD,CACH,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Host} from \"@stencil/core\";\nimport {DividerSize, DividerOrientation} from \"../../beans\";\n@Component({\n  tag: \"z-divider\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZDivider {\n  /** [optional] Divider size */\n  @Prop()\n  size?: DividerSize = DividerSize.SMALL;\n\n  /** [optional] Divider color */\n  @Prop()\n  color?: string = \"gray200\";\n\n  /** [optional] Divider orintation */\n  @Prop()\n  orientation?: DividerOrientation = DividerOrientation.HORIZONTAL;\n\n  render(): HTMLZDividerElement {\n    return (\n      <Host\n        class={`divider-${this.size} divider-${this.orientation}`}\n        style={{backgroundColor: `var(--${this.color})`}}\n      />\n    );\n  }\n}\n"]}