@paperless/core 1.17.4 → 1.18.0

package/dist/collection/components/atoms/table-container/test/table-container.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-container.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/table-container/test/table-container.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,cAAc,CAAC;MAC5B,IAAI,EAAE,yCAAyC;KAClD,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { TableContainer } from '../table-container.component';\n\ndescribe('p-table-container', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [TableContainer],\n            html: '<p-table-container></p-table-container>',\n        });\n        expect(root).toEqualHtml(`\n      <p-table-container class=\"p-table-container\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-table-container>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"table-container.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/table-container/test/table-container.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,cAAc,CAAC;MAC5B,IAAI,EAAE,yCAAyC;KAC/C,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { TableContainer } from '../table-container.component';\n\ndescribe('p-table-container', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [TableContainer],\n\t\t\thtml: '<p-table-container></p-table-container>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-table-container class=\"p-table-container\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-table-container>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/atoms/toast-container/test/toast-container.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-container.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/toast-container/test/toast-container.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;IACjE,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-toast-container', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-toast-container></p-toast-container>');\n        const element = await page.find('p-toast-container');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-toast-container></p-toast-container>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-toast-container');\n        expect(element.textContent).toEqual(``);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"toast-container.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/toast-container/test/toast-container.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;IACjE,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-toast-container', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-toast-container></p-toast-container>');\n\t\tconst element = await page.find('p-toast-container');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-toast-container></p-toast-container>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-toast-container');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/atoms/toast-container/test/toast-container.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-container.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/toast-container/test/toast-container.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,cAAc,CAAC;MAC5B,IAAI,EAAE,yCAAyC;KAClD,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { ToastContainer } from '../toast-container.component';\n\ndescribe('p-toast-container', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [ToastContainer],\n            html: '<p-toast-container></p-toast-container>',\n        });\n        expect(root).toEqualHtml(`\n      <p-toast-container class=\"p-toast-container\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-toast-container>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"toast-container.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/toast-container/test/toast-container.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,cAAc,CAAC;MAC5B,IAAI,EAAE,yCAAyC;KAC/C,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { ToastContainer } from '../toast-container.component';\n\ndescribe('p-toast-container', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [ToastContainer],\n\t\t\thtml: '<p-toast-container></p-toast-container>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-toast-container class=\"p-toast-container\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-toast-container>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/atoms/toast-container/toast-container.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-container.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/toast-container/toast-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,cAAc;;qBAKnB,SAAS;;EAEb,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAE,+BAA+B,IAAI,CAAC,SAAS,EAAE;MACxD,eAAQ,CACL,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-toast-container',\n    styleUrl: 'toast-container.component.scss',\n    shadow: true,\n})\nexport class ToastContainer {\n    /**\n     * The placement of the container\n     */\n    @Prop() placement: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' =\n        'top-end';\n\n    render() {\n        return (\n            <Host class={`p-toast-container placement-${this.placement}`}>\n                <slot />\n            </Host>\n        );\n    }\n}\n"]}
+{"version":3,"file":"toast-container.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/toast-container/toast-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,cAAc;;qBAKzB,SAAS;;EAEV,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,+BAA+B,IAAI,CAAC,SAAS,EAAE;MAC3D,eAAQ,CACF,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-toast-container',\n\tstyleUrl: 'toast-container.component.scss',\n\tshadow: true,\n})\nexport class ToastContainer {\n\t/**\n\t * The placement of the container\n\t */\n\t@Prop() placement: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' =\n\t\t'top-end';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-toast-container placement-${this.placement}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/tooltip/test/tooltip.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/tooltip/test/tooltip.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE;IACpB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,8CAA8C,CAAC,CAAC;IAEtE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;IACjC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,+CAA+C,CAAC,CAAC;IAEvE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;EAC3C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC7B,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mDAAmD,CAAC,CAAC;IAE3E,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;IAC/B,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,qDAAqD,CAAC,CAAC;IAE7E,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-popover', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon icon=\"document\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('size', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon icon=\"document\" size=\"5xl\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('text-5xl');\n  });\n\n  it('rotate 45 degrees', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon icon=\"document\" rotate=\"45\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('transform');\n    expect(element).toHaveClass('rotate-45');\n  });\n\n  it('flip vertical', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon icon=\"document\" flip=\"vertical\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('transform');\n    expect(element).toHaveClass('-scale-y-1');\n  });\n\n  it('flip horizontal', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon icon=\"document\" flip=\"horizontal\"></p-icon>');\n\n    const element = await page.find('p-icon');\n    expect(element).toHaveClass('transform');\n    expect(element).toHaveClass('-scale-x-1');\n  });\n});\n"]}
+{"version":3,"file":"tooltip.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/tooltip/test/tooltip.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,8CAA8C,CAAC,CAAC;IAEtE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;IAClC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,+CAA+C,CAAC,CAAC;IAEvE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC9B,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACpB,mDAAmD,CACnD,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;EAC3C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;IAChC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACpB,qDAAqD,CACrD,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;EAC3C,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-popover', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<p-icon icon=\"document\"></p-icon>');\n\n\t\tconst element = await page.find('p-icon');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('size', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<p-icon icon=\"document\" size=\"5xl\"></p-icon>');\n\n\t\tconst element = await page.find('p-icon');\n\t\texpect(element).toHaveClass('text-5xl');\n\t});\n\n\tit('rotate 45 degrees', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<p-icon icon=\"document\" rotate=\"45\"></p-icon>');\n\n\t\tconst element = await page.find('p-icon');\n\t\texpect(element).toHaveClass('transform');\n\t\texpect(element).toHaveClass('rotate-45');\n\t});\n\n\tit('flip vertical', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent(\n\t\t\t'<p-icon icon=\"document\" flip=\"vertical\"></p-icon>'\n\t\t);\n\n\t\tconst element = await page.find('p-icon');\n\t\texpect(element).toHaveClass('transform');\n\t\texpect(element).toHaveClass('-scale-y-1');\n\t});\n\n\tit('flip horizontal', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent(\n\t\t\t'<p-icon icon=\"document\" flip=\"horizontal\"></p-icon>'\n\t\t);\n\n\t\tconst element = await page.find('p-icon');\n\t\texpect(element).toHaveClass('transform');\n\t\texpect(element).toHaveClass('-scale-x-1');\n\t});\n});\n"]}

package/dist/collection/components/atoms/tooltip/test/tooltip.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/tooltip/test/tooltip.component.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;MACrB,IAAI,EAAE,yBAAyB;KAChC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;EACpC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Tooltip } from '../tooltip.component';\n\ndescribe('p-tooltip', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [Tooltip],\n      html: `<p-tooltip></p-tooltip>`,\n    });\n    expect(page.root).toEqualHtml(``);\n  });\n});\n"]}
+{"version":3,"file":"tooltip.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/tooltip/test/tooltip.component.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC9B,UAAU,EAAE,CAAC,OAAO,CAAC;MACrB,IAAI,EAAE,yBAAyB;KAC/B,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;EACnC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Tooltip } from '../tooltip.component';\n\ndescribe('p-tooltip', () => {\n\tit('renders', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [Tooltip],\n\t\t\thtml: `<p-tooltip></p-tooltip>`,\n\t\t});\n\t\texpect(page.root).toEqualHtml(``);\n\t});\n});\n"]}

package/dist/collection/components/atoms/tooltip/tooltip.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/tooltip/tooltip.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    arrow,\n    autoUpdate,\n    computePosition,\n    flip,\n    offset,\n    Placement,\n    shift,\n    Strategy,\n} from '@floating-ui/dom';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-tooltip',\n    styleUrl: 'tooltip.component.scss',\n    shadow: true,\n})\nexport class Tooltip {\n    /**\n     * The variant of the popover\n     */\n    @Prop() variant: 'hover' | 'click' | 'error' | 'error-element' = 'hover';\n\n    /**\n     * The content of the popover\n     */\n    @Prop() content: any = null;\n\n    /**\n     * The placement of the popover\n     */\n    @Prop() placement: Placement = 'top';\n\n    /**\n     * The strategy of the popover placement\n     */\n    @Prop() strategy: Strategy = 'absolute';\n\n    /**\n     * Wether the tooltip can be shown by user input\n     */\n    @Prop() enableUserInput: boolean = true;\n\n    /**\n     * Wether to show the popover\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to someone can manually close the popover\n     */\n    @Prop() canManuallyClose: boolean = true;\n\n    /**\n     * Open change event\n     */\n    @Event({\n        bubbles: false,\n    })\n    isOpen: EventEmitter<boolean>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _loaded = false;\n    private _popover: HTMLElement;\n    private _cleanup: () => void;\n\n    componentShouldUpdate() {\n        this._update();\n    }\n\n    disconnectedCallback() {\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-popover\">\n                <slot name=\"trigger\" />\n                <div class=\"popover-container\">\n                    <div\n                        class={`popover variant-${this.variant}`}\n                        role=\"popover\"\n                        data-placement={this.placement}\n                        data-strategy={this.strategy}\n                        ref={(el) => this._load(el)}\n                    >\n                        {this.content ? this.content : <slot name=\"content\" />}\n                        <div class=\"arrow\"></div>\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n\n    @Listen('click', { capture: true })\n    protected clickHandler() {\n        if (this.variant === 'hover' || !this.enableUserInput) {\n            return;\n        }\n\n        if (this._popover.hasAttribute('data-show')) {\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler() {\n        if (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n            return;\n        }\n\n        if (!this._popover.hasAttribute('data-show')) {\n            return;\n        }\n\n        this._hide();\n    }\n\n    @Listen('mouseenter')\n    @Listen('focus')\n    protected mouseEnterHandler() {\n        if (this.variant !== 'hover' || !this.enableUserInput) {\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('mouseleave')\n    @Listen('blur')\n    protected mouseLeaveHandler() {\n        if (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n            return;\n        }\n\n        this._hide();\n    }\n\n    private _show() {\n        if (!this._loaded) {\n            return;\n        }\n\n        this._cleanup = autoUpdate(this._el, this._popover, () =>\n            this._update()\n        );\n        // Make the popover visible\n        this._popover.setAttribute('data-show', '');\n\n        // Update its position\n        this.isOpen.emit(true);\n    }\n\n    private _hide() {\n        if (!this._loaded) {\n            return;\n        }\n\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n\n        // Hide the popover\n        this._popover.removeAttribute('data-show');\n        this.isOpen.emit(false);\n    }\n\n    private _load(popover: HTMLElement) {\n        this._popover = popover;\n        if (popover) {\n            this._update();\n            this._loaded = true;\n\n            if (this.show) {\n                setTimeout(() => this._show(), 100);\n            }\n        }\n    }\n\n    private _update() {\n        if (!this._popover) {\n            return;\n        }\n\n        const arrowEl = this._popover.querySelector('.arrow') as HTMLElement;\n        if (!arrowEl) {\n            return;\n        }\n\n        computePosition(this._el, this._popover, {\n            placement:\n                this.variant === 'error' || this.variant === 'error-element'\n                    ? 'top-end'\n                    : this.placement,\n            strategy: this.strategy,\n\n            middleware: [\n                offset(this.variant === 'error' ? 14 : 8),\n                flip(),\n                shift(),\n                arrow({ element: arrowEl, padding: 8 }),\n            ],\n        }).then(({ x, y, placement, middlewareData }) => {\n            this._popover.dataset.placement = placement;\n            Object.assign(this._popover.style, {\n                top: `${y}px`,\n                left: `${x}px`,\n            });\n\n            if (middlewareData.arrow) {\n                const { x, y } = middlewareData.arrow;\n\n                Object.assign(arrowEl.style, {\n                    left:\n                        this.variant === 'error' ||\n                        this.variant === 'error-element'\n                            ? placement.indexOf('start') >= 0\n                                ? '1rem'\n                                : 'calc(100% - 1rem)'\n                            : x != null\n                            ? `${x}px`\n                            : '',\n                    top: y != null ? `${y}px` : '',\n                });\n            }\n        });\n    }\n}\n"]}
+{"version":3,"file":"tooltip.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/tooltip/tooltip.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tarrow,\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.scss',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' | 'error-element' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-popover\">\n\t\t\t\t<slot name=\"trigger\" />\n\t\t\t\t<div class=\"popover-container\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={`popover variant-${this.variant}`}\n\t\t\t\t\t\trole=\"popover\"\n\t\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\t\tref={(el) => this._load(el)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.content ? this.content : <slot name=\"content\" />}\n\t\t\t\t\t\t<div class=\"arrow\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () =>\n\t\t\tthis._update()\n\t\t);\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst arrowEl = this._popover.querySelector('.arrow') as HTMLElement;\n\t\tif (!arrowEl) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' || this.variant === 'error-element'\n\t\t\t\t\t? 'top-end'\n\t\t\t\t\t: this.placement,\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [\n\t\t\t\toffset(this.variant === 'error' ? 14 : 8),\n\t\t\t\tflip(),\n\t\t\t\tshift(),\n\t\t\t\tarrow({ element: arrowEl, padding: 8 }),\n\t\t\t],\n\t\t}).then(({ x, y, placement, middlewareData }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\n\t\t\tif (middlewareData.arrow) {\n\t\t\t\tconst { x, y } = middlewareData.arrow;\n\n\t\t\t\tObject.assign(arrowEl.style, {\n\t\t\t\t\tleft:\n\t\t\t\t\t\tthis.variant === 'error' ||\n\t\t\t\t\t\tthis.variant === 'error-element'\n\t\t\t\t\t\t\t? placement.indexOf('start') >= 0\n\t\t\t\t\t\t\t\t? '1rem'\n\t\t\t\t\t\t\t\t: 'calc(100% - 1rem)'\n\t\t\t\t\t\t\t: x != null\n\t\t\t\t\t\t\t\t? `${x}px`\n\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\ttop: y != null ? `${y}px` : '',\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n}\n"]}

package/dist/collection/components/helpers/table-column/table-column.component.js

@@ -146,7 +146,7 @@ export class TableColumn {
         "type": "any",
         "mutable": true,
         "complexType": {
-          "original": "| 'auto'\n        | 'hidden'\n        | 'full'\n        | number\n        | TableColumnSizes",
+          "original": "| 'auto'\n\t\t| 'hidden'\n\t\t| 'full'\n\t\t| number\n\t\t| TableColumnSizes",
           "resolved": "\"auto\" | \"full\" | \"hidden\" | TableColumnSizes | number",
           "references": {
             "TableColumnSizes": {

package/dist/collection/components/helpers/table-column/table-column.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-column.component.js","sourceRoot":"","sources":["../../../../src/components/helpers/table-column/table-column.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,MAAM,eAAe,CAAC;AAMrE,MAAM,OAAO,WAAW;;;gBASwC,IAAI;;mBAUL,KAAK;uBAKD,KAAK;iBAMhE,OAAO;kBAK+C,KAAK;iBAUtC,MAAM;;EAQ/B,kBAAkB;IACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC3C,CAAC;EAED,MAAM;IACF,OAAO;EACX,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, EventEmitter, Prop } from '@stencil/core';\nimport { TableColumnSizes } from '../../../types/table';\n\n@Component({\n    tag: 'p-table-column',\n})\nexport class TableColumn {\n    /**\n     * The path of the value of the item you want to display\n     */\n    @Prop({ reflect: true, mutable: true }) path: string;\n\n    /**\n     * The type of the column\n     */\n    @Prop({ reflect: true, mutable: true }) type: 'td' | 'th' = 'td';\n\n    /**\n     * The name of the column\n     */\n    @Prop({ reflect: true, mutable: true }) name: string;\n\n    /**\n     * Wether the column should use the slot\n     */\n    @Prop({ reflect: true, mutable: true }) useSlot: boolean = false;\n\n    /**\n     * Wether the column should have a checkbox\n     */\n    @Prop({ reflect: true, mutable: true }) hasCheckbox: boolean = false;\n\n    /**\n     * The alignment of the column\n     */\n    @Prop({ reflect: true, mutable: true }) align: 'start' | 'center' | 'end' =\n        'start';\n\n    /**\n     * Wether the column is the last in the row\n     */\n    @Prop({ reflect: true, mutable: true }) isLast: boolean = false;\n\n    /**\n     * The sizes of the column\n     */\n    @Prop({ mutable: true }) sizes:\n        | 'auto'\n        | 'hidden'\n        | 'full'\n        | number\n        | TableColumnSizes = 'auto';\n\n    /**\n     * Event to let the table know it has to re render\n     */\n    @Event({ bubbles: true, composed: true })\n    tableDefinitionChanged: EventEmitter<boolean>;\n\n    componentDidUpdate() {\n        this.tableDefinitionChanged.emit(true);\n    }\n\n    render() {\n        return;\n    }\n}\n"]}
+{"version":3,"file":"table-column.component.js","sourceRoot":"","sources":["../../../../src/components/helpers/table-column/table-column.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,MAAM,eAAe,CAAC;AAMrE,MAAM,OAAO,WAAW;;;gBASqC,IAAI;;mBAUL,KAAK;uBAKD,KAAK;iBAMnE,OAAO;kBAKkD,KAAK;iBAUzC,MAAM;;EAQ5B,kBAAkB;IACjB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EACxC,CAAC;EAED,MAAM;IACL,OAAO;EACR,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, Prop } from '@stencil/core';\nimport { TableColumnSizes } from '../../../types/table';\n\n@Component({\n\ttag: 'p-table-column',\n})\nexport class TableColumn {\n\t/**\n\t * The path of the value of the item you want to display\n\t */\n\t@Prop({ reflect: true, mutable: true }) path: string;\n\n\t/**\n\t * The type of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) type: 'td' | 'th' = 'td';\n\n\t/**\n\t * The name of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) name: string;\n\n\t/**\n\t * Wether the column should use the slot\n\t */\n\t@Prop({ reflect: true, mutable: true }) useSlot: boolean = false;\n\n\t/**\n\t * Wether the column should have a checkbox\n\t */\n\t@Prop({ reflect: true, mutable: true }) hasCheckbox: boolean = false;\n\n\t/**\n\t * The alignment of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) align: 'start' | 'center' | 'end' =\n\t\t'start';\n\n\t/**\n\t * Wether the column is the last in the row\n\t */\n\t@Prop({ reflect: true, mutable: true }) isLast: boolean = false;\n\n\t/**\n\t * The sizes of the column\n\t */\n\t@Prop({ mutable: true }) sizes:\n\t\t| 'auto'\n\t\t| 'hidden'\n\t\t| 'full'\n\t\t| number\n\t\t| TableColumnSizes = 'auto';\n\n\t/**\n\t * Event to let the table know it has to re render\n\t */\n\t@Event({ bubbles: true, composed: true })\n\ttableDefinitionChanged: EventEmitter<boolean>;\n\n\tcomponentDidUpdate() {\n\t\tthis.tableDefinitionChanged.emit(true);\n\t}\n\n\trender() {\n\t\treturn;\n\t}\n}\n"]}

package/dist/collection/components/molecules/accordion/accordion.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/accordion/accordion.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,SAAS;;;gBASM,KAAK;qBAKA,IAAI;oBAKL,IAAI;;EAShC,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa;MACrB,WACI,KAAK,EAAC,yDAAyD,EAC/D,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;QAE9B,cACI,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAC7B;QACF,SAAG,KAAK,EAAC,2CAA2C,IAC/C,IAAI,CAAC,MAAM,CACZ;QACJ,oBAAa,CACX;MACL,IAAI,CAAC,IAAI,IAAI,CACV,WAAK,KAAK,EAAC,MAAM;QACb,eAAQ,CACN,CACT,CACE,CACV,CAAC;EACN,CAAC;EAEO,QAAQ;IACZ,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;MAC9B,OAAO;KACV;IAED,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MAC9B,OAAO;KACV;IAED,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAChC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-accordion',\n    styleUrl: 'accordion.component.scss',\n    shadow: true,\n})\nexport class Accordion {\n    /**\n     * Header of the accordion\n     */\n    @Prop() header!: string;\n\n    /**\n     * Wether the accordion is open\n     */\n    @Prop() open: boolean = false;\n\n    /**\n     * Wether the accordion can be closed\n     */\n    @Prop() closeable: boolean = true;\n\n    /**\n     * Wether the accordion can be opened\n     */\n    @Prop() openable: boolean = true;\n\n    /**\n     * Open change event\n     */\n    @Event({\n        bubbles: false\n    }) isOpen: EventEmitter<boolean>;\n\n    render() {\n        return (\n            <Host class=\"p-accordion\">\n                <div\n                    class=\"flex items-center gap-3 text-storm-vague cursor-pointer\"\n                    onClick={() => this._onClick()}\n                >\n                    <p-icon\n                        class=\"flex\"\n                        variant=\"chevron\"\n                        rotate={this.open ? 0 : -90}\n                    />\n                    <p class=\"m-0 font-medium text-lg whitespace-nowrap\">\n                        {this.header}\n                    </p>\n                    <p-divider />\n                </div>\n                {this.open && (\n                    <div class=\"mt-6\">\n                        <slot />\n                    </div>\n                )}\n            </Host>\n        );\n    }\n\n    private _onClick() {\n        if (!this.closeable && this.open) {\n            return;\n        }\n\n        if (!this.openable && !this.open) {\n            return;\n        }\n\n        this.open = !this.open;\n        this.isOpen.emit(this.open);\n    }\n}\n"]}
+{"version":3,"file":"accordion.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/accordion/accordion.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,SAAS;;;gBASG,KAAK;qBAKA,IAAI;oBAKL,IAAI;;EAUhC,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa;MACxB,WACC,KAAK,EAAC,yDAAyD,EAC/D,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;QAE9B,cACC,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAC1B;QACF,SAAG,KAAK,EAAC,2CAA2C,IAClD,IAAI,CAAC,MAAM,CACT;QACJ,oBAAa,CACR;MACL,IAAI,CAAC,IAAI,IAAI,CACb,WAAK,KAAK,EAAC,MAAM;QAChB,eAAQ,CACH,CACN,CACK,CACP,CAAC;EACH,CAAC;EAEO,QAAQ;IACf,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;MACjC,OAAO;KACP;IAED,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACjC,OAAO;KACP;IAED,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC7B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-accordion',\n\tstyleUrl: 'accordion.component.scss',\n\tshadow: true,\n})\nexport class Accordion {\n\t/**\n\t * Header of the accordion\n\t */\n\t@Prop() header!: string;\n\n\t/**\n\t * Wether the accordion is open\n\t */\n\t@Prop() open: boolean = false;\n\n\t/**\n\t * Wether the accordion can be closed\n\t */\n\t@Prop() closeable: boolean = true;\n\n\t/**\n\t * Wether the accordion can be opened\n\t */\n\t@Prop() openable: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-accordion\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"flex items-center gap-3 text-storm-vague cursor-pointer\"\n\t\t\t\t\tonClick={() => this._onClick()}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass=\"flex\"\n\t\t\t\t\t\tvariant=\"chevron\"\n\t\t\t\t\t\trotate={this.open ? 0 : -90}\n\t\t\t\t\t/>\n\t\t\t\t\t<p class=\"m-0 font-medium text-lg whitespace-nowrap\">\n\t\t\t\t\t\t{this.header}\n\t\t\t\t\t</p>\n\t\t\t\t\t<p-divider />\n\t\t\t\t</div>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<div class=\"mt-6\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onClick() {\n\t\tif (!this.closeable && this.open) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.openable && !this.open) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.open = !this.open;\n\t\tthis.isOpen.emit(this.open);\n\t}\n}\n"]}

package/dist/collection/components/molecules/accordion/test/accordion.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/accordion/test/accordion.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;IACrD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-accordion', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-accordion></p-accordion>');\n        const element = await page.find('p-accordion');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-accordion></p-accordion>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-accordion');\n        expect(element.textContent).toEqual(``);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"accordion.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/accordion/test/accordion.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;EAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;IACrD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-accordion', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-accordion></p-accordion>');\n\t\tconst element = await page.find('p-accordion');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-accordion></p-accordion>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-accordion');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/molecules/accordion/test/accordion.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/accordion/test/accordion.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,SAAS,CAAC;MACvB,IAAI,EAAE,6BAA6B;KACtC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Accordion } from '../accordion.component';\n\ndescribe('p-accordion', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [Accordion],\n            html: '<p-accordion></p-accordion>',\n        });\n        expect(root).toEqualHtml(`\n      <p-accordion class=\"p-accordion\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-accordion>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"accordion.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/accordion/test/accordion.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;EAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,SAAS,CAAC;MACvB,IAAI,EAAE,6BAA6B;KACnC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Accordion } from '../accordion.component';\n\ndescribe('p-accordion', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Accordion],\n\t\t\thtml: '<p-accordion></p-accordion>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-accordion class=\"p-accordion\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-accordion>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/molecules/attachment/attachment.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/attachment/attachment.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,UAAU;;gBAIc,MAAM;mBAKrB,KAAK;;uBAiBD,KAAK;;EAS3B,MAAM;;IACF,IAAI,MAAM,GAAG,cAAQ,OAAO,EAAC,YAAY,GAAG,CAAC;IAE7C,IAAI,IAAI,CAAC,OAAO,EAAE;MACd,MAAM,GAAG,mBAAY,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE;MACZ,MAAM,GAAG,cAAQ,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,GAAG,CAAC;KAC/D;IAED,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,qCAAqC;MAC7C,WACI,KAAK,EAAE,yFACH,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM;UACd,CAAC,CAAC,eAAe;UACjB,CAAC,CAAC,mBACV,EAAE;QAED,MAAM;QAEP,YAAM,KAAK,EAAC,gEAAgE;UACxE,eAAQ,CACL;QAEN,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,qBAAe,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACzD;MAEN,gBACI,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EACjD,QAAQ,EAAE,IAAI,CAAC,OAAO,EACtB,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,GAAG,EAAE,CACZ,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM;UACjB,CAAC,CAAC,IAAI,CAAC,QAAQ;UACf,CAAC,CAAC,IAAI,CAAC,MAAM,CAChB,CAAC,IAAI,EAAE,GAEd,CACC,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-attachment',\n    styleUrl: 'attachment.component.scss',\n    shadow: true,\n})\nexport class Attachment {\n    /**\n     * The variant of the button\n     */\n    @Prop() mode: 'read' | 'write' = 'read';\n\n    /**\n     * Wether the attachment is uploading/loading\n     */\n    @Prop() loading = false;\n\n    /**\n     * The error to show\n     */\n    @Prop() error: string;\n\n    /**\n     * Event when download is pressed\n     */\n    @Event({\n        bubbles: false\n    }) download: EventEmitter<any>;\n\n    /**\n     * Wether the attachment is downloading\n     */\n    @Prop() downloading = false;\n\n    /**\n     * Event when delete is pressed\n     */\n    @Event({\n        bubbles: false\n    }) delete: EventEmitter<any>;\n\n    render() {\n        let prefix = <p-icon variant=\"attachment\" />;\n\n        if (this.loading) {\n            prefix = <p-loader />;\n        }\n\n        if (this.error) {\n            prefix = <p-icon variant=\"warning\" class=\"text-negative\" />;\n        }\n\n        return (\n            <Host class=\"p-attachment flex items-start gap-4\">\n                <div\n                    class={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${\n                        this.error?.length\n                            ? 'text-negative'\n                            : 'text-storm-medium'\n                    }`}\n                >\n                    {prefix}\n\n                    <span class=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n                        <slot />\n                    </span>\n\n                    {this.error?.length && <p-input-error error={this.error} />}\n                </div>\n\n                <p-button\n                    variant=\"secondary\"\n                    iconOnly={true}\n                    icon={this.mode === 'read' ? 'download' : 'trash'}\n                    disabled={this.loading}\n                    loading={this.mode === 'read' && this.downloading}\n                    size=\"small\"\n                    onOnClick={() =>\n                        (this.mode === 'read'\n                            ? this.download\n                            : this.delete\n                        ).emit()\n                    }\n                />\n            </Host>\n        );\n    }\n}\n"]}
+{"version":3,"file":"attachment.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/attachment/attachment.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,UAAU;;gBAIW,MAAM;mBAKrB,KAAK;;uBAkBD,KAAK;;EAU3B,MAAM;;IACL,IAAI,MAAM,GAAG,cAAQ,OAAO,EAAC,YAAY,GAAG,CAAC;IAE7C,IAAI,IAAI,CAAC,OAAO,EAAE;MACjB,MAAM,GAAG,mBAAY,CAAC;KACtB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE;MACf,MAAM,GAAG,cAAQ,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,GAAG,CAAC;KAC5D;IAED,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,qCAAqC;MAChD,WACC,KAAK,EAAE,yFACN,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM;UACjB,CAAC,CAAC,eAAe;UACjB,CAAC,CAAC,mBACJ,EAAE;QAED,MAAM;QAEP,YAAM,KAAK,EAAC,gEAAgE;UAC3E,eAAQ,CACF;QAEN,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,qBAAe,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACtD;MAEN,gBACC,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EACjD,QAAQ,EAAE,IAAI,CAAC,OAAO,EACtB,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,GAAG,EAAE,CACf,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM;UACpB,CAAC,CAAC,IAAI,CAAC,QAAQ;UACf,CAAC,CAAC,IAAI,CAAC,MAAM,CACb,CAAC,IAAI,EAAE,GAER,CACI,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-attachment',\n\tstyleUrl: 'attachment.component.scss',\n\tshadow: true,\n})\nexport class Attachment {\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() mode: 'read' | 'write' = 'read';\n\n\t/**\n\t * Wether the attachment is uploading/loading\n\t */\n\t@Prop() loading = false;\n\n\t/**\n\t * The error to show\n\t */\n\t@Prop() error: string;\n\n\t/**\n\t * Event when download is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdownload: EventEmitter<any>;\n\n\t/**\n\t * Wether the attachment is downloading\n\t */\n\t@Prop() downloading = false;\n\n\t/**\n\t * Event when delete is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdelete: EventEmitter<any>;\n\n\trender() {\n\t\tlet prefix = <p-icon variant=\"attachment\" />;\n\n\t\tif (this.loading) {\n\t\t\tprefix = <p-loader />;\n\t\t}\n\n\t\tif (this.error) {\n\t\t\tprefix = <p-icon variant=\"warning\" class=\"text-negative\" />;\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class=\"p-attachment flex items-start gap-4\">\n\t\t\t\t<div\n\t\t\t\t\tclass={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${\n\t\t\t\t\t\tthis.error?.length\n\t\t\t\t\t\t\t? 'text-negative'\n\t\t\t\t\t\t\t: 'text-storm-medium'\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{prefix}\n\n\t\t\t\t\t<span class=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.error?.length && <p-input-error error={this.error} />}\n\t\t\t\t</div>\n\n\t\t\t\t<p-button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\ticonOnly={true}\n\t\t\t\t\ticon={this.mode === 'read' ? 'download' : 'trash'}\n\t\t\t\t\tdisabled={this.loading}\n\t\t\t\t\tloading={this.mode === 'read' && this.downloading}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tonOnClick={() =>\n\t\t\t\t\t\t(this.mode === 'read'\n\t\t\t\t\t\t\t? this.download\n\t\t\t\t\t\t\t: this.delete\n\t\t\t\t\t\t).emit()\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/molecules/attachment/test/attachment.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/attachment/test/attachment.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;EAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC9C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;IACvD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-attachment', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<p-attachment></p-attachment>');\n    const element = await page.find('p-attachment');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('renders changes to the content', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<p-attachment></p-attachment>');\n    // const component = await page.find('p-button');\n    const element = await page.find('p-attachment');\n    expect(element.textContent).toEqual(``);\n\n    // component.setProperty('name', 'World');\n    // await page.waitForChanges();\n    // expect(element.textContent).toEqual(`Hello, World!`);\n\n    // component.setProperty('name', 'Bob');\n    // await page.waitForChanges();\n    // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n    // component.setProperty('name', 'Earl');\n    // await page.waitForChanges();\n    // expect(element.textContent).toEqual(`Hello, Earl!`);\n  });\n});\n"]}
+{"version":3,"file":"attachment.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/attachment/test/attachment.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;EAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;IACvD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-attachment', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-attachment></p-attachment>');\n\t\tconst element = await page.find('p-attachment');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-attachment></p-attachment>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-attachment');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/molecules/attachment/test/attachment.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/attachment/test/attachment.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;EAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MACjC,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE,+BAA+B;KACtC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKxB,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Attachment } from '../attachment.component';\n\ndescribe('p-attachment', () => {\n  it('renders', async () => {\n    const { root } = await newSpecPage({\n      components: [Attachment],\n      html: '<p-attachment></p-attachment>',\n    });\n    expect(root).toEqualHtml(`\n      <p-attachment class=\"p-attachment\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-attachment>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"attachment.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/attachment/test/attachment.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;EAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,UAAU,CAAC;MACxB,IAAI,EAAE,+BAA+B;KACrC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Attachment } from '../attachment.component';\n\ndescribe('p-attachment', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Attachment],\n\t\t\thtml: '<p-attachment></p-attachment>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-attachment class=\"p-attachment\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-attachment>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/molecules/calendar/calendar.component.js

@@ -108,8 +108,8 @@ export class Calendar {
     return this._getDayView();
   }
   /* With this, we shall hack the system in ways no one would ever have thought.
-     <div class="col-start-1 col-start-2 col-start-3 col-start-4 col-start-5 col-start-6 col-start-7"></div>
- */
+       <div class="col-start-1 col-start-2 col-start-3 col-start-4 col-start-5 col-start-6 col-start-7"></div>
+   */
   _getDayView() {
     const daysInMonth = this._generateDaysInMonth();
     return (h("div", { class: "view-day" }, h("div", { class: "header" }, h("div", { class: `nav ${!this._canSetAmount('month', -1) && 'disabled'}`, onClick: () => this._changeMonth(-1) }, h("p-icon", { variant: "chevron", rotate: 90 })), h("div", null, h("span", { onClick: () => this._changeView('month'), class: !this._canChangeView('month') && 'disabled' }, format(this._viewDate, 'MMMM')), h("span", { onClick: () => this._changeView('year'), class: `year ${!this._canChangeView('year') && 'disabled'}` }, getYear(this._viewDate))), h("div", { class: `nav ${!this._canSetAmount('month', 1) && 'disabled'}`, onClick: () => this._changeMonth(1) }, h("p-icon", { variant: "chevron", rotate: -90 }))), h("div", { class: "dates" }, this._weekDays.map((weekday) => (h("span", null, format(addDays(new Date(2022, 7, 1), weekday), 'eee')))), daysInMonth.map((day) => {

package/dist/collection/components/molecules/calendar/calendar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/calendar/calendar.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport {\n    addDays,\n    addMonths,\n    addYears,\n    endOfMonth,\n    format,\n    getDay,\n    getDaysInMonth,\n    getYear,\n    isAfter,\n    isBefore,\n    isSameDay,\n    isSameMonth,\n    isSameYear,\n    isValid,\n    setDate,\n    setMonth,\n    setYear,\n    startOfDay,\n    startOfMonth,\n} from 'date-fns';\n\n@Component({\n    tag: 'p-calendar',\n    styleUrl: 'calendar.component.scss',\n    shadow: true,\n})\nexport class Calendar {\n    /**\n     * The variant of the button\n     */\n    @Prop() variant: 'default' | 'embedded' = 'default';\n\n    /**\n     * The current value\n     */\n    @Prop() value?: Date | string;\n\n    /**\n     * Wether to automatically preselect today\n     */\n    @Prop() preselectToday: boolean = false;\n\n    /**\n     * Disabled dates\n     */\n    @Prop() disabledDates?: Array<Date | string> | string;\n\n    /**\n     * Min date\n     */\n    @Prop() minDate: Date | string = new Date(1970, 0, 1);\n\n    /**\n     * Max date\n     */\n    @Prop() maxDate: Date | string = this._getAutomaticMax();\n\n    /**\n     * Wether to disable the weekends\n     */\n    @Prop() disableWeekends: boolean = false;\n\n    /**\n     * The mode of the datepicker\n     */\n    @Prop() mode: 'year' | 'month' | 'day' = 'day';\n\n    /**\n     * Event when the value changes\n     */\n    @Event({\n        bubbles: false,\n    })\n    valueChange: EventEmitter<any>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _today = new Date();\n    @State() private _view: 'year' | 'month' | 'day' = this.mode;\n    @State() private _viewDate = this._today;\n\n    @State() private _value: Date;\n    @State() private _minDate: Date;\n    @State() private _maxDate: Date;\n    @State() private _disabledDates: Date[] = [];\n\n    private _weekDays = Array.from(Array(7).keys());\n\n    componentWillLoad() {\n        if (this.disabledDates) {\n            this._parseDisabledDates(this.disabledDates);\n        }\n\n        if (this.minDate) {\n            this._parseMinDate(this.minDate);\n        }\n\n        if (this.maxDate) {\n            this._parseMaxDate(this.maxDate);\n        }\n\n        this._parseValue(this.value);\n\n        if (this._value) {\n            this._viewDate = this._value;\n        }\n\n        if (isBefore(this._viewDate, this._minDate)) {\n            this._viewDate = this._minDate;\n        }\n\n        if (isAfter(this._viewDate, this._maxDate)) {\n            this._viewDate = this._maxDate;\n        }\n    }\n\n    componentDidRender() {\n        if (this._view === 'year') {\n            this._scrollYearIntoView();\n        }\n    }\n\n    @Watch('value')\n    private _parseValue(value: string | Date) {\n        if (!value && this.preselectToday) {\n            value = new Date();\n        }\n\n        if (typeof value === 'string') {\n            value = new Date(value);\n        }\n\n        this._setValue(value);\n    }\n\n    @Watch('minDate')\n    private _parseMinDate(minDate: string | Date) {\n        if (typeof minDate === 'string') {\n            minDate = new Date(minDate);\n        }\n\n        if (!isValid(minDate)) {\n            return;\n        }\n\n        this._minDate = minDate;\n\n        if (isBefore(this._viewDate, this._minDate)) {\n            this._viewDate = this._minDate;\n        }\n    }\n\n    @Watch('maxDate')\n    private _parseMaxDate(maxDate: string | Date) {\n        if (typeof maxDate === 'string') {\n            maxDate = new Date(maxDate);\n        }\n\n        if (!isValid(maxDate)) {\n            return;\n        }\n\n        this._maxDate = maxDate;\n\n        if (isAfter(this._viewDate, this._maxDate)) {\n            this._viewDate = this._maxDate;\n        }\n    }\n\n    @Watch('disabledDates')\n    private _parseDisabledDates(disabledDates: Array<string | Date> | string) {\n        if (typeof disabledDates === 'string') {\n            disabledDates = JSON.parse(disabledDates);\n        }\n\n        if (!disabledDates || !Array.isArray(disabledDates)) {\n            return;\n        }\n\n        // normalize all to date\n        this._disabledDates = disabledDates\n            .map((date) => {\n                if (typeof date === 'string') {\n                    return new Date(date);\n                }\n\n                return date;\n            })\n            .filter((date) => isValid(date));\n    }\n\n    render() {\n        return (\n            <Host class={`p-calendar variant-${this.variant}`}>\n                {this._getView()}\n            </Host>\n        );\n    }\n\n    private _getView() {\n        if (this._view === 'year') {\n            return this._getYearView();\n        }\n\n        if (this._view === 'month') {\n            return this._getMonthView();\n        }\n\n        return this._getDayView();\n    }\n\n    /* With this, we shall hack the system in ways no one would ever have thought.\n       <div class=\"col-start-1 col-start-2 col-start-3 col-start-4 col-start-5 col-start-6 col-start-7\"></div>\n   */\n    private _getDayView() {\n        const daysInMonth = this._generateDaysInMonth();\n        return (\n            <div class=\"view-day\">\n                <div class=\"header\">\n                    <div\n                        class={`nav ${\n                            !this._canSetAmount('month', -1) && 'disabled'\n                        }`}\n                        onClick={() => this._changeMonth(-1)}\n                    >\n                        <p-icon variant=\"chevron\" rotate={90} />\n                    </div>\n                    <div>\n                        <span\n                            onClick={() => this._changeView('month')}\n                            class={!this._canChangeView('month') && 'disabled'}\n                        >\n                            {format(this._viewDate, 'MMMM')}\n                        </span>\n                        <span\n                            onClick={() => this._changeView('year')}\n                            class={`year ${\n                                !this._canChangeView('year') && 'disabled'\n                            }`}\n                        >\n                            {getYear(this._viewDate)}\n                        </span>\n                    </div>\n                    <div\n                        class={`nav ${\n                            !this._canSetAmount('month', 1) && 'disabled'\n                        }`}\n                        onClick={() => this._changeMonth(1)}\n                    >\n                        <p-icon variant=\"chevron\" rotate={-90} />\n                    </div>\n                </div>\n                <div class=\"dates\">\n                    {this._weekDays.map((weekday) => (\n                        <span>\n                            {format(\n                                addDays(new Date(2022, 7, 1), weekday),\n                                'eee'\n                            )}\n                        </span>\n                    ))}\n                    {daysInMonth.map((day) => {\n                        return (\n                            <time\n                                class={`day ${day.active && 'active'} ${\n                                    day.disabled && 'disabled'\n                                } ${day.current && 'current'} ${\n                                    day.offset !== false &&\n                                    `col-start-${day.offset}`\n                                }`}\n                                onClick={() => this._setValue(day.date)}\n                            >\n                                {day.day}\n                            </time>\n                        );\n                    })}\n                </div>\n            </div>\n        );\n    }\n\n    private _getMonthView() {\n        const months = this._generateMonths();\n        return (\n            <div class=\"view-month\">\n                <div class=\"header\">\n                    <div\n                        class={`nav ${\n                            !this._canSetAmount('year', -1) && 'disabled'\n                        }`}\n                        onClick={() => this._changeYear(-1)}\n                    >\n                        <p-icon variant=\"chevron\" rotate={90} />\n                    </div>\n                    <div>\n                        <span\n                            onClick={() => this._changeView('year')}\n                            class={`year ${\n                                !this._canChangeView('year') && 'disabled'\n                            }`}\n                        >\n                            {getYear(this._viewDate)}\n                        </span>\n                    </div>\n                    <div\n                        class={`nav ${\n                            !this._canSetAmount('year', 1) && 'disabled'\n                        }`}\n                        onClick={() => this._changeYear(1)}\n                    >\n                        <p-icon variant=\"chevron\" rotate={-90} />\n                    </div>\n                </div>\n                <div class=\"items\">\n                    {months.map((month) => (\n                        <div\n                            onClick={() => this._setMonth(month.month)}\n                            class={`month ${month.active && 'active'} ${\n                                month.disabled && 'disabled'\n                            } ${month.current && 'current'}`}\n                        >\n                            {format(setMonth(new Date(), month.month), 'MMMM')}\n                        </div>\n                    ))}\n                </div>\n            </div>\n        );\n    }\n\n    private _getYearView() {\n        const years = this._generateYears();\n        return (\n            <div class=\"view-year\">\n                <div class=\"header\">\n                    <div>\n                        <span class=\"year disabled\">\n                            {years?.[0].year} - {years?.[years.length - 1].year}\n                        </span>\n                    </div>\n                </div>\n                <div class=\"items\">\n                    {years.map((year) => (\n                        <div\n                            onClick={() => this._setYear(year.year)}\n                            class={`year ${year.active && 'active'} ${\n                                year.current && 'current'\n                            }`}\n                        >\n                            {year.year}\n                        </div>\n                    ))}\n                </div>\n            </div>\n        );\n    }\n\n    private _setYear(year: number) {\n        const date = setYear(this._viewDate, year);\n        if (this.mode === 'year') {\n            return this._setValue(setMonth(setDate(date, 1), 0));\n        }\n\n        this._viewDate = setYear(this._viewDate, year);\n        this._view = 'month';\n    }\n\n    private _setMonth(month: number) {\n        const date = setMonth(this._viewDate, month);\n        if (this.mode === 'month') {\n            return this._setValue(setDate(date, 1));\n        }\n\n        this._viewDate = date;\n        this._view = 'day';\n    }\n\n    private _changeMonth(amount = 1) {\n        const allowed = this._canSetAmount('month', amount);\n        if (!allowed) {\n            return;\n        }\n\n        const newDate = addMonths(this._viewDate, amount);\n        this._viewDate = newDate;\n    }\n\n    private _changeYear(amount = 1) {\n        const allowed = this._canSetAmount('year', amount);\n        if (!allowed) {\n            return;\n        }\n\n        let newDate = addYears(this._viewDate, amount);\n        this._viewDate = newDate;\n    }\n\n    private _setValue(value: Date) {\n        if (value === null) {\n            this._value = null;\n            this.valueChange.emit(null);\n            return;\n        }\n\n        if (!isValid(value)) {\n            return;\n        }\n\n        if (this._isDisabledDay(value)) {\n            return;\n        }\n\n        value = startOfDay(value);\n        const isSameValue = isSameDay(value, this._value);\n\n        if (isSameValue) {\n            return;\n        }\n\n        this._value = value;\n        this.valueChange.emit(value);\n    }\n\n    private _generateDaysInMonth() {\n        const days = Array.from(Array(getDaysInMonth(this._viewDate)).keys());\n\n        return days.map((day) => {\n            day = day + 1;\n            const date = setDate(this._viewDate, day);\n\n            const dayOfWeek = getDay(date);\n            return {\n                day,\n                date,\n                offset: day === 1 ? (dayOfWeek === 0 ? 7 : dayOfWeek) : false,\n                current: isSameDay(date, this._today),\n                active: isSameDay(date, this._value),\n                disabled: this._isDisabledDay(date),\n            };\n        });\n    }\n\n    private _isDisabledDay(day: Date) {\n        return (\n            (isBefore(day, this._minDate) && !isSameDay(day, this._maxDate)) ||\n            (isAfter(day, this._maxDate) && !isSameDay(day, this._maxDate)) ||\n            ((getDay(day) === 0 || getDay(day) === 6) &&\n                this.disableWeekends) ||\n            this._disabledDates.findIndex((date) => isSameDay(date, day)) >= 0\n        );\n    }\n\n    private _generateMonths() {\n        const year = getYear(this._viewDate);\n        const months = Array.from(Array(12).keys());\n\n        return months.map((month) => {\n            const date = new Date(year, month, 1);\n            return {\n                month,\n                current: isSameMonth(this._today, date),\n                active: isSameMonth(this._value, date),\n                disabled:\n                    isAfter(date, this._maxDate) ||\n                    isBefore(endOfMonth(date), this._minDate),\n            };\n        });\n    }\n\n    private _generateYears() {\n        const maxYear = getYear(this._maxDate) + 1;\n        const minYear = getYear(this._minDate);\n\n        return Array.from(Array(maxYear - minYear).keys()).map((index) => {\n            const year = minYear + index;\n            return {\n                year,\n                current: getYear(this._today) === year,\n                active: getYear(this._value) === year,\n            };\n        });\n    }\n\n    private _scrollYearIntoView() {\n        const items = this._el.shadowRoot.querySelector('.view-year .items');\n        if (!items) {\n            return;\n        }\n\n        const active = items.querySelector('.year.active') as HTMLElement;\n        if (active) {\n            return items.scrollTo({\n                top: active.offsetTop,\n            });\n        }\n\n        const current = items.querySelector('.year.current') as HTMLElement;\n        if (current) {\n            return items.scrollTo({\n                top: current.offsetTop,\n            });\n        }\n    }\n\n    private _changeView(view: 'year' | 'month') {\n        if (!this._canChangeView(view)) {\n            return;\n        }\n\n        this._view = view;\n    }\n\n    private _canChangeView(view: 'year' | 'month') {\n        if (view === 'year') {\n            if (isSameYear(this._minDate, this._maxDate)) {\n                return false;\n            }\n\n            return true;\n        }\n\n        if (isSameMonth(this._minDate, this._maxDate)) {\n            return false;\n        }\n\n        return true;\n    }\n\n    private _canSetAmount(type: 'month' | 'year', amount = 1) {\n        if (type === 'month') {\n            const newDate = addMonths(this._viewDate, amount);\n            const startNewDate = startOfMonth(newDate);\n            if (\n                (isBefore(startNewDate, startOfMonth(this._minDate)) &&\n                    !isSameDay(startNewDate, this._minDate)) ||\n                isAfter(startNewDate, endOfMonth(this._maxDate))\n            ) {\n                return false;\n            }\n        }\n\n        if (type === 'year') {\n            let newDate = addYears(this._viewDate, amount);\n            const year = getYear(newDate);\n            if (\n                year < getYear(this._minDate) ||\n                year > getYear(this._maxDate)\n            ) {\n                return false;\n            }\n        }\n\n        return true;\n    }\n\n    private _getAutomaticMax() {\n        const date = addYears(new Date(), 50);\n\n        let year = getYear(date);\n        year = Math.ceil(year / 10) * 10;\n\n        return setYear(date, year);\n    }\n}\n"]}
+{"version":3,"file":"calendar.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/calendar/calendar.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport {\n\taddDays,\n\taddMonths,\n\taddYears,\n\tendOfMonth,\n\tformat,\n\tgetDay,\n\tgetDaysInMonth,\n\tgetYear,\n\tisAfter,\n\tisBefore,\n\tisSameDay,\n\tisSameMonth,\n\tisSameYear,\n\tisValid,\n\tsetDate,\n\tsetMonth,\n\tsetYear,\n\tstartOfDay,\n\tstartOfMonth,\n} from 'date-fns';\n\n@Component({\n\ttag: 'p-calendar',\n\tstyleUrl: 'calendar.component.scss',\n\tshadow: true,\n})\nexport class Calendar {\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() variant: 'default' | 'embedded' = 'default';\n\n\t/**\n\t * The current value\n\t */\n\t@Prop() value?: Date | string;\n\n\t/**\n\t * Wether to automatically preselect today\n\t */\n\t@Prop() preselectToday: boolean = false;\n\n\t/**\n\t * Disabled dates\n\t */\n\t@Prop() disabledDates?: Array<Date | string> | string;\n\n\t/**\n\t * Min date\n\t */\n\t@Prop() minDate: Date | string = new Date(1970, 0, 1);\n\n\t/**\n\t * Max date\n\t */\n\t@Prop() maxDate: Date | string = this._getAutomaticMax();\n\n\t/**\n\t * Wether to disable the weekends\n\t */\n\t@Prop() disableWeekends: boolean = false;\n\n\t/**\n\t * The mode of the datepicker\n\t */\n\t@Prop() mode: 'year' | 'month' | 'day' = 'day';\n\n\t/**\n\t * Event when the value changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tvalueChange: EventEmitter<any>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _today = new Date();\n\t@State() private _view: 'year' | 'month' | 'day' = this.mode;\n\t@State() private _viewDate = this._today;\n\n\t@State() private _value: Date;\n\t@State() private _minDate: Date;\n\t@State() private _maxDate: Date;\n\t@State() private _disabledDates: Date[] = [];\n\n\tprivate _weekDays = Array.from(Array(7).keys());\n\n\tcomponentWillLoad() {\n\t\tif (this.disabledDates) {\n\t\t\tthis._parseDisabledDates(this.disabledDates);\n\t\t}\n\n\t\tif (this.minDate) {\n\t\t\tthis._parseMinDate(this.minDate);\n\t\t}\n\n\t\tif (this.maxDate) {\n\t\t\tthis._parseMaxDate(this.maxDate);\n\t\t}\n\n\t\tthis._parseValue(this.value);\n\n\t\tif (this._value) {\n\t\t\tthis._viewDate = this._value;\n\t\t}\n\n\t\tif (isBefore(this._viewDate, this._minDate)) {\n\t\t\tthis._viewDate = this._minDate;\n\t\t}\n\n\t\tif (isAfter(this._viewDate, this._maxDate)) {\n\t\t\tthis._viewDate = this._maxDate;\n\t\t}\n\t}\n\n\tcomponentDidRender() {\n\t\tif (this._view === 'year') {\n\t\t\tthis._scrollYearIntoView();\n\t\t}\n\t}\n\n\t@Watch('value')\n\tprivate _parseValue(value: string | Date) {\n\t\tif (!value && this.preselectToday) {\n\t\t\tvalue = new Date();\n\t\t}\n\n\t\tif (typeof value === 'string') {\n\t\t\tvalue = new Date(value);\n\t\t}\n\n\t\tthis._setValue(value);\n\t}\n\n\t@Watch('minDate')\n\tprivate _parseMinDate(minDate: string | Date) {\n\t\tif (typeof minDate === 'string') {\n\t\t\tminDate = new Date(minDate);\n\t\t}\n\n\t\tif (!isValid(minDate)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._minDate = minDate;\n\n\t\tif (isBefore(this._viewDate, this._minDate)) {\n\t\t\tthis._viewDate = this._minDate;\n\t\t}\n\t}\n\n\t@Watch('maxDate')\n\tprivate _parseMaxDate(maxDate: string | Date) {\n\t\tif (typeof maxDate === 'string') {\n\t\t\tmaxDate = new Date(maxDate);\n\t\t}\n\n\t\tif (!isValid(maxDate)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._maxDate = maxDate;\n\n\t\tif (isAfter(this._viewDate, this._maxDate)) {\n\t\t\tthis._viewDate = this._maxDate;\n\t\t}\n\t}\n\n\t@Watch('disabledDates')\n\tprivate _parseDisabledDates(disabledDates: Array<string | Date> | string) {\n\t\tif (typeof disabledDates === 'string') {\n\t\t\tdisabledDates = JSON.parse(disabledDates);\n\t\t}\n\n\t\tif (!disabledDates || !Array.isArray(disabledDates)) {\n\t\t\treturn;\n\t\t}\n\n\t\t// normalize all to date\n\t\tthis._disabledDates = disabledDates\n\t\t\t.map((date) => {\n\t\t\t\tif (typeof date === 'string') {\n\t\t\t\t\treturn new Date(date);\n\t\t\t\t}\n\n\t\t\t\treturn date;\n\t\t\t})\n\t\t\t.filter((date) => isValid(date));\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-calendar variant-${this.variant}`}>\n\t\t\t\t{this._getView()}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getView() {\n\t\tif (this._view === 'year') {\n\t\t\treturn this._getYearView();\n\t\t}\n\n\t\tif (this._view === 'month') {\n\t\t\treturn this._getMonthView();\n\t\t}\n\n\t\treturn this._getDayView();\n\t}\n\n\t/* With this, we shall hack the system in ways no one would ever have thought.\n       <div class=\"col-start-1 col-start-2 col-start-3 col-start-4 col-start-5 col-start-6 col-start-7\"></div>\n   */\n\tprivate _getDayView() {\n\t\tconst daysInMonth = this._generateDaysInMonth();\n\t\treturn (\n\t\t\t<div class=\"view-day\">\n\t\t\t\t<div class=\"header\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={`nav ${\n\t\t\t\t\t\t\t!this._canSetAmount('month', -1) && 'disabled'\n\t\t\t\t\t\t}`}\n\t\t\t\t\t\tonClick={() => this._changeMonth(-1)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant=\"chevron\" rotate={90} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tonClick={() => this._changeView('month')}\n\t\t\t\t\t\t\tclass={!this._canChangeView('month') && 'disabled'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{format(this._viewDate, 'MMMM')}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tonClick={() => this._changeView('year')}\n\t\t\t\t\t\t\tclass={`year ${\n\t\t\t\t\t\t\t\t!this._canChangeView('year') && 'disabled'\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{getYear(this._viewDate)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={`nav ${\n\t\t\t\t\t\t\t!this._canSetAmount('month', 1) && 'disabled'\n\t\t\t\t\t\t}`}\n\t\t\t\t\t\tonClick={() => this._changeMonth(1)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant=\"chevron\" rotate={-90} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"dates\">\n\t\t\t\t\t{this._weekDays.map((weekday) => (\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{format(\n\t\t\t\t\t\t\t\taddDays(new Date(2022, 7, 1), weekday),\n\t\t\t\t\t\t\t\t'eee'\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t))}\n\t\t\t\t\t{daysInMonth.map((day) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<time\n\t\t\t\t\t\t\t\tclass={`day ${day.active && 'active'} ${\n\t\t\t\t\t\t\t\t\tday.disabled && 'disabled'\n\t\t\t\t\t\t\t\t} ${day.current && 'current'} ${\n\t\t\t\t\t\t\t\t\tday.offset !== false &&\n\t\t\t\t\t\t\t\t\t`col-start-${day.offset}`\n\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\tonClick={() => this._setValue(day.date)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{day.day}\n\t\t\t\t\t\t\t</time>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _getMonthView() {\n\t\tconst months = this._generateMonths();\n\t\treturn (\n\t\t\t<div class=\"view-month\">\n\t\t\t\t<div class=\"header\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={`nav ${\n\t\t\t\t\t\t\t!this._canSetAmount('year', -1) && 'disabled'\n\t\t\t\t\t\t}`}\n\t\t\t\t\t\tonClick={() => this._changeYear(-1)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant=\"chevron\" rotate={90} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tonClick={() => this._changeView('year')}\n\t\t\t\t\t\t\tclass={`year ${\n\t\t\t\t\t\t\t\t!this._canChangeView('year') && 'disabled'\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{getYear(this._viewDate)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={`nav ${\n\t\t\t\t\t\t\t!this._canSetAmount('year', 1) && 'disabled'\n\t\t\t\t\t\t}`}\n\t\t\t\t\t\tonClick={() => this._changeYear(1)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant=\"chevron\" rotate={-90} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"items\">\n\t\t\t\t\t{months.map((month) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tonClick={() => this._setMonth(month.month)}\n\t\t\t\t\t\t\tclass={`month ${month.active && 'active'} ${\n\t\t\t\t\t\t\t\tmonth.disabled && 'disabled'\n\t\t\t\t\t\t\t} ${month.current && 'current'}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{format(setMonth(new Date(), month.month), 'MMMM')}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _getYearView() {\n\t\tconst years = this._generateYears();\n\t\treturn (\n\t\t\t<div class=\"view-year\">\n\t\t\t\t<div class=\"header\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span class=\"year disabled\">\n\t\t\t\t\t\t\t{years?.[0].year} - {years?.[years.length - 1].year}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"items\">\n\t\t\t\t\t{years.map((year) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tonClick={() => this._setYear(year.year)}\n\t\t\t\t\t\t\tclass={`year ${year.active && 'active'} ${\n\t\t\t\t\t\t\t\tyear.current && 'current'\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{year.year}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _setYear(year: number) {\n\t\tconst date = setYear(this._viewDate, year);\n\t\tif (this.mode === 'year') {\n\t\t\treturn this._setValue(setMonth(setDate(date, 1), 0));\n\t\t}\n\n\t\tthis._viewDate = setYear(this._viewDate, year);\n\t\tthis._view = 'month';\n\t}\n\n\tprivate _setMonth(month: number) {\n\t\tconst date = setMonth(this._viewDate, month);\n\t\tif (this.mode === 'month') {\n\t\t\treturn this._setValue(setDate(date, 1));\n\t\t}\n\n\t\tthis._viewDate = date;\n\t\tthis._view = 'day';\n\t}\n\n\tprivate _changeMonth(amount = 1) {\n\t\tconst allowed = this._canSetAmount('month', amount);\n\t\tif (!allowed) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst newDate = addMonths(this._viewDate, amount);\n\t\tthis._viewDate = newDate;\n\t}\n\n\tprivate _changeYear(amount = 1) {\n\t\tconst allowed = this._canSetAmount('year', amount);\n\t\tif (!allowed) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet newDate = addYears(this._viewDate, amount);\n\t\tthis._viewDate = newDate;\n\t}\n\n\tprivate _setValue(value: Date) {\n\t\tif (value === null) {\n\t\t\tthis._value = null;\n\t\t\tthis.valueChange.emit(null);\n\t\t\treturn;\n\t\t}\n\n\t\tif (!isValid(value)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._isDisabledDay(value)) {\n\t\t\treturn;\n\t\t}\n\n\t\tvalue = startOfDay(value);\n\t\tconst isSameValue = isSameDay(value, this._value);\n\n\t\tif (isSameValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._value = value;\n\t\tthis.valueChange.emit(value);\n\t}\n\n\tprivate _generateDaysInMonth() {\n\t\tconst days = Array.from(Array(getDaysInMonth(this._viewDate)).keys());\n\n\t\treturn days.map((day) => {\n\t\t\tday = day + 1;\n\t\t\tconst date = setDate(this._viewDate, day);\n\n\t\t\tconst dayOfWeek = getDay(date);\n\t\t\treturn {\n\t\t\t\tday,\n\t\t\t\tdate,\n\t\t\t\toffset: day === 1 ? (dayOfWeek === 0 ? 7 : dayOfWeek) : false,\n\t\t\t\tcurrent: isSameDay(date, this._today),\n\t\t\t\tactive: isSameDay(date, this._value),\n\t\t\t\tdisabled: this._isDisabledDay(date),\n\t\t\t};\n\t\t});\n\t}\n\n\tprivate _isDisabledDay(day: Date) {\n\t\treturn (\n\t\t\t(isBefore(day, this._minDate) && !isSameDay(day, this._maxDate)) ||\n\t\t\t(isAfter(day, this._maxDate) && !isSameDay(day, this._maxDate)) ||\n\t\t\t((getDay(day) === 0 || getDay(day) === 6) &&\n\t\t\t\tthis.disableWeekends) ||\n\t\t\tthis._disabledDates.findIndex((date) => isSameDay(date, day)) >= 0\n\t\t);\n\t}\n\n\tprivate _generateMonths() {\n\t\tconst year = getYear(this._viewDate);\n\t\tconst months = Array.from(Array(12).keys());\n\n\t\treturn months.map((month) => {\n\t\t\tconst date = new Date(year, month, 1);\n\t\t\treturn {\n\t\t\t\tmonth,\n\t\t\t\tcurrent: isSameMonth(this._today, date),\n\t\t\t\tactive: isSameMonth(this._value, date),\n\t\t\t\tdisabled:\n\t\t\t\t\tisAfter(date, this._maxDate) ||\n\t\t\t\t\tisBefore(endOfMonth(date), this._minDate),\n\t\t\t};\n\t\t});\n\t}\n\n\tprivate _generateYears() {\n\t\tconst maxYear = getYear(this._maxDate) + 1;\n\t\tconst minYear = getYear(this._minDate);\n\n\t\treturn Array.from(Array(maxYear - minYear).keys()).map((index) => {\n\t\t\tconst year = minYear + index;\n\t\t\treturn {\n\t\t\t\tyear,\n\t\t\t\tcurrent: getYear(this._today) === year,\n\t\t\t\tactive: getYear(this._value) === year,\n\t\t\t};\n\t\t});\n\t}\n\n\tprivate _scrollYearIntoView() {\n\t\tconst items = this._el.shadowRoot.querySelector('.view-year .items');\n\t\tif (!items) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst active = items.querySelector('.year.active') as HTMLElement;\n\t\tif (active) {\n\t\t\treturn items.scrollTo({\n\t\t\t\ttop: active.offsetTop,\n\t\t\t});\n\t\t}\n\n\t\tconst current = items.querySelector('.year.current') as HTMLElement;\n\t\tif (current) {\n\t\t\treturn items.scrollTo({\n\t\t\t\ttop: current.offsetTop,\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate _changeView(view: 'year' | 'month') {\n\t\tif (!this._canChangeView(view)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._view = view;\n\t}\n\n\tprivate _canChangeView(view: 'year' | 'month') {\n\t\tif (view === 'year') {\n\t\t\tif (isSameYear(this._minDate, this._maxDate)) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn true;\n\t\t}\n\n\t\tif (isSameMonth(this._minDate, this._maxDate)) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\tprivate _canSetAmount(type: 'month' | 'year', amount = 1) {\n\t\tif (type === 'month') {\n\t\t\tconst newDate = addMonths(this._viewDate, amount);\n\t\t\tconst startNewDate = startOfMonth(newDate);\n\t\t\tif (\n\t\t\t\t(isBefore(startNewDate, startOfMonth(this._minDate)) &&\n\t\t\t\t\t!isSameDay(startNewDate, this._minDate)) ||\n\t\t\t\tisAfter(startNewDate, endOfMonth(this._maxDate))\n\t\t\t) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\tif (type === 'year') {\n\t\t\tlet newDate = addYears(this._viewDate, amount);\n\t\t\tconst year = getYear(newDate);\n\t\t\tif (\n\t\t\t\tyear < getYear(this._minDate) ||\n\t\t\t\tyear > getYear(this._maxDate)\n\t\t\t) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\tprivate _getAutomaticMax() {\n\t\tconst date = addYears(new Date(), 50);\n\n\t\tlet year = getYear(date);\n\t\tyear = Math.ceil(year / 10) * 10;\n\n\t\treturn setYear(date, year);\n\t}\n}\n"]}

package/dist/collection/components/molecules/calendar/test/calendar.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/calendar/test/calendar.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IACnD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-calendar', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-calendar></p-calendar>');\n        const element = await page.find('p-calendar');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-calendar></p-calendar>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-calendar');\n        expect(element.textContent).toEqual(``);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"calendar.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/calendar/test/calendar.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC3B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IACnD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-calendar', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-calendar></p-calendar>');\n\t\tconst element = await page.find('p-calendar');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-calendar></p-calendar>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-calendar');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/molecules/calendar/test/calendar.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/calendar/test/calendar.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,QAAQ,CAAC;MACtB,IAAI,EAAE,2BAA2B;KACpC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Calendar } from '../calendar.component';\n\ndescribe('p-calendar', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [Calendar],\n            html: '<p-calendar></p-calendar>',\n        });\n        expect(root).toEqualHtml(`\n      <p-calendar class=\"p-calendar\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-calendar>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"calendar.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/calendar/test/calendar.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC3B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,QAAQ,CAAC;MACtB,IAAI,EAAE,2BAA2B;KACjC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Calendar } from '../calendar.component';\n\ndescribe('p-calendar', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Calendar],\n\t\t\thtml: '<p-calendar></p-calendar>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-calendar class=\"p-calendar\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-calendar>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/molecules/content-slider/content-slider.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-slider.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/content-slider/content-slider.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Element,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-content-slider',\n    styleUrl: 'content-slider.component.scss',\n    shadow: true,\n})\nexport class ContentSlider {\n    /**\n     * Wether to hide the indicator on mobile\n     */\n    @Prop() hideMobileIndicator: boolean = false;\n\n    /**\n     * Wether to disable dragging the content\n     */\n    @Prop() disableDrag: boolean = false;\n\n    /**\n     * Wether to disable auto centering the content\n     */\n    @Prop() disableAutoCenter: boolean = false;\n\n    /**\n     * Wether to disable clicking the indicator scrolls content\n     */\n    @Prop() disableIndicatorClick: boolean = false;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _visibleIndex: number;\n    @State() private _outerHeight = 0;\n    @State() private _totalWidth = 0;\n    private _sliderRef: HTMLElement;\n    private _innerSliderRef: HTMLElement;\n    private _items: HTMLElement[] = [];\n    private _innerSliderResizeObserver: ResizeObserver;\n\n    // mouse movement stuff\n    private _startX: number;\n    private _startMouseX: number;\n    private _lastMouseX: number;\n    private _lastIndex: number;\n    private _shouldCheckLocation = false;\n    @State() private _dragging = false;\n\n    componentWillRender() {\n        const items = this._el.querySelectorAll(':scope > *');\n        this._items = Array.from(items) as HTMLElement[];\n    }\n\n    componentDidLoad() {\n        this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n        this._calculateWidth();\n        this._calculateIndicator();\n    }\n\n    disconnectedCallback() {\n        if (this._innerSliderResizeObserver) {\n            this._innerSliderResizeObserver.disconnect();\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-content-slider\">\n                <div\n                    class={`slider ${!this.disableDrag && 'draggable'} ${\n                        this._dragging && 'dragging'\n                    }`}\n                    style={{\n                        height: `${this._outerHeight}px`,\n                    }}\n                    ref={(el) => (this._sliderRef = el)}\n                    onMouseDown={(e) => this._mouseDownHandler(e)}\n                    onTouchStart={(e) => this._mouseDownHandler(e)}\n                    onMouseMove={(e) => this._mouseMoveHandler(e)}\n                    onTouchMove={(e) => this._mouseMoveHandler(e)}\n                >\n                    <div\n                        class=\"inner-slider\"\n                        ref={(ref) => this._setInnerSliderReft(ref)}\n                        onTransitionEnd={() => this._transitionEndHandler()}\n                    >\n                        <slot />\n                    </div>\n                </div>\n                <div\n                    class={`indicator ${this.hideMobileIndicator && 'hidden'}`}\n                >\n                    {this._items.map((_, i) => (\n                        <div\n                            onClick={() => this._scrollTo(i, true)}\n                            class={`item ${\n                                !this.disableIndicatorClick && 'cursor-pointer'\n                            }`}\n                        >\n                            <p-slider-indicator\n                                active={i === this._visibleIndex}\n                            />\n                        </div>\n                    ))}\n                </div>\n            </Host>\n        );\n    }\n\n    private _mouseDownHandler(e) {\n        if (this.disableDrag || this._dragging) {\n            return;\n        }\n\n        const innerSliderStyle = getComputedStyle(this._innerSliderRef);\n        if (innerSliderStyle.flexWrap === 'wrap') {\n            return;\n        }\n\n        this._startMouseX = e.x;\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n        if (e.type === 'touchstart') {\n            this._startMouseX = e.touches?.[0].clientX;\n        }\n\n        const innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n        const offsetLeft = innerSliderRect.x - sliderRect.x;\n\n        this._startX = this._startMouseX - sliderRect.x - offsetLeft;\n        this._lastIndex = this._visibleIndex;\n        this._dragging = true;\n    }\n\n    private _mouseMoveHandler(e) {\n        if (!e || !this._dragging || this.disableDrag) {\n            return;\n        }\n\n        e.preventDefault();\n\n        this._shouldCheckLocation = true;\n\n        if (\n            this._innerSliderRef.style.getPropertyValue('pointer-events') === ''\n        ) {\n            this._innerSliderRef.style.pointerEvents = 'none';\n        }\n\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n        let x = e.clientX - sliderRect.left;\n        this._lastMouseX = e.x;\n        if (e.type === 'touchmove') {\n            x = e.touches?.[0].clientX - sliderRect.left;\n            this._lastMouseX = e.touches?.[0].clientX;\n        }\n\n        this._innerSliderRef.style.setProperty(\n            '--tw-translate-x',\n            `${x - this._startX}px`\n        );\n\n        this._checkBoundary();\n        this._calculateIndicator();\n    }\n\n    private _transitionEndHandler() {\n        this._calculateIndicator();\n    }\n\n    @Listen('mouseup', { target: 'window' })\n    @Listen('touchend', { target: 'window' })\n    mouseUpHandler() {\n        this._dragging = false;\n        this._innerSliderRef.style.removeProperty('pointer-events');\n\n        this._checkLocation();\n    }\n\n    @Listen('resize', { target: 'window' })\n    resizeHandler() {\n        if (this._innerSliderRef) {\n            this._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n            this._calculateWidth();\n            this._calculateIndicator();\n        }\n    }\n\n    private _setInnerSliderReft(ref) {\n        this._innerSliderRef = ref;\n        this._innerSliderResizeObserver = new ResizeObserver(() =>\n            this._calculateHeight()\n        );\n        this._innerSliderResizeObserver.observe(this._innerSliderRef);\n    }\n\n    private _scrollTo(i: number, manual = false) {\n        if (this.disableIndicatorClick && manual) {\n            return;\n        }\n\n        const el = this._items[i];\n\n        if (i === 0) {\n            this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n            return;\n        }\n\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n        const innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n        const elRect = el.getBoundingClientRect();\n\n        const offsetLeft = elRect.x - innerSliderRect.x;\n\n        const centerOffset =\n            offsetLeft + elRect.width / 2 - sliderRect.width / 2;\n\n        this._innerSliderRef.style.setProperty(\n            '--tw-translate-x',\n            `-${centerOffset}px`\n        );\n\n        this._checkBoundary();\n        this._calculateIndicator();\n    }\n\n    private _checkBoundary() {\n        let outer = this._sliderRef.getBoundingClientRect();\n\n        const left = parseInt(\n            this._innerSliderRef.style.getPropertyValue('--tw-translate-x')\n        );\n        if (left > 0) {\n            this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n        }\n\n        const maxLeft = (this._totalWidth - outer.width) * -1;\n        if (left < maxLeft) {\n            this._innerSliderRef.style.setProperty(\n                '--tw-translate-x',\n                `${maxLeft}px`\n            );\n        }\n    }\n\n    private _calculateIndicator() {\n        for (let i = 0; i < this._items.length; i++) {\n            const item = this._items[i];\n            const visible = this._isVisible(item);\n\n            if (visible) {\n                this._visibleIndex = i;\n            }\n\n            if (i === 0 && visible) {\n                break;\n            }\n        }\n    }\n\n    private _checkLocation() {\n        if (!this._shouldCheckLocation) {\n            return;\n        }\n\n        let scrollToIndex = null;\n        if (this._lastIndex !== this._visibleIndex) {\n            scrollToIndex = this._visibleIndex;\n        }\n\n        if (this._lastIndex === this._visibleIndex) {\n            if (this._lastMouseX > this._startMouseX && this._lastIndex !== 0) {\n                scrollToIndex = this._lastIndex - 1;\n            }\n\n            if (\n                this._lastMouseX < this._startMouseX &&\n                this._lastIndex !== this._items?.length - 1\n            ) {\n                scrollToIndex = this._lastIndex + 1;\n            }\n        }\n\n        if (scrollToIndex !== null) {\n            this._shouldCheckLocation = false;\n            setTimeout(() => this._scrollTo(scrollToIndex), 100);\n        }\n    }\n\n    private _isVisible(el: HTMLElement) {\n        if (!this._el || !el) {\n            return false;\n        }\n\n        const elRect = el.getBoundingClientRect();\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n\n        return (\n            (elRect.left >= sliderRect.left &&\n                elRect.right <= sliderRect.right) ||\n            (this._isMobile(el) &&\n                elRect.left + elRect.width / 2 >= sliderRect.left &&\n                elRect.left + elRect.width / 2 <= sliderRect.right)\n        );\n    }\n\n    private _calculateWidth() {\n        let totalWidth = 0;\n\n        for (let item of this._items) {\n            const rect = item.getBoundingClientRect();\n            totalWidth += rect.width;\n        }\n\n        const sliderStyle = getComputedStyle(this._sliderRef);\n        const padding = parseInt(sliderStyle.padding) * 2;\n\n        const innerSliderStyle = getComputedStyle(this._innerSliderRef);\n        const gap = parseInt(innerSliderStyle.gap) * (this._items.length - 1);\n\n        totalWidth += padding + gap;\n\n        this._totalWidth = totalWidth;\n    }\n\n    private _calculateHeight() {\n        const outerHeight = this._items.at(0).getBoundingClientRect().height;\n        if (outerHeight != this._outerHeight) {\n            this._outerHeight = outerHeight;\n        }\n    }\n\n    private _isMobile(el?: HTMLElement) {\n        if (!el) {\n            el = this._items.at(0);\n        }\n\n        const elRect = el.getBoundingClientRect();\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n\n        return sliderRect.width - elRect.width < 10;\n    }\n}\n"]}
+{"version":3,"file":"content-slider.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/content-slider/content-slider.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-content-slider',\n\tstyleUrl: 'content-slider.component.scss',\n\tshadow: true,\n})\nexport class ContentSlider {\n\t/**\n\t * Wether to hide the indicator on mobile\n\t */\n\t@Prop() hideMobileIndicator: boolean = false;\n\n\t/**\n\t * Wether to disable dragging the content\n\t */\n\t@Prop() disableDrag: boolean = false;\n\n\t/**\n\t * Wether to disable auto centering the content\n\t */\n\t@Prop() disableAutoCenter: boolean = false;\n\n\t/**\n\t * Wether to disable clicking the indicator scrolls content\n\t */\n\t@Prop() disableIndicatorClick: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _visibleIndex: number;\n\t@State() private _outerHeight = 0;\n\t@State() private _totalWidth = 0;\n\tprivate _sliderRef: HTMLElement;\n\tprivate _innerSliderRef: HTMLElement;\n\tprivate _items: HTMLElement[] = [];\n\tprivate _innerSliderResizeObserver: ResizeObserver;\n\n\t// mouse movement stuff\n\tprivate _startX: number;\n\tprivate _startMouseX: number;\n\tprivate _lastMouseX: number;\n\tprivate _lastIndex: number;\n\tprivate _shouldCheckLocation = false;\n\t@State() private _dragging = false;\n\n\tcomponentWillRender() {\n\t\tconst items = this._el.querySelectorAll(':scope > *');\n\t\tthis._items = Array.from(items) as HTMLElement[];\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t\tthis._calculateWidth();\n\t\tthis._calculateIndicator();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._innerSliderResizeObserver) {\n\t\t\tthis._innerSliderResizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-content-slider\">\n\t\t\t\t<div\n\t\t\t\t\tclass={`slider ${!this.disableDrag && 'draggable'} ${\n\t\t\t\t\t\tthis._dragging && 'dragging'\n\t\t\t\t\t}`}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: `${this._outerHeight}px`,\n\t\t\t\t\t}}\n\t\t\t\t\tref={(el) => (this._sliderRef = el)}\n\t\t\t\t\tonMouseDown={(e) => this._mouseDownHandler(e)}\n\t\t\t\t\tonTouchStart={(e) => this._mouseDownHandler(e)}\n\t\t\t\t\tonMouseMove={(e) => this._mouseMoveHandler(e)}\n\t\t\t\t\tonTouchMove={(e) => this._mouseMoveHandler(e)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"inner-slider\"\n\t\t\t\t\t\tref={(ref) => this._setInnerSliderReft(ref)}\n\t\t\t\t\t\tonTransitionEnd={() => this._transitionEndHandler()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass={`indicator ${this.hideMobileIndicator && 'hidden'}`}\n\t\t\t\t>\n\t\t\t\t\t{this._items.map((_, i) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tonClick={() => this._scrollTo(i, true)}\n\t\t\t\t\t\t\tclass={`item ${\n\t\t\t\t\t\t\t\t!this.disableIndicatorClick && 'cursor-pointer'\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-slider-indicator\n\t\t\t\t\t\t\t\tactive={i === this._visibleIndex}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _mouseDownHandler(e) {\n\t\tif (this.disableDrag || this._dragging) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst innerSliderStyle = getComputedStyle(this._innerSliderRef);\n\t\tif (innerSliderStyle.flexWrap === 'wrap') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._startMouseX = e.x;\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tif (e.type === 'touchstart') {\n\t\t\tthis._startMouseX = e.touches?.[0].clientX;\n\t\t}\n\n\t\tconst innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n\t\tconst offsetLeft = innerSliderRect.x - sliderRect.x;\n\n\t\tthis._startX = this._startMouseX - sliderRect.x - offsetLeft;\n\t\tthis._lastIndex = this._visibleIndex;\n\t\tthis._dragging = true;\n\t}\n\n\tprivate _mouseMoveHandler(e) {\n\t\tif (!e || !this._dragging || this.disableDrag) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\n\t\tthis._shouldCheckLocation = true;\n\n\t\tif (\n\t\t\tthis._innerSliderRef.style.getPropertyValue('pointer-events') === ''\n\t\t) {\n\t\t\tthis._innerSliderRef.style.pointerEvents = 'none';\n\t\t}\n\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tlet x = e.clientX - sliderRect.left;\n\t\tthis._lastMouseX = e.x;\n\t\tif (e.type === 'touchmove') {\n\t\t\tx = e.touches?.[0].clientX - sliderRect.left;\n\t\t\tthis._lastMouseX = e.touches?.[0].clientX;\n\t\t}\n\n\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t'--tw-translate-x',\n\t\t\t`${x - this._startX}px`\n\t\t);\n\n\t\tthis._checkBoundary();\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _transitionEndHandler() {\n\t\tthis._calculateIndicator();\n\t}\n\n\t@Listen('mouseup', { target: 'window' })\n\t@Listen('touchend', { target: 'window' })\n\tmouseUpHandler() {\n\t\tthis._dragging = false;\n\t\tthis._innerSliderRef.style.removeProperty('pointer-events');\n\n\t\tthis._checkLocation();\n\t}\n\n\t@Listen('resize', { target: 'window' })\n\tresizeHandler() {\n\t\tif (this._innerSliderRef) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n\t\t\tthis._calculateWidth();\n\t\t\tthis._calculateIndicator();\n\t\t}\n\t}\n\n\tprivate _setInnerSliderReft(ref) {\n\t\tthis._innerSliderRef = ref;\n\t\tthis._innerSliderResizeObserver = new ResizeObserver(() =>\n\t\t\tthis._calculateHeight()\n\t\t);\n\t\tthis._innerSliderResizeObserver.observe(this._innerSliderRef);\n\t}\n\n\tprivate _scrollTo(i: number, manual = false) {\n\t\tif (this.disableIndicatorClick && manual) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst el = this._items[i];\n\n\t\tif (i === 0) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t\t\treturn;\n\t\t}\n\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tconst innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n\t\tconst elRect = el.getBoundingClientRect();\n\n\t\tconst offsetLeft = elRect.x - innerSliderRect.x;\n\n\t\tconst centerOffset =\n\t\t\toffsetLeft + elRect.width / 2 - sliderRect.width / 2;\n\n\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t'--tw-translate-x',\n\t\t\t`-${centerOffset}px`\n\t\t);\n\n\t\tthis._checkBoundary();\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _checkBoundary() {\n\t\tlet outer = this._sliderRef.getBoundingClientRect();\n\n\t\tconst left = parseInt(\n\t\t\tthis._innerSliderRef.style.getPropertyValue('--tw-translate-x')\n\t\t);\n\t\tif (left > 0) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t\t}\n\n\t\tconst maxLeft = (this._totalWidth - outer.width) * -1;\n\t\tif (left < maxLeft) {\n\t\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t\t'--tw-translate-x',\n\t\t\t\t`${maxLeft}px`\n\t\t\t);\n\t\t}\n\t}\n\n\tprivate _calculateIndicator() {\n\t\tfor (let i = 0; i < this._items.length; i++) {\n\t\t\tconst item = this._items[i];\n\t\t\tconst visible = this._isVisible(item);\n\n\t\t\tif (visible) {\n\t\t\t\tthis._visibleIndex = i;\n\t\t\t}\n\n\t\t\tif (i === 0 && visible) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _checkLocation() {\n\t\tif (!this._shouldCheckLocation) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet scrollToIndex = null;\n\t\tif (this._lastIndex !== this._visibleIndex) {\n\t\t\tscrollToIndex = this._visibleIndex;\n\t\t}\n\n\t\tif (this._lastIndex === this._visibleIndex) {\n\t\t\tif (this._lastMouseX > this._startMouseX && this._lastIndex !== 0) {\n\t\t\t\tscrollToIndex = this._lastIndex - 1;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tthis._lastMouseX < this._startMouseX &&\n\t\t\t\tthis._lastIndex !== this._items?.length - 1\n\t\t\t) {\n\t\t\t\tscrollToIndex = this._lastIndex + 1;\n\t\t\t}\n\t\t}\n\n\t\tif (scrollToIndex !== null) {\n\t\t\tthis._shouldCheckLocation = false;\n\t\t\tsetTimeout(() => this._scrollTo(scrollToIndex), 100);\n\t\t}\n\t}\n\n\tprivate _isVisible(el: HTMLElement) {\n\t\tif (!this._el || !el) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst elRect = el.getBoundingClientRect();\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\n\t\treturn (\n\t\t\t(elRect.left >= sliderRect.left &&\n\t\t\t\telRect.right <= sliderRect.right) ||\n\t\t\t(this._isMobile(el) &&\n\t\t\t\telRect.left + elRect.width / 2 >= sliderRect.left &&\n\t\t\t\telRect.left + elRect.width / 2 <= sliderRect.right)\n\t\t);\n\t}\n\n\tprivate _calculateWidth() {\n\t\tlet totalWidth = 0;\n\n\t\tfor (let item of this._items) {\n\t\t\tconst rect = item.getBoundingClientRect();\n\t\t\ttotalWidth += rect.width;\n\t\t}\n\n\t\tconst sliderStyle = getComputedStyle(this._sliderRef);\n\t\tconst padding = parseInt(sliderStyle.padding) * 2;\n\n\t\tconst innerSliderStyle = getComputedStyle(this._innerSliderRef);\n\t\tconst gap = parseInt(innerSliderStyle.gap) * (this._items.length - 1);\n\n\t\ttotalWidth += padding + gap;\n\n\t\tthis._totalWidth = totalWidth;\n\t}\n\n\tprivate _calculateHeight() {\n\t\tconst outerHeight = this._items.at(0).getBoundingClientRect().height;\n\t\tif (outerHeight != this._outerHeight) {\n\t\t\tthis._outerHeight = outerHeight;\n\t\t}\n\t}\n\n\tprivate _isMobile(el?: HTMLElement) {\n\t\tif (!el) {\n\t\t\tel = this._items.at(0);\n\t\t}\n\n\t\tconst elRect = el.getBoundingClientRect();\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\n\t\treturn sliderRect.width - elRect.width < 10;\n\t}\n}\n"]}

package/dist/collection/components/molecules/content-slider/test/content-slider.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-slider.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/content-slider/test/content-slider.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;EAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uCAAuC,CAAC,CAAC;IAC/D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACpD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uCAAuC,CAAC,CAAC;IAC/D,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACpD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-content-slider', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-content-slider></p-content-slider>');\n        const element = await page.find('p-content-slider');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-content-slider></p-content-slider>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-content-slider');\n        expect(element.textContent).toEqual(``);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"content-slider.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/content-slider/test/content-slider.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;EACjC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uCAAuC,CAAC,CAAC;IAC/D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACpD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uCAAuC,CAAC,CAAC;IAC/D,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACpD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-content-slider', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-content-slider></p-content-slider>');\n\t\tconst element = await page.find('p-content-slider');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-content-slider></p-content-slider>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-content-slider');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/molecules/content-slider/test/content-slider.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-slider.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/content-slider/test/content-slider.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;EAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,aAAa,CAAC;MAC3B,IAAI,EAAE,uCAAuC;KAChD,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { ContentSlider } from '../content-slider.component';\n\ndescribe('p-content-slider', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [ContentSlider],\n            html: '<p-content-slider></p-content-slider>',\n        });\n        expect(root).toEqualHtml(`\n      <p-content-slider class=\"p-content-slider\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-content-slider>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"content-slider.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/content-slider/test/content-slider.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;EACjC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,aAAa,CAAC;MAC3B,IAAI,EAAE,uCAAuC;KAC7C,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { ContentSlider } from '../content-slider.component';\n\ndescribe('p-content-slider', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [ContentSlider],\n\t\t\thtml: '<p-content-slider></p-content-slider>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-content-slider class=\"p-content-slider\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-content-slider>\n    `);\n\t});\n});\n"]}