@paperless/core 1.17.5 → 1.18.0

package/dist/build/p-9c7cfd25.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownComponentCss","Dropdown","this","_loaded","componentShouldUpdate","_update","disconnectedCallback","_cleanup","render","h","Host","class","ref","_trigger","onClick","_triggerClickHandler","onSlotchange","ev","_checkButton","name","role","maxWidth","calculateWidth","applyMaxWidth","fullWidth","applyFullWidth","el","_load","placement","strategy","_containerClickHandler","scrollable","target","slot","children","assignedElements","child","nodeName","chevronPosition","chevron","chevronDirection","indexOf","onShowChange","show","_hide","_show","documentClickHandler","_menu","hasAttribute","childOf","_el","insideClick","disableTriggerClick","popover","setTimeout","style","width","clientWidth","autoUpdate","setAttribute","isOpen","emit","removeAttribute","computePosition","middleware","offset","flip","shift","then","x","y","dataset","Object","assign","top","left","dropdownMenuItemComponentCss","DropdownMenuItem","active","enableHover","icon","variant"],"sources":["src/components/molecules/dropdown/dropdown.component.scss?tag=p-dropdown&encapsulation=shadow","src/components/molecules/dropdown/dropdown.component.tsx","src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.scss?tag=p-dropdown-menu-item&encapsulation=shadow","src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.tsx"],"sourcesContent":[":host {\n    @apply relative block;\n\n    .trigger {\n        @apply relative block h-auto w-auto;\n    }\n\n    p-dropdown-menu-container {\n        @apply left-0 top-0 z-dropdown hidden;\n\n        &[data-show] {\n            @apply flex;\n        }\n\n        &[data-strategy='absolute'] {\n            @apply absolute;\n        }\n\n        &[data-strategy='fixed'] {\n            @apply fixed;\n        }\n    }\n}\n","import {\n    autoUpdate,\n    computePosition,\n    flip,\n    offset,\n    Placement,\n    shift,\n    Strategy,\n} from '@floating-ui/dom';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils/child-of';\n\n@Component({\n    tag: 'p-dropdown',\n    styleUrl: 'dropdown.component.scss',\n    shadow: true,\n})\nexport class Dropdown {\n    /**\n     * The content of the dropdown menu\n     */\n    @Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n    /**\n     * The strategy of the popover placement\n     */\n    @Prop() strategy: Strategy = 'absolute';\n\n    /**\n     * Wether to show the dropdown menu\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to automatically calculate the width of the menu based on the trigger\n     */\n    @Prop() calculateWidth: boolean = false;\n\n    /**\n     * Wether to apply the max width\n     */\n    @Prop() applyMaxWidth: boolean = true;\n\n    /**\n     * Wether to apply the full width\n     */\n    @Prop() applyFullWidth: boolean = true;\n\n    /**\n     * Wether the dropdown container should be scrollable when the threshold is met.\n     */\n    @Prop() scrollable: boolean = false;\n\n    /**\n     * Wether to automatically close the dropdown menu after clicking inside\n     */\n    @Prop() insideClick: boolean = false;\n\n    /**\n     * Wether to automatically close the dropdown menu after clicking inside\n     */\n    @Prop() disableTriggerClick: boolean = false;\n\n    /**\n     * Chevron position\n     */\n    @Prop() chevronPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Chevron direction\n     */\n    @Prop() chevronDirection: 'up' | 'down';\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    /**\n     * Open change event\n     */\n    @Event({\n        bubbles: false,\n    })\n    isOpen: EventEmitter<boolean>;\n\n    private _loaded = false;\n    private _trigger: HTMLElement;\n    private _menu: HTMLElement;\n    private _cleanup: () => void;\n\n    componentShouldUpdate() {\n        this._update();\n    }\n\n    disconnectedCallback() {\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-dropdown\">\n                <div\n                    class=\"trigger\"\n                    ref={(ref) => (this._trigger = ref)}\n                    onClick={() => this._triggerClickHandler()}\n                >\n                    <slot\n                        onSlotchange={(ev) => this._checkButton(ev)}\n                        name=\"trigger\"\n                    />\n                </div>\n                <p-dropdown-menu-container\n                    role=\"popover\"\n                    maxWidth={!this.calculateWidth && this.applyMaxWidth}\n                    fullWidth={this.applyFullWidth && !this.applyMaxWidth}\n                    ref={(el) => this._load(el)}\n                    data-placement={this.placement}\n                    data-strategy={this.strategy}\n                    onClick={() => this._containerClickHandler()}\n                    scrollable={this.scrollable}\n                >\n                    <slot name=\"items\" />\n                </p-dropdown-menu-container>\n            </Host>\n        );\n    }\n\n    private _checkButton({ target }: Event) {\n        const slot = target as HTMLSlotElement;\n        const children = slot.assignedElements();\n\n        for (let child of children) {\n            if (child.nodeName === 'P-BUTTON') {\n                (child as any).chevronPosition = this.chevronPosition;\n                (child as any).chevron = this.chevronDirection\n                    ? this.chevronDirection\n                    : this.placement.indexOf('top') >= 0\n                    ? 'up'\n                    : 'down';\n            }\n        }\n    }\n\n    @Watch('show')\n    protected onShowChange(show) {\n        if (!this._loaded) {\n            return;\n        }\n\n        if (!show) {\n            this._hide();\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler({ target }) {\n        if (\n            !this._menu.hasAttribute('data-show') ||\n            childOf(target, this._el)\n        ) {\n            return;\n        }\n\n        this._hide();\n    }\n\n    private _containerClickHandler() {\n        if (this.insideClick) {\n            return;\n        }\n\n        if (this._menu.hasAttribute('data-show')) {\n            this._hide();\n        }\n    }\n\n    private _triggerClickHandler() {\n        if (this.disableTriggerClick) {\n            return;\n        }\n\n        if (this._menu.hasAttribute('data-show')) {\n            this._hide();\n            return;\n        }\n\n        this._show();\n    }\n\n    private _load(popover: HTMLElement) {\n        this._menu = popover;\n        if (popover) {\n            this._update();\n            this._loaded = true;\n\n            if (this.show) {\n                setTimeout(() => this._show(), 100);\n            }\n        }\n    }\n\n    private _show() {\n        if (!this._loaded) {\n            return;\n        }\n\n        // Make the popover visible\n        if (this.calculateWidth) {\n            this._menu.style.width = `${this._trigger.clientWidth}px`;\n        }\n\n        this._cleanup = autoUpdate(this._el, this._menu, () => this._update());\n\n        this._menu.setAttribute('data-show', '');\n        this.isOpen.emit(true);\n    }\n\n    private _hide() {\n        if (!this._loaded || this.show) {\n            return;\n        }\n\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n\n        // Hide the popover\n        this._menu.removeAttribute('data-show');\n        this.isOpen.emit(false);\n    }\n\n    private _update() {\n        if (!this._menu) {\n            return;\n        }\n\n        computePosition(this._el, this._menu, {\n            placement: this.placement,\n            strategy: this.strategy,\n            middleware: [offset(8), flip(), shift()],\n        }).then(({ x, y, placement }) => {\n            this._menu.dataset.placement = placement;\n            Object.assign(this._menu.style, {\n                top: `${y}px`,\n                left: `${x}px`,\n            });\n        });\n    }\n}\n",":host {\n    @apply flex h-8 w-full items-center gap-2 rounded px-2;\n    @apply text-sm font-semibold text-storm;\n    @apply cursor-pointer;\n\n    .text-container {\n        @apply block w-full overflow-hidden text-ellipsis whitespace-nowrap;\n    }\n}\n\n:host(.hover:hover) {\n    @apply bg-indigo-light text-storm;\n}\n\n:host(.active) {\n    @apply bg-indigo-light text-indigo;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-dropdown-menu-item',\n    styleUrl: 'dropdown-menu-item.component.scss',\n    shadow: true,\n})\nexport class DropdownMenuItem {\n    /**\n     * Wether the dropdown menu item is active\n     */\n    @Prop() active: boolean = false;\n\n    /**\n     * Wether to enable the hover state\n     */\n    @Prop() enableHover: boolean = true;\n\n    /**\n     * Icon of the navigation item\n     */\n    @Prop() icon: IconVariant;\n\n    render() {\n        return (\n            <Host\n                class={`p-dropdown-menu-item ${this.active && 'active'} ${\n                    this.enableHover && 'hover'\n                }`}\n            >\n                {this.icon && <p-icon variant={this.icon} />}\n\n                <div class=\"text-container\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n}\n"],"mappings":"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"}

package/dist/paperless/p-573648d0.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as h}from"./p-e4d5e7a7.js";import{c as r}from"./p-4d330cfc.js";const n=".flex{display:flex!important}.w-full{width:100%!important}*{box-sizing:border-box}p-select{display:flex;flex-direction:column;width:100%}p-select input.read-only{text-overflow:ellipsis}.static{position:static!important}.h-6{height:1.5rem!important}.cursor-pointer{cursor:pointer!important}.rounded{border-radius:.25rem!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";const o=class{constructor(s){t(this,s);this.queryChange=i(this,"queryChange",3);this.valueChange=i(this,"valueChange",3);this.dropdownShown=i(this,"dropdownShown",3);this.items=undefined;this.icon=undefined;this.query=undefined;this.placeholder=undefined;this.autocompletePlaceholder=undefined;this.value=undefined;this.displayKey="text";this.valueKey=undefined;this.identifierKey=undefined;this.queryKey=undefined;this.autoSelectFirst=true;this.showChevron=true;this.maxDisplayedItems=10;this.enableAutocomplete=true;this.keepQuery=true;this.asyncFilter=false;this.loading=false;this.size="medium";this.prefix=undefined;this.label=undefined;this.helper=undefined;this.required=undefined;this.error=undefined;this.disabled=false;this._showDropdown=false;this._selectedItem=null;this._isAutoCompleting=false}get _items(){var t,i;if(!this.items||this.loading){return[]}let s=typeof this.items==="string"?JSON.parse(this.items):this.items;if(typeof(s===null||s===void 0?void 0:s[0])==="string"){this.displayKey="text";this.valueKey="value";s=s.map((t=>({value:t,text:t})))}if(this._isAutoCompleting&&((t=this.query)===null||t===void 0?void 0:t.length)&&this.query!==((i=this._selectedItem)===null||i===void 0?void 0:i[this.displayKey])&&!this.asyncFilter){s=s.filter((t=>{if(this.queryKey){return this._checkvalue(this.queryKey,t)}return this._checkvalue(this._identifierKey,t)||this._checkvalue(this.displayKey,t)}))}return s===null||s===void 0?void 0:s.slice(0,this.maxDisplayedItems)}get _displayValue(){var t;if(this._isAutoCompleting){return this.query}return(t=this._selectedItem)===null||t===void 0?void 0:t[this.displayKey]}get _placeholder(){var t;return this._isAutoCompleting&&((t=this.autocompletePlaceholder)===null||t===void 0?void 0:t.length)?this.autocompletePlaceholder:this.placeholder}get _identifierKey(){var t,i;return(i=(t=this.identifierKey)!==null&&t!==void 0?t:this.valueKey)!==null&&i!==void 0?i:"value"}componentDidLoad(){if(!this.valueKey&&!this.identifierKey){throw new Error("You must provide a valueKey or identifierKey")}if(this.value){this._valueChange();return}this.itemChanges()}render(){return s(e,{class:"p-select"},this._showDropdown&&(!!this._items.length||this.loading),this._isAutoCompleting,s("p-dropdown",{disableTriggerClick:true,calculateWidth:true,insideClick:true,scrollable:true,show:this._showDropdown&&(!!this._items.length||this.loading)},s("p-input-group",{slot:"trigger",icon:this.icon,size:this.size,prefix:this.prefix,label:this.label,helper:this.helper,required:this.required,error:this.error,disabled:this.disabled,focused:this._showDropdown,focusMethod:this.enableAutocomplete?"focus":"click"},s("input",{slot:"input",type:"text",placeholder:this._placeholder,value:this._displayValue,class:`p-input cursor-pointer ${!this._isAutoCompleting&&"read-only"}`,onFocus:t=>this._onFocus(t),onMouseDown:t=>this._onMouseDown(t),onClick:()=>this._onClick(),onInput:t=>this._onChange(t)}),this.showChevron&&s("p-icon",{variant:"chevron",slot:"suffix"})),s("div",{slot:"items"},this.loading?this._getLoadingItems():this._getItems())))}documentClickHandler({target:t}){if(!this._showDropdown||r(t,this._el)){return}this._showDropdown=false;this._isAutoCompleting=false}_valueChange(){this._preselectItem()}itemChanges(){this._preselectItem()}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}_preselectItem(){var t,i,s;if(this._isAutoCompleting&&((t=this.query)===null||t===void 0?void 0:t.length)){return}let e=this.value;if(!this._selectedItem&&!e&&this.autoSelectFirst){e=this._items[0]}const h=typeof e==="object"&&e!==null?e[this._identifierKey]:e;const r=typeof h==="string"||typeof h==="number"?h:JSON.stringify(h);const n=this._selectedItem?(i=this._selectedItem)===null||i===void 0?void 0:i[this._identifierKey]:null;const o=typeof n==="string"||typeof n==="number"?n:JSON.stringify(n);if(this._selectedItem&&o===r){return}if(!((s=this._items)===null||s===void 0?void 0:s.length)&&e){this._selectValue(e);return}const l=this._items.find((t=>{const i=t===null||t===void 0?void 0:t[this._identifierKey];const s=typeof i==="string"||typeof i==="number"?i:JSON.stringify(i);return s===r}));this._selectValue(!!l?l:e)}_selectValue(t){this._selectedItem=t;const i=!!this.valueKey&&this.valueKey!=="false"&&t!==null?t===null||t===void 0?void 0:t[this.valueKey]:t;this.query=this.keepQuery?t===null||t===void 0?void 0:t[this.displayKey]:null;this.value=i;this.valueChange.emit(i);this._onBlur(true)}_onFocus(t){if(!this.enableAutocomplete){t.preventDefault();t.stopPropogation();if(!this._showDropdown){this._showDropdown=true}return}this._showDropdown=true;this._isAutoCompleting=true}_onMouseDown(t){if(this.enableAutocomplete){return}t.preventDefault()}_onClick(){if(this.enableAutocomplete){return}this._showDropdown=!this._showDropdown}_onBlur(t=false){if(!this.enableAutocomplete&&!t){return}this._isAutoCompleting=false;this._showDropdown=false}_onChange(t){if(!this.enableAutocomplete){return}if(!this._isAutoCompleting){this._isAutoCompleting=true;this._showDropdown=true}this.query=t.target.value;this.queryChange.emit(t.target.value)}_checkvalue(t,i){var s,e,h;return((e=(s=i===null||i===void 0?void 0:i[t])===null||s===void 0?void 0:s.toString())===null||e===void 0?void 0:e.toLowerCase().indexOf((h=this.query)===null||h===void 0?void 0:h.toLowerCase()))>=0}_getItems(){return this._items.map((t=>{var i;return s("p-dropdown-menu-item",{onClick:()=>this._selectValue(t),active:t[this._identifierKey]===((i=this._selectedItem)===null||i===void 0?void 0:i[this._identifierKey])},t[this.displayKey])}))}_getLoadingItems(){return[0,0,0].map((()=>s("p-dropdown-menu-item",{enableHover:false},s("p-loader",{variant:"ghost",class:"h-6 w-full rounded"}))))}get _el(){return h(this)}static get watchers(){return{value:["_valueChange"],items:["itemChanges"],_showDropdown:["_showDropdownChanges"]}}};o.style=n;export{o as p_select};
-//# sourceMappingURL=p-573648d0.entry.js.map

package/dist/paperless/p-573648d0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["selectComponentCss","Select","_items","this","items","loading","JSON","parse","displayKey","valueKey","map","str","value","text","_isAutoCompleting","_a","query","length","_b","_selectedItem","asyncFilter","filter","item","queryKey","_checkvalue","_identifierKey","slice","maxDisplayedItems","_displayValue","_placeholder","autocompletePlaceholder","placeholder","identifierKey","componentDidLoad","Error","_valueChange","itemChanges","render","h","Host","class","_showDropdown","disableTriggerClick","calculateWidth","insideClick","scrollable","show","slot","icon","size","prefix","label","helper","required","error","disabled","focused","focusMethod","enableAutocomplete","type","onFocus","ev","_onFocus","onMouseDown","_onMouseDown","onClick","_onClick","onInput","_onChange","showChevron","variant","_getLoadingItems","_getItems","documentClickHandler","target","childOf","_el","_preselectItem","_showDropdownChanges","dropdownShown","emit","autoSelectFirst","identifier","parsedValue","stringify","currentValue","currentParsedValue","_c","_selectValue","find","i","itemIdentifier","parsedItemIdentifier","keepQuery","valueChange","_onBlur","preventDefault","stopPropogation","force","queryChange","key","toString","toLowerCase","indexOf","active","enableHover"],"sources":["src/components/molecules/select/select.component.scss?tag=p-select","src/components/molecules/select/select.component.tsx"],"sourcesContent":["p-select {\n    @apply flex w-full flex-col;\n\n    input.read-only {\n        @apply text-ellipsis;\n    }\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n    tag: 'p-select',\n    styleUrl: 'select.component.scss',\n    shadow: false,\n})\nexport class Select {\n    /**\n     * The items to show in the dropdown\n     */\n    @Prop() items: string | any[];\n\n    /**\n     * Icon of the select box\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * The current query\n     */\n    @Prop() query: string;\n\n    /**\n     * The placeholder of the input\n     */\n    @Prop() placeholder: string;\n\n    /**\n     * The placeholder of the input when auto completing\n     */\n    @Prop() autocompletePlaceholder: string;\n\n    /**\n     * The current value\n     */\n    @Prop() value: any;\n\n    /**\n     * The key of the object to display\n     */\n    @Prop() displayKey: string = 'text';\n\n    /**\n     * The key of the object to return\n     */\n    @Prop() valueKey: string;\n\n    /**\n     * The key to identify an object\n     */\n    @Prop() identifierKey: string;\n\n    /**\n     * The key of the object to display\n     */\n    @Prop() queryKey?: string;\n\n    /**\n     * Wether to automatically select the first item\n     */\n    @Prop() autoSelectFirst: boolean = true;\n\n    /**\n     * Wether to show the chevron or not\n     */\n    @Prop() showChevron: boolean = true;\n\n    /**\n     * The maximum amount of items to display\n     */\n    @Prop() maxDisplayedItems: number = 10;\n\n    /**\n     * Wether to enable autocomplete\n     */\n    @Prop() enableAutocomplete: boolean = true;\n\n    /**\n     * Wether to keep the query or not\n     */\n    @Prop() keepQuery: boolean = true;\n\n    /**\n     * Wether the input uses async filtering\n     */\n    @Prop() asyncFilter: boolean = false;\n\n    /**\n     * Wether to show loading items\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Event when the query of the autocomplete changes\n     */\n    @Event({\n        bubbles: false,\n    })\n    queryChange: EventEmitter<string>;\n\n    /**\n     * Event when the value changes\n     */\n    @Event({\n        bubbles: false,\n    })\n    valueChange: EventEmitter<any>;\n\n    /**\n     * Event when the dropdown shows\n     */\n    @Event({\n        bubbles: false,\n    })\n    dropdownShown: EventEmitter<any>;\n\n    /**\n     * The size of the input group used by the select\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * The prefix of the input group used by the select\n     */\n    @Prop() prefix: string;\n\n    /**\n     * The label of the input group used by the select\n     */\n    @Prop() label: string;\n\n    /**\n     * The helper of the input group used by the select\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 used by the select\n     */\n    @Prop({ reflect: true }) error: string;\n\n    /**\n     * Wether the input group is disabled used by the select\n     */\n    @Prop({ reflect: true }) disabled: boolean = false;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _showDropdown: any = false;\n    @State() private _selectedItem: any = null;\n\n    @State() private _isAutoCompleting: boolean = false;\n\n    get _items() {\n        if (!this.items || this.loading) {\n            return [];\n        }\n\n        let items =\n            typeof this.items === 'string'\n                ? JSON.parse(this.items)\n                : this.items;\n\n        if (typeof items?.[0] === 'string') {\n            this.displayKey = 'text';\n            this.valueKey = 'value';\n\n            items = items.map((str) => ({\n                value: str,\n                text: str,\n            }));\n        }\n\n        if (\n            this._isAutoCompleting &&\n            this.query?.length &&\n            this.query !== this._selectedItem?.[this.displayKey] &&\n            !this.asyncFilter\n        ) {\n            items = items.filter((item) => {\n                if (this.queryKey) {\n                    return this._checkvalue(this.queryKey, item);\n                }\n\n                return (\n                    this._checkvalue(this._identifierKey, item) ||\n                    this._checkvalue(this.displayKey, item)\n                );\n            });\n        }\n\n        return items?.slice(0, this.maxDisplayedItems);\n    }\n\n    get _displayValue() {\n        if (this._isAutoCompleting) {\n            return this.query;\n        }\n\n        return this._selectedItem?.[this.displayKey];\n    }\n\n    get _placeholder() {\n        return this._isAutoCompleting && this.autocompletePlaceholder?.length\n            ? this.autocompletePlaceholder\n            : this.placeholder;\n    }\n\n    get _identifierKey() {\n        return this.identifierKey ?? this.valueKey ?? 'value';\n    }\n\n    componentDidLoad() {\n        if (!this.valueKey && !this.identifierKey) {\n            throw new Error('You must provide a valueKey or identifierKey');\n        }\n\n        if (this.value) {\n            this._valueChange();\n            return;\n        }\n\n        this.itemChanges();\n    }\n\n    render() {\n        return (\n            <Host class=\"p-select\">\n                {this._showDropdown && (!!this._items.length || this.loading)}\n                {this._isAutoCompleting}\n                <p-dropdown\n                    disableTriggerClick={true}\n                    calculateWidth={true}\n                    insideClick={true}\n                    scrollable={true}\n                    show={\n                        this._showDropdown &&\n                        (!!this._items.length || this.loading)\n                    }\n                >\n                    <p-input-group\n                        slot=\"trigger\"\n                        icon={this.icon}\n                        size={this.size}\n                        prefix={this.prefix}\n                        label={this.label}\n                        helper={this.helper}\n                        required={this.required}\n                        error={this.error}\n                        disabled={this.disabled}\n                        focused={this._showDropdown}\n                        focusMethod={\n                            this.enableAutocomplete ? 'focus' : 'click'\n                        }\n                    >\n                        <input\n                            slot=\"input\"\n                            type=\"text\"\n                            placeholder={this._placeholder}\n                            value={this._displayValue}\n                            class={`p-input cursor-pointer ${\n                                !this._isAutoCompleting && 'read-only'\n                            }`}\n                            onFocus={(ev) => this._onFocus(ev)}\n                            onMouseDown={(ev) => this._onMouseDown(ev)}\n                            onClick={() => this._onClick()}\n                            onInput={(ev) => this._onChange(ev)}\n                        />\n\n                        {this.showChevron && (\n                            <p-icon variant=\"chevron\" slot=\"suffix\" />\n                        )}\n                    </p-input-group>\n                    <div slot=\"items\">\n                        {this.loading\n                            ? this._getLoadingItems()\n                            : this._getItems()}\n                    </div>\n                </p-dropdown>\n            </Host>\n        );\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler({ target }) {\n        if (!this._showDropdown || childOf(target, this._el)) {\n            return;\n        }\n\n        this._showDropdown = false;\n        this._isAutoCompleting = false;\n    }\n\n    @Watch('value')\n    private _valueChange() {\n        this._preselectItem();\n    }\n\n    @Watch('items')\n    public itemChanges() {\n        this._preselectItem();\n    }\n\n    @Watch('_showDropdown')\n    public _showDropdownChanges() {\n        this.dropdownShown.emit({\n            value: this._showDropdown,\n            query: this.query,\n        });\n    }\n\n    private _preselectItem() {\n        if (this._isAutoCompleting && this.query?.length) {\n            return;\n        }\n\n        let value = this.value;\n\n        if (!this._selectedItem && !value && this.autoSelectFirst) {\n            value = this._items[0];\n        }\n\n        // if (!value) {\n        //     this._selectValue(null);\n        //     return;\n        // }\n\n        const identifier =\n            typeof value === 'object' && value !== null\n                ? value[this._identifierKey]\n                : value;\n        const parsedValue =\n            typeof identifier === 'string' || typeof identifier === 'number'\n                ? identifier\n                : JSON.stringify(identifier);\n\n        const currentValue = this._selectedItem\n            ? this._selectedItem?.[this._identifierKey]\n            : null;\n        const currentParsedValue =\n            typeof currentValue === 'string' || typeof currentValue === 'number'\n                ? currentValue\n                : JSON.stringify(currentValue);\n\n        if (this._selectedItem && currentParsedValue === parsedValue) {\n            return;\n        }\n\n        if (!this._items?.length && value) {\n            this._selectValue(value);\n            return;\n        }\n\n        const item = this._items.find((i) => {\n            const itemIdentifier = i?.[this._identifierKey];\n            const parsedItemIdentifier =\n                typeof itemIdentifier === 'string' ||\n                typeof itemIdentifier === 'number'\n                    ? itemIdentifier\n                    : JSON.stringify(itemIdentifier);\n\n            return parsedItemIdentifier === parsedValue;\n        });\n\n        this._selectValue(!!item ? item : value);\n    }\n\n    private _selectValue(item) {\n        this._selectedItem = item;\n        const value =\n            !!this.valueKey && this.valueKey !== 'false' && item !== null\n                ? item?.[this.valueKey]\n                : item;\n\n        this.query = this.keepQuery ? item?.[this.displayKey] : null;\n        this.value = value;\n        this.valueChange.emit(value);\n\n        this._onBlur(true);\n    }\n\n    private _onFocus(ev) {\n        if (!this.enableAutocomplete) {\n            ev.preventDefault();\n            ev.stopPropogation();\n\n            if (!this._showDropdown) {\n                this._showDropdown = true;\n            }\n            return;\n        }\n\n        this._showDropdown = true;\n        this._isAutoCompleting = true;\n    }\n\n    private _onMouseDown(ev) {\n        if (this.enableAutocomplete) {\n            return;\n        }\n\n        ev.preventDefault();\n    }\n\n    private _onClick() {\n        if (this.enableAutocomplete) {\n            return;\n        }\n\n        this._showDropdown = !this._showDropdown;\n    }\n\n    private _onBlur(force = false) {\n        if (!this.enableAutocomplete && !force) {\n            return;\n        }\n\n        this._isAutoCompleting = false;\n        this._showDropdown = false;\n    }\n\n    private _onChange(ev) {\n        if (!this.enableAutocomplete) {\n            return;\n        }\n\n        if (!this._isAutoCompleting) {\n            this._isAutoCompleting = true;\n            this._showDropdown = true;\n        }\n\n        this.query = ev.target.value;\n        this.queryChange.emit(ev.target.value);\n    }\n\n    private _checkvalue(key, item) {\n        return (\n            item?.[key]\n                ?.toString()\n                ?.toLowerCase()\n                .indexOf(this.query?.toLowerCase()) >= 0\n        );\n    }\n\n    private _getItems() {\n        return this._items.map((item) => (\n            <p-dropdown-menu-item\n                onClick={() => this._selectValue(item)}\n                active={\n                    item[this._identifierKey] ===\n                    this._selectedItem?.[this._identifierKey]\n                }\n            >\n                {item[this.displayKey]}\n            </p-dropdown-menu-item>\n        ));\n    }\n\n    private _getLoadingItems() {\n        return [0, 0, 0].map(() => (\n            <p-dropdown-menu-item enableHover={false}>\n                <p-loader variant=\"ghost\" class=\"h-6 w-full rounded\" />\n            </p-dropdown-menu-item>\n        ));\n    }\n}\n"],"mappings":"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"}

package/dist/paperless/p-9c7cfd25.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as o,H as s,g as e}from"./p-e4d5e7a7.js";import{a as r,c as a,o as n,f as h,s as p}from"./p-fef32402.js";import{c as l}from"./p-4d330cfc.js";const d=".fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-dropdown{z-index:200!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-auto{height:auto!important}*{box-sizing:border-box}:host{display:block;position:relative}:host .trigger{display:block;height:auto;position:relative;width:auto}:host p-dropdown-menu-container{display:none;left:0;top:0;z-index:200}:host p-dropdown-menu-container[data-show]{display:flex}:host p-dropdown-menu-container[data-strategy=absolute]{position:absolute}:host p-dropdown-menu-container[data-strategy=fixed]{position:fixed}.visible{visibility:visible!important}.static{position:static!important}";const c=class{constructor(o){t(this,o);this.isOpen=i(this,"isOpen",3);this._loaded=false;this.placement="bottom-start";this.strategy="absolute";this.show=false;this.calculateWidth=false;this.applyMaxWidth=true;this.applyFullWidth=true;this.scrollable=false;this.insideClick=false;this.disableTriggerClick=false;this.chevronPosition="end";this.chevronDirection=undefined}componentShouldUpdate(){this._update()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}}render(){return o(s,{class:"p-dropdown"},o("div",{class:"trigger",ref:t=>this._trigger=t,onClick:()=>this._triggerClickHandler()},o("slot",{onSlotchange:t=>this._checkButton(t),name:"trigger"})),o("p-dropdown-menu-container",{role:"popover",maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,ref:t=>this._load(t),"data-placement":this.placement,"data-strategy":this.strategy,onClick:()=>this._containerClickHandler(),scrollable:this.scrollable},o("slot",{name:"items"})))}_checkButton({target:t}){const i=t;const o=i.assignedElements();for(let t of o){if(t.nodeName==="P-BUTTON"){t.chevronPosition=this.chevronPosition;t.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?"up":"down"}}}onShowChange(t){if(!this._loaded){return}if(!t){this._hide();return}this._show()}documentClickHandler({target:t}){if(!this._menu.hasAttribute("data-show")||l(t,this._el)){return}this._hide()}_containerClickHandler(){if(this.insideClick){return}if(this._menu.hasAttribute("data-show")){this._hide()}}_triggerClickHandler(){if(this.disableTriggerClick){return}if(this._menu.hasAttribute("data-show")){this._hide();return}this._show()}_load(t){this._menu=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_show(){if(!this._loaded){return}if(this.calculateWidth){this._menu.style.width=`${this._trigger.clientWidth}px`}this._cleanup=r(this._el,this._menu,(()=>this._update()));this._menu.setAttribute("data-show","");this.isOpen.emit(true)}_hide(){if(!this._loaded||this.show){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.removeAttribute("data-show");this.isOpen.emit(false)}_update(){if(!this._menu){return}a(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[n(8),h(),p()]}).then((({x:t,y:i,placement:o})=>{this._menu.dataset.placement=o;Object.assign(this._menu.style,{top:`${i}px`,left:`${t}px`})}))}get _el(){return e(this)}static get watchers(){return{show:["onShowChange"]}}};c.style=d;const m=".block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:2rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;width:100%}:host .text-container{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}:host(.hover:hover){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(81 83 107/var(--tw-text-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";const f=class{constructor(i){t(this,i);this.active=false;this.enableHover=true;this.icon=undefined}render(){return o(s,{class:`p-dropdown-menu-item ${this.active&&"active"} ${this.enableHover&&"hover"}`},this.icon&&o("p-icon",{variant:this.icon}),o("div",{class:"text-container"},o("slot",null)))}};f.style=m;export{c as p_dropdown,f as p_dropdown_menu_item};
-//# sourceMappingURL=p-9c7cfd25.entry.js.map

package/dist/paperless/p-9c7cfd25.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownComponentCss","Dropdown","this","_loaded","componentShouldUpdate","_update","disconnectedCallback","_cleanup","render","h","Host","class","ref","_trigger","onClick","_triggerClickHandler","onSlotchange","ev","_checkButton","name","role","maxWidth","calculateWidth","applyMaxWidth","fullWidth","applyFullWidth","el","_load","placement","strategy","_containerClickHandler","scrollable","target","slot","children","assignedElements","child","nodeName","chevronPosition","chevron","chevronDirection","indexOf","onShowChange","show","_hide","_show","documentClickHandler","_menu","hasAttribute","childOf","_el","insideClick","disableTriggerClick","popover","setTimeout","style","width","clientWidth","autoUpdate","setAttribute","isOpen","emit","removeAttribute","computePosition","middleware","offset","flip","shift","then","x","y","dataset","Object","assign","top","left","dropdownMenuItemComponentCss","DropdownMenuItem","active","enableHover","icon","variant"],"sources":["src/components/molecules/dropdown/dropdown.component.scss?tag=p-dropdown&encapsulation=shadow","src/components/molecules/dropdown/dropdown.component.tsx","src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.scss?tag=p-dropdown-menu-item&encapsulation=shadow","src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.tsx"],"sourcesContent":[":host {\n    @apply relative block;\n\n    .trigger {\n        @apply relative block h-auto w-auto;\n    }\n\n    p-dropdown-menu-container {\n        @apply left-0 top-0 z-dropdown hidden;\n\n        &[data-show] {\n            @apply flex;\n        }\n\n        &[data-strategy='absolute'] {\n            @apply absolute;\n        }\n\n        &[data-strategy='fixed'] {\n            @apply fixed;\n        }\n    }\n}\n","import {\n    autoUpdate,\n    computePosition,\n    flip,\n    offset,\n    Placement,\n    shift,\n    Strategy,\n} from '@floating-ui/dom';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils/child-of';\n\n@Component({\n    tag: 'p-dropdown',\n    styleUrl: 'dropdown.component.scss',\n    shadow: true,\n})\nexport class Dropdown {\n    /**\n     * The content of the dropdown menu\n     */\n    @Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n    /**\n     * The strategy of the popover placement\n     */\n    @Prop() strategy: Strategy = 'absolute';\n\n    /**\n     * Wether to show the dropdown menu\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to automatically calculate the width of the menu based on the trigger\n     */\n    @Prop() calculateWidth: boolean = false;\n\n    /**\n     * Wether to apply the max width\n     */\n    @Prop() applyMaxWidth: boolean = true;\n\n    /**\n     * Wether to apply the full width\n     */\n    @Prop() applyFullWidth: boolean = true;\n\n    /**\n     * Wether the dropdown container should be scrollable when the threshold is met.\n     */\n    @Prop() scrollable: boolean = false;\n\n    /**\n     * Wether to automatically close the dropdown menu after clicking inside\n     */\n    @Prop() insideClick: boolean = false;\n\n    /**\n     * Wether to automatically close the dropdown menu after clicking inside\n     */\n    @Prop() disableTriggerClick: boolean = false;\n\n    /**\n     * Chevron position\n     */\n    @Prop() chevronPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Chevron direction\n     */\n    @Prop() chevronDirection: 'up' | 'down';\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    /**\n     * Open change event\n     */\n    @Event({\n        bubbles: false,\n    })\n    isOpen: EventEmitter<boolean>;\n\n    private _loaded = false;\n    private _trigger: HTMLElement;\n    private _menu: HTMLElement;\n    private _cleanup: () => void;\n\n    componentShouldUpdate() {\n        this._update();\n    }\n\n    disconnectedCallback() {\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-dropdown\">\n                <div\n                    class=\"trigger\"\n                    ref={(ref) => (this._trigger = ref)}\n                    onClick={() => this._triggerClickHandler()}\n                >\n                    <slot\n                        onSlotchange={(ev) => this._checkButton(ev)}\n                        name=\"trigger\"\n                    />\n                </div>\n                <p-dropdown-menu-container\n                    role=\"popover\"\n                    maxWidth={!this.calculateWidth && this.applyMaxWidth}\n                    fullWidth={this.applyFullWidth && !this.applyMaxWidth}\n                    ref={(el) => this._load(el)}\n                    data-placement={this.placement}\n                    data-strategy={this.strategy}\n                    onClick={() => this._containerClickHandler()}\n                    scrollable={this.scrollable}\n                >\n                    <slot name=\"items\" />\n                </p-dropdown-menu-container>\n            </Host>\n        );\n    }\n\n    private _checkButton({ target }: Event) {\n        const slot = target as HTMLSlotElement;\n        const children = slot.assignedElements();\n\n        for (let child of children) {\n            if (child.nodeName === 'P-BUTTON') {\n                (child as any).chevronPosition = this.chevronPosition;\n                (child as any).chevron = this.chevronDirection\n                    ? this.chevronDirection\n                    : this.placement.indexOf('top') >= 0\n                    ? 'up'\n                    : 'down';\n            }\n        }\n    }\n\n    @Watch('show')\n    protected onShowChange(show) {\n        if (!this._loaded) {\n            return;\n        }\n\n        if (!show) {\n            this._hide();\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler({ target }) {\n        if (\n            !this._menu.hasAttribute('data-show') ||\n            childOf(target, this._el)\n        ) {\n            return;\n        }\n\n        this._hide();\n    }\n\n    private _containerClickHandler() {\n        if (this.insideClick) {\n            return;\n        }\n\n        if (this._menu.hasAttribute('data-show')) {\n            this._hide();\n        }\n    }\n\n    private _triggerClickHandler() {\n        if (this.disableTriggerClick) {\n            return;\n        }\n\n        if (this._menu.hasAttribute('data-show')) {\n            this._hide();\n            return;\n        }\n\n        this._show();\n    }\n\n    private _load(popover: HTMLElement) {\n        this._menu = popover;\n        if (popover) {\n            this._update();\n            this._loaded = true;\n\n            if (this.show) {\n                setTimeout(() => this._show(), 100);\n            }\n        }\n    }\n\n    private _show() {\n        if (!this._loaded) {\n            return;\n        }\n\n        // Make the popover visible\n        if (this.calculateWidth) {\n            this._menu.style.width = `${this._trigger.clientWidth}px`;\n        }\n\n        this._cleanup = autoUpdate(this._el, this._menu, () => this._update());\n\n        this._menu.setAttribute('data-show', '');\n        this.isOpen.emit(true);\n    }\n\n    private _hide() {\n        if (!this._loaded || this.show) {\n            return;\n        }\n\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n\n        // Hide the popover\n        this._menu.removeAttribute('data-show');\n        this.isOpen.emit(false);\n    }\n\n    private _update() {\n        if (!this._menu) {\n            return;\n        }\n\n        computePosition(this._el, this._menu, {\n            placement: this.placement,\n            strategy: this.strategy,\n            middleware: [offset(8), flip(), shift()],\n        }).then(({ x, y, placement }) => {\n            this._menu.dataset.placement = placement;\n            Object.assign(this._menu.style, {\n                top: `${y}px`,\n                left: `${x}px`,\n            });\n        });\n    }\n}\n",":host {\n    @apply flex h-8 w-full items-center gap-2 rounded px-2;\n    @apply text-sm font-semibold text-storm;\n    @apply cursor-pointer;\n\n    .text-container {\n        @apply block w-full overflow-hidden text-ellipsis whitespace-nowrap;\n    }\n}\n\n:host(.hover:hover) {\n    @apply bg-indigo-light text-storm;\n}\n\n:host(.active) {\n    @apply bg-indigo-light text-indigo;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-dropdown-menu-item',\n    styleUrl: 'dropdown-menu-item.component.scss',\n    shadow: true,\n})\nexport class DropdownMenuItem {\n    /**\n     * Wether the dropdown menu item is active\n     */\n    @Prop() active: boolean = false;\n\n    /**\n     * Wether to enable the hover state\n     */\n    @Prop() enableHover: boolean = true;\n\n    /**\n     * Icon of the navigation item\n     */\n    @Prop() icon: IconVariant;\n\n    render() {\n        return (\n            <Host\n                class={`p-dropdown-menu-item ${this.active && 'active'} ${\n                    this.enableHover && 'hover'\n                }`}\n            >\n                {this.icon && <p-icon variant={this.icon} />}\n\n                <div class=\"text-container\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n}\n"],"mappings":"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"}