npm - @amiceli/papierjs - Versions diffs - 0.12.0 → 0.13.0 - Mend

@amiceli/papierjs 0.12.0 → 0.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (257) hide show

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

	@@ -1 +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;~~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"]}
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;QAkBI,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,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,GAAW;gBAC1E,8DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,cAAc,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAC/B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACX,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;oBACnB,CAAC,EACD,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,GACnB,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 /*\n Any icon allowed with p-icon can be used\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 color=\"inherit\" icon={this.icon} size={30}></p-icon>}\n <input\n disabled={this.disabled}\n id=\"paperInputs1\"\n onChange={() => this.onChange()}\n onInput={(e) => {\n this.onInput(e)\n }}\n placeholder={this.placeholder}\n type=\"text\"\n value={this.value}\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 CHANGED Viewed

@@ -14,9 +14,9 @@ export class PSlider {
                 papier: true,
                 'is--block': this.block,
                 'is--dark': this.dark,
-            } }, 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) => {
+            } }, h("div", { key: '73140651cbf8a3cc409295b504a974e3cab30117', class: "form-group" }, h("input", { key: '3c033545596456d23794233e099baa038bceccbd', class: "input-block", max: this.max, min: this.min, onInput: (e) => {
                 this.onInput(e);
-            } })))));
+            }, type: "range", value: this.value })))));
     }
     static get is() { return "p-slider"; }
     static get encapsulation() { return "shadow"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sliders.js","sourceRoot":"","sources":["../../../../src/components/form/p-slider/sliders.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOlF,MAAM,OAAO,OAAO;IALpB;QAOI,UAAK,GAAY,CAAC,CAAA;QAElB,QAAG,GAAY,CAAC,CAAA;QAIhB,UAAK,GAAa,KAAK,CAAA;QAEvB,SAAI,GAAa,KAAK,CAAA;KAqCzB;IA9BU,OAAO,CAAC,CAAQ;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC,CAAA;IAChF,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,MAAM,EAAE,IAAI;oBACZ,WAAW,EAAE,IAAI,CAAC,KAAK;oBACvB,UAAU,EAAE,IAAI,CAAC,IAAI;iBACxB;gBAED,4DAAK,KAAK,EAAC,YAAY;oBACnB,8DACI,KAAK,EAAC,aAAa,EACnB,~~IAAI,EAAC,OAAO,EACZ,~~GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,~~KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,~~OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACX,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;wBACnB,CAAC,~~GACH~~,CACA,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, Host, h, Prop } from '@stencil/core'\n\n@Component({\n tag: 'p-slider',\n styleUrl: 'slider.scss',\n shadow: true,\n})\nexport class PSlider {\n @Prop()\n value?: number = 0\n @Prop()\n min?: number = 0\n @Prop()\n max?: number\n @Prop()\n block?: boolean = false\n @Prop()\n dark?: boolean = false\n\n @Event({\n eventName: 'change',\n })\n public changeEvent: EventEmitter<number>\n\n public onInput(e: Event) {\n this.changeEvent.emit(Number.parseInt((e.target as HTMLInputElement).value))\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n papier: true,\n 'is--block': this.block,\n 'is--dark': this.dark,\n }}\n >\n <div class=\"form-group\">\n <input\n class=\"input-block\"\n ~~type=\"range\"\n min={this.min}\n~~ max={this.max}\n ~~value~~={this.~~value~~}\n onInput={(e) => {\n this.onInput(e)\n }}\n />\n </div>\n </div>\n </Host>\n )\n }\n}\n"]}
1	+ {"version":3,"file":"sliders.js","sourceRoot":"","sources":["../../../../src/components/form/p-slider/sliders.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOlF,MAAM,OAAO,OAAO;IALpB;QAOI,UAAK,GAAY,CAAC,CAAA;QAElB,QAAG,GAAY,CAAC,CAAA;QAIhB,UAAK,GAAa,KAAK,CAAA;QAEvB,SAAI,GAAa,KAAK,CAAA;KAqCzB;IA9BU,OAAO,CAAC,CAAQ;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC,CAAA;IAChF,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,MAAM,EAAE,IAAI;oBACZ,WAAW,EAAE,IAAI,CAAC,KAAK;oBACvB,UAAU,EAAE,IAAI,CAAC,IAAI;iBACxB;gBAED,4DAAK,KAAK,EAAC,YAAY;oBACnB,8DACI,KAAK,EAAC,aAAa,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACX,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;wBACnB,CAAC,EACD,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,GACnB,CACA,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, Host, h, Prop } from '@stencil/core'\n\n@Component({\n tag: 'p-slider',\n styleUrl: 'slider.scss',\n shadow: true,\n})\nexport class PSlider {\n @Prop()\n value?: number = 0\n @Prop()\n min?: number = 0\n @Prop()\n max?: number\n @Prop()\n block?: boolean = false\n @Prop()\n dark?: boolean = false\n\n @Event({\n eventName: 'change',\n })\n public changeEvent: EventEmitter<number>\n\n public onInput(e: Event) {\n this.changeEvent.emit(Number.parseInt((e.target as HTMLInputElement).value))\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n papier: true,\n 'is--block': this.block,\n 'is--dark': this.dark,\n }}\n >\n <div class=\"form-group\">\n <input\n class=\"input-block\"\n max={this.max}\n min={this.min}\n onInput={(e) => {\n this.onInput(e)\n }}\n type=\"range\"\n value={this.value}\n />\n </div>\n </div>\n </Host>\n )\n }\n}\n"]}

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

@@ -18,7 +18,7 @@ export class PSwitch {
             } }, h("div", { key: 'c8c37af8bd62aea833840b35ced7a17fab5e9fe8', class: "form-group" }, h("label", { key: 'b299f75b8a8c05d52fc6dcd32345658789c8ef51', class: {
                 'paper-switch': !this.square,
                 'paper-switch-2': this.square,
-            } }, h("input", { key: 'cb813924fb89d26050f0244369415927f90495a3', id: "paperSwitch4", name: "paperSwitch4", type: "checkbox", checked: this.checked, onInput: (e) => this.onInput(e) }), h("span", { key: 'f28e9e2f849ad63b47827ff270d3a963135f0935', class: {
+            } }, h("input", { key: 'cb813924fb89d26050f0244369415927f90495a3', checked: this.checked, id: "paperSwitch4", name: "paperSwitch4", onInput: (e) => this.onInput(e), type: "checkbox" }), h("span", { key: 'f28e9e2f849ad63b47827ff270d3a963135f0935', class: {
                 round: this.round,
                 'paper-switch-slider': true,
             } }))))));

package/dist/collection/components/form/p-switch/switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/form/p-switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOlF,MAAM,OAAO,OAAO;IALpB;QAMI,0BAA0B;QAEnB,UAAK,GAAa,KAAK,CAAA;QAC9B,iCAAiC;QAE1B,WAAM,GAAa,KAAK,CAAA;QAExB,SAAI,GAAa,KAAK,CAAA;QAEtB,YAAO,GAAa,KAAK,CAAA;KA8CnC;IAvCU,OAAO,CAAC,CAAQ;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAE,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC,CAAA;IACjE,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;iBACxB;gBAED,4DAAK,KAAK,EAAC,YAAY;oBACnB,8DACI,KAAK,EAAE;4BACH,cAAc,EAAE,CAAC,IAAI,CAAC,MAAM;4BAC5B,gBAAgB,EAAE,IAAI,CAAC,MAAM;yBAChC;wBAED,8DACI,EAAE,~~EAAC~~,~~cAAc~~,~~EACjB~~,~~IAAI~~,EAAC,cAAc,~~EACnB~~,IAAI,EAAC,~~UAAU~~,~~EACf~~,OAAO,EAAE,~~IAAI,~~CAAC,~~OAAO,EACrB,OAAO,EAAE,~~CAAC,~~CAAC,~~EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,~~GACjC~~;wBACF,6DACI,KAAK,EAAE;gCACH,KAAK,EAAE,IAAI,CAAC,KAAK;gCACjB,qBAAqB,EAAE,IAAI;6BAC9B,GACH,CACE,CACN,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, Host, h, Prop } from '@stencil/core'\n\n@Component({\n tag: 'p-switch',\n styleUrl: 'switch.scss',\n shadow: true,\n})\nexport class PSwitch {\n /** define switch style /\n @Prop()\n public round?: boolean = false\n /* define switch parent style */\n @Prop()\n public square?: boolean = false\n @Prop()\n public dark?: boolean = false\n @Prop()\n public checked?: boolean = false\n\n @Event({\n eventName: 'change',\n })\n public changeEvent: EventEmitter<boolean>\n\n public onInput(e: Event) {\n this.changeEvent.emit((e.target as HTMLInputElement).checked)\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n papier: true,\n 'is--dark': this.dark,\n }}\n >\n <div class=\"form-group\">\n <label\n class={{\n 'paper-switch': !this.square,\n 'paper-switch-2': this.square,\n }}\n >\n <input\n id=\"paperSwitch4\"\n name=\"paperSwitch4\"\n ~~type=\"checkbox\"\n checked={this.checked}\n~~ onInput={(e) => this.onInput(e)}\n />\n <span\n class={{\n round: this.round,\n 'paper-switch-slider': true,\n }}\n />\n </label>\n </div>\n </div>\n </Host>\n )\n }\n}\n"]}
1	+ {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/form/p-switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOlF,MAAM,OAAO,OAAO;IALpB;QAMI,0BAA0B;QAEnB,UAAK,GAAa,KAAK,CAAA;QAC9B,iCAAiC;QAE1B,WAAM,GAAa,KAAK,CAAA;QAExB,SAAI,GAAa,KAAK,CAAA;QAEtB,YAAO,GAAa,KAAK,CAAA;KA8CnC;IAvCU,OAAO,CAAC,CAAQ;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAE,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC,CAAA;IACjE,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;iBACxB;gBAED,4DAAK,KAAK,EAAC,YAAY;oBACnB,8DACI,KAAK,EAAE;4BACH,cAAc,EAAE,CAAC,IAAI,CAAC,MAAM;4BAC5B,gBAAgB,EAAE,IAAI,CAAC,MAAM;yBAChC;wBAED,8DACI,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAC/B,IAAI,EAAC,UAAU,GACjB;wBACF,6DACI,KAAK,EAAE;gCACH,KAAK,EAAE,IAAI,CAAC,KAAK;gCACjB,qBAAqB,EAAE,IAAI;6BAC9B,GACH,CACE,CACN,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, Host, h, Prop } from '@stencil/core'\n\n@Component({\n tag: 'p-switch',\n styleUrl: 'switch.scss',\n shadow: true,\n})\nexport class PSwitch {\n /** define switch style /\n @Prop()\n public round?: boolean = false\n /* define switch parent style */\n @Prop()\n public square?: boolean = false\n @Prop()\n public dark?: boolean = false\n @Prop()\n public checked?: boolean = false\n\n @Event({\n eventName: 'change',\n })\n public changeEvent: EventEmitter<boolean>\n\n public onInput(e: Event) {\n this.changeEvent.emit((e.target as HTMLInputElement).checked)\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n papier: true,\n 'is--dark': this.dark,\n }}\n >\n <div class=\"form-group\">\n <label\n class={{\n 'paper-switch': !this.square,\n 'paper-switch-2': this.square,\n }}\n >\n <input\n checked={this.checked}\n id=\"paperSwitch4\"\n name=\"paperSwitch4\"\n onInput={(e) => this.onInput(e)}\n type=\"checkbox\"\n />\n <span\n class={{\n round: this.round,\n 'paper-switch-slider': true,\n }}\n />\n </label>\n </div>\n </div>\n </Host>\n )\n }\n}\n"]}

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

@@ -33,7 +33,7 @@ export class PSwitchTile {
         return (h(Host, { key: 'c7a340243d239d030f8624f13732d37b7a803020' }, h("div", { key: '3908f209998d81480a9792fbc4a9889ca5e8f14c', class: {
                 papier: true,
                 'is--dark': this.dark,
-            } }, 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" }))))))));
+            } }, h("div", { key: 'daa23ed234394fa6cf7e57b8ce24eb6ac4866f7e', class: "form-group" }, h("label", { key: '60d68435b6061ffb132be1c57622c195d3abb0d5', class: "paper-switch-tile", htmlFor: "paperSwitch1" }, h("input", { key: '7608d7e153e046ae4ebacb77fa0084540316e6dd', checked: this.checked, id: "paperSwitch1", name: "paperSwitch1", type: "checkbox" }), 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/form/p-switch-tile/switch-tile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch-tile.js","sourceRoot":"","sources":["../../../../src/components/form/p-switch-tile/switch-tile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAIlF;;;GAGG;AAMH,MAAM,OAAO,WAAW;IALxB;QAMI,uBAAuB;QAEhB,SAAI,GAAa,KAAK,CAAA;QAEtB,YAAO,GAAa,KAAK,CAAA;QAEzB,sBAAiB,GAAoB,SAAS,CAAA;KA6DxD;IApDU,OAAO,CAAC,CAAQ;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAE,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC,CAAA;IACjE,CAAC;IAEM,iBAAiB;QACpB,MAAM,QAAQ,GAAG;YACb,8BAA8B,EAAE,IAAI;YACpC,MAAM,EAAE,IAAI;SACf,CAAA;QAED,QAAQ,CAAC,cAAc,IAAI,CAAC,mBAAmB,EAAE,CAAC,GAAG,IAAI,CAAA;QAEzD,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,gBAAgB;QACnB,MAAM,QAAQ,GAAG;YACb,6BAA6B,EAAE,IAAI;YACnC,MAAM,EAAE,IAAI;SACf,CAAA;QAED,QAAQ,CAAC,cAAc,IAAI,CAAC,iBAAiB,EAAE,CAAC,GAAG,IAAI,CAAA;QAEvD,OAAO,QAAQ,CAAA;IACnB,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;iBACxB;gBAED,4DAAK,KAAK,EAAC,YAAY;oBACnB,8DAAO,~~OAAO~~,EAAC,~~cAAc~~,EAAC,~~KAAK~~,EAAC,~~mBAAmB~~;wBACnD,8DAAO,EAAE,~~EAAC~~,~~cAAc~~,~~EAAC~~,~~IAAI~~,EAAC,cAAc,EAAC,IAAI,EAAC,~~UAAU~~,EAAC,~~OAAO,EAAE,~~IAAI,~~CAAC~~,~~OAAO~~,~~GAAI~~;wBACtF,4DAAK,KAAK,EAAC,+BAA+B;4BACtC,4DAAK,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE;gCAChC,6DAAM,IAAI,EAAC,gBAAgB,GAAG,CAC5B;4BACN,4DAAK,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE;gCAC/B,6DAAM,IAAI,EAAC,cAAc,GAAG,CAC1B,CACJ,CACF,CACN,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, Host, h, Prop } from '@stencil/core'\n\ntype TileBackground = 'primary' \| 'danger' \| 'secondary' \| 'success' \| 'muted'\n\n/*\n @slot unchecked-text - displayed text when switch is unchecked\n * @slot checked-text - displayed text when switch is checked\n /\n@Component({\n tag: 'p-switch-tile',\n styleUrl: 'switch-tile.scss',\n shadow: true,\n})\nexport class PSwitchTile {\n /* Enable dark mode */\n @Prop()\n public dark?: boolean = false\n @Prop()\n public checked?: boolean = false\n @Prop()\n public checkedBackground?: TileBackground = 'primary'\n @Prop()\n public uncheckedBackground?: TileBackground\n\n @Event({\n eventName: 'change',\n })\n public changeEvent: EventEmitter<boolean>\n\n public onInput(e: Event) {\n this.changeEvent.emit((e.target as HTMLInputElement).checked)\n }\n\n public getFrontCardClass() {\n const cssClass = {\n 'paper-switch-tile-card-front': true,\n border: true,\n }\n\n cssClass[`background-${this.uncheckedBackground}`] = true\n\n return cssClass\n }\n\n public getBackCardClass() {\n const cssClass = {\n 'paper-switch-tile-card-back': true,\n border: true,\n }\n\n cssClass[`background-${this.checkedBackground}`] = true\n\n return cssClass\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n papier: true,\n 'is--dark': this.dark,\n }}\n >\n <div class=\"form-group\">\n <label ~~htmlFor=\"paperSwitch1\"~~ class=\"paper-switch-tile\">\n <input id=\"paperSwitch1\" name=\"paperSwitch1\" type=\"checkbox\" ~~checked={this.checked}~~ />\n <div class=\"paper-switch-tile-card border\">\n <div class={this.getFrontCardClass()}>\n <slot name=\"unchecked-text\" />\n </div>\n <div class={this.getBackCardClass()}>\n <slot name=\"checked-text\" />\n </div>\n </div>\n </label>\n </div>\n </div>\n </Host>\n )\n }\n}\n"]}
1	+ {"version":3,"file":"switch-tile.js","sourceRoot":"","sources":["../../../../src/components/form/p-switch-tile/switch-tile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAIlF;;;GAGG;AAMH,MAAM,OAAO,WAAW;IALxB;QAMI,uBAAuB;QAEhB,SAAI,GAAa,KAAK,CAAA;QAEtB,YAAO,GAAa,KAAK,CAAA;QAEzB,sBAAiB,GAAoB,SAAS,CAAA;KA6DxD;IApDU,OAAO,CAAC,CAAQ;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAE,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC,CAAA;IACjE,CAAC;IAEM,iBAAiB;QACpB,MAAM,QAAQ,GAAG;YACb,8BAA8B,EAAE,IAAI;YACpC,MAAM,EAAE,IAAI;SACf,CAAA;QAED,QAAQ,CAAC,cAAc,IAAI,CAAC,mBAAmB,EAAE,CAAC,GAAG,IAAI,CAAA;QAEzD,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,gBAAgB;QACnB,MAAM,QAAQ,GAAG;YACb,6BAA6B,EAAE,IAAI;YACnC,MAAM,EAAE,IAAI;SACf,CAAA;QAED,QAAQ,CAAC,cAAc,IAAI,CAAC,iBAAiB,EAAE,CAAC,GAAG,IAAI,CAAA;QAEvD,OAAO,QAAQ,CAAA;IACnB,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;iBACxB;gBAED,4DAAK,KAAK,EAAC,YAAY;oBACnB,8DAAO,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAC,cAAc;wBACnD,8DAAO,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,EAAC,cAAc,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,UAAU,GAAG;wBACtF,4DAAK,KAAK,EAAC,+BAA+B;4BACtC,4DAAK,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE;gCAChC,6DAAM,IAAI,EAAC,gBAAgB,GAAG,CAC5B;4BACN,4DAAK,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE;gCAC/B,6DAAM,IAAI,EAAC,cAAc,GAAG,CAC1B,CACJ,CACF,CACN,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, Host, h, Prop } from '@stencil/core'\n\ntype TileBackground = 'primary' \| 'danger' \| 'secondary' \| 'success' \| 'muted'\n\n/*\n @slot unchecked-text - displayed text when switch is unchecked\n * @slot checked-text - displayed text when switch is checked\n /\n@Component({\n tag: 'p-switch-tile',\n styleUrl: 'switch-tile.scss',\n shadow: true,\n})\nexport class PSwitchTile {\n /* Enable dark mode */\n @Prop()\n public dark?: boolean = false\n @Prop()\n public checked?: boolean = false\n @Prop()\n public checkedBackground?: TileBackground = 'primary'\n @Prop()\n public uncheckedBackground?: TileBackground\n\n @Event({\n eventName: 'change',\n })\n public changeEvent: EventEmitter<boolean>\n\n public onInput(e: Event) {\n this.changeEvent.emit((e.target as HTMLInputElement).checked)\n }\n\n public getFrontCardClass() {\n const cssClass = {\n 'paper-switch-tile-card-front': true,\n border: true,\n }\n\n cssClass[`background-${this.uncheckedBackground}`] = true\n\n return cssClass\n }\n\n public getBackCardClass() {\n const cssClass = {\n 'paper-switch-tile-card-back': true,\n border: true,\n }\n\n cssClass[`background-${this.checkedBackground}`] = true\n\n return cssClass\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n papier: true,\n 'is--dark': this.dark,\n }}\n >\n <div class=\"form-group\">\n <label class=\"paper-switch-tile\" htmlFor=\"paperSwitch1\">\n <input checked={this.checked} id=\"paperSwitch1\" name=\"paperSwitch1\" type=\"checkbox\" />\n <div class=\"paper-switch-tile-card border\">\n <div class={this.getFrontCardClass()}>\n <slot name=\"unchecked-text\" />\n </div>\n <div class={this.getBackCardClass()}>\n <slot name=\"checked-text\" />\n </div>\n </div>\n </label>\n </div>\n </div>\n </Host>\n )\n }\n}\n"]}