@amiceli/papierjs 0.8.0 → 0.9.0

package/dist/cjs/p-switch.cjs.entry.js

@@ -22,13 +22,13 @@ const PSwitch = class {
         this.changeEvent.emit(e.target.checked);
     }
     render() {
-        return (index.h(index.Host, { key: '8fd7f8e681c3e0768a0999510f231ca4d521acff' }, index.h("div", { key: 'd71e1af2cd6c8e71c0b4d3755bcb4f35ce9df353', class: {
+        return (index.h(index.Host, { key: 'dc34b7bcd066f56069cff699bbd6f772c321fda4' }, index.h("div", { key: '60dad8de3b96b83993397b9e3f461e8927404a5e', class: {
                 papier: true,
                 'is--dark': this.dark,
-            } }, index.h("div", { key: '18f49f02f40b636693547a95eeff6938a709be0c', class: "form-group" }, index.h("label", { key: '79f4805766e530d5cc39c98f6dbd5f9412b7c613', class: {
+            } }, index.h("div", { key: '50b4d74c78067fc022637aa3cd89358b007a5931', class: "form-group" }, index.h("label", { key: 'acda7120df26268b1f2a1ee37074a88a6726f240', class: {
                 'paper-switch': !this.square,
                 'paper-switch-2': this.square,
-            } }, index.h("input", { key: 'be721049a47d6dc680155108c04ac1f70fa6d52c', id: "paperSwitch4", name: "paperSwitch4", type: "checkbox", checked: this.checked, onInput: (e) => this.onInput(e) }), index.h("span", { key: '2e5903946a31b452fe4eeac232d4107c62660d2d', class: {
+            } }, index.h("input", { key: '7f1d80e40ab826c476d0e69427bd0343ceed85ee', id: "paperSwitch4", name: "paperSwitch4", type: "checkbox", checked: this.checked, onInput: (e) => this.onInput(e) }), index.h("span", { key: 'c1d59ba857f9a4f8246707ad43909f7b266b2cda', class: {
                 round: this.round,
                 'paper-switch-slider': true,
             } }))))));

package/dist/cjs/p-tab.cjs.entry.js

@@ -14,11 +14,11 @@ const PTab = class {
         this.dark = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'a72020a970b15e501ba44bc21691f7fe212cdca7' }, index.h("div", { key: 'a4b617baac6c316cef3728022692e591b5d717e7', class: {
+        return (index.h(index.Host, { key: '1ea5cf18627b1720210a140698e035707cfb8b1f' }, index.h("div", { key: 'f57138c165e957d2dfe375920728c821bd96a435', class: {
                 papier: true,
                 'is--selected': this.selected,
                 'is--dark': this.dark,
-            } }, index.h("slot", { key: '4376eaa760c04c14626c13a36c0fdb4f86f51df9' }))));
+            } }, index.h("slot", { key: 'd3ae85ebe177281245e489a2e7ec55926edf410f' }))));
     }
 };
 PTab.style = PTabStyle0;

package/dist/cjs/p-tabs.cjs.entry.js

@@ -50,12 +50,12 @@ const PTabs = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'e54624b9e1636ac4a1a2c85428625994eb3cf4ac' }, index.h("div", { key: '1313b823e5ae4e5332dd31cd7d04133812739a2c', class: {
+        return (index.h(index.Host, { key: 'd59b104d239042132d6c4451b58aad48b3886234' }, index.h("div", { key: '2eb521ba002c190a066dc7039474c5969e0c1bf1', class: {
                 'is--dark': this.dark,
                 papier: true,
-            } }, index.h("div", { key: '90d2fa60ec5399a05ac4f878964b67fecdff062b', class: "row flex-spaces tabs" }, this.tabs.map((t) => {
+            } }, index.h("div", { key: 'a9db4856105d86313b229a0abca779e8c98ca4d9', class: "row flex-spaces tabs" }, this.tabs.map((t) => {
             return (index.h("label", { class: this.getTabClass(t), htmlFor: "tab1", key: t.title, onClick: () => this.onSelectTab(t) }, t.title));
-        }), index.h("div", { key: 'fe5caaff0a6db3dd75b687586b3db625ee64455e', class: "content" }, index.h("slot", { key: '2d7989e7c818dbf299bb616d7edf2b1df4834060' }))))));
+        }), index.h("div", { key: 'f363537fc0ce3a310d2a1c5eef72884ceb122ff7', class: "content" }, index.h("slot", { key: '24150a096b7344d7f74ccfae58ca283ed8eb3f45' }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/p-tooltip.cjs.entry.js

@@ -17,7 +17,7 @@ const PTooltip = class {
         this.top = false;
     }
     render() {
-        return (index.h(index.Host, { key: '07158462ade3d922a00223e79f96a6b27de22c23' }, index.h("div", { key: '3eeccaceeea1251912bda37e4a323c93d73f92c5', class: "papier" }, index.h("div", { key: '5590601995e360e708760089ca76bab194720f54', "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 }, index.h("slot", { key: '0b9429caf13aa217b62ccad9ca61084e10d94ae2' })))));
+        return (index.h(index.Host, { key: '49696872fd30c059c732eac8b29b97f8a4df80f8' }, index.h("div", { key: '63c42e1a0dca1b46e0064bac1104aa4db0f2af7a', class: "papier" }, index.h("div", { key: '0bd0ca4afc6aef686ee52859a3782a3a27d708c1', "popover-left": this.left && !this.disabled ? this.title : null, "popover-right": this.right && !this.disabled ? this.title : null, "popover-bottom": this.bottom && !this.disabled ? this.title : null, "popover-top": this.top && !this.disabled ? this.title : null }, index.h("slot", { key: '97d076079f049d7cbf4187675b81a6c5c95aab4f' })))));
     }
 };
 PTooltip.style = PTooltipStyle0;

package/dist/cjs/papierjs.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["p-notification-preview.cjs",[[0,"p-notification-preview",{"notificationType":[32]}]]],["p-dropdown-preview.cjs",[[0,"p-dropdown-preview",{"value":[32],"selectedValue":[32]}]]],["p-modal-preview.cjs",[[0,"p-modal-preview",{"title":[4]}]]],["p-accordion.cjs",[[1,"p-accordion",{"title":[1],"open":[1028]}]]],["p-alert.cjs",[[1,"p-alert",{"type":[1],"closable":[4],"dark":[4]}]]],["p-badge.cjs",[[1,"p-badge",{"type":[1],"dark":[4]}]]],["p-breadcrumb.cjs",[[1,"p-breadcrumb",{"dark":[4]}]]],["p-breadcrumb-item.cjs",[[1,"p-breadcrumb-item",{"dark":[4],"first":[4],"link":[1]}]]],["p-icon.cjs",[[1,"p-icon",{"icon":[1],"size":[2],"color":[1],"svgContent":[32]}]]],["p-input-text.cjs",[[1,"p-input-text",{"placeholder":[1],"value":[1025],"required":[4],"dark":[4],"label":[1],"disabled":[4],"block":[4],"error":[1]}]]],["p-leaf.cjs",[[4,"p-leaf",{"dark":[4]}]]],["p-progress-bar.cjs",[[1,"p-progress-bar",{"type":[1],"value":[2],"striped":[4],"dark":[4],"auto":[2],"interval":[32]}]]],["p-slider.cjs",[[1,"p-slider",{"value":[2],"min":[2],"max":[2],"block":[4],"dark":[4]}]]],["p-switch.cjs",[[1,"p-switch",{"round":[4],"square":[4],"dark":[4],"checked":[4]}]]],["p-switch-tile.cjs",[[1,"p-switch-tile",{"dark":[4],"checked":[4],"checkedBackground":[1,"checked-background"],"uncheckedBackground":[1,"unchecked-background"]}]]],["p-tab.cjs",[[1,"p-tab",{"title":[1],"selected":[1028],"dark":[4]}]]],["p-tabs.cjs",[[1,"p-tabs",{"dark":[4],"tabs":[32],"selectedTab":[32]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"title":[1],"disabled":[4],"left":[4],"right":[4],"bottom":[4],"top":[4]}]]],["p-notification-handler.cjs",[[1,"p-notification-handler",{"notifications":[32],"pushNotification":[64]},[[0,"close","closeToastHandler"]]]]],["p-modal.cjs",[[1,"p-modal",{"isOpen":[32],"open":[64],"close":[64]}]]],["p-notification.cjs",[[1,"p-notification",{"type":[1],"text":[1],"canclose":[4],"timestamp":[1]}]]],["p-button_3.cjs",[[1,"p-dropdown",{"dark":[4],"preventSelected":[4,"prevent-selected"],"value":[1025],"placeholder":[1],"open":[32],"selectedValue":[32]},[[8,"click","detectOutsideClick"]]],[1,"p-dropdown-item",{"value":[1],"selected":[4],"dark":[4]}],[1,"p-button",{"type":[1],"outline":[4],"large":[4],"small":[4],"block":[4],"disabled":[4],"dark":[4]}]]]], options);
+  return index.bootstrapLazy([["p-notification-preview.cjs",[[0,"p-notification-preview",{"notificationType":[32]}]]],["p-dropdown-preview.cjs",[[0,"p-dropdown-preview",{"value":[32],"selectedValue":[32]}]]],["p-modal-preview.cjs",[[0,"p-modal-preview",{"title":[4]}]]],["p-accordion.cjs",[[1,"p-accordion",{"title":[1],"open":[1028]}]]],["p-alert.cjs",[[1,"p-alert",{"type":[1],"closable":[4],"dark":[4]}]]],["p-badge.cjs",[[1,"p-badge",{"type":[1],"dark":[4]}]]],["p-breadcrumb.cjs",[[1,"p-breadcrumb",{"dark":[4]}]]],["p-breadcrumb-item.cjs",[[1,"p-breadcrumb-item",{"dark":[4],"first":[4],"link":[1]}]]],["p-icon.cjs",[[1,"p-icon",{"icon":[1],"size":[2],"color":[1],"svgContent":[32]}]]],["p-input-text.cjs",[[1,"p-input-text",{"placeholder":[1],"value":[1025],"required":[4],"dark":[4],"label":[1],"disabled":[4],"block":[4],"error":[1]}]]],["p-leaf.cjs",[[4,"p-leaf",{"dark":[4]}]]],["p-progress-bar.cjs",[[1,"p-progress-bar",{"type":[1],"value":[2],"striped":[4],"dark":[4],"auto":[2],"interval":[32]}]]],["p-slider.cjs",[[1,"p-slider",{"value":[2],"min":[2],"max":[2],"block":[4],"dark":[4]}]]],["p-switch.cjs",[[1,"p-switch",{"round":[4],"square":[4],"dark":[4],"checked":[4]}]]],["p-switch-tile.cjs",[[1,"p-switch-tile",{"dark":[4],"checked":[4],"checkedBackground":[1,"checked-background"],"uncheckedBackground":[1,"unchecked-background"]}]]],["p-tab.cjs",[[1,"p-tab",{"title":[1],"selected":[1028],"dark":[4]}]]],["p-tabs.cjs",[[1,"p-tabs",{"dark":[4],"tabs":[32],"selectedTab":[32]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"title":[1],"disabled":[4],"left":[4],"right":[4],"bottom":[4],"top":[4]}]]],["p-notification-handler.cjs",[[1,"p-notification-handler",{"notifications":[32],"pushNotification":[64]},[[0,"close","closeToastHandler"]]]]],["p-modal.cjs",[[1,"p-modal",{"isOpen":[32],"open":[64],"close":[64]}]]],["p-notification.cjs",[[1,"p-notification",{"type":[1],"text":[1],"canclose":[4],"timestamp":[1]}]]],["p-spinner.cjs",[[1,"p-spinner",{"large":[4],"color":[1],"dark":[4]}]]],["p-button_3.cjs",[[1,"p-dropdown",{"dark":[4],"preventSelected":[4,"prevent-selected"],"value":[1025],"placeholder":[1],"open":[32],"selectedValue":[32]},[[8,"click","detectOutsideClick"]]],[1,"p-dropdown-item",{"value":[1],"selected":[4],"dark":[4]}],[1,"p-button",{"type":[1],"outline":[4],"large":[4],"small":[4],"block":[4],"disabled":[4],"dark":[4],"loading":[4]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -20,6 +20,7 @@
     "components/notification/p-notification/p-notification.js",
     "components/notification/p-notification-handler/stories/p-notification-preview.js",
     "components/p-icon/p-icon.js",
+    "components/p-spinner/p-spinner.js",
     "components/progress-bar/progress-bar.js",
     "components/tabs/tab/tab.js",
     "components/tabs/tabs/tabs.js",

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

@@ -11,6 +11,7 @@ export class Button {
         this.block = false;
         this.disabled = false;
         this.dark = false;
+        this.loading = false;
     }
     getClass() {
         const types = ['success', 'secondary', 'primary', 'danger', 'warning'];
@@ -41,7 +42,8 @@ export class Button {
         return cssClass;
     }
     render() {
-        return (h("div", { key: '285d0812c0a178392c78195344cac0c6ec93ed9e', class: this.getParentClass() }, h("button", { key: '706e1ba6d445d066f5674d952709251af023f1cc', disabled: this.disabled, type: "button", class: this.getClass() }, h("slot", { key: '17b851c4b0a475565d743cc87e84562e4482606c' }))));
+        const color = `var(--${this.type}${this.dark ? '-light' : ''})`;
+        return (h("div", { key: '306ec0e0b6c738d5949f2d011c18b83f815fb4c0', class: this.getParentClass() }, h("button", { key: 'e65756d405f737aca00e6791c0fb369a26c206c4', disabled: this.disabled, type: "button", class: this.getClass() }, !this.loading ? (h("slot", null)) : (h("p-spinner", { color: color, dark: this.dark })))));
     }
     static get is() { return "p-button"; }
     static get encapsulation() { return "shadow"; }
@@ -201,8 +203,29 @@ export class Button {
                 "attribute": "dark",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "loading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "loading",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }
+    static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAIlD;;GAEG;AAMH,MAAM,OAAO,MAAM;IALnB;QAOI,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;KAkDzB;IAhDU,QAAQ;QACX,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;QACtE,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,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,+DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;gBAEtB,8DAAQ,CACH,CACP,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } 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: 'button.scss',\n    shadow: true,\n})\nexport class Button {\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\n    public getClass(): string {\n        const types = ['success', 'secondary', 'primary', 'danger', 'warning']\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        return (\n            <div class={this.getParentClass()}>\n                <button\n                    disabled={this.disabled}\n                    type=\"button\"\n                    class={this.getClass()}\n                >\n                    <slot />\n                </button>\n            </div>\n        )\n    }\n}\n"]}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAI3D;;GAEG;AAMH,MAAM,OAAO,MAAM;IALnB;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;KAwD5B;IAtDU,QAAQ;QACX,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;QACtE,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,+DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAErB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,eAAQ,CACX,CAAC,CAAC,CAAC,CACA,iBAAW,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAC/C,CACI,CACP,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Prop, h } 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: 'button.scss',\n    shadow: true,\n})\nexport class Button {\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 = ['success', 'secondary', 'primary', 'danger', 'warning']\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\n                    disabled={this.disabled}\n                    type=\"button\"\n                    class={this.getClass()}\n                >\n                    {!this.loading ? (\n                        <slot />\n                    ) : (\n                        <p-spinner color={color} dark={this.dark} />\n                    )}\n                </button>\n            </div>\n        )\n    }\n}\n"]}

package/dist/collection/components/dropdown/dropdown/dropdown.js

@@ -63,9 +63,9 @@ export class Alert {
     render() {
         const selected = this.getSelectedValue();
         const arrowIcon = feather.icons['chevron-down'].toSvg();
-        return (h("div", { key: '8636360286918fd77b57d0ae59f1abde51c7a76e', class: this.getParentClass() }, h("div", { key: '50f69b82e75b93a728fdd3e202ad276aff3aa190', class: "dropdown__header border border-primary", onClick: () => {
+        return (h("div", { key: 'a58cb116140fba1936bdd1256e45c02dd14adf4b', class: this.getParentClass() }, h("div", { key: '3f73224c62767cc1af3547b5957c4570714c4857', class: "dropdown__header border border-primary", onClick: () => {
                 this.open = !this.open;
-            } }, h("span", { key: 'a552893af00f5b1371c65cede8e4e9a6590f134a' }, selected), h("span", { key: '4e52e42eb5a27b6d12aafddbf9938847cc397939', class: "for--icon", innerHTML: arrowIcon })), h("div", { key: 'fcb21c971353a04acd452f36d69d80d75b897442', class: "dropdown__children" }, h("slot", { key: 'a4f7ebabc13370e7d9b2f0f2ff58e0a561ca36af' }))));
+            } }, h("span", { key: '5cea9b8d3e440a539e29d8d75313446df89e52a9' }, selected), h("span", { key: '9ed09221e97a13894a3a81a6a4b0f3e0c268c155', class: "for--icon", innerHTML: arrowIcon })), h("div", { key: '6f79a026eddddd24b9e4973e732a25ea68a9be16', class: "dropdown__children" }, h("slot", { key: 'cb95fcdbe5ac7d6319473064280c9d63544b87dd' }))));
     }
     static get is() { return "p-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown/dropdown/stories/dropdown.preview.js

@@ -18,7 +18,7 @@ export class Alert {
         (_a = this.el.querySelector('p-modal')) === null || _a === void 0 ? void 0 : _a.close();
     }
     render() {
-        return (h("div", { key: 'df37aa4e5887d0fc46895775dcdbe380a4092a36' }, h("p-modal", { key: 'b89060780ffe93c840cb78467910296bdebe1bc0' }, h("p", { key: '011ddda0511d9ff7337145a1239c69e235f09145' }, "You select ", h("b", { key: 'ed590674ca12afefe226a9e9ad1aea8f0387fca1' }, this.value)), h("br", { key: '776e9209f621d950768ad1f24efdcd64e3c849f8' }), h("p-button", { key: '8be19c4fc1a7e1215fb65d8b676f298ebc42c605', type: "success", onClick: () => this.onValidate() }, "I validate"), "\u00A0", h("p-button", { key: '8adbf264311dedb4ef26b5af44175c22a9f94d2f', type: "danger", onClick: () => this.onClose() }, "No !")), h("p-dropdown", { key: '9f605f76ef7bcb4ae6ff802359e7178b05fc8c4c', placeholder: "Choose best framework", "prevent-selected": true, onSelect: (e) => this.showModal(e.detail), value: this.selectedValue }, h("p-dropdown-item", { key: '5f5ec1e0669a58508f9e64a9ee1db20a7b365dc3', value: "awesome", selected: this.selectedValue === 'awesome' }, "Vue"), h("p-dropdown-item", { key: '0c2b66e174ca1a97395137b2cc65e4e77b21a51f', value: "Stencil", selected: this.selectedValue === 'Stencil' }, "Stencil"), h("p-dropdown-item", { key: '91a2a435496363e169f9a7d47a906491d9037840', value: "Storybook", selected: this.selectedValue === 'Storybook' }, "Storybook"))));
+        return (h("div", { key: 'ebd30a904cdb71d290662840e8b4766d102ca708' }, h("p-modal", { key: 'ce72d861ec7ab4d7829979704ec29b05927e821b' }, h("p", { key: 'ec93f16257d10733a2c9b13cba777b5261ba5278' }, "You select ", h("b", { key: '440cfe0df3d00558d47e521f5fd4a41b3a5ee5bf' }, this.value)), h("br", { key: 'cd1944ff062010f7d231095320b87e36a1e14f69' }), h("p-button", { key: 'e4214b4ae538cd70099225ee0f63055994fa3458', type: "success", onClick: () => this.onValidate() }, "I validate"), "\u00A0", h("p-button", { key: '8c195065be017b3de36f28658b4c5b7da8a69a61', type: "danger", onClick: () => this.onClose() }, "No !")), h("p-dropdown", { key: 'a0403bb75fc0e08e52c7de0e42c40f420fde6022', placeholder: "Choose best framework", "prevent-selected": true, onSelect: (e) => this.showModal(e.detail), value: this.selectedValue }, h("p-dropdown-item", { key: '278d5915c55593db051e75ced6008b179ba1c4e6', value: "awesome", selected: this.selectedValue === 'awesome' }, "Vue"), h("p-dropdown-item", { key: '88673f26c5501295cf39925423c420715ed0fa96', value: "Stencil", selected: this.selectedValue === 'Stencil' }, "Stencil"), h("p-dropdown-item", { key: 'c730db6663ca8b266a83571222bfc89344ce5aaa', value: "Storybook", selected: this.selectedValue === 'Storybook' }, "Storybook"))));
     }
     static get is() { return "p-dropdown-preview"; }
     static get states() {

package/dist/collection/components/dropdown/dropdown-item/dropdown-item.js

@@ -14,10 +14,10 @@ export class DropdownItem {
         this.changeEvent.emit(this.value);
     }
     render() {
-        return (h("div", { key: 'a140fa5e96379d94c3193405a35c2e5e814a1dad', class: this.getParentClass(), onClick: () => this.sendClick() }, h("div", { key: '92098283fd6d143901d82750a652f81d3b94d522', class: {
+        return (h("div", { key: 'ebeadf0541037fe8ac3968b97135b54d8d2ffff3', class: this.getParentClass(), onClick: () => this.sendClick() }, h("div", { key: 'f9dc47abca23a7ff49024dc97636dcae2064849f', class: {
                 'background-success': this.selected,
                 'border border-primary': true,
-            } }, h("slot", { key: 'c68ee3b98574c31dcc9d9fbd6fa133cf9961d439' }))));
+            } }, h("slot", { key: 'eaaa781bf0d311891c32d5884fc12dafab40f2be' }))));
     }
     static get is() { return "p-dropdown-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form/input-text/input-text.js

@@ -28,9 +28,9 @@ export class InputText {
         this.changeEvent.emit(this.value);
     }
     render() {
-        return (h("div", { key: 'a26c649d0f65e30583c1477f9562af22abbc9106', class: this.getParentClass() }, this.label && (h("label", { key: '0668b10bcd2895cc4bd65ebbcd0d5819e3bfe135', htmlFor: "paperInputs1" }, this.label, this.required ? '*' : '')), h("input", { key: 'c5e11c2f5a1a88ef04b430736e2bb3c58396d7cd', type: "text", placeholder: this.placeholder, id: "paperInputs1", disabled: this.disabled, onInput: (e) => {
+        return (h("div", { key: 'cd76a2762668387e8b4a490a239577a58b8b4859', class: this.getParentClass() }, this.label && (h("label", { key: '7e6dae9b367d95018761178bb0b3f6ff2442410e', htmlFor: "paperInputs1" }, this.label, this.required ? '*' : '')), h("input", { key: 'c8ba419cb6c3fc22915563bd07faf632d3deab7f', type: "text", placeholder: this.placeholder, id: "paperInputs1", disabled: this.disabled, onInput: (e) => {
                 this.onInput(e);
-            }, value: this.value, onChange: () => this.onChange() }), this.error && h("p", { key: '1e282386e337e13c7d9d626d0fb40525107603dc', class: "text-danger" }, this.error)));
+            }, value: this.value, onChange: () => this.onChange() }), this.error && h("p", { key: '7b2a6aabde20bc9e9ee1c590c40687461b86b305', class: "text-danger" }, this.error)));
     }
     static get is() { return "p-input-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form/slider/sliders.js

@@ -10,11 +10,11 @@ export class PSliders {
         this.changeEvent.emit(Number.parseInt(e.target.value));
     }
     render() {
-        return (h(Host, { key: '8d902052bbc89b3d74c306cd2fa5eeb54ac38757' }, h("div", { key: 'ab80fa0a236ff9baa8ecfee9bf658951c42e8e6f', class: {
+        return (h(Host, { key: 'd781d4bbf5506a5ca6c032e47a19f85e7410834e' }, h("div", { key: 'ea47478f383250c94cb89c76850736315c61c916', class: {
                 papier: true,
                 'is--block': this.block,
                 'is--dark': this.dark,
-            } }, h("div", { key: 'bd3d614e3262ff88c01da42cbcd914b27f91b23e', class: "form-group" }, h("input", { key: '084338b3c6e48d12a5b766a182260d6d634029c8', class: "input-block", type: "range", min: this.min, max: this.max, value: this.value, onInput: (e) => {
+            } }, h("div", { key: '042736e16ee21d0cec0f9e5f2aba79bc792f05e1', class: "form-group" }, h("input", { key: '826d1670c732285d12becb6f0a1aa42f1c67bb9e', class: "input-block", type: "range", min: this.min, max: this.max, value: this.value, onInput: (e) => {
                 this.onInput(e);
             } })))));
     }

package/dist/collection/components/form/switch/switch.js

@@ -12,13 +12,13 @@ export class PSwitch {
         this.changeEvent.emit(e.target.checked);
     }
     render() {
-        return (h(Host, { key: '8fd7f8e681c3e0768a0999510f231ca4d521acff' }, h("div", { key: 'd71e1af2cd6c8e71c0b4d3755bcb4f35ce9df353', class: {
+        return (h(Host, { key: 'dc34b7bcd066f56069cff699bbd6f772c321fda4' }, h("div", { key: '60dad8de3b96b83993397b9e3f461e8927404a5e', class: {
                 papier: true,
                 'is--dark': this.dark,
-            } }, h("div", { key: '18f49f02f40b636693547a95eeff6938a709be0c', class: "form-group" }, h("label", { key: '79f4805766e530d5cc39c98f6dbd5f9412b7c613', class: {
+            } }, h("div", { key: '50b4d74c78067fc022637aa3cd89358b007a5931', class: "form-group" }, h("label", { key: 'acda7120df26268b1f2a1ee37074a88a6726f240', class: {
                 'paper-switch': !this.square,
                 'paper-switch-2': this.square,
-            } }, h("input", { key: 'be721049a47d6dc680155108c04ac1f70fa6d52c', id: "paperSwitch4", name: "paperSwitch4", type: "checkbox", checked: this.checked, onInput: (e) => this.onInput(e) }), h("span", { key: '2e5903946a31b452fe4eeac232d4107c62660d2d', class: {
+            } }, h("input", { key: '7f1d80e40ab826c476d0e69427bd0343ceed85ee', id: "paperSwitch4", name: "paperSwitch4", type: "checkbox", checked: this.checked, onInput: (e) => this.onInput(e) }), h("span", { key: 'c1d59ba857f9a4f8246707ad43909f7b266b2cda', class: {
                 round: this.round,
                 'paper-switch-slider': true,
             } }))))));

package/dist/collection/components/form/switch-tile/switch-tile.js

@@ -30,10 +30,10 @@ export class SwitchTile {
         return cssClass;
     }
     render() {
-        return (h(Host, { key: '9d9062a1f24319bb57c20c6b2674e92ed2815e62' }, h("div", { key: '1890096efba4995c6c6257c387f2ce50b69c1063', class: {
+        return (h(Host, { key: 'c45d3f233e411919b3b7b761875eee407a30ded8' }, h("div", { key: 'ef04d121a7bb316910bb5eba320636e469b15296', class: {
                 papier: true,
                 'is--dark': this.dark,
-            } }, h("div", { key: '055c9d96056a5a941c57734a3df9a8bf9005c24f', class: "form-group" }, h("label", { key: 'f445c8811e5b8cdce2d58d9f2561a49dd5bcce2a', htmlFor: "paperSwitch1", class: "paper-switch-tile" }, h("input", { key: '1105ac86869391fae18876b531ca7a8002367b75', id: "paperSwitch1", name: "paperSwitch1", type: "checkbox", checked: this.checked }), h("div", { key: '6cdcafa28573ddedb410a0b53417cb2e4f2c593c', class: "paper-switch-tile-card border" }, h("div", { key: '7d812ec67af74f546334cc3c5ecd85655fa25e44', class: this.getFrontCardClass() }, h("slot", { key: 'b0a0757cebfbd3a200946f382d2984dbedd9891b', name: "unchecked-text" })), h("div", { key: 'a3fd94c743396e7e63de582ed668cb67108298e5', class: this.getBackCardClass() }, h("slot", { key: '08c35d8551789770bdd63b99d36b1a2bb9848632', name: "checked-text" }))))))));
+            } }, h("div", { key: 'a4f4e141456ab2006b35586ac0a2b5df30dc6d21', class: "form-group" }, h("label", { key: '1daa9c09dea72d9b4f320e781f6d2bec8eb20a6d', htmlFor: "paperSwitch1", class: "paper-switch-tile" }, h("input", { key: 'a589300af34234bb2b844aa528f52bff61701883', id: "paperSwitch1", name: "paperSwitch1", type: "checkbox", checked: this.checked }), h("div", { key: '6ac3923e0492d44260de85441704752880dfc8da', class: "paper-switch-tile-card border" }, h("div", { key: 'c9704b1755e51699617069809e4451746bfce0f1', class: this.getFrontCardClass() }, h("slot", { key: '0790743399ebc98930a6c51bbc7a710fe4eebf3d', name: "unchecked-text" })), h("div", { key: 'f3db508d13e66c2064f9802694fdef7a72a70b0c', class: this.getBackCardClass() }, h("slot", { key: '3392366f8d3e4ea7f54ffb31fe8c7e7ce7e8d1d5', name: "checked-text" }))))))));
     }
     static get is() { return "p-switch-tile"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class Alert {
         return this.dark ? 'papier is--dark' : 'papier';
     }
     render() {
-        return (h("div", { key: 'be45db92e133312609842ac835ad2402851f152b', class: this.getParentClass() }, h("slot", { key: '3ed985d0963e4e7b1c287142f3fc3464b9f1cd99' })));
+        return (h("div", { key: '907cf99eea83d38912f22d7cdc20e131e961c215', class: this.getParentClass() }, h("slot", { key: '6023549f324165e8db91eba3560f91b514a8d2f5' })));
     }
     static get is() { return "p-leaf"; }
     static get originalStyleUrls() {

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

@@ -11,7 +11,7 @@ export class PModal {
         this.closeEvent.emit(null);
     }
     render() {
-        return (h(Host, { key: 'f13198814461860813a0ff18b624d6bf99609107' }, this.isOpen && (h("div", { key: 'f032ed086f608954a72a5eda7fa085a6f6847396', class: "papier" }, h("div", { key: '1076dad00e39f8d87ae4655585bbecbff45ac98b', class: "modal" }, h("div", { key: '4c47e5b36a76ff9bbf48ea6d0a9dc609255f6533', class: "modal-bg", onClick: () => this.close() }), h("div", { key: 'ed6f56b872ffc369354236e7a22c3f6bb0af348b', class: "modal-body" }, h("span", { key: '597568dd1621992a515be155bbc36e57b7f1dbcd', class: "btn-close", onClick: () => this.close() }, "X"), h("h4", { key: 'cecbf738b51198687a8e2b177c552e751bd85af6', class: "modal-title" }, h("slot", { key: '6eb97485f3e0f0efdd0b8ef4b51b0a803b5dac86', name: "title" })), h("h5", { key: 'a6f7a49a96324b417ea77507ba48cc0cc043d91c', class: "modal-subtitle" }, h("slot", { key: '02f03aa86615cf235c0807645454207943d1292a', name: "sub-title" })), h("p", { key: '8feec1c2c80f18bf86d2415fdecffbd5dd1f84f8', class: "modal-text" }, h("slot", { key: '08b33aece403b6ed3c2c5ff7926da896e731060e', name: "text" })), h("slot", { key: '99514c39dba619a713610282de642fa0bc5f9cc7' })))))));
+        return (h(Host, { key: 'be3ee52be04fb9a186a8ef4011b682ab69a09e90' }, this.isOpen && (h("div", { key: '9c2f4b453dcff18928d89662bc789325a0f672ea', class: "papier" }, h("div", { key: '805c5d128dfe694c8d773e36cd25c1e595a0dd05', class: "modal" }, h("div", { key: '9434cf8e8b875df46741fc3c867570800bbea191', class: "modal-bg", onClick: () => this.close() }), h("div", { key: '3edcb63b1cfcc2d4a6a80c8e436e78ffc6b616fc', class: "modal-body" }, h("span", { key: 'dc1bbf2cdfc0ed81d4a2e03a172cdc9202abe812', class: "btn-close", onClick: () => this.close() }, "X"), h("h4", { key: '226f8c211309f416741258fa0b67a64fdd2ab3ba', class: "modal-title" }, h("slot", { key: '5fd2161e457c7b7057575d8037f29990b6be5f7b', name: "title" })), h("h5", { key: '99acaeb1602030fc4777edff2183cacf50893d77', class: "modal-subtitle" }, h("slot", { key: '5506be612154ecaceafdfc042642e6ae9a20c820', name: "sub-title" })), h("p", { key: 'ba008f858a1128780dd1c1541cd3cb633a59f75d', class: "modal-text" }, h("slot", { key: 'fe6b9654a0f2e68d06092fafd1f0e8d283492284', name: "text" })), h("slot", { key: 'f8a888f81b3e535b06607673a931014984d23c63' })))))));
     }
     static get is() { return "p-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal/stories/modal.preview.js

@@ -12,7 +12,7 @@ export class PModalPreview {
         (_a = this.el.querySelector('p-modal')) === null || _a === void 0 ? void 0 : _a.close();
     }
     render() {
-        return (h("div", { key: '55e7acb0fb709c1546e4b6258e917831dc078122' }, this.title === true ? (h("p-modal", null, h("span", { slot: "title" }, "Modal title"), h("span", { slot: "sub-title" }, "Modal sub title"), h("span", { slot: "text" }, "This is an example of modal which is implemented with pure CSS! :D"), h("p-button", { type: "warning", onClick: () => this.closeModal() }, "Close it !"))) : (h("p-modal", null, h("h1", null, "Ciao fratello"), h("p", null, "click on button, cross or outside modal to close it."), h("br", null), h("p-button", { type: "success", onClick: () => this.closeModal() }, "Close modal"))), h("p-button", { key: 'bc53471ee489901fe314d5440971f6029bcfd10b', type: this.title ? 'secondary' : 'primary', onClick: () => {
+        return (h("div", { key: '1443551adceb5558ad63e775099e0aecbf4cb19c' }, this.title === true ? (h("p-modal", null, h("span", { slot: "title" }, "Modal title"), h("span", { slot: "sub-title" }, "Modal sub title"), h("span", { slot: "text" }, "This is an example of modal which is implemented with pure CSS! :D"), h("p-button", { type: "warning", onClick: () => this.closeModal() }, "Close it !"))) : (h("p-modal", null, h("h1", null, "Ciao fratello"), h("p", null, "click on button, cross or outside modal to close it."), h("br", null), h("p-button", { type: "success", onClick: () => this.closeModal() }, "Close modal"))), h("p-button", { key: 'de203ae35e8b1669d5576b141e2ce53c0f20a671', type: this.title ? 'secondary' : 'primary', onClick: () => {
                 this.openModal();
             } }, "Open modal")));
     }

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

@@ -41,7 +41,7 @@ export class PNotification {
         this.close.emit(this.timestamp);
     }
     render() {
-        return (h(Host, { key: '770bdea27c73da0fa1e796cd1ba6bfa40421f333' }, h("div", { key: '720b8a9f84df940aff094a06a1d459293e072fcf', class: "papier" }, h("div", { key: '1e884e1e0e3155bd6efdc01b279978b00696b00e', class: this.getClassName() }, h("div", { key: 'ff9dd6e6aca90f8e37257c6c3bbf287a3dd901db', innerHTML: this.getIconName() }), h("div", { key: '47eae82003c049e27033cb68b09b1c009d4d2020', innerHTML: this.text }), this.canclose && (h("span", { key: '466b4a9293f9495efb8c5eaafaa34c8c69291ab6', onClick: () => {
+        return (h(Host, { key: 'ca862c36f4286b20d8c957311728b5b8b7572c14' }, h("div", { key: '739c685f45b963303481799168a73ef7fd239db4', class: "papier" }, h("div", { key: '98ded37d6cfc45fc70d5b1579d4ad2dff1db55ee', class: this.getClassName() }, h("div", { key: 'e78c92b7a8ed0d540ffa57bfb0e7dd61512f0725', innerHTML: this.getIconName() }), h("div", { key: '37430e196744a4b87db55c157e521ef34836d461', innerHTML: this.text }), this.canclose && (h("span", { key: '3c639b245f622723b1fd814ecc94d094faa052f1', onClick: () => {
                 this.onClose();
             }, innerHTML: feather.icons.x.toSvg() }))))));
     }

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

@@ -7,7 +7,7 @@ export class PNotification {
         }
     }
     render() {
-        return (h("div", { key: 'f91b39bf657b53b7541bae0fd67c154268fcd32e' }, h("p-notification-handler", { key: '28dee556aa50fa3fb9b23f194574cb3ee4a11c38' }), h("p-dropdown", { key: '51a6a668015f0c8028aed169a3438aeaf294b2a7', placeholder: "Choose notification type", onSelect: (e) => {
+        return (h("div", { key: 'a8249a75ec65b727c90914ce2e684b9bf3697945' }, h("p-notification-handler", { key: '664695f2c9fafdfc68bd092096c9ca6ddd0359f6' }), h("p-dropdown", { key: 'da5dc45e74d800b221f6833aabc19a40e0cca57b', placeholder: "Choose notification type", onSelect: (e) => {
                 this.notificationType = e.detail;
             } }, [
             'primary',
@@ -17,11 +17,11 @@ export class PNotification {
             'danger',
         ].map((value) => {
             return (h("p-dropdown-item", { key: value, value: value }, value));
-        })), h("div", { key: '6a3bad38217205aa55f2f00aa704e119f33b7826', style: { marginTop: '20px' } }, h("p-button", { key: '6f835b88824a47d1b683475e22dd2d306ec9b160', style: { marginRight: '20px' }, type: "primary", onClick: () => {
+        })), h("div", { key: '1d4cf0a74eecda4aa147541ceea1d8f99ece39b2', style: { marginTop: '20px' } }, h("p-button", { key: '348695d918d61dd858e6c660caa2a73e9e3ded79', style: { marginRight: '20px' }, type: "primary", onClick: () => {
                 this.addNotification({});
-            } }, "Add notification"), h("p-button", { key: 'b1223604689ff1fb087ce42e0eefcc0b4dc36752', type: "secondary", style: { marginRight: '20px' }, onClick: () => {
+            } }, "Add notification"), h("p-button", { key: '0e6cc40f30f61cf28013dfc697e183db27097499', type: "secondary", style: { marginRight: '20px' }, onClick: () => {
                 this.addNotification({ canclose: true });
-            } }, "Add closable notification"), h("p-button", { key: '91223a491636b94f13141c800e34e91110d4e994', type: "success", onClick: () => {
+            } }, "Add closable notification"), h("p-button", { key: '0648fbaeec551c170a5ea9680cb8770bec229a1b', type: "success", onClick: () => {
                 this.addNotification({ timeout: 2000 });
             } }, "Add timeout notification"))));
     }

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

@@ -6,7 +6,7 @@ export class PIcon {
         this.color = 'inherit';
     }
     render() {
-        return (h(Host, { key: '67f4df5c12e24edabfc34ee26572ba94ba915570' }, h("div", { key: 'eaf453e8d097c3f990db00778f7ddfec9777c086', innerHTML: icons[this.icon], style: { color: this.color, width: `${this.size}px` } })));
+        return (h(Host, { key: 'fa69294090ea17ca5c00c3b007afa1128326c3ad' }, h("div", { key: 'dd8dd3c2d05e5abfd223aafdcea34a9a4b7b5ce7', innerHTML: icons[this.icon], style: { color: this.color, width: `${this.size}px` } })));
     }
     static get is() { return "p-icon"; }
     static get encapsulation() { return "shadow"; }