@amiceli/papierjs 0.13.0 → 0.14.0

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"file":"p-progress-bar.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,2oqFAA2oqF;;MCStpqF,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOI,QAAA,IAAI,CAAA,IAAA,GAAsB,SAAS;AAEnC,QAAA,IAAK,CAAA,KAAA,GAAY,CAAC;AAElB,QAAA,IAAO,CAAA,OAAA,GAAa,KAAK;AAEzB,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAkEzB;IA3DU,gBAAgB,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACX,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;gBACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE;AACxD,aAAC,EAAE,IAAI,CAAC,IAAI,CAAC;;;IAId,oBAAoB,GAAA;AACvB,QAAA,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC;;IAGhC,QAAQ,GAAA;AACX,QAAA,MAAM,KAAK,GAAG;YACV,WAAW;YACX,SAAS;YACT,SAAS;YACT,QAAQ;YACR,OAAO;YACP,SAAS;SACZ;AACD,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK;AAEtE,QAAA,IAAI,QAAQ,GAAG,CAAS,MAAA,EAAA,KAAK,EAAE;QAE/B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;AAC5B,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,QAAA,CAAU;;aAC7B;YACH,QAAQ,GAAG,GAAG,QAAQ,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,EAAE;;AAGzC,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,QAAA,CAAU;;AAGpC,QAAA,OAAO,QAAQ;;IAGZ,cAAc,GAAA;QACjB,IAAI,QAAQ,GAAG,kBAAkB;AAEjC,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,SAAA,CAAW;;AAGrC,QAAA,OAAO,QAAQ;;IAGnB,MAAM,GAAA;AACF,QAAA,QACIA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC7BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EACjBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAA,EACvBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACN,CACJ,CACJ;;;;;;;","names":["h"],"sources":["src/components/p-progress-bar/p-progress-bar.scss?tag=p-progress-bar&encapsulation=shadow","src/components/p-progress-bar/p-progress-bar.tsx"],"sourcesContent":[":host {\n    @import \"../common\";\n\n    @include useBlock();\n\n    .is--dark {\n        .progress {\n            border-color : white;\n        }\n    }\n}","import { Component, h, Prop, State } from '@stencil/core'\n\ntype ProgressBarColor = 'secondary' | 'success' | 'warning' | 'danger' | 'muted' | 'primary'\n\n@Component({\n    tag: 'p-progress-bar',\n    styleUrl: 'p-progress-bar.scss',\n    shadow: true,\n})\nexport class PProgressBar {\n    @Prop()\n    type?: ProgressBarColor = 'primary'\n    @Prop()\n    value?: number = 0\n    @Prop()\n    striped?: boolean = false\n    @Prop()\n    dark?: boolean = false\n    @Prop()\n    auto?: number\n\n    @State()\n    interval?: number\n\n    public componentDidLoad() {\n        if (this.auto) {\n            this.interval = window.setInterval(() => {\n                this.value = this.value >= 100 ? 0 : this.value + 10\n            }, this.auto)\n        }\n    }\n\n    public disconnectedCallback() {\n        window.clearInterval(this.interval)\n    }\n\n    public getClass(): string {\n        const types = [\n            'secondary',\n            'success',\n            'warning',\n            'danger',\n            'muted',\n            'primary',\n        ]\n        const value = this.value < 0 ? 0 : this.value > 100 ? 100 : this.value\n\n        let cssClass = `bar w-${value}`\n\n        if (!types.includes(this.type)) {\n            cssClass = `${cssClass} primary`\n        } else {\n            cssClass = `${cssClass} ${this.type}`\n        }\n\n        if (this.striped) {\n            cssClass = `${cssClass} striped`\n        }\n\n        return cssClass\n    }\n\n    public getParentClass() {\n        let cssClass = 'papier is--block'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                <div class=\"progress\">\n                    <div class={this.getClass()}>\n                        <slot />\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}\n"],"version":3}

package/dist/cjs/p-progress-bar.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-progress-bar.entry.cjs.js","sources":["src/components/p-progress-bar/p-progress-bar.scss?tag=p-progress-bar&encapsulation=shadow","src/components/p-progress-bar/p-progress-bar.tsx"],"sourcesContent":[":host {\n    @import \"../common\";\n\n    @include useBlock();\n\n    .is--dark {\n        .progress {\n            border-color : white;\n        }\n    }\n}","import { Component, h, Prop, State } from '@stencil/core'\n\ntype ProgressBarColor = 'secondary' | 'success' | 'warning' | 'danger' | 'muted' | 'primary'\n\n@Component({\n    tag: 'p-progress-bar',\n    styleUrl: 'p-progress-bar.scss',\n    shadow: true,\n})\nexport class PProgressBar {\n    @Prop()\n    type?: ProgressBarColor = 'primary'\n    @Prop()\n    value?: number = 0\n    @Prop()\n    striped?: boolean = false\n    @Prop()\n    dark?: boolean = false\n    @Prop()\n    auto?: number\n\n    @State()\n    interval?: number\n\n    public componentDidLoad() {\n        if (this.auto) {\n            this.interval = window.setInterval(() => {\n                this.value = this.value >= 100 ? 0 : this.value + 10\n            }, this.auto)\n        }\n    }\n\n    public disconnectedCallback() {\n        window.clearInterval(this.interval)\n    }\n\n    public getClass(): string {\n        const types = [\n            'secondary',\n            'success',\n            'warning',\n            'danger',\n            'muted',\n            'primary',\n        ]\n        const value = this.value < 0 ? 0 : this.value > 100 ? 100 : this.value\n\n        let cssClass = `bar w-${value}`\n\n        if (!types.includes(this.type)) {\n            cssClass = `${cssClass} primary`\n        } else {\n            cssClass = `${cssClass} ${this.type}`\n        }\n\n        if (this.striped) {\n            cssClass = `${cssClass} striped`\n        }\n\n        return cssClass\n    }\n\n    public getParentClass() {\n        let cssClass = 'papier is--block'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                <div class=\"progress\">\n                    <div class={this.getClass()}>\n                        <slot />\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,2oqFAA2oqF;;MCStpqF,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOI,QAAA,IAAI,CAAA,IAAA,GAAsB,SAAS;AAEnC,QAAA,IAAK,CAAA,KAAA,GAAY,CAAC;AAElB,QAAA,IAAO,CAAA,OAAA,GAAa,KAAK;AAEzB,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAkEzB;IA3DU,gBAAgB,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACX,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;gBACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE;AACxD,aAAC,EAAE,IAAI,CAAC,IAAI,CAAC;;;IAId,oBAAoB,GAAA;AACvB,QAAA,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC;;IAGhC,QAAQ,GAAA;AACX,QAAA,MAAM,KAAK,GAAG;YACV,WAAW;YACX,SAAS;YACT,SAAS;YACT,QAAQ;YACR,OAAO;YACP,SAAS;SACZ;AACD,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK;AAEtE,QAAA,IAAI,QAAQ,GAAG,CAAS,MAAA,EAAA,KAAK,EAAE;QAE/B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;AAC5B,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,QAAA,CAAU;;aAC7B;YACH,QAAQ,GAAG,GAAG,QAAQ,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,EAAE;;AAGzC,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,QAAA,CAAU;;AAGpC,QAAA,OAAO,QAAQ;;IAGZ,cAAc,GAAA;QACjB,IAAI,QAAQ,GAAG,kBAAkB;AAEjC,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,SAAA,CAAW;;AAGrC,QAAA,OAAO,QAAQ;;IAGnB,MAAM,GAAA;AACF,QAAA,QACIA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC7BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EACjBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAA,EACvBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACN,CACJ,CACJ;;;;;;;"}

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"file":"p-tab.entry.cjs.js","mappings":";;;;AAAA,MAAM,OAAO,GAAG,k62FAAk62F;;MCOr62F,IAAI,GAAA,MAAA;AALjB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAWI,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAE1B,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAiBzB;IAfG,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,cAAc,EAAE,IAAI,CAAC,QAAQ;gBAC7B,UAAU,EAAE,IAAI,CAAC,IAAI;AACxB,aAAA,EAAA,EAEDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN,CACH;;;;;;;","names":["h","Host"],"sources":["src/components/tabs/p-tab/p-tab.scss?tag=p-tab&encapsulation=shadow","src/components/tabs/p-tab/p-tab.tsx"],"sourcesContent":[":host {\n    @import \"../../common\";\n    @import '../../../../node_modules/papercss/src/core/config';\n\n    display: block;\n\n    .papier:not(.is--selected) {\n        display: none;\n    }\n    .is--dark, &.is--dark {\n        color: white;\n    }\n}","import { Component, Host, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-tab',\n    styleUrl: 'p-tab.scss',\n    shadow: true,\n})\nexport class PTab {\n    @Prop()\n    title: string\n    @Prop({\n        mutable: true,\n    })\n    selected?: boolean = false\n    @Prop()\n    dark?: boolean = false\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class={{\n                        papier: true,\n                        'is--selected': this.selected,\n                        'is--dark': this.dark,\n                    }}\n                >\n                    <slot />\n                </div>\n            </Host>\n        )\n    }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"p-tab.entry.cjs.js","sources":["src/components/tabs/p-tab/p-tab.scss?tag=p-tab&encapsulation=shadow","src/components/tabs/p-tab/p-tab.tsx"],"sourcesContent":[":host {\n    @import \"../../common\";\n    @import '../../../../node_modules/papercss/src/core/config';\n\n    display: block;\n\n    .papier:not(.is--selected) {\n        display: none;\n    }\n    .is--dark, &.is--dark {\n        color: white;\n    }\n}","import { Component, Host, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-tab',\n    styleUrl: 'p-tab.scss',\n    shadow: true,\n})\nexport class PTab {\n    @Prop()\n    title: string\n    @Prop({\n        mutable: true,\n    })\n    selected?: boolean = false\n    @Prop()\n    dark?: boolean = false\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class={{\n                        papier: true,\n                        'is--selected': this.selected,\n                        'is--dark': this.dark,\n                    }}\n                >\n                    <slot />\n                </div>\n            </Host>\n        )\n    }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,OAAO,GAAG,k62FAAk62F;;MCOr62F,IAAI,GAAA,MAAA;AALjB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAWI,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAE1B,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAiBzB;IAfG,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,cAAc,EAAE,IAAI,CAAC,QAAQ;gBAC7B,UAAU,EAAE,IAAI,CAAC,IAAI;AACxB,aAAA,EAAA,EAEDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN,CACH;;;;;;;"}

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

@@ -1 +0,0 @@
-{"file":"p-tabs.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/tabs/p-tabs/p-tabs.scss?tag=p-tabs&encapsulation=shadow","src/components/tabs/p-tabs/p-tabs.tsx"],"sourcesContent":[":host {\n    @import \"../../common\";\n    display: block;\n    \n    label.is--selected {\n        color: var(--primary) !important;\n        border-bottom-color: var(--secondary);\n        border-bottom-style: solid;\n        border-bottom-width: 3px;\n    }\n\n    .content {\n        display: block !important;\n    }\n\n    &.is--dark, .is--dark {\n        background: #41403e;\n    }\n}","import { Component, Element, Host, h, Prop, State } from '@stencil/core'\nimport type { PTab } from '../p-tab/p-tab'\n\n/** @slot - slot with <p-tab> components */\n@Component({\n    tag: 'p-tabs',\n    styleUrl: 'p-tabs.scss',\n    shadow: true,\n})\nexport class PTabs {\n    @Element()\n    public el: HTMLElement\n    @State()\n    tabs: PTab[] = []\n    @State()\n    selectedTab?: PTab\n    @Prop()\n    dark?: boolean = false\n\n    public componentDidLoad() {\n        const slot = this.el.shadowRoot.querySelector('slot')\n        const tabs = slot.assignedElements() as unknown as PTab[]\n\n        this.tabs = tabs\n\n        for (const tab of this.tabs) {\n            if (this.dark) {\n                ;(tab as unknown as HTMLElement).setAttribute('dark', 'true')\n            } else {\n                ;(tab as unknown as HTMLElement).removeAttribute('dark')\n            }\n        }\n        this.updateSelectedTab()\n    }\n\n    public onSelectTab(t: PTab) {\n        for (const tab of this.tabs) {\n            tab.selected = false\n        }\n        t.selected = true\n\n        this.selectedTab = t\n    }\n\n    public updateSelectedTab() {\n        this.selectedTab = this.tabs.find((s) => s.selected === true)\n\n        if (!this.selectedTab) {\n            if (this.tabs.at(0)) {\n                this.onSelectTab(this.tabs.at(0))\n            }\n        }\n    }\n\n    public getTabClass(tab: PTab) {\n        const isSame = tab.title === this.selectedTab?.title\n\n        return {\n            'is--selected': isSame && tab.selected,\n        }\n    }\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class={{\n                        'is--dark': this.dark,\n                        papier: true,\n                    }}\n                >\n                    <div class=\"row flex-spaces tabs\">\n                        {this.tabs.map((t) => {\n                            return (\n                                <label class={this.getTabClass(t)} htmlFor=\"tab1\" key={t.title} onClick={() => this.onSelectTab(t)}>\n                                    {t.title}\n                                </label>\n                            )\n                        })}\n                        <div class=\"content\">\n                            <slot />\n                        </div>\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"version":3,"file":"p-tabs.entry.cjs.js","sources":["src/components/tabs/p-tabs/p-tabs.scss?tag=p-tabs&encapsulation=shadow","src/components/tabs/p-tabs/p-tabs.tsx"],"sourcesContent":[":host {\n    @import \"../../common\";\n    display: block;\n    \n    label.is--selected {\n        color: var(--primary) !important;\n        border-bottom-color: var(--secondary);\n        border-bottom-style: solid;\n        border-bottom-width: 3px;\n    }\n\n    .content {\n        display: block !important;\n    }\n\n    &.is--dark, .is--dark {\n        background: #41403e;\n    }\n}","import { Component, Element, Host, h, Prop, State } from '@stencil/core'\nimport type { PTab } from '../p-tab/p-tab'\n\n/** @slot - slot with <p-tab> components */\n@Component({\n    tag: 'p-tabs',\n    styleUrl: 'p-tabs.scss',\n    shadow: true,\n})\nexport class PTabs {\n    @Element()\n    public el: HTMLElement\n    @State()\n    tabs: PTab[] = []\n    @State()\n    selectedTab?: PTab\n    @Prop()\n    dark?: boolean = false\n\n    public componentDidLoad() {\n        const slot = this.el.shadowRoot.querySelector('slot')\n        const tabs = slot.assignedElements() as unknown as PTab[]\n\n        this.tabs = tabs\n\n        for (const tab of this.tabs) {\n            if (this.dark) {\n                ;(tab as unknown as HTMLElement).setAttribute('dark', 'true')\n            } else {\n                ;(tab as unknown as HTMLElement).removeAttribute('dark')\n            }\n        }\n        this.updateSelectedTab()\n    }\n\n    public onSelectTab(t: PTab) {\n        for (const tab of this.tabs) {\n            tab.selected = false\n        }\n        t.selected = true\n\n        this.selectedTab = t\n    }\n\n    public updateSelectedTab() {\n        this.selectedTab = this.tabs.find((s) => s.selected === true)\n\n        if (!this.selectedTab) {\n            if (this.tabs.at(0)) {\n                this.onSelectTab(this.tabs.at(0))\n            }\n        }\n    }\n\n    public getTabClass(tab: PTab) {\n        const isSame = tab.title === this.selectedTab?.title\n\n        return {\n            'is--selected': isSame && tab.selected,\n        }\n    }\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class={{\n                        'is--dark': this.dark,\n                        papier: true,\n                    }}\n                >\n                    <div class=\"row flex-spaces tabs\">\n                        {this.tabs.map((t) => {\n                            return (\n                                <label class={this.getTabClass(t)} htmlFor=\"tab1\" key={t.title} onClick={() => this.onSelectTab(t)}>\n                                    {t.title}\n                                </label>\n                            )\n                        })}\n                        <div class=\"content\">\n                            <slot />\n                        </div>\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"],"names":["h","Host"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"version":3,"file":"papierjs.cjs.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.35.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,iQAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}

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

@@ -1 +0,0 @@
-{"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/breadcrumb/p-breadcrumb-item/p-breadcrumb-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-breadcrumb-item.js","sourceRoot":"","sources":["../../../../src/components/breadcrumb/p-breadcrumb-item/p-breadcrumb-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAO3D,MAAM,OAAO,eAAe;IAL5B;QAOI,SAAI,GAAa,KAAK,CAAA;QAEtB,UAAK,GAAa,KAAK,CAAA;KAgC1B;IA1BU,cAAc;QACjB,IAAI,QAAQ,GAAG,wBAAwB,CAAA;QAEvC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,GAAG,GAAG,QAAQ,YAAY,CAAA;QACtC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAED,MAAM;QACF,OAAO,CACH,6DAAM,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,IAC7B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI;YACd,eAAQ,CACR,CACP,CAAC,CAAC,CAAC,CACA,eAAQ,CACX,CACE,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-breadcrumb-item',\n    styleUrl: '../p-breadcrumb/p-breadcrumb.scss',\n    shadow: true,\n})\nexport class PBreadcrumbItem {\n    @Prop()\n    dark?: boolean = false\n    @Prop()\n    first?: boolean = false\n    @Prop()\n    link?: string\n    @Element()\n    public el: HTMLElement\n\n    public getParentClass() {\n        let cssClass = 'papier breadcrumb-item'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n        if (this.first) {\n            cssClass = `${cssClass} is--first`\n        }\n\n        return cssClass\n    }\n\n    render() {\n        return (\n            <span class={this.getParentClass()}>\n                {this.link ? (\n                    <a href={this.link}>\n                        <slot />\n                    </a>\n                ) : (\n                    <slot />\n                )}\n            </span>\n        )\n    }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"p-dropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/p-dropdown/p-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, type EventEmitter, h, Listen, Prop, State } from '@stencil/core'\nimport feather from 'feather-icons'\n\n/**\n * @slot - slot for p-dropdown-item\n */\n@Component({\n    tag: 'p-dropdown',\n    styleUrl: 'p-dropdown.scss',\n    shadow: true,\n})\nexport class PDropdown {\n    @Prop()\n    dark?: boolean = false\n    /** Prevent dropdown self update selected value */\n    @Prop()\n    preventSelected?: boolean = false\n    /** Selected item value */\n    @Prop({\n        mutable: true,\n    })\n    value?: string = ''\n    @State()\n    open?: boolean = false\n    @Prop()\n    placeholder?: string\n    @State()\n    selectedValue?: string\n    @Element()\n    public el: HTMLElement\n\n    @Event({\n        eventName: 'select',\n    })\n    public selectEvent: EventEmitter<string>\n\n    public getParentClass() {\n        return {\n            'papier dropdown': true,\n            'is--dark': this.dark,\n            'is--open': this.open,\n        }\n    }\n\n    @Listen('click', {\n        target: 'window',\n    })\n    public detectOutsideClick(ev) {\n        if (!this.el.contains(ev.target)) {\n            this.open = false\n        }\n    }\n\n    public resetItem() {\n        const items = Array.from(this.el.getElementsByTagName('p-dropdown-item'))\n\n        for (const item of items) {\n            item.removeAttribute('selected')\n        }\n    }\n\n    public componentWillLoad() {\n        const items = Array.from(this.el.getElementsByTagName('p-dropdown-item'))\n\n        for (const item of items) {\n            if (this.dark) {\n                item.setAttribute('dark', 'true')\n            }\n            if (item.selected === true) {\n                this.value = item.value\n            }\n            item.addEventListener('change', (e) => {\n                this.selectEvent.emit(e.detail)\n                this.open = !this.open\n\n                if (!this.preventSelected) {\n                    this.resetItem()\n                    item.setAttribute('selected', '')\n                    this.value = e.detail\n                }\n            })\n        }\n    }\n\n    public selectValue(value: string) {\n        this.selectEvent.emit(value)\n    }\n\n    public getSelectedValue(): string {\n        const list = Array.from(this.el.querySelectorAll('p-dropdown-item'))\n        const selected = list.find((item) => {\n            return item.value === this.value\n        })\n\n        return selected?.innerText || this.placeholder || ''\n    }\n\n    render() {\n        const selected = this.getSelectedValue()\n        const arrowIcon = feather.icons['chevron-down'].toSvg()\n\n        return (\n            <div class={this.getParentClass()}>\n                <div\n                    class=\"dropdown__header border border-primary\"\n                    onClick={() => {\n                        this.open = !this.open\n                    }}\n                >\n                    <span>{selected}</span>\n                    <span class=\"for--icon\" innerHTML={arrowIcon} />\n                </div>\n                <div class=\"dropdown__children\">\n                    <slot />\n                </div>\n            </div>\n        )\n    }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"p-dropdown-item.js","sourceRoot":"","sources":["../../../../src/components/dropdown/p-dropdown-item/p-dropdown-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAO5E,MAAM,OAAO,aAAa;IAL1B;QASI,aAAQ,GAAa,KAAK,CAAA;QAE1B,SAAI,GAAa,KAAK,CAAA;KAgCzB;IAzBU,cAAc;QACjB,OAAO;YACH,sBAAsB,EAAE,IAAI;YAC5B,UAAU,EAAE,IAAI,CAAC,IAAI;SACxB,CAAA;IACL,CAAC;IAEM,SAAS;QACZ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACrC,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;YAC9D,4DACI,KAAK,EAAE;oBACH,oBAAoB,EAAE,IAAI,CAAC,QAAQ;oBACnC,uBAAuB,EAAE,IAAI;iBAChC;gBAED,8DAAQ,CACN,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-dropdown-item',\n    styleUrl: '../p-dropdown/p-dropdown.scss',\n    shadow: true,\n})\nexport class PDropdownItem {\n    @Prop()\n    value!: string\n    @Prop()\n    selected?: boolean = false\n    @Prop()\n    dark?: boolean = false\n\n    @Event({\n        eventName: 'change',\n    })\n    public changeEvent: EventEmitter<string>\n\n    public getParentClass() {\n        return {\n            'papier dropdown-item': true,\n            'is--dark': this.dark,\n        }\n    }\n\n    public sendClick() {\n        this.changeEvent.emit(this.value)\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()} onClick={() => this.sendClick()}>\n                <div\n                    class={{\n                        'background-success': this.selected,\n                        'border border-primary': true,\n                    }}\n                >\n                    <slot />\n                </div>\n            </div>\n        )\n    }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"input-text.js","sourceRoot":"","sources":["../../../../src/components/form/p-input-text/input-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAO5E,MAAM,OAAO,UAAU;IALvB;QAkBI,UAAK,GAAY,EAAE,CAAA;QAGnB,aAAQ,GAAa,KAAK,CAAA;QAG1B,SAAI,GAAa,KAAK,CAAA;QAMtB,aAAQ,GAAa,KAAK,CAAA;QAG1B,UAAK,GAAa,KAAK,CAAA;KAuE1B;IAxDU,cAAc;QACjB,IAAI,QAAQ,GAAG,mBAAmB,CAAA;QAElC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,aAAa,CAAA;QACvC,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,GAAG,GAAG,QAAQ,YAAY,CAAA;QACtC,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,GAAG,GAAG,QAAQ,aAAa,CAAA;QACvC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,OAAO,CAAC,EAAS;QACpB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,MAAM,IAAK,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAA;QAE/D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACpC,CAAC;IAEM,QAAQ;QACX,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACrC,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC5B,IAAI,CAAC,KAAK,IAAI,CACX,8DAAO,OAAO,EAAC,cAAc;gBACxB,IAAI,CAAC,KAAK;gBACV,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACrB,CACX;YACD,4DAAK,KAAK,EAAC,YAAY;gBAClB,IAAI,CAAC,IAAI,IAAI,+DAAQ,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,GAAW;gBAC1E,8DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,cAAc,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAC/B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACX,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;oBACnB,CAAC,EACD,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,GACnB,CACA;YACL,IAAI,CAAC,KAAK,IAAI,0DAAG,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,CAAK,CACpD,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-input-text',\n    styleUrl: 'input-text.scss',\n    shadow: true,\n})\nexport class PInputText {\n    @Prop()\n    placeholder?: string\n\n    /**\n     * Any icon allowed with p-icon can be used\n     */\n    @Prop()\n    icon?: string\n\n    @Prop({\n        mutable: true,\n    })\n    value?: string = ''\n\n    @Prop()\n    required?: boolean = false\n\n    @Prop()\n    dark?: boolean = false\n\n    @Prop()\n    label?: string\n\n    @Prop()\n    disabled?: boolean = false\n\n    @Prop()\n    block?: boolean = false\n\n    @Prop()\n    error?: string\n\n    @Event({\n        eventName: 'change',\n    })\n    public changeEvent: EventEmitter<string>\n\n    @Event({\n        eventName: 'input',\n    })\n    public inputEvent: EventEmitter<string>\n\n    public getParentClass() {\n        let cssClass = 'papier form-group'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n        if (this.icon) {\n            cssClass = `${cssClass} with--icon`\n        }\n        if (this.block) {\n            cssClass = `${cssClass} is--block`\n        }\n        if (this.error) {\n            cssClass = `${cssClass} has--error`\n        }\n\n        return cssClass\n    }\n\n    public onInput(ev: Event) {\n        this.value = ev.target && (ev.target as HTMLInputElement).value\n\n        this.inputEvent.emit(this.value)\n    }\n\n    public onChange() {\n        this.changeEvent.emit(this.value)\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                {this.label && (\n                    <label htmlFor=\"paperInputs1\">\n                        {this.label}\n                        {this.required ? '*' : ''}\n                    </label>\n                )}\n                <div class=\"for--input\">\n                    {this.icon && <p-icon color=\"inherit\" icon={this.icon} size={30}></p-icon>}\n                    <input\n                        disabled={this.disabled}\n                        id=\"paperInputs1\"\n                        onChange={() => this.onChange()}\n                        onInput={(e) => {\n                            this.onInput(e)\n                        }}\n                        placeholder={this.placeholder}\n                        type=\"text\"\n                        value={this.value}\n                    />\n                </div>\n                {this.error && <p class=\"text-danger\">{this.error}</p>}\n            </div>\n        )\n    }\n}\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"sliders.preview.js","sourceRoot":"","sources":["../../../../src/components/form/p-slider/sliders.preview.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa;IACzB,MAAM,aAAa,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;QAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;QACpD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAA;QAE9D,IAAI,MAAM,IAAI,UAAU,EAAE,CAAC;YACvB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAc,EAAE,EAAE;gBACjD,UAAU,CAAC,WAAW,GAAG,CAAC,CAAC,MAAM,CAAA;YACrC,CAAC,CAAC,CAAA;YAEF,aAAa,CAAC,UAAU,EAAE,CAAA;QAC9B,CAAC;IACL,CAAC,CAAC,CAAA;IAEF,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;QACjC,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;KAChB,CAAC,CAAA;AACN,CAAC","sourcesContent":["export function previewSlider() {\n    const alertObserver = new MutationObserver(() => {\n        const slider = document.querySelector('#for-slider')\n        const sliderSpan = document.querySelector('#for-slider-label')\n\n        if (slider && sliderSpan) {\n            slider.addEventListener('change', (e: CustomEvent) => {\n                sliderSpan.textContent = e.detail\n            })\n\n            alertObserver.disconnect()\n        }\n    })\n\n    alertObserver.observe(document.body, {\n        childList: true,\n        subtree: true,\n    })\n}\n"]}

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

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

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

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

package/dist/collection/components/navigation/p-navbar/p-navbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-navbar.js","sourceRoot":"","sources":["../../../../src/components/navigation/p-navbar/p-navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOjE,MAAM,OAAO,OAAO;IALpB;QAUW,UAAK,GAAY,KAAK,CAAA;QAGtB,UAAK,GAAY,KAAK,CAAA;QAGtB,SAAI,GAAa,KAAK,CAAA;QAGtB,aAAQ,GAAW,GAAG,CAAA;QAGtB,cAAS,GAAW,EAAE,CAAA;KAyDhC;IAvDU,QAAQ;QACX,OAAO;YACH,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,IAAI;YAC1B,WAAW,EAAE,IAAI,CAAC,KAAK,KAAK,IAAI;YAChC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;SACjC,CAAA;IACL,CAAC;IAEM,gBAAgB;;QACnB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAA;QAEvE,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAA;QAClC,CAAC;QAED,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,EAAC,IAAI;YACD,4DAAK,KAAK,EAAC,QAAQ;gBACf,4DAAK,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;oBACvB,4DAAK,KAAK,EAAC,WAAW;wBAClB;4BACI,0DAAG,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,MAAM,IAC9B,IAAI,CAAC,SAAS,CACf,CACH,CACH;oBACN,4DAAK,KAAK,EAAC,aAAa;wBACpB,8DAAO,EAAE,EAAC,cAAc,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,UAAU,GAAG;wBAC/D,8DAAO,OAAO,EAAC,cAAc;4BACzB,4DAAK,KAAK,EAAC,MAAM,GAAO;4BACxB,4DAAK,KAAK,EAAC,MAAM,GAAO;4BACxB,4DAAK,KAAK,EAAC,MAAM,GAAO,CACpB;wBACR,4DAAK,KAAK,EAAC,kBAAkB;4BACzB,2DAAI,KAAK,EAAC,QAAQ;gCACd,8DAAa,CACZ,CACH,CACJ,CACJ,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Host, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-navbar',\n    styleUrl: 'p-navbar.scss',\n    shadow: true,\n})\nexport class PNavbar {\n    @Element()\n    public el: HTMLElement\n\n    @Prop()\n    public split: boolean = false\n\n    @Prop()\n    public fixed: boolean = false\n\n    @Prop()\n    public dark?: boolean = false\n\n    @Prop()\n    public rootLink: string = '/'\n\n    @Prop()\n    public rootTitle: string = ''\n\n    public getClass() {\n        return {\n            border: true,\n            fixed: this.fixed === true,\n            'split-nav': this.split === true,\n            'is--dark': this.dark === true,\n        }\n    }\n\n    public componentDidLoad() {\n        const items = Array.from(this.el.getElementsByTagName('p-navbar-item'))\n\n        for (const item of items) {\n            item.style.marginLeft = '10px'\n        }\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            <Host>\n                <div class=\"papier\">\n                    <nav class={this.getClass()}>\n                        <div class=\"nav-brand\">\n                            <h3>\n                                <a href={this.rootLink} slot=\"main\">\n                                    {this.rootTitle}\n                                </a>\n                            </h3>\n                        </div>\n                        <div class=\"collapsible\">\n                            <input id=\"collapsible1\" name=\"collapsible1\" type=\"checkbox\" />\n                            <label htmlFor=\"collapsible1\">\n                                <div class=\"bar1\"></div>\n                                <div class=\"bar2\"></div>\n                                <div class=\"bar3\"></div>\n                            </label>\n                            <div class=\"collapsible-body\">\n                                <ul class=\"inline\">\n                                    <slot></slot>\n                                </ul>\n                            </div>\n                        </div>\n                    </nav>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}

package/dist/collection/components/navigation/p-navbar-item/p-navbar-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-navbar-item.js","sourceRoot":"","sources":["../../../../src/components/navigation/p-navbar-item/p-navbar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,WAAW;IALxB;QAOW,SAAI,GAAa,KAAK,CAAA;QAGtB,SAAI,GAAW,GAAG,CAAA;KA4B5B;IApBU,QAAQ;QACX,OAAO;YACH,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;YACrC,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;SACjC,CAAA;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,2DAAI,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;gBACtB,0DAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM;oBAClC,IAAI,CAAC,IAAI,IAAI,+DAAQ,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,GAAW;oBAClG,8DAAQ,CACR,CACH,CACF,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-navbar-item',\n    styleUrl: 'p-navbar-item.scss',\n    shadow: true,\n})\nexport class PNavbarItem {\n    @Prop()\n    public dark?: boolean = false\n\n    @Prop()\n    public href: string = '/'\n\n    @Prop()\n    public target?: string\n\n    @Prop()\n    public icon?: string\n\n    public getClass() {\n        return {\n            papier: true,\n            'with--icon': this.icon !== undefined,\n            'is--dark': this.dark === true,\n        }\n    }\n\n    render() {\n        return (\n            <Host>\n                <li class={this.getClass()}>\n                    <a href={this.href} target={this.target}>\n                        {this.icon && <p-icon color={this.dark ? 'white' : '#41403e'} icon={this.icon} size={20}></p-icon>}\n                        <slot />\n                    </a>\n                </li>\n            </Host>\n        )\n    }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"p-notification.js","sourceRoot":"","sources":["../../../../src/components/notification/p-notification/p-notification.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3F,OAAO,OAAO,MAAM,eAAe,CAAA;AAOnC,MAAM,OAAO,aAAa;IAL1B;QAUW,SAAI,GAAY,MAAM,CAAA;QAGtB,SAAI,GAAG,EAAE,CAAA;QAGT,aAAQ,GAAG,KAAK,CAAA;QAGhB,cAAS,GAAG,EAAE,CAAA;KAgExB;IAzDU,WAAW;QACd,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAChB,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;YACrC,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAA;YAClD,KAAK,QAAQ;gBACT,OAAO,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,CAAA;YAChD,KAAK,SAAS;gBACV,OAAO,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,CAAA;YAChD;gBACI,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;QACzC,CAAC;IACL,CAAC;IAEM,YAAY;QACf,MAAM,QAAQ,GAAG;YACb,KAAK,EAAE,IAAI;YACX,YAAY,EAAE,IAAI,CAAC,QAAQ;SAC9B,CAAA;QACD,MAAM,IAAI,GAAG;YACT,SAAS;YACT,WAAW;YACX,SAAS;YACT,SAAS;YACT,QAAQ;SACX,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAA;QAC9B,QAAQ,CAAC,SAAS,IAAI,IAAI,SAAS,EAAE,CAAC,GAAG,IAAI,CAAA;QAE7C,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEO,OAAO;QACX,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,CAAA;QAC9B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnC,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DAAK,KAAK,EAAC,QAAQ;gBACf,4DAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE;oBAC3B,4DAAK,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,GAAI;oBACtC,4DAAK,SAAS,EAAE,IAAI,CAAC,IAAI,GAAI;oBAC5B,IAAI,CAAC,QAAQ,IAAI,CACd,6DACI,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,EAClC,OAAO,EAAE,GAAG,EAAE;4BACV,IAAI,CAAC,OAAO,EAAE,CAAA;wBAClB,CAAC,GACH,CACL,CACC,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["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"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"p-notification-handler.js","sourceRoot":"","sources":["../../../../src/components/notification/p-notification-handler/p-notification-handler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAkBzE,MAAM,OAAO,oBAAoB;IALjC;QAOW,kBAAa,GAAmB,EAAE,CAAA;KAgD5C;IA7CU,KAAK,CAAC,gBAAgB,CAAC,OAAoB;QAC9C,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;QACjD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC,CAAA;QAC9C,IAAI,CAAC,aAAa,GAAG;YACjB,GAAG,IAAI,CAAC,aAAa;YACrB;gBACI,IAAI;gBACJ,IAAI;gBACJ,QAAQ;gBACR,SAAS;aACZ;SACJ,CAAA;QAED,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,UAAU,CAAC,GAAG,EAAE;YACZ,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;gBACnD,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS,CAAA;YACxC,CAAC,CAAC,CAAA;YACF,IAAI,YAAY,EAAE,CAAC;gBACf,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;YAC/B,CAAC;QACL,CAAC,EAAE,OAAO,CAAC,CAAA;IACf,CAAC;IAEO,WAAW,CAAC,SAAiB;QACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;YACrD,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS,CAAA;QACxC,CAAC,CAAC,CAAA;IACN,CAAC;IAGM,iBAAiB,CAAC,KAA0B;QAC/C,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAClC,CAAC;IAEM,gBAAgB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrC,sBAAgB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAChI,CAAC,CAAA;IACN,CAAC;IAED,MAAM;QACF,OAAO,EAAC,IAAI,uDAAE,IAAI,CAAC,gBAAgB,EAAE,CAAQ,CAAA;IACjD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Listen, Method, State } from '@stencil/core'\n\nexport type PushOptions = {\n    type: string\n    text: string\n    canclose: boolean\n    timeout?: number\n}\n\ntype Notification = PushOptions & {\n    timestamp: string\n}\n\n@Component({\n    tag: 'p-notification-handler',\n    styleUrl: 'p-notification-handler.scss',\n    shadow: true,\n})\nexport class PNotificationHandler {\n    @State()\n    public notifications: Notification[] = []\n\n    @Method()\n    public async pushNotification(options: PushOptions) {\n        const { type, text, canclose, timeout } = options\n        const timestamp = String(new Date().getTime())\n        this.notifications = [\n            ...this.notifications,\n            {\n                type,\n                text,\n                canclose,\n                timestamp,\n            },\n        ]\n\n        if (!timeout) return\n\n        setTimeout(() => {\n            const notification = this.notifications.find((toast) => {\n                return toast.timestamp === timestamp\n            })\n            if (notification) {\n                this.removeToast(timestamp)\n            }\n        }, timeout)\n    }\n\n    private removeToast(timestamp: string) {\n        this.notifications = this.notifications.filter((toast) => {\n            return toast.timestamp !== timestamp\n        })\n    }\n\n    @Listen('close')\n    public closeToastHandler(event: CustomEvent<string>) {\n        this.removeToast(event.detail)\n    }\n\n    public mapNotifications() {\n        return this.notifications.map((toast) => (\n            <p-notification canclose={toast.canclose} key={toast.type} text={toast.text} timestamp={toast.timestamp} type={toast.type} />\n        ))\n    }\n\n    render() {\n        return <Host>{this.mapNotifications()}</Host>\n    }\n}\n"]}

package/dist/collection/components/notification/p-notification-handler/stories/p-notification-preview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-notification-preview.js","sourceRoot":"","sources":["../../../../../src/components/notification/p-notification-handler/stories/p-notification-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAM5D,MAAM,OAAO,oBAAoB;IAOtB,eAAe,CAAC,OAA6B;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAA;QAE/D,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,CAAC,gBAAgB,iBACpB,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAC3B,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,GAAG,IAAI,CAAC,gBAAgB,IAAI,SAAS,eAAe,IACvD,OAAO,EACZ,CAAA;QACN,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH;YACI,gFAA0B;YAC1B,mEACI,QAAQ,EAAE,CAAC,CAAc,EAAE,EAAE;oBACzB,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAA;gBACpC,CAAC,EACD,WAAW,EAAC,0BAA0B,IAErC;gBACG,SAAS;gBACT,WAAW;gBACX,SAAS;gBACT,SAAS;gBACT,QAAQ;aACX,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACZ,OAAO,CACH,uBAAiB,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IACpC,KAAK,CACQ,CACrB,CAAA;YACL,CAAC,CAAC,CACO;YAEb,4DACI,KAAK,EAAE;oBACH,SAAS,EAAE,MAAM;iBACpB;gBAED,iEACI,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAA;oBAC5B,CAAC,EACD,KAAK,EAAE;wBACH,WAAW,EAAE,MAAM;qBACtB,EACD,IAAI,EAAC,SAAS,uBAGP;gBACX,iEACI,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,eAAe,CAAC;4BACjB,QAAQ,EAAE,IAAI;yBACjB,CAAC,CAAA;oBACN,CAAC,EACD,KAAK,EAAE;wBACH,WAAW,EAAE,MAAM;qBACtB,EACD,IAAI,EAAC,WAAW,gCAGT;gBACX,iEACI,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,eAAe,CAAC;4BACjB,OAAO,EAAE,IAAI;yBAChB,CAAC,CAAA;oBACN,CAAC,EACD,IAAI,EAAC,SAAS,+BAGP,CACT,CACJ,CACT,CAAA;IACL,CAAC;;;;;;CACJ","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"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"p-accordion.js","sourceRoot":"","sources":["../../../src/components/p-accordion/p-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,OAAO,MAAM,eAAe,CAAA;AAEnC;;GAEG;AAMH,MAAM,OAAO,UAAU;IALvB;QAWI,SAAI,GAAY,KAAK,CAAA;QAErB,SAAI,GAAa,KAAK,CAAA;KAuCzB;IArCG,MAAM;QACF,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,CAAA;QAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAA;QAEpD,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;iBACjC;gBAED,4DAAK,KAAK,EAAC,8BAA8B;oBACrC,4DACI,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,GAAG,EAAE;4BACV,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;wBAC1B,CAAC;wBAED,+DAAO,IAAI,CAAC,KAAK,CAAQ;wBACzB;4BACI,6DAAM,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAI,CAC/D,CACL;oBACN,4DACI,KAAK,EAAE;4BACH,sBAAsB,EAAE,IAAI;4BAC5B,UAAU,EAAE,IAAI,CAAC,IAAI;yBACxB;wBAED,8DAAQ,CACN,CACJ,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core'\nimport feather from 'feather-icons'\n\n/**\n * @slot - accordion content\n */\n@Component({\n    tag: 'p-accordion',\n    styleUrl: 'p-accordion.scss',\n    shadow: true,\n})\nexport class PAccordion {\n    @Prop()\n    title: string\n    @Prop({\n        mutable: true,\n    })\n    open: boolean = false\n    @Prop()\n    dark?: boolean = false\n\n    render() {\n        const icon = feather.icons['chevron-down'].toSvg()\n        const openIcon = feather.icons['chevron-up'].toSvg()\n\n        return (\n            <Host>\n                <div\n                    class={{\n                        papier: true,\n                        'is--dark': this.dark === true,\n                    }}\n                >\n                    <div class=\"p-accordion is--block border\">\n                        <div\n                            class=\"p-accordion__summary\"\n                            onClick={() => {\n                                this.open = !this.open\n                            }}\n                        >\n                            <span>{this.title}</span>\n                            <span>\n                                <span class=\"for--icon\" innerHTML={this.open ? openIcon : icon} />\n                            </span>\n                        </div>\n                        <div\n                            class={{\n                                'p-accordion__content': true,\n                                'is--open': this.open,\n                            }}\n                        >\n                            <slot />\n                        </div>\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"p-alert.js","sourceRoot":"","sources":["../../../src/components/p-alert/p-alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAI5E;;GAEG;AAMH,MAAM,OAAO,MAAM;IALnB;QAOI,SAAI,GAAgB,SAAS,CAAA;QAC7B,sBAAsB;QAEtB,aAAQ,GAAa,KAAK,CAAA;QAE1B,SAAI,GAAa,KAAK,CAAA;KA0DzB;IAnDU,QAAQ;QACX,MAAM,KAAK,GAAG;YACV,SAAS;YACT,WAAW;YACX,SAAS;YACT,SAAS;YACT,QAAQ;SACX,CAAA;QACD,IAAI,QAAQ,GAAG,OAAO,CAAA;QAEtB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7B,QAAQ,GAAG,GAAG,QAAQ,gBAAgB,CAAA;QAC1C,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,GAAG,QAAQ,UAAU,IAAI,CAAC,IAAI,EAAE,CAAA;QAC/C,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,QAAQ,GAAG,GAAG,QAAQ,cAAc,CAAA;QACxC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,cAAc;QACjB,IAAI,QAAQ,GAAG,kBAAkB,CAAA;QAEjC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,UAAU;QACb,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,4DAAK,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;gBACvB,8DAAQ;gBACP,IAAI,CAAC,QAAQ,IAAI,CACd,6DAAM,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,QAEjD,CACV,CACC,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, h, Prop } from '@stencil/core'\n\ntype AlertColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n\n/**\n * @Slot - alert content\n */\n@Component({\n    tag: 'p-alert',\n    styleUrl: 'p-alert.scss',\n    shadow: true,\n})\nexport class PAlert {\n    @Prop()\n    type?: AlertColor = 'primary'\n    /** Show close icon */\n    @Prop()\n    closable?: boolean = false\n    @Prop()\n    dark?: boolean = false\n\n    @Event({\n        eventName: 'close',\n    })\n    public close: EventEmitter\n\n    public getClass(): string {\n        const types = [\n            'primary',\n            'secondary',\n            'success',\n            'warning',\n            'danger',\n        ]\n        let cssClass = 'alert'\n\n        if (!types.includes(this.type)) {\n            cssClass = `${cssClass} alert-primary`\n        } else {\n            cssClass = `${cssClass} alert-${this.type}`\n        }\n\n        if (this.closable) {\n            cssClass = `${cssClass} dismissible`\n        }\n\n        return cssClass\n    }\n\n    public getParentClass() {\n        let cssClass = 'papier is--block'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n\n    public closeAlert() {\n        this.close.emit(null)\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                <div class={this.getClass()}>\n                    <slot />\n                    {this.closable && (\n                        <span class=\"btn-close\" onClick={() => this.closeAlert()}>\n                            X\n                        </span>\n                    )}\n                </div>\n            </div>\n        )\n    }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"p-badge.js","sourceRoot":"","sources":["../../../src/components/p-badge/p-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AASlD,MAAM,OAAO,MAAM;IALnB;QAOI,SAAI,GAAgB,SAAS,CAAA;QAE7B,SAAI,GAAa,KAAK,CAAA;KAyBzB;IAvBU,cAAc;QACjB,IAAI,QAAQ,GAAG,QAAQ,CAAA;QAEvB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,QAAQ;QACX,OAAO,SAAS,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE,CAAA;IACrC,CAAC;IAED,MAAM;QACF,OAAO,CACH,6DAAM,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC9B,6DAAM,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;gBACxB,8DAAQ,CACL,CACJ,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop } from '@stencil/core'\n\ntype BadgeColor = 'secondary' | 'success' | 'warning' | 'danger'\n\n@Component({\n    tag: 'p-badge',\n    styleUrl: 'p-badge.scss',\n    shadow: true,\n})\nexport class PBadge {\n    @Prop()\n    type?: BadgeColor = undefined\n    @Prop()\n    dark?: boolean = false\n\n    public getParentClass() {\n        let cssClass = `papier`\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n\n    public getClass() {\n        return `badge ${this.type || ''}`\n    }\n\n    render() {\n        return (\n            <span class={this.getParentClass()}>\n                <span class={this.getClass()}>\n                    <slot />\n                </span>\n            </span>\n        )\n    }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"p-button.js","sourceRoot":"","sources":["../../../src/components/p-button/p-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAI3D;;GAEG;AAMH,MAAM,OAAO,OAAO;IALpB;QASI,SAAI,GAAiB,SAAS,CAAA;QAE9B,YAAO,GAAa,KAAK,CAAA;QAEzB,UAAK,GAAa,KAAK,CAAA;QAEvB,UAAK,GAAa,KAAK,CAAA;QAEvB,UAAK,GAAa,KAAK,CAAA;QAEvB,aAAQ,GAAa,KAAK,CAAA;QAE1B,SAAI,GAAa,KAAK,CAAA;QAEtB,YAAO,GAAa,KAAK,CAAA;KAsD5B;IApDU,QAAQ;QACX,MAAM,KAAK,GAAG;YACV,SAAS;YACT,WAAW;YACX,SAAS;YACT,QAAQ;YACR,SAAS;SACZ,CAAA;QACD,IAAI,QAAQ,GAAG,EAAE,CAAA;QAEjB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7B,QAAQ,GAAG,aAAa,CAAA;QAC5B,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,OAAO,IAAI,CAAC,IAAI,EAAE,CAAA;QACjC,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,QAAQ,GAAG,UAAU,CAAA;QACzB,CAAC;QAED,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QACzD,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QACzD,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QACzD,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QAEzD,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,cAAc;QACjB,IAAI,QAAQ,GAAG,QAAQ,CAAA;QAEvB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,GAAG,GAAG,QAAQ,YAAY,CAAA;QACtC,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IACD,MAAM;QACF,MAAM,KAAK,GAAG,SAAS,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAA;QAE/D,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,+DAAQ,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,QAAQ,IACjE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,eAAQ,CAAC,CAAC,CAAC,iBAAW,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACnE,CACP,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, h, Prop } from '@stencil/core'\n\ntype ButtonColor = 'success' | 'secondary' | 'primary' | 'danger' | 'warning'\n\n/**\n * @slot - button content\n */\n@Component({\n    tag: 'p-button',\n    styleUrl: 'p-button.scss',\n    shadow: true,\n})\nexport class PButton {\n    @Element()\n    el: Element\n    @Prop()\n    type?: ButtonColor = 'primary'\n    @Prop()\n    outline?: boolean = false\n    @Prop()\n    large?: boolean = false\n    @Prop()\n    small?: boolean = false\n    @Prop()\n    block?: boolean = false\n    @Prop()\n    disabled?: boolean = false\n    @Prop()\n    dark?: boolean = false\n    @Prop()\n    loading?: boolean = false\n\n    public getClass(): string {\n        const types = [\n            'success',\n            'secondary',\n            'primary',\n            'danger',\n            'warning',\n        ]\n        let cssClass = ''\n\n        if (!types.includes(this.type)) {\n            cssClass = 'btn-primary'\n        } else {\n            cssClass = `btn-${this.type}`\n        }\n\n        if (this.disabled) {\n            cssClass = 'disabled'\n        }\n\n        cssClass = `${cssClass}${this.outline ? '-outline' : ''}`\n        cssClass = `${cssClass}${this.large ? ' btn-large' : ''}`\n        cssClass = `${cssClass}${this.small ? ' btn-small' : ''}`\n        cssClass = `${cssClass}${this.block ? ' btn-block' : ''}`\n\n        return cssClass\n    }\n\n    public getParentClass() {\n        let cssClass = 'papier'\n\n        if (this.block) {\n            cssClass = `${cssClass} is--block`\n        }\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n    render() {\n        const color = `var(--${this.type}${this.dark ? '-light' : ''})`\n\n        return (\n            <div class={this.getParentClass()}>\n                <button class={this.getClass()} disabled={this.disabled} type=\"button\">\n                    {!this.loading ? <slot /> : <p-spinner color={color} dark={this.dark} />}\n                </button>\n            </div>\n        )\n    }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"p-card.js","sourceRoot":"","sources":["../../../src/components/p-card/p-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAExE;;;;;;GAMG;AAMH,MAAM,OAAO,KAAK;IALlB;QAOI,SAAI,GAAa,KAAK,CAAA;QACtB;;WAEG;QAEH,WAAM,GAAa,KAAK,CAAA;KAoD3B;IA1CG,gBAAgB;QACZ,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAA;QAC3D,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAC/D,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;oBACrB,aAAa,EAAE,IAAI,CAAC,SAAS,KAAK,IAAI;oBACtC,aAAa,EAAE,IAAI,CAAC,SAAS;oBAC7B,cAAc,EAAE,IAAI,CAAC,MAAM;iBAC9B;gBAED,4DAAK,KAAK,EAAC,MAAM;oBACb,4DAAK,KAAK,EAAC,aAAa;wBACpB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACpB;oBACL,IAAI,CAAC,KAAK,IAAI,4DAAK,GAAG,EAAC,UAAU,EAAC,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,GAAI;oBACxE,4DAAK,KAAK,EAAC,WAAW;wBAClB,2DAAI,KAAK,EAAC,YAAY;4BAClB,6DAAM,IAAI,EAAC,OAAO,GAAG,CACpB;wBACL,2DAAI,KAAK,EAAC,eAAe;4BACrB,6DAAM,IAAI,EAAC,UAAU,GAAG,CACvB;wBACL,0DAAG,KAAK,EAAC,WAAW;4BAChB,6DAAM,IAAI,EAAC,MAAM,GAAG,CACpB;wBACJ,8DAAQ,CACN;oBACN,4DAAK,KAAK,EAAC,aAAa;wBACpB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACpB,CACJ,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Host, h, Prop, State } from '@stencil/core'\n\n/**\n * @slot header - card header\n * @slot title - card title\n * @slot subtitle - card subtitle\n * @slot text - card text\n * @slot footer - card footer\n */\n@Component({\n    tag: 'p-card',\n    styleUrl: 'p-card.scss',\n    shadow: true,\n})\nexport class PCard {\n    @Prop()\n    dark?: boolean = false\n    /**\n     * Use border radius style like button, badge etc\n     */\n    @Prop()\n    radius?: boolean = false\n    @Prop()\n    image?: string\n    @Element()\n    el: HTMLElement\n    @State()\n    hasHeader: boolean\n    @State()\n    hasFooter: boolean\n\n    componentDidLoad() {\n        this.hasHeader = !!this.el.querySelector('[slot=\"header\"]')\n        this.hasFooter = !!this.el.querySelector('[slot=\"footer\"]')\n    }\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class={{\n                        papier: true,\n                        'is--dark': this.dark,\n                        'has--header': this.hasHeader === true,\n                        'has--footer': this.hasFooter,\n                        'with--radius': this.radius,\n                    }}\n                >\n                    <div class=\"card\">\n                        <div class=\"card-header\">\n                            <slot name=\"header\" />\n                        </div>\n                        {this.image && <img alt=\"card-img\" class=\"image-top\" src={this.image} />}\n                        <div class=\"card-body\">\n                            <h4 class=\"card-title\">\n                                <slot name=\"title\" />\n                            </h4>\n                            <h5 class=\"card-subtitle\">\n                                <slot name=\"subtitle\" />\n                            </h5>\n                            <p class=\"card-text\">\n                                <slot name=\"text\" />\n                            </p>\n                            <slot />\n                        </div>\n                        <div class=\"card-footer\">\n                            <slot name=\"footer\" />\n                        </div>\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}