@amiceli/papierjs 0.7.0 → 0.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"input-text.js","sourceRoot":"","sources":["../../../../src/components/form/input-text/input-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAO5E,MAAM,OAAO,SAAS;IALtB;QASI,UAAK,GAAY,EAAE,CAAA;QAEnB,aAAQ,GAAa,KAAK,CAAA;QAE1B,SAAI,GAAa,KAAK,CAAA;QAItB,aAAQ,GAAa,KAAK,CAAA;QAE1B,UAAK,GAAa,KAAK,CAAA;QAEvB,aAAQ,GAAa,KAAK,CAAA;KA6C7B;IAxCU,cAAc;QACjB,IAAI,QAAQ,GAAG,mBAAmB,CAAA;QAElC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,GAAG,GAAG,QAAQ,YAAY,CAAA;QACtC,CAAC;QACD,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,QAAQ,GAAG,GAAG,QAAQ,aAAa,CAAA;QACvC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,QAAQ,CAAC,CAAQ;QACpB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAA;IAC/D,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC5B,IAAI,CAAC,KAAK,IAAI,CACX,8DAAO,OAAO,EAAC,cAAc;gBACxB,IAAI,CAAC,KAAK;gBACV,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACrB,CACX;YACD,8DACI,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,EAAE,EAAC,cAAc,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GACnC,CACA,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-input-text',\n    styleUrl: 'input-text.scss',\n    shadow: true,\n})\nexport class InputText {\n    @Prop()\n    placeholder?: string\n    @Prop()\n    value?: string = ''\n    @Prop()\n    required?: boolean = false\n    @Prop()\n    dark?: boolean = false\n    @Prop()\n    label?: string\n    @Prop()\n    disabled?: boolean = false\n    @Prop()\n    block?: boolean = false\n    @Prop()\n    hasError?: boolean = false\n\n    @Event({ eventName: 'change' })\n    public changeEvent: EventEmitter<string>\n\n    public getParentClass() {\n        let cssClass = 'papier form-group'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n        if (this.block) {\n            cssClass = `${cssClass} is--block`\n        }\n        if (this.hasError) {\n            cssClass = `${cssClass} has--error`\n        }\n\n        return cssClass\n    }\n\n    public onChange(e: Event) {\n        this.changeEvent.emit((e.target as HTMLInputElement).value)\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                {this.label && (\n                    <label htmlFor=\"paperInputs1\">\n                        {this.label}\n                        {this.required ? '*' : ''}\n                    </label>\n                )}\n                <input\n                    type=\"text\"\n                    placeholder={this.placeholder}\n                    id=\"paperInputs1\"\n                    disabled={this.disabled}\n                    value={this.value}\n                    onChange={(e) => this.onChange(e)}\n                />\n            </div>\n        )\n    }\n}\n"]}
+{"version":3,"file":"input-text.js","sourceRoot":"","sources":["../../../../src/components/form/input-text/input-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAO5E,MAAM,OAAO,SAAS;IALtB;QAUI,UAAK,GAAY,EAAE,CAAA;QAGnB,aAAQ,GAAa,KAAK,CAAA;QAG1B,SAAI,GAAa,KAAK,CAAA;QAMtB,aAAQ,GAAa,KAAK,CAAA;QAG1B,UAAK,GAAa,KAAK,CAAA;KA6D1B;IAlDU,cAAc;QACjB,IAAI,QAAQ,GAAG,mBAAmB,CAAA;QAElC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,GAAG,GAAG,QAAQ,YAAY,CAAA;QACtC,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,GAAG,GAAG,QAAQ,aAAa,CAAA;QACvC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,OAAO,CAAC,EAAS;QACpB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,MAAM,IAAK,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAA;QAE/D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACpC,CAAC;IAEM,QAAQ;QACX,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACrC,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC5B,IAAI,CAAC,KAAK,IAAI,CACX,8DAAO,OAAO,EAAC,cAAc;gBACxB,IAAI,CAAC,KAAK;gBACV,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACrB,CACX;YACD,8DACI,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,EAAE,EAAC,cAAc,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACX,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;gBACnB,CAAC,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,GACjC;YACD,IAAI,CAAC,KAAK,IAAI,0DAAG,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,CAAK,CACpD,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-input-text',\n    styleUrl: 'input-text.scss',\n    shadow: true,\n})\nexport class InputText {\n    @Prop()\n    placeholder?: string\n\n    @Prop({ mutable: true })\n    value?: string = ''\n\n    @Prop()\n    required?: boolean = false\n\n    @Prop()\n    dark?: boolean = false\n\n    @Prop()\n    label?: string\n\n    @Prop()\n    disabled?: boolean = false\n\n    @Prop()\n    block?: boolean = false\n\n    @Prop()\n    error?: string\n\n    @Event({ eventName: 'change' })\n    public changeEvent: EventEmitter<string>\n\n    @Event({ eventName: 'input' })\n    public inputEvent: EventEmitter<string>\n\n    public getParentClass() {\n        let cssClass = 'papier form-group'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n        if (this.block) {\n            cssClass = `${cssClass} is--block`\n        }\n        if (this.error) {\n            cssClass = `${cssClass} has--error`\n        }\n\n        return cssClass\n    }\n\n    public onInput(ev: Event) {\n        this.value = ev.target && (ev.target as HTMLInputElement).value\n\n        this.inputEvent.emit(this.value)\n    }\n\n    public onChange() {\n        this.changeEvent.emit(this.value)\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                {this.label && (\n                    <label htmlFor=\"paperInputs1\">\n                        {this.label}\n                        {this.required ? '*' : ''}\n                    </label>\n                )}\n                <input\n                    type=\"text\"\n                    placeholder={this.placeholder}\n                    id=\"paperInputs1\"\n                    disabled={this.disabled}\n                    onInput={(e) => {\n                        this.onInput(e)\n                    }}\n                    value={this.value}\n                    onChange={() => this.onChange()}\n                />\n                {this.error && <p class=\"text-danger\">{this.error}</p>}\n            </div>\n        )\n    }\n}\n"]}

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: 'd781d4bbf5506a5ca6c032e47a19f85e7410834e' }, h("div", { key: 'ea47478f383250c94cb89c76850736315c61c916', class: {
+        return (h(Host, { key: '8d902052bbc89b3d74c306cd2fa5eeb54ac38757' }, h("div", { key: 'ab80fa0a236ff9baa8ecfee9bf658951c42e8e6f', class: {
                 papier: true,
                 'is--block': this.block,
                 'is--dark': this.dark,
-            } }, 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) => {
+            } }, 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) => {
                 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: 'dc34b7bcd066f56069cff699bbd6f772c321fda4' }, h("div", { key: '60dad8de3b96b83993397b9e3f461e8927404a5e', class: {
+        return (h(Host, { key: '8fd7f8e681c3e0768a0999510f231ca4d521acff' }, h("div", { key: 'd71e1af2cd6c8e71c0b4d3755bcb4f35ce9df353', class: {
                 papier: true,
                 'is--dark': this.dark,
-            } }, h("div", { key: '50b4d74c78067fc022637aa3cd89358b007a5931', class: "form-group" }, h("label", { key: 'acda7120df26268b1f2a1ee37074a88a6726f240', class: {
+            } }, h("div", { key: '18f49f02f40b636693547a95eeff6938a709be0c', class: "form-group" }, h("label", { key: '79f4805766e530d5cc39c98f6dbd5f9412b7c613', class: {
                 'paper-switch': !this.square,
                 'paper-switch-2': this.square,
-            } }, h("input", { key: '7f1d80e40ab826c476d0e69427bd0343ceed85ee', id: "paperSwitch4", name: "paperSwitch4", type: "checkbox", checked: this.checked, onInput: (e) => this.onInput(e) }), h("span", { key: 'c1d59ba857f9a4f8246707ad43909f7b266b2cda', class: {
+            } }, h("input", { key: 'be721049a47d6dc680155108c04ac1f70fa6d52c', id: "paperSwitch4", name: "paperSwitch4", type: "checkbox", checked: this.checked, onInput: (e) => this.onInput(e) }), h("span", { key: '2e5903946a31b452fe4eeac232d4107c62660d2d', 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: 'c45d3f233e411919b3b7b761875eee407a30ded8' }, h("div", { key: 'ef04d121a7bb316910bb5eba320636e469b15296', class: {
+        return (h(Host, { key: '9d9062a1f24319bb57c20c6b2674e92ed2815e62' }, h("div", { key: '1890096efba4995c6c6257c387f2ce50b69c1063', class: {
                 papier: true,
                 'is--dark': this.dark,
-            } }, 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" }))))))));
+            } }, 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" }))))))));
     }
     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: '907cf99eea83d38912f22d7cdc20e131e961c215', class: this.getParentClass() }, h("slot", { key: '6023549f324165e8db91eba3560f91b514a8d2f5' })));
+        return (h("div", { key: 'be45db92e133312609842ac835ad2402851f152b', class: this.getParentClass() }, h("slot", { key: '3ed985d0963e4e7b1c287142f3fc3464b9f1cd99' })));
     }
     static get is() { return "p-leaf"; }
     static get originalStyleUrls() {

package/dist/collection/components/modal/modal.css

@@ -3212,6 +3212,9 @@
   --shadow-color-hover: rgba(0, 0, 0, 0.3);
   --primary-inverse: #fff;
 }
+:host .papier {
+  position: absolute;
+}
 :host .modal {
   opacity: 1 !important;
   visibility: visible !important;

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

@@ -11,7 +11,7 @@ export class PModal {
         this.closeEvent.emit(null);
     }
     render() {
-        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' })))))));
+        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' })))))));
     }
     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: '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: () => {
+        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: () => {
                 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: '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: () => {
+        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: () => {
                 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: 'a8249a75ec65b727c90914ce2e684b9bf3697945' }, h("p-notification-handler", { key: '664695f2c9fafdfc68bd092096c9ca6ddd0359f6' }), h("p-dropdown", { key: 'da5dc45e74d800b221f6833aabc19a40e0cca57b', placeholder: "Choose notification type", onSelect: (e) => {
+        return (h("div", { key: 'f91b39bf657b53b7541bae0fd67c154268fcd32e' }, h("p-notification-handler", { key: '28dee556aa50fa3fb9b23f194574cb3ee4a11c38' }), h("p-dropdown", { key: '51a6a668015f0c8028aed169a3438aeaf294b2a7', 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: '1d4cf0a74eecda4aa147541ceea1d8f99ece39b2', style: { marginTop: '20px' } }, h("p-button", { key: '348695d918d61dd858e6c660caa2a73e9e3ded79', style: { marginRight: '20px' }, type: "primary", onClick: () => {
+        })), h("div", { key: '6a3bad38217205aa55f2f00aa704e119f33b7826', style: { marginTop: '20px' } }, h("p-button", { key: '6f835b88824a47d1b683475e22dd2d306ec9b160', style: { marginRight: '20px' }, type: "primary", onClick: () => {
                 this.addNotification({});
-            } }, "Add notification"), h("p-button", { key: '0e6cc40f30f61cf28013dfc697e183db27097499', type: "secondary", style: { marginRight: '20px' }, onClick: () => {
+            } }, "Add notification"), h("p-button", { key: 'b1223604689ff1fb087ce42e0eefcc0b4dc36752', type: "secondary", style: { marginRight: '20px' }, onClick: () => {
                 this.addNotification({ canclose: true });
-            } }, "Add closable notification"), h("p-button", { key: '0648fbaeec551c170a5ea9680cb8770bec229a1b', type: "success", onClick: () => {
+            } }, "Add closable notification"), h("p-button", { key: '91223a491636b94f13141c800e34e91110d4e994', type: "success", onClick: () => {
                 this.addNotification({ timeout: 2000 });
             } }, "Add timeout notification"))));
     }