@amiceli/papierjs 0.6.0 → 0.7.0

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: '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"))));
+        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"))));
     }
     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: 'ebeadf0541037fe8ac3968b97135b54d8d2ffff3', class: this.getParentClass(), onClick: () => this.sendClick() }, h("div", { key: 'f9dc47abca23a7ff49024dc97636dcae2064849f', class: {
+        return (h("div", { key: 'a140fa5e96379d94c3193405a35c2e5e814a1dad', class: this.getParentClass(), onClick: () => this.sendClick() }, h("div", { key: '92098283fd6d143901d82750a652f81d3b94d522', class: {
                 'background-success': this.selected,
                 'border border-primary': true,
-            } }, h("slot", { key: 'eaaa781bf0d311891c32d5884fc12dafab40f2be' }))));
+            } }, h("slot", { key: 'c68ee3b98574c31dcc9d9fbd6fa133cf9961d439' }))));
     }
     static get is() { return "p-dropdown-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -25,7 +25,7 @@ export class InputText {
         this.changeEvent.emit(e.target.value);
     }
     render() {
-        return (h("div", { key: 'ae4ed1fa9ff2ca7cdfc71356d3fded00971cec78', class: this.getParentClass() }, this.label && (h("label", { key: '74894b07e5734e0ce3c4d3315d299b329602e061', htmlFor: "paperInputs1" }, this.label, this.required ? '*' : '')), h("input", { key: 'a16e8eb7604842688984e2f3f6f80a3052069560', type: "text", placeholder: this.placeholder, id: "paperInputs1", disabled: this.disabled, value: this.value, onChange: (e) => this.onChange(e) })));
+        return (h("div", { key: '3cceeb1effdf25ee184beb615411174ee293cfd4', class: this.getParentClass() }, this.label && (h("label", { key: 'dba98eefd19e872f2bca1be1e71673ca9992a066', htmlFor: "paperInputs1" }, this.label, this.required ? '*' : '')), h("input", { key: '204e3a446f45c569f7fd934d3da67f9518dd6f8b', type: "text", placeholder: this.placeholder, id: "paperInputs1", disabled: this.disabled, value: this.value, onChange: (e) => this.onChange(e) })));
     }
     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: '53a474f15345a79aa1835998caece0f07e47725e' }, h("div", { key: 'd75f9483b2593d686b92a30fdbfc652360c1996d', class: {
+        return (h(Host, { key: 'd781d4bbf5506a5ca6c032e47a19f85e7410834e' }, h("div", { key: 'ea47478f383250c94cb89c76850736315c61c916', class: {
                 papier: true,
                 'is--block': this.block,
                 'is--dark': this.dark,
-            } }, h("div", { key: '5d7fe2af8458cfd0ae3831d32e85e62bb602f220', class: "form-group" }, h("input", { key: 'bf1230a190b68df8fe776129f82263c284ef6785', 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: '5e934e029d1701ce1f128a61b0cbff9bca05737f' }, h("div", { key: 'f6fadf8f01d3a7b6410fd6658452bc941bf93502', class: {
+        return (h(Host, { key: 'dc34b7bcd066f56069cff699bbd6f772c321fda4' }, h("div", { key: '60dad8de3b96b83993397b9e3f461e8927404a5e', class: {
                 papier: true,
                 'is--dark': this.dark,
-            } }, h("div", { key: 'd22ced45ef921d7c83fbbcc5338e9e773cb3b86e', class: "form-group" }, h("label", { key: '07d5d86432db997ba0ddfd92090136c4f638c7d6', 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: '25580312a2fabb02d77464ebda4425cc1a9f55dc', id: "paperSwitch4", name: "paperSwitch4", type: "checkbox", checked: this.checked, onInput: (e) => this.onInput(e) }), h("span", { key: 'caef2131bf0ea9c503fde6c12641f2aee48d8538', 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: 'efeab455155276ced3a0b89ae43b1d7ec4c1d783' }, h("div", { key: '38b83270a3ee06468d8272dc1aa773a6fe853b9a', class: {
+        return (h(Host, { key: 'c45d3f233e411919b3b7b761875eee407a30ded8' }, h("div", { key: 'ef04d121a7bb316910bb5eba320636e469b15296', class: {
                 papier: true,
                 'is--dark': this.dark,
-            } }, h("div", { key: 'a06f4d0185834327907f9c2ab8778f6515ca6f26', class: "form-group" }, h("label", { key: 'f11e9ade12c46a664e50bc8aa8e43704cc95c665', htmlFor: "paperSwitch1", class: "paper-switch-tile" }, h("input", { key: '1184431568f45615294474ed3b7a5df52a6fa444', id: "paperSwitch1", name: "paperSwitch1", type: "checkbox", checked: this.checked }), h("div", { key: '71af531e81e4f314eec261201d435e0e4b78ab3e', class: "paper-switch-tile-card border" }, h("div", { key: '26b4ef7394b67f69d06f55a4cbae5da6479da43c', class: this.getFrontCardClass() }, h("slot", { key: '5e40ec51a5ba802e2f89ae6572e831c98865c785', name: "unchecked-text" })), h("div", { key: '13a777f47a6a84a908da341851c2d0a963f88099', class: this.getBackCardClass() }, h("slot", { key: 'dda24c30da6b84199d31edc1d61bc7e686209a2e', 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: '5cdad006f9e9b71c13cc237b32338bd0bcec9ad8', class: this.getParentClass() }, h("slot", { key: 'c1b30acfc9c85b94968a562fa28d1d564b6002cf' })));
+        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: '44e773a86ff62b4ebb3ebe422a7751ed8215f82b' }, this.isOpen && (h("div", { key: 'aba90002aba4f7cccbf35c4e611210d5c3ffd99b', class: "papier" }, h("div", { key: '280e660c62d4ec602fadf9545df1e660a8f42a15', class: "modal" }, h("div", { key: 'ac9fdbe7758e917d4be7b32748191a22b165a6bb', class: "modal-bg", onClick: () => this.close() }), h("div", { key: 'ac26db09c549eaf3c796a1fc00e2b4b536eea058', class: "modal-body" }, h("span", { key: '7f9ff9988bffc704b26483de912f76b19850333c', class: "btn-close", onClick: () => this.close() }, "X"), h("h4", { key: '28132657367594a7e3e916c0c900d5a2638aec5f', class: "modal-title" }, h("slot", { key: '05707cbb940c3beb6491457725218fd9c66bd6fb', name: "title" })), h("h5", { key: 'cf4b58f3e8723a9e26023b4a621310bf6306782b', class: "modal-subtitle" }, h("slot", { key: 'c21b9cdca220c1054cabff883e638fba4a5642d4', name: "sub-title" })), h("p", { key: '55ac957b152036846e20cc863377f63a4c74e587', class: "modal-text" }, h("slot", { key: '2faaa7e890a68168d9145d26fd2b0857a0e0a5b8', name: "text" })), h("slot", { key: '634bf74ca3d435f728e9e91de770c6702917aaea' })))))));
+        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: '694fe55c10b6c699b9e21dc53dd65b61200edd68' }, 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: '315992d18328e1813f1d7e66a684a69fe99f830b', 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")));
     }