@amiceli/papierjs 0.11.0 → 0.12.0

package/dist/cjs/p-input-text.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-input-text.entry.cjs.js","sources":["src/components/form/p-input-text/input-text.scss?tag=p-input-text&encapsulation=shadow","src/components/form/p-input-text/input-text.tsx"],"sourcesContent":[":host {\n    @import \"../../common\";\n\n    @include useBlock();\n\n    label {\n        color : var(--primary);\n    }\n\n    input + p {\n        margin-top: 0;\n    }\n\n    .is--block {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n\n        input {\n            display: block;\n            width: 100%;\n            box-sizing: border-box;\n        }\n    }\n\n    .papier {\n        &.is--dark {\n\n            &.has--error {\n                label {\n                    color : var(--danger-light);\n                }\n                input {\n                    border-color : var(--danger-light);\n                }\n            }\n        }\n        &:not(.is--dark) {\n            &.has--error {\n                label {\n                    color : var(--danger-text);\n                }\n                input {\n                    border-color : var(--danger-text);\n                }\n            }\n        }\n    }\n}","import { Component, Event, type EventEmitter, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-input-text',\n    styleUrl: 'input-text.scss',\n    shadow: true,\n})\nexport class PInputText {\n    @Prop()\n    placeholder?: string\n\n    @Prop({\n        mutable: true,\n    })\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({\n        eventName: 'change',\n    })\n    public changeEvent: EventEmitter<string>\n\n    @Event({\n        eventName: 'input',\n    })\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"],"names":["h"],"mappings":";;;;AAAA,MAAM,YAAY,GAAG,mqrFAAmqrF;;MCO3qrF,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAYI,QAAA,IAAK,CAAA,KAAA,GAAY,EAAE;AAGnB,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAG1B,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAMtB,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAG1B,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAiE1B;IAlDU,cAAc,GAAA;QACjB,IAAI,QAAQ,GAAG,mBAAmB;AAElC,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,SAAA,CAAW;;AAErC,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,UAAA,CAAY;;AAEtC,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,WAAA,CAAa;;AAGvC,QAAA,OAAO,QAAQ;;AAGZ,IAAA,OAAO,CAAC,EAAS,EAAA;AACpB,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,MAAM,IAAK,EAAE,CAAC,MAA2B,CAAC,KAAK;QAE/D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG7B,QAAQ,GAAA;QACX,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGrC,MAAM,GAAA;AACF,QAAA,QACIA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC5B,IAAI,CAAC,KAAK,KACPA,OAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,cAAc,EAAA,EACxB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,EAAE,CACrB,CACX,EACDA,OACI,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,EAAE,EAAC,cAAc,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,CAAC,KAAI;AACX,gBAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AACnB,aAAC,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EACjC,CAAA,EACD,IAAI,CAAC,KAAK,IAAIA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,aAAa,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CACpD;;;;;;;"}
+{"version":3,"file":"p-input-text.entry.cjs.js","sources":["src/components/form/p-input-text/input-text.scss?tag=p-input-text&encapsulation=shadow","src/components/form/p-input-text/input-text.tsx"],"sourcesContent":[":host {\n    @import \"../../common\";\n\n    @include useBlock();\n\n    label {\n        color : var(--primary);\n    }\n\n    .with--icon input {\n        padding-left : 50px;\n    }\n\n    .for--input {\n        position: relative;\n        width : max-content;\n\n        p-icon {\n            position : absolute;\n            left : 10px;\n            top : 5px;\n        }\n    }\n\n    input + p {\n        margin-top: 0;\n    }\n\n    .is--block {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n\n        input {\n            display: block;\n            width: 100%;\n            box-sizing: border-box;\n        }\n    }\n\n    .papier {\n        &.is--dark {\n\n            &.has--error {\n                label {\n                    color : var(--danger-light);\n                }\n                input {\n                    border-color : var(--danger-light);\n                }\n            }\n        }\n        &:not(.is--dark) {\n            &.has--error {\n                label {\n                    color : var(--danger-text);\n                }\n                input {\n                    border-color : var(--danger-text);\n                }\n            }\n        }\n    }\n}\n","import { Component, Event, type EventEmitter, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-input-text',\n    styleUrl: 'input-text.scss',\n    shadow: true,\n})\nexport class PInputText {\n    @Prop()\n    placeholder?: string\n\n    @Prop()\n    icon?: string\n\n    @Prop({\n        mutable: true,\n    })\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({\n        eventName: 'change',\n    })\n    public changeEvent: EventEmitter<string>\n\n    @Event({\n        eventName: 'input',\n    })\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.icon) {\n            cssClass = `${cssClass} with--icon`\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                <div class=\"for--input\">\n                    {this.icon && <p-icon icon={this.icon} size={30} color=\"inherit\"></p-icon>}\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                </div>\n                {this.error && <p class=\"text-danger\">{this.error}</p>}\n            </div>\n        )\n    }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,YAAY,GAAG,g3rFAAg3rF;;MCOx3rF,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAeI,QAAA,IAAK,CAAA,KAAA,GAAY,EAAE;AAGnB,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAG1B,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAMtB,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAG1B,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAuE1B;IAxDU,cAAc,GAAA;QACjB,IAAI,QAAQ,GAAG,mBAAmB;AAElC,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,SAAA,CAAW;;AAErC,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,WAAA,CAAa;;AAEvC,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,UAAA,CAAY;;AAEtC,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,WAAA,CAAa;;AAGvC,QAAA,OAAO,QAAQ;;AAGZ,IAAA,OAAO,CAAC,EAAS,EAAA;AACpB,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,MAAM,IAAK,EAAE,CAAC,MAA2B,CAAC,KAAK;QAE/D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG7B,QAAQ,GAAA;QACX,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGrC,MAAM,GAAA;AACF,QAAA,QACIA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC5B,IAAI,CAAC,KAAK,KACPA,OAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,cAAc,EAAA,EACxB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,EAAE,CACrB,CACX,EACDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EAClB,IAAI,CAAC,IAAI,IAAIA,OAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,EAAU,CAAA,EAC1EA,OACI,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,EAAE,EAAC,cAAc,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,CAAC,KAAI;AACX,gBAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;aAClB,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,GACjC,CACA,EACL,IAAI,CAAC,KAAK,IAAIA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,aAAa,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CACpD;;;;;;;"}

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

@@ -13,7 +13,7 @@ const Pleaf = class {
         return this.dark ? 'papier is--dark' : 'papier';
     }
     render() {
-        return (index.h("div", { key: '78d8031f25f3cebffa87ee9f40f3888027648a3c', class: this.getParentClass() }, index.h("slot", { key: 'c50dd2d66f5972ca47d1a947203dc6f161854eb9' })));
+        return (index.h("div", { key: 'f9e72b2e1b5192a07578a53a0f47caa3cea1519b', class: this.getParentClass() }, index.h("slot", { key: '36b5b3cc564ca4fcd141945e287574d76d929ff9' })));
     }
 };
 Pleaf.style = pLeafCss;

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

@@ -18,7 +18,7 @@ const PModal = class {
         this.closeEvent.emit(null);
     }
     render() {
-        return (index.h(index.Host, { key: '76c74a60b6684535c8cb7732a8a2473529e1cd5a' }, this.isOpen && (index.h("div", { key: '3ae8ec4d90a69c89280b6e3b0b48bcbf5df6e47f', class: "papier" }, index.h("div", { key: 'b0ae727c2493a98cff184c6c10696b847a9a009a', class: "modal" }, index.h("div", { key: '6414df9675e6a08a5249bf86ea9ec13256e7f6a8', class: "modal-bg", onClick: () => this.close() }), index.h("div", { key: '69e7136f0345356a764f0b454ba645359cdc469d', class: "modal-body" }, index.h("span", { key: '0ca44bad91f3c6696a09e6f711cfcaf2042f56d0', class: "btn-close", onClick: () => this.close() }, "X"), index.h("h4", { key: '97a939f46a724a9793c51c222894196f6c08838a', class: "modal-title" }, index.h("slot", { key: 'accb43da03e035e0498a2d74be562299bb828f0c', name: "title" })), index.h("h5", { key: '90f1eb1dec80286a71fa5bbbb0b2482ffa106065', class: "modal-subtitle" }, index.h("slot", { key: '84930f0606e8671a47837b2e562445fe1bcdbee9', name: "sub-title" })), index.h("p", { key: '0b921288c6c3d881549d1f2aa2f4fd0c362fa76b', class: "modal-text" }, index.h("slot", { key: 'b809864edf3d4520e68c9c80a0226b5ce6478d3e', name: "text" })), index.h("slot", { key: '00ee563a81f1a460ed80984e06a42f9c54eca800' })))))));
+        return (index.h(index.Host, { key: 'd147533d5fbe38e14a341e2da41809010076b304' }, this.isOpen && (index.h("div", { key: 'ce75a5719eaa3fc69e33decd020d246c1d178762', class: "papier" }, index.h("div", { key: 'dd6678bd096d2047a8e3572079001995c7b28e10', class: "modal" }, index.h("div", { key: '49941f09ad1339353fcc69ddbb05f4c9804511dc', class: "modal-bg", onClick: () => this.close() }), index.h("div", { key: '49f52249ceeb51610276e559e7eb29439f5ed574', class: "modal-body" }, index.h("span", { key: '8ab2f0d98493ba9e99fd3356399a297069a6c044', class: "btn-close", onClick: () => this.close() }, "X"), index.h("h4", { key: 'c550e2a4f1a40bda272eaca243b4afd9a15429b1', class: "modal-title" }, index.h("slot", { key: '2b79b85c1c5896948476a886a05e9a64c81921f9', name: "title" })), index.h("h5", { key: '21999812830b141b3d7501202328caffb2703937', class: "modal-subtitle" }, index.h("slot", { key: '5d53f30cb2679274393349c85c039f9fdaf9ed79', name: "sub-title" })), index.h("p", { key: '90d80ed45c92a1d9dd44cbb1d2e9cd0ba9dcf09e', class: "modal-text" }, index.h("slot", { key: 'c2390641cc79d2f94f413cd6a071e3c05c91b29a', name: "text" })), index.h("slot", { key: '4d4bdaf5ff2ea232799edfbe102ca8340223d1af' })))))));
     }
 };
 PModal.style = pModalCss;

package/dist/cjs/p-notification-preview.cjs.entry.js

@@ -13,7 +13,7 @@ const PNotificationPreview = class {
         }
     }
     render() {
-        return (index.h("div", { key: '6d4f56c69797ebb8a0e9d7bc0f9d9dd2eca0452b' }, index.h("p-notification-handler", { key: '470a29e2eec9839087c6ffbfc137a687d73d638c' }), index.h("p-dropdown", { key: 'f4cb4f24b5780dbe5bc92f38566f4f600cf8777f', placeholder: "Choose notification type", onSelect: (e) => {
+        return (index.h("div", { key: '00c5d264d96f0174f3a30fb1dce1ee2164ced09d' }, index.h("p-notification-handler", { key: '5b09b26ab5e50e918f3ebde3bad0a90c43305f1c' }), index.h("p-dropdown", { key: '41304a8740cd7d24fe7089760a57b75d090ebfc9', placeholder: "Choose notification type", onSelect: (e) => {
                 this.notificationType = e.detail;
             } }, [
             'primary',
@@ -23,19 +23,19 @@ const PNotificationPreview = class {
             'danger',
         ].map((value) => {
             return (index.h("p-dropdown-item", { key: value, value: value }, value));
-        })), index.h("div", { key: 'd315bbc2cec0898641ffa45f026736bf253fa0ac', style: {
+        })), index.h("div", { key: '48f2817adc574727f607539ec21b4d3690919f37', style: {
                 marginTop: '20px',
-            } }, index.h("p-button", { key: 'ee80d787d147d909d2c2ea42aa0001dfce178519', style: {
+            } }, index.h("p-button", { key: 'f59a2d18ec02c2170f387188c4e7be6836837528', style: {
                 marginRight: '20px',
             }, type: "primary", onClick: () => {
                 this.addNotification({});
-            } }, "Add notification"), index.h("p-button", { key: '8c93823fac08637aff598c97da5f3cbbd94458a5', type: "secondary", style: {
+            } }, "Add notification"), index.h("p-button", { key: '149ec8a96a3249dd7d3ec228823b7408220054e7', type: "secondary", style: {
                 marginRight: '20px',
             }, onClick: () => {
                 this.addNotification({
                     canclose: true,
                 });
-            } }, "Add closable notification"), index.h("p-button", { key: 'c7868745f9cb07055ec872c62257f464d5ff6aca', type: "success", onClick: () => {
+            } }, "Add closable notification"), index.h("p-button", { key: '5a9191906a4fbd799b5657a2e609849ccae53b65', type: "success", onClick: () => {
                 this.addNotification({
                     timeout: 2000,
                 });

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

@@ -48,7 +48,7 @@ const PNotification = class {
         this.close.emit(this.timestamp);
     }
     render() {
-        return (index.h(index.Host, { key: 'a3a2425f36e58060de56dbe7a8db4c4bddc00c35' }, index.h("div", { key: '97dd464c746c42730addb3bc4df2744c4d3e2979', class: "papier" }, index.h("div", { key: '768b037b54a1d9e382aa2095dff35396d07fb581', class: this.getClassName() }, index.h("div", { key: '20193bfdc8b66ad7e880fee6510dc5fa7778b948', innerHTML: this.getIconName() }), index.h("div", { key: 'a67678cc6256900c078228572e3f6847feaf9b53', innerHTML: this.text }), this.canclose && (index.h("span", { key: '7376f55ee0baaf4ea67f3cbd7ff97460876271e1', onClick: () => {
+        return (index.h(index.Host, { key: 'a0d5f92b31a5c63fd928724bb89b13e42fba7bd0' }, index.h("div", { key: 'b61d0c5c6ef4d91406b491bce11818a044df2299', class: "papier" }, index.h("div", { key: 'eb457f0cd717c32b84ad5b48c4b0eca781231fd5', class: this.getClassName() }, index.h("div", { key: 'e9aa7784d0eed423620aa23bdf163e96c4d8ce70', innerHTML: this.getIconName() }), index.h("div", { key: 'a9f2f5786ceaf8f0c2957c94ca8d95d9151d5b42', innerHTML: this.text }), this.canclose && (index.h("span", { key: 'da499076ef6ead9c709f08755d66e5b7a3513655', onClick: () => {
                 this.onClose();
             }, innerHTML: feather.feather.icons.x.toSvg() }))))));
     }

package/dist/cjs/p-progress-bar.cjs.entry.js

@@ -52,7 +52,7 @@ const PProgressBar = class {
         return cssClass;
     }
     render() {
-        return (index.h("div", { key: '2d1e526785ad17645a3eff098060f044e58e128d', class: this.getParentClass() }, index.h("div", { key: '438abe903ef869b47c796ebf22fbbb6cdec0d66a', class: "progress" }, index.h("div", { key: 'fee6f22882b98198d2908bb8799d504325288f3d', class: this.getClass() }, index.h("slot", { key: '7a334bc433c661ba6b94296f901669f4a9b6f1a9' })))));
+        return (index.h("div", { key: 'de30c85157323fede6e5ea439dc6e7af05df5023', class: this.getParentClass() }, index.h("div", { key: 'e318a69f15784eb628dba056584474ebdb4ff312', class: "progress" }, index.h("div", { key: '67a6146e8b1b8f6ff4743ccf254feaf40d7bbf36', class: this.getClass() }, index.h("slot", { key: '1729bce61cd65f7ad7e0ebcb5d0a1b4edb103846' })))));
     }
 };
 PProgressBar.style = pProgressBarCss;

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

@@ -17,11 +17,11 @@ const PSlider = class {
         this.changeEvent.emit(Number.parseInt(e.target.value));
     }
     render() {
-        return (index.h(index.Host, { key: '11f5fe88d1551a96be2ee6b03c85e8f8739b82f7' }, index.h("div", { key: 'd78a0117ce62a65d4a1051cfec6938d4151e015e', class: {
+        return (index.h(index.Host, { key: '7ed16696a4bc89d920f0b99c7176ae88794a54a8' }, index.h("div", { key: 'c850a65a7c265a6b4c472b4d2a47fedc3f757858', class: {
                 papier: true,
                 'is--block': this.block,
                 'is--dark': this.dark,
-            } }, index.h("div", { key: '1a63d2ba06552ae4400e7263c95a409019f48184', class: "form-group" }, index.h("input", { key: 'e3451314d10d7577da0383d4ecbc2e225aef2172', class: "input-block", type: "range", min: this.min, max: this.max, value: this.value, onInput: (e) => {
+            } }, index.h("div", { key: '73140651cbf8a3cc409295b504a974e3cab30117', class: "form-group" }, index.h("input", { key: '3c033545596456d23794233e099baa038bceccbd', class: "input-block", type: "range", min: this.min, max: this.max, value: this.value, onInput: (e) => {
                 this.onInput(e);
             } })))));
     }

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

@@ -15,12 +15,12 @@ const PSpinner = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'ef6a1d60cbc11cf8ef7db09fdc093bbe5ab04d7b' }, index.h("div", { key: '3823d885a1699991627089fd2730de8a3bc28c69', class: {
+        return (index.h(index.Host, { key: 'f3bbab7ece35c6b756f90d07e5fbda1593c5f38f' }, index.h("div", { key: '3a3747c4c68f1727ec4df8e0c66b487a518dc1d9', class: {
                 'p-spinner': true,
                 papier: true,
                 'is--large': this.large,
                 'is--dark': this.dark,
-            } }, index.h("div", { key: '3b1de6b53edd0c1116123ef619ebb8721206c7ed', class: "border border-primary", style: this.getStyle() }), index.h("div", { key: '6429b24f1c4e25f245a737b527f9f0498b7bdd00', class: "border border-primary", style: this.getStyle() }), index.h("div", { key: '9e7f2d3fcede8f2e0e7679b0f0890047b726aadf', class: "border border-primary", style: this.getStyle() }))));
+            } }, index.h("div", { key: '6f9f7defd6133e17cccf962b097c24abdd50b785', class: "border border-primary", style: this.getStyle() }), index.h("div", { key: 'be6df3ee8cf9ebb9c9ae27928eea477cf5167761', class: "border border-primary", style: this.getStyle() }), index.h("div", { key: 'd539e63c209e600707f15d2940d2077a13038c13', class: "border border-primary", style: this.getStyle() }))));
     }
 };
 PSpinner.style = pSpinnerCss;

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

@@ -33,10 +33,10 @@ const PSwitchTile = class {
         return cssClass;
     }
     render() {
-        return (index.h(index.Host, { key: '470e9a4e78033875ebc2737eea116f3060e72969' }, index.h("div", { key: 'f792f4674db728833e654c44171b4a6a18cc2566', class: {
+        return (index.h(index.Host, { key: 'c7a340243d239d030f8624f13732d37b7a803020' }, index.h("div", { key: '3908f209998d81480a9792fbc4a9889ca5e8f14c', class: {
                 papier: true,
                 'is--dark': this.dark,
-            } }, index.h("div", { key: '49e357c761a78a84f9e5b8a7fe68a2ed9f0f8904', class: "form-group" }, index.h("label", { key: 'd794cf87c991310b427c78b4ae4870606c440551', htmlFor: "paperSwitch1", class: "paper-switch-tile" }, index.h("input", { key: 'a1d889411704d9c36f8ec6a02ba1f91c125f797f', id: "paperSwitch1", name: "paperSwitch1", type: "checkbox", checked: this.checked }), index.h("div", { key: 'c83e920493c607f643a99afcdb08523d599db2d9', class: "paper-switch-tile-card border" }, index.h("div", { key: 'd090b0d62d5dd10b4fe8b67b18f867b0a716fafb', class: this.getFrontCardClass() }, index.h("slot", { key: '4ccffbf8f1a0b4f39207a2283e09f1ebe82ff376', name: "unchecked-text" })), index.h("div", { key: 'ca3ce2d5714f9916a3a90fb33f8bdb7f7daf9993', class: this.getBackCardClass() }, index.h("slot", { key: 'a56a3f072a49eb0d636765b90ca3a51cd64b5233', name: "checked-text" }))))))));
+            } }, index.h("div", { key: 'daa23ed234394fa6cf7e57b8ce24eb6ac4866f7e', class: "form-group" }, index.h("label", { key: '60d68435b6061ffb132be1c57622c195d3abb0d5', htmlFor: "paperSwitch1", class: "paper-switch-tile" }, index.h("input", { key: '7608d7e153e046ae4ebacb77fa0084540316e6dd', id: "paperSwitch1", name: "paperSwitch1", type: "checkbox", checked: this.checked }), index.h("div", { key: '446aab945688f8b546dfec80d68c0754faab5ceb', class: "paper-switch-tile-card border" }, index.h("div", { key: '1653c6b0f8f289077d2e23bf929e1eb52d4a48ce', class: this.getFrontCardClass() }, index.h("slot", { key: 'd7d21685bd0033c23730e31be564c0690d6c1f81', name: "unchecked-text" })), index.h("div", { key: '59ca159cafd35a2a3e0f62b6d33529533b674fb9', class: this.getBackCardClass() }, index.h("slot", { key: '9e2838aabbcc96dc1ff00991c7df50dd88b44ad7', name: "checked-text" }))))))));
     }
 };
 PSwitchTile.style = switchTileCss;

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

@@ -19,13 +19,13 @@ const PSwitch = class {
         this.changeEvent.emit(e.target.checked);
     }
     render() {
-        return (index.h(index.Host, { key: '22276781c74296d1a16fee4e2df11f15a77af965' }, index.h("div", { key: '9d5368a6e09cec39314773f28e5cbc25fffde0c9', class: {
+        return (index.h(index.Host, { key: '5dfb01d966b38ba5345838902d4f05315b0fe93b' }, index.h("div", { key: 'ec2eb8b6c7161b2a9d992a1301b2de9afb9256a8', class: {
                 papier: true,
                 'is--dark': this.dark,
-            } }, index.h("div", { key: '3629414145c357884819e0a948d3493745cb2336', class: "form-group" }, index.h("label", { key: '1e22cc51da13b2cec21253722729329e03dabbaf', class: {
+            } }, index.h("div", { key: 'c8c37af8bd62aea833840b35ced7a17fab5e9fe8', class: "form-group" }, index.h("label", { key: 'b299f75b8a8c05d52fc6dcd32345658789c8ef51', class: {
                 'paper-switch': !this.square,
                 'paper-switch-2': this.square,
-            } }, index.h("input", { key: '36e18257b12129cd1ecae73cd1aab23f308eec57', id: "paperSwitch4", name: "paperSwitch4", type: "checkbox", checked: this.checked, onInput: (e) => this.onInput(e) }), index.h("span", { key: '34b6434ddca9ea19f07e9d773b578818a0449faf', class: {
+            } }, index.h("input", { key: 'cb813924fb89d26050f0244369415927f90495a3', id: "paperSwitch4", name: "paperSwitch4", type: "checkbox", checked: this.checked, onInput: (e) => this.onInput(e) }), index.h("span", { key: 'f28e9e2f849ad63b47827ff270d3a963135f0935', class: {
                 round: this.round,
                 'paper-switch-slider': true,
             } }))))));

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

@@ -11,11 +11,11 @@ const PTab = class {
         this.dark = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'b93151f8adee7464a6b942af557a6f2121025148' }, index.h("div", { key: 'a408c8e98be52c4708ad56e188d86d2fa1e25b95', class: {
+        return (index.h(index.Host, { key: '4e43d2f38a2e952105b22c412286fab1f96d8abc' }, index.h("div", { key: '353065c92ffa9244150037482bcd9321b8f76893', class: {
                 papier: true,
                 'is--selected': this.selected,
                 'is--dark': this.dark,
-            } }, index.h("slot", { key: '94cd4c3a29da713bb99141468ea594c53cff521b' }))));
+            } }, index.h("slot", { key: '0766a64a5f3c8229168b9ccd06173880ddad491f' }))));
     }
 };
 PTab.style = pTabCss;

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

@@ -47,12 +47,12 @@ const PTabs = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '92518e5d8c8e4b78a53116ca0753e4155999dd5e' }, index.h("div", { key: '9f222511dc742ce288d104d23a2fe84602785f4b', class: {
+        return (index.h(index.Host, { key: 'b4fb55766cc259beab158cabbe30c29002cd0fb8' }, index.h("div", { key: 'fa79c0cae511d097b17f7d3e746c8ec2dcb531b1', class: {
                 'is--dark': this.dark,
                 papier: true,
-            } }, index.h("div", { key: '0e671f87f05fa2fb06a68835ac409f28a05f410d', class: "row flex-spaces tabs" }, this.tabs.map((t) => {
+            } }, index.h("div", { key: '58fce38027efd851103483fcbe3013fd4496af8f', 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: '5130d6abed2ddd1e0b0041579713062978cdc6a7', class: "content" }, index.h("slot", { key: '006f2ebc3010303c2b4ac1eea9ed4b01f4743c90' }))))));
+        }), index.h("div", { key: '9f43cce27c573db15b4e9ec12efa4d7ff29d9673', class: "content" }, index.h("slot", { key: 'c3fe91c09787df8d35a4a132aa1d31008a3430d6' }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -14,7 +14,7 @@ const PTooltip = class {
         this.top = false;
     }
     render() {
-        return (index.h(index.Host, { key: '31f8eb1ed3b3dcd7dcb123644829e578ff2becfa' }, index.h("div", { key: 'b2bd8c5e0a1a127a855b3e894ddb5c4a6555ef1b', class: "papier" }, index.h("div", { key: '31c398594843f72ecb9d332b1ee7516ceddf661b', "popover-left": this.left && !this.disabled ? this.title : null, "popover-right": this.right && !this.disabled ? this.title : null, "popover-bottom": this.bottom && !this.disabled ? this.title : null, "popover-top": this.top && !this.disabled ? this.title : null }, index.h("slot", { key: '593154e2d41b4d2aa6a12238615b42810ce49a86' })))));
+        return (index.h(index.Host, { key: '31c1300ff9942abd6f8a02cccd43b165f1486f71' }, index.h("div", { key: 'c2c3f9efdb1bd21009b84e2bbae70be76d413382', class: "papier" }, index.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 }, index.h("slot", { key: 'a55beec254828006070d5f751e4dc6caaeae96b7' })))));
     }
 };
 PTooltip.style = pTooltipCss;

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-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-card.cjs",[[1,"p-card",{"dark":[4],"radius":[4],"image":[1],"hasHeader":[32],"hasFooter":[32]}]]],["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-modal.cjs",[[1,"p-modal",{"isOpen":[32],"open":[64],"close":[64]}]]],["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.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_4.cjs",[[1,"p-button",{"type":[1],"outline":[4],"large":[4],"small":[4],"block":[4],"disabled":[4],"dark":[4],"loading":[4]}],[1,"p-notification-handler",{"notifications":[32],"pushNotification":[64]},[[0,"close","closeToastHandler"]]],[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]}]]]], options);
+  return index.bootstrapLazy([["p-notification-preview.cjs",[[0,"p-notification-preview",{"notificationType":[32]}]]],["p-input-text.cjs",[[1,"p-input-text",{"placeholder":[1],"icon":[1],"value":[1025],"required":[4],"dark":[4],"label":[1],"disabled":[4],"block":[4],"error":[1]}]]],["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-card.cjs",[[1,"p-card",{"dark":[4],"radius":[4],"image":[1],"hasHeader":[32],"hasFooter":[32]}]]],["p-leaf.cjs",[[4,"p-leaf",{"dark":[4]}]]],["p-modal.cjs",[[1,"p-modal",{"isOpen":[32],"open":[64],"close":[64]}]]],["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-icon.cjs",[[1,"p-icon",{"icon":[1],"size":[2],"color":[1],"svgContent":[32]}]]],["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_4.cjs",[[1,"p-button",{"type":[1],"outline":[4],"large":[4],"small":[4],"block":[4],"disabled":[4],"dark":[4],"loading":[4]}],[1,"p-notification-handler",{"notifications":[32],"pushNotification":[64]},[[0,"close","closeToastHandler"]]],[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]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/form/p-input-text/input-text.css

@@ -3221,6 +3221,18 @@
 :host label {
   color: var(--primary);
 }
+:host .with--icon input {
+  padding-left: 50px;
+}
+:host .for--input {
+  position: relative;
+  width: max-content;
+}
+:host .for--input p-icon {
+  position: absolute;
+  left: 10px;
+  top: 5px;
+}
 :host input + p {
   margin-top: 0;
 }

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

@@ -12,6 +12,9 @@ export class PInputText {
         if (this.dark) {
             cssClass = `${cssClass} is--dark`;
         }
+        if (this.icon) {
+            cssClass = `${cssClass} with--icon`;
+        }
         if (this.block) {
             cssClass = `${cssClass} is--block`;
         }
@@ -28,9 +31,9 @@ export class PInputText {
         this.changeEvent.emit(this.value);
     }
     render() {
-        return (h("div", { key: '4e4822801c521014028fdd6b896597ac6416f620', class: this.getParentClass() }, this.label && (h("label", { key: 'bfd13aa4829f3f7a1b60341ba2018de8a822a187', htmlFor: "paperInputs1" }, this.label, this.required ? '*' : '')), h("input", { key: '8b1f0fd464d32050ff06594e7b6157375d77f959', type: "text", placeholder: this.placeholder, id: "paperInputs1", disabled: this.disabled, onInput: (e) => {
+        return (h("div", { key: 'daad0464fa8c119c448f8b0b4220e4567f5d7d8e', class: this.getParentClass() }, this.label && (h("label", { key: '06cd7383d244a9257327f96ec611df263e9053d2', htmlFor: "paperInputs1" }, this.label, this.required ? '*' : '')), h("div", { key: '390e69f32e62f70a64601f8e0246938aa0870916', class: "for--input" }, this.icon && h("p-icon", { key: 'a2f96de6b03f3306ce1dbdfd2f0b43ec980ea2b7', icon: this.icon, size: 30, color: "inherit" }), h("input", { key: '63a78559652d75c34265cd372a8df438200ea2e4', 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: '722b3b6d6d947ef322938df0869b27b4eb79fc85', class: "text-danger" }, this.error)));
+            }, value: this.value, onChange: () => this.onChange() })), this.error && h("p", { key: '8e1da4ffaceb1842ad046bf1344f57bb3f515e08', class: "text-danger" }, this.error)));
     }
     static get is() { return "p-input-text"; }
     static get encapsulation() { return "shadow"; }
@@ -65,6 +68,25 @@ export class PInputText {
                 "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
+            },
             "value": {
                 "type": "string",
                 "attribute": "value",

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

@@ -1 +1 @@
-{"version":3,"file":"input-text.js","sourceRoot":"","sources":["../../../../src/components/form/p-input-text/input-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAO5E,MAAM,OAAO,UAAU;IALvB;QAYI,UAAK,GAAY,EAAE,CAAA;QAGnB,aAAQ,GAAa,KAAK,CAAA;QAG1B,SAAI,GAAa,KAAK,CAAA;QAMtB,aAAQ,GAAa,KAAK,CAAA;QAG1B,UAAK,GAAa,KAAK,CAAA;KAiE1B;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, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-input-text',\n    styleUrl: 'input-text.scss',\n    shadow: true,\n})\nexport class PInputText {\n    @Prop()\n    placeholder?: string\n\n    @Prop({\n        mutable: true,\n    })\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({\n        eventName: 'change',\n    })\n    public changeEvent: EventEmitter<string>\n\n    @Event({\n        eventName: 'input',\n    })\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"]}
+{"version":3,"file":"input-text.js","sourceRoot":"","sources":["../../../../src/components/form/p-input-text/input-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAO5E,MAAM,OAAO,UAAU;IALvB;QAeI,UAAK,GAAY,EAAE,CAAA;QAGnB,aAAQ,GAAa,KAAK,CAAA;QAG1B,SAAI,GAAa,KAAK,CAAA;QAMtB,aAAQ,GAAa,KAAK,CAAA;QAG1B,UAAK,GAAa,KAAK,CAAA;KAuE1B;IAxDU,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,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,aAAa,CAAA;QACvC,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,4DAAK,KAAK,EAAC,YAAY;gBAClB,IAAI,CAAC,IAAI,IAAI,+DAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAU;gBAC1E,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;wBACX,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;oBACnB,CAAC,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,GACjC,CACA;YACL,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, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-input-text',\n    styleUrl: 'input-text.scss',\n    shadow: true,\n})\nexport class PInputText {\n    @Prop()\n    placeholder?: string\n\n    @Prop()\n    icon?: string\n\n    @Prop({\n        mutable: true,\n    })\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({\n        eventName: 'change',\n    })\n    public changeEvent: EventEmitter<string>\n\n    @Event({\n        eventName: 'input',\n    })\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.icon) {\n            cssClass = `${cssClass} with--icon`\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                <div class=\"for--input\">\n                    {this.icon && <p-icon icon={this.icon} size={30} color=\"inherit\"></p-icon>}\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                </div>\n                {this.error && <p class=\"text-danger\">{this.error}</p>}\n            </div>\n        )\n    }\n}\n"]}

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

@@ -10,11 +10,11 @@ export class PSlider {
         this.changeEvent.emit(Number.parseInt(e.target.value));
     }
     render() {
-        return (h(Host, { key: '11f5fe88d1551a96be2ee6b03c85e8f8739b82f7' }, h("div", { key: 'd78a0117ce62a65d4a1051cfec6938d4151e015e', class: {
+        return (h(Host, { key: '7ed16696a4bc89d920f0b99c7176ae88794a54a8' }, h("div", { key: 'c850a65a7c265a6b4c472b4d2a47fedc3f757858', class: {
                 papier: true,
                 'is--block': this.block,
                 'is--dark': this.dark,
-            } }, h("div", { key: '1a63d2ba06552ae4400e7263c95a409019f48184', class: "form-group" }, h("input", { key: 'e3451314d10d7577da0383d4ecbc2e225aef2172', class: "input-block", type: "range", min: this.min, max: this.max, value: this.value, onInput: (e) => {
+            } }, h("div", { key: '73140651cbf8a3cc409295b504a974e3cab30117', class: "form-group" }, h("input", { key: '3c033545596456d23794233e099baa038bceccbd', class: "input-block", type: "range", min: this.min, max: this.max, value: this.value, onInput: (e) => {
                 this.onInput(e);
             } })))));
     }

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

@@ -12,13 +12,13 @@ export class PSwitch {
         this.changeEvent.emit(e.target.checked);
     }
     render() {
-        return (h(Host, { key: '22276781c74296d1a16fee4e2df11f15a77af965' }, h("div", { key: '9d5368a6e09cec39314773f28e5cbc25fffde0c9', class: {
+        return (h(Host, { key: '5dfb01d966b38ba5345838902d4f05315b0fe93b' }, h("div", { key: 'ec2eb8b6c7161b2a9d992a1301b2de9afb9256a8', class: {
                 papier: true,
                 'is--dark': this.dark,
-            } }, h("div", { key: '3629414145c357884819e0a948d3493745cb2336', class: "form-group" }, h("label", { key: '1e22cc51da13b2cec21253722729329e03dabbaf', class: {
+            } }, h("div", { key: 'c8c37af8bd62aea833840b35ced7a17fab5e9fe8', class: "form-group" }, h("label", { key: 'b299f75b8a8c05d52fc6dcd32345658789c8ef51', class: {
                 'paper-switch': !this.square,
                 'paper-switch-2': this.square,
-            } }, h("input", { key: '36e18257b12129cd1ecae73cd1aab23f308eec57', id: "paperSwitch4", name: "paperSwitch4", type: "checkbox", checked: this.checked, onInput: (e) => this.onInput(e) }), h("span", { key: '34b6434ddca9ea19f07e9d773b578818a0449faf', class: {
+            } }, h("input", { key: 'cb813924fb89d26050f0244369415927f90495a3', id: "paperSwitch4", name: "paperSwitch4", type: "checkbox", checked: this.checked, onInput: (e) => this.onInput(e) }), h("span", { key: 'f28e9e2f849ad63b47827ff270d3a963135f0935', class: {
                 round: this.round,
                 'paper-switch-slider': true,
             } }))))));

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

@@ -30,10 +30,10 @@ export class PSwitchTile {
         return cssClass;
     }
     render() {
-        return (h(Host, { key: '470e9a4e78033875ebc2737eea116f3060e72969' }, h("div", { key: 'f792f4674db728833e654c44171b4a6a18cc2566', class: {
+        return (h(Host, { key: 'c7a340243d239d030f8624f13732d37b7a803020' }, h("div", { key: '3908f209998d81480a9792fbc4a9889ca5e8f14c', class: {
                 papier: true,
                 'is--dark': this.dark,
-            } }, h("div", { key: '49e357c761a78a84f9e5b8a7fe68a2ed9f0f8904', class: "form-group" }, h("label", { key: 'd794cf87c991310b427c78b4ae4870606c440551', htmlFor: "paperSwitch1", class: "paper-switch-tile" }, h("input", { key: 'a1d889411704d9c36f8ec6a02ba1f91c125f797f', id: "paperSwitch1", name: "paperSwitch1", type: "checkbox", checked: this.checked }), h("div", { key: 'c83e920493c607f643a99afcdb08523d599db2d9', class: "paper-switch-tile-card border" }, h("div", { key: 'd090b0d62d5dd10b4fe8b67b18f867b0a716fafb', class: this.getFrontCardClass() }, h("slot", { key: '4ccffbf8f1a0b4f39207a2283e09f1ebe82ff376', name: "unchecked-text" })), h("div", { key: 'ca3ce2d5714f9916a3a90fb33f8bdb7f7daf9993', class: this.getBackCardClass() }, h("slot", { key: 'a56a3f072a49eb0d636765b90ca3a51cd64b5233', name: "checked-text" }))))))));
+            } }, h("div", { key: 'daa23ed234394fa6cf7e57b8ce24eb6ac4866f7e', class: "form-group" }, h("label", { key: '60d68435b6061ffb132be1c57622c195d3abb0d5', htmlFor: "paperSwitch1", class: "paper-switch-tile" }, h("input", { key: '7608d7e153e046ae4ebacb77fa0084540316e6dd', id: "paperSwitch1", name: "paperSwitch1", type: "checkbox", checked: this.checked }), h("div", { key: '446aab945688f8b546dfec80d68c0754faab5ceb', class: "paper-switch-tile-card border" }, h("div", { key: '1653c6b0f8f289077d2e23bf929e1eb52d4a48ce', class: this.getFrontCardClass() }, h("slot", { key: 'd7d21685bd0033c23730e31be564c0690d6c1f81', name: "unchecked-text" })), h("div", { key: '59ca159cafd35a2a3e0f62b6d33529533b674fb9', class: this.getBackCardClass() }, h("slot", { key: '9e2838aabbcc96dc1ff00991c7df50dd88b44ad7', name: "checked-text" }))))))));
     }
     static get is() { return "p-switch-tile"; }
     static get encapsulation() { return "shadow"; }

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: 'a3a2425f36e58060de56dbe7a8db4c4bddc00c35' }, h("div", { key: '97dd464c746c42730addb3bc4df2744c4d3e2979', class: "papier" }, h("div", { key: '768b037b54a1d9e382aa2095dff35396d07fb581', class: this.getClassName() }, h("div", { key: '20193bfdc8b66ad7e880fee6510dc5fa7778b948', innerHTML: this.getIconName() }), h("div", { key: 'a67678cc6256900c078228572e3f6847feaf9b53', innerHTML: this.text }), this.canclose && (h("span", { key: '7376f55ee0baaf4ea67f3cbd7ff97460876271e1', onClick: () => {
+        return (h(Host, { key: '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: () => {
                 this.onClose();
             }, innerHTML: feather.icons.x.toSvg() }))))));
     }

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

@@ -74,7 +74,7 @@ export class PNotificationHandler {
                         },
                         "PushOptions": {
                             "location": "local",
-                            "path": "/Users/antoinemiceli/Projects/Github/papierjs/src/components/notification/p-notification-handler/p-notification-handler.tsx",
+                            "path": "/Users/antoine/Projets/Github/papierjs/src/components/notification/p-notification-handler/p-notification-handler.tsx",
                             "id": "src/components/notification/p-notification-handler/p-notification-handler.tsx::PushOptions"
                         }
                     },

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

@@ -7,7 +7,7 @@ export class PNotificationPreview {
         }
     }
     render() {
-        return (h("div", { key: '6d4f56c69797ebb8a0e9d7bc0f9d9dd2eca0452b' }, h("p-notification-handler", { key: '470a29e2eec9839087c6ffbfc137a687d73d638c' }), h("p-dropdown", { key: 'f4cb4f24b5780dbe5bc92f38566f4f600cf8777f', placeholder: "Choose notification type", onSelect: (e) => {
+        return (h("div", { key: '00c5d264d96f0174f3a30fb1dce1ee2164ced09d' }, h("p-notification-handler", { key: '5b09b26ab5e50e918f3ebde3bad0a90c43305f1c' }), h("p-dropdown", { key: '41304a8740cd7d24fe7089760a57b75d090ebfc9', placeholder: "Choose notification type", onSelect: (e) => {
                 this.notificationType = e.detail;
             } }, [
             'primary',
@@ -17,19 +17,19 @@ export class PNotificationPreview {
             'danger',
         ].map((value) => {
             return (h("p-dropdown-item", { key: value, value: value }, value));
-        })), h("div", { key: 'd315bbc2cec0898641ffa45f026736bf253fa0ac', style: {
+        })), h("div", { key: '48f2817adc574727f607539ec21b4d3690919f37', style: {
                 marginTop: '20px',
-            } }, h("p-button", { key: 'ee80d787d147d909d2c2ea42aa0001dfce178519', style: {
+            } }, h("p-button", { key: 'f59a2d18ec02c2170f387188c4e7be6836837528', style: {
                 marginRight: '20px',
             }, type: "primary", onClick: () => {
                 this.addNotification({});
-            } }, "Add notification"), h("p-button", { key: '8c93823fac08637aff598c97da5f3cbbd94458a5', type: "secondary", style: {
+            } }, "Add notification"), h("p-button", { key: '149ec8a96a3249dd7d3ec228823b7408220054e7', type: "secondary", style: {
                 marginRight: '20px',
             }, onClick: () => {
                 this.addNotification({
                     canclose: true,
                 });
-            } }, "Add closable notification"), h("p-button", { key: 'c7868745f9cb07055ec872c62257f464d5ff6aca', type: "success", onClick: () => {
+            } }, "Add closable notification"), h("p-button", { key: '5a9191906a4fbd799b5657a2e609849ccae53b65', type: "success", onClick: () => {
                 this.addNotification({
                     timeout: 2000,
                 });

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

@@ -10,12 +10,12 @@ export class PAccordion {
     render() {
         const icon = feather.icons['chevron-down'].toSvg();
         const openIcon = feather.icons['chevron-up'].toSvg();
-        return (h(Host, { key: 'f9e3958d7323b6c52c6d2056f4b199184b383aa0' }, h("div", { key: '5e715a6eceebd34f5b521537f793307e80d3ac53', class: "papier" }, h("div", { key: '754d6e5649ff89bd9815fd02c1dcb9b55d5a9f92', class: "p-accordion is--block border" }, h("div", { key: '8a9ff11c31d3781b5212dd4e25fb11a4095a9a5c', class: "p-accordion__summary", onClick: () => {
+        return (h(Host, { key: '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: () => {
                 this.open = !this.open;
-            } }, h("span", { key: '74d61a170bf41705f93b87b4d802d09b977370f0' }, this.title), h("span", { key: '4f3652dfe456814d78d18fcb7f824ac1e65f2648' }, h("span", { key: 'f54b63935d86c4ddb7cadc6d836506e899f516ca', class: "for--icon", innerHTML: this.open ? openIcon : icon }))), h("div", { key: '7b0943cd52c61591dc55efdff6b7ab72bea9e752', class: {
+            } }, h("span", { key: '536a9ca6e721ce9a145b9052295442d5ca38aa39' }, this.title), h("span", { key: 'a1a240ccacb41380204593ea868bb75e9f968974' }, h("span", { key: '853fea6621d95c87e90c5e77743f994fcf89922d', class: "for--icon", innerHTML: this.open ? openIcon : icon }))), h("div", { key: '135a6953133f020cb68fb203793018b1e6e569f7', class: {
                 'p-accordion__content': true,
                 'is--open': this.open,
-            } }, h("slot", { key: 'cdf43a544b1cb45466cf96ba7f54965e0304cbf7' }))))));
+            } }, h("slot", { key: 'fa89ddc760fd4541f6e64ba72999d70274d38b3f' }))))));
     }
     static get is() { return "p-accordion"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

@@ -19,13 +19,13 @@ export class PCard {
         this.hasFooter = !!this.el.querySelector('[slot="footer"]');
     }
     render() {
-        return (h(Host, { key: 'a011f355ebfdf50bf02e8112324fddd503fc3c6d' }, h("div", { key: '1552ac15914e9976a0cf6853869b24824d2c3562', class: {
+        return (h(Host, { key: '4cb7a3e38b98061a1cd84b23775aa0df73d89925' }, h("div", { key: '4b44b04f35bc40cc1012c7542fb1963a13a3e970', class: {
                 papier: true,
                 'is--dark': this.dark,
                 'has--header': this.hasHeader === true,
                 'has--footer': this.hasFooter,
                 'with--radius': this.radius,
-            } }, h("div", { key: '2d8efe6513e958cb96c2ebbc189ec92142b2d0a4', class: "card" }, h("div", { key: '68ffb7bb105a77f7f45195def68a2bae3b0ffc4c', class: "card-header" }, h("slot", { key: '3ed788034782795423dc571d10a125ac0b238f9a', name: "header" })), this.image && h("img", { key: '30d53abac92290016d598846f160aed0450e035e', class: "image-top", src: this.image, alt: "card-img" }), h("div", { key: '3e1ed1be4a30e49e421a0ebf3f5be70947bca47b', class: "card-body" }, h("h4", { key: 'a43ac0f60200edd2b60258c4e5b878283267fe93', class: "card-title" }, h("slot", { key: 'b2041be6b93d38addf48aac3bf8ec566541b7c60', name: "title" })), h("h5", { key: '3af9deb72348ba7dd8d064031a12f82c32e18756', class: "card-subtitle" }, h("slot", { key: '1f9741c85e1e8cd2d0abcf6cc1419d1df4b68ed9', name: "subtitle" })), h("p", { key: '5ff52dd265c4349baaca3a50536ace00a2dd9993', class: "card-text" }, h("slot", { key: 'f74ec5f805a1e9856f9cfa19326eaa2a5cdf7161', name: "text" })), h("slot", { key: '388972d8f038587c6f0baa17e2f266eb362669f6' })), h("div", { key: '2e099fd05c32a68019cf657c3b26f424e13d18cb', class: "card-footer" }, h("slot", { key: '1d33816eb0dc0612bc7660c285fd2ba7f8794484', name: "footer" }))))));
+            } }, h("div", { key: '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" }))))));
     }
     static get is() { return "p-card"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

@@ -11,7 +11,7 @@ export class PModal {
         this.closeEvent.emit(null);
     }
     render() {
-        return (h(Host, { key: '76c74a60b6684535c8cb7732a8a2473529e1cd5a' }, this.isOpen && (h("div", { key: '3ae8ec4d90a69c89280b6e3b0b48bcbf5df6e47f', class: "papier" }, h("div", { key: 'b0ae727c2493a98cff184c6c10696b847a9a009a', class: "modal" }, h("div", { key: '6414df9675e6a08a5249bf86ea9ec13256e7f6a8', class: "modal-bg", onClick: () => this.close() }), h("div", { key: '69e7136f0345356a764f0b454ba645359cdc469d', class: "modal-body" }, h("span", { key: '0ca44bad91f3c6696a09e6f711cfcaf2042f56d0', class: "btn-close", onClick: () => this.close() }, "X"), h("h4", { key: '97a939f46a724a9793c51c222894196f6c08838a', class: "modal-title" }, h("slot", { key: 'accb43da03e035e0498a2d74be562299bb828f0c', name: "title" })), h("h5", { key: '90f1eb1dec80286a71fa5bbbb0b2482ffa106065', class: "modal-subtitle" }, h("slot", { key: '84930f0606e8671a47837b2e562445fe1bcdbee9', name: "sub-title" })), h("p", { key: '0b921288c6c3d881549d1f2aa2f4fd0c362fa76b', class: "modal-text" }, h("slot", { key: 'b809864edf3d4520e68c9c80a0226b5ce6478d3e', name: "text" })), h("slot", { key: '00ee563a81f1a460ed80984e06a42f9c54eca800' })))))));
+        return (h(Host, { key: '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' })))))));
     }
     static get is() { return "p-modal"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class PProgressBar {
         return cssClass;
     }
     render() {
-        return (h("div", { key: '2d1e526785ad17645a3eff098060f044e58e128d', class: this.getParentClass() }, h("div", { key: '438abe903ef869b47c796ebf22fbbb6cdec0d66a', class: "progress" }, h("div", { key: 'fee6f22882b98198d2908bb8799d504325288f3d', class: this.getClass() }, h("slot", { key: '7a334bc433c661ba6b94296f901669f4a9b6f1a9' })))));
+        return (h("div", { key: 'de30c85157323fede6e5ea439dc6e7af05df5023', class: this.getParentClass() }, h("div", { key: 'e318a69f15784eb628dba056584474ebdb4ff312', class: "progress" }, h("div", { key: '67a6146e8b1b8f6ff4743ccf254feaf40d7bbf36', class: this.getClass() }, h("slot", { key: '1729bce61cd65f7ad7e0ebcb5d0a1b4edb103846' })))));
     }
     static get is() { return "p-progress-bar"; }
     static get encapsulation() { return "shadow"; }