@amiceli/papierjs 0.11.0 → 0.13.0

package/dist/collection/components/navigation/p-navbar-item/p-navbar-item.js

@@ -0,0 +1,112 @@
+import { Host, h } from "@stencil/core";
+export class PNavbarItem {
+    constructor() {
+        this.dark = false;
+        this.href = '/';
+    }
+    getClass() {
+        return {
+            papier: true,
+            'with--icon': this.icon !== undefined,
+            'is--dark': this.dark === true,
+        };
+    }
+    render() {
+        return (h(Host, { key: '5c12b89ec66e1beecdb97f1d93976dfda6546919' }, h("li", { key: '5ff95229e88be1416fcfbb3d386b71fe7ef5a5b6', class: this.getClass() }, h("a", { key: 'aed7e4d3c438036a815cf666547d56f30c5630b2', href: this.href, target: this.target }, this.icon && h("p-icon", { key: 'f75effbe27cd0899c9c39791c4b2d9e5f701d79c', color: this.dark ? 'white' : '#41403e', icon: this.icon, size: 20 }), h("slot", { key: 'ddb212507defd3d6fa51dde1c26b88ca1f17e347' })))));
+    }
+    static get is() { return "p-navbar-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["p-navbar-item.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["p-navbar-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "dark": {
+                "type": "boolean",
+                "attribute": "dark",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "href": {
+                "type": "string",
+                "attribute": "href",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'/'"
+            },
+            "target": {
+                "type": "string",
+                "attribute": "target",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "icon": {
+                "type": "string",
+                "attribute": "icon",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=p-navbar-item.js.map

package/dist/collection/components/navigation/p-navbar-item/p-navbar-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-navbar-item.js","sourceRoot":"","sources":["../../../../src/components/navigation/p-navbar-item/p-navbar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,WAAW;IALxB;QAOW,SAAI,GAAa,KAAK,CAAA;QAGtB,SAAI,GAAW,GAAG,CAAA;KA4B5B;IApBU,QAAQ;QACX,OAAO;YACH,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;YACrC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;SACjC,CAAA;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,2DAAI,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;gBACtB,0DAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM;oBAClC,IAAI,CAAC,IAAI,IAAI,+DAAQ,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,GAAW;oBAClG,8DAAQ,CACR,CACH,CACF,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-navbar-item',\n    styleUrl: 'p-navbar-item.scss',\n    shadow: true,\n})\nexport class PNavbarItem {\n    @Prop()\n    public dark?: boolean = false\n\n    @Prop()\n    public href: string = '/'\n\n    @Prop()\n    public target?: string\n\n    @Prop()\n    public icon?: string\n\n    public getClass() {\n        return {\n            papier: true,\n            'with--icon': this.icon !== undefined,\n            'is--dark': this.dark === true,\n        }\n    }\n\n    render() {\n        return (\n            <Host>\n                <li class={this.getClass()}>\n                    <a href={this.href} target={this.target}>\n                        {this.icon && <p-icon color={this.dark ? 'white' : '#41403e'} icon={this.icon} size={20}></p-icon>}\n                        <slot />\n                    </a>\n                </li>\n            </Host>\n        )\n    }\n}\n"]}

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

@@ -41,9 +41,9 @@ export class PNotification {
         this.close.emit(this.timestamp);
     }
     render() {
-        return (h(Host, { key: 'a3a2425f36e58060de56dbe7a8db4c4bddc00c35' }, h("div", { key: '97dd464c746c42730addb3bc4df2744c4d3e2979', class: "papier" }, h("div", { key: '768b037b54a1d9e382aa2095dff35396d07fb581', class: this.getClassName() }, h("div", { key: '20193bfdc8b66ad7e880fee6510dc5fa7778b948', innerHTML: this.getIconName() }), h("div", { key: 'a67678cc6256900c078228572e3f6847feaf9b53', innerHTML: this.text }), this.canclose && (h("span", { key: '7376f55ee0baaf4ea67f3cbd7ff97460876271e1', onClick: () => {
+        return (h(Host, { key: 'ac2219e48429093576f2e7bd3150187f5f2d1f1a' }, h("div", { key: 'a1d251e727203209b17c034d162bf184fe61f614', class: "papier" }, h("div", { key: '61a73aaa4038c8370998cdcc16b122443dd413be', class: this.getClassName() }, h("div", { key: '52c1ab9aa521e604fc5d197f4de54f96f2cb5617', innerHTML: this.getIconName() }), h("div", { key: '63e8dbaea7f9bff58078f8c36b6a3689ef8ee838', innerHTML: this.text }), this.canclose && (h("span", { key: '499913e30b9c137e1cb036a5451fc0c0d793b148', innerHTML: feather.icons.x.toSvg(), onClick: () => {
                 this.onClose();
-            }, innerHTML: feather.icons.x.toSvg() }))))));
+            } }))))));
     }
     static get is() { return "p-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"p-notification.js","sourceRoot":"","sources":["../../../../src/components/notification/p-notification/p-notification.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3F,OAAO,OAAO,MAAM,eAAe,CAAA;AAOnC,MAAM,OAAO,aAAa;IAL1B;QAUW,SAAI,GAAY,MAAM,CAAA;QAGtB,SAAI,GAAG,EAAE,CAAA;QAGT,aAAQ,GAAG,KAAK,CAAA;QAGhB,cAAS,GAAG,EAAE,CAAA;KAgExB;IAzDU,WAAW;QACd,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAChB,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;YACrC,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAA;YAClD,KAAK,QAAQ;gBACT,OAAO,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,CAAA;YAChD,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,CAAA;YAChD;gBACI,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;QACzC,CAAC;IACL,CAAC;IAEM,YAAY;QACf,MAAM,QAAQ,GAAG;YACb,KAAK,EAAE,IAAI;YACX,YAAY,EAAE,IAAI,CAAC,QAAQ;SAC9B,CAAA;QACD,MAAM,IAAI,GAAG;YACT,SAAS;YACT,WAAW;YACX,SAAS;YACT,SAAS;YACT,QAAQ;SACX,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAA;QAC9B,QAAQ,CAAC,SAAS,IAAI,IAAI,SAAS,EAAE,CAAC,GAAG,IAAI,CAAA;QAE7C,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEO,OAAO;QACX,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,CAAA;QAC9B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnC,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DAAK,KAAK,EAAC,QAAQ;gBACf,4DAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE;oBAC3B,4DAAK,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,GAAI;oBACtC,4DAAK,SAAS,EAAE,IAAI,CAAC,IAAI,GAAI;oBAC5B,IAAI,CAAC,QAAQ,IAAI,CACd,6DACI,OAAO,EAAE,GAAG,EAAE;4BACV,IAAI,CAAC,OAAO,EAAE,CAAA;wBAClB,CAAC,EACD,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,GACpC,CACL,CACC,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Event, type EventEmitter, Host, h, Prop } from '@stencil/core'\nimport feather from 'feather-icons'\n\n@Component({\n    tag: 'p-notification',\n    styleUrl: 'p-notification.scss',\n    shadow: true,\n})\nexport class PNotification {\n    @Element()\n    public el: HTMLElement\n\n    @Prop()\n    public type?: string = 'info'\n\n    @Prop()\n    public text = ''\n\n    @Prop()\n    public canclose = false\n\n    @Prop()\n    public timestamp = ''\n\n    @Event({\n        eventName: 'close',\n    })\n    public close: EventEmitter<string>\n\n    public getIconName() {\n        switch (this.type) {\n            case 'primary':\n                return feather.icons.info.toSvg()\n            case 'warning':\n                return feather.icons['alert-triangle'].toSvg()\n            case 'danger':\n                return feather.icons['alert-circle'].toSvg()\n            case 'success':\n                return feather.icons['check-circle'].toSvg()\n            default:\n                return feather.icons.info.toSvg()\n        }\n    }\n\n    public getClassName() {\n        const cssClass = {\n            alert: true,\n            'can--close': this.canclose,\n        }\n        const type = [\n            'primary',\n            'secondary',\n            'success',\n            'warning',\n            'danger',\n        ].find((v) => v === this.type)\n        cssClass[`alert-${type || 'primary'}`] = true\n\n        return cssClass\n    }\n\n    private onClose() {\n        console.debug('on close baby')\n        this.close.emit(this.timestamp)\n    }\n\n    render() {\n        return (\n            <Host>\n                <div class=\"papier\">\n                    <div class={this.getClassName()}>\n                        <div innerHTML={this.getIconName()} />\n                        <div innerHTML={this.text} />\n                        {this.canclose && (\n                            <span\n                                onClick={() => {\n                                    this.onClose()\n                                }}\n                                innerHTML={feather.icons.x.toSvg()}\n                            />\n                        )}\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}
+{"version":3,"file":"p-notification.js","sourceRoot":"","sources":["../../../../src/components/notification/p-notification/p-notification.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3F,OAAO,OAAO,MAAM,eAAe,CAAA;AAOnC,MAAM,OAAO,aAAa;IAL1B;QAUW,SAAI,GAAY,MAAM,CAAA;QAGtB,SAAI,GAAG,EAAE,CAAA;QAGT,aAAQ,GAAG,KAAK,CAAA;QAGhB,cAAS,GAAG,EAAE,CAAA;KAgExB;IAzDU,WAAW;QACd,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAChB,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;YACrC,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAA;YAClD,KAAK,QAAQ;gBACT,OAAO,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,CAAA;YAChD,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,CAAA;YAChD;gBACI,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;QACzC,CAAC;IACL,CAAC;IAEM,YAAY;QACf,MAAM,QAAQ,GAAG;YACb,KAAK,EAAE,IAAI;YACX,YAAY,EAAE,IAAI,CAAC,QAAQ;SAC9B,CAAA;QACD,MAAM,IAAI,GAAG;YACT,SAAS;YACT,WAAW;YACX,SAAS;YACT,SAAS;YACT,QAAQ;SACX,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAA;QAC9B,QAAQ,CAAC,SAAS,IAAI,IAAI,SAAS,EAAE,CAAC,GAAG,IAAI,CAAA;QAE7C,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEO,OAAO;QACX,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,CAAA;QAC9B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnC,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DAAK,KAAK,EAAC,QAAQ;gBACf,4DAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE;oBAC3B,4DAAK,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,GAAI;oBACtC,4DAAK,SAAS,EAAE,IAAI,CAAC,IAAI,GAAI;oBAC5B,IAAI,CAAC,QAAQ,IAAI,CACd,6DACI,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,EAClC,OAAO,EAAE,GAAG,EAAE;4BACV,IAAI,CAAC,OAAO,EAAE,CAAA;wBAClB,CAAC,GACH,CACL,CACC,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Event, type EventEmitter, Host, h, Prop } from '@stencil/core'\nimport feather from 'feather-icons'\n\n@Component({\n    tag: 'p-notification',\n    styleUrl: 'p-notification.scss',\n    shadow: true,\n})\nexport class PNotification {\n    @Element()\n    public el: HTMLElement\n\n    @Prop()\n    public type?: string = 'info'\n\n    @Prop()\n    public text = ''\n\n    @Prop()\n    public canclose = false\n\n    @Prop()\n    public timestamp = ''\n\n    @Event({\n        eventName: 'close',\n    })\n    public close: EventEmitter<string>\n\n    public getIconName() {\n        switch (this.type) {\n            case 'primary':\n                return feather.icons.info.toSvg()\n            case 'warning':\n                return feather.icons['alert-triangle'].toSvg()\n            case 'danger':\n                return feather.icons['alert-circle'].toSvg()\n            case 'success':\n                return feather.icons['check-circle'].toSvg()\n            default:\n                return feather.icons.info.toSvg()\n        }\n    }\n\n    public getClassName() {\n        const cssClass = {\n            alert: true,\n            'can--close': this.canclose,\n        }\n        const type = [\n            'primary',\n            'secondary',\n            'success',\n            'warning',\n            'danger',\n        ].find((v) => v === this.type)\n        cssClass[`alert-${type || 'primary'}`] = true\n\n        return cssClass\n    }\n\n    private onClose() {\n        console.debug('on close baby')\n        this.close.emit(this.timestamp)\n    }\n\n    render() {\n        return (\n            <Host>\n                <div class=\"papier\">\n                    <div class={this.getClassName()}>\n                        <div innerHTML={this.getIconName()} />\n                        <div innerHTML={this.text} />\n                        {this.canclose && (\n                            <span\n                                innerHTML={feather.icons.x.toSvg()}\n                                onClick={() => {\n                                    this.onClose()\n                                }}\n                            />\n                        )}\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}

package/dist/collection/components/notification/p-notification-handler/p-notification-handler.js

@@ -35,7 +35,7 @@ export class PNotificationHandler {
         this.removeToast(event.detail);
     }
     mapNotifications() {
-        return this.notifications.map((toast) => (h("p-notification", { key: toast.type, type: toast.type, text: toast.text, canclose: toast.canclose, timestamp: toast.timestamp })));
+        return this.notifications.map((toast) => (h("p-notification", { canclose: toast.canclose, key: toast.type, text: toast.text, timestamp: toast.timestamp, type: toast.type })));
     }
     render() {
         return h(Host, { key: '3fd9e86a226374f1a6301f220fd952b95141ca9a' }, this.mapNotifications());
@@ -74,7 +74,7 @@ export class PNotificationHandler {
                         },
                         "PushOptions": {
                             "location": "local",
-                            "path": "/Users/antoinemiceli/Projects/Github/papierjs/src/components/notification/p-notification-handler/p-notification-handler.tsx",
+                            "path": "/Users/antoine/Projets/Github/papierjs/src/components/notification/p-notification-handler/p-notification-handler.tsx",
                             "id": "src/components/notification/p-notification-handler/p-notification-handler.tsx::PushOptions"
                         }
                     },

package/dist/collection/components/notification/p-notification-handler/p-notification-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-notification-handler.js","sourceRoot":"","sources":["../../../../src/components/notification/p-notification-handler/p-notification-handler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAkBzE,MAAM,OAAO,oBAAoB;IALjC;QAOW,kBAAa,GAAmB,EAAE,CAAA;KAgD5C;IA7CU,KAAK,CAAC,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,GAAG,EAAE;YACZ,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;gBACnD,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS,CAAA;YACxC,CAAC,CAAC,CAAA;YACF,IAAI,YAAY,EAAE,CAAC;gBACf,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;YAC/B,CAAC;QACL,CAAC,EAAE,OAAO,CAAC,CAAA;IACf,CAAC;IAEO,WAAW,CAAC,SAAiB;QACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;YACrD,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS,CAAA;QACxC,CAAC,CAAC,CAAA;IACN,CAAC;IAGM,iBAAiB,CAAC,KAA0B;QAC/C,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAClC,CAAC;IAEM,gBAAgB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrC,sBAAgB,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAChI,CAAC,CAAA;IACN,CAAC;IAED,MAAM;QACF,OAAO,EAAC,IAAI,uDAAE,IAAI,CAAC,gBAAgB,EAAE,CAAQ,CAAA;IACjD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Listen, Method, State } 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 key={toast.type} type={toast.type} text={toast.text} canclose={toast.canclose} timestamp={toast.timestamp} />\n        ))\n    }\n\n    render() {\n        return <Host>{this.mapNotifications()}</Host>\n    }\n}\n"]}
+{"version":3,"file":"p-notification-handler.js","sourceRoot":"","sources":["../../../../src/components/notification/p-notification-handler/p-notification-handler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAkBzE,MAAM,OAAO,oBAAoB;IALjC;QAOW,kBAAa,GAAmB,EAAE,CAAA;KAgD5C;IA7CU,KAAK,CAAC,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,GAAG,EAAE;YACZ,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;gBACnD,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS,CAAA;YACxC,CAAC,CAAC,CAAA;YACF,IAAI,YAAY,EAAE,CAAC;gBACf,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;YAC/B,CAAC;QACL,CAAC,EAAE,OAAO,CAAC,CAAA;IACf,CAAC;IAEO,WAAW,CAAC,SAAiB;QACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;YACrD,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS,CAAA;QACxC,CAAC,CAAC,CAAA;IACN,CAAC;IAGM,iBAAiB,CAAC,KAA0B;QAC/C,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAClC,CAAC;IAEM,gBAAgB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrC,sBAAgB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAChI,CAAC,CAAA;IACN,CAAC;IAED,MAAM;QACF,OAAO,EAAC,IAAI,uDAAE,IAAI,CAAC,gBAAgB,EAAE,CAAQ,CAAA;IACjD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Listen, Method, State } 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 canclose={toast.canclose} key={toast.type} text={toast.text} timestamp={toast.timestamp} type={toast.type} />\n        ))\n    }\n\n    render() {\n        return <Host>{this.mapNotifications()}</Host>\n    }\n}\n"]}

package/dist/collection/components/notification/p-notification-handler/stories/p-notification-preview.js

@@ -7,9 +7,9 @@ export class PNotificationPreview {
         }
     }
     render() {
-        return (h("div", { key: '6d4f56c69797ebb8a0e9d7bc0f9d9dd2eca0452b' }, h("p-notification-handler", { key: '470a29e2eec9839087c6ffbfc137a687d73d638c' }), h("p-dropdown", { key: 'f4cb4f24b5780dbe5bc92f38566f4f600cf8777f', placeholder: "Choose notification type", onSelect: (e) => {
+        return (h("div", { key: '6b6d24b8233d9c1bc5c49ecb39c4a999b3b23fa3' }, h("p-notification-handler", { key: '3842b6d038cf55f5fe8936478bc5ab7e56abb17e' }), h("p-dropdown", { key: '83fb10687d5ba0331bfd222ccfa195577207a776', onSelect: (e) => {
                 this.notificationType = e.detail;
-            } }, [
+            }, placeholder: "Choose notification type" }, [
             'primary',
             'secondary',
             'success',
@@ -17,23 +17,23 @@ export class PNotificationPreview {
             'danger',
         ].map((value) => {
             return (h("p-dropdown-item", { key: value, value: value }, value));
-        })), h("div", { key: 'd315bbc2cec0898641ffa45f026736bf253fa0ac', style: {
+        })), h("div", { key: '982a464b4d07c838995b22f1889b1da44574e056', style: {
                 marginTop: '20px',
-            } }, h("p-button", { key: 'ee80d787d147d909d2c2ea42aa0001dfce178519', style: {
-                marginRight: '20px',
-            }, type: "primary", onClick: () => {
+            } }, h("p-button", { key: '602aa015361b1a86e1ca8571ba39f61e632a6b86', onClick: () => {
                 this.addNotification({});
-            } }, "Add notification"), h("p-button", { key: '8c93823fac08637aff598c97da5f3cbbd94458a5', type: "secondary", style: {
+            }, style: {
                 marginRight: '20px',
-            }, onClick: () => {
+            }, type: "primary" }, "Add notification"), h("p-button", { key: 'f7b1b30a2e8e501629c1d077848d0040a18f8624', onClick: () => {
                 this.addNotification({
                     canclose: true,
                 });
-            } }, "Add closable notification"), h("p-button", { key: 'c7868745f9cb07055ec872c62257f464d5ff6aca', type: "success", onClick: () => {
+            }, style: {
+                marginRight: '20px',
+            }, type: "secondary" }, "Add closable notification"), h("p-button", { key: '65a0aef7bad1229f0cdf35123be08fbb3176563c', onClick: () => {
                 this.addNotification({
                     timeout: 2000,
                 });
-            } }, "Add timeout notification"))));
+            }, type: "success" }, "Add timeout notification"))));
     }
     static get is() { return "p-notification-preview"; }
     static get states() {

package/dist/collection/components/notification/p-notification-handler/stories/p-notification-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-notification-preview.js","sourceRoot":"","sources":["../../../../../src/components/notification/p-notification-handler/stories/p-notification-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAM5D,MAAM,OAAO,oBAAoB;IAOtB,eAAe,CAAC,OAA6B;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAA;QAE/D,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,CAAC,gBAAgB,iBACpB,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAC3B,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,GAAG,IAAI,CAAC,gBAAgB,IAAI,SAAS,eAAe,IACvD,OAAO,EACZ,CAAA;QACN,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH;YACI,gFAA0B;YAC1B,mEACI,WAAW,EAAC,0BAA0B,EACtC,QAAQ,EAAE,CAAC,CAAc,EAAE,EAAE;oBACzB,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAA;gBACpC,CAAC,IAEA;gBACG,SAAS;gBACT,WAAW;gBACX,SAAS;gBACT,SAAS;gBACT,QAAQ;aACX,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACZ,OAAO,CACH,uBAAiB,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IACpC,KAAK,CACQ,CACrB,CAAA;YACL,CAAC,CAAC,CACO;YAEb,4DACI,KAAK,EAAE;oBACH,SAAS,EAAE,MAAM;iBACpB;gBAED,iEACI,KAAK,EAAE;wBACH,WAAW,EAAE,MAAM;qBACtB,EACD,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAA;oBAC5B,CAAC,uBAGM;gBACX,iEACI,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE;wBACH,WAAW,EAAE,MAAM;qBACtB,EACD,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,eAAe,CAAC;4BACjB,QAAQ,EAAE,IAAI;yBACjB,CAAC,CAAA;oBACN,CAAC,gCAGM;gBACX,iEACI,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,eAAe,CAAC;4BACjB,OAAO,EAAE,IAAI;yBAChB,CAAC,CAAA;oBACN,CAAC,+BAGM,CACT,CACJ,CACT,CAAA;IACL,CAAC;;;;;;CACJ","sourcesContent":["import { Component, Element, h, State } from '@stencil/core'\nimport type { PushOptions } from '../p-notification-handler'\n\n@Component({\n    tag: 'p-notification-preview',\n})\nexport class PNotificationPreview {\n    @Element()\n    public el: HTMLElement\n\n    @State()\n    notificationType?: string\n\n    public addNotification(options: Partial<PushOptions>) {\n        const handler = this.el.querySelector('p-notification-handler')\n\n        if (handler) {\n            handler.pushNotification({\n                type: this.notificationType,\n                canclose: false,\n                text: `${this.notificationType || 'primary'} notification`,\n                ...options,\n            })\n        }\n    }\n\n    render() {\n        return (\n            <div>\n                <p-notification-handler />\n                <p-dropdown\n                    placeholder=\"Choose notification type\"\n                    onSelect={(e: CustomEvent) => {\n                        this.notificationType = e.detail\n                    }}\n                >\n                    {[\n                        'primary',\n                        'secondary',\n                        'success',\n                        'warning',\n                        'danger',\n                    ].map((value) => {\n                        return (\n                            <p-dropdown-item key={value} value={value}>\n                                {value}\n                            </p-dropdown-item>\n                        )\n                    })}\n                </p-dropdown>\n\n                <div\n                    style={{\n                        marginTop: '20px',\n                    }}\n                >\n                    <p-button\n                        style={{\n                            marginRight: '20px',\n                        }}\n                        type=\"primary\"\n                        onClick={() => {\n                            this.addNotification({})\n                        }}\n                    >\n                        Add notification\n                    </p-button>\n                    <p-button\n                        type=\"secondary\"\n                        style={{\n                            marginRight: '20px',\n                        }}\n                        onClick={() => {\n                            this.addNotification({\n                                canclose: true,\n                            })\n                        }}\n                    >\n                        Add closable notification\n                    </p-button>\n                    <p-button\n                        type=\"success\"\n                        onClick={() => {\n                            this.addNotification({\n                                timeout: 2000,\n                            })\n                        }}\n                    >\n                        Add timeout notification\n                    </p-button>\n                </div>\n            </div>\n        )\n    }\n}\n"]}
+{"version":3,"file":"p-notification-preview.js","sourceRoot":"","sources":["../../../../../src/components/notification/p-notification-handler/stories/p-notification-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAM5D,MAAM,OAAO,oBAAoB;IAOtB,eAAe,CAAC,OAA6B;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAA;QAE/D,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,CAAC,gBAAgB,iBACpB,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAC3B,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,GAAG,IAAI,CAAC,gBAAgB,IAAI,SAAS,eAAe,IACvD,OAAO,EACZ,CAAA;QACN,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH;YACI,gFAA0B;YAC1B,mEACI,QAAQ,EAAE,CAAC,CAAc,EAAE,EAAE;oBACzB,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAA;gBACpC,CAAC,EACD,WAAW,EAAC,0BAA0B,IAErC;gBACG,SAAS;gBACT,WAAW;gBACX,SAAS;gBACT,SAAS;gBACT,QAAQ;aACX,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACZ,OAAO,CACH,uBAAiB,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IACpC,KAAK,CACQ,CACrB,CAAA;YACL,CAAC,CAAC,CACO;YAEb,4DACI,KAAK,EAAE;oBACH,SAAS,EAAE,MAAM;iBACpB;gBAED,iEACI,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAA;oBAC5B,CAAC,EACD,KAAK,EAAE;wBACH,WAAW,EAAE,MAAM;qBACtB,EACD,IAAI,EAAC,SAAS,uBAGP;gBACX,iEACI,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,eAAe,CAAC;4BACjB,QAAQ,EAAE,IAAI;yBACjB,CAAC,CAAA;oBACN,CAAC,EACD,KAAK,EAAE;wBACH,WAAW,EAAE,MAAM;qBACtB,EACD,IAAI,EAAC,WAAW,gCAGT;gBACX,iEACI,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,eAAe,CAAC;4BACjB,OAAO,EAAE,IAAI;yBAChB,CAAC,CAAA;oBACN,CAAC,EACD,IAAI,EAAC,SAAS,+BAGP,CACT,CACJ,CACT,CAAA;IACL,CAAC;;;;;;CACJ","sourcesContent":["import { Component, Element, h, State } from '@stencil/core'\nimport type { PushOptions } from '../p-notification-handler'\n\n@Component({\n    tag: 'p-notification-preview',\n})\nexport class PNotificationPreview {\n    @Element()\n    public el: HTMLElement\n\n    @State()\n    notificationType?: string\n\n    public addNotification(options: Partial<PushOptions>) {\n        const handler = this.el.querySelector('p-notification-handler')\n\n        if (handler) {\n            handler.pushNotification({\n                type: this.notificationType,\n                canclose: false,\n                text: `${this.notificationType || 'primary'} notification`,\n                ...options,\n            })\n        }\n    }\n\n    render() {\n        return (\n            <div>\n                <p-notification-handler />\n                <p-dropdown\n                    onSelect={(e: CustomEvent) => {\n                        this.notificationType = e.detail\n                    }}\n                    placeholder=\"Choose notification type\"\n                >\n                    {[\n                        'primary',\n                        'secondary',\n                        'success',\n                        'warning',\n                        'danger',\n                    ].map((value) => {\n                        return (\n                            <p-dropdown-item key={value} value={value}>\n                                {value}\n                            </p-dropdown-item>\n                        )\n                    })}\n                </p-dropdown>\n\n                <div\n                    style={{\n                        marginTop: '20px',\n                    }}\n                >\n                    <p-button\n                        onClick={() => {\n                            this.addNotification({})\n                        }}\n                        style={{\n                            marginRight: '20px',\n                        }}\n                        type=\"primary\"\n                    >\n                        Add notification\n                    </p-button>\n                    <p-button\n                        onClick={() => {\n                            this.addNotification({\n                                canclose: true,\n                            })\n                        }}\n                        style={{\n                            marginRight: '20px',\n                        }}\n                        type=\"secondary\"\n                    >\n                        Add closable notification\n                    </p-button>\n                    <p-button\n                        onClick={() => {\n                            this.addNotification({\n                                timeout: 2000,\n                            })\n                        }}\n                        type=\"success\"\n                    >\n                        Add timeout notification\n                    </p-button>\n                </div>\n            </div>\n        )\n    }\n}\n"]}

package/dist/collection/components/p-accordion/p-accordion.css

@@ -3212,6 +3212,9 @@
   --shadow-color-hover: rgba(0, 0, 0, 0.3);
   --primary-inverse: #fff;
 }
+:host .is--dark .p-accordion {
+  border-color: white;
+}
 :host .p-accordion {
   display: block;
 }

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

@@ -6,16 +6,20 @@ import feather from "feather-icons";
 export class PAccordion {
     constructor() {
         this.open = false;
+        this.dark = false;
     }
     render() {
         const icon = feather.icons['chevron-down'].toSvg();
         const openIcon = feather.icons['chevron-up'].toSvg();
-        return (h(Host, { key: 'f9e3958d7323b6c52c6d2056f4b199184b383aa0' }, h("div", { key: '5e715a6eceebd34f5b521537f793307e80d3ac53', class: "papier" }, h("div", { key: '754d6e5649ff89bd9815fd02c1dcb9b55d5a9f92', class: "p-accordion is--block border" }, h("div", { key: '8a9ff11c31d3781b5212dd4e25fb11a4095a9a5c', class: "p-accordion__summary", onClick: () => {
+        return (h(Host, { key: 'db16455ea6dce6f631ff12911635e789e45ac1e3' }, h("div", { key: 'c45ea824b4cd8c8fb7280438c94e7e6b8904d1b1', class: {
+                papier: true,
+                'is--dark': this.dark === true,
+            } }, h("div", { key: 'b105347d4396c5e477b3da8d39907fc8a8ec8475', class: "p-accordion is--block border" }, h("div", { key: '04ab76c43049c4b8210b500c981ac11f7356314f', class: "p-accordion__summary", onClick: () => {
                 this.open = !this.open;
-            } }, h("span", { key: '74d61a170bf41705f93b87b4d802d09b977370f0' }, this.title), h("span", { key: '4f3652dfe456814d78d18fcb7f824ac1e65f2648' }, h("span", { key: 'f54b63935d86c4ddb7cadc6d836506e899f516ca', class: "for--icon", innerHTML: this.open ? openIcon : icon }))), h("div", { key: '7b0943cd52c61591dc55efdff6b7ab72bea9e752', class: {
+            } }, h("span", { key: '4af4a20d740d14b98f1ff3138b78e00366ab4788' }, this.title), h("span", { key: 'fbacb18d7903ef6bb3cdb4afda8535c56d1490f3' }, h("span", { key: '17181419df0491359913b8d21f3ce95ed2a0554e', class: "for--icon", innerHTML: this.open ? openIcon : icon }))), h("div", { key: 'f92290376c89db9d90f34193f9a5ae2115b2179d', class: {
                 'p-accordion__content': true,
                 'is--open': this.open,
-            } }, h("slot", { key: 'cdf43a544b1cb45466cf96ba7f54965e0304cbf7' }))))));
+            } }, h("slot", { key: '1fa22629bd0e26725501a4b6d62ad35fb87e5bba' }))))));
     }
     static get is() { return "p-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -69,6 +73,26 @@ export class PAccordion {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "dark": {
+                "type": "boolean",
+                "attribute": "dark",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

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

@@ -1 +1 @@
-{"version":3,"file":"p-accordion.js","sourceRoot":"","sources":["../../../src/components/p-accordion/p-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,OAAO,MAAM,eAAe,CAAA;AAEnC;;GAEG;AAMH,MAAM,OAAO,UAAU;IALvB;QAWI,SAAI,GAAY,KAAK,CAAA;KAkCxB;IAhCG,MAAM;QACF,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,CAAA;QAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAA;QAEpD,OAAO,CACH,EAAC,IAAI;YACD,4DAAK,KAAK,EAAC,QAAQ;gBACf,4DAAK,KAAK,EAAC,8BAA8B;oBACrC,4DACI,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,GAAG,EAAE;4BACV,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;wBAC1B,CAAC;wBAED,+DAAO,IAAI,CAAC,KAAK,CAAQ;wBACzB;4BACI,6DAAM,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAI,CAC/D,CACL;oBACN,4DACI,KAAK,EAAE;4BACH,sBAAsB,EAAE,IAAI;4BAC5B,UAAU,EAAE,IAAI,CAAC,IAAI;yBACxB;wBAED,8DAAQ,CACN,CACJ,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core'\nimport feather from 'feather-icons'\n\n/**\n * @slot - accordion content\n */\n@Component({\n    tag: 'p-accordion',\n    styleUrl: 'p-accordion.scss',\n    shadow: true,\n})\nexport class PAccordion {\n    @Prop()\n    title: string\n    @Prop({\n        mutable: true,\n    })\n    open: boolean = false\n\n    render() {\n        const icon = feather.icons['chevron-down'].toSvg()\n        const openIcon = feather.icons['chevron-up'].toSvg()\n\n        return (\n            <Host>\n                <div class=\"papier\">\n                    <div class=\"p-accordion is--block border\">\n                        <div\n                            class=\"p-accordion__summary\"\n                            onClick={() => {\n                                this.open = !this.open\n                            }}\n                        >\n                            <span>{this.title}</span>\n                            <span>\n                                <span class=\"for--icon\" innerHTML={this.open ? openIcon : icon} />\n                            </span>\n                        </div>\n                        <div\n                            class={{\n                                'p-accordion__content': true,\n                                'is--open': this.open,\n                            }}\n                        >\n                            <slot />\n                        </div>\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}
+{"version":3,"file":"p-accordion.js","sourceRoot":"","sources":["../../../src/components/p-accordion/p-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,OAAO,MAAM,eAAe,CAAA;AAEnC;;GAEG;AAMH,MAAM,OAAO,UAAU;IALvB;QAWI,SAAI,GAAY,KAAK,CAAA;QAErB,SAAI,GAAa,KAAK,CAAA;KAuCzB;IArCG,MAAM;QACF,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,CAAA;QAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAA;QAEpD,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;iBACjC;gBAED,4DAAK,KAAK,EAAC,8BAA8B;oBACrC,4DACI,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,GAAG,EAAE;4BACV,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;wBAC1B,CAAC;wBAED,+DAAO,IAAI,CAAC,KAAK,CAAQ;wBACzB;4BACI,6DAAM,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAI,CAC/D,CACL;oBACN,4DACI,KAAK,EAAE;4BACH,sBAAsB,EAAE,IAAI;4BAC5B,UAAU,EAAE,IAAI,CAAC,IAAI;yBACxB;wBAED,8DAAQ,CACN,CACJ,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core'\nimport feather from 'feather-icons'\n\n/**\n * @slot - accordion content\n */\n@Component({\n    tag: 'p-accordion',\n    styleUrl: 'p-accordion.scss',\n    shadow: true,\n})\nexport class PAccordion {\n    @Prop()\n    title: string\n    @Prop({\n        mutable: true,\n    })\n    open: boolean = false\n    @Prop()\n    dark?: boolean = false\n\n    render() {\n        const icon = feather.icons['chevron-down'].toSvg()\n        const openIcon = feather.icons['chevron-up'].toSvg()\n\n        return (\n            <Host>\n                <div\n                    class={{\n                        papier: true,\n                        'is--dark': this.dark === true,\n                    }}\n                >\n                    <div class=\"p-accordion is--block border\">\n                        <div\n                            class=\"p-accordion__summary\"\n                            onClick={() => {\n                                this.open = !this.open\n                            }}\n                        >\n                            <span>{this.title}</span>\n                            <span>\n                                <span class=\"for--icon\" innerHTML={this.open ? openIcon : icon} />\n                            </span>\n                        </div>\n                        <div\n                            class={{\n                                'p-accordion__content': true,\n                                'is--open': this.open,\n                            }}\n                        >\n                            <slot />\n                        </div>\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}

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

@@ -40,7 +40,7 @@ export class PAlert {
         this.close.emit(null);
     }
     render() {
-        return (h("div", { key: '7972002a79a97d347933a3ad9fa57a6d8ed56b6d', class: this.getParentClass() }, h("div", { key: 'd687c0e9af769abae96c7c5a0e356c8d8790d5c9', class: this.getClass() }, h("slot", { key: '99190d7ea0cc63c22cd9538ba93f6345bb9d581d' }), this.closable && (h("span", { key: '57303ce15e03bead54171b8ac765d514d020ad9f', class: "btn-close", onClick: () => this.closeAlert() }, "X")))));
+        return (h("div", { key: '22a0a42e0598c5de9c6b93e7a88ab177215d4c61', class: this.getParentClass() }, h("div", { key: 'f3252152056b1e981247dc8fddac9a281113e712', class: this.getClass() }, h("slot", { key: 'e1a0c8c34f7cf9c2b9794e41e3087ba4bb4a9520' }), this.closable && (h("span", { key: 'e13d9848e672da0e8bf90534b58d2c1baf7ffb02', class: "btn-close", onClick: () => this.closeAlert() }, "X")))));
     }
     static get is() { return "p-alert"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ export class PBadge {
         return `badge ${this.type || ''}`;
     }
     render() {
-        return (h("span", { key: '74440435b6be3a326faeeea403fe6057641f9dc7', class: this.getParentClass() }, h("span", { key: '34189112782e34bee2ac0a05828490bd9b8bdced', class: this.getClass() }, h("slot", { key: 'f0dc345719a384248ff07acbc26d66a41baebbb3' }))));
+        return (h("span", { key: '9349e4e6c5ab5b610e8d38970001c7d8f1a9c3a8', class: this.getParentClass() }, h("span", { key: 'e79c23ed79442d9df14983b3b45821677b128b8d', class: this.getClass() }, h("slot", { key: '22470534bf77844f502bcf343d60d916b286937e' }))));
     }
     static get is() { return "p-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class PButton {
     }
     render() {
         const color = `var(--${this.type}${this.dark ? '-light' : ''})`;
-        return (h("div", { key: '5521480a3ccb0bc4a23f94bebeca82af6f799d89', class: this.getParentClass() }, h("button", { key: '85829206248384b6b7d14d061bbafa145aa82893', disabled: this.disabled, type: "button", class: this.getClass() }, !this.loading ? h("slot", null) : h("p-spinner", { color: color, dark: this.dark }))));
+        return (h("div", { key: 'c7426f188d8f5489d9c1a7db4f42ca53ffb3f07a', class: this.getParentClass() }, h("button", { key: '338bca6485d45e1115bc0d142d1a5b2385ef2b59', class: this.getClass(), disabled: this.disabled, type: "button" }, !this.loading ? h("slot", null) : h("p-spinner", { color: color, dark: this.dark }))));
     }
     static get is() { return "p-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"p-button.js","sourceRoot":"","sources":["../../../src/components/p-button/p-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAI3D;;GAEG;AAMH,MAAM,OAAO,OAAO;IALpB;QASI,SAAI,GAAiB,SAAS,CAAA;QAE9B,YAAO,GAAa,KAAK,CAAA;QAEzB,UAAK,GAAa,KAAK,CAAA;QAEvB,UAAK,GAAa,KAAK,CAAA;QAEvB,UAAK,GAAa,KAAK,CAAA;QAEvB,aAAQ,GAAa,KAAK,CAAA;QAE1B,SAAI,GAAa,KAAK,CAAA;QAEtB,YAAO,GAAa,KAAK,CAAA;KAsD5B;IApDU,QAAQ;QACX,MAAM,KAAK,GAAG;YACV,SAAS;YACT,WAAW;YACX,SAAS;YACT,QAAQ;YACR,SAAS;SACZ,CAAA;QACD,IAAI,QAAQ,GAAG,EAAE,CAAA;QAEjB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7B,QAAQ,GAAG,aAAa,CAAA;QAC5B,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,OAAO,IAAI,CAAC,IAAI,EAAE,CAAA;QACjC,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,QAAQ,GAAG,UAAU,CAAA;QACzB,CAAC;QAED,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QACzD,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QACzD,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QACzD,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QAEzD,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,cAAc;QACjB,IAAI,QAAQ,GAAG,QAAQ,CAAA;QAEvB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,GAAG,GAAG,QAAQ,YAAY,CAAA;QACtC,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IACD,MAAM;QACF,MAAM,KAAK,GAAG,SAAS,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAA;QAE/D,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,+DAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAChE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,eAAQ,CAAC,CAAC,CAAC,iBAAW,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACnE,CACP,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, h, Prop } from '@stencil/core'\n\ntype ButtonColor = 'success' | 'secondary' | 'primary' | 'danger' | 'warning'\n\n/**\n * @slot - button content\n */\n@Component({\n    tag: 'p-button',\n    styleUrl: 'p-button.scss',\n    shadow: true,\n})\nexport class PButton {\n    @Element()\n    el: Element\n    @Prop()\n    type?: ButtonColor = 'primary'\n    @Prop()\n    outline?: boolean = false\n    @Prop()\n    large?: boolean = false\n    @Prop()\n    small?: boolean = false\n    @Prop()\n    block?: boolean = false\n    @Prop()\n    disabled?: boolean = false\n    @Prop()\n    dark?: boolean = false\n    @Prop()\n    loading?: boolean = false\n\n    public getClass(): string {\n        const types = [\n            'success',\n            'secondary',\n            'primary',\n            'danger',\n            'warning',\n        ]\n        let cssClass = ''\n\n        if (!types.includes(this.type)) {\n            cssClass = 'btn-primary'\n        } else {\n            cssClass = `btn-${this.type}`\n        }\n\n        if (this.disabled) {\n            cssClass = 'disabled'\n        }\n\n        cssClass = `${cssClass}${this.outline ? '-outline' : ''}`\n        cssClass = `${cssClass}${this.large ? ' btn-large' : ''}`\n        cssClass = `${cssClass}${this.small ? ' btn-small' : ''}`\n        cssClass = `${cssClass}${this.block ? ' btn-block' : ''}`\n\n        return cssClass\n    }\n\n    public getParentClass() {\n        let cssClass = 'papier'\n\n        if (this.block) {\n            cssClass = `${cssClass} is--block`\n        }\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n    render() {\n        const color = `var(--${this.type}${this.dark ? '-light' : ''})`\n\n        return (\n            <div class={this.getParentClass()}>\n                <button disabled={this.disabled} type=\"button\" class={this.getClass()}>\n                    {!this.loading ? <slot /> : <p-spinner color={color} dark={this.dark} />}\n                </button>\n            </div>\n        )\n    }\n}\n"]}
+{"version":3,"file":"p-button.js","sourceRoot":"","sources":["../../../src/components/p-button/p-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAI3D;;GAEG;AAMH,MAAM,OAAO,OAAO;IALpB;QASI,SAAI,GAAiB,SAAS,CAAA;QAE9B,YAAO,GAAa,KAAK,CAAA;QAEzB,UAAK,GAAa,KAAK,CAAA;QAEvB,UAAK,GAAa,KAAK,CAAA;QAEvB,UAAK,GAAa,KAAK,CAAA;QAEvB,aAAQ,GAAa,KAAK,CAAA;QAE1B,SAAI,GAAa,KAAK,CAAA;QAEtB,YAAO,GAAa,KAAK,CAAA;KAsD5B;IApDU,QAAQ;QACX,MAAM,KAAK,GAAG;YACV,SAAS;YACT,WAAW;YACX,SAAS;YACT,QAAQ;YACR,SAAS;SACZ,CAAA;QACD,IAAI,QAAQ,GAAG,EAAE,CAAA;QAEjB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7B,QAAQ,GAAG,aAAa,CAAA;QAC5B,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,OAAO,IAAI,CAAC,IAAI,EAAE,CAAA;QACjC,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,QAAQ,GAAG,UAAU,CAAA;QACzB,CAAC;QAED,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QACzD,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QACzD,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QACzD,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QAEzD,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,cAAc;QACjB,IAAI,QAAQ,GAAG,QAAQ,CAAA;QAEvB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,GAAG,GAAG,QAAQ,YAAY,CAAA;QACtC,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IACD,MAAM;QACF,MAAM,KAAK,GAAG,SAAS,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAA;QAE/D,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,+DAAQ,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,QAAQ,IACjE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,eAAQ,CAAC,CAAC,CAAC,iBAAW,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACnE,CACP,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, h, Prop } from '@stencil/core'\n\ntype ButtonColor = 'success' | 'secondary' | 'primary' | 'danger' | 'warning'\n\n/**\n * @slot - button content\n */\n@Component({\n    tag: 'p-button',\n    styleUrl: 'p-button.scss',\n    shadow: true,\n})\nexport class PButton {\n    @Element()\n    el: Element\n    @Prop()\n    type?: ButtonColor = 'primary'\n    @Prop()\n    outline?: boolean = false\n    @Prop()\n    large?: boolean = false\n    @Prop()\n    small?: boolean = false\n    @Prop()\n    block?: boolean = false\n    @Prop()\n    disabled?: boolean = false\n    @Prop()\n    dark?: boolean = false\n    @Prop()\n    loading?: boolean = false\n\n    public getClass(): string {\n        const types = [\n            'success',\n            'secondary',\n            'primary',\n            'danger',\n            'warning',\n        ]\n        let cssClass = ''\n\n        if (!types.includes(this.type)) {\n            cssClass = 'btn-primary'\n        } else {\n            cssClass = `btn-${this.type}`\n        }\n\n        if (this.disabled) {\n            cssClass = 'disabled'\n        }\n\n        cssClass = `${cssClass}${this.outline ? '-outline' : ''}`\n        cssClass = `${cssClass}${this.large ? ' btn-large' : ''}`\n        cssClass = `${cssClass}${this.small ? ' btn-small' : ''}`\n        cssClass = `${cssClass}${this.block ? ' btn-block' : ''}`\n\n        return cssClass\n    }\n\n    public getParentClass() {\n        let cssClass = 'papier'\n\n        if (this.block) {\n            cssClass = `${cssClass} is--block`\n        }\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n    render() {\n        const color = `var(--${this.type}${this.dark ? '-light' : ''})`\n\n        return (\n            <div class={this.getParentClass()}>\n                <button class={this.getClass()} disabled={this.disabled} type=\"button\">\n                    {!this.loading ? <slot /> : <p-spinner color={color} dark={this.dark} />}\n                </button>\n            </div>\n        )\n    }\n}\n"]}

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

@@ -19,13 +19,13 @@ export class PCard {
         this.hasFooter = !!this.el.querySelector('[slot="footer"]');
     }
     render() {
-        return (h(Host, { key: 'a011f355ebfdf50bf02e8112324fddd503fc3c6d' }, h("div", { key: '1552ac15914e9976a0cf6853869b24824d2c3562', class: {
+        return (h(Host, { key: 'd049173b4627568a2fcf0e1db01d9a0f22b1d92e' }, h("div", { key: 'c2764a36aba0cb71a6a05bce0ab460b3d6de9596', class: {
                 papier: true,
                 'is--dark': this.dark,
                 'has--header': this.hasHeader === true,
                 'has--footer': this.hasFooter,
                 'with--radius': this.radius,
-            } }, h("div", { key: '2d8efe6513e958cb96c2ebbc189ec92142b2d0a4', class: "card" }, h("div", { key: '68ffb7bb105a77f7f45195def68a2bae3b0ffc4c', class: "card-header" }, h("slot", { key: '3ed788034782795423dc571d10a125ac0b238f9a', name: "header" })), this.image && h("img", { key: '30d53abac92290016d598846f160aed0450e035e', class: "image-top", src: this.image, alt: "card-img" }), h("div", { key: '3e1ed1be4a30e49e421a0ebf3f5be70947bca47b', class: "card-body" }, h("h4", { key: 'a43ac0f60200edd2b60258c4e5b878283267fe93', class: "card-title" }, h("slot", { key: 'b2041be6b93d38addf48aac3bf8ec566541b7c60', name: "title" })), h("h5", { key: '3af9deb72348ba7dd8d064031a12f82c32e18756', class: "card-subtitle" }, h("slot", { key: '1f9741c85e1e8cd2d0abcf6cc1419d1df4b68ed9', name: "subtitle" })), h("p", { key: '5ff52dd265c4349baaca3a50536ace00a2dd9993', class: "card-text" }, h("slot", { key: 'f74ec5f805a1e9856f9cfa19326eaa2a5cdf7161', name: "text" })), h("slot", { key: '388972d8f038587c6f0baa17e2f266eb362669f6' })), h("div", { key: '2e099fd05c32a68019cf657c3b26f424e13d18cb', class: "card-footer" }, h("slot", { key: '1d33816eb0dc0612bc7660c285fd2ba7f8794484', name: "footer" }))))));
+            } }, h("div", { key: 'db44844ced5e52f0fbb8a1a668448c213e267beb', class: "card" }, h("div", { key: 'd7d172d12fad3039eecbdf760248d320ed881022', class: "card-header" }, h("slot", { key: '3750a4df7f9211dbd822aee1318020adfc88004c', name: "header" })), this.image && h("img", { key: 'ad3c6f0f629d0f18fe14aa45bcdaf19e662e49aa', alt: "card-img", class: "image-top", src: this.image }), h("div", { key: '9e72b1b2ba1dd4d2b050824fd4438fd82136eb56', class: "card-body" }, h("h4", { key: 'de9db569e70c6c46a3426d9a69346199b6458153', class: "card-title" }, h("slot", { key: '1570c4263f58b0651bda4077e0a2402ea148c8c2', name: "title" })), h("h5", { key: '4927b911797b22962d80ac588edc931051728986', class: "card-subtitle" }, h("slot", { key: 'ad4e7e6bc74c5cf12e5578ca262d9a609533125c', name: "subtitle" })), h("p", { key: '554c0635bfec3e9d26de5e508d69d065344b54f6', class: "card-text" }, h("slot", { key: '934a4d3d05c199b865b9d88279b91fd2ff40e71f', name: "text" })), h("slot", { key: '15399ad2b6ab871094562288ac8986d1e6f5afa1' })), h("div", { key: '414b5ea56200aaf3d38b9bea579e9ba28c24cebb', class: "card-footer" }, h("slot", { key: '3e53fd5426605159a6f7d6701ba672f50a84ff1e', name: "footer" }))))));
     }
     static get is() { return "p-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"p-card.js","sourceRoot":"","sources":["../../../src/components/p-card/p-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAExE;;;;;;GAMG;AAMH,MAAM,OAAO,KAAK;IALlB;QAOI,SAAI,GAAa,KAAK,CAAA;QACtB;;WAEG;QAEH,WAAM,GAAa,KAAK,CAAA;KAoD3B;IA1CG,gBAAgB;QACZ,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAA;QAC3D,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAC/D,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;oBACrB,aAAa,EAAE,IAAI,CAAC,SAAS,KAAK,IAAI;oBACtC,aAAa,EAAE,IAAI,CAAC,SAAS;oBAC7B,cAAc,EAAE,IAAI,CAAC,MAAM;iBAC9B;gBAED,4DAAK,KAAK,EAAC,MAAM;oBACb,4DAAK,KAAK,EAAC,aAAa;wBACpB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACpB;oBACL,IAAI,CAAC,KAAK,IAAI,4DAAK,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAC,UAAU,GAAG;oBACxE,4DAAK,KAAK,EAAC,WAAW;wBAClB,2DAAI,KAAK,EAAC,YAAY;4BAClB,6DAAM,IAAI,EAAC,OAAO,GAAG,CACpB;wBACL,2DAAI,KAAK,EAAC,eAAe;4BACrB,6DAAM,IAAI,EAAC,UAAU,GAAG,CACvB;wBACL,0DAAG,KAAK,EAAC,WAAW;4BAChB,6DAAM,IAAI,EAAC,MAAM,GAAG,CACpB;wBACJ,8DAAQ,CACN;oBACN,4DAAK,KAAK,EAAC,aAAa;wBACpB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACpB,CACJ,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Host, h, Prop, State } from '@stencil/core'\n\n/**\n * @slot header - card header\n * @slot title - card title\n * @slot subtitle - card subtitle\n * @slot text - card text\n * @slot footer - card footer\n */\n@Component({\n    tag: 'p-card',\n    styleUrl: 'p-card.scss',\n    shadow: true,\n})\nexport class PCard {\n    @Prop()\n    dark?: boolean = false\n    /**\n     * Use border radius style like button, badge etc\n     */\n    @Prop()\n    radius?: boolean = false\n    @Prop()\n    image?: string\n    @Element()\n    el: HTMLElement\n    @State()\n    hasHeader: boolean\n    @State()\n    hasFooter: boolean\n\n    componentDidLoad() {\n        this.hasHeader = !!this.el.querySelector('[slot=\"header\"]')\n        this.hasFooter = !!this.el.querySelector('[slot=\"footer\"]')\n    }\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class={{\n                        papier: true,\n                        'is--dark': this.dark,\n                        'has--header': this.hasHeader === true,\n                        'has--footer': this.hasFooter,\n                        'with--radius': this.radius,\n                    }}\n                >\n                    <div class=\"card\">\n                        <div class=\"card-header\">\n                            <slot name=\"header\" />\n                        </div>\n                        {this.image && <img class=\"image-top\" src={this.image} alt=\"card-img\" />}\n                        <div class=\"card-body\">\n                            <h4 class=\"card-title\">\n                                <slot name=\"title\" />\n                            </h4>\n                            <h5 class=\"card-subtitle\">\n                                <slot name=\"subtitle\" />\n                            </h5>\n                            <p class=\"card-text\">\n                                <slot name=\"text\" />\n                            </p>\n                            <slot />\n                        </div>\n                        <div class=\"card-footer\">\n                            <slot name=\"footer\" />\n                        </div>\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}
+{"version":3,"file":"p-card.js","sourceRoot":"","sources":["../../../src/components/p-card/p-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAExE;;;;;;GAMG;AAMH,MAAM,OAAO,KAAK;IALlB;QAOI,SAAI,GAAa,KAAK,CAAA;QACtB;;WAEG;QAEH,WAAM,GAAa,KAAK,CAAA;KAoD3B;IA1CG,gBAAgB;QACZ,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAA;QAC3D,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAC/D,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;oBACrB,aAAa,EAAE,IAAI,CAAC,SAAS,KAAK,IAAI;oBACtC,aAAa,EAAE,IAAI,CAAC,SAAS;oBAC7B,cAAc,EAAE,IAAI,CAAC,MAAM;iBAC9B;gBAED,4DAAK,KAAK,EAAC,MAAM;oBACb,4DAAK,KAAK,EAAC,aAAa;wBACpB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACpB;oBACL,IAAI,CAAC,KAAK,IAAI,4DAAK,GAAG,EAAC,UAAU,EAAC,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,GAAI;oBACxE,4DAAK,KAAK,EAAC,WAAW;wBAClB,2DAAI,KAAK,EAAC,YAAY;4BAClB,6DAAM,IAAI,EAAC,OAAO,GAAG,CACpB;wBACL,2DAAI,KAAK,EAAC,eAAe;4BACrB,6DAAM,IAAI,EAAC,UAAU,GAAG,CACvB;wBACL,0DAAG,KAAK,EAAC,WAAW;4BAChB,6DAAM,IAAI,EAAC,MAAM,GAAG,CACpB;wBACJ,8DAAQ,CACN;oBACN,4DAAK,KAAK,EAAC,aAAa;wBACpB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACpB,CACJ,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Host, h, Prop, State } from '@stencil/core'\n\n/**\n * @slot header - card header\n * @slot title - card title\n * @slot subtitle - card subtitle\n * @slot text - card text\n * @slot footer - card footer\n */\n@Component({\n    tag: 'p-card',\n    styleUrl: 'p-card.scss',\n    shadow: true,\n})\nexport class PCard {\n    @Prop()\n    dark?: boolean = false\n    /**\n     * Use border radius style like button, badge etc\n     */\n    @Prop()\n    radius?: boolean = false\n    @Prop()\n    image?: string\n    @Element()\n    el: HTMLElement\n    @State()\n    hasHeader: boolean\n    @State()\n    hasFooter: boolean\n\n    componentDidLoad() {\n        this.hasHeader = !!this.el.querySelector('[slot=\"header\"]')\n        this.hasFooter = !!this.el.querySelector('[slot=\"footer\"]')\n    }\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class={{\n                        papier: true,\n                        'is--dark': this.dark,\n                        'has--header': this.hasHeader === true,\n                        'has--footer': this.hasFooter,\n                        'with--radius': this.radius,\n                    }}\n                >\n                    <div class=\"card\">\n                        <div class=\"card-header\">\n                            <slot name=\"header\" />\n                        </div>\n                        {this.image && <img alt=\"card-img\" class=\"image-top\" src={this.image} />}\n                        <div class=\"card-body\">\n                            <h4 class=\"card-title\">\n                                <slot name=\"title\" />\n                            </h4>\n                            <h5 class=\"card-subtitle\">\n                                <slot name=\"subtitle\" />\n                            </h5>\n                            <p class=\"card-text\">\n                                <slot name=\"text\" />\n                            </p>\n                            <slot />\n                        </div>\n                        <div class=\"card-footer\">\n                            <slot name=\"footer\" />\n                        </div>\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}

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

@@ -6,7 +6,7 @@ export class PIcon {
         this.color = 'inherit';
     }
     render() {
-        return (h(Host, { key: '3ceac23d1d6635baa38a879829a303e0f49991fa' }, h("div", { key: '2db07dc619aa07548800363dbb46702c4fc7e258', innerHTML: icons[this.icon], style: {
+        return (h(Host, { key: 'dacc5aa8f42202dc6ff0b7d496e01e5590c8f1d4' }, h("div", { key: '23b94f2e966dc480cb427226fe59e294f9528a22', innerHTML: icons[this.icon], style: {
                 color: this.color,
                 width: `${this.size}px`,
             } })));

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

@@ -10,7 +10,7 @@ export class Pleaf {
         return this.dark ? 'papier is--dark' : 'papier';
     }
     render() {
-        return (h("div", { key: '78d8031f25f3cebffa87ee9f40f3888027648a3c', class: this.getParentClass() }, h("slot", { key: 'c50dd2d66f5972ca47d1a947203dc6f161854eb9' })));
+        return (h("div", { key: 'd69067b39768185e758f9ab8fe079ad09c2c12cd', class: this.getParentClass() }, h("slot", { key: '8f5d148b3cd80d55d3253950eed64fb9cdbc0c82' })));
     }
     static get is() { return "p-leaf"; }
     static get originalStyleUrls() {

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

@@ -11,7 +11,7 @@ export class PModal {
         this.closeEvent.emit(null);
     }
     render() {
-        return (h(Host, { key: '76c74a60b6684535c8cb7732a8a2473529e1cd5a' }, this.isOpen && (h("div", { key: '3ae8ec4d90a69c89280b6e3b0b48bcbf5df6e47f', class: "papier" }, h("div", { key: 'b0ae727c2493a98cff184c6c10696b847a9a009a', class: "modal" }, h("div", { key: '6414df9675e6a08a5249bf86ea9ec13256e7f6a8', class: "modal-bg", onClick: () => this.close() }), h("div", { key: '69e7136f0345356a764f0b454ba645359cdc469d', class: "modal-body" }, h("span", { key: '0ca44bad91f3c6696a09e6f711cfcaf2042f56d0', class: "btn-close", onClick: () => this.close() }, "X"), h("h4", { key: '97a939f46a724a9793c51c222894196f6c08838a', class: "modal-title" }, h("slot", { key: 'accb43da03e035e0498a2d74be562299bb828f0c', name: "title" })), h("h5", { key: '90f1eb1dec80286a71fa5bbbb0b2482ffa106065', class: "modal-subtitle" }, h("slot", { key: '84930f0606e8671a47837b2e562445fe1bcdbee9', name: "sub-title" })), h("p", { key: '0b921288c6c3d881549d1f2aa2f4fd0c362fa76b', class: "modal-text" }, h("slot", { key: 'b809864edf3d4520e68c9c80a0226b5ce6478d3e', name: "text" })), h("slot", { key: '00ee563a81f1a460ed80984e06a42f9c54eca800' })))))));
+        return (h(Host, { key: '61c6d0060383275ccbb27c2e4468cafa04b63648' }, this.isOpen && (h("div", { key: '100b07cb554082bde58227321f3ba0cfb9731a83', class: "papier" }, h("div", { key: '0bcdd872ebf66825c4e3a9cd479b500804b9ff73', class: "modal" }, h("div", { key: '81c21a9fa6455ce8e1df9f63521425185d248ef0', class: "modal-bg", onClick: () => this.close() }), h("div", { key: '2c720910f39ce10f407a536a27cab892c433f7b2', class: "modal-body" }, h("span", { key: 'ab14dcc3cda57b3d524f0d0559a13e1248e51914', class: "btn-close", onClick: () => this.close() }, "X"), h("h4", { key: '0ce0b4f8109acdac4b6079023771cb6de769068d', class: "modal-title" }, h("slot", { key: '5fee6d8b8bc4df124888f173bd56dbda9c26162b', name: "title" })), h("h5", { key: 'c286912b47abf4b83342ffcacef3c5a2001beefc', class: "modal-subtitle" }, h("slot", { key: 'b616ba02945af0d4eaadaa98598a063c2ad3d5e3', name: "sub-title" })), h("p", { key: 'aa75bff62cdfabfdbf91505451c560b09cbe7125', class: "modal-text" }, h("slot", { key: '4580aad41014f7d1c228341a4878d9f7294227fe', name: "text" })), h("slot", { key: 'b8b36b02823e4bcd3b4f6f1711054039f9dd59fb' })))))));
     }
     static get is() { return "p-modal"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class PProgressBar {
         return cssClass;
     }
     render() {
-        return (h("div", { key: '2d1e526785ad17645a3eff098060f044e58e128d', class: this.getParentClass() }, h("div", { key: '438abe903ef869b47c796ebf22fbbb6cdec0d66a', class: "progress" }, h("div", { key: 'fee6f22882b98198d2908bb8799d504325288f3d', class: this.getClass() }, h("slot", { key: '7a334bc433c661ba6b94296f901669f4a9b6f1a9' })))));
+        return (h("div", { key: '40daa8df3269ada2b2bd05d7e7f96da4af359399', class: this.getParentClass() }, h("div", { key: 'bab41a619cc55c6367e20cc546819810cc6ee17c', class: "progress" }, h("div", { key: '9bed8b68b6753c9bfd4b7fe5979d1ae8e36bb2f3', class: this.getClass() }, h("slot", { key: '4a49e8aa4b0e35c0bc66d8d40dc7760853dcdfc1' })))));
     }
     static get is() { return "p-progress-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,12 +9,12 @@ export class PSpinner {
         };
     }
     render() {
-        return (h(Host, { key: 'ef6a1d60cbc11cf8ef7db09fdc093bbe5ab04d7b' }, h("div", { key: '3823d885a1699991627089fd2730de8a3bc28c69', class: {
+        return (h(Host, { key: '374755fff271c983e8103d5be5d9710812359af1' }, h("div", { key: '9fbdaf2045430248bab0448fbd020c1f89fe00f4', class: {
                 'p-spinner': true,
                 papier: true,
                 'is--large': this.large,
                 'is--dark': this.dark,
-            } }, h("div", { key: '3b1de6b53edd0c1116123ef619ebb8721206c7ed', class: "border border-primary", style: this.getStyle() }), h("div", { key: '6429b24f1c4e25f245a737b527f9f0498b7bdd00', class: "border border-primary", style: this.getStyle() }), h("div", { key: '9e7f2d3fcede8f2e0e7679b0f0890047b726aadf', class: "border border-primary", style: this.getStyle() }))));
+            } }, h("div", { key: '89437e219038506d25c67bde9149358244b37b36', class: "border border-primary", style: this.getStyle() }), h("div", { key: '9e779d13ee2be3e6126edc7b1ff74301aeac0869', class: "border border-primary", style: this.getStyle() }), h("div", { key: 'b519e37f40192e8ec63925543e08750c708a9ae8', class: "border border-primary", style: this.getStyle() }))));
     }
     static get is() { return "p-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +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,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,QAAQ;IALrB;QAOW,UAAK,GAAY,KAAK,CAAA;KAgChC;IAxBU,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,4DAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAI;gBAC7D,4DAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAI;gBAC7D,4DAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAI,CAC3D,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Prop } 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 class=\"border border-primary\" style={this.getStyle()} />\n                    <div class=\"border border-primary\" style={this.getStyle()} />\n                    <div class=\"border border-primary\" style={this.getStyle()} />\n                </div>\n            </Host>\n        )\n    }\n}\n"]}
+{"version":3,"file":"p-spinner.js","sourceRoot":"","sources":["../../../src/components/p-spinner/p-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,QAAQ;IALrB;QAOW,UAAK,GAAY,KAAK,CAAA;KAgChC;IAxBU,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,4DAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAQ;gBACjE,4DAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAQ;gBACjE,4DAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAQ,CAC/D,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Prop } 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 class=\"border border-primary\" style={this.getStyle()}></div>\n                    <div class=\"border border-primary\" style={this.getStyle()}></div>\n                    <div class=\"border border-primary\" style={this.getStyle()}></div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}

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

@@ -8,7 +8,7 @@ export class PTooltip {
         this.top = false;
     }
     render() {
-        return (h(Host, { key: '31f8eb1ed3b3dcd7dcb123644829e578ff2becfa' }, h("div", { key: 'b2bd8c5e0a1a127a855b3e894ddb5c4a6555ef1b', class: "papier" }, h("div", { key: '31c398594843f72ecb9d332b1ee7516ceddf661b', "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: '593154e2d41b4d2aa6a12238615b42810ce49a86' })))));
+        return (h(Host, { key: '846effdda6c833fda210ad81a28048d873d542dd' }, h("div", { key: 'a8a08d9e4093a1b63e0725ce641fb8956f617053', class: "papier" }, h("div", { key: '81eae998e951f3c32799f496ed6c616358ab453f', "popover-bottom": this.bottom && !this.disabled ? this.title : null, "popover-left": this.left && !this.disabled ? this.title : null, "popover-right": this.right && !this.disabled ? this.title : null, "popover-top": this.top && !this.disabled ? this.title : null }, h("slot", { key: '7fe92975bf4d7fdc2625076ccf0b0a4cbb301183' })))));
     }
     static get is() { return "p-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"p-tooltip.js","sourceRoot":"","sources":["../../../src/components/p-tooltip/p-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,QAAQ;IALrB;QASI,aAAQ,GAAa,KAAK,CAAA;QAE1B,SAAI,GAAa,KAAK,CAAA;QAEtB,UAAK,GAAa,KAAK,CAAA;QAEvB,WAAM,GAAa,KAAK,CAAA;QAExB,QAAG,GAAa,KAAK,CAAA;KAkBxB;IAhBG,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DAAK,KAAK,EAAC,QAAQ;gBACf,4EACkB,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,mBAC9C,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,oBAC/C,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,iBACpD,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;oBAE3D,8DAAQ,CACN,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-tooltip',\n    styleUrl: 'p-tooltip.scss',\n    shadow: true,\n})\nexport class PTooltip {\n    @Prop()\n    title?: string\n    @Prop()\n    disabled?: boolean = false\n    @Prop()\n    left?: boolean = false\n    @Prop()\n    right?: boolean = false\n    @Prop()\n    bottom?: boolean = false\n    @Prop()\n    top?: boolean = false\n\n    render() {\n        return (\n            <Host>\n                <div class=\"papier\">\n                    <div\n                        popover-left={this.left && !this.disabled ? this.title : null}\n                        popover-right={this.right && !this.disabled ? this.title : null}\n                        popover-bottom={this.bottom && !this.disabled ? this.title : null}\n                        popover-top={this.top && !this.disabled ? this.title : null}\n                    >\n                        <slot />\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}
+{"version":3,"file":"p-tooltip.js","sourceRoot":"","sources":["../../../src/components/p-tooltip/p-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,QAAQ;IALrB;QASI,aAAQ,GAAa,KAAK,CAAA;QAE1B,SAAI,GAAa,KAAK,CAAA;QAEtB,UAAK,GAAa,KAAK,CAAA;QAEvB,WAAM,GAAa,KAAK,CAAA;QAExB,QAAG,GAAa,KAAK,CAAA;KAkBxB;IAhBG,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DAAK,KAAK,EAAC,QAAQ;gBACf,8EACoB,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,kBACnD,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,mBAC9C,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,iBAClD,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;oBAE3D,8DAAQ,CACN,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-tooltip',\n    styleUrl: 'p-tooltip.scss',\n    shadow: true,\n})\nexport class PTooltip {\n    @Prop()\n    title?: string\n    @Prop()\n    disabled?: boolean = false\n    @Prop()\n    left?: boolean = false\n    @Prop()\n    right?: boolean = false\n    @Prop()\n    bottom?: boolean = false\n    @Prop()\n    top?: boolean = false\n\n    render() {\n        return (\n            <Host>\n                <div class=\"papier\">\n                    <div\n                        popover-bottom={this.bottom && !this.disabled ? this.title : null}\n                        popover-left={this.left && !this.disabled ? this.title : null}\n                        popover-right={this.right && !this.disabled ? this.title : null}\n                        popover-top={this.top && !this.disabled ? this.title : null}\n                    >\n                        <slot />\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}

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

@@ -5,11 +5,11 @@ export class PTab {
         this.dark = false;
     }
     render() {
-        return (h(Host, { key: 'b93151f8adee7464a6b942af557a6f2121025148' }, h("div", { key: 'a408c8e98be52c4708ad56e188d86d2fa1e25b95', class: {
+        return (h(Host, { key: '7bcf86d4572a1355f19a5262f39dcad736c08f42' }, h("div", { key: '11107de1f9a607fc0cd6a6241a5af286d1c86170', class: {
                 papier: true,
                 'is--selected': this.selected,
                 'is--dark': this.dark,
-            } }, h("slot", { key: '94cd4c3a29da713bb99141468ea594c53cff521b' }))));
+            } }, h("slot", { key: '3b8f9aab3fdab2f07269dd5b6d4b174c34df5bb9' }))));
     }
     static get is() { return "p-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -44,12 +44,12 @@ export class PTabs {
         };
     }
     render() {
-        return (h(Host, { key: '92518e5d8c8e4b78a53116ca0753e4155999dd5e' }, h("div", { key: '9f222511dc742ce288d104d23a2fe84602785f4b', class: {
+        return (h(Host, { key: 'ff29bc9c206cf3d0e705ca80210259ae392685ce' }, h("div", { key: '5e78965f9d022d68c32328cc97b210d8da283511', class: {
                 'is--dark': this.dark,
                 papier: true,
-            } }, h("div", { key: '0e671f87f05fa2fb06a68835ac409f28a05f410d', class: "row flex-spaces tabs" }, this.tabs.map((t) => {
+            } }, h("div", { key: 'e0d7bc7c359788912dfc9633b88125360d4e5283', 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: '5130d6abed2ddd1e0b0041579713062978cdc6a7', class: "content" }, h("slot", { key: '006f2ebc3010303c2b4ac1eea9ed4b01f4743c90' }))))));
+        }), h("div", { key: 'c9abb30a6e730c6506f964642d8082df45a351cb', class: "content" }, h("slot", { key: '0530793249e9df75acbb7fab5968a72615208e44' }))))));
     }
     static get is() { return "p-tabs"; }
     static get encapsulation() { return "shadow"; }