@amiceli/papierjs 0.12.0 → 0.13.0

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

@@ -1 +1 @@
-{"file":"p-notification-preview.entry.cjs.js","mappings":";;;;MAMa,oBAAoB,GAAA,MAAA;;;;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,QACIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACIA,OAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1BA,OACI,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,QACIA,OAAA,CAAA,iBAAA,EAAA,EAAiB,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAA,EACpC,KAAK,CACQ;AAE1B,SAAC,CAAC,CACO,EAEbA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,SAAS,EAAE,MAAM;aACpB,EAAA,EAEDA,OAAA,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,EACXA,OAAA,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,EACXA,OAAA,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":["h"],"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.entry.cjs.js","mappings":";;;;MAMa,oBAAoB,GAAA,MAAA;;;;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,QACIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACIA,OAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1BA,OAAA,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,QACIA,OAAA,CAAA,iBAAA,EAAA,EAAiB,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAA,EACpC,KAAK,CACQ;AAE1B,SAAC,CAAC,CACO,EAEbA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,SAAS,EAAE,MAAM;AACpB,aAAA,EAAA,EAEDA,OACI,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,EACXA,OACI,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,EACXA,OACI,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":["h"],"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/cjs/p-notification-preview.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-notification-preview.entry.cjs.js","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"],"names":["h"],"mappings":";;;;MAMa,oBAAoB,GAAA,MAAA;;;;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,QACIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACIA,OAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1BA,OACI,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,QACIA,OAAA,CAAA,iBAAA,EAAA,EAAiB,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAA,EACpC,KAAK,CACQ;AAE1B,SAAC,CAAC,CACO,EAEbA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,SAAS,EAAE,MAAM;aACpB,EAAA,EAEDA,OAAA,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,EACXA,OAAA,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,EACXA,OAAA,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;;;;;;;"}
+{"version":3,"file":"p-notification-preview.entry.cjs.js","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"],"names":["h"],"mappings":";;;;MAMa,oBAAoB,GAAA,MAAA;;;;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,QACIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACIA,OAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1BA,OAAA,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,QACIA,OAAA,CAAA,iBAAA,EAAA,EAAiB,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAA,EACpC,KAAK,CACQ;AAE1B,SAAC,CAAC,CACO,EAEbA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,SAAS,EAAE,MAAM;AACpB,aAAA,EAAA,EAEDA,OACI,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,EACXA,OACI,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,EACXA,OACI,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;;;;;;;"}

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

@@ -48,9 +48,9 @@ const PNotification = class {
         this.close.emit(this.timestamp);
     }
     render() {
-        return (index.h(index.Host, { key: 'a0d5f92b31a5c63fd928724bb89b13e42fba7bd0' }, index.h("div", { key: 'b61d0c5c6ef4d91406b491bce11818a044df2299', class: "papier" }, index.h("div", { key: 'eb457f0cd717c32b84ad5b48c4b0eca781231fd5', class: this.getClassName() }, index.h("div", { key: 'e9aa7784d0eed423620aa23bdf163e96c4d8ce70', innerHTML: this.getIconName() }), index.h("div", { key: 'a9f2f5786ceaf8f0c2957c94ca8d95d9151d5b42', innerHTML: this.text }), this.canclose && (index.h("span", { key: 'da499076ef6ead9c709f08755d66e5b7a3513655', onClick: () => {
+        return (index.h(index.Host, { key: 'ac2219e48429093576f2e7bd3150187f5f2d1f1a' }, index.h("div", { key: 'a1d251e727203209b17c034d162bf184fe61f614', class: "papier" }, index.h("div", { key: '61a73aaa4038c8370998cdcc16b122443dd413be', class: this.getClassName() }, index.h("div", { key: '52c1ab9aa521e604fc5d197f4de54f96f2cb5617', innerHTML: this.getIconName() }), index.h("div", { key: '63e8dbaea7f9bff58078f8c36b6a3689ef8ee838', innerHTML: this.text }), this.canclose && (index.h("span", { key: '499913e30b9c137e1cb036a5451fc0c0d793b148', innerHTML: feather.feather.icons.x.toSvg(), onClick: () => {
                 this.onClose();
-            }, innerHTML: feather.feather.icons.x.toSvg() }))))));
+            } }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1 +1 @@
-{"file":"p-notification.entry.cjs.js","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,OAAOA,eAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;AACrC,YAAA,KAAK,SAAS;gBACV,OAAOA,eAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE;AAClD,YAAA,KAAK,QAAQ;gBACT,OAAOA,eAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AAChD,YAAA,KAAK,SAAS;gBACV,OAAOA,eAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AAChD,YAAA;gBACI,OAAOA,eAAO,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,QACIC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACfA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAA,EAC3BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,EAAI,CAAA,EACtCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,SAAS,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,EAC5B,IAAI,CAAC,QAAQ,KACVA,mEACI,OAAO,EAAE,MAAK;gBACV,IAAI,CAAC,OAAO,EAAE;AAClB,aAAC,EACD,SAAS,EAAED,eAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,EACpC,CAAA,CACL,CACC,CACJ,CACH;;;;;;;;","names":["feather","h","Host"],"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"],"version":3}
+{"file":"p-notification.entry.cjs.js","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,OAAOA,eAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;AACrC,YAAA,KAAK,SAAS;gBACV,OAAOA,eAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE;AAClD,YAAA,KAAK,QAAQ;gBACT,OAAOA,eAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AAChD,YAAA,KAAK,SAAS;gBACV,OAAOA,eAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AAChD,YAAA;gBACI,OAAOA,eAAO,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,QACIC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACfA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAA,EAC3BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,EAAI,CAAA,EACtCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,SAAS,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,EAC5B,IAAI,CAAC,QAAQ,KACVA,OACI,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAED,eAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,EAClC,OAAO,EAAE,MAAK;gBACV,IAAI,CAAC,OAAO,EAAE;AAClB,aAAC,GACH,CACL,CACC,CACJ,CACH;;;;;;;;","names":["feather","h","Host"],"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"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"p-notification.entry.cjs.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":["feather","h","Host"],"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,OAAOA,eAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;AACrC,YAAA,KAAK,SAAS;gBACV,OAAOA,eAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE;AAClD,YAAA,KAAK,QAAQ;gBACT,OAAOA,eAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AAChD,YAAA,KAAK,SAAS;gBACV,OAAOA,eAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AAChD,YAAA;gBACI,OAAOA,eAAO,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,QACIC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACfA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAA,EAC3BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,EAAI,CAAA,EACtCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,SAAS,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,EAC5B,IAAI,CAAC,QAAQ,KACVA,mEACI,OAAO,EAAE,MAAK;gBACV,IAAI,CAAC,OAAO,EAAE;AAClB,aAAC,EACD,SAAS,EAAED,eAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,EACpC,CAAA,CACL,CACC,CACJ,CACH;;;;;;;;"}
+{"version":3,"file":"p-notification.entry.cjs.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":["feather","h","Host"],"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,OAAOA,eAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;AACrC,YAAA,KAAK,SAAS;gBACV,OAAOA,eAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE;AAClD,YAAA,KAAK,QAAQ;gBACT,OAAOA,eAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AAChD,YAAA,KAAK,SAAS;gBACV,OAAOA,eAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AAChD,YAAA;gBACI,OAAOA,eAAO,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,QACIC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACfA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAA,EAC3BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,EAAI,CAAA,EACtCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,SAAS,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,EAC5B,IAAI,CAAC,QAAQ,KACVA,OACI,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAED,eAAO,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/cjs/p-progress-bar.cjs.entry.js

@@ -52,7 +52,7 @@ const PProgressBar = class {
         return cssClass;
     }
     render() {
-        return (index.h("div", { key: 'de30c85157323fede6e5ea439dc6e7af05df5023', class: this.getParentClass() }, index.h("div", { key: 'e318a69f15784eb628dba056584474ebdb4ff312', class: "progress" }, index.h("div", { key: '67a6146e8b1b8f6ff4743ccf254feaf40d7bbf36', class: this.getClass() }, index.h("slot", { key: '1729bce61cd65f7ad7e0ebcb5d0a1b4edb103846' })))));
+        return (index.h("div", { key: '40daa8df3269ada2b2bd05d7e7f96da4af359399', class: this.getParentClass() }, index.h("div", { key: 'bab41a619cc55c6367e20cc546819810cc6ee17c', class: "progress" }, index.h("div", { key: '9bed8b68b6753c9bfd4b7fe5979d1ae8e36bb2f3', class: this.getClass() }, index.h("slot", { key: '4a49e8aa4b0e35c0bc66d8d40dc7760853dcdfc1' })))));
     }
 };
 PProgressBar.style = pProgressBarCss;

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

@@ -21,9 +21,9 @@ const PSlider = class {
                 papier: true,
                 'is--block': this.block,
                 'is--dark': this.dark,
-            } }, index.h("div", { key: '73140651cbf8a3cc409295b504a974e3cab30117', class: "form-group" }, index.h("input", { key: '3c033545596456d23794233e099baa038bceccbd', class: "input-block", type: "range", min: this.min, max: this.max, value: this.value, onInput: (e) => {
+            } }, index.h("div", { key: '73140651cbf8a3cc409295b504a974e3cab30117', class: "form-group" }, index.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/cjs/p-slider.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-slider.entry.cjs.js","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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,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,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnBA,OAAA,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":["h","Host"],"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.entry.cjs.js","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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,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,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnBA,OACI,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":["h","Host"],"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/cjs/p-slider.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-slider.entry.cjs.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":["h","Host"],"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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,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,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnBA,OAAA,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;;;;;;;"}
+{"version":3,"file":"p-slider.entry.cjs.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":["h","Host"],"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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,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,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnBA,OACI,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/cjs/p-spinner.cjs.entry.js

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

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

@@ -1 +1 @@
-{"file":"p-spinner.entry.cjs.js","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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,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,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAI,CAAA,EAC7DA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAI,CAAA,EAC7DA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAA,CAAI,CAC3D,CACH;;;;;;;","names":["h","Host"],"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"],"version":3}
+{"file":"p-spinner.entry.cjs.js","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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,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,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAQ,CAAA,EACjEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAQ,CAAA,EACjEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAA,CAAQ,CAC/D,CACH;;;;;;;","names":["h","Host"],"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"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"p-spinner.entry.cjs.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":["h","Host"],"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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,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,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAI,CAAA,EAC7DA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAI,CAAA,EAC7DA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAA,CAAI,CAC3D,CACH;;;;;;;"}
+{"version":3,"file":"p-spinner.entry.cjs.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":["h","Host"],"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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,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,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAQ,CAAA,EACjEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAQ,CAAA,EACjEA,OAAA,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/cjs/p-switch-tile.cjs.entry.js

@@ -36,7 +36,7 @@ const PSwitchTile = class {
         return (index.h(index.Host, { key: 'c7a340243d239d030f8624f13732d37b7a803020' }, index.h("div", { key: '3908f209998d81480a9792fbc4a9889ca5e8f14c', class: {
                 papier: true,
                 'is--dark': this.dark,
-            } }, index.h("div", { key: 'daa23ed234394fa6cf7e57b8ce24eb6ac4866f7e', class: "form-group" }, index.h("label", { key: '60d68435b6061ffb132be1c57622c195d3abb0d5', htmlFor: "paperSwitch1", class: "paper-switch-tile" }, index.h("input", { key: '7608d7e153e046ae4ebacb77fa0084540316e6dd', id: "paperSwitch1", name: "paperSwitch1", type: "checkbox", checked: this.checked }), index.h("div", { key: '446aab945688f8b546dfec80d68c0754faab5ceb', class: "paper-switch-tile-card border" }, index.h("div", { key: '1653c6b0f8f289077d2e23bf929e1eb52d4a48ce', class: this.getFrontCardClass() }, index.h("slot", { key: 'd7d21685bd0033c23730e31be564c0690d6c1f81', name: "unchecked-text" })), index.h("div", { key: '59ca159cafd35a2a3e0f62b6d33529533b674fb9', class: this.getBackCardClass() }, index.h("slot", { key: '9e2838aabbcc96dc1ff00991c7df50dd88b44ad7', name: "checked-text" }))))))));
+            } }, index.h("div", { key: 'daa23ed234394fa6cf7e57b8ce24eb6ac4866f7e', class: "form-group" }, index.h("label", { key: '60d68435b6061ffb132be1c57622c195d3abb0d5', class: "paper-switch-tile", htmlFor: "paperSwitch1" }, index.h("input", { key: '7608d7e153e046ae4ebacb77fa0084540316e6dd', checked: this.checked, id: "paperSwitch1", name: "paperSwitch1", type: "checkbox" }), index.h("div", { key: '446aab945688f8b546dfec80d68c0754faab5ceb', class: "paper-switch-tile-card border" }, index.h("div", { key: '1653c6b0f8f289077d2e23bf929e1eb52d4a48ce', class: this.getFrontCardClass() }, index.h("slot", { key: 'd7d21685bd0033c23730e31be564c0690d6c1f81', name: "unchecked-text" })), index.h("div", { key: '59ca159cafd35a2a3e0f62b6d33529533b674fb9', class: this.getBackCardClass() }, index.h("slot", { key: '9e2838aabbcc96dc1ff00991c7df50dd88b44ad7', name: "checked-text" }))))))));
     }
 };
 PSwitchTile.style = switchTileCss;

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

@@ -1 +1 @@
-{"file":"p-switch-tile.entry.cjs.js","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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;AACxB,aAAA,EAAA,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnBA,OAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAC,cAAc,EAAC,KAAK,EAAC,mBAAmB,EAAA,EACnDA,OAAA,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,EACtFA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACtCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAA,EAChCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CAC5B,EACNA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAA,EAC/BA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAG,CAAA,CAC1B,CACJ,CACF,CACN,CACJ,CACH;;;;;;;","names":["h","Host"],"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.entry.cjs.js","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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;AACxB,aAAA,EAAA,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnBA,OAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAC,cAAc,EAAA,EACnDA,OAAA,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,EACtFA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACtCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAA,EAChCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CAC5B,EACNA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAA,EAC/BA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAG,CAAA,CAC1B,CACJ,CACF,CACN,CACJ,CACH;;;;;;;","names":["h","Host"],"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/cjs/p-switch-tile.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-switch-tile.entry.cjs.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":["h","Host"],"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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;AACxB,aAAA,EAAA,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnBA,OAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAC,cAAc,EAAC,KAAK,EAAC,mBAAmB,EAAA,EACnDA,OAAA,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,EACtFA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACtCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAA,EAChCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CAC5B,EACNA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAA,EAC/BA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAG,CAAA,CAC1B,CACJ,CACF,CACN,CACJ,CACH;;;;;;;"}
+{"version":3,"file":"p-switch-tile.entry.cjs.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":["h","Host"],"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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;AACxB,aAAA,EAAA,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnBA,OAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAC,cAAc,EAAA,EACnDA,OAAA,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,EACtFA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACtCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAA,EAChCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CAC5B,EACNA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAA,EAC/BA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAG,CAAA,CAC1B,CACJ,CACF,CACN,CACJ,CACH;;;;;;;"}

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

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

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

@@ -1 +1 @@
-{"file":"p-switch.entry.cjs.js","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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;aACxB,EAAA,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnBA,OAAA,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,EAEDA,OAAA,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,EACFA,OAAA,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":["h","Host"],"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.entry.cjs.js","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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;aACxB,EAAA,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnBA,OAAA,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,EAEDA,OAAA,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,EACFA,OAAA,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":["h","Host"],"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/cjs/p-switch.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-switch.entry.cjs.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":["h","Host"],"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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;aACxB,EAAA,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnBA,OAAA,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,EAEDA,OAAA,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,EACFA,OAAA,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;;;;;;;"}
+{"version":3,"file":"p-switch.entry.cjs.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":["h","Host"],"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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;aACxB,EAAA,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACnBA,OAAA,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,EAEDA,OAAA,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,EACFA,OAAA,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/cjs/p-tab.cjs.entry.js

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

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

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

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

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

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

@@ -1 +1 @@
-{"file":"p-tooltip.entry.cjs.js","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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACfA,OAAA,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,EAE3DA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACN,CACJ,CACH;;;;;;;","names":["h","Host"],"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.entry.cjs.js","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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACfA,OAAA,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,EAE3DA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACN,CACJ,CACH;;;;;;;","names":["h","Host"],"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/cjs/p-tooltip.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-tooltip.entry.cjs.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":["h","Host"],"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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACfA,OAAA,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,EAE3DA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACN,CACJ,CACH;;;;;;;"}
+{"version":3,"file":"p-tooltip.entry.cjs.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":["h","Host"],"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,QACIA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACDD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACfA,OAAA,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,EAE3DA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACN,CACJ,CACH;;;;;;;"}

package/dist/cjs/papierjs.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["p-notification-preview.cjs",[[0,"p-notification-preview",{"notificationType":[32]}]]],["p-input-text.cjs",[[1,"p-input-text",{"placeholder":[1],"icon":[1],"value":[1025],"required":[4],"dark":[4],"label":[1],"disabled":[4],"block":[4],"error":[1]}]]],["p-accordion.cjs",[[1,"p-accordion",{"title":[1],"open":[1028]}]]],["p-alert.cjs",[[1,"p-alert",{"type":[1],"closable":[4],"dark":[4]}]]],["p-badge.cjs",[[1,"p-badge",{"type":[1],"dark":[4]}]]],["p-breadcrumb.cjs",[[1,"p-breadcrumb",{"dark":[4]}]]],["p-breadcrumb-item.cjs",[[1,"p-breadcrumb-item",{"dark":[4],"first":[4],"link":[1]}]]],["p-card.cjs",[[1,"p-card",{"dark":[4],"radius":[4],"image":[1],"hasHeader":[32],"hasFooter":[32]}]]],["p-leaf.cjs",[[4,"p-leaf",{"dark":[4]}]]],["p-modal.cjs",[[1,"p-modal",{"isOpen":[32],"open":[64],"close":[64]}]]],["p-progress-bar.cjs",[[1,"p-progress-bar",{"type":[1],"value":[2],"striped":[4],"dark":[4],"auto":[2],"interval":[32]}]]],["p-slider.cjs",[[1,"p-slider",{"value":[2],"min":[2],"max":[2],"block":[4],"dark":[4]}]]],["p-switch.cjs",[[1,"p-switch",{"round":[4],"square":[4],"dark":[4],"checked":[4]}]]],["p-switch-tile.cjs",[[1,"p-switch-tile",{"dark":[4],"checked":[4],"checkedBackground":[1,"checked-background"],"uncheckedBackground":[1,"unchecked-background"]}]]],["p-tab.cjs",[[1,"p-tab",{"title":[1],"selected":[1028],"dark":[4]}]]],["p-tabs.cjs",[[1,"p-tabs",{"dark":[4],"tabs":[32],"selectedTab":[32]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"title":[1],"disabled":[4],"left":[4],"right":[4],"bottom":[4],"top":[4]}]]],["p-icon.cjs",[[1,"p-icon",{"icon":[1],"size":[2],"color":[1],"svgContent":[32]}]]],["p-notification.cjs",[[1,"p-notification",{"type":[1],"text":[1],"canclose":[4],"timestamp":[1]}]]],["p-spinner.cjs",[[1,"p-spinner",{"large":[4],"color":[1],"dark":[4]}]]],["p-button_4.cjs",[[1,"p-button",{"type":[1],"outline":[4],"large":[4],"small":[4],"block":[4],"disabled":[4],"dark":[4],"loading":[4]}],[1,"p-notification-handler",{"notifications":[32],"pushNotification":[64]},[[0,"close","closeToastHandler"]]],[1,"p-dropdown",{"dark":[4],"preventSelected":[4,"prevent-selected"],"value":[1025],"placeholder":[1],"open":[32],"selectedValue":[32]},[[8,"click","detectOutsideClick"]]],[1,"p-dropdown-item",{"value":[1],"selected":[4],"dark":[4]}]]]], options);
+  return index.bootstrapLazy([["p-notification-preview.cjs",[[0,"p-notification-preview",{"notificationType":[32]}]]],["p-input-text.cjs",[[1,"p-input-text",{"placeholder":[1],"icon":[1],"value":[1025],"required":[4],"dark":[4],"label":[1],"disabled":[4],"block":[4],"error":[1]}]]],["p-navbar-item.cjs",[[1,"p-navbar-item",{"dark":[4],"href":[1],"target":[1],"icon":[1]}]]],["p-accordion.cjs",[[1,"p-accordion",{"title":[1],"open":[1028],"dark":[4]}]]],["p-alert.cjs",[[1,"p-alert",{"type":[1],"closable":[4],"dark":[4]}]]],["p-badge.cjs",[[1,"p-badge",{"type":[1],"dark":[4]}]]],["p-breadcrumb.cjs",[[1,"p-breadcrumb",{"dark":[4]}]]],["p-breadcrumb-item.cjs",[[1,"p-breadcrumb-item",{"dark":[4],"first":[4],"link":[1]}]]],["p-card.cjs",[[1,"p-card",{"dark":[4],"radius":[4],"image":[1],"hasHeader":[32],"hasFooter":[32]}]]],["p-leaf.cjs",[[4,"p-leaf",{"dark":[4]}]]],["p-modal.cjs",[[1,"p-modal",{"isOpen":[32],"open":[64],"close":[64]}]]],["p-navbar.cjs",[[1,"p-navbar",{"split":[4],"fixed":[4],"dark":[4],"rootLink":[1,"root-link"],"rootTitle":[1,"root-title"]}]]],["p-progress-bar.cjs",[[1,"p-progress-bar",{"type":[1],"value":[2],"striped":[4],"dark":[4],"auto":[2],"interval":[32]}]]],["p-slider.cjs",[[1,"p-slider",{"value":[2],"min":[2],"max":[2],"block":[4],"dark":[4]}]]],["p-switch.cjs",[[1,"p-switch",{"round":[4],"square":[4],"dark":[4],"checked":[4]}]]],["p-switch-tile.cjs",[[1,"p-switch-tile",{"dark":[4],"checked":[4],"checkedBackground":[1,"checked-background"],"uncheckedBackground":[1,"unchecked-background"]}]]],["p-tab.cjs",[[1,"p-tab",{"title":[1],"selected":[1028],"dark":[4]}]]],["p-tabs.cjs",[[1,"p-tabs",{"dark":[4],"tabs":[32],"selectedTab":[32]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"title":[1],"disabled":[4],"left":[4],"right":[4],"bottom":[4],"top":[4]}]]],["p-icon.cjs",[[1,"p-icon",{"icon":[1],"size":[2],"color":[1],"svgContent":[32]}]]],["p-notification.cjs",[[1,"p-notification",{"type":[1],"text":[1],"canclose":[4],"timestamp":[1]}]]],["p-spinner.cjs",[[1,"p-spinner",{"large":[4],"color":[1],"dark":[4]}]]],["p-button_4.cjs",[[1,"p-button",{"type":[1],"outline":[4],"large":[4],"small":[4],"block":[4],"disabled":[4],"dark":[4],"loading":[4]}],[1,"p-notification-handler",{"notifications":[32],"pushNotification":[64]},[[0,"close","closeToastHandler"]]],[1,"p-dropdown",{"dark":[4],"preventSelected":[4,"prevent-selected"],"value":[1025],"placeholder":[1],"open":[32],"selectedValue":[32]},[[8,"click","detectOutsideClick"]]],[1,"p-dropdown-item",{"value":[1],"selected":[4],"dark":[4]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -9,6 +9,8 @@
     "components/form/p-slider/sliders.js",
     "components/form/p-switch/switch.js",
     "components/form/p-switch-tile/switch-tile.js",
+    "components/navigation/p-navbar/p-navbar.js",
+    "components/navigation/p-navbar-item/p-navbar-item.js",
     "components/notification/p-notification/p-notification.js",
     "components/notification/p-notification-handler/stories/p-notification-preview.js",
     "components/p-accordion/p-accordion.js",

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

@@ -21,7 +21,7 @@ export class PBreadcrumb {
         (_a = items.at(0)) === null || _a === void 0 ? void 0 : _a.setAttribute('first', 'true');
     }
     render() {
-        return (h("div", { key: '93b7d2fb7e7df07890ecf7c7c84ed8c11bb8e7aa', class: this.getParentClass() }, h("div", { key: 'a428b1543be45aced1e7aa4c70a0a51cff0cdce0', class: "border" }, h("slot", { key: '89b9f5ff4c4241b89ea6d798126d294ad2c2a56f' }))));
+        return (h("div", { key: '925cd4260ebdc252bf4240426b2dcaa7f101557b', class: this.getParentClass() }, h("div", { key: 'c28a680548e8363d1713614a37a2da8ad781eabd', class: "border" }, h("slot", { key: '8edf7d3bc4e5d652821e9d70c73880638477869e' }))));
     }
     static get is() { return "p-breadcrumb"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/breadcrumb/p-breadcrumb/p-breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/breadcrumb/p-breadcrumb/p-breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAO3D,MAAM,OAAO,WAAW;IALxB;QAOI,SAAI,GAAa,KAAK,CAAA;KAmCzB;IA/BU,cAAc;QACjB,IAAI,QAAQ,GAAG,6BAA6B,CAAA;QAE5C,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,gBAAgB;;QACnB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC,CAAA;QAE3E,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACvB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YACrC,CAAC;QACL,CAAC;QAED,MAAA,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,0CAAE,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC9C,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,4DAAK,KAAK,EAAC,QAAQ;gBACf,8DAAQ,CACN,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-breadcrumb',\n    styleUrl: 'p-breadcrumb.scss',\n    shadow: true,\n})\nexport class PBreadcrumb {\n    @Prop()\n    dark?: boolean = false\n    @Element()\n    public el: HTMLElement\n\n    public getParentClass() {\n        let cssClass = 'papier is--block breadcrumb'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n\n    public componentDidLoad() {\n        const items = Array.from(this.el.getElementsByTagName('p-breadcrumb-item'))\n\n        if (this.dark) {\n            for (const item of items) {\n                item.setAttribute('dark', 'true')\n            }\n        }\n\n        items.at(0)?.setAttribute('first', 'true')\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                <div class=\"border\">\n                    <slot />\n                </div>\n            </div>\n        )\n    }\n}\n"]}
+{"version":3,"file":"p-breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/breadcrumb/p-breadcrumb/p-breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAO3D,MAAM,OAAO,WAAW;IALxB;QAOI,SAAI,GAAa,KAAK,CAAA;KAoCzB;IA/BU,cAAc;QACjB,IAAI,QAAQ,GAAG,6BAA6B,CAAA;QAE5C,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,gBAAgB;;QACnB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC,CAAA;QAE3E,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACvB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YACrC,CAAC;QACL,CAAC;QAED,MAAA,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,0CAAE,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC9C,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,4DAAK,KAAK,EAAC,QAAQ;gBACf,8DAAQ,CACN,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-breadcrumb',\n    styleUrl: 'p-breadcrumb.scss',\n    shadow: true,\n})\nexport class PBreadcrumb {\n    @Prop()\n    dark?: boolean = false\n\n    @Element()\n    public el: HTMLElement\n\n    public getParentClass() {\n        let cssClass = 'papier is--block breadcrumb'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n\n    public componentDidLoad() {\n        const items = Array.from(this.el.getElementsByTagName('p-breadcrumb-item'))\n\n        if (this.dark) {\n            for (const item of items) {\n                item.setAttribute('dark', 'true')\n            }\n        }\n\n        items.at(0)?.setAttribute('first', 'true')\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                <div class=\"border\">\n                    <slot />\n                </div>\n            </div>\n        )\n    }\n}\n"]}

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

@@ -3241,11 +3241,17 @@
   width: 100%;
   box-sizing: border-box;
 }
+:host .is--block .for--input {
+  width: 100% !important;
+}
 :host .is--block input {
   display: block;
   width: 100%;
   box-sizing: border-box;
 }
+:host .papier.has--error p {
+  margin-top: 0;
+}
 :host .papier.is--dark.has--error label {
   color: var(--danger-light);
 }

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

@@ -31,9 +31,9 @@ export class PInputText {
         this.changeEvent.emit(this.value);
     }
     render() {
-        return (h("div", { key: 'daad0464fa8c119c448f8b0b4220e4567f5d7d8e', class: this.getParentClass() }, this.label && (h("label", { key: '06cd7383d244a9257327f96ec611df263e9053d2', htmlFor: "paperInputs1" }, this.label, this.required ? '*' : '')), h("div", { key: '390e69f32e62f70a64601f8e0246938aa0870916', class: "for--input" }, this.icon && h("p-icon", { key: 'a2f96de6b03f3306ce1dbdfd2f0b43ec980ea2b7', icon: this.icon, size: 30, color: "inherit" }), h("input", { key: '63a78559652d75c34265cd372a8df438200ea2e4', type: "text", placeholder: this.placeholder, id: "paperInputs1", disabled: this.disabled, onInput: (e) => {
+        return (h("div", { key: 'e9f959f394fd6113d9d7a8fe3d335a7906f6ae2f', class: this.getParentClass() }, this.label && (h("label", { key: 'a986a89ad898b16a950c3e08b8659d3b2626b32b', htmlFor: "paperInputs1" }, this.label, this.required ? '*' : '')), h("div", { key: '12f6b31ab1c33bae4b0ff79cf791d51d40c2df54', class: "for--input" }, this.icon && h("p-icon", { key: '0f38e8507b061e30b2d1338420435e3acfb0d530', color: "inherit", icon: this.icon, size: 30 }), h("input", { key: '03928c7dc325c54e7231c6fba8b42bd968fb948f', disabled: this.disabled, id: "paperInputs1", onChange: () => this.onChange(), onInput: (e) => {
                 this.onInput(e);
-            }, value: this.value, onChange: () => this.onChange() })), this.error && h("p", { key: '8e1da4ffaceb1842ad046bf1344f57bb3f515e08', class: "text-danger" }, this.error)));
+            }, placeholder: this.placeholder, type: "text", value: this.value })), this.error && h("p", { key: 'e8195048919f1169719a4af6a28594a2bf71fdd2', class: "text-danger" }, this.error)));
     }
     static get is() { return "p-input-text"; }
     static get encapsulation() { return "shadow"; }
@@ -81,7 +81,7 @@ export class PInputText {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Any icon allowed with p-icon can be used"
                 },
                 "getter": false,
                 "setter": false,