@paperless/core 1.9.3 → 1.10.0

package/dist/paperless/{p-c8491154.entry.js.map → p-c1e10b29.entry.js.map}

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

package/dist/paperless/{p-1432df71.entry.js → p-f9e52ae3.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as a,h as r,H as e,g as i}from"./p-e4d5e7a7.js";const o=".fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.flex{display:flex!important}.h-full{height:100%!important}.max-h-screen{max-height:100vh!important}.w-full{width:100%!important}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.overflow-y-auto{overflow-y:auto!important}.p-0{padding:0!important}*{box-sizing:border-box}:host{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}:host .content-container{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;width:100%}@media (min-width:40rem){:host .content-container{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){:host .content-container{align-items:center;padding:4rem}}:host(.blurred){--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:host(.closing){animation:fadeOut .2s ease forwards}:host(.closing) .content-container{overflow:hidden}:host(.variant-drawer) .content-container{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:40rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:64rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:40rem){.tablet\\:p-0{padding:0!important}.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}";const n=class{constructor(r){t(this,r);this.clicked=a(this,"clicked",3);this.variant="modal";this.applyBlur=false;this.closing=false;this.scrollLock=true}componentWillLoad(){if(this.scrollLock){document.querySelector(":root").classList.add("scroll-lock")}}disconnectedCallback(){if(this.scrollLock){document.querySelector(":root").classList.remove("scroll-lock")}}render(){return r(e,{class:`p-backdrop variant-${this.variant} ${this.applyBlur&&"blurred"} ${this.closing&&"closing"}`},r("div",{class:"content-container"},r("slot",null)))}handleClick(t){if(t.target!==this._el){return}this.clicked.emit(t)}get _el(){return i(this)}};n.style=o;export{n as p_backdrop};
-//# sourceMappingURL=p-1432df71.entry.js.map
+import{r as t,c as a,h as r,H as i,g as e}from"./p-e4d5e7a7.js";const o=".fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.flex{display:flex!important}.h-full{height:100%!important}.max-h-screen{max-height:100vh!important}.w-full{width:100%!important}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.overflow-y-auto{overflow-y:auto!important}.p-0{padding:0!important}*{box-sizing:border-box}:host{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}:host .content-container{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;width:100%}@media (min-width:40rem){:host .content-container{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){:host .content-container{align-items:center;padding:4rem}}:host(.blurred){--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:host(.closing){animation:fadeOut .2s ease forwards}:host(.closing) .content-container{overflow:hidden}:host(.variant-drawer) .content-container{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:40rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:64rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:40rem){.tablet\\:p-0{padding:0!important}.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}.static{position:static!important}";const n=class{constructor(r){t(this,r);this.clicked=a(this,"clicked",3);this.variant="modal";this.applyBlur=false;this.closing=false;this.scrollLock=true}componentWillLoad(){if(this.scrollLock){document.querySelector(":root").classList.add("scroll-lock")}}disconnectedCallback(){if(this.scrollLock){document.querySelector(":root").classList.remove("scroll-lock")}}render(){return r(i,{class:`p-backdrop variant-${this.variant} ${this.applyBlur&&"blurred"} ${this.closing&&"closing"}`},r("div",{class:"content-container"},r("slot",null)))}handleClick(t){if(t.target!==this._el){return}this.clicked.emit(t)}get _el(){return e(this)}};n.style=o;export{n as p_backdrop};
+//# sourceMappingURL=p-f9e52ae3.entry.js.map

package/dist/{build/p-1432df71.entry.js.map → paperless/p-f9e52ae3.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["backdropComponentCss","Backdrop","componentWillLoad","this","scrollLock","document","querySelector","classList","add","disconnectedCallback","remove","render","h","Host","class","variant","applyBlur","closing","handleClick","ev","target","_el","clicked","emit"],"sources":["src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop&encapsulation=shadow","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":[":host {\n    @apply flex;\n    @apply fixed left-0 top-0 z-backdrop;\n    @apply h-full w-full;\n    @apply overflow-hidden;\n    @apply animate-fade-in bg-storm-dark/50;\n    @apply max-h-screen max-w-screen;\n\n    .content-container {\n        @apply h-full w-full overflow-y-auto overflow-x-hidden;\n        @apply tablet:px-16 desktop-xs:p-16;\n        @apply flex items-end justify-center desktop-xs:items-center;\n        @apply max-h-screen max-w-screen;\n    }\n}\n\n:host(.blurred) {\n    @apply backdrop-blur-xs;\n}\n\n:host(.closing) {\n    @apply animate-fade-out;\n\n    .content-container {\n        @apply overflow-hidden;\n    }\n}\n\n:host(.variant-drawer) {\n    .content-container {\n        @apply items-start justify-end;\n        @apply p-0 tablet:p-0 desktop-xs:p-0;\n    }\n}\n","import {\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-backdrop',\n    styleUrl: 'backdrop.component.scss',\n    shadow: true,\n})\nexport class Backdrop {\n    /**\n     * The variant of the backdrop\n     */\n    @Prop() variant: 'modal' | 'drawer' = 'modal';\n\n    /**\n     * Wether to apply blur on the background of the backdrop\n     */\n    @Prop() applyBlur: boolean = false;\n\n    /**\n     * Wether the backdrop is closing\n     */\n    @Prop() closing: boolean = false;\n\n    /**\n     * Wether we should scroll lock the body\n     */\n    @Prop() scrollLock: boolean = true;\n\n    /**\n     * When the backdrop is clicked\n     */\n    @Event({\n        bubbles: false\n    }) clicked: EventEmitter<MouseEvent>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    componentWillLoad() {\n        if (this.scrollLock) {\n            document.querySelector(':root').classList.add('scroll-lock');\n        }\n    }\n\n    disconnectedCallback() {\n        if (this.scrollLock) {\n            document.querySelector(':root').classList.remove('scroll-lock');\n        }\n    }\n\n    render() {\n        return (\n            <Host\n                class={`p-backdrop variant-${this.variant} ${\n                    this.applyBlur && 'blurred'\n                } ${this.closing && 'closing'}`}\n            >\n                <div class=\"content-container\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n\n    @Listen('click', { capture: true })\n    handleClick(ev: MouseEvent) {\n        if (ev.target !== this._el) {\n            return;\n        }\n\n        this.clicked.emit(ev);\n    }\n}\n"],"mappings":"gEAAA,MAAMA,EAAuB,onE,MCgBhBC,EAAQ,M,uEAIqB,Q,eAKT,M,aAKF,M,gBAKG,I,CAc9B,iBAAAC,GACI,GAAIC,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUC,IAAI,c,EAItD,oBAAAC,GACI,GAAIN,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUG,OAAO,c,EAIzD,MAAAC,GACI,OACIC,EAACC,EAAI,CACDC,MAAO,sBAAsBX,KAAKY,WAC9BZ,KAAKa,WAAa,aAClBb,KAAKc,SAAW,aAEpBL,EAAA,OAAKE,MAAM,qBACPF,EAAA,c,CAOhB,WAAAM,CAAYC,GACR,GAAIA,EAAGC,SAAWjB,KAAKkB,IAAK,CACxB,M,CAGJlB,KAAKmB,QAAQC,KAAKJ,E"}
+{"version":3,"names":["backdropComponentCss","Backdrop","componentWillLoad","this","scrollLock","document","querySelector","classList","add","disconnectedCallback","remove","render","h","Host","class","variant","applyBlur","closing","handleClick","ev","target","_el","clicked","emit"],"sources":["src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop&encapsulation=shadow","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":[":host {\n    @apply flex;\n    @apply fixed left-0 top-0 z-backdrop;\n    @apply h-full w-full;\n    @apply overflow-hidden;\n    @apply animate-fade-in bg-storm-dark/50;\n    @apply max-h-screen max-w-screen;\n\n    .content-container {\n        @apply h-full w-full overflow-y-auto overflow-x-hidden;\n        @apply tablet:px-16 desktop-xs:p-16;\n        @apply flex items-end justify-center desktop-xs:items-center;\n        @apply max-h-screen max-w-screen;\n    }\n}\n\n:host(.blurred) {\n    @apply backdrop-blur-xs;\n}\n\n:host(.closing) {\n    @apply animate-fade-out;\n\n    .content-container {\n        @apply overflow-hidden;\n    }\n}\n\n:host(.variant-drawer) {\n    .content-container {\n        @apply items-start justify-end;\n        @apply p-0 tablet:p-0 desktop-xs:p-0;\n    }\n}\n","import {\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-backdrop',\n    styleUrl: 'backdrop.component.scss',\n    shadow: true,\n})\nexport class Backdrop {\n    /**\n     * The variant of the backdrop\n     */\n    @Prop() variant: 'modal' | 'drawer' = 'modal';\n\n    /**\n     * Wether to apply blur on the background of the backdrop\n     */\n    @Prop() applyBlur: boolean = false;\n\n    /**\n     * Wether the backdrop is closing\n     */\n    @Prop() closing: boolean = false;\n\n    /**\n     * Wether we should scroll lock the body\n     */\n    @Prop() scrollLock: boolean = true;\n\n    /**\n     * When the backdrop is clicked\n     */\n    @Event({\n        bubbles: false\n    }) clicked: EventEmitter<MouseEvent>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    componentWillLoad() {\n        if (this.scrollLock) {\n            document.querySelector(':root').classList.add('scroll-lock');\n        }\n    }\n\n    disconnectedCallback() {\n        if (this.scrollLock) {\n            document.querySelector(':root').classList.remove('scroll-lock');\n        }\n    }\n\n    render() {\n        return (\n            <Host\n                class={`p-backdrop variant-${this.variant} ${\n                    this.applyBlur && 'blurred'\n                } ${this.closing && 'closing'}`}\n            >\n                <div class=\"content-container\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n\n    @Listen('click', { capture: true })\n    handleClick(ev: MouseEvent) {\n        if (ev.target !== this._el) {\n            return;\n        }\n\n        this.clicked.emit(ev);\n    }\n}\n"],"mappings":"gEAAA,MAAMA,EAAuB,spE,MCgBhBC,EAAQ,M,uEAIqB,Q,eAKT,M,aAKF,M,gBAKG,I,CAc9B,iBAAAC,GACI,GAAIC,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUC,IAAI,c,EAItD,oBAAAC,GACI,GAAIN,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUG,OAAO,c,EAIzD,MAAAC,GACI,OACIC,EAACC,EAAI,CACDC,MAAO,sBAAsBX,KAAKY,WAC9BZ,KAAKa,WAAa,aAClBb,KAAKc,SAAW,aAEpBL,EAAA,OAAKE,MAAM,qBACPF,EAAA,c,CAOhB,WAAAM,CAAYC,GACR,GAAIA,EAAGC,SAAWjB,KAAKkB,IAAK,CACxB,M,CAGJlB,KAAKmB,QAAQC,KAAKJ,E"}

package/dist/paperless/p-fac13366.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as t,h as i,H as e,g as o}from"./p-e4d5e7a7.js";const h=class{constructor(i){s(this,i);this.closeClicked=t(this,"closeClicked",3);this.closed=t(this,"closed",3);this._hasFooterSlot=false;this._hasHeaderSlot=false;this.size="md";this.variant="default";this.header=undefined;this.show=false;this.applyBlur=false;this.showClose=true;this.showMobileFooter=false;this.backdropClickClose=true;this.scrollLock=true;this.padding=true;this._closing=false}componentWillLoad(){this._hasFooterSlot=!!this._el.querySelector(':scope > [slot="footer"]');this._hasHeaderSlot=!!this._el.querySelector(':scope > [slot="header"]')}render(){var s;if(!this.show){return}const t=i("slot",{name:"header"});const o=i("slot",{name:"content"});const h=i("slot",{name:"footer"});return i(e,{class:"p-modal"},i("p-backdrop",{applyBlur:this.applyBlur,onClicked:s=>this._backdropClick(s.detail),closing:this._closing,scrollLock:this.scrollLock},i("p-modal-container",{size:this.size,closing:this._closing},(((s=this.header)===null||s===void 0?void 0:s.length)||this._hasHeaderSlot)&&i("p-modal-header",{showClose:this.showClose,onClose:s=>this.close(s.detail)},this._hasHeaderSlot?t:this.header),i("p-modal-body",{variant:this.variant,rounded:!this._hasFooterSlot,padding:this.padding},o),this._hasFooterSlot&&i("p-modal-footer",null,h))))}_backdropClick(s){if(!this.backdropClickClose){return}this.close(s)}close(s){this.closeClicked.emit(s);this._closing=true;setTimeout((()=>{this.show=false;this._closing=false;this.closed.emit()}),550)}get _el(){return o(this)}};export{h as p_modal};
+//# sourceMappingURL=p-fac13366.entry.js.map

package/dist/paperless/p-fac13366.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Modal","this","_hasFooterSlot","_hasHeaderSlot","componentWillLoad","_el","querySelector","render","show","headerContent","h","name","bodyContent","footerContent","Host","class","applyBlur","onClicked","ev","_backdropClick","detail","closing","_closing","scrollLock","size","_a","header","length","showClose","onClose","close","variant","rounded","padding","backdropClickClose","closeClicked","emit","setTimeout","closed"],"sources":["src/components/organisms/modal/modal.component.tsx"],"sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n    State,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-modal',\n    shadow: true,\n})\nexport class Modal {\n    /**\n     * The size of the modal container\n     */\n    @Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n    /**\n     * The variant of the modal body\n     */\n    @Prop() variant: 'default' | 'table' = 'default';\n\n    /**\n     * The Header of the modal\n     */\n    @Prop() header?: string;\n\n    /**\n     * Wether to show the modal or not\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to apply blur to the backdrop\n     */\n    @Prop() applyBlur: boolean = false;\n\n    /**\n     * Wether to show the close button in the header\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Wether to show the footer on mobile\n     */\n    @Prop() showMobileFooter = false;\n\n    /**\n     * Wether to hide the modal when the backdrop is clicked\n     */\n    @Prop() backdropClickClose = true;\n\n    /**\n     * Wether we should scroll lock the body\n     */\n    @Prop() scrollLock: boolean = true;\n\n    /**\n     * Wether the body should have padding\n     */\n    @Prop() padding: boolean = true;\n\n    /**\n     * Close click event\n     */\n    @Event({\n        bubbles: false,\n    })\n    closeClicked: EventEmitter<MouseEvent>;\n\n    /**\n     * Closed event\n     */\n    @Event({\n        bubbles: false,\n    })\n    closed: EventEmitter<null>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _hasFooterSlot = false;\n    private _hasHeaderSlot = false;\n\n    @State() private _closing = false;\n\n    componentWillLoad() {\n        this._hasFooterSlot = !!this._el.querySelector(\n            ':scope > [slot=\"footer\"]'\n        );\n        this._hasHeaderSlot = !!this._el.querySelector(\n            ':scope > [slot=\"header\"]'\n        );\n    }\n\n    render() {\n        if (!this.show) {\n            return;\n        }\n\n        const headerContent = <slot name=\"header\" />;\n        const bodyContent = <slot name=\"content\" />;\n        const footerContent = <slot name=\"footer\" />;\n\n        return (\n            <Host class=\"p-modal\">\n                <p-backdrop\n                    applyBlur={this.applyBlur}\n                    onClicked={(ev) => this._backdropClick(ev.detail)}\n                    closing={this._closing}\n                    scrollLock={this.scrollLock}\n                >\n                    <p-modal-container size={this.size} closing={this._closing}>\n                        {(this.header?.length || this._hasHeaderSlot) && (\n                            <p-modal-header\n                                showClose={this.showClose}\n                                onClose={(ev) => this.close(ev.detail)}\n                            >\n                                {this._hasHeaderSlot\n                                    ? headerContent\n                                    : this.header}\n                            </p-modal-header>\n                        )}\n                        <p-modal-body\n                            variant={this.variant}\n                            rounded={!this._hasFooterSlot}\n                            padding={this.padding}\n                        >\n                            {bodyContent}\n                        </p-modal-body>\n                        {this._hasFooterSlot && (\n                            <p-modal-footer>{footerContent}</p-modal-footer>\n                        )}\n                    </p-modal-container>\n                </p-backdrop>\n            </Host>\n        );\n    }\n\n    private _backdropClick(ev: MouseEvent) {\n        if (!this.backdropClickClose) {\n            return;\n        }\n\n        this.close(ev);\n    }\n\n    public close(ev: MouseEvent) {\n        this.closeClicked.emit(ev);\n\n        this._closing = true;\n\n        setTimeout(() => {\n            this.show = false;\n            this._closing = false;\n\n            this.closed.emit();\n        }, 550);\n    }\n}\n"],"mappings":"sEAeaA,EAAK,M,mGAwENC,KAAAC,eAAiB,MACjBD,KAAAE,eAAiB,M,UArEiB,K,aAKH,U,gCAUf,M,eAKK,M,eAKT,K,sBAKO,M,wBAKE,K,gBAKC,K,aAKH,K,cA0BC,K,CAE5B,iBAAAC,GACIH,KAAKC,iBAAmBD,KAAKI,IAAIC,cAC7B,4BAEJL,KAAKE,iBAAmBF,KAAKI,IAAIC,cAC7B,2B,CAIR,MAAAC,G,MACI,IAAKN,KAAKO,KAAM,CACZ,M,CAGJ,MAAMC,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAC/B,MAAME,EAAgBH,EAAA,QAAMC,KAAK,WAEjC,OACID,EAACI,EAAI,CAACC,MAAM,WACRL,EAAA,cACIM,UAAWf,KAAKe,UAChBC,UAAYC,GAAOjB,KAAKkB,eAAeD,EAAGE,QAC1CC,QAASpB,KAAKqB,SACdC,WAAYtB,KAAKsB,YAEjBb,EAAA,qBAAmBc,KAAMvB,KAAKuB,KAAMH,QAASpB,KAAKqB,aAC5CG,EAAAxB,KAAKyB,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SAAU1B,KAAKE,iBAC1BO,EAAA,kBACIkB,UAAW3B,KAAK2B,UAChBC,QAAUX,GAAOjB,KAAK6B,MAAMZ,EAAGE,SAE9BnB,KAAKE,eACAM,EACAR,KAAKyB,QAGnBhB,EAAA,gBACIqB,QAAS9B,KAAK8B,QACdC,SAAU/B,KAAKC,eACf+B,QAAShC,KAAKgC,SAEbrB,GAEJX,KAAKC,gBACFQ,EAAA,sBAAiBG,K,CAQjC,cAAAM,CAAeD,GACnB,IAAKjB,KAAKiC,mBAAoB,CAC1B,M,CAGJjC,KAAK6B,MAAMZ,E,CAGR,KAAAY,CAAMZ,GACTjB,KAAKkC,aAAaC,KAAKlB,GAEvBjB,KAAKqB,SAAW,KAEhBe,YAAW,KACPpC,KAAKO,KAAO,MACZP,KAAKqB,SAAW,MAEhBrB,KAAKqC,OAAOF,MAAM,GACnB,I"}

package/dist/paperless/paperless.css

@@ -104,10 +104,18 @@
   border-radius:.25rem!important
 }
 
+.rounded-round{
+  border-radius:100%!important
+}
+
 .border{
   border-width:1px!important
 }
 
+.border-0{
+  border-width:0!important
+}
+
 .border-b{
   border-bottom-width:1px!important
 }
@@ -247,6 +255,10 @@
   top:50%!important
 }
 
+.h-\[2px\]{
+  height:2px!important
+}
+
 .min-h-\[2\.5rem\]{
   min-height:2.5rem!important
 }
@@ -1143,4 +1155,27 @@ input[type=checkbox].p-toggle.error.checked,input[type=checkbox].p-toggle.error:
 .p-input[type=radio].error.checked:after,.p-input[type=radio].error:checked:after,.p-input[type=radio].error[checked]:after,.p-input[type=radio][error].checked:after,.p-input[type=radio][error]:checked:after,.p-input[type=radio][error][checked]:after{
   --tw-bg-opacity:1;
   background-color:rgb(255 255 255/var(--tw-bg-opacity))
+}
+
+.p-input[type=range]{
+  -webkit-appearance:none;
+  -moz-appearance:none;
+  appearance:none;
+  background-color:transparent;
+  position:relative
+}
+
+.p-input[type=range]::-moz-range-track,.p-input[type=range]::-webkit-slider-runnable-track{
+  --tw-bg-opacity:1;
+  background-color:rgb(218 230 240/var(--tw-bg-opacity));
+  height:2px
+}
+
+.p-input[type=range]::-moz-range-thumb,.p-input[type=range]::-webkit-slider-thumb{
+  --tw-bg-opacity:1;
+  background-color:rgb(82 138 250/var(--tw-bg-opacity));
+  border-radius:100%;
+  border-width:0;
+  height:1rem;
+  width:1rem
 }

package/dist/paperless/paperless.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-e4d5e7a7.js";export{s as setNonce}from"./p-e4d5e7a7.js";const t=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};t().then((e=>a(JSON.parse('[["p-c8491154",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"chevron":[8],"chevronPosition":[1,"chevron-position"],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-b59e29d7",[[4,"p-table",{"items":[1],"loading":[4],"headerLoading":[4,"header-loading"],"footerLoading":[4,"footer-loading"],"amountOfLoadingRows":[2,"amount-of-loading-rows"],"enableRowSelection":[4,"enable-row-selection"],"enableRowClick":[4,"enable-row-click"],"selectedRows":[16],"selectionKey":[1,"selection-key"],"canSelectKey":[1,"can-select-key"],"enableHeader":[4,"enable-header"],"quickFilters":[16],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"enableSearch":[4,"enable-search"],"query":[1025],"enableFilter":[4,"enable-filter"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16],"enableEdit":[4,"enable-edit"],"editButtonLoading":[4,"edit-button-loading"],"editButtonIcon":[1,"edit-button-icon"],"editButtonText":[1,"edit-button-text"],"editButtonTemplate":[16],"enableFooter":[4,"enable-footer"],"enablePageSize":[4,"enable-page-size"],"enablePagination":[4,"enable-pagination"],"enableExport":[4,"enable-export"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16],"hideOnSinglePage":[4,"hide-on-single-page"],"emptyStateHeader":[16],"emptyStateContent":[16],"emptyStateAction":[16],"enableEmptyStateAction":[4,"enable-empty-state-action"],"emptyStateFilteredHeader":[16],"emptyStateFilteredContent":[16],"_locales":[32],"_columns":[32],"_items":[32]},[[16,"localeChanged","_setLocales"],[16,"tableDefinitionChanged","onTableDefinitionUpdated"],[4,"keydown","keyDown"],[4,"keyup","keyUp"],[4,"visibilitychange","visibilityChange"]],{"items":["_parseItems"]}]]],["p-997962db",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"showMobileFooter":[4,"show-mobile-footer"],"backdropClickClose":[4,"backdrop-click-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]}]]],["p-573648d0",[[0,"p-select",{"items":[1],"icon":[1],"query":[1],"placeholder":[1],"autocompletePlaceholder":[1,"autocomplete-placeholder"],"value":[8],"displayKey":[1,"display-key"],"valueKey":[1,"value-key"],"identifierKey":[1,"identifier-key"],"queryKey":[1,"query-key"],"autoSelectFirst":[4,"auto-select-first"],"showChevron":[4,"show-chevron"],"maxDisplayedItems":[2,"max-displayed-items"],"enableAutocomplete":[4,"enable-autocomplete"],"keepQuery":[4,"keep-query"],"asyncFilter":[4,"async-filter"],"loading":[4],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"_showDropdown":[32],"_selectedItem":[32],"_isAutoCompleting":[32]},[[6,"click","documentClickHandler"]],{"value":["_valueChange"],"items":["itemChanges"],"_showDropdown":["_showDropdownChanges"]}]]],["p-c9b840a7",[[0,"p-datepicker",{"placeholder":[1],"value":[1],"preselectToday":[4,"preselect-today"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"format":[1],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"_showDropdown":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32]},[[6,"click","documentClickHandler"]],{"value":["parseValue"],"minDate":["parseMinDate"],"maxDate":["parseMaxDate"],"disabledDates":["parseDisabledDates"]}]]],["p-7d15ff9a",[[1,"p-drawer",{"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"backdropClickClose":[4,"backdrop-click-close"],"canClose":[4,"can-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]}]]],["p-699e0b35",[[1,"p-attachment",{"mode":[1],"loading":[4],"error":[1],"downloading":[4]}]]],["p-03090f03",[[1,"p-navbar",{"closeText":[1,"close-text"],"menuText":[1,"menu-text"],"_showMenu":[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-93052b42",[[1,"p-profile",{"variant":[1],"size":[513],"_dropdownOpen":[32]}]]],["p-4c30c74b",[[1,"p-toast",{"variant":[1],"header":[1],"content":[1],"enableAction":[4,"enable-action"],"actionIcon":[1,"action-icon"],"actionIconFlip":[1,"action-icon-flip"],"actionIconRotate":[2,"action-icon-rotate"]}]]],["p-d0796984",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-682db916",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-415c5040",[[4,"p-card-header",{"header":[1],"arrow":[4]}]]],["p-cb2674b5",[[1,"p-content-slider",{"hideMobileIndicator":[4,"hide-mobile-indicator"],"disableDrag":[4,"disable-drag"],"disableAutoCenter":[4,"disable-auto-center"],"disableIndicatorClick":[4,"disable-indicator-click"],"_visibleIndex":[32],"_outerHeight":[32],"_totalWidth":[32],"_dragging":[32]},[[9,"mouseup","mouseUpHandler"],[9,"touchend","mouseUpHandler"],[9,"resize","resizeHandler"]]]]],["p-97bcf0b5",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-cf7bd354",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-d23db949",[[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-085e6ff4",[[1,"p-stepper",{"activeStep":[2,"active-step"],"direction":[513],"contentPosition":[513,"content-position"]},null,{"activeStep":["_generateSteps"]}]]],["p-b6f43309",[[1,"p-stepper-item",{"align":[513],"direction":[513],"contentPosition":[513,"content-position"],"finished":[516],"active":[516]}]]],["p-6cf4571b",[[1,"p-divider"]]],["p-ec29eed0",[[1,"p-tab-group"]]],["p-ff655fd0",[[0,"p-avatar",{"variant":[513],"size":[513],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]},null,{"src":["onSrchChange"]}]]],["p-af6b813e",[[4,"p-avatar-group",{"extra":[2]}]]],["p-25b56af5",[[4,"p-card-body",{"inheritText":[516,"inherit-text"]}]]],["p-f0f1a46b",[[1,"p-card-container",{"hoverable":[516],"shadow":[516]}]]],["p-46a939e2",[[1,"p-layout",{"variant":[1]}]]],["p-7793ba3a",[[1,"p-tab-item",{"active":[4]}]]],["p-4dc5647e",[[0,"p-table-column",{"path":[1537],"type":[1537],"name":[1537],"useSlot":[1540,"use-slot"],"hasCheckbox":[1540,"has-checkbox"],"align":[1537],"isLast":[1540,"is-last"],"sizes":[1032]}]]],["p-606ad811",[[1,"p-toast-container",{"placement":[1]}]]],["p-dace47c5",[[1,"p-calendar",{"variant":[1],"value":[1],"preselectToday":[4,"preselect-today"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"_view":[32],"_viewDate":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32]},null,{"value":["_parseValue"],"minDate":["_parseMinDate"],"maxDate":["_parseMaxDate"],"disabledDates":["_parseDisabledDates"]}]]],["p-2becd73c",[[1,"p-counter",{"variant":[1],"size":[1]}]]],["p-ec15ee73",[[1,"p-slider-indicator",{"active":[4]}]]],["p-4e9e4ce2",[[1,"p-drawer-header",{"showClose":[4,"show-close"]}],[1,"p-drawer-body",{"variant":[1]}],[4,"p-drawer-container",{"closing":[4]}]]],["p-1432df71",[[1,"p-backdrop",{"variant":[1],"applyBlur":[4,"apply-blur"],"closing":[4],"scrollLock":[4,"scroll-lock"]},[[2,"click","handleClick"]]]]],["p-b7893a63",[[1,"p-modal-header",{"showClose":[4,"show-close"]}],[1,"p-modal-footer"],[1,"p-modal-body",{"variant":[1],"rounded":[4]}],[4,"p-modal-container",{"size":[1],"closing":[4]}]]],["p-e193e319",[[1,"p-label",{"variant":[513],"behavior":[513],"icon":[513],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"size":[513],"keepMobileContent":[516,"keep-mobile-content"]}],[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-segment-container"]]],["p-dd20caf1",[[4,"p-dropdown-menu-container",{"maxWidth":[4,"max-width"],"fullWidth":[4,"full-width"],"scrollable":[4]}]]],["p-9c7cfd25",[[1,"p-dropdown-menu-item",{"active":[4],"enableHover":[4,"enable-hover"],"icon":[1]}],[1,"p-dropdown",{"placement":[513],"strategy":[1],"show":[4],"calculateWidth":[4,"calculate-width"],"applyMaxWidth":[4,"apply-max-width"],"applyFullWidth":[4,"apply-full-width"],"scrollable":[4],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"],"chevronPosition":[1,"chevron-position"],"chevronDirection":[1,"chevron-direction"]},[[6,"click","documentClickHandler"]],{"show":["onShowChange"]}]]],["p-35c563a7",[[1,"p-page-size-select",{"size":[1538],"sizeOptions":[16],"chevronPosition":[1,"chevron-position"],"buttonSize":[1,"button-size"],"buttonTemplate":[16],"itemTemplate":[16],"hidden":[4],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"hideOnSinglePage":[4,"hide-on-single-page"],"total":[2]},null,{"page":["pageChangeHandler"],"pageSize":["pageChangeHandler"],"total":["pageChangeHandler"]}],[1,"p-pagination-item",{"active":[4]}]]],["p-b7c0f157",[[1,"p-tooltip",{"variant":[1],"content":[8],"placement":[1],"strategy":[1],"enableUserInput":[4,"enable-user-input"],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-a2883f3f",[[1,"p-input-group",{"size":[1],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"focused":[516],"focusMethod":[1,"focus-method"],"_forceShowTooltip":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]],[1,"p-helper",{"placement":[1]}],[1,"p-input-error",{"error":[1],"forceShowTooltip":[4,"force-show-tooltip"],"_showTooltip":[32]}]]],["p-502ff028",[[1,"p-table-header",{"quickFilters":[16],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"loading":[4],"enableSearch":[4,"enable-search"],"itemsSelectedAmount":[2,"items-selected-amount"],"query":[1025],"enableFilter":[4,"enable-filter"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16],"enableEdit":[4,"enable-edit"],"editLoading":[4,"edit-loading"],"editIcon":[1,"edit-icon"],"editText":[1,"edit-text"],"canEdit":[1028,"can-edit"],"editButtonTemplate":[16],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[1,"p-table-footer",{"enablePageSize":[4,"enable-page-size"],"enablePagination":[4,"enable-pagination"],"enableExport":[4,"enable-export"],"loading":[4],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16],"hideOnSinglePage":[4,"hide-on-single-page"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[4,"p-table-cell",{"variant":[1],"index":[2],"rowIndex":[2,"row-index"],"definition":[16],"item":[8],"value":[8],"checkbox":[8],"template":[16]}],[1,"p-table-row",{"variant":[1],"enableHover":[4,"enable-hover"]}],[0,"p-illustration",{"variant":[1]}],[1,"p-table-container"]]]]'),e)));
+import{p as e,b as a}from"./p-e4d5e7a7.js";export{s as setNonce}from"./p-e4d5e7a7.js";const t=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};t().then((e=>a(JSON.parse('[["p-c1e10b29",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"chevron":[8],"chevronPosition":[1,"chevron-position"],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-b59e29d7",[[4,"p-table",{"items":[1],"loading":[4],"headerLoading":[4,"header-loading"],"footerLoading":[4,"footer-loading"],"amountOfLoadingRows":[2,"amount-of-loading-rows"],"enableRowSelection":[4,"enable-row-selection"],"enableRowClick":[4,"enable-row-click"],"selectedRows":[16],"selectionKey":[1,"selection-key"],"canSelectKey":[1,"can-select-key"],"enableHeader":[4,"enable-header"],"quickFilters":[16],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"enableSearch":[4,"enable-search"],"query":[1025],"enableFilter":[4,"enable-filter"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16],"enableEdit":[4,"enable-edit"],"editButtonLoading":[4,"edit-button-loading"],"editButtonIcon":[1,"edit-button-icon"],"editButtonText":[1,"edit-button-text"],"editButtonTemplate":[16],"enableFooter":[4,"enable-footer"],"enablePageSize":[4,"enable-page-size"],"enablePagination":[4,"enable-pagination"],"enableExport":[4,"enable-export"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16],"hideOnSinglePage":[4,"hide-on-single-page"],"emptyStateHeader":[16],"emptyStateContent":[16],"emptyStateAction":[16],"enableEmptyStateAction":[4,"enable-empty-state-action"],"emptyStateFilteredHeader":[16],"emptyStateFilteredContent":[16],"_locales":[32],"_columns":[32],"_items":[32]},[[16,"localeChanged","_setLocales"],[16,"tableDefinitionChanged","onTableDefinitionUpdated"],[4,"keydown","keyDown"],[4,"keyup","keyUp"],[4,"visibilitychange","visibilityChange"]],{"items":["_parseItems"]}]]],["p-fac13366",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"showMobileFooter":[4,"show-mobile-footer"],"backdropClickClose":[4,"backdrop-click-close"],"scrollLock":[4,"scroll-lock"],"padding":[4],"_closing":[32]}]]],["p-573648d0",[[0,"p-select",{"items":[1],"icon":[1],"query":[1],"placeholder":[1],"autocompletePlaceholder":[1,"autocomplete-placeholder"],"value":[8],"displayKey":[1,"display-key"],"valueKey":[1,"value-key"],"identifierKey":[1,"identifier-key"],"queryKey":[1,"query-key"],"autoSelectFirst":[4,"auto-select-first"],"showChevron":[4,"show-chevron"],"maxDisplayedItems":[2,"max-displayed-items"],"enableAutocomplete":[4,"enable-autocomplete"],"keepQuery":[4,"keep-query"],"asyncFilter":[4,"async-filter"],"loading":[4],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"_showDropdown":[32],"_selectedItem":[32],"_isAutoCompleting":[32]},[[6,"click","documentClickHandler"]],{"value":["_valueChange"],"items":["itemChanges"],"_showDropdown":["_showDropdownChanges"]}]]],["p-c9b840a7",[[0,"p-datepicker",{"placeholder":[1],"value":[1],"preselectToday":[4,"preselect-today"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"format":[1],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"_showDropdown":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32]},[[6,"click","documentClickHandler"]],{"value":["parseValue"],"minDate":["parseMinDate"],"maxDate":["parseMaxDate"],"disabledDates":["parseDisabledDates"]}]]],["p-7d15ff9a",[[1,"p-drawer",{"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"backdropClickClose":[4,"backdrop-click-close"],"canClose":[4,"can-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]}]]],["p-699e0b35",[[1,"p-attachment",{"mode":[1],"loading":[4],"error":[1],"downloading":[4]}]]],["p-03090f03",[[1,"p-navbar",{"closeText":[1,"close-text"],"menuText":[1,"menu-text"],"_showMenu":[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-93052b42",[[1,"p-profile",{"variant":[1],"size":[513],"_dropdownOpen":[32]}]]],["p-4c30c74b",[[1,"p-toast",{"variant":[1],"header":[1],"content":[1],"enableAction":[4,"enable-action"],"actionIcon":[1,"action-icon"],"actionIconFlip":[1,"action-icon-flip"],"actionIconRotate":[2,"action-icon-rotate"]}]]],["p-328a88d7",[[1,"p-divider"]]],["p-d0796984",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-682db916",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-415c5040",[[4,"p-card-header",{"header":[1],"arrow":[4]}]]],["p-cb2674b5",[[1,"p-content-slider",{"hideMobileIndicator":[4,"hide-mobile-indicator"],"disableDrag":[4,"disable-drag"],"disableAutoCenter":[4,"disable-auto-center"],"disableIndicatorClick":[4,"disable-indicator-click"],"_visibleIndex":[32],"_outerHeight":[32],"_totalWidth":[32],"_dragging":[32]},[[9,"mouseup","mouseUpHandler"],[9,"touchend","mouseUpHandler"],[9,"resize","resizeHandler"]]]]],["p-2540301a",[[1,"p-cropper",{"variant":[513],"value":[8],"returnType":[1,"return-type"],"_loaded":[32],"_currentScale":[32]},[[9,"resize","onResize"]]]]],["p-97bcf0b5",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-cf7bd354",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-d23db949",[[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-085e6ff4",[[1,"p-stepper",{"activeStep":[2,"active-step"],"direction":[513],"contentPosition":[513,"content-position"]},null,{"activeStep":["_generateSteps"]}]]],["p-b6f43309",[[1,"p-stepper-item",{"align":[513],"direction":[513],"contentPosition":[513,"content-position"],"finished":[516],"active":[516]}]]],["p-ec29eed0",[[1,"p-tab-group"]]],["p-ff655fd0",[[0,"p-avatar",{"variant":[513],"size":[513],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]},null,{"src":["onSrchChange"]}]]],["p-af6b813e",[[4,"p-avatar-group",{"extra":[2]}]]],["p-8426ca20",[[4,"p-card-body",{"inheritText":[516,"inherit-text"]}]]],["p-f0f1a46b",[[1,"p-card-container",{"hoverable":[516],"shadow":[516]}]]],["p-46a939e2",[[1,"p-layout",{"variant":[1]}]]],["p-7793ba3a",[[1,"p-tab-item",{"active":[4]}]]],["p-4dc5647e",[[0,"p-table-column",{"path":[1537],"type":[1537],"name":[1537],"useSlot":[1540,"use-slot"],"hasCheckbox":[1540,"has-checkbox"],"align":[1537],"isLast":[1540,"is-last"],"sizes":[1032]}]]],["p-606ad811",[[1,"p-toast-container",{"placement":[1]}]]],["p-dace47c5",[[1,"p-calendar",{"variant":[1],"value":[1],"preselectToday":[4,"preselect-today"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"_view":[32],"_viewDate":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32]},null,{"value":["_parseValue"],"minDate":["_parseMinDate"],"maxDate":["_parseMaxDate"],"disabledDates":["_parseDisabledDates"]}]]],["p-2becd73c",[[1,"p-counter",{"variant":[1],"size":[1]}]]],["p-ec15ee73",[[1,"p-slider-indicator",{"active":[4]}]]],["p-4e9e4ce2",[[1,"p-drawer-header",{"showClose":[4,"show-close"]}],[1,"p-drawer-body",{"variant":[1]}],[4,"p-drawer-container",{"closing":[4]}]]],["p-f9e52ae3",[[1,"p-backdrop",{"variant":[1],"applyBlur":[4,"apply-blur"],"closing":[4],"scrollLock":[4,"scroll-lock"]},[[2,"click","handleClick"]]]]],["p-2cb55f24",[[1,"p-modal-header",{"showClose":[4,"show-close"]}],[1,"p-modal-footer"],[1,"p-modal-body",{"variant":[1],"rounded":[4],"padding":[4]}],[4,"p-modal-container",{"size":[1],"closing":[4]}]]],["p-e193e319",[[1,"p-label",{"variant":[513],"behavior":[513],"icon":[513],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"size":[513],"keepMobileContent":[516,"keep-mobile-content"]}],[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-segment-container"]]],["p-dd20caf1",[[4,"p-dropdown-menu-container",{"maxWidth":[4,"max-width"],"fullWidth":[4,"full-width"],"scrollable":[4]}]]],["p-9c7cfd25",[[1,"p-dropdown-menu-item",{"active":[4],"enableHover":[4,"enable-hover"],"icon":[1]}],[1,"p-dropdown",{"placement":[513],"strategy":[1],"show":[4],"calculateWidth":[4,"calculate-width"],"applyMaxWidth":[4,"apply-max-width"],"applyFullWidth":[4,"apply-full-width"],"scrollable":[4],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"],"chevronPosition":[1,"chevron-position"],"chevronDirection":[1,"chevron-direction"]},[[6,"click","documentClickHandler"]],{"show":["onShowChange"]}]]],["p-35c563a7",[[1,"p-page-size-select",{"size":[1538],"sizeOptions":[16],"chevronPosition":[1,"chevron-position"],"buttonSize":[1,"button-size"],"buttonTemplate":[16],"itemTemplate":[16],"hidden":[4],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"hideOnSinglePage":[4,"hide-on-single-page"],"total":[2]},null,{"page":["pageChangeHandler"],"pageSize":["pageChangeHandler"],"total":["pageChangeHandler"]}],[1,"p-pagination-item",{"active":[4]}]]],["p-b7c0f157",[[1,"p-tooltip",{"variant":[1],"content":[8],"placement":[1],"strategy":[1],"enableUserInput":[4,"enable-user-input"],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-a2883f3f",[[1,"p-input-group",{"size":[1],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"focused":[516],"focusMethod":[1,"focus-method"],"_forceShowTooltip":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]],[1,"p-helper",{"placement":[1]}],[1,"p-input-error",{"error":[1],"forceShowTooltip":[4,"force-show-tooltip"],"_showTooltip":[32]}]]],["p-502ff028",[[1,"p-table-header",{"quickFilters":[16],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"loading":[4],"enableSearch":[4,"enable-search"],"itemsSelectedAmount":[2,"items-selected-amount"],"query":[1025],"enableFilter":[4,"enable-filter"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16],"enableEdit":[4,"enable-edit"],"editLoading":[4,"edit-loading"],"editIcon":[1,"edit-icon"],"editText":[1,"edit-text"],"canEdit":[1028,"can-edit"],"editButtonTemplate":[16],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[1,"p-table-footer",{"enablePageSize":[4,"enable-page-size"],"enablePagination":[4,"enable-pagination"],"enableExport":[4,"enable-export"],"loading":[4],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16],"hideOnSinglePage":[4,"hide-on-single-page"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[4,"p-table-cell",{"variant":[1],"index":[2],"rowIndex":[2,"row-index"],"definition":[16],"item":[8],"value":[8],"checkbox":[8],"template":[16]}],[1,"p-table-row",{"variant":[1],"enableHover":[4,"enable-hover"]}],[0,"p-illustration",{"variant":[1]}],[1,"p-table-container"]]]]'),e)));
 //# sourceMappingURL=paperless.esm.js.map

package/dist/paperless/paperless.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.3.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAKA,MAAMA,EAAe,KAyBjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,EC/B/BH,IAAeQ,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,6jWAAuCH"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.3.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAKA,MAAMA,EAAe,KAyBjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,EC/B/BH,IAAeQ,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,qvWAAuCH"}

package/dist/style/form/_range.scss

@@ -0,0 +1,13 @@
+.p-input[type='range'] {
+    @apply relative appearance-none bg-transparent;
+
+    &::-webkit-slider-runnable-track,
+    &::-moz-range-track {
+        @apply h-[2px] bg-mystic-dark;
+    }
+
+    &::-webkit-slider-thumb,
+    &::-moz-range-thumb {
+        @apply h-4 w-4 rounded-round border-0 bg-indigo;
+    }
+}

package/dist/style/form/index.scss

@@ -2,3 +2,4 @@
 @import './textarea';
 @import './checkbox';
 @import './radio';
+@import './range';