@amiceli/papierjs 0.12.0 → 0.13.0

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

@@ -1,4 +1,4 @@
-import { P as PNotificationHandler$1, d as defineCustomElement$1 } from './p-D-0lSopu.js';
+import { P as PNotificationHandler$1, d as defineCustomElement$1 } from './p-DKlrOj-0.js';
 
 const PNotificationHandler = PNotificationHandler$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-notification-preview.js

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h } from './index.js';
-import { d as defineCustomElement$7 } from './p-DTXRchKU.js';
+import { d as defineCustomElement$7 } from './p-C4fWM-W2.js';
 import { d as defineCustomElement$6 } from './p-Ixyl16zU.js';
 import { d as defineCustomElement$5 } from './p-BoXBUJUF.js';
-import { d as defineCustomElement$4 } from './p-BG8QQjTj.js';
-import { d as defineCustomElement$3 } from './p-D-0lSopu.js';
-import { d as defineCustomElement$2 } from './p-Dfl1qwUC.js';
+import { d as defineCustomElement$4 } from './p-k0dKInmh.js';
+import { d as defineCustomElement$3 } from './p-DKlrOj-0.js';
+import { d as defineCustomElement$2 } from './p-DZbntG23.js';
 
 const PNotificationPreview$1 = /*@__PURE__*/ proxyCustomElement(class PNotificationPreview extends H {
     constructor() {
@@ -18,9 +18,9 @@ const PNotificationPreview$1 = /*@__PURE__*/ proxyCustomElement(class PNotificat
         }
     }
     render() {
-        return (h("div", { key: '00c5d264d96f0174f3a30fb1dce1ee2164ced09d' }, h("p-notification-handler", { key: '5b09b26ab5e50e918f3ebde3bad0a90c43305f1c' }), h("p-dropdown", { key: '41304a8740cd7d24fe7089760a57b75d090ebfc9', placeholder: "Choose notification type", onSelect: (e) => {
+        return (h("div", { key: '6b6d24b8233d9c1bc5c49ecb39c4a999b3b23fa3' }, h("p-notification-handler", { key: '3842b6d038cf55f5fe8936478bc5ab7e56abb17e' }), h("p-dropdown", { key: '83fb10687d5ba0331bfd222ccfa195577207a776', onSelect: (e) => {
                 this.notificationType = e.detail;
-            } }, [
+            }, placeholder: "Choose notification type" }, [
             'primary',
             'secondary',
             'success',
@@ -28,23 +28,23 @@ const PNotificationPreview$1 = /*@__PURE__*/ proxyCustomElement(class PNotificat
             'danger',
         ].map((value) => {
             return (h("p-dropdown-item", { key: value, value: value }, value));
-        })), h("div", { key: '48f2817adc574727f607539ec21b4d3690919f37', style: {
+        })), h("div", { key: '982a464b4d07c838995b22f1889b1da44574e056', style: {
                 marginTop: '20px',
-            } }, h("p-button", { key: 'f59a2d18ec02c2170f387188c4e7be6836837528', style: {
-                marginRight: '20px',
-            }, type: "primary", onClick: () => {
+            } }, h("p-button", { key: '602aa015361b1a86e1ca8571ba39f61e632a6b86', onClick: () => {
                 this.addNotification({});
-            } }, "Add notification"), h("p-button", { key: '149ec8a96a3249dd7d3ec228823b7408220054e7', type: "secondary", style: {
+            }, style: {
                 marginRight: '20px',
-            }, onClick: () => {
+            }, type: "primary" }, "Add notification"), h("p-button", { key: 'f7b1b30a2e8e501629c1d077848d0040a18f8624', onClick: () => {
                 this.addNotification({
                     canclose: true,
                 });
-            } }, "Add closable notification"), h("p-button", { key: '5a9191906a4fbd799b5657a2e609849ccae53b65', type: "success", onClick: () => {
+            }, style: {
+                marginRight: '20px',
+            }, type: "secondary" }, "Add closable notification"), h("p-button", { key: '65a0aef7bad1229f0cdf35123be08fbb3176563c', onClick: () => {
                 this.addNotification({
                     timeout: 2000,
                 });
-            } }, "Add timeout notification"))));
+            }, type: "success" }, "Add timeout notification"))));
     }
     get el() { return this; }
 }, [0, "p-notification-preview", {

package/dist/components/p-notification-preview.js.map

@@ -1 +1 @@
-{"file":"p-notification-preview.js","mappings":";;;;;;;;MAMaA,sBAAoB,iBAAAC,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;;;;;AAOtB,IAAA,eAAe,CAAC,OAA6B,EAAA;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,wBAAwB,CAAC;QAE/D,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,CAAC,gBAAgB,CAAA,MAAA,CAAA,MAAA,CAAA,EACpB,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAC3B,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,CAAG,EAAA,IAAI,CAAC,gBAAgB,IAAI,SAAS,CAAA,aAAA,CAAe,EAAA,EACvD,OAAO,CAAA,CACZ;;;IAIV,MAAM,GAAA;AACF,QAAA,QACI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACI,CAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1B,CACI,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAC,0BAA0B,EACtC,QAAQ,EAAE,CAAC,CAAc,KAAI;AACzB,gBAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,MAAM;AACpC,aAAC,EAEA,EAAA;YACG,SAAS;YACT,WAAW;YACX,SAAS;YACT,SAAS;YACT,QAAQ;AACX,SAAA,CAAC,GAAG,CAAC,CAAC,KAAK,KAAI;AACZ,YAAA,QACI,CAAA,CAAA,iBAAA,EAAA,EAAiB,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAA,EACpC,KAAK,CACQ;AAE1B,SAAC,CAAC,CACO,EAEb,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,SAAS,EAAE,MAAM;aACpB,EAAA,EAED,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,WAAW,EAAE,MAAM;AACtB,aAAA,EACD,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,MAAK;AACV,gBAAA,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;AAC5B,aAAC,EAGM,EAAA,kBAAA,CAAA,EACX,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE;AACH,gBAAA,WAAW,EAAE,MAAM;aACtB,EACD,OAAO,EAAE,MAAK;gBACV,IAAI,CAAC,eAAe,CAAC;AACjB,oBAAA,QAAQ,EAAE,IAAI;AACjB,iBAAA,CAAC;aACL,EAGM,EAAA,2BAAA,CAAA,EACX,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,MAAK;gBACV,IAAI,CAAC,eAAe,CAAC;AACjB,oBAAA,OAAO,EAAE,IAAI;AAChB,iBAAA,CAAC;AACN,aAAC,EAGM,EAAA,0BAAA,CAAA,CACT,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PNotificationPreview","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/notification/p-notification-handler/stories/p-notification-preview.tsx"],"sourcesContent":["import { Component, Element, h, State } from '@stencil/core'\nimport type { PushOptions } from '../p-notification-handler'\n\n@Component({\n    tag: 'p-notification-preview',\n})\nexport class PNotificationPreview {\n    @Element()\n    public el: HTMLElement\n\n    @State()\n    notificationType?: string\n\n    public addNotification(options: Partial<PushOptions>) {\n        const handler = this.el.querySelector('p-notification-handler')\n\n        if (handler) {\n            handler.pushNotification({\n                type: this.notificationType,\n                canclose: false,\n                text: `${this.notificationType || 'primary'} notification`,\n                ...options,\n            })\n        }\n    }\n\n    render() {\n        return (\n            <div>\n                <p-notification-handler />\n                <p-dropdown\n                    placeholder=\"Choose notification type\"\n                    onSelect={(e: CustomEvent) => {\n                        this.notificationType = e.detail\n                    }}\n                >\n                    {[\n                        'primary',\n                        'secondary',\n                        'success',\n                        'warning',\n                        'danger',\n                    ].map((value) => {\n                        return (\n                            <p-dropdown-item key={value} value={value}>\n                                {value}\n                            </p-dropdown-item>\n                        )\n                    })}\n                </p-dropdown>\n\n                <div\n                    style={{\n                        marginTop: '20px',\n                    }}\n                >\n                    <p-button\n                        style={{\n                            marginRight: '20px',\n                        }}\n                        type=\"primary\"\n                        onClick={() => {\n                            this.addNotification({})\n                        }}\n                    >\n                        Add notification\n                    </p-button>\n                    <p-button\n                        type=\"secondary\"\n                        style={{\n                            marginRight: '20px',\n                        }}\n                        onClick={() => {\n                            this.addNotification({\n                                canclose: true,\n                            })\n                        }}\n                    >\n                        Add closable notification\n                    </p-button>\n                    <p-button\n                        type=\"success\"\n                        onClick={() => {\n                            this.addNotification({\n                                timeout: 2000,\n                            })\n                        }}\n                    >\n                        Add timeout notification\n                    </p-button>\n                </div>\n            </div>\n        )\n    }\n}\n"],"version":3}
+{"file":"p-notification-preview.js","mappings":";;;;;;;;MAMaA,sBAAoB,iBAAAC,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;;;;;AAOtB,IAAA,eAAe,CAAC,OAA6B,EAAA;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,wBAAwB,CAAC;QAE/D,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,CAAC,gBAAgB,CAAA,MAAA,CAAA,MAAA,CAAA,EACpB,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAC3B,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,CAAG,EAAA,IAAI,CAAC,gBAAgB,IAAI,SAAS,CAAA,aAAA,CAAe,EAAA,EACvD,OAAO,CAAA,CACZ;;;IAIV,MAAM,GAAA;AACF,QAAA,QACI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACI,CAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1B,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,QAAQ,EAAE,CAAC,CAAc,KAAI;AACzB,gBAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,MAAM;AACpC,aAAC,EACD,WAAW,EAAC,0BAA0B,EAErC,EAAA;YACG,SAAS;YACT,WAAW;YACX,SAAS;YACT,SAAS;YACT,QAAQ;AACX,SAAA,CAAC,GAAG,CAAC,CAAC,KAAK,KAAI;AACZ,YAAA,QACI,CAAA,CAAA,iBAAA,EAAA,EAAiB,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAA,EACpC,KAAK,CACQ;AAE1B,SAAC,CAAC,CACO,EAEb,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,SAAS,EAAE,MAAM;AACpB,aAAA,EAAA,EAED,CACI,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,MAAK;AACV,gBAAA,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;aAC3B,EACD,KAAK,EAAE;AACH,gBAAA,WAAW,EAAE,MAAM;aACtB,EACD,IAAI,EAAC,SAAS,EAGP,EAAA,kBAAA,CAAA,EACX,CACI,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,MAAK;gBACV,IAAI,CAAC,eAAe,CAAC;AACjB,oBAAA,QAAQ,EAAE,IAAI;AACjB,iBAAA,CAAC;aACL,EACD,KAAK,EAAE;AACH,gBAAA,WAAW,EAAE,MAAM;aACtB,EACD,IAAI,EAAC,WAAW,EAGT,EAAA,2BAAA,CAAA,EACX,CACI,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,MAAK;gBACV,IAAI,CAAC,eAAe,CAAC;AACjB,oBAAA,OAAO,EAAE,IAAI;AAChB,iBAAA,CAAC;aACL,EACD,IAAI,EAAC,SAAS,+BAGP,CACT,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PNotificationPreview","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/notification/p-notification-handler/stories/p-notification-preview.tsx"],"sourcesContent":["import { Component, Element, h, State } from '@stencil/core'\nimport type { PushOptions } from '../p-notification-handler'\n\n@Component({\n    tag: 'p-notification-preview',\n})\nexport class PNotificationPreview {\n    @Element()\n    public el: HTMLElement\n\n    @State()\n    notificationType?: string\n\n    public addNotification(options: Partial<PushOptions>) {\n        const handler = this.el.querySelector('p-notification-handler')\n\n        if (handler) {\n            handler.pushNotification({\n                type: this.notificationType,\n                canclose: false,\n                text: `${this.notificationType || 'primary'} notification`,\n                ...options,\n            })\n        }\n    }\n\n    render() {\n        return (\n            <div>\n                <p-notification-handler />\n                <p-dropdown\n                    onSelect={(e: CustomEvent) => {\n                        this.notificationType = e.detail\n                    }}\n                    placeholder=\"Choose notification type\"\n                >\n                    {[\n                        'primary',\n                        'secondary',\n                        'success',\n                        'warning',\n                        'danger',\n                    ].map((value) => {\n                        return (\n                            <p-dropdown-item key={value} value={value}>\n                                {value}\n                            </p-dropdown-item>\n                        )\n                    })}\n                </p-dropdown>\n\n                <div\n                    style={{\n                        marginTop: '20px',\n                    }}\n                >\n                    <p-button\n                        onClick={() => {\n                            this.addNotification({})\n                        }}\n                        style={{\n                            marginRight: '20px',\n                        }}\n                        type=\"primary\"\n                    >\n                        Add notification\n                    </p-button>\n                    <p-button\n                        onClick={() => {\n                            this.addNotification({\n                                canclose: true,\n                            })\n                        }}\n                        style={{\n                            marginRight: '20px',\n                        }}\n                        type=\"secondary\"\n                    >\n                        Add closable notification\n                    </p-button>\n                    <p-button\n                        onClick={() => {\n                            this.addNotification({\n                                timeout: 2000,\n                            })\n                        }}\n                        type=\"success\"\n                    >\n                        Add timeout notification\n                    </p-button>\n                </div>\n            </div>\n        )\n    }\n}\n"],"version":3}

package/dist/components/p-notification.js

@@ -1,4 +1,4 @@
-import { P as PNotification$1, d as defineCustomElement$1 } from './p-BG8QQjTj.js';
+import { P as PNotification$1, d as defineCustomElement$1 } from './p-k0dKInmh.js';
 
 const PNotification = PNotification$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -52,7 +52,7 @@ const PProgressBar$1 = /*@__PURE__*/ proxyCustomElement(class PProgressBar exten
         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' })))));
     }
     static get style() { return pProgressBarCss; }
 }, [1, "p-progress-bar", {

package/dist/components/p-slider.js

@@ -21,9 +21,9 @@ const PSlider$1 = /*@__PURE__*/ proxyCustomElement(class PSlider extends H {
                 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 style() { return sliderCss; }
 }, [1, "p-slider", {

package/dist/components/p-slider.js.map

@@ -1 +1 @@
-{"file":"p-slider.js","mappings":";;AAAA,MAAM,SAAS,GAAG,mmqFAAmmqF;;MCOxmqFA,SAAO,iBAAAC,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,GAAA;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PSlider","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}
+{"file":"p-slider.js","mappings":";;AAAA,MAAM,SAAS,GAAG,mmqFAAmmqF;;MCOxmqFA,SAAO,iBAAAC,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,GAAA;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PSlider","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/p-spinner.js

@@ -1,4 +1,4 @@
-import { P as PSpinner$1, d as defineCustomElement$1 } from './p-Dfl1qwUC.js';
+import { P as PSpinner$1, d as defineCustomElement$1 } from './p-DZbntG23.js';
 
 const PSpinner = PSpinner$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -36,7 +36,7 @@ const PSwitchTile$1 = /*@__PURE__*/ proxyCustomElement(class PSwitchTile extends
         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 style() { return switchTileCss; }
 }, [1, "p-switch-tile", {

package/dist/components/p-switch-tile.js.map

@@ -1 +1 @@
-{"file":"p-switch-tile.js","mappings":";;AAAA,MAAM,aAAa,GAAG,imqFAAimqF;;MCa1mqFA,aAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AALxB,IAAA,WAAA,GAAA;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PSwitchTile","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}
+{"file":"p-switch-tile.js","mappings":";;AAAA,MAAM,aAAa,GAAG,imqFAAimqF;;MCa1mqFA,aAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AALxB,IAAA,WAAA,GAAA;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PSwitchTile","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/p-switch.js

@@ -25,7 +25,7 @@ const PSwitch$1 = /*@__PURE__*/ proxyCustomElement(class PSwitch extends H {
             } }, 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/components/p-switch.js.map

@@ -1 +1 @@
-{"file":"p-switch.js","mappings":";;AAAA,MAAM,SAAS,GAAG,imqFAAimqF;;MCOtmqFA,SAAO,iBAAAC,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,GAAA;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PSwitch","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}
+{"file":"p-switch.js","mappings":";;AAAA,MAAM,SAAS,GAAG,imqFAAimqF;;MCOtmqFA,SAAO,iBAAAC,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,GAAA;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PSwitch","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/p-tab.js

@@ -11,11 +11,11 @@ const PTab$1 = /*@__PURE__*/ proxyCustomElement(class PTab extends H {
         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' }))));
     }
     static get style() { return pTabCss; }
 }, [1, "p-tab", {

package/dist/components/p-tabs.js

@@ -47,12 +47,12 @@ const PTabs$1 = /*@__PURE__*/ proxyCustomElement(class PTabs extends H {
         };
     }
     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 this; }
     static get style() { return pTabsCss; }

package/dist/components/p-tooltip.js

@@ -14,7 +14,7 @@ const PTooltip$1 = /*@__PURE__*/ proxyCustomElement(class PTooltip extends H {
         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' })))));
     }
     static get style() { return pTooltipCss; }
 }, [1, "p-tooltip", {

package/dist/components/p-tooltip.js.map

@@ -1 +1 @@
-{"file":"p-tooltip.js","mappings":";;AAAA,MAAM,WAAW,GAAG,smqFAAsmqF;;MCO7mqFA,UAAQ,iBAAAC,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AALrB,IAAA,WAAA,GAAA;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PTooltip","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}
+{"file":"p-tooltip.js","mappings":";;AAAA,MAAM,WAAW,GAAG,smqFAAsmqF;;MCO7mqFA,UAAQ,iBAAAC,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AALrB,IAAA,WAAA,GAAA;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PTooltip","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/esm/index-D_9dM54j.js

@@ -107,6 +107,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './p-modal.entry.js').then(processMod, consoleError);
+                case 'p-navbar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './p-navbar.entry.js').then(processMod, consoleError);
+                case 'p-navbar-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './p-navbar-item.entry.js').then(processMod, consoleError);
                 case 'p-progress-bar':
                     return import(
                       /* webpackMode: "lazy" */

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   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);
 };
 
 export { defineCustomElements };