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/esm/p-notification.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-notification.entry.js","sources":["src/components/notification/p-notification/p-notification.scss?tag=p-notification&encapsulation=shadow","src/components/notification/p-notification/p-notification.tsx"],"sourcesContent":[":host {\n @import \"../../common\";\n\n .alert {\n position: relative;\n display: grid;\n // height: 56px;\n width: 80vw;\n max-width: 680px;\n grid-template-columns: 24px 1fr;\n align-items: center;\n grid-gap: 8px;\n animation: .25s toastEnter forwards;\n margin: auto;\n pointer-events: all;\n user-select: none;\n transition: opacity 1s ease;\n\n svg:first-of-type {\n position: relative;\n top: 3px;\n }\n\n &.can--close {\n grid-template-columns: 24px 1fr auto;\n\n span:hover {\n cursor: pointer;\n }\n }\n\n &.hidden {\n opacity: 0;\n }\n }\n}\n\n@keyframes toastEnter {\n from {\n opacity: 0;\n transform: translateY(10vh);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes toastExit {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}","import { Component, Element, Event, type EventEmitter, Host, h, Prop } from '@stencil/core'\nimport feather from 'feather-icons'\n\n@Component({\n tag: 'p-notification',\n styleUrl: 'p-notification.scss',\n shadow: true,\n})\nexport class PNotification {\n @Element()\n public el: HTMLElement\n\n @Prop()\n public type?: string = 'info'\n\n @Prop()\n public text = ''\n\n @Prop()\n public canclose = false\n\n @Prop()\n public timestamp = ''\n\n @Event({\n eventName: 'close',\n })\n public close: EventEmitter<string>\n\n public getIconName() {\n switch (this.type) {\n case 'primary':\n return feather.icons.info.toSvg()\n case 'warning':\n return feather.icons['alert-triangle'].toSvg()\n case 'danger':\n return feather.icons['alert-circle'].toSvg()\n case 'success':\n return feather.icons['check-circle'].toSvg()\n default:\n return feather.icons.info.toSvg()\n }\n }\n\n public getClassName() {\n const cssClass = {\n alert: true,\n 'can--close': this.canclose,\n }\n const type = [\n 'primary',\n 'secondary',\n 'success',\n 'warning',\n 'danger',\n ].find((v) => v === this.type)\n cssClass[`alert-${type \|\| 'primary'}`] = true\n\n return cssClass\n }\n\n private onClose() {\n console.debug('on close baby')\n this.close.emit(this.timestamp)\n }\n\n render() {\n return (\n <Host>\n <div class=\"papier\">\n <div class={this.getClassName()}>\n <div innerHTML={this.getIconName()} />\n <div innerHTML={this.text} />\n {this.canclose && (\n <span\n onClick={() => {\n this.onClose()\n }}\n ~~innerHTML={feather.icons.x.toSvg()}\n~~ />\n )}\n </div>\n </div>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,gBAAgB,GAAG,uwrFAAuwrF;;MCQnxrF,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAUW,QAAA,IAAI,CAAA,IAAA,GAAY,MAAM;AAGtB,QAAA,IAAI,CAAA,IAAA,GAAG,EAAE;AAGT,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAGhB,QAAA,IAAS,CAAA,SAAA,GAAG,EAAE;AAgExB;IAzDU,WAAW,GAAA;AACd,QAAA,QAAQ,IAAI,CAAC,IAAI;AACb,YAAA,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;AACrC,YAAA,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE;AAClD,YAAA,KAAK,QAAQ;gBACT,OAAO,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AAChD,YAAA,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AAChD,YAAA;gBACI,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;;;IAItC,YAAY,GAAA;AACf,QAAA,MAAM,QAAQ,GAAG;AACb,YAAA,KAAK,EAAE,IAAI;YACX,YAAY,EAAE,IAAI,CAAC,QAAQ;SAC9B;AACD,QAAA,MAAM,IAAI,GAAG;YACT,SAAS;YACT,WAAW;YACX,SAAS;YACT,SAAS;YACT,QAAQ;AACX,SAAA,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC;QAC9B,QAAQ,CAAC,SAAS,IAAI,IAAI,SAAS,CAAE,CAAA,CAAC,GAAG,IAAI;AAE7C,QAAA,OAAO,QAAQ;;IAGX,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC;QAC9B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;;IAGnC,MAAM,GAAA;QACF,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACf,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,EAAI,CAAA,EACtC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,SAAS,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,EAC5B,IAAI,CAAC,QAAQ,KACV,~~6DACI~~,~~OAAO~~,~~EAAE~~,~~MAAK;gBACV~~,~~IAAI~~,~~CAAC~~,~~OAAO~~,~~EAAE;AAClB~~,~~aAAC~~,~~EACD,~~SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,~~EACpC~~,~~CAAA~~,CACL,CACC,CACJ,CACH;;;;;;;;"}
1	+ {"version":3,"file":"p-notification.entry.js","sources":["src/components/notification/p-notification/p-notification.scss?tag=p-notification&encapsulation=shadow","src/components/notification/p-notification/p-notification.tsx"],"sourcesContent":[":host {\n @import \"../../common\";\n\n .alert {\n position: relative;\n display: grid;\n // height: 56px;\n width: 80vw;\n max-width: 680px;\n grid-template-columns: 24px 1fr;\n align-items: center;\n grid-gap: 8px;\n animation: .25s toastEnter forwards;\n margin: auto;\n pointer-events: all;\n user-select: none;\n transition: opacity 1s ease;\n\n svg:first-of-type {\n position: relative;\n top: 3px;\n }\n\n &.can--close {\n grid-template-columns: 24px 1fr auto;\n\n span:hover {\n cursor: pointer;\n }\n }\n\n &.hidden {\n opacity: 0;\n }\n }\n}\n\n@keyframes toastEnter {\n from {\n opacity: 0;\n transform: translateY(10vh);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes toastExit {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}","import { Component, Element, Event, type EventEmitter, Host, h, Prop } from '@stencil/core'\nimport feather from 'feather-icons'\n\n@Component({\n tag: 'p-notification',\n styleUrl: 'p-notification.scss',\n shadow: true,\n})\nexport class PNotification {\n @Element()\n public el: HTMLElement\n\n @Prop()\n public type?: string = 'info'\n\n @Prop()\n public text = ''\n\n @Prop()\n public canclose = false\n\n @Prop()\n public timestamp = ''\n\n @Event({\n eventName: 'close',\n })\n public close: EventEmitter<string>\n\n public getIconName() {\n switch (this.type) {\n case 'primary':\n return feather.icons.info.toSvg()\n case 'warning':\n return feather.icons['alert-triangle'].toSvg()\n case 'danger':\n return feather.icons['alert-circle'].toSvg()\n case 'success':\n return feather.icons['check-circle'].toSvg()\n default:\n return feather.icons.info.toSvg()\n }\n }\n\n public getClassName() {\n const cssClass = {\n alert: true,\n 'can--close': this.canclose,\n }\n const type = [\n 'primary',\n 'secondary',\n 'success',\n 'warning',\n 'danger',\n ].find((v) => v === this.type)\n cssClass[`alert-${type \|\| 'primary'}`] = true\n\n return cssClass\n }\n\n private onClose() {\n console.debug('on close baby')\n this.close.emit(this.timestamp)\n }\n\n render() {\n return (\n <Host>\n <div class=\"papier\">\n <div class={this.getClassName()}>\n <div innerHTML={this.getIconName()} />\n <div innerHTML={this.text} />\n {this.canclose && (\n <span\n innerHTML={feather.icons.x.toSvg()}\n onClick={() => {\n this.onClose()\n }}\n />\n )}\n </div>\n </div>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,gBAAgB,GAAG,uwrFAAuwrF;;MCQnxrF,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAUW,QAAA,IAAI,CAAA,IAAA,GAAY,MAAM;AAGtB,QAAA,IAAI,CAAA,IAAA,GAAG,EAAE;AAGT,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAGhB,QAAA,IAAS,CAAA,SAAA,GAAG,EAAE;AAgExB;IAzDU,WAAW,GAAA;AACd,QAAA,QAAQ,IAAI,CAAC,IAAI;AACb,YAAA,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;AACrC,YAAA,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE;AAClD,YAAA,KAAK,QAAQ;gBACT,OAAO,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AAChD,YAAA,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AAChD,YAAA;gBACI,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;;;IAItC,YAAY,GAAA;AACf,QAAA,MAAM,QAAQ,GAAG;AACb,YAAA,KAAK,EAAE,IAAI;YACX,YAAY,EAAE,IAAI,CAAC,QAAQ;SAC9B;AACD,QAAA,MAAM,IAAI,GAAG;YACT,SAAS;YACT,WAAW;YACX,SAAS;YACT,SAAS;YACT,QAAQ;AACX,SAAA,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC;QAC9B,QAAQ,CAAC,SAAS,IAAI,IAAI,SAAS,CAAE,CAAA,CAAC,GAAG,IAAI;AAE7C,QAAA,OAAO,QAAQ;;IAGX,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC;QAC9B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;;IAGnC,MAAM,GAAA;QACF,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACf,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,EAAI,CAAA,EACtC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,SAAS,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,EAC5B,IAAI,CAAC,QAAQ,KACV,CACI,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,EAClC,OAAO,EAAE,MAAK;gBACV,IAAI,CAAC,OAAO,EAAE;AAClB,aAAC,GACH,CACL,CACC,CACJ,CACH;;;;;;;;"}

package/dist/esm/p-progress-bar.entry.js CHANGED Viewed

@@ -50,7 +50,7 @@ const PProgressBar = class {
         return cssClass;
     }
     render() {
-        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' })))));
+        return (h("div", { key: '40daa8df3269ada2b2bd05d7e7f96da4af359399', class: this.getParentClass() }, h("div", { key: 'bab41a619cc55c6367e20cc546819810cc6ee17c', class: "progress" }, h("div", { key: '9bed8b68b6753c9bfd4b7fe5979d1ae8e36bb2f3', class: this.getClass() }, h("slot", { key: '4a49e8aa4b0e35c0bc66d8d40dc7760853dcdfc1' })))));
     }
 };
 PProgressBar.style = pProgressBarCss;

package/dist/esm/p-slider.entry.js CHANGED Viewed

@@ -19,9 +19,9 @@ const PSlider = class {
                 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 })))));
     }
 };
 PSlider.style = sliderCss;

package/dist/esm/p-slider.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-slider.entry.js","sources":["src/components/form/p-slider/slider.scss?tag=p-slider&encapsulation=shadow","src/components/form/p-slider/sliders.tsx"],"sourcesContent":[":host {\n @import \"../../common\";\n\n .papier {\n .form-group {\n margin-bottom: 0;\n }\n }\n\n .papier:not(.is--block) {\n .form-group {\n display: inline-block;\n }\n }\n}","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"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,mmqFAAmmqF;;MCOxmqF,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOI,QAAA,IAAK,CAAA,KAAA,GAAY,CAAC;AAElB,QAAA,IAAG,CAAA,GAAA,GAAY,CAAC;AAIhB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAEvB,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAqCzB;AA9BU,IAAA,OAAO,CAAC,CAAQ,EAAA;AACnB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;;IAGhF,MAAM,GAAA;QACF,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,WAAW,EAAE,IAAI,CAAC,KAAK;gBACvB,UAAU,EAAE,IAAI,CAAC,IAAI;aACxB,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnB,~~CAAA~~,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,~~EACI~~,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,KAAI;AACX,gBAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AACnB,aAAC,~~EACH~~,CAAA,CACA,CACJ,CACH;;;;;;;"}
1	+ {"version":3,"file":"p-slider.entry.js","sources":["src/components/form/p-slider/slider.scss?tag=p-slider&encapsulation=shadow","src/components/form/p-slider/sliders.tsx"],"sourcesContent":[":host {\n @import \"../../common\";\n\n .papier {\n .form-group {\n margin-bottom: 0;\n }\n }\n\n .papier:not(.is--block) {\n .form-group {\n display: inline-block;\n }\n }\n}","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"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,mmqFAAmmqF;;MCOxmqF,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOI,QAAA,IAAK,CAAA,KAAA,GAAY,CAAC;AAElB,QAAA,IAAG,CAAA,GAAA,GAAY,CAAC;AAIhB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAEvB,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAqCzB;AA9BU,IAAA,OAAO,CAAC,CAAQ,EAAA;AACnB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;;IAGhF,MAAM,GAAA;QACF,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,WAAW,EAAE,IAAI,CAAC,KAAK;gBACvB,UAAU,EAAE,IAAI,CAAC,IAAI;aACxB,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnB,CACI,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,OAAO,EAAE,CAAC,CAAC,KAAI;AACX,gBAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AACnB,aAAC,EACD,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,EACnB,CAAA,CACA,CACJ,CACH;;;;;;;"}

package/dist/esm/p-spinner.entry.js CHANGED Viewed

@@ -13,12 +13,12 @@ const PSpinner = class {
         };
     }
     render() {
-        return (h(Host, { key: 'f3bbab7ece35c6b756f90d07e5fbda1593c5f38f' }, h("div", { key: '3a3747c4c68f1727ec4df8e0c66b487a518dc1d9', class: {
+        return (h(Host, { key: '374755fff271c983e8103d5be5d9710812359af1' }, h("div", { key: '9fbdaf2045430248bab0448fbd020c1f89fe00f4', class: {
                 'p-spinner': true,
                 papier: true,
                 'is--large': this.large,
                 'is--dark': this.dark,
-            } }, h("div", { key: '6f9f7defd6133e17cccf962b097c24abdd50b785', class: "border border-primary", style: this.getStyle() }), h("div", { key: 'be6df3ee8cf9ebb9c9ae27928eea477cf5167761', class: "border border-primary", style: this.getStyle() }), h("div", { key: 'd539e63c209e600707f15d2940d2077a13038c13', class: "border border-primary", style: this.getStyle() }))));
+            } }, h("div", { key: '89437e219038506d25c67bde9149358244b37b36', class: "border border-primary", style: this.getStyle() }), h("div", { key: '9e779d13ee2be3e6126edc7b1ff74301aeac0869', class: "border border-primary", style: this.getStyle() }), h("div", { key: 'b519e37f40192e8ec63925543e08750c708a9ae8', class: "border border-primary", style: this.getStyle() }))));
     }
 };
 PSpinner.style = pSpinnerCss;

package/dist/esm/p-spinner.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-spinner.entry.js","sources":["src/components/p-spinner/p-spinner.scss?tag=p-spinner&encapsulation=shadow","src/components/p-spinner/p-spinner.tsx"],"sourcesContent":["@keyframes spin {\n 0% {\n transform: scale(1);\n opacity: 1\n }\n\n 45% {\n transform: scale(0.1);\n opacity: 0.7\n }\n\n 80% {\n transform: scale(1);\n opacity: 1\n }\n}\n\n:host {\n @import \"../common\";\n\n .p-spinner {\n display: inline-block;\n line-height: 1px;\n\n &.is--large {\n div {\n width: 20px;\n height: 20px;\n }\n }\n\n div {\n display: inline-block;\n width: 10px;\n height: 10px;\n animation: spin 1s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n\n &:first-of-type {\n animation: spin 1s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n margin-right: 8px;\n }\n\n &:last-of-type {\n animation: spin 1s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n margin-left: 8px;\n }\n }\n }\n}","import { Component, Host, h, Prop } from '@stencil/core'\n\n@Component({\n tag: 'p-spinner',\n styleUrl: 'p-spinner.scss',\n shadow: true,\n})\nexport class PSpinner {\n @Prop()\n public large: boolean = false\n\n @Prop()\n public color?: string\n\n @Prop()\n public dark?: boolean\n\n public getStyle() {\n return {\n backgroundColor: this.color \|\| 'currentColor',\n }\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n 'p-spinner': true,\n papier: true,\n 'is--large': this.large,\n 'is--dark': this.dark,\n }}\n >\n <div class=\"border border-primary\" style={this.getStyle()} ~~/>\~~n <div class=\"border border-primary\" style={this.getStyle()} ~~/>\~~n <div class=\"border border-primary\" style={this.getStyle()} ~~/>\~~n </div>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG,ourFAAourF;;MCO3urF,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOW,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;AAgChC;IAxBU,QAAQ,GAAA;QACX,OAAO;AACH,YAAA,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,cAAc;SAChD;;IAGL,MAAM,GAAA;QACF,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,MAAM,EAAE,IAAI;gBACZ,WAAW,EAAE,IAAI,CAAC,KAAK;gBACvB,UAAU,EAAE,IAAI,CAAC,IAAI;AACxB,aAAA,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,~~EAAI~~,CAAA,~~EAC7D~~,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,~~EAAI~~,CAAA,~~EAC7D~~,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAA,~~CAAI~~,~~CAC3D~~,CACH;;;;;;;"}
1	+ {"version":3,"file":"p-spinner.entry.js","sources":["src/components/p-spinner/p-spinner.scss?tag=p-spinner&encapsulation=shadow","src/components/p-spinner/p-spinner.tsx"],"sourcesContent":["@keyframes spin {\n 0% {\n transform: scale(1);\n opacity: 1\n }\n\n 45% {\n transform: scale(0.1);\n opacity: 0.7\n }\n\n 80% {\n transform: scale(1);\n opacity: 1\n }\n}\n\n:host {\n @import \"../common\";\n\n .p-spinner {\n display: inline-block;\n line-height: 1px;\n\n &.is--large {\n div {\n width: 20px;\n height: 20px;\n }\n }\n\n div {\n display: inline-block;\n width: 10px;\n height: 10px;\n animation: spin 1s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n\n &:first-of-type {\n animation: spin 1s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n margin-right: 8px;\n }\n\n &:last-of-type {\n animation: spin 1s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n margin-left: 8px;\n }\n }\n }\n}","import { Component, Host, h, Prop } from '@stencil/core'\n\n@Component({\n tag: 'p-spinner',\n styleUrl: 'p-spinner.scss',\n shadow: true,\n})\nexport class PSpinner {\n @Prop()\n public large: boolean = false\n\n @Prop()\n public color?: string\n\n @Prop()\n public dark?: boolean\n\n public getStyle() {\n return {\n backgroundColor: this.color \|\| 'currentColor',\n }\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n 'p-spinner': true,\n papier: true,\n 'is--large': this.large,\n 'is--dark': this.dark,\n }}\n >\n <div class=\"border border-primary\" style={this.getStyle()}></div>\n <div class=\"border border-primary\" style={this.getStyle()}></div>\n <div class=\"border border-primary\" style={this.getStyle()}></div>\n </div>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG,ourFAAourF;;MCO3urF,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOW,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;AAgChC;IAxBU,QAAQ,GAAA;QACX,OAAO;AACH,YAAA,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,cAAc;SAChD;;IAGL,MAAM,GAAA;QACF,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,MAAM,EAAE,IAAI;gBACZ,WAAW,EAAE,IAAI,CAAC,KAAK;gBACvB,UAAU,EAAE,IAAI,CAAC,IAAI;AACxB,aAAA,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAQ,CAAA,EACjE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAQ,CAAA,EACjE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAA,CAAQ,CAC/D,CACH;;;;;;;"}

package/dist/esm/p-switch-tile.entry.js CHANGED Viewed

@@ -34,7 +34,7 @@ const PSwitchTile = class {
         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" }))))))));
     }
 };
 PSwitchTile.style = switchTileCss;

package/dist/esm/p-switch-tile.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-switch-tile.entry.js","sources":["src/components/form/p-switch-tile/switch-tile.scss?tag=p-switch-tile&encapsulation=shadow","src/components/form/p-switch-tile/switch-tile.tsx"],"sourcesContent":[":host {\n @import '../../common';\n\n .papier {\n display: inline-block;\n\n .form-group {\n margin-bottom: 0;\n display: inline-block;\n }\n }\n}\n","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"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,imqFAAimqF;;MCa1mqF,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAQW,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAEtB,QAAA,IAAO,CAAA,OAAA,GAAa,KAAK;AAEzB,QAAA,IAAiB,CAAA,iBAAA,GAAoB,SAAS;AA6DxD;AApDU,IAAA,OAAO,CAAC,CAAQ,EAAA;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAE,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC;;IAG1D,iBAAiB,GAAA;AACpB,QAAA,MAAM,QAAQ,GAAG;AACb,YAAA,8BAA8B,EAAE,IAAI;AACpC,YAAA,MAAM,EAAE,IAAI;SACf;QAED,QAAQ,CAAC,cAAc,IAAI,CAAC,mBAAmB,CAAE,CAAA,CAAC,GAAG,IAAI;AAEzD,QAAA,OAAO,QAAQ;;IAGZ,gBAAgB,GAAA;AACnB,QAAA,MAAM,QAAQ,GAAG;AACb,YAAA,6BAA6B,EAAE,IAAI;AACnC,YAAA,MAAM,EAAE,IAAI;SACf;QAED,QAAQ,CAAC,cAAc,IAAI,CAAC,iBAAiB,CAAE,CAAA,CAAC,GAAG,IAAI;AAEvD,QAAA,OAAO,QAAQ;;IAGnB,MAAM,GAAA;QACF,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;AACxB,aAAA,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,~~OAAO~~,EAAC,~~cAAc~~,EAAC,~~KAAK~~,EAAC,~~mBAAmB~~,EAAA,EACnD,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,EAAE,~~EAAC~~,~~cAAc~~,~~EAAC~~,~~IAAI~~,EAAC,cAAc,EAAC,IAAI,EAAC,~~UAAU~~,EAAC,~~OAAO,EAAE,~~IAAI,~~CAAC~~,~~OAAO~~,~~EAAI~~,CAAA,EACtF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACtC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CAC5B,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAG,CAAA,CAC1B,CACJ,CACF,CACN,CACJ,CACH;;;;;;;"}
1	+ {"version":3,"file":"p-switch-tile.entry.js","sources":["src/components/form/p-switch-tile/switch-tile.scss?tag=p-switch-tile&encapsulation=shadow","src/components/form/p-switch-tile/switch-tile.tsx"],"sourcesContent":[":host {\n @import '../../common';\n\n .papier {\n display: inline-block;\n\n .form-group {\n margin-bottom: 0;\n display: inline-block;\n }\n }\n}\n","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"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,imqFAAimqF;;MCa1mqF,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAQW,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAEtB,QAAA,IAAO,CAAA,OAAA,GAAa,KAAK;AAEzB,QAAA,IAAiB,CAAA,iBAAA,GAAoB,SAAS;AA6DxD;AApDU,IAAA,OAAO,CAAC,CAAQ,EAAA;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAE,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC;;IAG1D,iBAAiB,GAAA;AACpB,QAAA,MAAM,QAAQ,GAAG;AACb,YAAA,8BAA8B,EAAE,IAAI;AACpC,YAAA,MAAM,EAAE,IAAI;SACf;QAED,QAAQ,CAAC,cAAc,IAAI,CAAC,mBAAmB,CAAE,CAAA,CAAC,GAAG,IAAI;AAEzD,QAAA,OAAO,QAAQ;;IAGZ,gBAAgB,GAAA;AACnB,QAAA,MAAM,QAAQ,GAAG;AACb,YAAA,6BAA6B,EAAE,IAAI;AACnC,YAAA,MAAM,EAAE,IAAI;SACf;QAED,QAAQ,CAAC,cAAc,IAAI,CAAC,iBAAiB,CAAE,CAAA,CAAC,GAAG,IAAI;AAEvD,QAAA,OAAO,QAAQ;;IAGnB,MAAM,GAAA;QACF,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;AACxB,aAAA,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAC,cAAc,EAAA,EACnD,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,EAAC,cAAc,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,UAAU,EAAG,CAAA,EACtF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACtC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CAC5B,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAG,CAAA,CAC1B,CACJ,CACF,CACN,CACJ,CACH;;;;;;;"}

package/dist/esm/p-switch.entry.js CHANGED Viewed

@@ -23,7 +23,7 @@ const PSwitch = 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: '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/esm/p-switch.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-switch.entry.js","sources":["src/components/form/p-switch/switch.scss?tag=p-switch&encapsulation=shadow","src/components/form/p-switch/switch.tsx"],"sourcesContent":[":host {\n @import '../../common';\n\n .papier {\n display: inline-block;\n\n .form-group {\n margin-bottom: 0;\n display: inline-block;\n }\n }\n}\n","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"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,imqFAAimqF;;MCOtmqF,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAQW,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;;AAGvB,QAAA,IAAM,CAAA,MAAA,GAAa,KAAK;AAExB,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAEtB,QAAA,IAAO,CAAA,OAAA,GAAa,KAAK;AA8CnC;AAvCU,IAAA,OAAO,CAAC,CAAQ,EAAA;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAE,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC;;IAGjE,MAAM,GAAA;QACF,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;aACxB,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,cAAc,EAAE,CAAC,IAAI,CAAC,MAAM;gBAC5B,gBAAgB,EAAE,IAAI,CAAC,MAAM;aAChC,EAAA,EAED,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,EAAE,~~EAAC~~,~~cAAc~~,~~EACjB~~,~~IAAI~~,EAAC,cAAc,~~EACnB~~,IAAI,EAAC,~~UAAU~~,~~EACf~~,OAAO,EAAE,~~IAAI,~~CAAC,~~OAAO,EACrB,OAAO,EAAE,~~CAAC,~~CAAC,~~KAAK,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,~~EACjC~~,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;gBACH,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,gBAAA,qBAAqB,EAAE,IAAI;AAC9B,aAAA,EAAA,CACH,CACE,CACN,CACJ,CACH;;;;;;;"}
1	+ {"version":3,"file":"p-switch.entry.js","sources":["src/components/form/p-switch/switch.scss?tag=p-switch&encapsulation=shadow","src/components/form/p-switch/switch.tsx"],"sourcesContent":[":host {\n @import '../../common';\n\n .papier {\n display: inline-block;\n\n .form-group {\n margin-bottom: 0;\n display: inline-block;\n }\n }\n}\n","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"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,imqFAAimqF;;MCOtmqF,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAQW,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;;AAGvB,QAAA,IAAM,CAAA,MAAA,GAAa,KAAK;AAExB,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAEtB,QAAA,IAAO,CAAA,OAAA,GAAa,KAAK;AA8CnC;AAvCU,IAAA,OAAO,CAAC,CAAQ,EAAA;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAE,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC;;IAGjE,MAAM,GAAA;QACF,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;aACxB,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,cAAc,EAAE,CAAC,IAAI,CAAC,MAAM;gBAC5B,gBAAgB,EAAE,IAAI,CAAC,MAAM;aAChC,EAAA,EAED,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAC/B,IAAI,EAAC,UAAU,EACjB,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;gBACH,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,gBAAA,qBAAqB,EAAE,IAAI;AAC9B,aAAA,EAAA,CACH,CACE,CACN,CACJ,CACH;;;;;;;"}

package/dist/esm/p-tab.entry.js CHANGED Viewed

@@ -9,11 +9,11 @@ const PTab = class {
         this.dark = false;
     }
     render() {
-        return (h(Host, { key: '4e43d2f38a2e952105b22c412286fab1f96d8abc' }, h("div", { key: '353065c92ffa9244150037482bcd9321b8f76893', class: {
+        return (h(Host, { key: '7bcf86d4572a1355f19a5262f39dcad736c08f42' }, h("div", { key: '11107de1f9a607fc0cd6a6241a5af286d1c86170', class: {
                 papier: true,
                 'is--selected': this.selected,
                 'is--dark': this.dark,
-            } }, h("slot", { key: '0766a64a5f3c8229168b9ccd06173880ddad491f' }))));
+            } }, h("slot", { key: '3b8f9aab3fdab2f07269dd5b6d4b174c34df5bb9' }))));
     }
 };
 PTab.style = pTabCss;

package/dist/esm/p-tabs.entry.js CHANGED Viewed

@@ -45,12 +45,12 @@ const PTabs = class {
         };
     }
     render() {
-        return (h(Host, { key: 'b4fb55766cc259beab158cabbe30c29002cd0fb8' }, h("div", { key: 'fa79c0cae511d097b17f7d3e746c8ec2dcb531b1', class: {
+        return (h(Host, { key: 'ff29bc9c206cf3d0e705ca80210259ae392685ce' }, h("div", { key: '5e78965f9d022d68c32328cc97b210d8da283511', class: {
                 'is--dark': this.dark,
                 papier: true,
-            } }, h("div", { key: '58fce38027efd851103483fcbe3013fd4496af8f', class: "row flex-spaces tabs" }, this.tabs.map((t) => {
+            } }, h("div", { key: 'e0d7bc7c359788912dfc9633b88125360d4e5283', class: "row flex-spaces tabs" }, this.tabs.map((t) => {
             return (h("label", { class: this.getTabClass(t), htmlFor: "tab1", key: t.title, onClick: () => this.onSelectTab(t) }, t.title));
-        }), h("div", { key: '9f43cce27c573db15b4e9ec12efa4d7ff29d9673', class: "content" }, h("slot", { key: 'c3fe91c09787df8d35a4a132aa1d31008a3430d6' }))))));
+        }), h("div", { key: 'c9abb30a6e730c6506f964642d8082df45a351cb', class: "content" }, h("slot", { key: '0530793249e9df75acbb7fab5968a72615208e44' }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/p-tooltip.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const PTooltip = class {
         this.top = false;
     }
     render() {
-        return (h(Host, { key: '31c1300ff9942abd6f8a02cccd43b165f1486f71' }, h("div", { key: 'c2c3f9efdb1bd21009b84e2bbae70be76d413382', class: "papier" }, 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 }, h("slot", { key: 'a55beec254828006070d5f751e4dc6caaeae96b7' })))));
+        return (h(Host, { key: '846effdda6c833fda210ad81a28048d873d542dd' }, h("div", { key: 'a8a08d9e4093a1b63e0725ce641fb8956f617053', class: "papier" }, h("div", { key: '81eae998e951f3c32799f496ed6c616358ab453f', "popover-bottom": this.bottom && !this.disabled ? this.title : null, "popover-left": this.left && !this.disabled ? this.title : null, "popover-right": this.right && !this.disabled ? this.title : null, "popover-top": this.top && !this.disabled ? this.title : null }, h("slot", { key: '7fe92975bf4d7fdc2625076ccf0b0a4cbb301183' })))));
     }
 };
 PTooltip.style = pTooltipCss;

package/dist/esm/p-tooltip.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-tooltip.entry.js","sources":["src/components/p-tooltip/p-tooltip.scss?tag=p-tooltip&encapsulation=shadow","src/components/p-tooltip/p-tooltip.tsx"],"sourcesContent":[":host {\n @import \"../common\";\n\n display: inline-block;\n .papier {\n display: inline-block;\n\n &>div {\n display: inline;\n }\n }\n}","import { Component, Host, h, Prop } from '@stencil/core'\n\n@Component({\n tag: 'p-tooltip',\n styleUrl: 'p-tooltip.scss',\n shadow: true,\n})\nexport class PTooltip {\n @Prop()\n title?: string\n @Prop()\n disabled?: boolean = false\n @Prop()\n left?: boolean = false\n @Prop()\n right?: boolean = false\n @Prop()\n bottom?: boolean = false\n @Prop()\n top?: boolean = false\n\n render() {\n return (\n <Host>\n <div class=\"papier\">\n <div\n popover-~~left~~={this.~~left~~ && !this.disabled ? this.title : null}\n popover-~~right~~={this.~~right~~ && !this.disabled ? this.title : null}\n popover-~~bottom~~={this.~~bottom~~ && !this.disabled ? this.title : null}\n popover-top={this.top && !this.disabled ? this.title : null}\n >\n <slot />\n </div>\n </div>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG,smqFAAsmqF;;MCO7mqF,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AASI,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAE1B,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAEtB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAEvB,QAAA,IAAM,CAAA,MAAA,GAAa,KAAK;AAExB,QAAA,IAAG,CAAA,GAAA,GAAa,KAAK;AAkBxB;IAhBG,MAAM,GAAA;AACF,QAAA,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACf,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,~~cAAA~~,~~EACkB~~,IAAI,CAAC,~~IAAI~~,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,EAAA,~~eAAA~~,~~EAC9C~~,IAAI,CAAC,~~KAAK~~,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,~~EAC/C~~,~~gBAAA~~,EAAA,IAAI,CAAC,~~MAAM~~,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,~~EACpD~~,aAAA,EAAA,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,EAAA,EAE3D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACN,CACJ,CACH;;;;;;;"}
1	+ {"version":3,"file":"p-tooltip.entry.js","sources":["src/components/p-tooltip/p-tooltip.scss?tag=p-tooltip&encapsulation=shadow","src/components/p-tooltip/p-tooltip.tsx"],"sourcesContent":[":host {\n @import \"../common\";\n\n display: inline-block;\n .papier {\n display: inline-block;\n\n &>div {\n display: inline;\n }\n }\n}","import { Component, Host, h, Prop } from '@stencil/core'\n\n@Component({\n tag: 'p-tooltip',\n styleUrl: 'p-tooltip.scss',\n shadow: true,\n})\nexport class PTooltip {\n @Prop()\n title?: string\n @Prop()\n disabled?: boolean = false\n @Prop()\n left?: boolean = false\n @Prop()\n right?: boolean = false\n @Prop()\n bottom?: boolean = false\n @Prop()\n top?: boolean = false\n\n render() {\n return (\n <Host>\n <div class=\"papier\">\n <div\n popover-bottom={this.bottom && !this.disabled ? this.title : null}\n popover-left={this.left && !this.disabled ? this.title : null}\n popover-right={this.right && !this.disabled ? this.title : null}\n popover-top={this.top && !this.disabled ? this.title : null}\n >\n <slot />\n </div>\n </div>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG,smqFAAsmqF;;MCO7mqF,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AASI,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAE1B,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAEtB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAEvB,QAAA,IAAM,CAAA,MAAA,GAAa,KAAK;AAExB,QAAA,IAAG,CAAA,GAAA,GAAa,KAAK;AAkBxB;IAhBG,MAAM,GAAA;AACF,QAAA,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACf,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,gBAAA,EACoB,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,EAAA,cAAA,EACnD,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,EAC9C,eAAA,EAAA,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,EAClD,aAAA,EAAA,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,EAAA,EAE3D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACN,CACJ,CACH;;;;;;;"}

package/dist/esm/papierjs.js CHANGED Viewed

@@ -17,7 +17,7 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["p-notification-preview",[[0,"p-notification-preview",{"notificationType":[32]}]]],["p-input-text",[[1,"p-input-text",{"placeholder":[1],"icon":[1],"value":[1025],"required":[4],"dark":[4],"label":[1],"disabled":[4],"block":[4],"error":[1]}]]],["p-accordion",[[1,"p-accordion",{"title":[1],"open":[1028]}]]],["p-alert",[[1,"p-alert",{"type":[1],"closable":[4],"dark":[4]}]]],["p-badge",[[1,"p-badge",{"type":[1],"dark":[4]}]]],["p-breadcrumb",[[1,"p-breadcrumb",{"dark":[4]}]]],["p-breadcrumb-item",[[1,"p-breadcrumb-item",{"dark":[4],"first":[4],"link":[1]}]]],["p-card",[[1,"p-card",{"dark":[4],"radius":[4],"image":[1],"hasHeader":[32],"hasFooter":[32]}]]],["p-leaf",[[4,"p-leaf",{"dark":[4]}]]],["p-modal",[[1,"p-modal",{"isOpen":[32],"open":[64],"close":[64]}]]],["p-progress-bar",[[1,"p-progress-bar",{"type":[1],"value":[2],"striped":[4],"dark":[4],"auto":[2],"interval":[32]}]]],["p-slider",[[1,"p-slider",{"value":[2],"min":[2],"max":[2],"block":[4],"dark":[4]}]]],["p-switch",[[1,"p-switch",{"round":[4],"square":[4],"dark":[4],"checked":[4]}]]],["p-switch-tile",[[1,"p-switch-tile",{"dark":[4],"checked":[4],"checkedBackground":[1,"checked-background"],"uncheckedBackground":[1,"unchecked-background"]}]]],["p-tab",[[1,"p-tab",{"title":[1],"selected":[1028],"dark":[4]}]]],["p-tabs",[[1,"p-tabs",{"dark":[4],"tabs":[32],"selectedTab":[32]}]]],["p-tooltip",[[1,"p-tooltip",{"title":[1],"disabled":[4],"left":[4],"right":[4],"bottom":[4],"top":[4]}]]],["p-icon",[[1,"p-icon",{"icon":[1],"size":[2],"color":[1],"svgContent":[32]}]]],["p-notification",[[1,"p-notification",{"type":[1],"text":[1],"canclose":[4],"timestamp":[1]}]]],["p-spinner",[[1,"p-spinner",{"large":[4],"color":[1],"dark":[4]}]]],["p-button_4",[[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 bootstrapLazy([["p-notification-preview",[[0,"p-notification-preview",{"notificationType":[32]}]]],["p-input-text",[[1,"p-input-text",{"placeholder":[1],"icon":[1],"value":[1025],"required":[4],"dark":[4],"label":[1],"disabled":[4],"block":[4],"error":[1]}]]],["p-navbar-item",[[1,"p-navbar-item",{"dark":[4],"href":[1],"target":[1],"icon":[1]}]]],["p-accordion",[[1,"p-accordion",{"title":[1],"open":[1028],"dark":[4]}]]],["p-alert",[[1,"p-alert",{"type":[1],"closable":[4],"dark":[4]}]]],["p-badge",[[1,"p-badge",{"type":[1],"dark":[4]}]]],["p-breadcrumb",[[1,"p-breadcrumb",{"dark":[4]}]]],["p-breadcrumb-item",[[1,"p-breadcrumb-item",{"dark":[4],"first":[4],"link":[1]}]]],["p-card",[[1,"p-card",{"dark":[4],"radius":[4],"image":[1],"hasHeader":[32],"hasFooter":[32]}]]],["p-leaf",[[4,"p-leaf",{"dark":[4]}]]],["p-modal",[[1,"p-modal",{"isOpen":[32],"open":[64],"close":[64]}]]],["p-navbar",[[1,"p-navbar",{"split":[4],"fixed":[4],"dark":[4],"rootLink":[1,"root-link"],"rootTitle":[1,"root-title"]}]]],["p-progress-bar",[[1,"p-progress-bar",{"type":[1],"value":[2],"striped":[4],"dark":[4],"auto":[2],"interval":[32]}]]],["p-slider",[[1,"p-slider",{"value":[2],"min":[2],"max":[2],"block":[4],"dark":[4]}]]],["p-switch",[[1,"p-switch",{"round":[4],"square":[4],"dark":[4],"checked":[4]}]]],["p-switch-tile",[[1,"p-switch-tile",{"dark":[4],"checked":[4],"checkedBackground":[1,"checked-background"],"uncheckedBackground":[1,"unchecked-background"]}]]],["p-tab",[[1,"p-tab",{"title":[1],"selected":[1028],"dark":[4]}]]],["p-tabs",[[1,"p-tabs",{"dark":[4],"tabs":[32],"selectedTab":[32]}]]],["p-tooltip",[[1,"p-tooltip",{"title":[1],"disabled":[4],"left":[4],"right":[4],"bottom":[4],"top":[4]}]]],["p-icon",[[1,"p-icon",{"icon":[1],"size":[2],"color":[1],"svgContent":[32]}]]],["p-notification",[[1,"p-notification",{"type":[1],"text":[1],"canclose":[4],"timestamp":[1]}]]],["p-spinner",[[1,"p-spinner",{"large":[4],"color":[1],"dark":[4]}]]],["p-button_4",[[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);
 });
 //# sourceMappingURL=papierjs.js.map