@paperless/core 1.17.5 → 1.19.0

package/dist/collection/components/atoms/dropdown-menu-item/test/dropdown-menu-item.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-item.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/dropdown-menu-item/test/dropdown-menu-item.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CACjB,mDAAmD,CACtD,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACxD,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,CACjB,mDAAmD,CACtD,CAAC;IACF,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACxD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAE5C,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-dropdown-menu-item', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent(\n            '<p-dropdown-menu-item>Test</p-dropdown-menu-item>'\n        );\n        const element = await page.find('p-dropdown-menu-item');\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(\n            '<p-dropdown-menu-item>Test</p-dropdown-menu-item>'\n        );\n        // const component = await page.find('p-button');\n        const element = await page.find('p-dropdown-menu-item');\n        expect(element.textContent).toEqual(`Test`);\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":"dropdown-menu-item.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/dropdown-menu-item/test/dropdown-menu-item.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;EACrC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CACpB,mDAAmD,CACnD,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACxD,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,CACpB,mDAAmD,CACnD,CAAC;IACF,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACxD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAE5C,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-dropdown-menu-item', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent(\n\t\t\t'<p-dropdown-menu-item>Test</p-dropdown-menu-item>'\n\t\t);\n\t\tconst element = await page.find('p-dropdown-menu-item');\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(\n\t\t\t'<p-dropdown-menu-item>Test</p-dropdown-menu-item>'\n\t\t);\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-dropdown-menu-item');\n\t\texpect(element.textContent).toEqual(`Test`);\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/dropdown-menu-item/test/dropdown-menu-item.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-item.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/dropdown-menu-item/test/dropdown-menu-item.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,gBAAgB,CAAC;MAC9B,IAAI,EAAE,mDAAmD;KAC5D,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { DropdownMenuItem } from '../dropdown-menu-item.component';\n\ndescribe('p-dropdown-menu-item', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [DropdownMenuItem],\n            html: '<p-dropdown-menu-item>Test</p-dropdown-menu-item>',\n        });\n        expect(root).toEqualHtml(`\n      <p-divider class=\"p-dropdown-menu-item\">\n        <mock:shadow-root>\n          Test\n        </mock:shadow-root>\n      </p-divider>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"dropdown-menu-item.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/dropdown-menu-item/test/dropdown-menu-item.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;EACrC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,gBAAgB,CAAC;MAC9B,IAAI,EAAE,mDAAmD;KACzD,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAMtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { DropdownMenuItem } from '../dropdown-menu-item.component';\n\ndescribe('p-dropdown-menu-item', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [DropdownMenuItem],\n\t\t\thtml: '<p-dropdown-menu-item>Test</p-dropdown-menu-item>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-divider class=\"p-dropdown-menu-item\">\n        <mock:shadow-root>\n          Test\n        </mock:shadow-root>\n      </p-divider>\n    `);\n\t});\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"floating-menu-container.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/floating-menu-container/floating-menu-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,qBAAqB;;uBAIC,KAAK;;EAEpC,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,2BAA2B,IAClC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAChB,YAAM,IAAI,EAAC,oBAAoB,GAAG,CACrC,CAAC,CAAC,CAAC,CACA,eAAQ,CACX,CACE,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n    tag: 'p-floating-menu-container',\n    styleUrl: 'floating-menu-container.component.scss',\n    shadow: true,\n})\nexport class FloatingMenuContainer {\n    /**\n     * Weather the container is used in the table\n     */\n    @Prop() usedInTable: boolean = false;\n\n    render() {\n        return (\n            <Host class=\"p-floating-menu-container\">\n                {this.usedInTable ? (\n                    <slot name=\"floating-menu-item\" />\n                ) : (\n                    <slot />\n                )}\n            </Host>\n        );\n    }\n}\n"]}
+{"version":3,"file":"floating-menu-container.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/floating-menu-container/floating-menu-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,qBAAqB;;uBAIF,KAAK;;EAEpC,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,2BAA2B,IACrC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,YAAM,IAAI,EAAC,oBAAoB,GAAG,CAClC,CAAC,CAAC,CAAC,CACH,eAAQ,CACR,CACK,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-floating-menu-container',\n\tstyleUrl: 'floating-menu-container.component.scss',\n\tshadow: true,\n})\nexport class FloatingMenuContainer {\n\t/**\n\t * Weather the container is used in the table\n\t */\n\t@Prop() usedInTable: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-floating-menu-container\">\n\t\t\t\t{this.usedInTable ? (\n\t\t\t\t\t<slot name=\"floating-menu-item\" />\n\t\t\t\t) : (\n\t\t\t\t\t<slot />\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"floating-menu-container.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/floating-menu-container/test/floating-menu-container.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;EACvC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CACjB,yDAAyD,CAC5D,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;IAC7D,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,CACjB,yDAAyD,CAC5D,CAAC;IACF,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;IAC7D,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-floating-menu-container', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent(\n            '<p-floating-menu-container></p-floating-menu-container>'\n        );\n        const element = await page.find('p-floating-menu-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(\n            '<p-floating-menu-container></p-floating-menu-container>'\n        );\n        // const component = await page.find('p-button');\n        const element = await page.find('p-floating-menu-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":"floating-menu-container.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/floating-menu-container/test/floating-menu-container.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;EAC1C,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CACpB,yDAAyD,CACzD,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;IAC7D,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,CACpB,yDAAyD,CACzD,CAAC;IACF,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;IAC7D,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-floating-menu-container', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent(\n\t\t\t'<p-floating-menu-container></p-floating-menu-container>'\n\t\t);\n\t\tconst element = await page.find('p-floating-menu-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(\n\t\t\t'<p-floating-menu-container></p-floating-menu-container>'\n\t\t);\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-floating-menu-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/floating-menu-container/test/floating-menu-container.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"floating-menu-container.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/floating-menu-container/test/floating-menu-container.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;EACvC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,qBAAqB,CAAC;MACnC,IAAI,EAAE,yDAAyD;KAClE,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 { FloatingMenuContainer } from '../floating-menu-container.component';\n\ndescribe('p-floating-menu-container', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [FloatingMenuContainer],\n            html: '<p-floating-menu-container></p-floating-menu-container>',\n        });\n        expect(root).toEqualHtml(`\n      <p-floating-menu-container class=\"p-floating-menu-container\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-floating-menu-container>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"floating-menu-container.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/floating-menu-container/test/floating-menu-container.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;EAC1C,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,qBAAqB,CAAC;MACnC,IAAI,EAAE,yDAAyD;KAC/D,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 { FloatingMenuContainer } from '../floating-menu-container.component';\n\ndescribe('p-floating-menu-container', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [FloatingMenuContainer],\n\t\t\thtml: '<p-floating-menu-container></p-floating-menu-container>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-floating-menu-container class=\"p-floating-menu-container\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-floating-menu-container>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/atoms/floating-menu-item/floating-menu-item.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"floating-menu-item.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/floating-menu-item/floating-menu-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,gBAAgB;;iBAIiB,IAAI;;EAE9C,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,sBAAsB;MAC9B,eAAQ,CACL,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-floating-menu-item',\n    styleUrl: 'floating-menu-item.component.scss',\n    shadow: true,\n})\nexport class FloatingMenuItem {\n    /**\n     * The variant of the modal body\n     */\n    @Prop({ reflect: true }) hover: boolean = true;\n\n    render() {\n        return (\n            <Host class=\"p-floating-menu-item\">\n                <slot />\n            </Host>\n        );\n    }\n}\n"]}
+{"version":3,"file":"floating-menu-item.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/floating-menu-item/floating-menu-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,gBAAgB;;iBAIc,IAAI;;EAE9C,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,sBAAsB;MACjC,eAAQ,CACF,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-floating-menu-item',\n\tstyleUrl: 'floating-menu-item.component.scss',\n\tshadow: true,\n})\nexport class FloatingMenuItem {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop({ reflect: true }) hover: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-floating-menu-item\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/floating-menu-item/test/floating-menu-container.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"floating-menu-container.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/floating-menu-item/test/floating-menu-container.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,+CAA+C,CAAC,CAAC;IACvE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACxD,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,+CAA+C,CAAC,CAAC;IACvE,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACxD,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-floating-menu-item', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-floating-menu-item></p-floating-menu-item>');\n        const element = await page.find('p-floating-menu-item');\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-floating-menu-item></p-floating-menu-item>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-floating-menu-item');\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":"floating-menu-container.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/floating-menu-item/test/floating-menu-container.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;EACrC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,+CAA+C,CAAC,CAAC;IACvE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACxD,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,+CAA+C,CAAC,CAAC;IACvE,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACxD,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-floating-menu-item', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-floating-menu-item></p-floating-menu-item>');\n\t\tconst element = await page.find('p-floating-menu-item');\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-floating-menu-item></p-floating-menu-item>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-floating-menu-item');\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/floating-menu-item/test/floating-menu-container.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"floating-menu-container.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/floating-menu-item/test/floating-menu-container.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,gBAAgB,CAAC;MAC9B,IAAI,EAAE,+CAA+C;KACxD,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 { FloatingMenuItem } from '../floating-menu-item.component';\n\ndescribe('p-floating-menu-item', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [FloatingMenuItem],\n            html: '<p-floating-menu-item></p-floating-menu-item>',\n        });\n        expect(root).toEqualHtml(`\n      <p-floating-menu-item class=\"p-floating-menu-item\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-floating-menu-item>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"floating-menu-container.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/floating-menu-item/test/floating-menu-container.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;EACrC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,gBAAgB,CAAC;MAC9B,IAAI,EAAE,+CAA+C;KACrD,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 { FloatingMenuItem } from '../floating-menu-item.component';\n\ndescribe('p-floating-menu-item', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [FloatingMenuItem],\n\t\t\thtml: '<p-floating-menu-item></p-floating-menu-item>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-floating-menu-item class=\"p-floating-menu-item\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-floating-menu-item>\n    `);\n\t});\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"helper.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/helper/helper.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;;qBAIgB,KAAK;;EAEpC,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU;MAClB,iBAAW,SAAS,EAAE,IAAI,CAAC,SAAS;QAChC,WAAK,IAAI,EAAC,SAAS;UACf,eAAQ,CACN;QAEN,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,GAAO,CACjC,CACT,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Placement } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-helper',\n    styleUrl: 'helper.component.scss',\n    shadow: true,\n})\nexport class Helper {\n    /**\n     * The placement of the helper popover\n     */\n    @Prop() placement: Placement = 'top';\n\n    render() {\n        return (\n            <Host class=\"p-helper\">\n                <p-tooltip placement={this.placement}>\n                    <div slot=\"content\">\n                        <slot />\n                    </div>\n\n                    <div slot=\"trigger\" class=\"helper\"></div>\n                </p-tooltip>\n            </Host>\n        );\n    }\n}\n"]}
+{"version":3,"file":"helper.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/helper/helper.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;;qBAIa,KAAK;;EAEpC,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU;MACrB,iBAAW,SAAS,EAAE,IAAI,CAAC,SAAS;QACnC,WAAK,IAAI,EAAC,SAAS;UAClB,eAAQ,CACH;QAEN,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,GAAO,CAC9B,CACN,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Placement } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.scss',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-helper\">\n\t\t\t\t<p-tooltip placement={this.placement}>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div slot=\"trigger\" class=\"helper\"></div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"helper.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/helper/test/helper.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,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,UAAU,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;IAChD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;IAC3D,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACvD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAEpD,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-helper', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<p-button>test</p-button>');\n    const element = await page.find('p-button');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('renders changes to the name data', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<p-button>Hello world!</p-button>');\n    // const component = await page.find('p-button');\n    const element = await page.find('p-button >>> button');\n    expect(element.textContent).toEqual(`Hello world!`);\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":"helper.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/helper/test/helper.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACzB,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,UAAU,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;IACjD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;IAC3D,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACvD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAEpD,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-helper', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-button>test</p-button>');\n\t\tconst element = await page.find('p-button');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the name data', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-button>Hello world!</p-button>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-button >>> button');\n\t\texpect(element.textContent).toEqual(`Hello world!`);\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/helper/test/helper.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/helper/test/helper.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MACjC,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,2BAA2B;KAClC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQxB,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;IACnC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MACjC,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,2DAA2D;KAClE,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQxB,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Helper } from '../helper.component';\n\ndescribe('p-helper', () => {\n  it('renders', async () => {\n    const { root } = await newSpecPage({\n      components: [Helper],\n      html: '<p-helper>Test</p-helper>',\n    });\n    expect(root).toEqualHtml(`\n      <p-button>\n        <mock:shadow-root>\n          <button class=\"btn-primary\">\n            Test\n          </button>\n        </mock:shadow-root>\n      </p-button>\n    `);\n  });\n\n  it('renders with values', async () => {\n    const { root } = await newSpecPage({\n      components: [Helper],\n      html: `<p-button variation=\"secondary\">I have content</p-button>`,\n    });\n    expect(root).toEqualHtml(`\n      <p-button name=\"World\">\n        <mock:shadow-root>\n          <button class=\"btn-secondary\">\n            I have content\n          </button>\n        </mock:shadow-root>\n      </p-button>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"helper.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/helper/test/helper.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,2BAA2B;KACjC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;IACpC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,2DAA2D;KACjE,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Helper } from '../helper.component';\n\ndescribe('p-helper', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Helper],\n\t\t\thtml: '<p-helper>Test</p-helper>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-button>\n        <mock:shadow-root>\n          <button class=\"btn-primary\">\n            Test\n          </button>\n        </mock:shadow-root>\n      </p-button>\n    `);\n\t});\n\n\tit('renders with values', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Helper],\n\t\t\thtml: `<p-button variation=\"secondary\">I have content</p-button>`,\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-button name=\"World\">\n        <mock:shadow-root>\n          <button class=\"btn-secondary\">\n            I have content\n          </button>\n        </mock:shadow-root>\n      </p-button>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/atoms/icon/icon.component.js

@@ -65,7 +65,7 @@ export class Icon {
         "mutable": false,
         "complexType": {
           "original": "IconVariant",
-          "resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"camera\" | \"car\" | \"checklist\" | \"checkmark\" | \"chevron\" | \"chevrons\" | \"clock\" | \"colleagues\" | \"cogs\" | \"comment\" | \"companies\" | \"deactivate\" | \"document\" | \"download\" | \"envelope\" | \"explanation\" | \"eye\" | \"faBuilding\" | \"faPiggy\" | \"filter\" | \"folder\" | \"formula\" | \"grid\" | \"hashtag\" | \"headset\" | \"iDeal\" | \"integration\" | \"list\" | \"location\" | \"megaphone\" | \"menu\" | \"minus\" | \"more\" | \"negative\" | \"notification\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plan\" | \"plus\" | \"question\" | \"reload\" | \"receipt\" | \"report\" | \"search\" | \"settings\" | \"sick\" | \"signout\" | \"switch\" | \"tachometer\" | \"task\" | \"template\" | \"tool\" | \"trash\" | \"turn\" | \"upload\" | \"warning\"",
+          "resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"camera\" | \"car\" | \"checklist\" | \"checkmark\" | \"chevron\" | \"chevrons\" | \"clock\" | \"colleagues\" | \"cogs\" | \"comment\" | \"companies\" | \"company\" | \"deactivate\" | \"document\" | \"download\" | \"envelope\" | \"explanation\" | \"eye\" | \"faPiggy\" | \"filter\" | \"folder\" | \"formula\" | \"grid\" | \"hashtag\" | \"headset\" | \"iDeal\" | \"integration\" | \"list\" | \"location\" | \"megaphone\" | \"menu\" | \"minus\" | \"more\" | \"negative\" | \"notification\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plan\" | \"plus\" | \"question\" | \"reload\" | \"receipt\" | \"report\" | \"search\" | \"settings\" | \"sick\" | \"signout\" | \"switch\" | \"tachometer\" | \"task\" | \"template\" | \"tool\" | \"trash\" | \"turn\" | \"upload\" | \"warning\"",
           "references": {
             "IconVariant": {
               "location": "local",

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

@@ -1 +1 @@
-{"version":3,"file":"icon.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon/icon.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,KAAK,MAAM,sBAAsB,CAAC;AAUzC,MAAM,OAAO,IAAI;;;gBASmB,MAAM;kBAKN,CAAC;gBAKD,IAAI;;EAEpC,MAAM;IACF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEjC,MAAM,MAAM,GAAG;MACX,aAAa,EAAE,IAAI;MACnB,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;MACjC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;MACjC,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI;MACvC,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,YAAY;MAC1C,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;MACxC,UAAU,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC;MAC7B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;MAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;KACtC,CAAC;IAEF,OAAO,EAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,GAAS,CAAC;EACzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport icons from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'horizontal' | 'vertical';\n\n@Component({\n    tag: 'p-icon',\n    styleUrl: 'icon.component.scss',\n    // shadow: true,\n})\nexport class Icon {\n    /**\n     * The icon the be displayed\n     */\n    @Prop() variant!: IconVariant;\n\n    /**\n     * The size of the icon, using tailwind sizes\n     */\n    @Prop() size: TextSizeOptions = 'auto';\n\n    /**\n     * Wether to rotate the icon x degrees\n     */\n    @Prop() rotate: RotateOptions = 0;\n\n    /**\n     * Wether to flip the icon horizontally or vertically\n     */\n    @Prop() flip: IconFlipOptions = null;\n\n    render() {\n        const icon = icons[this.variant];\n\n        const styles = {\n            'p-icon flex': true,\n            'text-auto': this.size === 'auto',\n            'text-xxs': this.size === 'xxs',\n            'text-xs': this.size === 'xs',\n            'text-sm': this.size === 'sm',\n            'text-base': this.size === 'base',\n            'text-lg': this.size === 'lg',\n            'text-xl': this.size === 'xl',\n            'text-2xl': this.size === '2xl',\n            'text-3xl': this.size === '3xl',\n            'text-4xl': this.size === '4xl',\n            'text-5xl': this.size === '5xl',\n            'text-6xl': this.size === '6xl',\n            transform: !!this.rotate || !!this.flip,\n            'scale-x-flip': this.flip === 'horizontal',\n            'scale-y-flip': this.flip === 'vertical',\n            'rotate-0': this.rotate === 0,\n            'rotate-25': this.rotate === 25,\n            'rotate-45': this.rotate === 45,\n            'rotate-90': this.rotate === 90,\n            'rotate-135': this.rotate === 135,\n            'rotate-180': this.rotate === 180,\n            'rotate-225': this.rotate === 225,\n            'rotate-270': this.rotate === 270,\n            'rotate-315': this.rotate === 315,\n            '-rotate-0': this.rotate === -0,\n            '-rotate-25': this.rotate === -25,\n            '-rotate-45': this.rotate === -45,\n            '-rotate-90': this.rotate === -90,\n            '-rotate-135': this.rotate === -135,\n            '-rotate-180': this.rotate === -180,\n            '-rotate-225': this.rotate === -225,\n            '-rotate-270': this.rotate === -270,\n            '-rotate-315': this.rotate === -315,\n        };\n\n        return <Host class={styles} innerHTML={icon}></Host>;\n    }\n}\n"]}
+{"version":3,"file":"icon.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/icon/icon.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,KAAK,MAAM,sBAAsB,CAAC;AAUzC,MAAM,OAAO,IAAI;;;gBASgB,MAAM;kBAKN,CAAC;gBAKD,IAAI;;EAEpC,MAAM;IACL,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEjC,MAAM,MAAM,GAAG;MACd,aAAa,EAAE,IAAI;MACnB,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;MACjC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,WAAW,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;MACjC,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;MAC7B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;MAC/B,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI;MACvC,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,YAAY;MAC1C,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;MACxC,UAAU,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC;MAC7B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,EAAE;MAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,GAAG;MACjC,WAAW,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;MAC/B,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,YAAY,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MACjC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;MACnC,aAAa,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG;KACnC,CAAC;IAEF,OAAO,EAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,GAAS,CAAC;EACtD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport icons from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'horizontal' | 'vertical';\n\n@Component({\n\ttag: 'p-icon',\n\tstyleUrl: 'icon.component.scss',\n\t// shadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'auto';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: RotateOptions = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = null;\n\n\trender() {\n\t\tconst icon = icons[this.variant];\n\n\t\tconst styles = {\n\t\t\t'p-icon flex': true,\n\t\t\t'text-auto': this.size === 'auto',\n\t\t\t'text-xxs': this.size === 'xxs',\n\t\t\t'text-xs': this.size === 'xs',\n\t\t\t'text-sm': this.size === 'sm',\n\t\t\t'text-base': this.size === 'base',\n\t\t\t'text-lg': this.size === 'lg',\n\t\t\t'text-xl': this.size === 'xl',\n\t\t\t'text-2xl': this.size === '2xl',\n\t\t\t'text-3xl': this.size === '3xl',\n\t\t\t'text-4xl': this.size === '4xl',\n\t\t\t'text-5xl': this.size === '5xl',\n\t\t\t'text-6xl': this.size === '6xl',\n\t\t\ttransform: !!this.rotate || !!this.flip,\n\t\t\t'scale-x-flip': this.flip === 'horizontal',\n\t\t\t'scale-y-flip': this.flip === 'vertical',\n\t\t\t'rotate-0': this.rotate === 0,\n\t\t\t'rotate-25': this.rotate === 25,\n\t\t\t'rotate-45': this.rotate === 45,\n\t\t\t'rotate-90': this.rotate === 90,\n\t\t\t'rotate-135': this.rotate === 135,\n\t\t\t'rotate-180': this.rotate === 180,\n\t\t\t'rotate-225': this.rotate === 225,\n\t\t\t'rotate-270': this.rotate === 270,\n\t\t\t'rotate-315': this.rotate === 315,\n\t\t\t'-rotate-0': this.rotate === -0,\n\t\t\t'-rotate-25': this.rotate === -25,\n\t\t\t'-rotate-45': this.rotate === -45,\n\t\t\t'-rotate-90': this.rotate === -90,\n\t\t\t'-rotate-135': this.rotate === -135,\n\t\t\t'-rotate-180': this.rotate === -180,\n\t\t\t'-rotate-225': this.rotate === -225,\n\t\t\t'-rotate-270': this.rotate === -270,\n\t\t\t'-rotate-315': this.rotate === -315,\n\t\t};\n\n\t\treturn <Host class={styles} innerHTML={icon}></Host>;\n\t}\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"icon.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/icon/test/icon.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;EACtB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,sCAAsC,CAAC,CAAC;IAE9D,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,iDAAiD,CAAC,CAAC;IAEzE,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,kDAAkD,CAAC,CAAC;IAE1E,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,sDAAsD,CAAC,CAAC;IAE9E,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,wDAAwD,CAAC,CAAC;IAEhF,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-icon', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<p-icon variant=\"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 variant=\"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 variant=\"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 variant=\"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 variant=\"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":"icon.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/icon/test/icon.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;EACvB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,sCAAsC,CAAC,CAAC;IAE9D,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,CACpB,iDAAiD,CACjD,CAAC;IAEF,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,CACpB,kDAAkD,CAClD,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,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,sDAAsD,CACtD,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,wDAAwD,CACxD,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-icon', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<p-icon variant=\"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(\n\t\t\t'<p-icon variant=\"document\" size=\"5xl\"></p-icon>'\n\t\t);\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(\n\t\t\t'<p-icon variant=\"document\" rotate=\"45\"></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('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 variant=\"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 variant=\"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/icon/test/icon.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/icon/test/icon.component.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;EACtB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,IAAI,CAAC;MAClB,IAAI,EAAE,sCAAsC;KAC7C,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmC7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Icon } from '../icon.component';\n\ndescribe('p-icon', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [Icon],\n      html: `<p-icon variant=\"document\"></p-icon>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <p-icon variant=\"document\" class=\"p-icon inline-block text-auto hydrated\" innerhtml=\"<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>\n      <svg width=&quot;1em&quot; height=&quot;1em&quot; viewBox=&quot;0 0 16 16&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot;>\n            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>\n            <g id=&quot;✔️-Collections&quot; stroke=&quot;none&quot; stroke-width=&quot;1&quot; fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;>\n                <g id=&quot;⚛️-Atoms---Icons&quot; transform=&quot;translate(-299.000000, -534.000000)&quot; fill=&quot;#989AB7&quot;>\n                    <g id=&quot;Collection---Icons&quot; transform=&quot;translate(56.000000, 56.000000)&quot;>\n                        <g id=&quot;icons&quot; transform=&quot;translate(0.000000, 152.000000)&quot;>\n                            <g id=&quot;document&quot; transform=&quot;translate(0.000000, 326.000000)&quot;>\n                                <g id=&quot;Rectangle-9&quot; transform=&quot;translate(243.000000, 0.000000)&quot;>\n                                    <path d=&quot;M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z&quot;></path>\n                                </g>\n                            </g>\n                        </g>\n                    </g>\n                </g>\n            </g>\n        </svg>\"><!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->\n        <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>\n            <g id=\"✔️-Collections\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                <g id=\"⚛️-Atoms---Icons\" transform=\"translate(-299.000000, -534.000000)\" fill=\"#989AB7\">\n                    <g id=\"Collection---Icons\" transform=\"translate(56.000000, 56.000000)\">\n                        <g id=\"icons\" transform=\"translate(0.000000, 152.000000)\">\n                            <g id=\"document\" transform=\"translate(0.000000, 326.000000)\">\n                                <g id=\"Rectangle-9\" transform=\"translate(243.000000, 0.000000)\">\n                                    <path d=\"M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z\"></path>\n                                </g>\n                            </g>\n                        </g>\n                    </g>\n                </g>\n            </g>\n        </svg>\n      </p-icon>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"icon.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/icon/test/icon.component.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;EACvB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC9B,UAAU,EAAE,CAAC,IAAI,CAAC;MAClB,IAAI,EAAE,sCAAsC;KAC5C,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmC3B,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Icon } from '../icon.component';\n\ndescribe('p-icon', () => {\n\tit('renders', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [Icon],\n\t\t\thtml: `<p-icon variant=\"document\"></p-icon>`,\n\t\t});\n\t\texpect(page.root).toEqualHtml(`\n      <p-icon variant=\"document\" class=\"p-icon inline-block text-auto hydrated\" innerhtml=\"<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>\n      <svg width=&quot;1em&quot; height=&quot;1em&quot; viewBox=&quot;0 0 16 16&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot;>\n            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>\n            <g id=&quot;✔️-Collections&quot; stroke=&quot;none&quot; stroke-width=&quot;1&quot; fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;>\n                <g id=&quot;⚛️-Atoms---Icons&quot; transform=&quot;translate(-299.000000, -534.000000)&quot; fill=&quot;#989AB7&quot;>\n                    <g id=&quot;Collection---Icons&quot; transform=&quot;translate(56.000000, 56.000000)&quot;>\n                        <g id=&quot;icons&quot; transform=&quot;translate(0.000000, 152.000000)&quot;>\n                            <g id=&quot;document&quot; transform=&quot;translate(0.000000, 326.000000)&quot;>\n                                <g id=&quot;Rectangle-9&quot; transform=&quot;translate(243.000000, 0.000000)&quot;>\n                                    <path d=&quot;M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z&quot;></path>\n                                </g>\n                            </g>\n                        </g>\n                    </g>\n                </g>\n            </g>\n        </svg>\"><!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->\n        <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>\n            <g id=\"✔️-Collections\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                <g id=\"⚛️-Atoms---Icons\" transform=\"translate(-299.000000, -534.000000)\" fill=\"#989AB7\">\n                    <g id=\"Collection---Icons\" transform=\"translate(56.000000, 56.000000)\">\n                        <g id=\"icons\" transform=\"translate(0.000000, 152.000000)\">\n                            <g id=\"document\" transform=\"translate(0.000000, 326.000000)\">\n                                <g id=\"Rectangle-9\" transform=\"translate(243.000000, 0.000000)\">\n                                    <path d=\"M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z\"></path>\n                                </g>\n                            </g>\n                        </g>\n                    </g>\n                </g>\n            </g>\n        </svg>\n      </p-icon>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/atoms/illustration/illustration.component.js

@@ -6,7 +6,7 @@ export class Illustration {
   }
   render() {
     const illustration = illustrations[this.variant];
-    return h(Host, { class: "p-illustration block", innerHTML: illustration });
+    return (h(Host, { class: "p-illustration block", innerHTML: illustration }));
   }
   static get is() { return "p-illustration"; }
   static get properties() {

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

@@ -1 +1 @@
-{"version":3,"file":"illustration.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/illustration/illustration.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,aAAa,MAAM,8BAA8B,CAAC;AAQzD,MAAM,OAAO,YAAY;;;;EAMvB,MAAM;IACJ,MAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEjD,OAAO,EAAC,IAAI,IAAC,KAAK,EAAC,sBAAsB,EAAC,SAAS,EAAE,YAAY,GAAS,CAAC;EAC7E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport illustrations from '../../../utils/illustrations';\n\nexport type IllustrationVariant = keyof typeof illustrations;\n\n@Component({\n  tag: 'p-illustration',\n  // shadow: true,\n})\nexport class Illustration {\n  /**\n   * The icon the be displayed\n   */\n  @Prop() variant!: IllustrationVariant;\n\n  render() {\n    const illustration = illustrations[this.variant];\n\n    return <Host class=\"p-illustration block\" innerHTML={illustration}></Host>;\n  }\n}\n"]}
+{"version":3,"file":"illustration.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/illustration/illustration.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,aAAa,MAAM,8BAA8B,CAAC;AAQzD,MAAM,OAAO,YAAY;;;;EAMxB,MAAM;IACL,MAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEjD,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,sBAAsB,EAAC,SAAS,EAAE,YAAY,GAAS,CACnE,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport illustrations from '../../../utils/illustrations';\n\nexport type IllustrationVariant = keyof typeof illustrations;\n\n@Component({\n\ttag: 'p-illustration',\n\t// shadow: true,\n})\nexport class Illustration {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IllustrationVariant;\n\n\trender() {\n\t\tconst illustration = illustrations[this.variant];\n\n\t\treturn (\n\t\t\t<Host class=\"p-illustration block\" innerHTML={illustration}></Host>\n\t\t);\n\t}\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"illustration.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/illustration/test/illustration.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC9B,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-illustration', () => {\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":"illustration.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/illustration/test/illustration.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC/B,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-illustration', () => {\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/illustration/test/illustration.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"illustration.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/illustration/test/illustration.component.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;MAC1B,IAAI,EAAE,mDAAmD;KAC1D,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmC7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Illustration } from '../illustration.component';\n\ndescribe('p-illustration', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [Illustration],\n      html: `<p-illustration icon=\"document\"></p-illustration>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <p-icon icon=\"document\" class=\"p-icon inline-block text-auto hydrated\" innerhtml=\"<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>\n      <svg width=&quot;1em&quot; height=&quot;1em&quot; viewBox=&quot;0 0 16 16&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot;>\n            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>\n            <g id=&quot;✔️-Collections&quot; stroke=&quot;none&quot; stroke-width=&quot;1&quot; fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;>\n                <g id=&quot;⚛️-Atoms---Icons&quot; transform=&quot;translate(-299.000000, -534.000000)&quot; fill=&quot;#989AB7&quot;>\n                    <g id=&quot;Collection---Icons&quot; transform=&quot;translate(56.000000, 56.000000)&quot;>\n                        <g id=&quot;icons&quot; transform=&quot;translate(0.000000, 152.000000)&quot;>\n                            <g id=&quot;document&quot; transform=&quot;translate(0.000000, 326.000000)&quot;>\n                                <g id=&quot;Rectangle-9&quot; transform=&quot;translate(243.000000, 0.000000)&quot;>\n                                    <path d=&quot;M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z&quot;></path>\n                                </g>\n                            </g>\n                        </g>\n                    </g>\n                </g>\n            </g>\n        </svg>\"><!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->\n        <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>\n            <g id=\"✔️-Collections\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                <g id=\"⚛️-Atoms---Icons\" transform=\"translate(-299.000000, -534.000000)\" fill=\"#989AB7\">\n                    <g id=\"Collection---Icons\" transform=\"translate(56.000000, 56.000000)\">\n                        <g id=\"icons\" transform=\"translate(0.000000, 152.000000)\">\n                            <g id=\"document\" transform=\"translate(0.000000, 326.000000)\">\n                                <g id=\"Rectangle-9\" transform=\"translate(243.000000, 0.000000)\">\n                                    <path d=\"M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z\"></path>\n                                </g>\n                            </g>\n                        </g>\n                    </g>\n                </g>\n            </g>\n        </svg>\n      </p-icon>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"illustration.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/illustration/test/illustration.component.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC9B,UAAU,EAAE,CAAC,YAAY,CAAC;MAC1B,IAAI,EAAE,mDAAmD;KACzD,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmC3B,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Illustration } from '../illustration.component';\n\ndescribe('p-illustration', () => {\n\tit('renders', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [Illustration],\n\t\t\thtml: `<p-illustration icon=\"document\"></p-illustration>`,\n\t\t});\n\t\texpect(page.root).toEqualHtml(`\n      <p-icon icon=\"document\" class=\"p-icon inline-block text-auto hydrated\" innerhtml=\"<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>\n      <svg width=&quot;1em&quot; height=&quot;1em&quot; viewBox=&quot;0 0 16 16&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot;>\n            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>\n            <g id=&quot;✔️-Collections&quot; stroke=&quot;none&quot; stroke-width=&quot;1&quot; fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;>\n                <g id=&quot;⚛️-Atoms---Icons&quot; transform=&quot;translate(-299.000000, -534.000000)&quot; fill=&quot;#989AB7&quot;>\n                    <g id=&quot;Collection---Icons&quot; transform=&quot;translate(56.000000, 56.000000)&quot;>\n                        <g id=&quot;icons&quot; transform=&quot;translate(0.000000, 152.000000)&quot;>\n                            <g id=&quot;document&quot; transform=&quot;translate(0.000000, 326.000000)&quot;>\n                                <g id=&quot;Rectangle-9&quot; transform=&quot;translate(243.000000, 0.000000)&quot;>\n                                    <path d=&quot;M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z&quot;></path>\n                                </g>\n                            </g>\n                        </g>\n                    </g>\n                </g>\n            </g>\n        </svg>\"><!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->\n        <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n            <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>\n            <g id=\"✔️-Collections\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                <g id=\"⚛️-Atoms---Icons\" transform=\"translate(-299.000000, -534.000000)\" fill=\"#989AB7\">\n                    <g id=\"Collection---Icons\" transform=\"translate(56.000000, 56.000000)\">\n                        <g id=\"icons\" transform=\"translate(0.000000, 152.000000)\">\n                            <g id=\"document\" transform=\"translate(0.000000, 326.000000)\">\n                                <g id=\"Rectangle-9\" transform=\"translate(243.000000, 0.000000)\">\n                                    <path d=\"M10.5857864,0 C10.8510029,-4.87194788e-17 11.1053568,0.10535684 11.2928932,0.292893219 L13.7071068,2.70710678 C13.8946432,2.89464316 14,3.14899707 14,3.41421356 L14,15 C14,15.5522847 13.5522847,16 13,16 L3,16 C2.44771525,16 2,15.5522847 2,15 L2,1 C2,0.44771525 2.44771525,1.01453063e-16 3,0 L10.5857864,0 Z M10.5,12 L5.5,12 C5.22385763,12 5,12.2238576 5,12.5 C5,12.7761424 5.22385763,13 5.5,13 L5.5,13 L10.5,13 C10.7761424,13 11,12.7761424 11,12.5 C11,12.2238576 10.7761424,12 10.5,12 L10.5,12 Z M10.5,10 L5.5,10 C5.22385763,10 5,10.2238576 5,10.5 C5,10.7761424 5.22385763,11 5.5,11 L5.5,11 L10.5,11 C10.7761424,11 11,10.7761424 11,10.5 C11,10.2238576 10.7761424,10 10.5,10 L10.5,10 Z M8.5,8 L5.5,8 C5.22385763,8 5,8.22385763 5,8.5 C5,8.77614237 5.22385763,9 5.5,9 L5.5,9 L8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 L8.5,8 Z M10.072225,1.5009428 C10.025952,1.54774288 10,1.61090189 10,1.67671555 L10,3.91659843 C10,4.05466962 10.1119288,4.16659843 10.25,4.16659843 L12.5153972,4.16659843 C12.6534684,4.16659843 12.7653972,4.05466962 12.7653972,3.91659843 C12.7653972,3.84980357 12.7386677,3.78578633 12.6911699,3.73882347 L10.4257728,1.49894059 C10.3275904,1.40186397 10.1693016,1.40276039 10.072225,1.5009428 Z\"></path>\n                                </g>\n                            </g>\n                        </g>\n                    </g>\n                </g>\n            </g>\n        </svg>\n      </p-icon>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/atoms/info-panel/info-panel.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"info-panel.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/info-panel/info-panel.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,SAAS;;mBAI6C,MAAM;;;qBAe1C,KAAK;;EAOlC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,IAAI,WAAW,EAAE;MAClF,WAAK,KAAK,EAAC,QAAQ;QACjB,YAAM,IAAI,EAAC,QAAQ,GAAG,CAClB;MACN,WAAK,KAAK,EAAC,SAAS;QAClB,YAAM,IAAI,EAAC,SAAS,GAAG,CACnB;MAEL,IAAI,CAAC,SAAS,IAAI,CACjB,WAAK,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;QAC7C,cAAQ,OAAO,EAAC,UAAU,GAAG,CACzB,CACP,CACI,CACR,CAAC;EACJ,CAAC;EAEO,MAAM;IACZ,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;EACpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'p-info-panel',\n  styleUrl: 'info-panel.component.scss',\n  shadow: true,\n})\nexport class InfoPanel {\n  /**\n   * The variant of the info panel\n   */\n  @Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n  /**\n   * The header of the info panel\n   */\n  @Prop() header: string;\n\n  /**\n   * The content of the info panel\n   */\n  @Prop() content: string;\n\n  /**\n   * Wether the panel can be closed\n   */\n  @Prop() closeable: boolean = false;\n\n  /**\n   * The host element\n   */\n  @Element() private _el: HTMLElement;\n\n  render() {\n    return (\n      <Host class={`p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}`}>\n        <div class=\"header\">\n          <slot name=\"header\" />\n        </div>\n        <div class=\"content\">\n          <slot name=\"content\" />\n        </div>\n\n        {this.closeable && (\n          <div class=\"close\" onClick={() => this._close()}>\n            <p-icon variant=\"negative\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  private _close() {\n    this._el.remove();\n  }\n}\n"]}
+{"version":3,"file":"info-panel.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/info-panel/info-panel.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,SAAS;;mBAI4C,MAAM;;;qBAe1C,KAAK;;EAOlC,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,IAAI,WAAW,EAAE;MAE9E,WAAK,KAAK,EAAC,QAAQ;QAClB,YAAM,IAAI,EAAC,QAAQ,GAAG,CACjB;MACN,WAAK,KAAK,EAAC,SAAS;QACnB,YAAM,IAAI,EAAC,SAAS,GAAG,CAClB;MAEL,IAAI,CAAC,SAAS,IAAI,CAClB,WAAK,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;QAC9C,cAAQ,OAAO,EAAC,UAAU,GAAG,CACxB,CACN,CACK,CACP,CAAC;EACH,CAAC;EAEO,MAAM;IACb,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;EACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.scss',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}`}\n\t\t\t>\n\t\t\t\t<div class=\"header\">\n\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t</div>\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div class=\"close\" onClick={() => this._close()}>\n\t\t\t\t\t\t<p-icon variant=\"negative\" />\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 _close() {\n\t\tthis._el.remove();\n\t}\n}\n"]}

package/dist/collection/components/atoms/info-panel/test/info-panel.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"info-panel.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/info-panel/test/info-panel.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,gCAAgC,CAAC,CAAC;IACxD,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,gCAAgC,CAAC,CAAC;IACxD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAEzC,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-info-panel', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<p-info-panel>#</p-info-panel>');\n    const element = await page.find('p-info-panel');\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-info-panel>1</p-info-panel>');\n    // const component = await page.find('p-button');\n    const element = await page.find('p-info-panel');\n    expect(element.textContent).toEqual(`1`);\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":"info-panel.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/info-panel/test/info-panel.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,gCAAgC,CAAC,CAAC;IACxD,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,gCAAgC,CAAC,CAAC;IACxD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAEzC,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-info-panel', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-info-panel>#</p-info-panel>');\n\t\tconst element = await page.find('p-info-panel');\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-info-panel>1</p-info-panel>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-info-panel');\n\t\texpect(element.textContent).toEqual(`1`);\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/info-panel/test/info-panel.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"info-panel.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/info-panel/test/info-panel.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EACvB,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,0BAA0B;KACnC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { InfoPanel } from '../info-panel.component';\n\ndescribe('p-counter', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [InfoPanel],\n            html: '<p-counter>#</p-counter>',\n        });\n        expect(root).toEqualHtml(`\n      <p-counter class=\"p-counter\">\n        <mock:shadow-root>\n          #\n        </mock:shadow-root>\n      </p-counter>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"info-panel.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/info-panel/test/info-panel.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EAC1B,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,0BAA0B;KAChC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAMtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { InfoPanel } from '../info-panel.component';\n\ndescribe('p-counter', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [InfoPanel],\n\t\t\thtml: '<p-counter>#</p-counter>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-counter class=\"p-counter\">\n        <mock:shadow-root>\n          #\n        </mock:shadow-root>\n      </p-counter>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/atoms/label/label.component.js

@@ -32,7 +32,7 @@ export class Label {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| 'neutral'\n        | 'positive'\n        | 'unbiased'\n        | 'negative'\n        | 'special'\n        | 'info'",
+          "original": "| 'neutral'\n\t\t| 'positive'\n\t\t| 'unbiased'\n\t\t| 'negative'\n\t\t| 'special'\n\t\t| 'info'",
           "resolved": "\"info\" | \"negative\" | \"neutral\" | \"positive\" | \"special\" | \"unbiased\"",
           "references": {}
         },
@@ -50,7 +50,7 @@ export class Label {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| 'icon'\n        | 'circle'\n        | 'combination'\n        | 'text'\n        | 'icon-only'",
+          "original": "| 'icon'\n\t\t| 'circle'\n\t\t| 'combination'\n\t\t| 'text'\n\t\t| 'icon-only'",
           "resolved": "\"circle\" | \"combination\" | \"icon\" | \"icon-only\" | \"text\"",
           "references": {}
         },
@@ -87,7 +87,7 @@ export class Label {
         "mutable": false,
         "complexType": {
           "original": "IconVariant",
-          "resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"camera\" | \"car\" | \"checklist\" | \"checkmark\" | \"chevron\" | \"chevrons\" | \"clock\" | \"colleagues\" | \"cogs\" | \"comment\" | \"companies\" | \"deactivate\" | \"document\" | \"download\" | \"envelope\" | \"explanation\" | \"eye\" | \"faBuilding\" | \"faPiggy\" | \"filter\" | \"folder\" | \"formula\" | \"grid\" | \"hashtag\" | \"headset\" | \"iDeal\" | \"integration\" | \"list\" | \"location\" | \"megaphone\" | \"menu\" | \"minus\" | \"more\" | \"negative\" | \"notification\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plan\" | \"plus\" | \"question\" | \"reload\" | \"receipt\" | \"report\" | \"search\" | \"settings\" | \"sick\" | \"signout\" | \"switch\" | \"tachometer\" | \"task\" | \"template\" | \"tool\" | \"trash\" | \"turn\" | \"upload\" | \"warning\"",
+          "resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"camera\" | \"car\" | \"checklist\" | \"checkmark\" | \"chevron\" | \"chevrons\" | \"clock\" | \"colleagues\" | \"cogs\" | \"comment\" | \"companies\" | \"company\" | \"deactivate\" | \"document\" | \"download\" | \"envelope\" | \"explanation\" | \"eye\" | \"faPiggy\" | \"filter\" | \"folder\" | \"formula\" | \"grid\" | \"hashtag\" | \"headset\" | \"iDeal\" | \"integration\" | \"list\" | \"location\" | \"megaphone\" | \"menu\" | \"minus\" | \"more\" | \"negative\" | \"notification\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plan\" | \"plus\" | \"question\" | \"reload\" | \"receipt\" | \"report\" | \"search\" | \"settings\" | \"sick\" | \"signout\" | \"switch\" | \"tachometer\" | \"task\" | \"template\" | \"tool\" | \"trash\" | \"turn\" | \"upload\" | \"warning\"",
           "references": {
             "IconVariant": {
               "location": "import",

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

@@ -1 +1 @@
-{"version":3,"file":"label.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/label/label.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,KAAK;;mBAUC,SAAS;oBAUJ,QAAQ;wBAKY,OAAO;;;;gBAoBM,SAAS;6BAKR,KAAK;;EAE3D,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,SAAS;MAChB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,CAC3C,cACI,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACzB,CACL;MACA,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ;QACxB,IAAI,CAAC,QAAQ,KAAK,aAAa,CAAC,IAAI,CACpC,WAAK,KAAK,EAAC,QAAQ,GAAO,CAC7B;MACD,WAAK,KAAK,EAAC,SAAS;QAChB,eAAQ,CACN;MACL,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,IAAI,CACzC,cACI,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACzB,CACL,CACE,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-label',\n    styleUrl: 'label.component.scss',\n    shadow: true,\n})\nexport class Label {\n    /**\n     * Variant of the label\n     */\n    @Prop({ reflect: true }) variant:\n        | 'neutral'\n        | 'positive'\n        | 'unbiased'\n        | 'negative'\n        | 'special'\n        | 'info' = 'neutral';\n\n    /**\n     * Define the behavior of the label\n     */\n    @Prop({ reflect: true }) behavior:\n        | 'icon'\n        | 'circle'\n        | 'combination'\n        | 'text'\n        | 'icon-only' = 'circle';\n\n    /**\n     * Icon position\n     */\n    @Prop() iconPosition: 'start' | 'end' = 'start';\n\n    /**\n     * Icon to show on the label\n     */\n    @Prop({ reflect: true }) icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    /**\n     * The size of the label\n     */\n    @Prop({ reflect: true }) size: 'small' | 'default' = 'default';\n\n    /**\n     * Wether to keep the content on mobile\n     */\n    @Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n    render() {\n        return (\n            <Host class=\"p-label\">\n                {this.icon && this.iconPosition === 'start' && (\n                    <p-icon\n                        variant={this.icon}\n                        flip={this.iconFlip}\n                        rotate={this.iconRotate}\n                    />\n                )}\n                {(this.behavior === 'circle' ||\n                    this.behavior === 'combination') && (\n                    <div class=\"circle\"></div>\n                )}\n                <div class=\"content\">\n                    <slot />\n                </div>\n                {this.icon && this.iconPosition === 'end' && (\n                    <p-icon\n                        variant={this.icon}\n                        flip={this.iconFlip}\n                        rotate={this.iconRotate}\n                    />\n                )}\n            </Host>\n        );\n    }\n}\n"]}
+{"version":3,"file":"label.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/label/label.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,KAAK;;mBAUL,SAAS;oBAUJ,QAAQ;wBAKe,OAAO;;;;gBAoBM,SAAS;6BAKR,KAAK;;EAE3D,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,SAAS;MACnB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,CAC9C,cACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF;MACA,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ;QAC3B,IAAI,CAAC,QAAQ,KAAK,aAAa,CAAC,IAAI,CACpC,WAAK,KAAK,EAAC,QAAQ,GAAO,CAC1B;MACD,WAAK,KAAK,EAAC,SAAS;QACnB,eAAQ,CACH;MACL,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,IAAI,CAC5C,cACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,CACK,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.scss',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'neutral'\n\t\t| 'positive'\n\t\t| 'unbiased'\n\t\t| 'negative'\n\t\t| 'special'\n\t\t| 'info' = 'neutral';\n\n\t/**\n\t * Define the behavior of the label\n\t */\n\t@Prop({ reflect: true }) behavior:\n\t\t| 'icon'\n\t\t| 'circle'\n\t\t| 'combination'\n\t\t| 'text'\n\t\t| 'icon-only' = 'circle';\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The size of the label\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'default' = 'default';\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-label\">\n\t\t\t\t{this.icon && this.iconPosition === 'start' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{(this.behavior === 'circle' ||\n\t\t\t\t\tthis.behavior === 'combination') && (\n\t\t\t\t\t<div class=\"circle\"></div>\n\t\t\t\t)}\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t{this.icon && this.iconPosition === 'end' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\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/atoms/label/test/label.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/label/test/label.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACrB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,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,qBAAqB,CAAC,CAAC;IAC7C,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,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-label', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-label></p-label>');\n        const element = await page.find('p-label');\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-label></p-label>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-label');\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":"label.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/label/test/label.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,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,qBAAqB,CAAC,CAAC;IAC7C,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,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-label', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-label></p-label>');\n\t\tconst element = await page.find('p-label');\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-label></p-label>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-label');\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/label/test/label.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/label/test/label.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACrB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,KAAK,CAAC;MACnB,IAAI,EAAE,qBAAqB;KAC9B,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 { Label } from '../label.component';\n\ndescribe('p-label', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [Label],\n            html: '<p-label></p-label>',\n        });\n        expect(root).toEqualHtml(`\n      <p-label class=\"p-label\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-label>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"label.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/label/test/label.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,KAAK,CAAC;MACnB,IAAI,EAAE,qBAAqB;KAC3B,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 { Label } from '../label.component';\n\ndescribe('p-label', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Label],\n\t\t\thtml: '<p-label></p-label>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-label class=\"p-label\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-label>\n    `);\n\t});\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"layout.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/layout/layout.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;;mBAImC,SAAS;;EAE3D,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,OAAO,EAAE;MAC3C,WAAK,KAAK,EAAC,QAAQ;QACf,YAAM,IAAI,EAAC,QAAQ,GAAG,CACpB;MACN,WAAK,KAAK,EAAC,SAAS;QAChB,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB;MACN,WAAK,KAAK,EAAC,SAAS;QAChB,WAAK,KAAK,EAAC,eAAe;UACtB,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB,CACJ,CACH,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-layout',\n    styleUrl: 'layout.component.scss',\n    shadow: true,\n})\nexport class Layout {\n    /**\n     * Variant of the layout\n     */\n    @Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n    render() {\n        return (\n            <Host class={`p-layout variant-${this.variant}`}>\n                <div class=\"topbar\">\n                    <slot name=\"topbar\" />\n                </div>\n                <div class=\"sidebar\">\n                    <slot name=\"sidebar\" />\n                </div>\n                <div class=\"content\">\n                    <div class=\"inner-content\">\n                        <slot name=\"content\" />\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n}\n"]}
+{"version":3,"file":"layout.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/layout/layout.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;;mBAIgC,SAAS;;EAE3D,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,OAAO,EAAE;MAC9C,WAAK,KAAK,EAAC,QAAQ;QAClB,YAAM,IAAI,EAAC,QAAQ,GAAG,CACjB;MACN,WAAK,KAAK,EAAC,SAAS;QACnB,YAAM,IAAI,EAAC,SAAS,GAAG,CAClB;MACN,WAAK,KAAK,EAAC,SAAS;QACnB,WAAK,KAAK,EAAC,eAAe;UACzB,YAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACD,CACA,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div class=\"topbar\">\n\t\t\t\t\t<slot name=\"topbar\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"sidebar\">\n\t\t\t\t\t<slot name=\"sidebar\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<div class=\"inner-content\">\n\t\t\t\t\t\t<slot name=\"content\" />\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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"layout.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/layout/test/layout.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACtB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,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,uBAAuB,CAAC,CAAC;IAC/C,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,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-layout', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-layout></p-layout>');\n        const element = await page.find('p-layout');\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-layout></p-layout>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-layout');\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":"layout.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/layout/test/layout.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,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,uBAAuB,CAAC,CAAC;IAC/C,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,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-layout', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-layout></p-layout>');\n\t\tconst element = await page.find('p-layout');\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-layout></p-layout>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-layout');\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/layout/test/layout.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/layout/test/layout.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACtB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,uBAAuB;KAChC,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 { Layout } from '../layout.component';\n\ndescribe('p-layout', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [Layout],\n            html: '<p-layout></p-layout>',\n        });\n        expect(root).toEqualHtml(`\n      <p-layout class=\"p-layout\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-layout>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"layout.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/layout/test/layout.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,uBAAuB;KAC7B,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 { Layout } from '../layout.component';\n\ndescribe('p-layout', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Layout],\n\t\t\thtml: '<p-layout></p-layout>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-layout class=\"p-layout\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-layout>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/atoms/loader/loader.component.js

@@ -82,7 +82,7 @@ export class Loader {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| 'inline'\n        | 'full-width'\n        | 'full-screen'\n        | 'modal'\n        | 'ghost'",
+          "original": "| 'inline'\n\t\t| 'full-width'\n\t\t| 'full-screen'\n\t\t| 'modal'\n\t\t| 'ghost'",
           "resolved": "\"full-screen\" | \"full-width\" | \"ghost\" | \"inline\" | \"modal\"",
           "references": {}
         },

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

@@ -1 +1 @@
-{"version":3,"file":"loader.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/loader/loader.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,MAAM;;IA+BP,UAAK,GAAG,IAAI,CAAC,IAAI,CAAC;IAGlB,YAAO,GAAG,CAAC,WAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE,GAAQ,CAAC,CAAC;gBA9BvB,IAAI;mBAUlC,QAAQ;iBAKsB,QAAQ;;;;EAiBtD,mBAAmB;IACf,IAAI,CAAC,UAAU,EAAE,CAAC;EACtB,CAAC;EAED,qBAAqB;IACjB,IAAI,CAAC,UAAU,EAAE,CAAC;EACtB,CAAC;EAED,MAAM;IACF,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;MACb,OAAO;KACV;IAED,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;MAC1B,OAAO,EAAC,IAAI,IAAC,KAAK,EAAC,wBAAwB,GAAQ,CAAC;KACvD;IAED,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE;MAChC,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,8BAA8B;QACtC,WAAK,KAAK,EAAC,gBAAgB;UACvB,WAAK,KAAK,EAAC,SAAS;YAChB,eAAQ;YAER,WAAK,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,OAAO,CAAO,CAC9C,CACJ,CACH,CACV,CAAC;KACL;IAED,OAAO,CACH,EAAC,IAAI,IACD,KAAK,EAAE,iCACH,IAAI,CAAC,OAAO,KAAK,YAAY;QAC7B,qCACJ,EAAE,IAED,IAAI,CAAC,OAAO,CACV,CACV,CAAC;EACN,CAAC;EAEO,UAAU;;IACd,IAAI,IAAI,CAAC,eAAe,EAAE;MACtB,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;MACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;KAC/B;IAED,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;MAChC,IAAI,CAAC,eAAe,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,CACvC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAChC,CAAC;MACF,OAAO;KACV;IAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;EAC3B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n    tag: 'p-loader',\n    styleUrl: 'loader.component.scss',\n    shadow: true,\n})\nexport class Loader {\n    /**\n     * Wether to show or hide the loader\n     */\n    @Prop() show: boolean | Observable<boolean> = true;\n\n    /**\n     * Variant of loader\n     */\n    @Prop() variant:\n        | 'inline'\n        | 'full-width'\n        | 'full-screen'\n        | 'modal'\n        | 'ghost' = 'inline';\n\n    /**\n     * Color of the loader\n     */\n    @Prop() color: 'indigo' | 'white' | 'storm' = 'indigo';\n\n    /**\n     * !NOT IMPLEMENTED! Modal title for modal variant\n     */\n    @Prop() modalTitle: string;\n\n    /**\n     * !NOT IMPLEMENTED! Modal description for modal variant\n     */\n    @Prop() modalDescription: string;\n\n    private _show = this.show;\n    private _showSubscriber: Subscription;\n\n    private _loader = (<div class={`loader color-${this.color}`}></div>);\n\n    componentWillRender() {\n        this._checkShow();\n    }\n\n    componentShouldUpdate() {\n        this._checkShow();\n    }\n\n    render() {\n        if (!this._show) {\n            return;\n        }\n\n        if (this.variant === 'ghost') {\n            return <Host class=\"p-loader variant-ghost\"></Host>;\n        }\n\n        if (this.variant === 'full-screen') {\n            return (\n                <Host class=\"p-loader variant-full-screen\">\n                    <div class=\"loading-screen\">\n                        <div class=\"content\">\n                            <slot />\n\n                            <div class=\"loader-wrapper\">{this._loader}</div>\n                        </div>\n                    </div>\n                </Host>\n            );\n        }\n\n        return (\n            <Host\n                class={`p-loader variant-default flex ${\n                    this.variant === 'full-width' &&\n                    'w-full flex justify-center text-4xl'\n                }`}\n            >\n                {this._loader}\n            </Host>\n        );\n    }\n\n    private _checkShow() {\n        if (this._showSubscriber) {\n            this._showSubscriber.unsubscribe();\n            this._showSubscriber = null;\n        }\n\n        if (typeof this.show !== 'boolean') {\n            this._showSubscriber = this.show?.subscribe(\n                (show) => (this._show = show)\n            );\n            return;\n        }\n\n        this._show = this.show;\n    }\n}\n"]}
+{"version":3,"file":"loader.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/loader/loader.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,MAAM;;IA+BV,UAAK,GAAG,IAAI,CAAC,IAAI,CAAC;IAGlB,YAAO,GAAG,CAAC,WAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE,GAAQ,CAAC,CAAC;gBA9BvB,IAAI;mBAUrC,QAAQ;iBAKyB,QAAQ;;;;EAiBtD,mBAAmB;IAClB,IAAI,CAAC,UAAU,EAAE,CAAC;EACnB,CAAC;EAED,qBAAqB;IACpB,IAAI,CAAC,UAAU,EAAE,CAAC;EACnB,CAAC;EAED,MAAM;IACL,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;MAChB,OAAO;KACP;IAED,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;MAC7B,OAAO,EAAC,IAAI,IAAC,KAAK,EAAC,wBAAwB,GAAQ,CAAC;KACpD;IAED,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE;MACnC,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,8BAA8B;QACzC,WAAK,KAAK,EAAC,gBAAgB;UAC1B,WAAK,KAAK,EAAC,SAAS;YACnB,eAAQ;YAER,WAAK,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,OAAO,CAAO,CAC3C,CACD,CACA,CACP,CAAC;KACF;IAED,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,iCACN,IAAI,CAAC,OAAO,KAAK,YAAY;QAC7B,qCACD,EAAE,IAED,IAAI,CAAC,OAAO,CACP,CACP,CAAC;EACH,CAAC;EAEO,UAAU;;IACjB,IAAI,IAAI,CAAC,eAAe,EAAE;MACzB,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;MACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;KAC5B;IAED,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;MACnC,IAAI,CAAC,eAAe,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,CAC1C,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAC7B,CAAC;MACF,OAAO;KACP;IAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;EACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n\ttag: 'p-loader',\n\tstyleUrl: 'loader.component.scss',\n\tshadow: true,\n})\nexport class Loader {\n\t/**\n\t * Wether to show or hide the loader\n\t */\n\t@Prop() show: boolean | Observable<boolean> = true;\n\n\t/**\n\t * Variant of loader\n\t */\n\t@Prop() variant:\n\t\t| 'inline'\n\t\t| 'full-width'\n\t\t| 'full-screen'\n\t\t| 'modal'\n\t\t| 'ghost' = 'inline';\n\n\t/**\n\t * Color of the loader\n\t */\n\t@Prop() color: 'indigo' | 'white' | 'storm' = 'indigo';\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal title for modal variant\n\t */\n\t@Prop() modalTitle: string;\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal description for modal variant\n\t */\n\t@Prop() modalDescription: string;\n\n\tprivate _show = this.show;\n\tprivate _showSubscriber: Subscription;\n\n\tprivate _loader = (<div class={`loader color-${this.color}`}></div>);\n\n\tcomponentWillRender() {\n\t\tthis._checkShow();\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._checkShow();\n\t}\n\n\trender() {\n\t\tif (!this._show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.variant === 'ghost') {\n\t\t\treturn <Host class=\"p-loader variant-ghost\"></Host>;\n\t\t}\n\n\t\tif (this.variant === 'full-screen') {\n\t\t\treturn (\n\t\t\t\t<Host class=\"p-loader variant-full-screen\">\n\t\t\t\t\t<div class=\"loading-screen\">\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t<slot />\n\n\t\t\t\t\t\t\t<div class=\"loader-wrapper\">{this._loader}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Host>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-loader variant-default flex ${\n\t\t\t\t\tthis.variant === 'full-width' &&\n\t\t\t\t\t'w-full flex justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{this._loader}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkShow() {\n\t\tif (this._showSubscriber) {\n\t\t\tthis._showSubscriber.unsubscribe();\n\t\t\tthis._showSubscriber = null;\n\t\t}\n\n\t\tif (typeof this.show !== 'boolean') {\n\t\t\tthis._showSubscriber = this.show?.subscribe(\n\t\t\t\t(show) => (this._show = show)\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"]}