@paperless/core 0.1.0-alpha.379 → 0.1.0-alpha.381

package/dist/{build/p-f8161e1f.entry.js.map → paperless/p-17c5b961.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["helperComponentCss","Helper","render","h","Host","class","placement","this","slot","InputError","variant","popover","error","show","forceShowTooltip","onIsOpen","ev","_showTooltip","detail","inputGroupComponentCss","InputGroup","componentWillRender","_setInputClasses","hasHeaderSlot","helper","label","prefix","suffix","errorAndErrorIsNotBoolean","_getSlotInfo","_a","length","disabled","focused","size","required","name","icon","iconPosition","rotate","iconRotate","flip","iconFlip","_forceShowTooltip","handleFocusIn","handleFocusOut","input","_el","querySelector","classList","contains","add","hasHelperSlot","hasLabelSlot","hasPrefixSlot","hasSuffixSlot"],"sources":["./src/components/atoms/helper/helper.component.scss?tag=p-helper&encapsulation=shadow","./src/components/atoms/helper/helper.component.tsx","./src/components/molecules/input-error/input-error.component.tsx","./src/components/molecules/input-group/input-group.component.scss?tag=p-input-group&encapsulation=shadow","./src/components/molecules/input-group/input-group.component.tsx"],"sourcesContent":[":host {\n  .helper {\n    @apply inline-block cursor-pointer bg-no-repeat bg-center w-3 h-3;\n    background-image: url(/assets/images/helper/helper.svg);\n\n    &:hover {\n      background-image: url(/assets/images/helper/helper-hover.svg);\n    }\n  }\n}\n","import { Placement } from '@popperjs/core';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-helper',\n    styleUrl: 'helper.component.scss',\n    shadow: true,\n})\nexport class Helper {\n    /**\n     * The placement of the helper popover\n     */\n    @Prop() placement: Placement = 'top';\n\n    render() {\n        return (\n            <Host class=\"p-helper\">\n                <p-tooltip placement={this.placement}>\n                    <div slot=\"popover\">\n                        <slot />\n                    </div>\n\n                    <div slot=\"content\" class=\"helper\"></div>\n                </p-tooltip>\n            </Host>\n        );\n    }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'p-input-error',\n    shadow: true,\n})\nexport class InputError {\n    /**\n     * The error to show\n     */\n    @Prop() error: string;\n\n    /**\n     * Wether to force show the tooltip\n     */\n    @Prop() forceShowTooltip = false;\n\n    @State() private _showTooltip = false;\n\n    render() {\n        return (\n            <Host class=\"p-input-error\">\n                <p-tooltip\n                    variant=\"error\"\n                    popover={this.error}\n                    show={this.forceShowTooltip}\n                    onIsOpen={(ev) => (this._showTooltip = ev.detail)}\n                >\n                    <p-icon\n                        class={`${\n                            this._showTooltip\n                                ? 'text-negative'\n                                : 'text-negative-light'\n                        } hover:text-negative`}\n                        slot=\"content\"\n                        variant=\"explanation\"\n                    />\n                </p-tooltip>\n            </Host>\n        );\n    }\n}\n","@import '../../../style/form/mixins';\n\n@mixin slottedItems($prefix: false) {\n    @include inputs($prefix, true) {\n        @content;\n    }\n}\n\n:host {\n    @apply flex flex-col w-full;\n    @apply outline-none #{!important};\n\n    .input-label {\n        @apply text-xs text-storm-vague font-semibold uppercase tracking-wider mb-[2px];\n    }\n\n    .input-header {\n        @apply flex gap-2 items-end mb-[2px];\n    }\n\n    .content {\n        @apply flex;\n\n        .prefix,\n        .suffix {\n            @include inputDefaultState();\n            @apply flex-1 text-storm box-border;\n        }\n\n        .prefix {\n            @apply rounded-tr-none rounded-br-none;\n            @apply border-r-0 #{!important};\n            @apply order-1;\n            @apply pr-2;\n        }\n\n        .suffix {\n            @apply rounded-tl-none rounded-bl-none;\n            @apply border-l-0 #{!important};\n            @apply order-3;\n            @apply pl-2;\n        }\n\n        @include slottedItems() {\n            @include inputDefaultState();\n            @apply order-2;\n        }\n\n        @include slottedItems('.prefix') {\n            @apply rounded-tl-none rounded-bl-none #{!important};\n            @apply flex-auto;\n            @apply border-l-0 pl-0 #{!important};\n        }\n\n        @include slottedItems('.suffix') {\n            @apply rounded-tr-none rounded-br-none #{!important};\n            @apply flex-auto;\n            @apply border-r-0 pr-0 #{!important};\n        }\n    }\n}\n\n:host(.focused),\n:host([focused]),\n:host(:focus-within),\n:host(:focus) {\n    @apply outline-none #{!important};\n\n    .prefix,\n    .suffix {\n        @include inputFocusState();\n        @apply text-indigo;\n    }\n\n    @include slottedItems() {\n        @include inputFocusState();\n    }\n}\n\n:host(.error),\n:host([error]) {\n    .prefix,\n    .suffix {\n        @include inputErrorState();\n        @apply text-negative;\n    }\n\n    @include slottedItems() {\n        @include inputErrorState();\n    }\n}\n\n:host(.disabled),\n:host([disabled]) {\n    .prefix,\n    .suffix {\n        @include inputDisabledState();\n    }\n\n    @include slottedItems() {\n        @include inputDisabledState();\n        pointer-events: none;\n    }\n}\n\n:host(.size-small) {\n    @include slottedItems() {\n        @include inputSizeSmall();\n    }\n}\n","import {\n    Component,\n    Element,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n    tag: 'p-input-group',\n    styleUrl: './input-group.component.scss',\n    shadow: true,\n})\nexport class InputGroup {\n    /**\n     * The size of the input group\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * The prefix of the input group\n     */\n    @Prop() prefix: string;\n\n    /**\n     * The suffix of the input group\n     */\n    @Prop() suffix: string;\n\n    /**\n     * Icon of the input group\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    /**\n     * Icon position\n     */\n    @Prop() iconPosition: 'start' | 'end' = 'start';\n\n    /**\n     * The label of the input group\n     */\n    @Prop() label: string;\n\n    /**\n     * The helper of the input group\n     */\n    @Prop() helper: string;\n\n    /**\n     * Wether the field is required\n     */\n    @Prop({ reflect: true }) required: boolean;\n\n    /**\n     * The helper of the input group\n     */\n    @Prop({ reflect: true }) error: string;\n\n    /**\n     * Wether the input group is disabled\n     */\n    @Prop({ reflect: true }) disabled: boolean = false;\n\n    /**\n     * Wether the input group is focused\n     */\n    @Prop({ reflect: true }) focused: boolean = false;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _forceShowTooltip = false;\n\n    componentWillRender() {\n        this._setInputClasses();\n    }\n\n    render() {\n        const {\n            hasHeaderSlot,\n            helper,\n            label,\n            prefix,\n            suffix,\n            errorAndErrorIsNotBoolean,\n        } = this._getSlotInfo();\n\n        return (\n            <Host\n                class={`p-input-group ${this.error?.length && 'error'} ${\n                    this.disabled && 'disabled'\n                } ${this.focused && 'focused'} size-${this.size}`}\n            >\n                <div class=\"flex items-end justify-between\">\n                    {label && (\n                        <div class=\"input-label\">\n                            {label}\n                            {this.required && (\n                                <span class=\"text-negative\">*</span>\n                            )}\n                        </div>\n                    )}\n\n                    {(helper || hasHeaderSlot) && (\n                        <div class=\"input-header\">\n                            {hasHeaderSlot && <slot name=\"header\" />}\n                            {helper && (\n                                <p-helper\n                                    class={`flex ${\n                                        hasHeaderSlot ? 'ml-2' : ''\n                                    }`}\n                                    placement=\"top-end\"\n                                >\n                                    {helper}\n                                </p-helper>\n                            )}\n                        </div>\n                    )}\n                </div>\n                <div class=\"content\">\n                    {(prefix ||\n                        (this.icon && this.iconPosition === 'start')) && (\n                        <div class={`prefix size-${this.size}`}>\n                            {this.icon && this.iconPosition === 'start' ? (\n                                <p-icon\n                                    class=\"flex\"\n                                    variant={this.icon}\n                                    rotate={this.iconRotate}\n                                    flip={this.iconFlip}\n                                />\n                            ) : (\n                                prefix\n                            )}\n                        </div>\n                    )}\n                    {(suffix ||\n                        errorAndErrorIsNotBoolean ||\n                        (this.icon && this.iconPosition === 'end')) && (\n                        <div class={`suffix size-${this.size}`}>\n                            {errorAndErrorIsNotBoolean ? (\n                                <p-input-error\n                                    error={this.error}\n                                    forceShowTooltip={this._forceShowTooltip}\n                                />\n                            ) : this.icon && this.iconPosition === 'end' ? (\n                                <p-icon\n                                    class=\"flex\"\n                                    variant={this.icon}\n                                    rotate={this.iconRotate}\n                                    flip={this.iconFlip}\n                                />\n                            ) : (\n                                suffix\n                            )}\n                        </div>\n                    )}\n\n                    <slot name=\"input\" />\n                </div>\n            </Host>\n        );\n    }\n\n    @Listen('focusin')\n    handleFocusIn() {\n        this._forceShowTooltip = true;\n    }\n\n    @Listen('focusout')\n    handleFocusOut() {\n        this._forceShowTooltip = false;\n    }\n    /* \n     With this, we shall hack the system in ways no one would ever have thought.\n     \n     <div class=\"pl-0 pr-0 border-l-0 border-r-0 rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none\"></div>\n     */\n    private _setInputClasses() {\n        const input = this._el.querySelector(':scope > [slot=\"input\"]');\n\n        if (!input) {\n            return;\n        }\n\n        if (!input.classList.contains('p-input')) {\n            input.classList.add('p-input');\n        }\n\n        const { prefix, suffix, errorAndErrorIsNotBoolean } =\n            this._getSlotInfo();\n\n        if (\n            suffix ||\n            errorAndErrorIsNotBoolean ||\n            (this.icon && this.iconPosition === 'end')\n        ) {\n            input.classList.add(\n                'border-r-0',\n                'rounded-tr-none',\n                'rounded-br-none',\n                'pr-0'\n            );\n        }\n\n        if (prefix || (this.icon && this.iconPosition === 'start')) {\n            input.classList.add(\n                'border-l-0',\n                'rounded-tl-none',\n                'rounded-bl-none',\n                'pl-0'\n            );\n        }\n\n        if (this.size === 'small' && !input.classList.contains('size-small')) {\n            input.classList.add('size-small');\n        }\n    }\n\n    private _getSlotInfo() {\n        const hasHelperSlot = !!this._el.querySelector(\n            ':scope > [slot=\"helper\"]'\n        );\n        const hasLabelSlot = !!this._el.querySelector(\n            ':scope > [slot=\"label\"]'\n        );\n        const hasPrefixSlot = !!this._el.querySelector(\n            ':scope > [slot=\"prefix\"]'\n        );\n        const hasSuffixSlot = !!this._el.querySelector(\n            ':scope > [slot=\"suffix\"]'\n        );\n        const hasHeaderSlot = !!this._el.querySelector(\n            ':scope > [slot=\"header\"]'\n        );\n\n        const helper = hasHelperSlot ? <slot name=\"helper\" /> : this.helper;\n        const label = hasLabelSlot ? <slot name=\"label\" /> : this.label;\n        const prefix = hasPrefixSlot ? <slot name=\"prefix\" /> : this.prefix;\n        const suffix = hasSuffixSlot ? <slot name=\"suffix\" /> : this.suffix;\n\n        const errorAndErrorIsNotBoolean =\n            this.error &&\n            typeof this.error === 'string' &&\n            this.error !== 'true';\n\n        return {\n            hasHelperSlot,\n            hasLabelSlot,\n            hasPrefixSlot,\n            hasSuffixSlot,\n            hasHeaderSlot,\n            helper,\n            label,\n            prefix,\n            suffix,\n            errorAndErrorIsNotBoolean,\n        };\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["helperComponentCss","Helper","render","h","Host","class","placement","this","slot","InputError","variant","popover","error","show","forceShowTooltip","onIsOpen","ev","_showTooltip","detail","inputGroupComponentCss","InputGroup","componentWillRender","_setInputClasses","hasHeaderSlot","helper","label","prefix","suffix","errorAndErrorIsNotBoolean","_getSlotInfo","_a","length","disabled","focused","size","required","name","icon","iconPosition","rotate","iconRotate","flip","iconFlip","_forceShowTooltip","handleFocusIn","handleFocusOut","input","_el","querySelector","classList","contains","add","hasHelperSlot","hasLabelSlot","hasPrefixSlot","hasSuffixSlot"],"sources":["./src/components/atoms/helper/helper.component.scss?tag=p-helper&encapsulation=shadow","./src/components/atoms/helper/helper.component.tsx","./src/components/molecules/input-error/input-error.component.tsx","./src/components/molecules/input-group/input-group.component.scss?tag=p-input-group&encapsulation=shadow","./src/components/molecules/input-group/input-group.component.tsx"],"sourcesContent":[":host {\n  .helper {\n    @apply inline-block cursor-pointer bg-no-repeat bg-center w-3 h-3;\n    background-image: url(/assets/images/helper/helper.svg);\n\n    &:hover {\n      background-image: url(/assets/images/helper/helper-hover.svg);\n    }\n  }\n}\n","import { Placement } from '@popperjs/core';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-helper',\n    styleUrl: 'helper.component.scss',\n    shadow: true,\n})\nexport class Helper {\n    /**\n     * The placement of the helper popover\n     */\n    @Prop() placement: Placement = 'top';\n\n    render() {\n        return (\n            <Host class=\"p-helper\">\n                <p-tooltip placement={this.placement}>\n                    <div slot=\"popover\">\n                        <slot />\n                    </div>\n\n                    <div slot=\"content\" class=\"helper\"></div>\n                </p-tooltip>\n            </Host>\n        );\n    }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'p-input-error',\n    shadow: true,\n})\nexport class InputError {\n    /**\n     * The error to show\n     */\n    @Prop() error: string;\n\n    /**\n     * Wether to force show the tooltip\n     */\n    @Prop() forceShowTooltip = false;\n\n    @State() private _showTooltip = false;\n\n    render() {\n        return (\n            <Host class=\"p-input-error\">\n                <p-tooltip\n                    variant=\"error\"\n                    popover={this.error}\n                    show={this.forceShowTooltip}\n                    onIsOpen={(ev) => (this._showTooltip = ev.detail)}\n                >\n                    <p-icon\n                        class={`${\n                            this._showTooltip\n                                ? 'text-negative'\n                                : 'text-negative-light'\n                        } hover:text-negative`}\n                        slot=\"content\"\n                        variant=\"explanation\"\n                    />\n                </p-tooltip>\n            </Host>\n        );\n    }\n}\n","@import '../../../style/form/mixins';\n\n@mixin slottedItems($prefix: false) {\n    @include inputs($prefix, true) {\n        @content;\n    }\n}\n\n:host {\n    @apply flex flex-col w-full;\n    @apply outline-none #{!important};\n\n    .input-label {\n        @apply text-xs text-storm-vague font-semibold uppercase tracking-wider mb-[2px];\n    }\n\n    .input-header {\n        @apply flex gap-2 items-end mb-[2px];\n    }\n\n    .content {\n        @apply flex;\n\n        .prefix,\n        .suffix {\n            @include inputDefaultState();\n            @apply flex-1 text-storm box-border;\n        }\n\n        .prefix {\n            @apply rounded-tr-none rounded-br-none;\n            @apply border-r-0 #{!important};\n            @apply order-1;\n            @apply pr-2;\n        }\n\n        .suffix {\n            @apply rounded-tl-none rounded-bl-none;\n            @apply border-l-0 #{!important};\n            @apply order-3;\n            @apply pl-2;\n        }\n\n        @include slottedItems() {\n            @include inputDefaultState();\n            @apply order-2;\n        }\n\n        @include slottedItems('.prefix') {\n            @apply rounded-tl-none rounded-bl-none #{!important};\n            @apply flex-auto;\n            @apply border-l-0 pl-0 #{!important};\n        }\n\n        @include slottedItems('.suffix') {\n            @apply rounded-tr-none rounded-br-none #{!important};\n            @apply flex-auto;\n            @apply border-r-0 pr-0 #{!important};\n        }\n    }\n}\n\n:host(.focused),\n:host([focused]),\n:host(:focus-within),\n:host(:focus) {\n    @apply outline-none #{!important};\n\n    .prefix,\n    .suffix {\n        @include inputFocusState();\n        @apply text-indigo;\n    }\n\n    @include slottedItems() {\n        @include inputFocusState();\n    }\n}\n\n:host(.error),\n:host([error]) {\n    .prefix,\n    .suffix {\n        @include inputErrorState();\n        @apply text-negative;\n    }\n\n    @include slottedItems() {\n        @include inputErrorState();\n    }\n}\n\n:host(.disabled),\n:host([disabled]) {\n    .prefix,\n    .suffix {\n        @include inputDisabledState();\n    }\n\n    @include slottedItems() {\n        @include inputDisabledState();\n        pointer-events: none;\n    }\n}\n\n:host(.size-small) {\n    @include slottedItems() {\n        @include inputSizeSmall();\n    }\n}\n","import {\n    Component,\n    Element,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n    tag: 'p-input-group',\n    styleUrl: './input-group.component.scss',\n    shadow: true,\n})\nexport class InputGroup {\n    /**\n     * The size of the input group\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * The prefix of the input group\n     */\n    @Prop() prefix: string;\n\n    /**\n     * The suffix of the input group\n     */\n    @Prop() suffix: string;\n\n    /**\n     * Icon of the input group\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    /**\n     * Icon position\n     */\n    @Prop() iconPosition: 'start' | 'end' = 'start';\n\n    /**\n     * The label of the input group\n     */\n    @Prop() label: string;\n\n    /**\n     * The helper of the input group\n     */\n    @Prop() helper: string;\n\n    /**\n     * Wether the field is required\n     */\n    @Prop({ reflect: true }) required: boolean;\n\n    /**\n     * The helper of the input group\n     */\n    @Prop({ reflect: true }) error: string;\n\n    /**\n     * Wether the input group is disabled\n     */\n    @Prop({ reflect: true }) disabled: boolean = false;\n\n    /**\n     * Wether the input group is focused\n     */\n    @Prop({ reflect: true }) focused: boolean = false;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _forceShowTooltip = false;\n\n    componentWillRender() {\n        this._setInputClasses();\n    }\n\n    render() {\n        const {\n            hasHeaderSlot,\n            helper,\n            label,\n            prefix,\n            suffix,\n            errorAndErrorIsNotBoolean,\n        } = this._getSlotInfo();\n\n        return (\n            <Host\n                class={`p-input-group ${this.error?.length && 'error'} ${\n                    this.disabled && 'disabled'\n                } ${this.focused && 'focused'} size-${this.size}`}\n            >\n                <div class=\"flex items-end justify-between\">\n                    {label && (\n                        <div class=\"input-label\">\n                            {label}\n                            {this.required && (\n                                <span class=\"text-negative\">*</span>\n                            )}\n                        </div>\n                    )}\n\n                    {(helper || hasHeaderSlot) && (\n                        <div class=\"input-header\">\n                            {hasHeaderSlot && <slot name=\"header\" />}\n                            {helper && (\n                                <p-helper\n                                    class={`flex ${\n                                        hasHeaderSlot ? 'ml-2' : ''\n                                    }`}\n                                    placement=\"top-end\"\n                                >\n                                    {helper}\n                                </p-helper>\n                            )}\n                        </div>\n                    )}\n                </div>\n                <div class=\"content\">\n                    {(prefix ||\n                        (this.icon && this.iconPosition === 'start')) && (\n                        <div class={`prefix size-${this.size}`}>\n                            {this.icon && this.iconPosition === 'start' ? (\n                                <p-icon\n                                    class=\"flex\"\n                                    variant={this.icon}\n                                    rotate={this.iconRotate}\n                                    flip={this.iconFlip}\n                                />\n                            ) : (\n                                prefix\n                            )}\n                        </div>\n                    )}\n                    {(suffix ||\n                        errorAndErrorIsNotBoolean ||\n                        (this.icon && this.iconPosition === 'end')) && (\n                        <div class={`suffix size-${this.size}`}>\n                            {errorAndErrorIsNotBoolean ? (\n                                <p-input-error\n                                    error={this.error}\n                                    forceShowTooltip={this._forceShowTooltip}\n                                />\n                            ) : this.icon && this.iconPosition === 'end' ? (\n                                <p-icon\n                                    class=\"flex\"\n                                    variant={this.icon}\n                                    rotate={this.iconRotate}\n                                    flip={this.iconFlip}\n                                />\n                            ) : (\n                                suffix\n                            )}\n                        </div>\n                    )}\n\n                    <slot name=\"input\" />\n                </div>\n            </Host>\n        );\n    }\n\n    @Listen('focusin')\n    handleFocusIn() {\n        this._forceShowTooltip = true;\n    }\n\n    @Listen('focusout')\n    handleFocusOut() {\n        this._forceShowTooltip = false;\n    }\n    /* \n     With this, we shall hack the system in ways no one would ever have thought.\n     \n     <div class=\"pl-0 pr-0 border-l-0 border-r-0 rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none\"></div>\n     */\n    private _setInputClasses() {\n        const input = this._el.querySelector(':scope > [slot=\"input\"]');\n\n        if (!input) {\n            return;\n        }\n\n        if (!input.classList.contains('p-input')) {\n            input.classList.add('p-input');\n        }\n\n        const { prefix, suffix, errorAndErrorIsNotBoolean } =\n            this._getSlotInfo();\n\n        if (\n            suffix ||\n            errorAndErrorIsNotBoolean ||\n            (this.icon && this.iconPosition === 'end')\n        ) {\n            input.classList.add(\n                'border-r-0',\n                'rounded-tr-none',\n                'rounded-br-none',\n                'pr-0'\n            );\n        }\n\n        if (prefix || (this.icon && this.iconPosition === 'start')) {\n            input.classList.add(\n                'border-l-0',\n                'rounded-tl-none',\n                'rounded-bl-none',\n                'pl-0'\n            );\n        }\n\n        if (this.size === 'small' && !input.classList.contains('size-small')) {\n            input.classList.add('size-small');\n        }\n    }\n\n    private _getSlotInfo() {\n        const hasHelperSlot = !!this._el.querySelector(\n            ':scope > [slot=\"helper\"]'\n        );\n        const hasLabelSlot = !!this._el.querySelector(\n            ':scope > [slot=\"label\"]'\n        );\n        const hasPrefixSlot = !!this._el.querySelector(\n            ':scope > [slot=\"prefix\"]'\n        );\n        const hasSuffixSlot = !!this._el.querySelector(\n            ':scope > [slot=\"suffix\"]'\n        );\n        const hasHeaderSlot = !!this._el.querySelector(\n            ':scope > [slot=\"header\"]'\n        );\n\n        const helper = hasHelperSlot ? <slot name=\"helper\" /> : this.helper;\n        const label = hasLabelSlot ? <slot name=\"label\" /> : this.label;\n        const prefix = hasPrefixSlot ? <slot name=\"prefix\" /> : this.prefix;\n        const suffix = hasSuffixSlot ? <slot name=\"suffix\" /> : this.suffix;\n\n        const errorAndErrorIsNotBoolean =\n            this.error &&\n            typeof this.error === 'string' &&\n            this.error !== 'true';\n\n        return {\n            hasHelperSlot,\n            hasLabelSlot,\n            hasPrefixSlot,\n            hasSuffixSlot,\n            hasHeaderSlot,\n            helper,\n            label,\n            prefix,\n            suffix,\n            errorAndErrorIsNotBoolean,\n        };\n    }\n}\n"],"mappings":"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"}

package/dist/paperless/{p-d644c554.entry.js → p-5dfab26d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as a,h as r,H as e,g as o}from"./p-69d43b9d.js";const n=".static{position:static!important}.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar-backdrop{z-index:290!important}.m-0{margin:0!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.inline{display:inline!important}.flex{display:flex!important}.hidden{display:none!important}.h-full{height:100%!important}.max-h-screen{max-height:100vh!important}.w-full{width:100%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded{border-radius:.25rem!important}.bg-storm-dark{--tw-bg-opacity:1!important;background-color:rgb(39 40 56/var(--tw-bg-opacity))!important}.p-0{padding:0!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}*{box-sizing:border-box}.bg-storm-dark\\/50{background-color:rgba(39,40,56,.5)!important}: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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}: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}}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";const i=class{constructor(r){t(this,r);this.clicked=a(this,"clicked",7);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 o(this)}};i.style=n;export{i as p_backdrop};
-//# sourceMappingURL=p-d644c554.entry.js.map
+import{r as t,c as a,h as r,H as e,g as o}from"./p-69d43b9d.js";const n=".static{position:static!important}.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar-backdrop{z-index:290!important}.m-0{margin:0!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.inline{display:inline!important}.flex{display:flex!important}.hidden{display:none!important}.h-full{height:100%!important}.max-h-screen{max-height:100vh!important}.w-full{width:100%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded{border-radius:.25rem!important}.bg-storm-dark{--tw-bg-opacity:1!important;background-color:rgb(39 40 56/var(--tw-bg-opacity))!important}.p-0{padding:0!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}*{box-sizing:border-box}.bg-storm-dark\\/50{background-color:rgba(39,40,56,.5)!important}: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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}: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}}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}}";const i=class{constructor(r){t(this,r);this.clicked=a(this,"clicked",7);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 o(this)}};i.style=n;export{i as p_backdrop};
+//# sourceMappingURL=p-5dfab26d.entry.js.map

package/dist/paperless/{p-d644c554.entry.js.map → p-5dfab26d.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 top-0 left-0 z-backdrop;\n    @apply h-full w-full max-h-screen max-w-screen;\n    @apply overflow-hidden;\n    @apply bg-storm-dark/50 animate-fade-in;\n\n    .content-container {\n        @apply overflow-y-auto overflow-x-hidden w-full h-full max-h-screen max-w-screen;\n        @apply tablet:px-16 desktop-xs:p-16;\n        @apply flex justify-center items-end desktop-xs:items-center;\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 justify-end items-start;\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() 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,sgP,MCgBhBC,EAAQ,M,uEAIqB,Q,eAKT,M,aAKF,M,gBAKG,I,CAY9BC,oBACI,GAAIC,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUC,IAAI,c,EAItDC,uBACI,GAAIN,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUG,OAAO,c,EAIzDC,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,sBAAsBX,KAAKY,WAC9BZ,KAAKa,WAAa,aAClBb,KAAKc,SAAW,aAEpBL,EAAA,OAAKE,MAAM,qBACPF,EAAA,c,CAOhBM,YAAYC,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 top-0 left-0 z-backdrop;\n    @apply h-full w-full max-h-screen max-w-screen;\n    @apply overflow-hidden;\n    @apply bg-storm-dark/50 animate-fade-in;\n\n    .content-container {\n        @apply overflow-y-auto overflow-x-hidden w-full h-full max-h-screen max-w-screen;\n        @apply tablet:px-16 desktop-xs:p-16;\n        @apply flex justify-center items-end desktop-xs:items-center;\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 justify-end items-start;\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() 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,4+O,MCgBhBC,EAAQ,M,uEAIqB,Q,eAKT,M,aAKF,M,gBAKG,I,CAY9BC,oBACI,GAAIC,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUC,IAAI,c,EAItDC,uBACI,GAAIN,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUG,OAAO,c,EAIzDC,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,sBAAsBX,KAAKY,WAC9BZ,KAAKa,WAAa,aAClBb,KAAKc,SAAW,aAEpBL,EAAA,OAAKE,MAAM,qBACPF,EAAA,c,CAOhBM,YAAYC,GACR,GAAIA,EAAGC,SAAWjB,KAAKkB,IAAK,CACxB,M,CAGJlB,KAAKmB,QAAQC,KAAKJ,E"}