@amiceli/papierjs 0.7.0 → 0.9.0

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

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

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

@@ -3221,6 +3221,9 @@
 :host label {
   color: var(--primary);
 }
+:host input + p {
+  margin-top: 0;
+}
 :host .is--block {
   display: block;
   width: 100%;

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

@@ -6,7 +6,6 @@ export class InputText {
         this.dark = false;
         this.disabled = false;
         this.block = false;
-        this.hasError = false;
     }
     getParentClass() {
         let cssClass = 'papier form-group';
@@ -16,16 +15,22 @@ export class InputText {
         if (this.block) {
             cssClass = `${cssClass} is--block`;
         }
-        if (this.hasError) {
+        if (this.error) {
             cssClass = `${cssClass} has--error`;
         }
         return cssClass;
     }
-    onChange(e) {
-        this.changeEvent.emit(e.target.value);
+    onInput(ev) {
+        this.value = ev.target && ev.target.value;
+        this.inputEvent.emit(this.value);
+    }
+    onChange() {
+        this.changeEvent.emit(this.value);
     }
     render() {
-        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) })));
+        return (h("div", { key: 'cd76a2762668387e8b4a490a239577a58b8b4859', class: this.getParentClass() }, this.label && (h("label", { key: '7e6dae9b367d95018761178bb0b3f6ff2442410e', htmlFor: "paperInputs1" }, this.label, this.required ? '*' : '')), h("input", { key: 'c8ba419cb6c3fc22915563bd07faf632d3deab7f', type: "text", placeholder: this.placeholder, id: "paperInputs1", disabled: this.disabled, onInput: (e) => {
+                this.onInput(e);
+            }, value: this.value, onChange: () => this.onChange() }), this.error && h("p", { key: '7b2a6aabde20bc9e9ee1c590c40687461b86b305', class: "text-danger" }, this.error)));
     }
     static get is() { return "p-input-text"; }
     static get encapsulation() { return "shadow"; }
@@ -62,7 +67,7 @@ export class InputText {
             },
             "value": {
                 "type": "string",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "string",
                     "resolved": "string",
@@ -179,12 +184,12 @@ export class InputText {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "hasError": {
-                "type": "boolean",
+            "error": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -195,9 +200,8 @@ export class InputText {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "has-error",
-                "reflect": false,
-                "defaultValue": "false"
+                "attribute": "error",
+                "reflect": false
             }
         };
     }
@@ -217,6 +221,21 @@ export class InputText {
                     "resolved": "string",
                     "references": {}
                 }
+            }, {
+                "method": "inputEvent",
+                "name": "input",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
             }];
     }
 }

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/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;