@amiceli/papierjs 0.13.0 → 0.14.1

package/dist/esm/p-accordion.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-accordion.entry.js","sources":["src/components/p-accordion/p-accordion.scss?tag=p-accordion&encapsulation=shadow","src/components/p-accordion/p-accordion.tsx"],"sourcesContent":[":host {\n    @import \"../common\";\n\n    .is--dark {\n        .p-accordion {\n            border-color : white;\n        }    \n    }\n\n    .p-accordion {\n        display: block;\n\n        &__summary {\n            height: 57px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            box-sizing: border-box;\n            padding-left: 20px;\n            padding-right: 20px;\n\n            &:hover {\n                cursor: pointer;\n            }\n        }\n\n        &__content {\n            transition: all 0.4s linear;\n            box-sizing: border-box;\n            padding-left: 20px;\n            padding-right: 20px;\n\n            &:not(.is--open) {\n                height: 0;\n                overflow: hidden;\n            }\n        }\n    }\n}\n","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"],"names":[],"mappings":";;;AAAA,MAAM,aAAa,GAAG,ijrFAAijrF;;MCW1jrF,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAWI,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AAErB,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAuCzB;IArCG,MAAM,GAAA;QACF,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;QAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE;QAEpD,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;AACjC,aAAA,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACrC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,MAAK;AACV,gBAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;AAC1B,aAAC,EAAA,EAED,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,KAAK,CAAQ,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAG,QAAQ,GAAG,IAAI,EAAA,CAAI,CAC/D,CACL,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,sBAAsB,EAAE,IAAI;gBAC5B,UAAU,EAAE,IAAI,CAAC,IAAI;AACxB,aAAA,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACN,CACJ,CACJ,CACH;;;;;;;"}

package/dist/esm/p-alert.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-alert.entry.js","sources":["src/components/p-alert/p-alert.scss?tag=p-alert&encapsulation=shadow","src/components/p-alert/p-alert.tsx"],"sourcesContent":[":host {\n    @import \"../common\";\n\n    @include useBlock();\n    display: block;\n    width: 100%;\n    box-sizing: border-box;\n\n    .alert, .papier {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n    }\n}","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"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,6vqFAA6vqF;;MCYlwqF,MAAM,GAAA,MAAA;AALnB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOI,QAAA,IAAI,CAAA,IAAA,GAAgB,SAAS;;AAG7B,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAE1B,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AA0DzB;IAnDU,QAAQ,GAAA;AACX,QAAA,MAAM,KAAK,GAAG;YACV,SAAS;YACT,WAAW;YACX,SAAS;YACT,SAAS;YACT,QAAQ;SACX;QACD,IAAI,QAAQ,GAAG,OAAO;QAEtB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;AAC5B,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,cAAA,CAAgB;;aACnC;YACH,QAAQ,GAAG,GAAG,QAAQ,CAAA,OAAA,EAAU,IAAI,CAAC,IAAI,EAAE;;AAG/C,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,YAAA,CAAc;;AAGxC,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;;IAGZ,UAAU,GAAA;AACb,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGzB,MAAM,GAAA;AACF,QAAA,QACI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC7B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAA,EACvB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACP,IAAI,CAAC,QAAQ,KACV,6DAAM,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,QAEjD,CACV,CACC,CACJ;;;;;;;"}

package/dist/esm/p-badge.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-badge.entry.js","sources":["src/components/p-badge/p-badge.scss?tag=p-badge&encapsulation=shadow","src/components/p-badge/p-badge.tsx"],"sourcesContent":[":host {\n    @import \"../common\";\n\n    .papier {\n        font-size: inherit;\n        font-family: inherit;\n    }\n    \n    &, & *{\n        font-size: inherit;\n        font-family: inherit;\n    }\n}","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"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,6mqFAA6mqF;;MCSlnqF,MAAM,GAAA,MAAA;AALnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOI,QAAA,IAAI,CAAA,IAAA,GAAgB,SAAS;AAE7B,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAyBzB;IAvBU,cAAc,GAAA;QACjB,IAAI,QAAQ,GAAG,CAAA,MAAA,CAAQ;AAEvB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,SAAA,CAAW;;AAGrC,QAAA,OAAO,QAAQ;;IAGZ,QAAQ,GAAA;AACX,QAAA,OAAO,SAAS,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE;;IAGrC,MAAM,GAAA;QACF,QACI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC9B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAA,EACxB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACL,CACJ;;;;;;;"}

package/dist/esm/p-breadcrumb-item.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-breadcrumb-item.entry.js","sources":["src/components/breadcrumb/p-breadcrumb/p-breadcrumb.scss?tag=p-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb/p-breadcrumb-item/p-breadcrumb-item.tsx"],"sourcesContent":[":host {\n    @import \"../../common\";\n    @import '../../../../node_modules/papercss/src/core/config';\n\n    .breadcrumb {\n        .border {\n            padding: 10px 16px;\n        }\n    }\n\n    .breadcrumb-item {\n        font-size: 20px;\n        \n        &.is--dark {\n            @include color('color', 'white');\n        }\n\n        a {\n            @include color('color', 'secondary');\n\n            &:visited {\n                @include color('color', 'secondary');\n            }\n        }\n\n        &:not(.is--first) {\n            &:before {\n                content: '/\\00a0';\n                padding: 8px;\n            }\n        }\n    }\n}","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"],"names":[],"mappings":";;AAAA,MAAM,cAAc,GAAG,qt3FAAqt3F;;MCO/t3F,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOI,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAEtB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAgC1B;IA1BU,cAAc,GAAA;QACjB,IAAI,QAAQ,GAAG,wBAAwB;AAEvC,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,SAAA,CAAW;;AAErC,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,UAAA,CAAY;;AAGtC,QAAA,OAAO,QAAQ;;IAGnB,MAAM,GAAA;QACF,QACI,6DAAM,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAC7B,EAAA,IAAI,CAAC,IAAI,IACN,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EACd,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,CACR,KAEJ,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,CACX,CACE;;;;;;;;"}

package/dist/esm/p-breadcrumb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-breadcrumb.entry.js","sources":["src/components/breadcrumb/p-breadcrumb/p-breadcrumb.scss?tag=p-breadcrumb&encapsulation=shadow","src/components/breadcrumb/p-breadcrumb/p-breadcrumb.tsx"],"sourcesContent":[":host {\n    @import \"../../common\";\n    @import '../../../../node_modules/papercss/src/core/config';\n\n    .breadcrumb {\n        .border {\n            padding: 10px 16px;\n        }\n    }\n\n    .breadcrumb-item {\n        font-size: 20px;\n        \n        &.is--dark {\n            @include color('color', 'white');\n        }\n\n        a {\n            @include color('color', 'secondary');\n\n            &:visited {\n                @include color('color', 'secondary');\n            }\n        }\n\n        &:not(.is--first) {\n            &:before {\n                content: '/\\00a0';\n                padding: 8px;\n            }\n        }\n    }\n}","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"],"names":[],"mappings":";;AAAA,MAAM,cAAc,GAAG,qt3FAAqt3F;;MCO/t3F,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOI,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAoCzB;IA/BU,cAAc,GAAA;QACjB,IAAI,QAAQ,GAAG,6BAA6B;AAE5C,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,SAAA,CAAW;;AAGrC,QAAA,OAAO,QAAQ;;IAGZ,gBAAgB,GAAA;;AACnB,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;AAE3E,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,YAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACtB,gBAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;;;AAIzC,QAAA,CAAA,EAAA,GAAA,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC;;IAG9C,MAAM,GAAA;QACF,QACI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC7B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACf,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN,CACJ;;;;;;;;"}

package/dist/esm/p-button.p-dropdown.p-dropdown-item.p-notification-handler.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-button.p-dropdown.p-dropdown-item.p-notification-handler.entry.js","sources":["src/components/p-button/p-button.scss?tag=p-button&encapsulation=shadow","src/components/p-button/p-button.tsx","src/components/dropdown/p-dropdown/p-dropdown.scss?tag=p-dropdown&encapsulation=shadow","src/components/dropdown/p-dropdown/p-dropdown.tsx","src/components/dropdown/p-dropdown/p-dropdown.scss?tag=p-dropdown-item&encapsulation=shadow","src/components/dropdown/p-dropdown-item/p-dropdown-item.tsx","src/components/notification/p-notification-handler/p-notification-handler.scss?tag=p-notification-handler&encapsulation=shadow","src/components/notification/p-notification-handler/p-notification-handler.tsx"],"sourcesContent":[":host {\n    @import \"../common\";\n\n    @include useBlock();\n}","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",":host {\n    @import \"../../common\";\n\n    @include useBlock();\n\n    height: 27px;\n\n    .dropdown-item {\n        width: 100%;\n        background: white;\n        height: 27px;\n\n        &.is--dark {\n            background: #41403e;\n        }\n\n        &:hover {\n            cursor: pointer;\n\n            .border {\n                cursor: pointer;\n            }\n        }\n\n        .border {\n            height: 27px;\n            padding-left: 10px;\n            box-sizing: border-box;\n            border-top: none;\n        }\n    }\n\n    .dropdown {\n        position: relative;\n        height: 27px;\n\n        &.is--dark {\n            color : white;\n            .dropdown__header, .dropdown__children {\n                background: #41403e;\n            }\n        }\n\n        &__header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-left: 10px;\n            padding-right: 10px;\n            cursor: pointer;\n            position: relative;\n            z-index: 20;\n        }\n\n        &__children {\n            position: absolute;\n            z-index: 222;\n            top: 31px;\n            left: 0;\n            width: 100%;\n            max-height: 200px;\n            display: grid;\n            grid-auto-rows: 27px;\n            max-height: calc(27px * 5);\n            overflow-y: auto;\n            background: white;\n        }\n\n        .for--icon {\n            position: relative;\n            top: 2px;\n            transition: all 0.3s linear;\n            transform: rotate(0deg);\n        }\n\n        &:not(.is--open) {\n            .dropdown__children {\n                display: none;\n            }\n        }\n\n        &.is--open {\n            .dropdown__children {\n                display: grid;\n            }\n\n            .for--icon {\n                transform: rotate(180deg);\n                top: -3px;\n            }\n        }\n    }\n\n    .dropdown {\n        &:not(.is--block) {\n            display: inline-block;\n            min-width: 200px;\n        }\n\n        &.is--block {\n            display: block;\n            width: 100%;\n            box-sizing: border-box;\n        }\n    }\n\n}","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",":host {\n    @import \"../../common\";\n\n    @include useBlock();\n\n    height: 27px;\n\n    .dropdown-item {\n        width: 100%;\n        background: white;\n        height: 27px;\n\n        &.is--dark {\n            background: #41403e;\n        }\n\n        &:hover {\n            cursor: pointer;\n\n            .border {\n                cursor: pointer;\n            }\n        }\n\n        .border {\n            height: 27px;\n            padding-left: 10px;\n            box-sizing: border-box;\n            border-top: none;\n        }\n    }\n\n    .dropdown {\n        position: relative;\n        height: 27px;\n\n        &.is--dark {\n            color : white;\n            .dropdown__header, .dropdown__children {\n                background: #41403e;\n            }\n        }\n\n        &__header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-left: 10px;\n            padding-right: 10px;\n            cursor: pointer;\n            position: relative;\n            z-index: 20;\n        }\n\n        &__children {\n            position: absolute;\n            z-index: 222;\n            top: 31px;\n            left: 0;\n            width: 100%;\n            max-height: 200px;\n            display: grid;\n            grid-auto-rows: 27px;\n            max-height: calc(27px * 5);\n            overflow-y: auto;\n            background: white;\n        }\n\n        .for--icon {\n            position: relative;\n            top: 2px;\n            transition: all 0.3s linear;\n            transform: rotate(0deg);\n        }\n\n        &:not(.is--open) {\n            .dropdown__children {\n                display: none;\n            }\n        }\n\n        &.is--open {\n            .dropdown__children {\n                display: grid;\n            }\n\n            .for--icon {\n                transform: rotate(180deg);\n                top: -3px;\n            }\n        }\n    }\n\n    .dropdown {\n        &:not(.is--block) {\n            display: inline-block;\n            min-width: 200px;\n        }\n\n        &.is--block {\n            display: block;\n            width: 100%;\n            box-sizing: border-box;\n        }\n    }\n\n}","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",":host {\n    pointer-events: none;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    row-gap: 8px;\n    position: fixed;\n    top: 40px;\n    margin: auto 80px;\n    left: 0;\n    right: 0;\n    z-index: 9999;\n}","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"],"names":["pDropdownCss"],"mappings":";;;AAAA,MAAM,UAAU,GAAG,mlqFAAmlqF;;MCYzlqF,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;AASI,QAAA,IAAI,CAAA,IAAA,GAAiB,SAAS;AAE9B,QAAA,IAAO,CAAA,OAAA,GAAa,KAAK;AAEzB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAEvB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAEvB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAEvB,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAE1B,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAEtB,QAAA,IAAO,CAAA,OAAA,GAAa,KAAK;AAsD5B;IApDU,QAAQ,GAAA;AACX,QAAA,MAAM,KAAK,GAAG;YACV,SAAS;YACT,WAAW;YACX,SAAS;YACT,QAAQ;YACR,SAAS;SACZ;QACD,IAAI,QAAQ,GAAG,EAAE;QAEjB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YAC5B,QAAQ,GAAG,aAAa;;aACrB;AACH,YAAA,QAAQ,GAAG,CAAO,IAAA,EAAA,IAAI,CAAC,IAAI,EAAE;;AAGjC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,QAAQ,GAAG,UAAU;;AAGzB,QAAA,QAAQ,GAAG,CAAG,EAAA,QAAQ,CAAG,EAAA,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,EAAE;AACzD,QAAA,QAAQ,GAAG,CAAG,EAAA,QAAQ,CAAG,EAAA,IAAI,CAAC,KAAK,GAAG,YAAY,GAAG,EAAE,EAAE;AACzD,QAAA,QAAQ,GAAG,CAAG,EAAA,QAAQ,CAAG,EAAA,IAAI,CAAC,KAAK,GAAG,YAAY,GAAG,EAAE,EAAE;AACzD,QAAA,QAAQ,GAAG,CAAG,EAAA,QAAQ,CAAG,EAAA,IAAI,CAAC,KAAK,GAAG,YAAY,GAAG,EAAE,EAAE;AAEzD,QAAA,OAAO,QAAQ;;IAGZ,cAAc,GAAA;QACjB,IAAI,QAAQ,GAAG,QAAQ;AAEvB,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,UAAA,CAAY;;AAGtC,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,SAAA,CAAW;;AAGrC,QAAA,OAAO,QAAQ;;IAEnB,MAAM,GAAA;AACF,QAAA,MAAM,KAAK,GAAG,CAAA,MAAA,EAAS,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,QAAQ,GAAG,EAAE,GAAG;AAE/D,QAAA,QACI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC7B,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,QAAQ,EACjE,EAAA,CAAC,IAAI,CAAC,OAAO,GAAG,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAG,CAAA,CAAA,WAAA,EAAA,EAAW,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACnE,CACP;;;;;;ACjFlB,MAAMA,cAAY,GAAG,mrtFAAmrtF;;MCW3rtF,SAAS,GAAA,MAAA;AALtB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOI,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;;AAGtB,QAAA,IAAe,CAAA,eAAA,GAAa,KAAK;;AAKjC,QAAA,IAAK,CAAA,KAAA,GAAY,EAAE;AAEnB,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AA+FzB;IAlFU,cAAc,GAAA;QACjB,OAAO;AACH,YAAA,iBAAiB,EAAE,IAAI;YACvB,UAAU,EAAE,IAAI,CAAC,IAAI;YACrB,UAAU,EAAE,IAAI,CAAC,IAAI;SACxB;;AAME,IAAA,kBAAkB,CAAC,EAAE,EAAA;AACxB,QAAA,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;AAC9B,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;;;IAIlB,SAAS,GAAA;AACZ,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEzE,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACtB,YAAA,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;;;IAIjC,iBAAiB,GAAA;AACpB,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEzE,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACtB,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,gBAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;;AAErC,YAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;AACxB,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK;;YAE3B,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAI;gBAClC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAC/B,gBAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;AAEtB,gBAAA,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;oBACvB,IAAI,CAAC,SAAS,EAAE;AAChB,oBAAA,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC;AACjC,oBAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM;;AAE7B,aAAC,CAAC;;;AAIH,IAAA,WAAW,CAAC,KAAa,EAAA;AAC5B,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGzB,gBAAgB,GAAA;AACnB,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;QACpE,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAI;AAChC,YAAA,OAAO,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;AACpC,SAAC,CAAC;QAEF,OAAO,CAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,uBAAR,QAAQ,CAAE,SAAS,KAAI,IAAI,CAAC,WAAW,IAAI,EAAE;;IAGxD,MAAM,GAAA;AACF,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE;QACxC,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AAEvD,QAAA,QACI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC7B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAC,wCAAwC,EAC9C,OAAO,EAAE,MAAK;AACV,gBAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;AAC1B,aAAC,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,QAAQ,CAAQ,EACvB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,SAAS,GAAI,CAC9C,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC3B,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN,CACJ;;;;;;ACnHlB,MAAM,YAAY,GAAG,mrtFAAmrtF;;MCO3rtF,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AASI,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAE1B,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAgCzB;IAzBU,cAAc,GAAA;QACjB,OAAO;AACH,YAAA,sBAAsB,EAAE,IAAI;YAC5B,UAAU,EAAE,IAAI,CAAC,IAAI;SACxB;;IAGE,SAAS,GAAA;QACZ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGrC,MAAM,GAAA;AACF,QAAA,QACI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,EAAA,EAC9D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;gBACH,oBAAoB,EAAE,IAAI,CAAC,QAAQ;AACnC,gBAAA,uBAAuB,EAAE,IAAI;AAChC,aAAA,EAAA,EAED,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN,CACJ;;;;;AC1ClB,MAAM,uBAAuB,GAAG,uKAAuK;;MCkB1L,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOW,QAAA,IAAa,CAAA,aAAA,GAAmB,EAAE;AAgD5C;IA7CU,MAAM,gBAAgB,CAAC,OAAoB,EAAA;QAC9C,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,OAAO;QACjD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;QAC9C,IAAI,CAAC,aAAa,GAAG;YACjB,GAAG,IAAI,CAAC,aAAa;AACrB,YAAA;gBACI,IAAI;gBACJ,IAAI;gBACJ,QAAQ;gBACR,SAAS;AACZ,aAAA;SACJ;AAED,QAAA,IAAI,CAAC,OAAO;YAAE;QAEd,UAAU,CAAC,MAAK;YACZ,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,KAAI;AACnD,gBAAA,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS;AACxC,aAAC,CAAC;YACF,IAAI,YAAY,EAAE;AACd,gBAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;;SAElC,EAAE,OAAO,CAAC;;AAGP,IAAA,WAAW,CAAC,SAAiB,EAAA;AACjC,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK,KAAI;AACrD,YAAA,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS;AACxC,SAAC,CAAC;;AAIC,IAAA,iBAAiB,CAAC,KAA0B,EAAA;AAC/C,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC;;IAG3B,gBAAgB,GAAA;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,MAChC,CAAA,CAAA,gBAAA,EAAA,EAAgB,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,EAAA,CAAI,CAChI,CAAC;;IAGN,MAAM,GAAA;AACF,QAAA,OAAO,CAAA,CAAC,IAAI,EAAE,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,gBAAgB,EAAE,CAAQ;;;;;;;"}

package/dist/esm/p-button_4.entry.js.map

@@ -1 +0,0 @@
-{"file":"p-button.p-dropdown.p-dropdown-item.p-notification-handler.entry.js","mappings":"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","names":["pDropdownCss"],"sources":["src/components/p-button/p-button.scss?tag=p-button&encapsulation=shadow","src/components/p-button/p-button.tsx","src/components/dropdown/p-dropdown/p-dropdown.scss?tag=p-dropdown&encapsulation=shadow","src/components/dropdown/p-dropdown/p-dropdown.tsx","src/components/dropdown/p-dropdown/p-dropdown.scss?tag=p-dropdown-item&encapsulation=shadow","src/components/dropdown/p-dropdown-item/p-dropdown-item.tsx","src/components/notification/p-notification-handler/p-notification-handler.scss?tag=p-notification-handler&encapsulation=shadow","src/components/notification/p-notification-handler/p-notification-handler.tsx"],"sourcesContent":[":host {\n    @import \"../common\";\n\n    @include useBlock();\n}","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",":host {\n    @import \"../../common\";\n\n    @include useBlock();\n\n    height: 27px;\n\n    .dropdown-item {\n        width: 100%;\n        background: white;\n        height: 27px;\n\n        &.is--dark {\n            background: #41403e;\n        }\n\n        &:hover {\n            cursor: pointer;\n\n            .border {\n                cursor: pointer;\n            }\n        }\n\n        .border {\n            height: 27px;\n            padding-left: 10px;\n            box-sizing: border-box;\n            border-top: none;\n        }\n    }\n\n    .dropdown {\n        position: relative;\n        height: 27px;\n\n        &.is--dark {\n            color : white;\n            .dropdown__header, .dropdown__children {\n                background: #41403e;\n            }\n        }\n\n        &__header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-left: 10px;\n            padding-right: 10px;\n            cursor: pointer;\n            position: relative;\n            z-index: 20;\n        }\n\n        &__children {\n            position: absolute;\n            z-index: 222;\n            top: 31px;\n            left: 0;\n            width: 100%;\n            max-height: 200px;\n            display: grid;\n            grid-auto-rows: 27px;\n            max-height: calc(27px * 5);\n            overflow-y: auto;\n            background: white;\n        }\n\n        .for--icon {\n            position: relative;\n            top: 2px;\n            transition: all 0.3s linear;\n            transform: rotate(0deg);\n        }\n\n        &:not(.is--open) {\n            .dropdown__children {\n                display: none;\n            }\n        }\n\n        &.is--open {\n            .dropdown__children {\n                display: grid;\n            }\n\n            .for--icon {\n                transform: rotate(180deg);\n                top: -3px;\n            }\n        }\n    }\n\n    .dropdown {\n        &:not(.is--block) {\n            display: inline-block;\n            min-width: 200px;\n        }\n\n        &.is--block {\n            display: block;\n            width: 100%;\n            box-sizing: border-box;\n        }\n    }\n\n}","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",":host {\n    @import \"../../common\";\n\n    @include useBlock();\n\n    height: 27px;\n\n    .dropdown-item {\n        width: 100%;\n        background: white;\n        height: 27px;\n\n        &.is--dark {\n            background: #41403e;\n        }\n\n        &:hover {\n            cursor: pointer;\n\n            .border {\n                cursor: pointer;\n            }\n        }\n\n        .border {\n            height: 27px;\n            padding-left: 10px;\n            box-sizing: border-box;\n            border-top: none;\n        }\n    }\n\n    .dropdown {\n        position: relative;\n        height: 27px;\n\n        &.is--dark {\n            color : white;\n            .dropdown__header, .dropdown__children {\n                background: #41403e;\n            }\n        }\n\n        &__header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-left: 10px;\n            padding-right: 10px;\n            cursor: pointer;\n            position: relative;\n            z-index: 20;\n        }\n\n        &__children {\n            position: absolute;\n            z-index: 222;\n            top: 31px;\n            left: 0;\n            width: 100%;\n            max-height: 200px;\n            display: grid;\n            grid-auto-rows: 27px;\n            max-height: calc(27px * 5);\n            overflow-y: auto;\n            background: white;\n        }\n\n        .for--icon {\n            position: relative;\n            top: 2px;\n            transition: all 0.3s linear;\n            transform: rotate(0deg);\n        }\n\n        &:not(.is--open) {\n            .dropdown__children {\n                display: none;\n            }\n        }\n\n        &.is--open {\n            .dropdown__children {\n                display: grid;\n            }\n\n            .for--icon {\n                transform: rotate(180deg);\n                top: -3px;\n            }\n        }\n    }\n\n    .dropdown {\n        &:not(.is--block) {\n            display: inline-block;\n            min-width: 200px;\n        }\n\n        &.is--block {\n            display: block;\n            width: 100%;\n            box-sizing: border-box;\n        }\n    }\n\n}","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",":host {\n    pointer-events: none;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    row-gap: 8px;\n    position: fixed;\n    top: 40px;\n    margin: auto 80px;\n    left: 0;\n    right: 0;\n    z-index: 9999;\n}","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"],"version":3}

package/dist/esm/p-card.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-card.entry.js","sources":["src/components/p-card/p-card.scss?tag=p-card&encapsulation=shadow","src/components/p-card/p-card.tsx"],"sourcesContent":[":host {\n    @import \"../common\";\n\n    .papier.is--dark *, .papier.is--dark p {\n        color : white;\n    }\n\n    .papier.with--radius .card {\n        overflow: hidden;\n        border-color : white;\n        border-bottom-left-radius: 15px 255px;\n        border-bottom-right-radius: 225px 15px;\n        border-top-left-radius: 255px 15px;\n        border-top-right-radius: 15px 225px;\n\n        .card-footer, .card-header {\n            border-color : white;\n        }\n    }\n\n    .papier:not(.has--footer) {\n        .card-footer {\n            display: none;\n        }\n    }\n\n    .papier:not(.has--header) {\n        .card-header {\n            display: none;\n        }\n    }\n}","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"],"names":[],"mappings":";;AAAA,MAAM,QAAQ,GAAG,2irFAA2irF;;MCc/irF,KAAK,GAAA,MAAA;AALlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOI,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AACtB;;AAEG;AAEH,QAAA,IAAM,CAAA,MAAA,GAAa,KAAK;AAoD3B;IA1CG,gBAAgB,GAAA;AACZ,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC;AAC3D,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC;;IAG/D,MAAM,GAAA;QACF,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;AACrB,gBAAA,aAAa,EAAE,IAAI,CAAC,SAAS,KAAK,IAAI;gBACtC,aAAa,EAAE,IAAI,CAAC,SAAS;gBAC7B,cAAc,EAAE,IAAI,CAAC,MAAM;aAC9B,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACpB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACpB,EACL,IAAI,CAAC,KAAK,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAC,UAAU,EAAC,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAI,CAAA,EACxE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EAClB,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAG,CACpB,EACL,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACrB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAG,CACvB,EACL,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EAChB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAG,CACpB,EACJ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACN,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACpB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAG,CACpB,CACJ,CACJ,CACH;;;;;;;;"}