@amiceli/papierjs 0.7.0 → 0.9.0

package/dist/collection/components/p-spinner/p-spinner.js

@@ -0,0 +1,94 @@
+import { Host, h } from "@stencil/core";
+export class PSpinner {
+    constructor() {
+        this.large = false;
+    }
+    getStyle() {
+        return {
+            backgroundColor: this.color || 'currentColor',
+        };
+    }
+    render() {
+        return (h(Host, { key: '4a41842ec2411ca6ece5f790bc0455662e4afe4e' }, h("div", { key: 'f3366e6f349a2c4ebc521fb5e6c726911dd148e6', class: {
+                'p-spinner': true,
+                papier: true,
+                'is--large': this.large,
+                'is--dark': this.dark,
+            } }, h("div", { key: 'c3106cda345e743c5e164e873e509f404e4c05cd', class: "border border-primary", style: this.getStyle() }), h("div", { key: '0c6337ddc6f779ebf292edca69dbbef50cf1f122', class: "border border-primary", style: this.getStyle() }), h("div", { key: 'b22d65d9627cabd463911e512e784f94cf700ec8', class: "border border-primary", style: this.getStyle() }))));
+    }
+    static get is() { return "p-spinner"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["p-spinner.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["p-spinner.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "large": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "large",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "color",
+                "reflect": false
+            },
+            "dark": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "dark",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=p-spinner.js.map

package/dist/collection/components/p-spinner/p-spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-spinner.js","sourceRoot":"","sources":["../../../src/components/p-spinner/p-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,QAAQ;IALrB;QAOW,UAAK,GAAY,KAAK,CAAA;KAyChC;IAjCU,QAAQ;QACX,OAAO;YACH,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,cAAc;SAChD,CAAA;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,WAAW,EAAE,IAAI;oBACjB,MAAM,EAAE,IAAI;oBACZ,WAAW,EAAE,IAAI,CAAC,KAAK;oBACvB,UAAU,EAAE,IAAI,CAAC,IAAI;iBACxB;gBAED,4DACI,KAAK,EAAC,uBAAuB,EAC7B,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GACxB;gBACF,4DACI,KAAK,EAAC,uBAAuB,EAC7B,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GACxB;gBACF,4DACI,KAAK,EAAC,uBAAuB,EAC7B,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GACxB,CACA,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-spinner',\n    styleUrl: 'p-spinner.scss',\n    shadow: true,\n})\nexport class PSpinner {\n    @Prop()\n    public large: boolean = false\n\n    @Prop()\n    public color?: string\n\n    @Prop()\n    public dark?: boolean\n\n    public getStyle() {\n        return {\n            backgroundColor: this.color || 'currentColor',\n        }\n    }\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class={{\n                        'p-spinner': true,\n                        papier: true,\n                        'is--large': this.large,\n                        'is--dark': this.dark,\n                    }}\n                >\n                    <div\n                        class=\"border border-primary\"\n                        style={this.getStyle()}\n                    />\n                    <div\n                        class=\"border border-primary\"\n                        style={this.getStyle()}\n                    />\n                    <div\n                        class=\"border border-primary\"\n                        style={this.getStyle()}\n                    />\n                </div>\n            </Host>\n        )\n    }\n}\n"]}

package/dist/collection/components/p-spinner/stories/p-spinner-playground.stories.js

@@ -0,0 +1,27 @@
+export default {
+    title: 'Components/Spinner/Playground',
+}
+
+const Template = (args) => {
+    return `
+        <p-leaf>
+            <h3>p-spinner</h3>
+        </p-leaf>
+        <br />
+        <div style='padding: 10px; background: ${args.dark ? '#41403e' : 'white'}'>
+            <p-spinner
+                color="${args.color}"
+                ${args.large ? 'large' : ''}
+                ${args.dark ? 'dark' : ''}
+            ></p-spinner>
+        </div>
+    `
+}
+
+export const Playground = Template.bind({})
+
+Playground.args = {
+    dark: false,
+    large: false,
+    color: 'inherit',
+}

package/dist/collection/components/progress-bar/progress-bar.js

@@ -6,6 +6,16 @@ export class ProgressBar {
         this.striped = false;
         this.dark = false;
     }
+    componentDidLoad() {
+        if (this.auto) {
+            this.interval = window.setInterval(() => {
+                this.value = this.value >= 100 ? 0 : this.value + 10;
+            }, this.auto);
+        }
+    }
+    disconnectedCallback() {
+        window.clearInterval(this.interval);
+    }
     getClass() {
         const types = [
             'secondary',
@@ -36,7 +46,7 @@ export class ProgressBar {
         return cssClass;
     }
     render() {
-        return (h("div", { key: '20e868c53ea4b6726c934b00a96a96af5fd90735', class: this.getParentClass() }, h("div", { key: '9844c710e50a284db3854a4f375578bfb0936ba1', class: "progress" }, h("div", { key: '11e92c1aadfe9f305347cfb10404179756d861f1', class: this.getClass() }, h("slot", { key: '4810e3c69cd5cb77b7767fff9fdbd617f0e38223' })))));
+        return (h("div", { key: 'f77ea9deebca9331ea9dc57983b7effc0001579d', class: this.getParentClass() }, h("div", { key: '40197b0a4574f76ae8bc6229ed917a5d83441ab7', class: "progress" }, h("div", { key: 'a728ce2662ad1c279cac34a5414a1291c64c600f', class: this.getClass() }, h("slot", { key: '039a17e5cec9d958f82ab66e00eaafc141068d4a' })))));
     }
     static get is() { return "p-progress-bar"; }
     static get encapsulation() { return "shadow"; }
@@ -136,8 +146,32 @@ export class ProgressBar {
                 "attribute": "dark",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "auto": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "auto",
+                "reflect": false
             }
         };
     }
+    static get states() {
+        return {
+            "interval": {}
+        };
+    }
 }
 //# sourceMappingURL=progress-bar.js.map

package/dist/collection/components/progress-bar/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../src/components/progress-bar/progress-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAelD,MAAM,OAAO,WAAW;IALxB;QAOI,SAAI,GAAsB,SAAS,CAAA;QAEnC,UAAK,GAAY,CAAC,CAAA;QAElB,YAAO,GAAa,KAAK,CAAA;QAEzB,SAAI,GAAa,KAAK,CAAA;KAiDzB;IA/CU,QAAQ;QACX,MAAM,KAAK,GAAG;YACV,WAAW;YACX,SAAS;YACT,SAAS;YACT,QAAQ;YACR,OAAO;YACP,SAAS;SACZ,CAAA;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAA;QAEtE,IAAI,QAAQ,GAAG,SAAS,KAAK,EAAE,CAAA;QAE/B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7B,QAAQ,GAAG,GAAG,QAAQ,UAAU,CAAA;QACpC,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,GAAG,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE,CAAA;QACzC,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,QAAQ,GAAG,GAAG,QAAQ,UAAU,CAAA;QACpC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,cAAc;QACjB,IAAI,QAAQ,GAAG,kBAAkB,CAAA;QAEjC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,4DAAK,KAAK,EAAC,UAAU;gBACjB,4DAAK,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;oBACvB,8DAAQ,CACN,CACJ,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from '@stencil/core'\n\ntype ProgressBarColor =\n    | 'secondary'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'muted'\n    | 'primary'\n\n@Component({\n    tag: 'p-progress-bar',\n    styleUrl: 'progress-bar.scss',\n    shadow: true,\n})\nexport class ProgressBar {\n    @Prop()\n    type?: ProgressBarColor = 'primary'\n    @Prop()\n    value?: number = 0\n    @Prop()\n    striped?: boolean = false\n    @Prop()\n    dark?: boolean = false\n\n    public getClass(): string {\n        const types = [\n            'secondary',\n            'success',\n            'warning',\n            'danger',\n            'muted',\n            'primary',\n        ]\n        const value = this.value < 0 ? 0 : this.value > 100 ? 100 : this.value\n\n        let cssClass = `bar w-${value}`\n\n        if (!types.includes(this.type)) {\n            cssClass = `${cssClass} primary`\n        } else {\n            cssClass = `${cssClass} ${this.type}`\n        }\n\n        if (this.striped) {\n            cssClass = `${cssClass} striped`\n        }\n\n        return cssClass\n    }\n\n    public getParentClass() {\n        let cssClass = 'papier is--block'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                <div class=\"progress\">\n                    <div class={this.getClass()}>\n                        <slot />\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}\n"]}
+{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../src/components/progress-bar/progress-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAezD,MAAM,OAAO,WAAW;IALxB;QAOI,SAAI,GAAsB,SAAS,CAAA;QAEnC,UAAK,GAAY,CAAC,CAAA;QAElB,YAAO,GAAa,KAAK,CAAA;QAEzB,SAAI,GAAa,KAAK,CAAA;KAkEzB;IA3DU,gBAAgB;QACnB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;gBACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;YACxD,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QACjB,CAAC;IACL,CAAC;IAEM,oBAAoB;QACvB,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACvC,CAAC;IAEM,QAAQ;QACX,MAAM,KAAK,GAAG;YACV,WAAW;YACX,SAAS;YACT,SAAS;YACT,QAAQ;YACR,OAAO;YACP,SAAS;SACZ,CAAA;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAA;QAEtE,IAAI,QAAQ,GAAG,SAAS,KAAK,EAAE,CAAA;QAE/B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7B,QAAQ,GAAG,GAAG,QAAQ,UAAU,CAAA;QACpC,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,GAAG,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE,CAAA;QACzC,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,QAAQ,GAAG,GAAG,QAAQ,UAAU,CAAA;QACpC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,cAAc;QACjB,IAAI,QAAQ,GAAG,kBAAkB,CAAA;QAEjC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,4DAAK,KAAK,EAAC,UAAU;gBACjB,4DAAK,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;oBACvB,8DAAQ,CACN,CACJ,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, State, h } from '@stencil/core'\n\ntype ProgressBarColor =\n    | 'secondary'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'muted'\n    | 'primary'\n\n@Component({\n    tag: 'p-progress-bar',\n    styleUrl: 'progress-bar.scss',\n    shadow: true,\n})\nexport class ProgressBar {\n    @Prop()\n    type?: ProgressBarColor = 'primary'\n    @Prop()\n    value?: number = 0\n    @Prop()\n    striped?: boolean = false\n    @Prop()\n    dark?: boolean = false\n    @Prop()\n    auto?: number\n\n    @State()\n    interval?: number\n\n    public componentDidLoad() {\n        if (this.auto) {\n            this.interval = window.setInterval(() => {\n                this.value = this.value >= 100 ? 0 : this.value + 10\n            }, this.auto)\n        }\n    }\n\n    public disconnectedCallback() {\n        window.clearInterval(this.interval)\n    }\n\n    public getClass(): string {\n        const types = [\n            'secondary',\n            'success',\n            'warning',\n            'danger',\n            'muted',\n            'primary',\n        ]\n        const value = this.value < 0 ? 0 : this.value > 100 ? 100 : this.value\n\n        let cssClass = `bar w-${value}`\n\n        if (!types.includes(this.type)) {\n            cssClass = `${cssClass} primary`\n        } else {\n            cssClass = `${cssClass} ${this.type}`\n        }\n\n        if (this.striped) {\n            cssClass = `${cssClass} striped`\n        }\n\n        return cssClass\n    }\n\n    public getParentClass() {\n        let cssClass = 'papier is--block'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                <div class=\"progress\">\n                    <div class={this.getClass()}>\n                        <slot />\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}\n"]}

package/dist/collection/components/tabs/tab/tab.js

@@ -5,11 +5,11 @@ export class PTab {
         this.dark = false;
     }
     render() {
-        return (h(Host, { key: '29336150bccaf6a1ec95231fdfbc560c7027bdaf' }, h("div", { key: 'a55e95646d7772e26f7d65706e096271bd642fb2', class: {
+        return (h(Host, { key: '1ea5cf18627b1720210a140698e035707cfb8b1f' }, h("div", { key: 'f57138c165e957d2dfe375920728c821bd96a435', class: {
                 papier: true,
                 'is--selected': this.selected,
                 'is--dark': this.dark,
-            } }, h("slot", { key: '79283e0f890d83ebf5ef388b78ac7d9a1a9dfb2c' }))));
+            } }, h("slot", { key: 'd3ae85ebe177281245e489a2e7ec55926edf410f' }))));
     }
     static get is() { return "p-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/tabs/tabs.js

@@ -44,12 +44,12 @@ export class PTabs {
         };
     }
     render() {
-        return (h(Host, { key: '0c78c9ce416e99234c2db3aee9607c80758ca594' }, h("div", { key: 'e934889da2cc7c65b00807f37887adc1330b52fe', class: {
+        return (h(Host, { key: 'd59b104d239042132d6c4451b58aad48b3886234' }, h("div", { key: '2eb521ba002c190a066dc7039474c5969e0c1bf1', class: {
                 'is--dark': this.dark,
                 papier: true,
-            } }, h("div", { key: '38501e443b9b04ab2f276232c4060fb2fa969a89', class: "row flex-spaces tabs" }, this.tabs.map((t) => {
+            } }, h("div", { key: 'a9db4856105d86313b229a0abca779e8c98ca4d9', class: "row flex-spaces tabs" }, this.tabs.map((t) => {
             return (h("label", { class: this.getTabClass(t), htmlFor: "tab1", key: t.title, onClick: () => this.onSelectTab(t) }, t.title));
-        }), h("div", { key: '19546aed34979d4630348b64a4ddcac48333e671', class: "content" }, h("slot", { key: 'b9e5992eec171cdcbb3332f8047468a4751f594d' }))))));
+        }), h("div", { key: 'f363537fc0ce3a310d2a1c5eef72884ceb122ff7', class: "content" }, h("slot", { key: '24150a096b7344d7f74ccfae58ca283ed8eb3f45' }))))));
     }
     static get is() { return "p-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tooltip/tooltip.css

@@ -3217,4 +3217,7 @@
 }
 :host .papier {
   display: inline-block;
+}
+:host .papier > div {
+  display: inline;
 }

package/dist/collection/components/tooltip/tooltip.js

@@ -8,7 +8,7 @@ export class PTooltip {
         this.top = false;
     }
     render() {
-        return (h(Host, { key: 'da2470d96d915e91915fba74a644acb21c9af74b' }, h("div", { key: '3913b807488a7591aab79d33b05f46d70c127c5b', class: "papier" }, h("div", { key: 'b7b8b48b77dde291ea1b893a806f0b4e43f77eeb', "popover-left": this.left && !this.disabled ? this.title : null, "popover-right": this.right && !this.disabled ? this.title : null, "popover-bottom": this.bottom && !this.disabled ? this.title : null, "popover-top": this.top && !this.disabled ? this.title : null }, h("slot", { key: '82aec744a324e1ac8dab4eca236401135366fdb0' })))));
+        return (h(Host, { key: '49696872fd30c059c732eac8b29b97f8a4df80f8' }, h("div", { key: '63c42e1a0dca1b46e0064bac1104aa4db0f2af7a', class: "papier" }, h("div", { key: '0bd0ca4afc6aef686ee52859a3782a3a27d708c1', "popover-left": this.left && !this.disabled ? this.title : null, "popover-right": this.right && !this.disabled ? this.title : null, "popover-bottom": this.bottom && !this.disabled ? this.title : null, "popover-top": this.top && !this.disabled ? this.title : null }, h("slot", { key: '97d076079f049d7cbf4187675b81a6c5c95aab4f' })))));
     }
     static get is() { return "p-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/index.js

@@ -1,3 +1,3 @@
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-af62ba98.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-c65086ec.js';
 
 //# sourceMappingURL=index.js.map

package/dist/components/{p-c3c46963.js → p-34faf3f1.js}

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-af62ba98.js';
-import { d as defineCustomElement$1 } from './p-ef7a623f.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-c65086ec.js';
+import { d as defineCustomElement$1 } from './p-ef0c3ae9.js';
 
 const pNotificationHandlerCss = ":host{pointer-events:none;display:flex;flex-direction:column;justify-content:center;row-gap:8px;position:fixed;top:40px;margin:auto 80px;left:0;right:0;z-index:9999}";
 const PNotificationHandlerStyle0 = pNotificationHandlerCss;
@@ -75,4 +75,4 @@ defineCustomElement();
 
 export { PNotificationHandler as P, defineCustomElement as d };
 
-//# sourceMappingURL=p-c3c46963.js.map
+//# sourceMappingURL=p-34faf3f1.js.map

package/dist/components/{p-c3c46963.js.map → p-34faf3f1.js.map}

@@ -1 +1 @@
-{"file":"p-c3c46963.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,uKAAuK,CAAC;AACxM,mCAAe,uBAAuB;;MCiBzB,oBAAoB;IALjC;;;;QAOW,kBAAa,GAAmB,EAAE,CAAA;KAsD5C;IAnDU,MAAM,gBAAgB,CAAC,OAAoB;QAC9C,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;QACjD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC,CAAA;QAC9C,IAAI,CAAC,aAAa,GAAG;YACjB,GAAG,IAAI,CAAC,aAAa;YACrB;gBACI,IAAI;gBACJ,IAAI;gBACJ,QAAQ;gBACR,SAAS;aACZ;SACJ,CAAA;QAED,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,UAAU,CAAC;YACP,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK;gBAC/C,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS,CAAA;aACvC,CAAC,CAAA;YACF,IAAI,YAAY,EAAE;gBACd,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;aAC9B;SACJ,EAAE,OAAO,CAAC,CAAA;KACd;IAEO,WAAW,CAAC,SAAiB;QACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK;YACjD,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS,CAAA;SACvC,CAAC,CAAA;KACL;IAGM,iBAAiB,CAAC,KAA0B;QAC/C,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;KACjC;IAEM,gBAAgB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,MAChC,sBACI,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC5B,CACL,CAAC,CAAA;KACL;IAED,MAAM;QACF,OAAO,EAAC,IAAI,uDAAE,IAAI,CAAC,gBAAgB,EAAE,CAAQ,CAAA;KAChD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/notification/p-notification-handler/p-notification-handler.scss?tag=p-notification-handler&encapsulation=shadow","src/components/notification/p-notification-handler/p-notification-handler.tsx"],"sourcesContent":[":host {\n    pointer-events: none;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    row-gap: 8px;\n    position: fixed;\n    top: 40px;\n    margin: auto 80px;\n    left: 0;\n    right: 0;\n    z-index: 9999;\n}","import { Component, Host, Listen, Method, State, h } from '@stencil/core'\n\nexport type PushOptions = {\n    type: string\n    text: string\n    canclose: boolean\n    timeout?: number\n}\n\ntype Notification = PushOptions & {\n    timestamp: string\n}\n\n@Component({\n    tag: 'p-notification-handler',\n    styleUrl: 'p-notification-handler.scss',\n    shadow: true,\n})\nexport class PNotificationHandler {\n    @State()\n    public notifications: Notification[] = []\n\n    @Method()\n    public async pushNotification(options: PushOptions) {\n        const { type, text, canclose, timeout } = options\n        const timestamp = String(new Date().getTime())\n        this.notifications = [\n            ...this.notifications,\n            {\n                type,\n                text,\n                canclose,\n                timestamp,\n            },\n        ]\n\n        if (!timeout) return\n\n        setTimeout(() => {\n            const notification = this.notifications.find((toast) => {\n                return toast.timestamp === timestamp\n            })\n            if (notification) {\n                this.removeToast(timestamp)\n            }\n        }, timeout)\n    }\n\n    private removeToast(timestamp: string) {\n        this.notifications = this.notifications.filter((toast) => {\n            return toast.timestamp !== timestamp\n        })\n    }\n\n    @Listen('close')\n    public closeToastHandler(event: CustomEvent<string>) {\n        this.removeToast(event.detail)\n    }\n\n    public mapNotifications() {\n        return this.notifications.map((toast) => (\n            <p-notification\n                key={toast.type}\n                type={toast.type}\n                text={toast.text}\n                canclose={toast.canclose}\n                timestamp={toast.timestamp}\n            />\n        ))\n    }\n\n    render() {\n        return <Host>{this.mapNotifications()}</Host>\n    }\n}\n"],"version":3}
+{"file":"p-34faf3f1.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,uKAAuK,CAAC;AACxM,mCAAe,uBAAuB;;MCiBzB,oBAAoB;IALjC;;;;QAOW,kBAAa,GAAmB,EAAE,CAAA;KAsD5C;IAnDU,MAAM,gBAAgB,CAAC,OAAoB;QAC9C,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;QACjD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC,CAAA;QAC9C,IAAI,CAAC,aAAa,GAAG;YACjB,GAAG,IAAI,CAAC,aAAa;YACrB;gBACI,IAAI;gBACJ,IAAI;gBACJ,QAAQ;gBACR,SAAS;aACZ;SACJ,CAAA;QAED,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,UAAU,CAAC;YACP,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK;gBAC/C,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS,CAAA;aACvC,CAAC,CAAA;YACF,IAAI,YAAY,EAAE;gBACd,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;aAC9B;SACJ,EAAE,OAAO,CAAC,CAAA;KACd;IAEO,WAAW,CAAC,SAAiB;QACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK;YACjD,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS,CAAA;SACvC,CAAC,CAAA;KACL;IAGM,iBAAiB,CAAC,KAA0B;QAC/C,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;KACjC;IAEM,gBAAgB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,MAChC,sBACI,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC5B,CACL,CAAC,CAAA;KACL;IAED,MAAM;QACF,OAAO,EAAC,IAAI,uDAAE,IAAI,CAAC,gBAAgB,EAAE,CAAQ,CAAA;KAChD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/notification/p-notification-handler/p-notification-handler.scss?tag=p-notification-handler&encapsulation=shadow","src/components/notification/p-notification-handler/p-notification-handler.tsx"],"sourcesContent":[":host {\n    pointer-events: none;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    row-gap: 8px;\n    position: fixed;\n    top: 40px;\n    margin: auto 80px;\n    left: 0;\n    right: 0;\n    z-index: 9999;\n}","import { Component, Host, Listen, Method, State, h } from '@stencil/core'\n\nexport type PushOptions = {\n    type: string\n    text: string\n    canclose: boolean\n    timeout?: number\n}\n\ntype Notification = PushOptions & {\n    timestamp: string\n}\n\n@Component({\n    tag: 'p-notification-handler',\n    styleUrl: 'p-notification-handler.scss',\n    shadow: true,\n})\nexport class PNotificationHandler {\n    @State()\n    public notifications: Notification[] = []\n\n    @Method()\n    public async pushNotification(options: PushOptions) {\n        const { type, text, canclose, timeout } = options\n        const timestamp = String(new Date().getTime())\n        this.notifications = [\n            ...this.notifications,\n            {\n                type,\n                text,\n                canclose,\n                timestamp,\n            },\n        ]\n\n        if (!timeout) return\n\n        setTimeout(() => {\n            const notification = this.notifications.find((toast) => {\n                return toast.timestamp === timestamp\n            })\n            if (notification) {\n                this.removeToast(timestamp)\n            }\n        }, timeout)\n    }\n\n    private removeToast(timestamp: string) {\n        this.notifications = this.notifications.filter((toast) => {\n            return toast.timestamp !== timestamp\n        })\n    }\n\n    @Listen('close')\n    public closeToastHandler(event: CustomEvent<string>) {\n        this.removeToast(event.detail)\n    }\n\n    public mapNotifications() {\n        return this.notifications.map((toast) => (\n            <p-notification\n                key={toast.type}\n                type={toast.type}\n                text={toast.text}\n                canclose={toast.canclose}\n                timestamp={toast.timestamp}\n            />\n        ))\n    }\n\n    render() {\n        return <Host>{this.mapNotifications()}</Host>\n    }\n}\n"],"version":3}