@amiceli/papierjs 0.12.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: 'a0d5f92b31a5c63fd928724bb89b13e42fba7bd0' }, h("div", { key: 'b61d0c5c6ef4d91406b491bce11818a044df2299', class: "papier" }, h("div", { key: 'eb457f0cd717c32b84ad5b48c4b0eca781231fd5', class: this.getClassName() }, h("div", { key: 'e9aa7784d0eed423620aa23bdf163e96c4d8ce70', innerHTML: this.getIconName() }), h("div", { key: 'a9f2f5786ceaf8f0c2957c94ca8d95d9151d5b42', innerHTML: this.text }), this.canclose && (h("span", { key: 'da499076ef6ead9c709f08755d66e5b7a3513655', 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());

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: '00c5d264d96f0174f3a30fb1dce1ee2164ced09d' }, h("p-notification-handler", { key: '5b09b26ab5e50e918f3ebde3bad0a90c43305f1c' }), h("p-dropdown", { key: '41304a8740cd7d24fe7089760a57b75d090ebfc9', 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: '48f2817adc574727f607539ec21b4d3690919f37', style: {
+        })), h("div", { key: '982a464b4d07c838995b22f1889b1da44574e056', style: {
                 marginTop: '20px',
-            } }, h("p-button", { key: 'f59a2d18ec02c2170f387188c4e7be6836837528', style: {
-                marginRight: '20px',
-            }, type: "primary", onClick: () => {
+            } }, h("p-button", { key: '602aa015361b1a86e1ca8571ba39f61e632a6b86', onClick: () => {
                 this.addNotification({});
-            } }, "Add notification"), h("p-button", { key: '149ec8a96a3249dd7d3ec228823b7408220054e7', 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: '5a9191906a4fbd799b5657a2e609849ccae53b65', 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: '8c37573d3228d1c670a774f694ec5c12ca68ac21' }, h("div", { key: '4bc8519cc30abc42e870611c0767562549621f34', class: "papier" }, h("div", { key: 'f26205c3d5e6f6fbd8628cacd314df97fc92725d', class: "p-accordion is--block border" }, h("div", { key: '8333b2740bae0926411f74efd62d23cd17f21e9a', 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: '536a9ca6e721ce9a145b9052295442d5ca38aa39' }, this.title), h("span", { key: 'a1a240ccacb41380204593ea868bb75e9f968974' }, h("span", { key: '853fea6621d95c87e90c5e77743f994fcf89922d', class: "for--icon", innerHTML: this.open ? openIcon : icon }))), h("div", { key: '135a6953133f020cb68fb203793018b1e6e569f7', 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: 'fa89ddc760fd4541f6e64ba72999d70274d38b3f' }))))));
+            } }, 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: '873c62b5c7105b48603bd05561d42176b8246270', class: this.getParentClass() }, h("div", { key: '91bcc68bd1fd18c1f5a54e290558b2d494a3f80e', class: this.getClass() }, h("slot", { key: '13d429f8a51ac2825200c5c601a387270430850a' }), this.closable && (h("span", { key: 'af58d5d80fc7b139781d2d842c8f5c8f7a1cda77', 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: '73b65b4fa235ab733adaf0c96e4d48c67064a17c', class: this.getParentClass() }, h("span", { key: 'e1a461af88783ccde7f8c66a3863989ce4afa0c6', class: this.getClass() }, h("slot", { key: '93970fcc22b44e2526c918efae1ab3490436190a' }))));
+        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: 'e971d6de8b966f86d1384e7924f399e20471ffed', class: this.getParentClass() }, h("button", { key: '5e3a1523b364cc43330281a5337dc8ec26693fd7', 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: '4cb7a3e38b98061a1cd84b23775aa0df73d89925' }, h("div", { key: '4b44b04f35bc40cc1012c7542fb1963a13a3e970', 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: '47c37acf3feab648c13e315ead3820a36789e97c', class: "card" }, h("div", { key: 'e4c07665aa5a0415c26a3978de70903308ef27cd', class: "card-header" }, h("slot", { key: '315a88697f7d6e808f2da8879135734ff1131d33', name: "header" })), this.image && h("img", { key: 'e427f29c3a4b6c6e4fb5e46bfe17dfcaf0d2d149', class: "image-top", src: this.image, alt: "card-img" }), h("div", { key: 'aa9acf1260a632e3f079c856d76d3a316be65df5', class: "card-body" }, h("h4", { key: '3b1417cd014b15c424645d4194b2b1b5957e934d', class: "card-title" }, h("slot", { key: 'ad5172c294d95b6155c1720a407fd9c0d6a12586', name: "title" })), h("h5", { key: '1f35eb5349cd9d15006ad2490391691e97ceb482', class: "card-subtitle" }, h("slot", { key: '8598e111595356a8b3f1cf7ab4c232901c5be4a3', name: "subtitle" })), h("p", { key: 'ecb05a88b93f32c0228bb2bbf54c0e6c758b15e0', class: "card-text" }, h("slot", { key: '4cbed27c08e3e49e161d639af128f0aea1a431c4', name: "text" })), h("slot", { key: '9904a795fe28ec58ecc928c3e310df4f2ee9dd73' })), h("div", { key: 'c8fa285762f923e6af5dcfdbf168b8389821aa2e', class: "card-footer" }, h("slot", { key: '0f6a64c096943018fef819ad0297141a9fdb89bf', 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: '2d5d525e1e021ade1abf1f8df20d9e60a8fc6510' }, h("div", { key: 'e870c8ebb9d78daf01b8ec8d2337cd3deeb60e15', 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: 'f9e72b2e1b5192a07578a53a0f47caa3cea1519b', class: this.getParentClass() }, h("slot", { key: '36b5b3cc564ca4fcd141945e287574d76d929ff9' })));
+        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: 'd147533d5fbe38e14a341e2da41809010076b304' }, this.isOpen && (h("div", { key: 'ce75a5719eaa3fc69e33decd020d246c1d178762', class: "papier" }, h("div", { key: 'dd6678bd096d2047a8e3572079001995c7b28e10', class: "modal" }, h("div", { key: '49941f09ad1339353fcc69ddbb05f4c9804511dc', class: "modal-bg", onClick: () => this.close() }), h("div", { key: '49f52249ceeb51610276e559e7eb29439f5ed574', class: "modal-body" }, h("span", { key: '8ab2f0d98493ba9e99fd3356399a297069a6c044', class: "btn-close", onClick: () => this.close() }, "X"), h("h4", { key: 'c550e2a4f1a40bda272eaca243b4afd9a15429b1', class: "modal-title" }, h("slot", { key: '2b79b85c1c5896948476a886a05e9a64c81921f9', name: "title" })), h("h5", { key: '21999812830b141b3d7501202328caffb2703937', class: "modal-subtitle" }, h("slot", { key: '5d53f30cb2679274393349c85c039f9fdaf9ed79', name: "sub-title" })), h("p", { key: '90d80ed45c92a1d9dd44cbb1d2e9cd0ba9dcf09e', class: "modal-text" }, h("slot", { key: 'c2390641cc79d2f94f413cd6a071e3c05c91b29a', name: "text" })), h("slot", { key: '4d4bdaf5ff2ea232799edfbe102ca8340223d1af' })))))));
+        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: 'de30c85157323fede6e5ea439dc6e7af05df5023', class: this.getParentClass() }, h("div", { key: 'e318a69f15784eb628dba056584474ebdb4ff312', class: "progress" }, h("div", { key: '67a6146e8b1b8f6ff4743ccf254feaf40d7bbf36', class: this.getClass() }, h("slot", { key: '1729bce61cd65f7ad7e0ebcb5d0a1b4edb103846' })))));
+        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: 'f3bbab7ece35c6b756f90d07e5fbda1593c5f38f' }, h("div", { key: '3a3747c4c68f1727ec4df8e0c66b487a518dc1d9', 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: '6f9f7defd6133e17cccf962b097c24abdd50b785', class: "border border-primary", style: this.getStyle() }), h("div", { key: 'be6df3ee8cf9ebb9c9ae27928eea477cf5167761', class: "border border-primary", style: this.getStyle() }), h("div", { key: 'd539e63c209e600707f15d2940d2077a13038c13', 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: '31c1300ff9942abd6f8a02cccd43b165f1486f71' }, h("div", { key: 'c2c3f9efdb1bd21009b84e2bbae70be76d413382', class: "papier" }, h("div", { key: '9be39e852c8b97274d13f6cca82c6457f41f8090', "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: 'a55beec254828006070d5f751e4dc6caaeae96b7' })))));
+        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: '4e43d2f38a2e952105b22c412286fab1f96d8abc' }, h("div", { key: '353065c92ffa9244150037482bcd9321b8f76893', class: {
+        return (h(Host, { key: '7bcf86d4572a1355f19a5262f39dcad736c08f42' }, h("div", { key: '11107de1f9a607fc0cd6a6241a5af286d1c86170', class: {
                 papier: true,
                 'is--selected': this.selected,
                 'is--dark': this.dark,
-            } }, h("slot", { key: '0766a64a5f3c8229168b9ccd06173880ddad491f' }))));
+            } }, 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: 'b4fb55766cc259beab158cabbe30c29002cd0fb8' }, h("div", { key: 'fa79c0cae511d097b17f7d3e746c8ec2dcb531b1', class: {
+        return (h(Host, { key: 'ff29bc9c206cf3d0e705ca80210259ae392685ce' }, h("div", { key: '5e78965f9d022d68c32328cc97b210d8da283511', class: {
                 'is--dark': this.dark,
                 papier: true,
-            } }, h("div", { key: '58fce38027efd851103483fcbe3013fd4496af8f', 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: '9f43cce27c573db15b4e9ec12efa4d7ff29d9673', class: "content" }, h("slot", { key: 'c3fe91c09787df8d35a4a132aa1d31008a3430d6' }))))));
+        }), h("div", { key: 'c9abb30a6e730c6506f964642d8082df45a351cb', class: "content" }, h("slot", { key: '0530793249e9df75acbb7fab5968a72615208e44' }))))));
     }
     static get is() { return "p-tabs"; }
     static get encapsulation() { return "shadow"; }