@paperless/core 2.0.1-beta.44 → 2.0.1-beta.45

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

@@ -1 +0,0 @@
-{"version":3,"names":["fieldComponentCss","PFieldStyle0","field","cva","variants","variant","read","write","size","sm","base","disabled","false","true","focused","error","isTextarea","compoundVariants","class","input","prefixAndSuffix","isText","Field","valueChange","inputRefChange","_inputRef","componentDidLoad","this","_checkAutoFocus","render","prefix","suffix","hasHeaderSlot","hasLabelSlot","hasHelperSlot","hasErrorSlot","hasValueSlot","_getSlotInfo","h","Host","key","forceShowTooltip","_focused","label","helper","required","name","slot","length","type","icon","iconPosition","onClick","_focusInput","cn","rotate","iconRotate","flip","iconFlip","_getContent","handleFocusIn","_selectAll","handleFocusOut","_el","querySelector","hasPrefixSlot","hasSuffixSlot","errorAndErrorIsNotBoolean","value","props","placeholder","onInput","ev","_valueChange","properties","JSON","parse","ref","_setInputRef","emit","focus","focusMethod","selectAllOnFocus","select","target","autofocus","setTimeout","fieldContainerComponentCss","PFieldContainerStyle0","FieldContainer","_defaultOptionalTemplate","formatTranslation","_locales","optional","componentWillLoad","_setLocales","contentSlot","optionalTemplate","Fragment","placement","content","show","enableUserInput","errorPlacement","getLocaleComponentStrings"],"sources":["src/components/molecules/field/field.component.css?tag=p-field&encapsulation=shadow","src/components/molecules/field/field.component.tsx","src/components/molecules/field-container/field-container.component.css?tag=p-field-container&encapsulation=shadow","src/components/molecules/field-container/field-container.component.tsx"],"sourcesContent":[null,"import { Placement } from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { HTMLInputTypeAttribute } from 'react';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { templateFunc } from '../field-container/field-container.component';\nimport { cn } from '../../../utils/cn';\n\nconst field = cva(['flex gap-2', 'w-inherit', 'border-solid rounded-lg'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tread: 'border-0 items-start',\n\t\t\twrite: 'border px-2',\n\t\t},\n\t\tsize: {\n\t\t\tsm: null,\n\t\t\tbase: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: 'bg-white',\n\t\t\ttrue: 'bg-white-600 cursor-not-allowed',\n\t\t},\n\t\tfocused: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\terror: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tisTextarea: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tsize: 'sm',\n\t\t\tvariant: 'write',\n\t\t\tisTextarea: false,\n\t\t\tclass: 'h-6',\n\t\t},\n\t\t{\n\t\t\tsize: 'base',\n\t\t\tvariant: 'write',\n\t\t\tisTextarea: false,\n\t\t\tclass: 'h-8',\n\t\t},\n\n\t\t{\n\t\t\tsize: 'sm',\n\t\t\tvariant: 'read',\n\t\t\tclass: 'min-h-4',\n\t\t},\n\t\t{\n\t\t\tsize: 'base',\n\t\t\tvariant: 'read',\n\t\t\tclass: 'min-h-6',\n\t\t},\n\n\t\t{\n\t\t\tfocused: false,\n\t\t\terror: false,\n\t\t\tclass: 'border-black-teal-100',\n\t\t},\n\t\t{\n\t\t\tdisabled: false,\n\t\t\tfocused: true,\n\t\t\terror: false,\n\t\t\tclass:\n\t\t\t\t'border-supportive-lilac-800 ring ring-supportive-lilac-100 selection:bg-supportive-lilac',\n\t\t},\n\n\t\t{\n\t\t\tdisabled: false,\n\t\t\terror: true,\n\t\t\tclass: 'border-negative-red',\n\t\t},\n\t\t{\n\t\t\tdisabled: false,\n\t\t\tfocused: true,\n\t\t\terror: true,\n\t\t\tclass: 'ring ring-negative-red-50 selection:bg-negative-red-50',\n\t\t},\n\t],\n});\n\nconst input = cva(\n\t'text-sm placeholder:text-sm placeholder:text-black-teal-200 text-black-teal border-none outline-none focus:outline-none bg-transparent flex-1 min-w-0',\n\t{\n\t\tvariants: {\n\t\t\tisTextarea: {\n\t\t\t\tfalse: 'h-full',\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst prefixAndSuffix = cva(\n\t['flex flex-shrink-0 justify-center items-center text-center'],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-black-teal-100',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tisText: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-sm',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal-300',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-black-teal-500',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-800',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-field',\n\tstyleUrl: './field.component.css',\n\tshadow: true,\n})\nexport class Field {\n\t/**\n\t * The variant of the field\n\t */\n\t@Prop() variant: 'read' | 'write' = 'write';\n\n\t/**\n\t * The size of the field\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The type of the field\n\t */\n\t@Prop() type: HTMLInputTypeAttribute | 'textarea' | 'slot' = 'text';\n\n\t/**\n\t * The size of the field\n\t */\n\t@Prop() properties: any | string = {};\n\n\t/**\n\t * The prefix of the field\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The suffix of the field\n\t */\n\t@Prop() suffix: string;\n\n\t/**\n\t * Icon of the field\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The value of the input\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * The label of the field\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The helper of the field\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * Wether to autofocus the field\n\t */\n\t@Prop({ reflect: true }) autofocus: boolean = false;\n\n\t/**\n\t * The error to display\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Wether the field is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the field is focused\n\t */\n\t@Prop({ reflect: true }) focused: boolean = false;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * Wether to select all text on focus\n\t */\n\t@Prop({ reflect: true }) selectAllOnFocus: boolean = true;\n\n\t/**\n\t * The method to use when focusing the input\n\t */\n\t@Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event() valueChange: EventEmitter<string>;\n\n\t/**\n\t * Event whenever the input ref changes\n\t */\n\t@Event() inputRefChange: EventEmitter<HTMLInputElement | HTMLTextAreaElement>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _focused = false;\n\n\tprivate _inputRef: HTMLInputElement | HTMLTextAreaElement;\n\n\tcomponentDidLoad() {\n\t\tthis._checkAutoFocus();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\thasHeaderSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHelperSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<Host class='p-field'>\n\t\t\t\t<p-field-container\n\t\t\t\t\tforceShowTooltip={this.forceShowTooltip || this._focused}\n\t\t\t\t\tlabel={this.label}\n\t\t\t\t\thelper={this.helper}\n\t\t\t\t\terror={this.error}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\tvariant={this.variant}\n\t\t\t\t>\n\t\t\t\t\t{hasLabelSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='label'\n\t\t\t\t\t\t\tslot='label'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasHeaderSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='header'\n\t\t\t\t\t\t\tslot='header'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasHelperSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='helper'\n\t\t\t\t\t\t\tslot='helper'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\tslot='error'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={field({\n\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\tfocused: this.focused || this._focused,\n\t\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tslot='content'\n\t\t\t\t\t>\n\t\t\t\t\t\t{(prefix || (this.icon && this.iconPosition === 'start')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t\t\tfocused: this.focused || this._focused,\n\t\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'start' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t\t\t\t\t\t\t'mt-1': this.variant === 'read' && this.size === 'base',\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tprefix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this._getContent(hasValueSlot)}\n\n\t\t\t\t\t\t{(suffix || (this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t\t\tfocused: this.focused || this._focused,\n\t\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'end' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tsuffix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</p-field-container>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('focusin')\n\thandleFocusIn() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = true;\n\t\tthis._selectAll();\n\t}\n\n\t@Listen('focusout')\n\thandleFocusOut() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = false;\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasPrefixSlot = !!this._el.querySelector(':scope > [slot=\"prefix\"]');\n\t\tconst hasSuffixSlot = !!this._el.querySelector(':scope > [slot=\"suffix\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\t\tconst hasValueSlot = !!this._el.querySelector(':scope > [slot=\"value\"]');\n\n\t\tconst prefix = hasPrefixSlot ? <slot name='prefix' /> : this.prefix;\n\t\tconst suffix = hasSuffixSlot ? <slot name='suffix' /> : this.suffix;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\tthis.error && typeof this.error === 'string' && this.error !== 'true';\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasPrefixSlot,\n\t\t\thasSuffixSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n\n\tprivate _getContent(hasValueSlot = false) {\n\t\tif (this.variant === 'read') {\n\t\t\treturn (\n\t\t\t\t<div class='text-sm'>\n\t\t\t\t\t{hasValueSlot ? (\n\t\t\t\t\t\t<slot name='value' />\n\t\t\t\t\t) : !!this.value && this.value.length > 0 ? (\n\t\t\t\t\t\tthis.value\n\t\t\t\t\t) : (\n\t\t\t\t\t\t'—'\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\tif (this.type === 'slot') {\n\t\t\treturn <slot name='input' />;\n\t\t}\n\n\t\tconst props = {\n\t\t\tclass: input({\n\t\t\t\tdisabled: this.disabled,\n\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t}),\n\t\t\tvalue: this.value,\n\t\t\tplaceholder: this.placeholder,\n\t\t\tdisabled: this.disabled,\n\t\t\tonInput: (ev: Event) => this._valueChange(ev),\n\t\t};\n\n\t\tlet properties = this.properties ?? {};\n\t\tif (typeof properties === 'string') {\n\t\t\tproperties = JSON.parse(this.properties);\n\t\t}\n\n\t\tif (this.type === 'textarea') {\n\t\t\treturn (\n\t\t\t\t<textarea\n\t\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t\t{...props}\n\t\t\t\t\t{...properties}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\ttype={this.type}\n\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t{...props}\n\t\t\t\t{...properties}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _setInputRef(ref: HTMLInputElement | HTMLTextAreaElement) {\n\t\tthis._inputRef = ref;\n\t\tthis.inputRefChange.emit(ref);\n\t}\n\n\tprivate _focusInput() {\n\t\tif (this._inputRef) {\n\t\t\tthis._inputRef.focus();\n\t\t\treturn;\n\t\t}\n\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n\n\tprivate _selectAll() {\n\t\tif (!this._inputRef || !this.selectAllOnFocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._inputRef.select();\n\t}\n\n\tprivate _valueChange(ev) {\n\t\tconst value = (ev.target as HTMLTextAreaElement | HTMLInputElement).value;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\t}\n\n\tprivate _checkAutoFocus() {\n\t\tif (!this.autofocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._inputRef) {\n\t\t\tsetTimeout(() => this._checkAutoFocus(), 100);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focusInput();\n\t}\n}\n",null,"import {\n\tComponent,\n\tElement,\n\tEventEmitter,\n\th,\n\tHost,\n\tEvent,\n\tProp,\n\tFragment,\n\tState,\n\tListen,\n} from '@stencil/core';\nimport { formatTranslation, getLocaleComponentStrings } from '../../../utils';\nimport { Placement } from '@floating-ui/dom';\n\nexport type templateFunc = () => string;\n\n@Component({\n\ttag: 'p-field-container',\n\tstyleUrl: 'field-container.component.css',\n\tshadow: true,\n})\nexport class FieldContainer {\n\tprivate _defaultOptionalTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.optional);\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string | HTMLSlotElement;\n\n\t/**\n\t * The variant of the field container\n\t */\n\t@Prop() variant: 'read' | 'write';\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop() helper: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop({ reflect: true }) error: string | HTMLSlotElement;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc = this._defaultOptionalTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@Event() focus: EventEmitter<void>;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t} = this._getSlotInfo();\n\n\t\tconst contentSlot = (\n\t\t\t<slot\n\t\t\t\tname='content'\n\t\t\t\tslot='trigger'\n\t\t\t/>\n\t\t);\n\n\t\treturn (\n\t\t\t<Host class='p-field-container'>\n\t\t\t\t<div class='flex w-inherit flex-col gap-1'>\n\t\t\t\t\t<div class='flex items-end justify-between gap-1'>\n\t\t\t\t\t\t{label && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass='text-xs font-medium text-black-teal-300'\n\t\t\t\t\t\t\t\tonClick={() => this.focus.emit()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{(!this.required || helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t<div class='flex items-center gap-1'>\n\t\t\t\t\t\t\t\t{!this.required && this.variant === 'write' && (\n\t\t\t\t\t\t\t\t\t<span class='text-xs font-medium text-black-teal-200'>\n\t\t\t\t\t\t\t\t\t\t{this.optionalTemplate()}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{(helper || hasHeaderSlot) && (\n\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\t\t\t\tclass={`flex ${hasHeaderSlot ? 'ml-2' : ''}`}\n\t\t\t\t\t\t\t\t\t\t\t\tplacement='top-end'\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\tclass={this.variant === 'write' ? 'w-full' : ''}\n\t\t\t\t\t\tvariant='error'\n\t\t\t\t\t\tcontent={this.error}\n\t\t\t\t\t\tshow={errorAndErrorIsNotBoolean && this.forceShowTooltip}\n\t\t\t\t\t\tenableUserInput={false}\n\t\t\t\t\t\tplacement={this.errorPlacement}\n\t\t\t\t\t>\n\t\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{contentSlot}\n\t\t\t\t\t</p-tooltip>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\thasErrorSlot ||\n\t\t\t(this.error && typeof this.error === 'string' && this.error !== 'true');\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n}\n"],"mappings":"kNAAA,MAAMA,EAAoB,2uHAC1B,MAAAC,EAAeD,ECkBf,MAAME,EAAQC,EAAI,CAAC,aAAc,YAAa,2BAA4B,CACzEC,SAAU,CACTC,QAAS,CACRC,KAAM,uBACNC,MAAO,eAERC,KAAM,CACLC,GAAI,KACJC,KAAM,MAEPC,SAAU,CACTC,MAAO,WACPC,KAAM,mCAEPC,QAAS,CACRF,MAAO,KACPC,KAAM,MAEPE,MAAO,CACNH,MAAO,KACPC,KAAM,MAEPG,WAAY,CACXJ,MAAO,KACPC,KAAM,OAGRI,iBAAkB,CACjB,CACCT,KAAM,KACNH,QAAS,QACTW,WAAY,MACZE,MAAO,OAER,CACCV,KAAM,OACNH,QAAS,QACTW,WAAY,MACZE,MAAO,OAGR,CACCV,KAAM,KACNH,QAAS,OACTa,MAAO,WAER,CACCV,KAAM,OACNH,QAAS,OACTa,MAAO,WAGR,CACCJ,QAAS,MACTC,MAAO,MACPG,MAAO,yBAER,CACCP,SAAU,MACVG,QAAS,KACTC,MAAO,MACPG,MACC,4FAGF,CACCP,SAAU,MACVI,MAAO,KACPG,MAAO,uBAER,CACCP,SAAU,MACVG,QAAS,KACTC,MAAO,KACPG,MAAO,6DAKV,MAAMC,EAAQhB,EACb,wJACA,CACCC,SAAU,CACTY,WAAY,CACXJ,MAAO,SACPC,KAAM,MAEPF,SAAU,CACTC,MAAO,KACPC,KAAM,yBAMV,MAAMO,EAAkBjB,EACvB,CAAC,8DACD,CACCC,SAAU,CACTO,SAAU,CACTC,MAAO,KACPC,KAAM,uBAEPC,QAAS,CACRF,MAAO,KACPC,KAAM,MAEPE,MAAO,CACNH,MAAO,KACPC,KAAM,MAEPQ,OAAQ,CACPT,MAAO,KACPC,KAAM,YAGRI,iBAAkB,CACjB,CACCN,SAAU,MACVG,QAAS,MACTC,MAAO,MACPG,MAAO,uBAGR,CACCP,SAAU,MACVG,QAAS,KACTC,MAAO,MACPG,MAAO,uBAGR,CACCP,SAAU,MACVG,QAAS,MACTC,MAAO,KACPG,MAAO,qBAGR,CACCP,SAAU,MACVG,QAAS,KACTC,MAAO,KACPG,MAAO,4B,MAWEI,EAAK,M,8HAImB,Q,UAKN,O,UAK+B,O,gBAK1B,G,oIA6BK,Q,yGAyBK,K,eAKC,M,iEAeD,M,aAKD,M,sBAKS,M,sBAKA,K,iBAKZ,Q,8CAsBb,K,CAZnBC,YAKAC,e,yBASDC,UAER,gBAAAC,GACCC,KAAKC,iB,CAGN,MAAAC,GACC,MAAMC,OACLA,EAAMC,OACNA,EAAMC,cACNA,EAAaC,aACbA,EAAYC,cACZA,EAAaC,aACbA,EAAYC,aACZA,GACGT,KAAKU,eAET,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACtB,MAAM,WACXoB,EAAA,qBAAAE,IAAA,2CACCC,iBAAkBd,KAAKc,kBAAoBd,KAAKe,SAChDC,MAAOhB,KAAKgB,MACZC,OAAQjB,KAAKiB,OACb7B,MAAOY,KAAKZ,MACZ8B,SAAUlB,KAAKkB,SACfxC,QAASsB,KAAKtB,SAEb4B,GACAK,EAAA,QAAAE,IAAA,2CACCM,KAAK,QACLC,KAAK,UAINf,GACAM,EAAA,QAAAE,IAAA,2CACCM,KAAK,SACLC,KAAK,WAINb,GACAI,EAAA,QAAAE,IAAA,2CACCM,KAAK,SACLC,KAAK,WAINZ,GACAG,EAAA,QAAAE,IAAA,2CACCM,KAAK,QACLC,KAAK,UAIPT,EAAA,OAAAE,IAAA,2CACCtB,MAAOhB,EAAM,CACZa,QAASY,KAAKZ,OAAOiC,OACrBrC,SAAUgB,KAAKhB,SACfG,QAASa,KAAKb,SAAWa,KAAKe,SAC9BlC,KAAMmB,KAAKnB,KACXH,QAASsB,KAAKtB,QACdW,WAAYW,KAAKsB,OAAS,aAE3BF,KAAK,YAEHjB,GAAWH,KAAKuB,MAAQvB,KAAKwB,eAAiB,UAC/Cb,EAAA,OAAAE,IAAA,2CACCtB,MAAOE,EAAgB,CACtBL,QAASY,KAAKZ,OAAOiC,OACrBrC,SAAUgB,KAAKhB,SACfG,QAASa,KAAKb,SAAWa,KAAKe,SAC9BrB,cAAeU,IAAW,WAE3BqB,QAAS,IAAMzB,KAAK0B,eAEnB1B,KAAKuB,MAAQvB,KAAKwB,eAAiB,QACnCb,EAAA,UACCpB,MAAOoC,EAAG,OAAQ,CACjB,OAAQ3B,KAAKtB,UAAY,QAAUsB,KAAKnB,OAAS,SAElDH,QAASsB,KAAKuB,KACdK,OAAQ5B,KAAK6B,WACbC,KAAM9B,KAAK+B,WACV,GAOJ/B,KAAKgC,YAAYvB,IAEhBL,GAAWJ,KAAKuB,MAAQvB,KAAKwB,eAAiB,QAC/Cb,EAAA,OAAAE,IAAA,2CACCtB,MAAOE,EAAgB,CACtBL,QAASY,KAAKZ,OAAOiC,OACrBrC,SAAUgB,KAAKhB,SACfG,QAASa,KAAKb,SAAWa,KAAKe,SAC9BrB,cAAeU,IAAW,WAE3BqB,QAAS,IAAMzB,KAAK0B,eAEnB1B,KAAKuB,MAAQvB,KAAKwB,eAAiB,MACnCb,EAAA,UACCpB,MAAM,OACNb,QAASsB,KAAKuB,KACdK,OAAQ5B,KAAK6B,WACbC,KAAM9B,KAAK+B,WACV,K,CAaV,aAAAE,GACC,GAAIjC,KAAKhB,SAAU,CAClB,M,CAGDgB,KAAKe,SAAW,KAChBf,KAAKkC,Y,CAIN,cAAAC,GACC,GAAInC,KAAKhB,SAAU,CAClB,M,CAGDgB,KAAKe,SAAW,K,CAGT,YAAAL,GACP,MAAMH,IAAkBP,KAAKoC,IAAIC,cAAc,4BAC/C,MAAM/B,IAAiBN,KAAKoC,IAAIC,cAAc,2BAC9C,MAAMC,IAAkBtC,KAAKoC,IAAIC,cAAc,4BAC/C,MAAME,IAAkBvC,KAAKoC,IAAIC,cAAc,4BAC/C,MAAMhC,IAAkBL,KAAKoC,IAAIC,cAAc,4BAC/C,MAAM7B,IAAiBR,KAAKoC,IAAIC,cAAc,2BAC9C,MAAM5B,IAAiBT,KAAKoC,IAAIC,cAAc,2BAE9C,MAAMlC,EAASmC,EAAgB3B,EAAA,QAAMQ,KAAK,WAAcnB,KAAKG,OAC7D,MAAMC,EAASmC,EAAgB5B,EAAA,QAAMQ,KAAK,WAAcnB,KAAKI,OAE7D,MAAMoC,EACLxC,KAAKZ,cAAgBY,KAAKZ,QAAU,UAAYY,KAAKZ,QAAU,OAEhE,MAAO,CACNmB,gBACAD,eACAgC,gBACAC,gBACAlC,gBACAG,eACAC,eACAN,SACAC,SACAoC,4B,CAIM,WAAAR,CAAYvB,EAAe,OAClC,GAAIT,KAAKtB,UAAY,OAAQ,CAC5B,OACCiC,EAAA,OAAKpB,MAAM,WACTkB,EACAE,EAAA,QAAMQ,KAAK,YACNnB,KAAKyC,OAASzC,KAAKyC,MAAMpB,OAAS,EACvCrB,KAAU,U,CAQd,GAAIA,KAAKsB,OAAS,OAAQ,CACzB,OAAOX,EAAA,QAAMQ,KAAK,S,CAGnB,MAAMuB,EAAQ,CACbnD,MAAOC,EAAM,CACZR,SAAUgB,KAAKhB,SACfK,WAAYW,KAAKsB,OAAS,aAE3BmB,MAAOzC,KAAKyC,MACZE,YAAa3C,KAAK2C,YAClB3D,SAAUgB,KAAKhB,SACf4D,QAAUC,GAAc7C,KAAK8C,aAAaD,IAG3C,IAAIE,EAAa/C,KAAK+C,YAAc,GACpC,UAAWA,IAAe,SAAU,CACnCA,EAAaC,KAAKC,MAAMjD,KAAK+C,W,CAG9B,GAAI/C,KAAKsB,OAAS,WAAY,CAC7B,OACCX,EAAA,YACCuC,IAAKA,GAAOlD,KAAKmD,aAAaD,MAC1BR,KACAK,G,CAKP,OACCpC,EAAA,SACCW,KAAMtB,KAAKsB,KACX4B,IAAKA,GAAOlD,KAAKmD,aAAaD,MAC1BR,KACAK,G,CAKC,YAAAI,CAAaD,GACpBlD,KAAKF,UAAYoD,EACjBlD,KAAKH,eAAeuD,KAAKF,E,CAGlB,WAAAxB,GACP,GAAI1B,KAAKF,UAAW,CACnBE,KAAKF,UAAUuD,QACf,M,CAGD,MAAM7D,EAAQQ,KAAKoC,IAAIC,cAAc,2BACpC7C,EAAsBQ,KAAKsD,c,CAGrB,UAAApB,GACP,IAAKlC,KAAKF,YAAcE,KAAKuD,iBAAkB,CAC9C,M,CAGDvD,KAAKF,UAAU0D,Q,CAGR,YAAAV,CAAaD,GACpB,MAAMJ,EAASI,EAAGY,OAAkDhB,MACpEzC,KAAKyC,MAAQA,EACbzC,KAAKJ,YAAYwD,KAAKX,E,CAGf,eAAAxC,GACP,IAAKD,KAAK0D,UAAW,CACpB,M,CAGD,IAAK1D,KAAKF,UAAW,CACpB6D,YAAW,IAAM3D,KAAKC,mBAAmB,KACzC,M,CAGDD,KAAK0B,a,aC5jBP,MAAMkC,EAA6B,gtBACnC,MAAAC,EAAeD,E,MCqBFE,EAAc,M,yNAqC2B,M,sBAKZ9D,KAAK+D,yB,cAYb,E,CArDzBA,yBAAyC,IAChDC,EAAkBhE,KAAKiE,SAASC,U,yBA+CxBb,MAOT,iBAAAc,GACCnE,KAAKoE,a,CAGN,MAAAlE,GACC,MAAMG,cACLA,EAAaG,aACbA,EAAYS,OACZA,EAAMD,MACNA,EAAKwB,0BACLA,GACGxC,KAAKU,eAET,MAAM2D,EACL1D,EAAA,QAAAE,IAAA,2CACCM,KAAK,UACLC,KAAK,YAIP,OACCT,EAACC,EAAI,CAAAC,IAAA,2CAACtB,MAAM,qBACXoB,EAAA,OAAAE,IAAA,2CAAKtB,MAAM,iCACVoB,EAAA,OAAAE,IAAA,2CAAKtB,MAAM,wCACTyB,GACAL,EAAA,OAAAE,IAAA,2CACCtB,MAAM,0CACNkC,QAAS,IAAMzB,KAAKqD,MAAMD,QAEzBpC,KAIAhB,KAAKkB,UAAYD,GAAUZ,IAC7BM,EAAA,OAAAE,IAAA,2CAAKtB,MAAM,4BACRS,KAAKkB,UAAYlB,KAAKtB,UAAY,SACnCiC,EAAA,QAAAE,IAAA,2CAAMtB,MAAM,2CACVS,KAAKsE,qBAINrD,GAAUZ,IACXM,EAAC4D,EAAQ,CAAA1D,IAAA,4CACPR,GAAiBM,EAAA,QAAAE,IAAA,2CAAMM,KAAK,WAC5BF,GACAN,EAAA,YAAAE,IAAA,2CACCtB,MAAO,QAAQc,EAAgB,OAAS,KACxCmE,UAAU,WAETvD,MAQRN,EAAA,aAAAE,IAAA,2CACCtB,MAAOS,KAAKtB,UAAY,QAAU,SAAW,GAC7CA,QAAQ,QACR+F,QAASzE,KAAKZ,MACdsF,KAAMlC,GAA6BxC,KAAKc,iBACxC6D,gBAAiB,MACjBH,UAAWxE,KAAK4E,gBAEfpE,GACAG,EAAA,QAAAE,IAAA,2CACCM,KAAK,QACLC,KAAK,YAINiD,I,CAQE,iBAAMD,GACbpE,KAAKiE,eAAiBY,EAA0B7E,KAAKoC,I,CAG9C,YAAA1B,GACP,MAAMH,IAAkBP,KAAKoC,IAAIC,cAAc,4BAC/C,MAAM/B,IAAiBN,KAAKoC,IAAIC,cAAc,2BAC9C,MAAMhC,IAAkBL,KAAKoC,IAAIC,cAAc,4BAC/C,MAAM7B,IAAiBR,KAAKoC,IAAIC,cAAc,2BAE9C,MAAMpB,EAASV,EAAgBI,EAAA,QAAMQ,KAAK,WAAcnB,KAAKiB,OAC7D,MAAMD,EAAQV,EAAeK,EAAA,QAAMQ,KAAK,UAAanB,KAAKgB,MAE1D,MAAMwB,EACLhC,GACCR,KAAKZ,cAAgBY,KAAKZ,QAAU,UAAYY,KAAKZ,QAAU,OAEjE,MAAO,CACNmB,gBACAD,eACAD,gBACAG,eACAS,SACAD,QACAwB,4B","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as a,g as r,h as e,H as o}from"./p-45ded510.js";import{c as i}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const s="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-backdrop{z-index:490!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.animate-fade-out{animation:fadeOut .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.bg-black-teal-800\\/40{background-color:rgba(0,2,2,.4)!important}.pt-16{padding-top:4rem!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important;-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)!important;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)!important}.max-h-screen{max-height:100vh!important}.max-w-screen{max-width:100vw!important}@media (min-width:40rem){.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}@media (min-width:64rem){.desktop-xs\\:items-start{align-items:flex-start!important}.desktop-xs\\:items-stretch{align-items:stretch!important}.desktop-xs\\:p-16{padding:4rem!important}}";const n=s;const d=i(["flex","fixed left-0 top-0 z-backdrop","h-full w-full","overflow-hidden","bg-black-teal-800/40","max-h-screen max-w-screen"],{variants:{blur:{false:null,true:"backdrop-blur-sm"},closing:{false:"animate-fade-in",true:"animate-fade-out pointer-events-none"}}});const l=i(["h-full w-full overflow-y-auto overflow-x-hidden","flex","max-h-screen max-w-screen"],{variants:{variant:{modal:["pt-16 tablet:px-16 desktop-xs:p-16","items-end desktop-xs:items-stretch justify-center"],drawer:["items-start justify-end desktop-xs:items-start"]},closing:{false:null,true:"overflow-hidden"}}});const p=class{constructor(r){t(this,r);this.clicked=a(this,"clicked",3);this.variant="modal";this.applyBlur=false;this.closing=false;this.scrollLock=true;this.class=undefined}clicked;get _el(){return r(this)}componentWillLoad(){if(this.scrollLock){document.querySelector(":root").classList.add("scroll-lock")}}disconnectedCallback(){if(this.scrollLock){document.querySelector(":root").classList.remove("scroll-lock")}}componentWillUpdate(){if(!this.scrollLock){document.querySelector(":root").classList.remove("scroll-lock")}if(this.scrollLock){document.querySelector(":root").classList.add("scroll-lock")}}render(){return e(o,{key:"95ac511a34ab0b04574d8bef8b6b5730de679c09",class:d({blur:this.applyBlur,closing:this.closing})},e("div",{key:"d94b9d754981ac58f34ee3c8a8a4506640c65b22",class:l({variant:this.variant,closing:this.closing})},e("slot",{key:"8ebcf135d1ea574e29210beebeab28998b563dff"})))}handleClick(t){if(t.target!==this._el&&!this._el.contains(t.target)){return}this.clicked.emit(t)}};p.style=n;export{p as p_backdrop};
-//# sourceMappingURL=p-ef2983f6.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["backdropComponentCss","PBackdropStyle0","backdrop","cva","variants","blur","false","true","closing","contentContainer","variant","modal","drawer","Backdrop","clicked","componentWillLoad","this","scrollLock","document","querySelector","classList","add","disconnectedCallback","remove","componentWillUpdate","render","h","Host","key","class","applyBlur","handleClick","ev","target","_el","contains","emit"],"sources":["src/components/atoms/backdrop/backdrop.component.css?tag=p-backdrop","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-black-teal-800/40',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'flex',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: [\n\t\t\t\t\t'pt-16 tablet:px-16 desktop-xs:p-16',\n\t\t\t\t\t'items-end desktop-xs:items-stretch justify-center',\n\t\t\t\t],\n\t\t\t\tdrawer: ['items-start justify-end desktop-xs:items-start'],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.css',\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={backdrop({ blur: this.applyBlur, closing: this.closing })}>\n\t\t\t\t<div\n\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tclosing: this.closing,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"mappings":"4HAAA,MAAMA,EAAuB,ygEAC7B,MAAAC,EAAeD,ECWf,MAAME,EAAWC,EAChB,CACC,OACA,gCACA,gBACA,kBACA,uBACA,6BAED,CACCC,SAAU,CACTC,KAAM,CACLC,MAAO,KACPC,KAAM,oBAEPC,QAAS,CACRF,MAAO,kBACPC,KAAM,2CAMV,MAAME,EAAmBN,EACxB,CACC,kDACA,OACA,6BAED,CACCC,SAAU,CACTM,QAAS,CACRC,MAAO,CACN,qCACA,qDAEDC,OAAQ,CAAC,mDAEVJ,QAAS,CACRF,MAAO,KACPC,KAAM,sB,MAUGM,EAAQ,M,uEAIkB,Q,eAKT,M,aAKF,M,gBAKG,K,qBAa9BC,Q,yBAOA,iBAAAC,GACC,GAAIC,KAAKC,WAAY,CACpBC,SAASC,cAAc,SAASC,UAAUC,IAAI,c,EAIhD,oBAAAC,GACC,GAAIN,KAAKC,WAAY,CACpBC,SAASC,cAAc,SAASC,UAAUG,OAAO,c,EAInD,mBAAAC,GACC,IAAKR,KAAKC,WAAY,CACrBC,SAASC,cAAc,SAASC,UAAUG,OAAO,c,CAGlD,GAAIP,KAAKC,WAAY,CACpBC,SAASC,cAAc,SAASC,UAAUC,IAAI,c,EAIhD,MAAAI,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO3B,EAAS,CAAEG,KAAMW,KAAKc,UAAWtB,QAASQ,KAAKR,WAC3DkB,EAAA,OAAAE,IAAA,2CACCC,MAAOpB,EAAiB,CACvBC,QAASM,KAAKN,QACdF,QAASQ,KAAKR,WAGfkB,EAAA,QAAAE,IAAA,8C,CAOJ,WAAAG,CAAYC,GACX,GAAIA,EAAGC,SAAWjB,KAAKkB,MAAQlB,KAAKkB,IAAIC,SAASH,EAAGC,QAAiB,CACpE,M,CAGDjB,KAAKF,QAAQsB,KAAKJ,E","ignoreList":[]}