@paperless/core 1.3.0 → 1.3.2

package/dist/paperless/p-178a9622.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icons","arrow","attachment","bread","calendar","camera","car","checklist","checkmark","chevron","clock","cogs","comment","document","download","envelope","explanation","eye","faBuilding","faBuildings","faPiggy","filter","folder","grid","headset","integration","list","location","megaphone","menu","minus","more","negative","notification","pagination","payment","pencil","person","plus","question","reload","receipt","report","search","settings","sick","signout","switch","switchIcon","tachometer","task","template","tool","trash","turn","upload","warning","buttonComponentCss","Button","render","loaderColor","this","variant","VariableTag","h","Host","class","size","iconOnly","iconPosition","chevronPosition","inheritText","disabled","href","target","rotate","icon","loading","_getIcon","color","handleClick","ev","preventDefault","onClick","emit","flip","iconFlip","iconRotate","iconComponentCss","Icon","styles","transform","innerHTML","loaderComponentCss","Loader","_show","show","_loader","componentWillRender","_checkShow","componentShouldUpdate","_showSubscriber","unsubscribe","_a","subscribe"],"sources":["./src/utils/icons.ts","./src/components/atoms/button/button.component.scss?tag=p-button","./src/components/atoms/button/button.component.tsx","./src/components/atoms/icon/icon.component.scss?tag=p-icon","./src/components/atoms/icon/icon.component.tsx","./src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","./src/components/atoms/loader/loader.component.tsx"],"sourcesContent":["import arrow from '../assets/icons/arrow.svg';\nimport attachment from '../assets/icons/attachment.svg';\nimport bread from '../assets/icons/bread.svg';\nimport calendar from '../assets/icons/calendar.svg';\nimport camera from '../assets/icons/camera.svg';\nimport car from '../assets/icons/car.svg';\nimport checklist from '../assets/icons/checklist.svg';\nimport checkmark from '../assets/icons/checkmark.svg';\nimport chevron from '../assets/icons/chevron.svg';\nimport clock from '../assets/icons/clock.svg';\nimport cogs from '../assets/icons/cogs.svg';\nimport comment from '../assets/icons/comment.svg';\nimport document from '../assets/icons/document.svg';\nimport download from '../assets/icons/download.svg';\nimport envelope from '../assets/icons/envelope.svg';\nimport explanation from '../assets/icons/explanation.svg';\nimport eye from '../assets/icons/eye.svg';\nimport faBuilding from '../assets/icons/fa/building.svg';\nimport faBuildings from '../assets/icons/fa/buildings.svg';\nimport faPiggy from '../assets/icons/fa/piggy.svg';\nimport filter from '../assets/icons/filter.svg';\nimport folder from '../assets/icons/folder.svg';\nimport grid from '../assets/icons/grid.svg';\nimport headset from '../assets/icons/headset.svg';\nimport integration from '../assets/icons/integration.svg';\nimport list from '../assets/icons/list.svg';\nimport location from '../assets/icons/location.svg';\nimport megaphone from '../assets/icons/megaphone.svg';\nimport menu from '../assets/icons/menu.svg';\nimport minus from '../assets/icons/minus.svg';\nimport more from '../assets/icons/more.svg';\nimport negative from '../assets/icons/negative.svg';\nimport notification from '../assets/icons/notification.svg';\nimport pagination from '../assets/icons/pagination.svg';\nimport payment from '../assets/icons/payment.svg';\nimport pencil from '../assets/icons/pencil.svg';\nimport person from '../assets/icons/person.svg';\nimport plus from '../assets/icons/plus.svg';\nimport question from '../assets/icons/question.svg';\nimport receipt from '../assets/icons/receipt.svg';\nimport reload from '../assets/icons/reload.svg';\nimport report from '../assets/icons/report.svg';\nimport search from '../assets/icons/search.svg';\nimport settings from '../assets/icons/settings.svg';\nimport sick from '../assets/icons/sick.svg';\nimport signout from '../assets/icons/signout.svg';\nimport switchIcon from '../assets/icons/switch.svg';\nimport tachometer from '../assets/icons/tachometer.svg';\nimport task from '../assets/icons/task.svg';\nimport template from '../assets/icons/template.svg';\nimport tool from '../assets/icons/tool.svg';\nimport trash from '../assets/icons/trash.svg';\nimport turn from '../assets/icons/turn.svg';\nimport upload from '../assets/icons/upload.svg';\nimport warning from '../assets/icons/warning.svg';\n\nexport default {\n    arrow,\n    attachment,\n    bread,\n    calendar,\n    camera,\n    car,\n    checklist,\n    checkmark,\n    chevron,\n    clock,\n    cogs,\n    comment,\n    document,\n    download,\n    envelope,\n    explanation,\n    eye,\n    faBuilding,\n    faBuildings,\n    faPiggy,\n    filter,\n    folder,\n    grid,\n    headset,\n    integration,\n    list,\n    location,\n    megaphone,\n    menu,\n    minus,\n    more,\n    negative,\n    notification,\n    pagination,\n    payment,\n    pencil,\n    person,\n    plus,\n    question,\n    reload,\n    receipt,\n    report,\n    search,\n    settings,\n    sick,\n    signout,\n    switch: switchIcon,\n    tachometer,\n    task,\n    template,\n    tool,\n    trash,\n    turn,\n    upload,\n    warning,\n};\n","p-button {\n    @apply flex h-10 w-auto text-base;\n\n    button,\n    a {\n        outline: 0;\n        border: 0;\n        @apply h-full w-full;\n        @apply rounded-large #{!important};\n        @apply font-semibold leading-4;\n        @apply flex items-center justify-center;\n        @apply cursor-pointer text-base;\n\n        will-change: filter;\n\n        > p-loader {\n            @apply ml-2;\n        }\n\n        // Icon positions\n        &.icon-position-end {\n            > p-icon:not(.chevron) {\n                @apply ml-2;\n            }\n        }\n\n        &.icon-position-start {\n            > p-icon:not(.chevron) {\n                @apply mr-2;\n            }\n        }\n\n        // Variants\n        &.variant-primary,\n        &.variant-secondary {\n            @apply px-4 filter;\n        }\n\n        &.variant-primary,\n        &.variant-secondary {\n            &:active,\n            &.active {\n                @apply drop-shadow-transparent;\n            }\n        }\n\n        &.variant-primary {\n            @apply bg-indigo text-white;\n\n            &:active,\n            &.active {\n                &:not([disabled]) {\n                    @apply bg-indigo-dark;\n                }\n            }\n\n            @media (pointer: fine) {\n                &:hover:not([disabled]) {\n                    @apply drop-shadow-button-primary-hover;\n                }\n            }\n        }\n\n        &.variant-secondary {\n            @apply border border-solid border-mystic-dark #{!important};\n            @apply bg-white text-storm;\n\n            &:active,\n            &.active {\n                &:not([disabled]) {\n                    @apply bg-mystic;\n                }\n            }\n\n            @media (pointer: fine) {\n                &:hover:not([disabled]) {\n                    @apply drop-shadow-button-secondary-hover;\n                }\n            }\n        }\n\n        &.variant-text {\n            @apply text-indigo;\n\n            &:hover:not([disabled]) {\n                @apply text-indigo-dark;\n            }\n        }\n\n        &[disabled] {\n            @apply opacity-40;\n        }\n\n        // chevron\n        &.has-chevron {\n            &.chevron-position-start {\n                @apply pl-2;\n\n                > p-icon.chevron {\n                    @apply mr-2;\n                }\n            }\n\n            &.chevron-position-end {\n                @apply pr-2;\n\n                > p-icon.chevron {\n                    @apply ml-2;\n                }\n            }\n\n            &.variant-secondary:hover:not([disabled]) p-icon:last-child {\n                @apply text-indigo;\n            }\n        }\n\n        &.should-inherit-text {\n            color: inherit #{!important};\n            font-size: inherit #{!important};\n            font-weight: inherit #{!important};\n        }\n    }\n\n    &.has-icon-only {\n        @apply w-10;\n\n        a,\n        button {\n            @apply p-0;\n\n            > p-icon:first-child {\n                @apply mx-0;\n            }\n\n            > p-loader {\n                @apply ml-0;\n            }\n        }\n    }\n\n    // sizes\n    &.size-small {\n        @apply h-8;\n\n        button,\n        a {\n            @apply text-sm;\n\n            > p-icon {\n                @apply text-base;\n            }\n        }\n\n        &.has-icon-only {\n            @apply w-8;\n        }\n    }\n}\n","import {\n    Component,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-button',\n    styleUrl: 'button.component.scss',\n    // shadow: true,\n})\nexport class Button {\n    /**\n     * The variant of the button\n     */\n    @Prop() variant: 'primary' | 'secondary' | 'text' = 'primary';\n\n    /**\n     * Href in case of \"text\" version\n     */\n    @Prop() href: string;\n\n    /**\n     * Target in case of \"text\" version\n     */\n    @Prop() target: string;\n\n    /**\n     * The size of the button\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * Wether to show a loader or not\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Wether to show a chevron or not\n     */\n    @Prop() chevron: boolean | 'up' | 'down' = false;\n\n    /**\n     * Chevron position\n     */\n    @Prop() chevronPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Wether the button is disabled\n     */\n    @Prop() disabled: boolean = false;\n\n    /**\n     * Icon to show on the button\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Wether the button is icon only\n     */\n    @Prop() iconOnly: boolean = false;\n\n    /**\n     * Icon position\n     */\n    @Prop() iconPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    /**\n     * Wether the button should inherit text styles\n     */\n    @Prop() inheritText: boolean = false;\n\n    /**\n     * Button click event\n     */\n    @Event({\n        bubbles: false\n    }) onClick: EventEmitter<MouseEvent>;\n\n    render() {\n        let loaderColor: 'white' | 'storm' | 'indigo' = 'white';\n        switch (this.variant) {\n            case 'secondary':\n                loaderColor = 'storm';\n                break;\n            case 'text':\n                loaderColor = 'indigo';\n                break;\n        }\n\n        const VariableTag = this.variant === 'text' ? 'a' : 'button';\n\n        return (\n            <Host\n                class={`p-button size-${this.size} ${\n                    this.iconOnly && 'has-icon-only'\n                } `}\n            >\n                <VariableTag\n                    class={`variant-${this.variant}  icon-position-${\n                        this.iconPosition\n                    } ${this.chevron && 'has-chevron'} chevron-position-${\n                        this.chevronPosition\n                    } ${this.inheritText && 'should-inherit-text'}`}\n                    disabled={this.disabled}\n                    href={this.href}\n                    target={this.target}\n                >\n                    {this.chevron && this.chevronPosition === 'start' && (\n                        <p-icon\n                            class=\"chevron\"\n                            variant=\"chevron\"\n                            rotate={this.chevron === 'up' ? 180 : 0}\n                        />\n                    )}\n\n                    {this.icon &&\n                        this.iconPosition === 'start' &&\n                        !(this.iconOnly && this.loading) &&\n                        this._getIcon()}\n\n                    <slot />\n\n                    {this.icon &&\n                        this.iconPosition === 'end' &&\n                        !(this.iconOnly && this.loading) &&\n                        this._getIcon()}\n\n                    {this.loading && <p-loader color={loaderColor} />}\n\n                    {this.chevron && this.chevronPosition === 'end' && (\n                        <p-icon\n                            class=\"chevron\"\n                            variant=\"chevron\"\n                            rotate={this.chevron === 'up' ? 180 : 0}\n                        />\n                    )}\n                </VariableTag>\n            </Host>\n        );\n    }\n\n    @Listen('click', { capture: true })\n    handleClick(ev: MouseEvent) {\n        if (this.loading || this.disabled) {\n            ev.preventDefault();\n            return;\n        }\n\n        this.onClick.emit(ev);\n    }\n\n    private _getIcon() {\n        if (!this.icon) {\n            return;\n        }\n\n        return (\n            <p-icon\n                variant={this.icon}\n                flip={this.iconFlip}\n                rotate={this.iconRotate}\n            />\n        );\n    }\n}\n",":host {\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport icons from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'horizontal' | 'vertical';\n\n@Component({\n    tag: 'p-icon',\n    styleUrl: 'icon.component.scss',\n    // shadow: true,\n})\nexport class Icon {\n    /**\n     * The icon the be displayed\n     */\n    @Prop() variant!: IconVariant;\n\n    /**\n     * The size of the icon, using tailwind sizes\n     */\n    @Prop() size: TextSizeOptions = 'auto';\n\n    /**\n     * Wether to rotate the icon x degrees\n     */\n    @Prop() rotate: RotateOptions = 0;\n\n    /**\n     * Wether to flip the icon horizontally or vertically\n     */\n    @Prop() flip: IconFlipOptions = null;\n\n    render() {\n        const icon = icons[this.variant];\n\n        const styles = {\n            'p-icon flex': true,\n            'text-auto': this.size === 'auto',\n            'text-xxs': this.size === 'xxs',\n            'text-xs': this.size === 'xs',\n            'text-sm': this.size === 'sm',\n            'text-base': this.size === 'base',\n            'text-lg': this.size === 'lg',\n            'text-xl': this.size === 'xl',\n            'text-2xl': this.size === '2xl',\n            'text-3xl': this.size === '3xl',\n            'text-4xl': this.size === '4xl',\n            'text-5xl': this.size === '5xl',\n            'text-6xl': this.size === '6xl',\n            transform: !!this.rotate || !!this.flip,\n            'scale-x-flip': this.flip === 'horizontal',\n            'scale-y-flip': this.flip === 'vertical',\n            'rotate-0': this.rotate === 0,\n            'rotate-25': this.rotate === 25,\n            'rotate-45': this.rotate === 45,\n            'rotate-90': this.rotate === 90,\n            'rotate-135': this.rotate === 135,\n            'rotate-180': this.rotate === 180,\n            'rotate-225': this.rotate === 225,\n            'rotate-270': this.rotate === 270,\n            'rotate-315': this.rotate === 315,\n            '-rotate-0': this.rotate === -0,\n            '-rotate-25': this.rotate === -25,\n            '-rotate-45': this.rotate === -45,\n            '-rotate-90': this.rotate === -90,\n            '-rotate-135': this.rotate === -135,\n            '-rotate-180': this.rotate === -180,\n            '-rotate-225': this.rotate === -225,\n            '-rotate-270': this.rotate === -270,\n            '-rotate-315': this.rotate === -315,\n        };\n\n        return <Host class={styles} innerHTML={icon}></Host>;\n    }\n}\n",":host {\n    .loader {\n        @apply inline-block h-[1em] w-[1em] rounded-round;\n        @apply border-2 border-solid border-indigo-light border-t-indigo;\n        animation: 500ms spin linear infinite;\n\n        will-change: transform;\n\n        &.color-storm {\n            @apply border-storm-light/40 border-t-storm #{!important};\n        }\n\n        &.color-white {\n            @apply border-indigo-light/40 border-t-white #{!important};\n        }\n    }\n\n    .loading-screen {\n        @apply w-screen-safe h-screen-safe fixed top-0 left-0;\n        @apply flex items-center justify-center;\n        @apply bg-mystic;\n\n        z-index: 1001;\n\n        .content {\n            @apply max-w-xs;\n\n            .loader-wrapper {\n                @apply flex w-full justify-center;\n\n                .loader {\n                    @apply text-4xl;\n                }\n            }\n        }\n    }\n}\n\n:host(.variant-ghost) {\n    @apply box-border block;\n\n    will-change: background, background-position-x, background-color;\n\n    min-height: 1em;\n    min-width: 1em;\n\n    --loading-bg: #f7fafc;\n    --loading-stripe: rgba(252, 253, 254, 1);\n\n    background-color: var(--loading-bg);\n    background: linear-gradient(\n            100deg,\n            rgba(255, 255, 255, 0) 40%,\n            var(--loading-stripe) 50%,\n            rgba(255, 255, 255, 0) 60%\n        )\n        var(--loading-bg);\n    background-size: 200% 100%;\n    background-position-x: 180%;\n    animation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n    to {\n        background-position-x: -20%;\n    }\n}\n\n@keyframes spin {\n    100% {\n        transform: rotate(1turn);\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n    tag: 'p-loader',\n    styleUrl: 'loader.component.scss',\n    shadow: true,\n})\nexport class Loader {\n    /**\n     * Wether to show or hide the loader\n     */\n    @Prop() show: boolean | Observable<boolean> = true;\n\n    /**\n     * Variant of loader\n     */\n    @Prop() variant:\n        | 'inline'\n        | 'full-width'\n        | 'full-screen'\n        | 'modal'\n        | 'ghost' = 'inline';\n\n    /**\n     * Color of the loader\n     */\n    @Prop() color: 'indigo' | 'white' | 'storm' = 'indigo';\n\n    /**\n     * !NOT IMPLEMENTED! Modal title for modal variant\n     */\n    @Prop() modalTitle: string;\n\n    /**\n     * !NOT IMPLEMENTED! Modal description for modal variant\n     */\n    @Prop() modalDescription: string;\n\n    private _show = this.show;\n    private _showSubscriber: Subscription;\n\n    private _loader = (<div class={`loader color-${this.color}`}></div>);\n\n    componentWillRender() {\n        this._checkShow();\n    }\n\n    componentShouldUpdate() {\n        this._checkShow();\n    }\n\n    render() {\n        if (!this._show) {\n            return;\n        }\n\n        if (this.variant === 'ghost') {\n            return <Host class=\"p-loader variant-ghost\"></Host>;\n        }\n\n        if (this.variant === 'full-screen') {\n            return (\n                <Host class=\"p-loader variant-full-screen\">\n                    <div class=\"loading-screen\">\n                        <div class=\"content\">\n                            <slot />\n\n                            <div class=\"loader-wrapper\">{this._loader}</div>\n                        </div>\n                    </div>\n                </Host>\n            );\n        }\n\n        return (\n            <Host\n                class={`p-loader variant-default flex ${\n                    this.variant === 'full-width' &&\n                    'w-full flex justify-center text-4xl'\n                }`}\n            >\n                {this._loader}\n            </Host>\n        );\n    }\n\n    private _checkShow() {\n        if (this._showSubscriber) {\n            this._showSubscriber.unsubscribe();\n            this._showSubscriber = null;\n        }\n\n        if (typeof this.show !== 'boolean') {\n            this._showSubscriber = this.show?.subscribe(\n                (show) => (this._show = show)\n            );\n            return;\n        }\n\n        this._show = this.show;\n    }\n}\n"],"mappings":"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"}

package/dist/paperless/{p-a1c1d95b.entry.js → p-231959ae.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as a,h as e,H as r,g as s}from"./p-6ccf5cdd.js";const o=".block{display:block!important}*{box-sizing:border-box}:host{display:block}.static{position:static!important}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.inline{display:inline!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}";const n=class{constructor(e){t(this,e);this.closeClicked=a(this,"closeClicked",7);this.closed=a(this,"closed",7);this._hasHeaderSlot=false;this.header=undefined;this.show=false;this.applyBlur=false;this.showClose=true;this.backdropClickClose=true;this.canClose=true;this.scrollLock=true;this._closing=false}componentWillLoad(){this._hasHeaderSlot=!!this._el.querySelector(':scope > [slot="header"]')}render(){var t;if(!this.show){return}const a=e("slot",{name:"header"});const s=e("slot",{name:"content"});return e(r,{class:"p-drawer"},e("p-backdrop",{variant:"drawer",applyBlur:this.applyBlur,onClicked:t=>this._backdropClick(t.detail),closing:this._closing,scrollLock:this.scrollLock},e("p-drawer-container",{closing:this._closing},(((t=this.header)===null||t===void 0?void 0:t.length)||this._hasHeaderSlot)&&e("p-drawer-header",{"show-close":this.showClose,onClose:t=>this.close(t.detail)},this._hasHeaderSlot?a:this.header),e("p-drawer-body",null,s))))}_backdropClick(t){if(!this.backdropClickClose){return}this.close(t)}close(t){this.closeClicked.emit({event:t,canClose:this.canClose});if(!this.canClose){return}this._closing=true;setTimeout((()=>{this.show=false;this._closing=false;this.closed.emit()}),250)}get _el(){return s(this)}};n.style=o;export{n as p_drawer};
-//# sourceMappingURL=p-a1c1d95b.entry.js.map
+import{r as t,c as a,h as e,H as r,g as s}from"./p-6ccf5cdd.js";const o=".block{display:block!important}*{box-sizing:border-box}:host{display:block}.static{position:static!important}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.inline{display:inline!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}";const n=class{constructor(e){t(this,e);this.closeClicked=a(this,"closeClicked",3);this.closed=a(this,"closed",3);this._hasHeaderSlot=false;this.header=undefined;this.show=false;this.applyBlur=false;this.showClose=true;this.backdropClickClose=true;this.canClose=true;this.scrollLock=true;this._closing=false}componentWillLoad(){this._hasHeaderSlot=!!this._el.querySelector(':scope > [slot="header"]')}render(){var t;if(!this.show){return}const a=e("slot",{name:"header"});const s=e("slot",{name:"content"});return e(r,{class:"p-drawer"},e("p-backdrop",{variant:"drawer",applyBlur:this.applyBlur,onClicked:t=>this._backdropClick(t.detail),closing:this._closing,scrollLock:this.scrollLock},e("p-drawer-container",{closing:this._closing},(((t=this.header)===null||t===void 0?void 0:t.length)||this._hasHeaderSlot)&&e("p-drawer-header",{"show-close":this.showClose,onClose:t=>this.close(t.detail)},this._hasHeaderSlot?a:this.header),e("p-drawer-body",null,s))))}_backdropClick(t){if(!this.backdropClickClose){return}this.close(t)}close(t){this.closeClicked.emit({event:t,canClose:this.canClose});if(!this.canClose){return}this._closing=true;setTimeout((()=>{this.show=false;this._closing=false;this.closed.emit()}),250)}get _el(){return s(this)}};n.style=o;export{n as p_drawer};
+//# sourceMappingURL=p-231959ae.entry.js.map

package/dist/paperless/p-231959ae.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["drawerComponentCss","Drawer","this","_hasHeaderSlot","componentWillLoad","_el","querySelector","render","show","headerContent","h","name","bodyContent","Host","class","variant","applyBlur","onClicked","ev","_backdropClick","detail","closing","_closing","scrollLock","_a","header","length","showClose","onClose","close","backdropClickClose","closeClicked","emit","event","canClose","setTimeout","closed"],"sources":["./src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","./src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":[":host {\n    @apply block;\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n    State\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer',\n    styleUrl: 'drawer.component.scss',\n    shadow: true,\n})\nexport class Drawer {\n    /**\n     * The Header of the drawer\n     */\n    @Prop() header?: string;\n\n    /**\n     * Wether to show the drawer or not\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to apply blur to the backdrop\n     */\n    @Prop() applyBlur: boolean = false;\n\n    /**\n     * Wether to show the close on mobile in the header\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Wether to hide the drawer when the backdrop is clicked\n     */\n    @Prop() backdropClickClose = true;\n\n    /**\n     * Wether the drawer can be closed\n     */\n    @Prop() canClose: boolean = true;\n\n    /**\n     * Wether we should scroll lock the body\n     */\n    @Prop() scrollLock: boolean = true;\n\n    /**\n     * Close click event\n     */\n    @Event({\n        bubbles: false\n    }) closeClicked: EventEmitter<{\n        event: MouseEvent;\n        canClose: boolean;\n    }>;\n\n    /**\n     * Closed event\n     */\n    @Event({\n        bubbles: false\n    }) closed: EventEmitter<null>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _hasHeaderSlot = false;\n\n    @State() private _closing = false;\n\n    componentWillLoad() {\n        this._hasHeaderSlot = !!this._el.querySelector(\n            ':scope > [slot=\"header\"]'\n        );\n    }\n\n    render() {\n        if (!this.show) {\n            return;\n        }\n\n        const headerContent = <slot name=\"header\" />;\n        const bodyContent = <slot name=\"content\" />;\n\n        return (\n            <Host class=\"p-drawer\">\n                <p-backdrop\n                    variant=\"drawer\"\n                    applyBlur={this.applyBlur}\n                    onClicked={(ev) => this._backdropClick(ev.detail)}\n                    closing={this._closing}\n                    scrollLock={this.scrollLock}\n                >\n                    <p-drawer-container closing={this._closing}>\n                        {(this.header?.length || this._hasHeaderSlot) && (\n                            <p-drawer-header\n                                show-close={this.showClose}\n                                onClose={(ev) => this.close(ev.detail)}\n                            >\n                                {this._hasHeaderSlot\n                                    ? headerContent\n                                    : this.header}\n                            </p-drawer-header>\n                        )}\n                        <p-drawer-body>{bodyContent}</p-drawer-body>\n                    </p-drawer-container>\n                </p-backdrop>\n            </Host>\n        );\n    }\n\n    private _backdropClick(ev) {\n        if (!this.backdropClickClose) {\n            return;\n        }\n\n        this.close(ev);\n    }\n\n    public close(ev: MouseEvent) {\n        this.closeClicked.emit({\n            event: ev,\n            canClose: this.canClose,\n        });\n\n        if (!this.canClose) {\n            return;\n        }\n\n        this._closing = true;\n\n        setTimeout(() => {\n            this.show = false;\n            this._closing = false;\n            this.closed.emit();\n        }, 250);\n    }\n}\n"],"mappings":"gEAAA,MAAMA,EAAqB,gnI,MCgBdC,EAAM,M,mGA0DPC,KAAAC,eAAiB,M,gCAjDD,M,eAKK,M,eAKT,K,wBAKS,K,cAKD,K,gBAKE,K,cA0BF,K,CAE5BC,oBACIF,KAAKC,iBAAmBD,KAAKG,IAAIC,cAC7B,2B,CAIRC,S,MACI,IAAKL,KAAKM,KAAM,CACZ,M,CAGJ,MAAMC,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAE/B,OACID,EAACG,EAAI,CAACC,MAAM,YACRJ,EAAA,cACIK,QAAQ,SACRC,UAAWd,KAAKc,UAChBC,UAAYC,GAAOhB,KAAKiB,eAAeD,EAAGE,QAC1CC,QAASnB,KAAKoB,SACdC,WAAYrB,KAAKqB,YAEjBb,EAAA,sBAAoBW,QAASnB,KAAKoB,aAC5BE,EAAAtB,KAAKuB,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SAAUxB,KAAKC,iBAC1BO,EAAA,gCACgBR,KAAKyB,UACjBC,QAAUV,GAAOhB,KAAK2B,MAAMX,EAAGE,SAE9BlB,KAAKC,eACAM,EACAP,KAAKuB,QAGnBf,EAAA,qBAAgBE,K,CAO5BO,eAAeD,GACnB,IAAKhB,KAAK4B,mBAAoB,CAC1B,M,CAGJ5B,KAAK2B,MAAMX,E,CAGRW,MAAMX,GACThB,KAAK6B,aAAaC,KAAK,CACnBC,MAAOf,EACPgB,SAAUhC,KAAKgC,WAGnB,IAAKhC,KAAKgC,SAAU,CAChB,M,CAGJhC,KAAKoB,SAAW,KAEhBa,YAAW,KACPjC,KAAKM,KAAO,MACZN,KAAKoB,SAAW,MAChBpB,KAAKkC,OAAOJ,MAAM,GACnB,I"}