@paperless/core 0.1.0-alpha.387 → 0.1.0-alpha.389

package/dist/{paperless/p-75520a54.entry.js.map → build/p-5a27cf19.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icons","arrow","attachment","bread","calendar","camera","car","checklist","checkmark","chevron","clock","cogs","comment","document","download","envelope","explanation","eye","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 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    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 rounded-large;\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() 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 w-[1em] h-[1em] inline-block 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 fixed top-0 left-0 w-screen h-screen;\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 w-full flex justify-center;\n\n                .loader {\n                    @apply text-4xl;\n                }\n            }\n        }\n    }\n}\n\n:host(.variant-ghost) {\n    @apply block box-border;\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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"}
+{"version":3,"names":["icons","arrow","attachment","bread","calendar","camera","car","checklist","checkmark","chevron","clock","cogs","comment","document","download","envelope","explanation","eye","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 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    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 rounded-large;\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() 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 w-[1em] h-[1em] inline-block 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 fixed top-0 left-0 w-screen h-screen;\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 w-full flex justify-center;\n\n                .loader {\n                    @apply text-4xl;\n                }\n            }\n        }\n    }\n}\n\n:host(.variant-ghost) {\n    @apply block box-border;\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/build/{p-92e9be18.entry.js → p-5d118f66.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as r}from"./p-fe02c861.js";const a=".static{position:static!important}.inline-block{display:inline-block!important}.w-16{width:4rem!important}.w-8{width:2rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}p-avatar{display:inline-block;flex-shrink:0}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}";const e=class{constructor(i){t(this,i);this.variant="user";this.size="medium";this.defaultImage=undefined;this.src=undefined;this._src=undefined}onSrchChange(t){this._src=t}componentWillLoad(){this.onSrchChange(this.src);if(!this._src){this._setDefaultLink()}}render(){return i(r,{class:"p-avatar"},i("img",{src:this._src,onError:()=>this._setDefaultLink()}))}_setDefaultLink(){var t;this._src=(t=this.defaultImage)!==null&&t!==void 0?t:this.variant==="user"?"/assets/images/avatar/user-default.svg":"/assets/images/avatar/company-default.svg"}static get watchers(){return{src:["onSrchChange"]}}};e.style=a;export{e as p_avatar};
-//# sourceMappingURL=p-92e9be18.entry.js.map
+import{r as t,h as i,H as r}from"./p-ac1af618.js";const a=".static{position:static!important}.inline-block{display:inline-block!important}.w-16{width:4rem!important}.w-8{width:2rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}p-avatar{display:inline-block;flex-shrink:0}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}";const e=class{constructor(i){t(this,i);this.variant="user";this.size="medium";this.defaultImage=undefined;this.src=undefined;this._src=undefined}onSrchChange(t){this._src=t}componentWillLoad(){this.onSrchChange(this.src);if(!this._src){this._setDefaultLink()}}render(){return i(r,{class:"p-avatar"},i("img",{src:this._src,onError:()=>this._setDefaultLink()}))}_setDefaultLink(){var t;this._src=(t=this.defaultImage)!==null&&t!==void 0?t:this.variant==="user"?"/assets/images/avatar/user-default.svg":"/assets/images/avatar/company-default.svg"}static get watchers(){return{src:["onSrchChange"]}}};e.style=a;export{e as p_avatar};
+//# sourceMappingURL=p-5d118f66.entry.js.map

package/dist/{paperless/p-36953f96.entry.js → build/p-63ed6e4b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as a,g as r}from"./p-fe02c861.js";const o=".visible{visibility:visible!important}.static{position:static!important}.absolute{position:absolute!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.w-full{width:100%!important}.min-w-0{min-width:0!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}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-3{gap:.75rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.p-2{padding:.5rem!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}*{box-sizing:border-box}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[4\\.125rem\\]{height:4.125rem!important}:host{display:flex}:host .content{align-items:center;display:flex;gap:.75rem;width:100%}:host .content .name{display:flex;flex-direction:column;justify-content:center;overflow:hidden}:host .content .name>:first-child{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-size:.875rem;font-weight:600;line-height:1.25rem}:host .content .name>:nth-child(2){--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem}:host .content .name ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([size=small]){height:2rem}:host([size=medium]){height:3.125rem}:host([size=large]){height:4rem}:host(.has-dropdown){cursor:pointer}:host(.has-dropdown) .content{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.25rem;border-style:solid!important;border-width:1px!important;padding:.5rem}:host(.has-dropdown[size=small]){height:3rem}:host(.has-dropdown[size=medium]){height:4.125rem}:host(.has-dropdown[size=large]){height:5rem}:host(.active) .content,:host(.has-dropdown:hover) .content{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13);--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:host(.active) .content p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.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}.text-lg,.text-xl{line-height:1.75rem!important}";const s=class{constructor(e){t(this,e);this.variant="user";this.size="small";this._dropdownOpen=false}componentWillRender(){this._updateAvatar()}render(){const t=!!this._el.querySelector(':scope > [slot="dropdown"]');const r=this._getContent(t);return e(a,{class:`p-profile ${t&&"has-dropdown"} ${this._dropdownOpen&&"active"}`},t?e("p-dropdown",{class:"w-full min-w-0",strategy:"absolute",placement:this.variant==="user"?"top-end":"bottom-end",onIsOpen:t=>this._dropdownOpen=t.detail},r,e("div",{slot:"items"},e("slot",{name:"dropdown"}))):r)}_getContent(t){return e("div",{class:"content",slot:"trigger"},e("slot",{name:"avatar"}),e("div",{class:"name"},e("slot",{name:"title"}),e("slot",{name:"subtitle"})),t&&this._getIcon())}_updateAvatar(){var t,e;const a=this._el.querySelector('p-avatar[slot="avatar"]');if(!a){return}a.variant=(t=this.variant)!==null&&t!==void 0?t:a.variant;a.size=(e=this.size)!==null&&e!==void 0?e:a===null||a===void 0?void 0:a.size}_getIcon(){return e("p-icon",{class:"ml-auto",variant:this.variant==="company"?"chevron":"more"})}get _el(){return r(this)}};s.style=o;export{s as p_profile};
-//# sourceMappingURL=p-36953f96.entry.js.map
+import{r as t,h as e,H as a,g as r}from"./p-ac1af618.js";const o=".visible{visibility:visible!important}.static{position:static!important}.absolute{position:absolute!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.w-full{width:100%!important}.min-w-0{min-width:0!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}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-3{gap:.75rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.p-2{padding:.5rem!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}*{box-sizing:border-box}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[4\\.125rem\\]{height:4.125rem!important}:host{display:flex}:host .content{align-items:center;display:flex;gap:.75rem;width:100%}:host .content .name{display:flex;flex-direction:column;justify-content:center;overflow:hidden}:host .content .name>:first-child{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-size:.875rem;font-weight:600;line-height:1.25rem}:host .content .name>:nth-child(2){--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem}:host .content .name ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([size=small]){height:2rem}:host([size=medium]){height:3.125rem}:host([size=large]){height:4rem}:host(.has-dropdown){cursor:pointer}:host(.has-dropdown) .content{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.25rem;border-style:solid!important;border-width:1px!important;padding:.5rem}:host(.has-dropdown[size=small]){height:3rem}:host(.has-dropdown[size=medium]){height:4.125rem}:host(.has-dropdown[size=large]){height:5rem}:host(.active) .content,:host(.has-dropdown:hover) .content{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13);--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:host(.active) .content p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.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}.text-lg,.text-xl{line-height:1.75rem!important}";const s=class{constructor(e){t(this,e);this.variant="user";this.size="small";this._dropdownOpen=false}componentWillRender(){this._updateAvatar()}render(){const t=!!this._el.querySelector(':scope > [slot="dropdown"]');const r=this._getContent(t);return e(a,{class:`p-profile ${t&&"has-dropdown"} ${this._dropdownOpen&&"active"}`},t?e("p-dropdown",{class:"w-full min-w-0",strategy:"absolute",placement:this.variant==="user"?"top-end":"bottom-end",onIsOpen:t=>this._dropdownOpen=t.detail},r,e("div",{slot:"items"},e("slot",{name:"dropdown"}))):r)}_getContent(t){return e("div",{class:"content",slot:"trigger"},e("slot",{name:"avatar"}),e("div",{class:"name"},e("slot",{name:"title"}),e("slot",{name:"subtitle"})),t&&this._getIcon())}_updateAvatar(){var t,e;const a=this._el.querySelector('p-avatar[slot="avatar"]');if(!a){return}a.variant=(t=this.variant)!==null&&t!==void 0?t:a.variant;a.size=(e=this.size)!==null&&e!==void 0?e:a===null||a===void 0?void 0:a.size}_getIcon(){return e("p-icon",{class:"ml-auto",variant:this.variant==="company"?"chevron":"more"})}get _el(){return r(this)}};s.style=o;export{s as p_profile};
+//# sourceMappingURL=p-63ed6e4b.entry.js.map

package/dist/{paperless/p-6002495a.entry.js → build/p-655cc4d4.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as r,h as a,H as e,g as o}from"./p-fe02c861.js";import{c as i}from"./p-f86fcdf4.js";const n='.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.z-tooltip{z-index:601!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.m-0{margin:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.inline{display:inline!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.h-0{height:0!important}.h-2{height:.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-1{width:.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!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}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-large{border-radius:.375rem!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border{border-width:1px!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-mystic{background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.bg-mystic,.bg-negative{--tw-bg-opacity:1!important}.bg-negative{background-color:rgb(185 30 40/var(--tw-bg-opacity))!important}.bg-storm{background-color:rgb(81 83 107/var(--tw-bg-opacity))!important}.bg-storm,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-center{text-align:center!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}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative,.text-negative-light{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.text-storm-dark,.text-storm-medium{--tw-text-opacity:1!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}.rotate-45,.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}.bg-negative,.bg-storm{--tw-bg-opacity:1!important}:host{cursor:pointer;display:flex}:host .popover-container{height:0;position:relative;width:0}:host .popover-container .popover{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:none;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);font-size:.75rem;font-weight:500;line-height:1rem;max-width:14.5rem;padding:.5rem .75rem;z-index:601}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(81 83 107/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem}:host .popover-container .popover.variant-error{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity));letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}:host .popover-container .popover[data-show]{display:inline-block}:host .popover-container .popover .arrow,:host .popover-container .popover .arrow:before{background:inherit;height:.5rem;position:absolute;width:.5rem}:host .popover-container .popover .arrow{visibility:hidden}:host .popover-container .popover .arrow:before{--tw-rotate:45deg;content:"";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));visibility:visible}:host .popover-container .popover[data-popper-placement^=top]>.arrow{bottom:-.25rem}:host .popover-container .popover[data-popper-placement^=bottom]>.arrow{top:-.25rem}:host .popover-container .popover[data-popper-placement^=left]>.arrow{right:-.25rem}:host .popover-container .popover[data-popper-placement^=right]>.arrow{left:-.25rem}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.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}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}';const p=class{constructor(a){t(this,a);this.isOpen=r(this,"isOpen",7);this._loaded=false;this.variant="hover";this.popover=null;this.placement="top";this.strategy="absolute";this.show=false;this.canManuallyClose=true}componentShouldUpdate(){this._setOptions()}render(){return a(e,{class:"p-popover"},a("slot",{name:"content"}),a("div",{class:"popover-container"},a("div",{class:`popover variant-${this.variant}`,role:"popover",ref:t=>this._load(t)},this.popover?this.popover:a("slot",{name:"popover"}),a("div",{class:"arrow","data-popper-arrow":true}))))}clickHandler(){if(this.variant==="hover"){return}if(this._popover.hasAttribute("data-show")){return}this._show()}documentClickHandler(){if(this.variant==="hover"||!this.canManuallyClose){return}if(!this._popover.hasAttribute("data-show")){return}this._hide()}mouseEnterHandler(){if(this.variant!=="hover"){return}this._show()}mouseLeaveHandler(){if(this.show||this.variant!=="hover"){return}this._hide()}_show(){if(!this._loaded){return}this._popover.setAttribute("data-show","");this._popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:true}]})));this._popper.update();this.isOpen.emit(true)}_hide(){if(!this._loaded){return}this._popover.removeAttribute("data-show");this._popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:false}]})));this.isOpen.emit(false)}_load(t){this._popover=t;if(t){this._popper=i(this._el,t,{strategy:this.strategy});this._setOptions();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_setOptions(){if(!this._popper){return}this._popper.setOptions({placement:this.variant==="error"?"top-end":this.placement,modifiers:[{name:"offset",options:{offset:this.variant==="error"?[8,14]:[0,8]}},{name:"arrow",options:{padding:4}}]})}get _el(){return o(this)}};p.style=n;export{p as p_tooltip};
-//# sourceMappingURL=p-6002495a.entry.js.map
+import{r as t,c as r,h as a,H as e,g as o}from"./p-ac1af618.js";import{c as i}from"./p-f86fcdf4.js";const n='.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.z-tooltip{z-index:601!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.m-0{margin:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.inline{display:inline!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.h-0{height:0!important}.h-2{height:.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-1{width:.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!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}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-large{border-radius:.375rem!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border{border-width:1px!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-mystic{background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.bg-mystic,.bg-negative{--tw-bg-opacity:1!important}.bg-negative{background-color:rgb(185 30 40/var(--tw-bg-opacity))!important}.bg-storm{background-color:rgb(81 83 107/var(--tw-bg-opacity))!important}.bg-storm,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-center{text-align:center!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}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative,.text-negative-light{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.text-storm-dark,.text-storm-medium{--tw-text-opacity:1!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}.rotate-45,.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}.bg-negative,.bg-storm{--tw-bg-opacity:1!important}:host{cursor:pointer;display:flex}:host .popover-container{height:0;position:relative;width:0}:host .popover-container .popover{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:none;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);font-size:.75rem;font-weight:500;line-height:1rem;max-width:14.5rem;padding:.5rem .75rem;z-index:601}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(81 83 107/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem}:host .popover-container .popover.variant-error{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity));letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}:host .popover-container .popover[data-show]{display:inline-block}:host .popover-container .popover .arrow,:host .popover-container .popover .arrow:before{background:inherit;height:.5rem;position:absolute;width:.5rem}:host .popover-container .popover .arrow{visibility:hidden}:host .popover-container .popover .arrow:before{--tw-rotate:45deg;content:"";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));visibility:visible}:host .popover-container .popover[data-popper-placement^=top]>.arrow{bottom:-.25rem}:host .popover-container .popover[data-popper-placement^=bottom]>.arrow{top:-.25rem}:host .popover-container .popover[data-popper-placement^=left]>.arrow{right:-.25rem}:host .popover-container .popover[data-popper-placement^=right]>.arrow{left:-.25rem}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.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}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}';const p=class{constructor(a){t(this,a);this.isOpen=r(this,"isOpen",7);this._loaded=false;this.variant="hover";this.popover=null;this.placement="top";this.strategy="absolute";this.show=false;this.canManuallyClose=true}componentShouldUpdate(){this._setOptions()}render(){return a(e,{class:"p-popover"},a("slot",{name:"content"}),a("div",{class:"popover-container"},a("div",{class:`popover variant-${this.variant}`,role:"popover",ref:t=>this._load(t)},this.popover?this.popover:a("slot",{name:"popover"}),a("div",{class:"arrow","data-popper-arrow":true}))))}clickHandler(){if(this.variant==="hover"){return}if(this._popover.hasAttribute("data-show")){return}this._show()}documentClickHandler(){if(this.variant==="hover"||!this.canManuallyClose){return}if(!this._popover.hasAttribute("data-show")){return}this._hide()}mouseEnterHandler(){if(this.variant!=="hover"){return}this._show()}mouseLeaveHandler(){if(this.show||this.variant!=="hover"){return}this._hide()}_show(){if(!this._loaded){return}this._popover.setAttribute("data-show","");this._popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:true}]})));this._popper.update();this.isOpen.emit(true)}_hide(){if(!this._loaded){return}this._popover.removeAttribute("data-show");this._popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:false}]})));this.isOpen.emit(false)}_load(t){this._popover=t;if(t){this._popper=i(this._el,t,{strategy:this.strategy});this._setOptions();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_setOptions(){if(!this._popper){return}this._popper.setOptions({placement:this.variant==="error"?"top-end":this.placement,modifiers:[{name:"offset",options:{offset:this.variant==="error"?[8,14]:[0,8]}},{name:"arrow",options:{padding:4}}]})}get _el(){return o(this)}};p.style=n;export{p as p_tooltip};
+//# sourceMappingURL=p-655cc4d4.entry.js.map

package/dist/{paperless/p-6002495a.entry.js.map → build/p-655cc4d4.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["tooltipComponentCss","Tooltip","this","_loaded","componentShouldUpdate","_setOptions","render","h","Host","class","name","variant","role","ref","el","_load","popover","clickHandler","_popover","hasAttribute","_show","documentClickHandler","canManuallyClose","_hide","mouseEnterHandler","mouseLeaveHandler","show","setAttribute","_popper","setOptions","options","Object","assign","modifiers","enabled","update","isOpen","emit","removeAttribute","createPopper","_el","strategy","setTimeout","placement","offset","padding"],"sources":["./src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","./src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n    @apply flex cursor-pointer;\n\n    .popover-container {\n        @apply relative h-0 w-0;\n        .popover {\n            @apply z-tooltip hidden rounded bg-white py-2 px-3 text-xs font-medium drop-shadow-4;\n            max-width: 14.5rem;\n\n            &.variant-hover,\n            &.variant-error {\n                @apply bg-storm py-1 text-white;\n            }\n\n            &.variant-error {\n                @apply whitespace-nowrap bg-negative uppercase tracking-wider;\n            }\n\n            &[data-show] {\n                @apply inline-block;\n            }\n\n            .arrow,\n            .arrow::before {\n                background: inherit;\n                @apply absolute h-2 w-2;\n            }\n\n            .arrow {\n                visibility: hidden;\n\n                &::before {\n                    @apply visible rotate-45 transform;\n                    content: '';\n                }\n            }\n\n            &[data-popper-placement^='top'] > .arrow {\n                @apply -bottom-1;\n            }\n\n            &[data-popper-placement^='bottom'] > .arrow {\n                @apply -top-1;\n            }\n\n            &[data-popper-placement^='left'] > .arrow {\n                @apply -right-1;\n            }\n\n            &[data-popper-placement^='right'] > .arrow {\n                @apply -left-1;\n            }\n        }\n    }\n}\n","import { createPopper, Placement, PositioningStrategy } from '@popperjs/core';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-tooltip',\n    styleUrl: 'tooltip.component.scss',\n    shadow: true,\n})\nexport class Tooltip {\n    /**\n     * The variant of the popover\n     */\n    @Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n    /**\n     * The content of the popover\n     */\n    @Prop() popover: any = null;\n\n    /**\n     * The placement of the popover\n     */\n    @Prop() placement: Placement = 'top';\n\n    /**\n     * The strategy of the popover placement\n     */\n    @Prop() strategy: PositioningStrategy = 'absolute';\n\n    /**\n     * Wether to show the popover\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to someone can manually close the popover\n     */\n    @Prop() canManuallyClose: boolean = true;\n\n    /**\n     * Open change event\n     */\n    @Event() isOpen: EventEmitter<boolean>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _loaded = false;\n    private _popper: any;\n    private _popover: HTMLElement;\n\n    componentShouldUpdate() {\n        this._setOptions();\n    }\n\n    render() {\n        return (\n            <Host class=\"p-popover\">\n                <slot name=\"content\" />\n                <div class=\"popover-container\">\n                    <div\n                        class={`popover variant-${this.variant}`}\n                        role=\"popover\"\n                        ref={(el) => this._load(el)}\n                    >\n                        {this.popover ? this.popover : <slot name=\"popover\" />}\n                        <div class=\"arrow\" data-popper-arrow></div>\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n\n    @Listen('click', { capture: true })\n    protected clickHandler() {\n        if (this.variant === 'hover') {\n            return;\n        }\n\n        if (this._popover.hasAttribute('data-show')) {\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler() {\n        if (this.variant === 'hover' || !this.canManuallyClose) {\n            return;\n        }\n\n        if (!this._popover.hasAttribute('data-show')) {\n            return;\n        }\n\n        this._hide();\n    }\n\n    @Listen('mouseenter')\n    @Listen('focus')\n    protected mouseEnterHandler() {\n        if (this.variant !== 'hover') {\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('mouseleave')\n    @Listen('blur')\n    protected mouseLeaveHandler() {\n        if (this.show || this.variant !== 'hover') {\n            return;\n        }\n\n        this._hide();\n    }\n\n    private _show() {\n        if (!this._loaded) {\n            return;\n        }\n\n        // Make the popover visible\n        this._popover.setAttribute('data-show', '');\n\n        // Enable the event listeners\n        this._popper.setOptions((options) => ({\n            ...options,\n            modifiers: [\n                ...options.modifiers,\n                { name: 'eventListeners', enabled: true },\n            ],\n        }));\n\n        // Update its position\n        this._popper.update();\n        this.isOpen.emit(true);\n    }\n\n    private _hide() {\n        if (!this._loaded) {\n            return;\n        }\n\n        // Hide the popover\n        this._popover.removeAttribute('data-show');\n\n        // Disable the event listeners\n        this._popper.setOptions((options) => ({\n            ...options,\n            modifiers: [\n                ...options.modifiers,\n                { name: 'eventListeners', enabled: false },\n            ],\n        }));\n        this.isOpen.emit(false);\n    }\n\n    private _load(popover: HTMLElement) {\n        this._popover = popover;\n        if (popover) {\n            this._popper = createPopper(this._el, popover, {\n                strategy: this.strategy,\n            });\n\n            this._setOptions();\n            this._loaded = true;\n\n            if (this.show) {\n                setTimeout(() => this._show(), 100);\n            }\n        }\n    }\n\n    private _setOptions() {\n        if (!this._popper) {\n            return;\n        }\n\n        this._popper.setOptions({\n            placement: this.variant === 'error' ? 'top-end' : this.placement,\n            modifiers: [\n                {\n                    name: 'offset',\n                    options: {\n                        offset: this.variant === 'error' ? [8, 14] : [0, 8],\n                    },\n                },\n                {\n                    name: 'arrow',\n                    options: {\n                        padding: 4,\n                    },\n                },\n            ],\n        });\n    }\n}\n"],"mappings":"oGAAA,MAAMA,EAAsB,sle,MCiBfC,EAAO,M,wDAyCRC,KAAAC,QAAU,M,aArC6B,Q,aAKxB,K,eAKQ,M,cAKS,W,UAKhB,M,sBAKY,I,CAgBpCC,wBACIF,KAAKG,a,CAGTC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,aACRF,EAAA,QAAMG,KAAK,YACXH,EAAA,OAAKE,MAAM,qBACPF,EAAA,OACIE,MAAO,mBAAmBP,KAAKS,UAC/BC,KAAK,UACLC,IAAMC,GAAOZ,KAAKa,MAAMD,IAEvBZ,KAAKc,QAAUd,KAAKc,QAAUT,EAAA,QAAMG,KAAK,YAC1CH,EAAA,OAAKE,MAAM,QAAO,6B,CAQ5BQ,eACN,GAAIf,KAAKS,UAAY,QAAS,CAC1B,M,CAGJ,GAAIT,KAAKgB,SAASC,aAAa,aAAc,CACzC,M,CAGJjB,KAAKkB,O,CAICC,uBACN,GAAInB,KAAKS,UAAY,UAAYT,KAAKoB,iBAAkB,CACpD,M,CAGJ,IAAKpB,KAAKgB,SAASC,aAAa,aAAc,CAC1C,M,CAGJjB,KAAKqB,O,CAKCC,oBACN,GAAItB,KAAKS,UAAY,QAAS,CAC1B,M,CAGJT,KAAKkB,O,CAKCK,oBACN,GAAIvB,KAAKwB,MAAQxB,KAAKS,UAAY,QAAS,CACvC,M,CAGJT,KAAKqB,O,CAGDH,QACJ,IAAKlB,KAAKC,QAAS,CACf,M,CAIJD,KAAKgB,SAASS,aAAa,YAAa,IAGxCzB,KAAK0B,QAAQC,YAAYC,GAAOC,OAAAC,OAAAD,OAAAC,OAAA,GACzBF,GAAO,CACVG,UAAW,IACJH,EAAQG,UACX,CAAEvB,KAAM,iBAAkBwB,QAAS,WAK3ChC,KAAK0B,QAAQO,SACbjC,KAAKkC,OAAOC,KAAK,K,CAGbd,QACJ,IAAKrB,KAAKC,QAAS,CACf,M,CAIJD,KAAKgB,SAASoB,gBAAgB,aAG9BpC,KAAK0B,QAAQC,YAAYC,GAAOC,OAAAC,OAAAD,OAAAC,OAAA,GACzBF,GAAO,CACVG,UAAW,IACJH,EAAQG,UACX,CAAEvB,KAAM,iBAAkBwB,QAAS,YAG3ChC,KAAKkC,OAAOC,KAAK,M,CAGbtB,MAAMC,GACVd,KAAKgB,SAAWF,EAChB,GAAIA,EAAS,CACTd,KAAK0B,QAAUW,EAAarC,KAAKsC,IAAKxB,EAAS,CAC3CyB,SAAUvC,KAAKuC,WAGnBvC,KAAKG,cACLH,KAAKC,QAAU,KAEf,GAAID,KAAKwB,KAAM,CACXgB,YAAW,IAAMxC,KAAKkB,SAAS,I,GAKnCf,cACJ,IAAKH,KAAK0B,QAAS,CACf,M,CAGJ1B,KAAK0B,QAAQC,WAAW,CACpBc,UAAWzC,KAAKS,UAAY,QAAU,UAAYT,KAAKyC,UACvDV,UAAW,CACP,CACIvB,KAAM,SACNoB,QAAS,CACLc,OAAQ1C,KAAKS,UAAY,QAAU,CAAC,EAAG,IAAM,CAAC,EAAG,KAGzD,CACID,KAAM,QACNoB,QAAS,CACLe,QAAS,M"}
+{"version":3,"names":["tooltipComponentCss","Tooltip","this","_loaded","componentShouldUpdate","_setOptions","render","h","Host","class","name","variant","role","ref","el","_load","popover","clickHandler","_popover","hasAttribute","_show","documentClickHandler","canManuallyClose","_hide","mouseEnterHandler","mouseLeaveHandler","show","setAttribute","_popper","setOptions","options","Object","assign","modifiers","enabled","update","isOpen","emit","removeAttribute","createPopper","_el","strategy","setTimeout","placement","offset","padding"],"sources":["./src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","./src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n    @apply flex cursor-pointer;\n\n    .popover-container {\n        @apply relative h-0 w-0;\n        .popover {\n            @apply z-tooltip hidden rounded bg-white py-2 px-3 text-xs font-medium drop-shadow-4;\n            max-width: 14.5rem;\n\n            &.variant-hover,\n            &.variant-error {\n                @apply bg-storm py-1 text-white;\n            }\n\n            &.variant-error {\n                @apply whitespace-nowrap bg-negative uppercase tracking-wider;\n            }\n\n            &[data-show] {\n                @apply inline-block;\n            }\n\n            .arrow,\n            .arrow::before {\n                background: inherit;\n                @apply absolute h-2 w-2;\n            }\n\n            .arrow {\n                visibility: hidden;\n\n                &::before {\n                    @apply visible rotate-45 transform;\n                    content: '';\n                }\n            }\n\n            &[data-popper-placement^='top'] > .arrow {\n                @apply -bottom-1;\n            }\n\n            &[data-popper-placement^='bottom'] > .arrow {\n                @apply -top-1;\n            }\n\n            &[data-popper-placement^='left'] > .arrow {\n                @apply -right-1;\n            }\n\n            &[data-popper-placement^='right'] > .arrow {\n                @apply -left-1;\n            }\n        }\n    }\n}\n","import { createPopper, Placement, PositioningStrategy } from '@popperjs/core';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-tooltip',\n    styleUrl: 'tooltip.component.scss',\n    shadow: true,\n})\nexport class Tooltip {\n    /**\n     * The variant of the popover\n     */\n    @Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n    /**\n     * The content of the popover\n     */\n    @Prop() popover: any = null;\n\n    /**\n     * The placement of the popover\n     */\n    @Prop() placement: Placement = 'top';\n\n    /**\n     * The strategy of the popover placement\n     */\n    @Prop() strategy: PositioningStrategy = 'absolute';\n\n    /**\n     * Wether to show the popover\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to someone can manually close the popover\n     */\n    @Prop() canManuallyClose: boolean = true;\n\n    /**\n     * Open change event\n     */\n    @Event() isOpen: EventEmitter<boolean>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _loaded = false;\n    private _popper: any;\n    private _popover: HTMLElement;\n\n    componentShouldUpdate() {\n        this._setOptions();\n    }\n\n    render() {\n        return (\n            <Host class=\"p-popover\">\n                <slot name=\"content\" />\n                <div class=\"popover-container\">\n                    <div\n                        class={`popover variant-${this.variant}`}\n                        role=\"popover\"\n                        ref={(el) => this._load(el)}\n                    >\n                        {this.popover ? this.popover : <slot name=\"popover\" />}\n                        <div class=\"arrow\" data-popper-arrow></div>\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n\n    @Listen('click', { capture: true })\n    protected clickHandler() {\n        if (this.variant === 'hover') {\n            return;\n        }\n\n        if (this._popover.hasAttribute('data-show')) {\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler() {\n        if (this.variant === 'hover' || !this.canManuallyClose) {\n            return;\n        }\n\n        if (!this._popover.hasAttribute('data-show')) {\n            return;\n        }\n\n        this._hide();\n    }\n\n    @Listen('mouseenter')\n    @Listen('focus')\n    protected mouseEnterHandler() {\n        if (this.variant !== 'hover') {\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('mouseleave')\n    @Listen('blur')\n    protected mouseLeaveHandler() {\n        if (this.show || this.variant !== 'hover') {\n            return;\n        }\n\n        this._hide();\n    }\n\n    private _show() {\n        if (!this._loaded) {\n            return;\n        }\n\n        // Make the popover visible\n        this._popover.setAttribute('data-show', '');\n\n        // Enable the event listeners\n        this._popper.setOptions((options) => ({\n            ...options,\n            modifiers: [\n                ...options.modifiers,\n                { name: 'eventListeners', enabled: true },\n            ],\n        }));\n\n        // Update its position\n        this._popper.update();\n        this.isOpen.emit(true);\n    }\n\n    private _hide() {\n        if (!this._loaded) {\n            return;\n        }\n\n        // Hide the popover\n        this._popover.removeAttribute('data-show');\n\n        // Disable the event listeners\n        this._popper.setOptions((options) => ({\n            ...options,\n            modifiers: [\n                ...options.modifiers,\n                { name: 'eventListeners', enabled: false },\n            ],\n        }));\n        this.isOpen.emit(false);\n    }\n\n    private _load(popover: HTMLElement) {\n        this._popover = popover;\n        if (popover) {\n            this._popper = createPopper(this._el, popover, {\n                strategy: this.strategy,\n            });\n\n            this._setOptions();\n            this._loaded = true;\n\n            if (this.show) {\n                setTimeout(() => this._show(), 100);\n            }\n        }\n    }\n\n    private _setOptions() {\n        if (!this._popper) {\n            return;\n        }\n\n        this._popper.setOptions({\n            placement: this.variant === 'error' ? 'top-end' : this.placement,\n            modifiers: [\n                {\n                    name: 'offset',\n                    options: {\n                        offset: this.variant === 'error' ? [8, 14] : [0, 8],\n                    },\n                },\n                {\n                    name: 'arrow',\n                    options: {\n                        padding: 4,\n                    },\n                },\n            ],\n        });\n    }\n}\n"],"mappings":"oGAAA,MAAMA,EAAsB,4je,MCiBfC,EAAO,M,wDAyCRC,KAAAC,QAAU,M,aArC6B,Q,aAKxB,K,eAKQ,M,cAKS,W,UAKhB,M,sBAKY,I,CAgBpCC,wBACIF,KAAKG,a,CAGTC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,aACRF,EAAA,QAAMG,KAAK,YACXH,EAAA,OAAKE,MAAM,qBACPF,EAAA,OACIE,MAAO,mBAAmBP,KAAKS,UAC/BC,KAAK,UACLC,IAAMC,GAAOZ,KAAKa,MAAMD,IAEvBZ,KAAKc,QAAUd,KAAKc,QAAUT,EAAA,QAAMG,KAAK,YAC1CH,EAAA,OAAKE,MAAM,QAAO,6B,CAQ5BQ,eACN,GAAIf,KAAKS,UAAY,QAAS,CAC1B,M,CAGJ,GAAIT,KAAKgB,SAASC,aAAa,aAAc,CACzC,M,CAGJjB,KAAKkB,O,CAICC,uBACN,GAAInB,KAAKS,UAAY,UAAYT,KAAKoB,iBAAkB,CACpD,M,CAGJ,IAAKpB,KAAKgB,SAASC,aAAa,aAAc,CAC1C,M,CAGJjB,KAAKqB,O,CAKCC,oBACN,GAAItB,KAAKS,UAAY,QAAS,CAC1B,M,CAGJT,KAAKkB,O,CAKCK,oBACN,GAAIvB,KAAKwB,MAAQxB,KAAKS,UAAY,QAAS,CACvC,M,CAGJT,KAAKqB,O,CAGDH,QACJ,IAAKlB,KAAKC,QAAS,CACf,M,CAIJD,KAAKgB,SAASS,aAAa,YAAa,IAGxCzB,KAAK0B,QAAQC,YAAYC,GAAOC,OAAAC,OAAAD,OAAAC,OAAA,GACzBF,GAAO,CACVG,UAAW,IACJH,EAAQG,UACX,CAAEvB,KAAM,iBAAkBwB,QAAS,WAK3ChC,KAAK0B,QAAQO,SACbjC,KAAKkC,OAAOC,KAAK,K,CAGbd,QACJ,IAAKrB,KAAKC,QAAS,CACf,M,CAIJD,KAAKgB,SAASoB,gBAAgB,aAG9BpC,KAAK0B,QAAQC,YAAYC,GAAOC,OAAAC,OAAAD,OAAAC,OAAA,GACzBF,GAAO,CACVG,UAAW,IACJH,EAAQG,UACX,CAAEvB,KAAM,iBAAkBwB,QAAS,YAG3ChC,KAAKkC,OAAOC,KAAK,M,CAGbtB,MAAMC,GACVd,KAAKgB,SAAWF,EAChB,GAAIA,EAAS,CACTd,KAAK0B,QAAUW,EAAarC,KAAKsC,IAAKxB,EAAS,CAC3CyB,SAAUvC,KAAKuC,WAGnBvC,KAAKG,cACLH,KAAKC,QAAU,KAEf,GAAID,KAAKwB,KAAM,CACXgB,YAAW,IAAMxC,KAAKkB,SAAS,I,GAKnCf,cACJ,IAAKH,KAAK0B,QAAS,CACf,M,CAGJ1B,KAAK0B,QAAQC,WAAW,CACpBc,UAAWzC,KAAKS,UAAY,QAAU,UAAYT,KAAKyC,UACvDV,UAAW,CACP,CACIvB,KAAM,SACNoB,QAAS,CACLc,OAAQ1C,KAAKS,UAAY,QAAU,CAAC,EAAG,IAAM,CAAC,EAAG,KAGzD,CACID,KAAM,QACNoB,QAAS,CACLe,QAAS,M"}