@paperless/core 0.1.0-alpha.383 → 0.1.0-alpha.385

package/dist/{build/p-c7e35270.entry.js.map → paperless/p-261e1629.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["tableComponentCss","Table","this","_ctrlDown","_hasCustomFilterSlot","defaultSize","defaultSizeOptions","_a","formatTranslation","_locales","empty_state","no_filter","header","content","action","filtered","componentWillLoad","_el","querySelector","_setLocales","_parseItems","items","_generateColumns","componentDidRender","hasRendered","emit","render","h","Host","class","enableHeader","quickFilters","activeQuickFilterIdentifier","onQuickFilter","detail","quickFilter","enableSearch","query","onQueryChange","queryChange","enableFilter","selectedFiltersAmount","filterButtonTemplate","onFilter","filter","enableEdit","editIcon","editButtonIcon","editText","editButtonText","editLoading","editButtonLoading","canEdit","selectedRows","length","editButtonTemplate","onEdit","edit","itemsSelectedAmount","_b","loading","headerLoading","name","slot","_getHeader","_getRows","enableFooter","hideOnSinglePage","enablePageSize","pageSize","pageSizeOptions","onPageSizeChange","pageSizeChange","enablePagination","page","total","onPageChange","pageChange","enableExport","onExport","export","footerLoading","async","getLocaleComponentStrings","onTableDefinitionUpdated","keyDown","key","keyUp","visibilityChange","document","visibilityState","_items","Array","isArray","JSON","parse","definitions","querySelectorAll","_columns","from","variant","map","col","index","definition","value","checkbox","_getCheckbox","amountOfLoadingRows","_","i","enableHover","enableRowSelection","enableRowClick","_getLoadingColumns","_getEmptyState","item","onClick","ev","_rowClick","_getRowColumns","colIndex","rowIndex","selectionKey","type","onChange","_selectAllChange","checked","_selectionContainsAll","indeterminate","_selectionIndeterminate","_checkboxChange","target","disabled","canSelectKey","_selectionContains","emptyStateFilteredHeader","emptyStateFilteredContent","emptyStateActionClick","emptyStateHeader","emptyStateContent","enableEmptyStateAction","icon","size","emptyStateAction","$event","_getCheckedValue","toAdd","row","push","rowSelected","selectedRowsChange","find","d","_getSelectionValue","rowDeselected","indexOfToRemove","selection","splice","returnIndex","returnValue","findIndex","contains","containsCount","_c","tagName","toLowerCase","_findRow","_findRowAction","rowClick","ctrlDown","el","parentElement","getAttribute"],"sources":["./src/components/organisms/table/table.component.scss?tag=p-table","./src/components/organisms/table/table.component.tsx"],"sourcesContent":["p-table {\n    @apply flex flex-col;\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 { IconVariant } from '../../../components';\nimport { QuickFilter, RowClickEvent } from '../../../types/table';\nimport { formatTranslation, getLocaleComponentStrings } from '../../../utils';\nimport { TableColumn } from '../../helpers/table-column/table-column.component';\nimport {\n    defaultSize,\n    defaultSizeOptions,\n} from '../../molecules/page-size-select/constants';\nimport { buttonTemplateFunc } from '../../molecules/table-header/table-header.component';\n\nexport type templateFunc = () => string;\n\n@Component({\n    tag: 'p-table',\n    styleUrl: 'table.component.scss',\n})\nexport class Table {\n    /**\n     * The items to be fed to the table\n     */\n    @Prop() items: string;\n\n    /**\n     * Wether data is loading\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Wether the header should show loading state\n     */\n    @Prop() headerLoading: boolean = false;\n\n    /**\n     * Wether the footer should show loading state\n     */\n    @Prop() footerLoading: boolean = false;\n\n    /**\n     * The amount of loading rows to show\n     */\n    @Prop() amountOfLoadingRows: number = 6;\n\n    /**\n     * Wether to enable selection\n     */\n    @Prop() enableRowSelection: boolean = true;\n\n    /**\n     * Wether to enable row clicking\n     */\n    @Prop() enableRowClick: boolean = true;\n\n    /**\n     * The current selection of items\n     */\n    @Prop() selectedRows: any[] = [];\n\n    /**\n     * Event whenever the current selection changes\n     */\n    @Event() selectedRowsChange: EventEmitter<any>;\n\n    /**\n     * The key to determine if a row is selected\n     */\n    @Prop() selectionKey: string;\n\n    /**\n     * A key to determine if a row can be selected\n     */\n    @Prop() canSelectKey: string;\n\n    /**\n     * Event whenever a row is clicked\n     */\n    @Event() rowClick: EventEmitter<RowClickEvent>;\n\n    /**\n     * Event whenever a row is selected\n     */\n    @Event() rowSelected: EventEmitter<any>;\n\n    /**\n     * Event whenever a row is deselected\n     */\n    @Event() rowDeselected: EventEmitter<any>;\n\n    /**\n     * Event when the table has rendered\n     */\n    @Event() hasRendered: EventEmitter<number>;\n\n    /** START HEADER */\n\n    /**\n     * Wether to show the header\n     */\n    @Prop() enableHeader: boolean = true;\n\n    /**\n     * Quick filters to show\n     */\n    @Prop() quickFilters: QuickFilter[] = [];\n\n    /**\n     * Active quick filter identifier\n     */\n    @Prop() activeQuickFilterIdentifier: string;\n\n    /**\n     * Wether to show the search input\n     */\n    @Prop() enableSearch: boolean = true;\n\n    /**\n     * The query to show in the search bar\n     */\n    @Prop({ mutable: true }) query: string;\n\n    /**\n     * Wether to show the filter button\n     */\n    @Prop() enableFilter: boolean = true;\n\n    /**\n     * The amount of filters being selected\n     */\n    @Prop() selectedFiltersAmount: number;\n\n    /**\n     * The template for the filter button text\n     */\n    @Prop() filterButtonTemplate: templateFunc;\n\n    /**\n     * Wether to show the edit button\n     */\n    @Prop() enableEdit: boolean = true;\n\n    /**\n     * Wether the edit button is loading\n     */\n    @Prop() editButtonLoading: boolean = false;\n\n    /**\n     * The edit button icon\n     */\n    @Prop() editButtonIcon: IconVariant = 'pencil';\n\n    /**\n     * The edit button text if changed\n     */\n    @Prop() editButtonText: string;\n\n    /**\n     * The template for the edit button text\n     */\n    @Prop() editButtonTemplate: buttonTemplateFunc;\n\n    /**\n     * Event when one of the quick filters is clicked\n     */\n    @Event() quickFilter: EventEmitter<QuickFilter>;\n\n    /**\n     * Event when the query changes\n     */\n    @Event() queryChange: EventEmitter<string>;\n\n    /**\n     * Event when the filter button is clicked\n     */\n    @Event() filter: EventEmitter<null>;\n\n    /**\n     * Event when the edit button is clicked\n     */\n    @Event() edit: EventEmitter<null>;\n\n    /** START FOOTER */\n\n    /**\n     * Wether to show the header\n     */\n    @Prop() enableFooter: boolean = true;\n\n    /**\n     * Wether to enable page size select\n     */\n    @Prop() enablePageSize: boolean = true;\n\n    /**\n     * Wether to enable pagination\n     */\n    @Prop() enablePagination: boolean = true;\n\n    /**\n     * Wether to enable export\n     */\n    @Prop() enableExport: boolean = true;\n\n    /**\n     * The current page\n     */\n    @Prop({ mutable: true, reflect: true }) page: number = 1;\n\n    /**\n     * The total amount of items\n     */\n    @Prop() total!: number;\n\n    /**\n     * Event whenever the page changes\n     */\n    @Event() pageChange: EventEmitter<number>;\n\n    /**\n     * The amount of items per page\n     */\n    @Prop() pageSize: number = defaultSize;\n\n    /**\n     * The options for the page size\n     */\n    @Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n    /**\n     * Event whenever the page changes\n     */\n    @Event() pageSizeChange: EventEmitter<number>;\n\n    /**\n     * Event whenever the page changes\n     */\n    @Event() export: EventEmitter<number>;\n\n    /**\n     * Wether to hide when there is only 1 page available\n     */\n    @Prop() hideOnSinglePage: boolean = true;\n\n    /* Empty state start */\n    @Prop() emptyStateHeader: templateFunc = () =>\n        formatTranslation(this._locales.empty_state?.no_filter.header);\n    @Prop() emptyStateContent: templateFunc = () =>\n        formatTranslation(this._locales.empty_state?.no_filter.content);\n    @Prop() emptyStateAction: templateFunc = () =>\n        formatTranslation(this._locales.empty_state?.no_filter.action);\n    /**\n     * Wether to enable empty state action\n     */\n    @Prop() enableEmptyStateAction: boolean = true;\n\n    @Prop() emptyStateFilteredHeader: templateFunc = () =>\n        formatTranslation(this._locales.empty_state.filtered.header);\n    @Prop() emptyStateFilteredContent: templateFunc = () =>\n        formatTranslation(this._locales.empty_state.filtered.content);\n\n    /**\n     * Event whenever the empty state is clicked\n     */\n    @Event() emptyStateActionClick: EventEmitter<null>;\n\n    /* Empty state end */\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    /**\n     * Locales used for this component\n     */\n    @State() private _locales: any = {};\n\n    @State() private _columns: any[] = [];\n    @State() private _items: any[] = [];\n\n    private _ctrlDown = false;\n    private _hasCustomFilterSlot = false;\n\n    componentWillLoad() {\n        this._hasCustomFilterSlot = !!this._el.querySelector(\n            ':scope > [slot=\"custom-filter\"]'\n        );\n\n        this._setLocales();\n        this._parseItems(this.items);\n        this._generateColumns();\n    }\n\n    componentDidRender() {\n        this.hasRendered.emit();\n    }\n\n    render() {\n        return (\n            <Host class=\"p-table\">\n                <p-table-container>\n                    {this.enableHeader && (\n                        <p-table-header\n                            // quick filters\n                            quickFilters={this.quickFilters}\n                            activeQuickFilterIdentifier={\n                                this.activeQuickFilterIdentifier\n                            }\n                            onQuickFilter={({ detail }) =>\n                                this.quickFilter.emit(detail)\n                            }\n                            // search\n                            enableSearch={this.enableSearch}\n                            query={this.query}\n                            onQueryChange={({ detail }) =>\n                                this.queryChange.emit(detail)\n                            }\n                            // filter button\n                            enableFilter={this.enableFilter}\n                            selectedFiltersAmount={this.selectedFiltersAmount}\n                            filterButtonTemplate={this.filterButtonTemplate}\n                            onFilter={() => this.filter.emit()}\n                            // edit button\n                            enableEdit={this.enableEdit}\n                            editIcon={this.editButtonIcon}\n                            editText={this.editButtonText}\n                            editLoading={this.editButtonLoading}\n                            canEdit={!!this.selectedRows?.length}\n                            editButtonTemplate={this.editButtonTemplate}\n                            onEdit={() => this.edit.emit()}\n                            itemsSelectedAmount={this.selectedRows?.length}\n                            //loading\n                            loading={this.headerLoading}\n                        >\n                            {this._hasCustomFilterSlot && (\n                                <slot\n                                    name=\"custom-filter\"\n                                    slot=\"custom-filter\"\n                                />\n                            )}\n                        </p-table-header>\n                    )}\n\n                    {this._getHeader()}\n                    <div class=\"flex flex-col\">{this._getRows()}</div>\n\n                    {this.enableFooter && (\n                        <p-table-footer\n                            // overall\n                            hideOnSinglePage={this.hideOnSinglePage}\n                            // page size select\n                            enablePageSize={this.enablePageSize}\n                            pageSize={this.pageSize}\n                            pageSizeOptions={this.pageSizeOptions}\n                            onPageSizeChange={({ detail }) =>\n                                this.pageSizeChange.emit(detail)\n                            }\n                            // pagination\n                            enablePagination={this.enablePagination}\n                            page={this.page}\n                            total={this.total}\n                            onPageChange={({ detail }) =>\n                                this.pageChange.emit(detail)\n                            }\n                            // export\n                            enableExport={this.enableExport}\n                            onExport={() => this.export.emit()}\n                            //loading\n                            loading={this.footerLoading}\n                        ></p-table-footer>\n                    )}\n                </p-table-container>\n            </Host>\n        );\n    }\n\n    @Listen('localeChanged', { target: 'body' })\n    private async _setLocales(): Promise<void> {\n        this._locales = await getLocaleComponentStrings(this._el);\n    }\n\n    @Listen('tableDefinitionChanged', { target: 'body' })\n    onTableDefinitionUpdated() {\n        this._generateColumns();\n    }\n\n    @Listen('keydown', { target: 'document' })\n    keyDown({ key }) {\n        if (key !== 'Control' || this._ctrlDown === true) {\n            return;\n        }\n\n        this._ctrlDown = true;\n    }\n\n    @Listen('keyup', { target: 'document' })\n    keyUp({ key }) {\n        if (key !== 'Control' || this._ctrlDown === false) {\n            return;\n        }\n\n        this._ctrlDown = false;\n    }\n\n    @Listen('visibilitychange', { target: 'document' })\n    visibilityChange() {\n        if (document.visibilityState !== 'hidden' || this._ctrlDown === false) {\n            return;\n        }\n\n        this._ctrlDown = false;\n    }\n\n    @Watch('items')\n    private _parseItems(items: string) {\n        if (!items) {\n            this._items = [];\n            return;\n        }\n\n        if (Array.isArray(items)) {\n            this._items = items;\n            return;\n        }\n\n        this._items = JSON.parse(items);\n    }\n\n    private _generateColumns() {\n        const definitions = this._el.querySelectorAll('p-table-column');\n        this._columns = Array.from(definitions);\n    }\n\n    private _getHeader() {\n        return (\n            <p-table-row variant=\"header\">\n                {this._columns.map((col: TableColumn, index) => (\n                    <p-table-cell\n                        definition={col}\n                        value={col.name}\n                        variant=\"header\"\n                        checkbox={this._getCheckbox(index, null, 'header')}\n                        index={index}\n                    ></p-table-cell>\n                ))}\n            </p-table-row>\n        );\n    }\n\n    private _getRows() {\n        if (this.loading) {\n            return Array.from(\n                {\n                    length: this.amountOfLoadingRows,\n                },\n                (_, i) => (\n                    <p-table-row\n                        enableHover={\n                            this.enableRowSelection || this.enableRowClick\n                        }\n                    >\n                        {this._getLoadingColumns(i)}\n                    </p-table-row>\n                )\n            );\n        }\n\n        if (!this._items.length) {\n            return this._getEmptyState();\n        }\n\n        return this._items.map((item, index) => (\n            <p-table-row\n                enableHover={this.enableRowSelection || this.enableRowClick}\n                onClick={(ev) => this._rowClick(ev, index)}\n            >\n                {this._getRowColumns(item, index)}\n            </p-table-row>\n        ));\n    }\n\n    private _getRowColumns(item, index) {\n        return this._columns.map((col: TableColumn, colIndex) => {\n            return (\n                <p-table-cell\n                    definition={col}\n                    item={item}\n                    checkbox={this._getCheckbox(colIndex, index)}\n                    index={colIndex}\n                    rowIndex={index}\n                ></p-table-cell>\n            );\n        });\n    }\n\n    private _getLoadingColumns(index) {\n        return this._columns.map((col: TableColumn, colIndex) => {\n            return (\n                <p-table-cell\n                    definition={col}\n                    variant=\"loading\"\n                    checkbox={this._getCheckbox(colIndex, index, 'loading')}\n                    index={colIndex}\n                    rowIndex={index}\n                ></p-table-cell>\n            );\n        });\n    }\n\n    private _getCheckbox(\n        index,\n        rowIndex,\n        variant: 'header' | 'default' | 'loading' = 'default'\n    ) {\n        if (!this.enableRowSelection || !this.selectionKey || index !== 0) {\n            return;\n        }\n\n        if (variant === 'loading') {\n            return <p-loader variant=\"ghost\" class=\"h-6 w-6 rounded\" />;\n        }\n\n        if (variant === 'header') {\n            return (\n                <input\n                    class=\"p-input\"\n                    type=\"checkbox\"\n                    onChange={(ev) => this._selectAllChange(ev)}\n                    checked={this._selectionContainsAll()}\n                    indeterminate={this._selectionIndeterminate()}\n                />\n            );\n        }\n\n        const item = this._items[rowIndex];\n\n        return (\n            <input\n                class=\"p-input\"\n                type=\"checkbox\"\n                onChange={(ev) => this._checkboxChange(ev?.target, rowIndex)}\n                disabled={this.canSelectKey && !item[this.canSelectKey]}\n                checked={this._selectionContains(item, rowIndex)}\n            />\n        );\n    }\n\n    private _getEmptyState() {\n        if (this.query?.length || this.selectedFiltersAmount) {\n            return (\n                <div class=\"flex max-w-[20rem] flex-col items-center self-center py-24 text-center\">\n                    <p-illustration variant=\"empty-state-search\" class=\"mb-6\" />\n                    <p class=\"text-storm-default font-semibold\">\n                        {this.emptyStateFilteredHeader()}\n                    </p>\n                    <p class=\"mb-14 text-sm text-storm-medium\">\n                        {this.emptyStateFilteredContent()}\n                    </p>\n                </div>\n            );\n        }\n\n        return (\n            <div class=\"flex max-w-[20rem] flex-col items-center self-center py-24 text-center\">\n                <p-illustration\n                    variant=\"empty-state-add\"\n                    class=\"mb-6 cursor-pointer\"\n                    onClick={() => this.emptyStateActionClick.emit(null)}\n                />\n                <p class=\"text-storm-default font-semibold\">\n                    {this.emptyStateHeader()}\n                </p>\n                <p class=\"mb-6 text-sm text-storm-medium\">\n                    {this.emptyStateContent()}\n                </p>\n                {this.enableEmptyStateAction && (\n                    <p-button\n                        variant=\"secondary\"\n                        icon=\"plus\"\n                        size=\"small\"\n                        onClick={() => this.emptyStateActionClick.emit(null)}\n                    >\n                        {this.emptyStateAction()}\n                    </p-button>\n                )}\n            </div>\n        );\n    }\n\n    private _selectAllChange($event: any) {\n        if (!this.enableRowSelection) {\n            return;\n        }\n\n        const value = this._getCheckedValue($event.target);\n        if (value) {\n            const toAdd = [];\n            for (let i = 0; i < this._items.length; i++) {\n                const row = this._items[i];\n                if (this.canSelectKey && !row[this.canSelectKey]) {\n                    continue;\n                }\n\n                if (this._selectionContains(row, i)) {\n                    continue;\n                }\n\n                toAdd.push(row);\n                this.rowSelected.emit(row);\n            }\n\n            this.selectedRows = [...this.selectedRows, ...toAdd];\n            this.selectedRowsChange.emit(this.selectedRows);\n            return;\n        }\n\n        for (let i = 0; i < this.selectedRows.length; i++) {\n            const value = this.selectedRows[i];\n            const row = this._items.find(\n                (d) =>\n                    this._getSelectionValue(d, i) ===\n                    this._getSelectionValue(value, i)\n            );\n\n            if (!row) {\n                continue;\n            }\n\n            this.rowDeselected.emit(row);\n        }\n\n        this.selectedRows = [];\n        this.selectedRowsChange.emit(this.selectedRows);\n    }\n\n    private _checkboxChange(target: any, index: number) {\n        if (!this.enableRowSelection) {\n            return;\n        }\n\n        const row = this._items[index];\n\n        if (this.canSelectKey && !row[this.canSelectKey]) {\n            target.checked = false;\n            return;\n        }\n\n        const value = this._getCheckedValue(target);\n        if (value) {\n            this.selectedRows = [...this.selectedRows, row];\n            this.selectedRowsChange.emit(this.selectedRows);\n            this.rowSelected.emit(row);\n            return;\n        }\n\n        const indexOfToRemove = this._selectionContains(row, index, true);\n\n        // we need to do this, because splice does not trigger the selection setter.\n        const selection = [...this.selectedRows];\n        selection.splice(indexOfToRemove, 1);\n        this.selectedRows = selection;\n        this.selectedRowsChange.emit(this.selectedRows);\n        this.rowDeselected.emit(row);\n    }\n\n    private _getCheckedValue(target: any) {\n        return target?.checked;\n    }\n\n    private _getSelectionValue(row: any, index: number) {\n        return this.selectionKey ? row?.[this.selectionKey] || index : index;\n    }\n\n    private _selectionContains(row, index, returnIndex = false): any {\n        const returnValue = this.selectedRows.findIndex(\n            (item) =>\n                this._getSelectionValue(row, index) ===\n                this._getSelectionValue(item, index)\n        );\n        return !returnIndex ? returnValue >= 0 : returnValue;\n    }\n\n    private _selectionContainsAll() {\n        let returnValue = true;\n        if (!this._items?.length) {\n            return false;\n        }\n\n        for (let i = 0; i < this._items?.length; i++) {\n            const item = this._items[i];\n            const contains = this._selectionContains(item, i);\n\n            if (!contains) {\n                returnValue = false;\n                break;\n            }\n        }\n\n        return returnValue;\n    }\n\n    private _selectionIndeterminate() {\n        if (!this._items?.length || !this.selectedRows?.length) {\n            return false;\n        }\n\n        let containsCount = 0;\n        for (let i = 0; i < this._items?.length; i++) {\n            const item = this._items[i];\n            const contains = this._selectionContains(item, i);\n\n            if (contains) {\n                containsCount++;\n            }\n        }\n\n        return containsCount > 0 && containsCount !== this._items.length;\n    }\n\n    private _rowClick($event, index) {\n        const target = $event.target;\n\n        if (\n            target.tagName.toLowerCase() === 'input' ||\n            target.type === 'checkbox'\n        ) {\n            return;\n        }\n\n        const row = this._findRow($event.target);\n\n        if (this.enableRowClick) {\n            const action = this._findRowAction($event.target);\n\n            if (action) {\n                return;\n            }\n\n            const item = this._items[index];\n            this.rowClick.emit({\n                item,\n                ctrlDown: this._ctrlDown,\n            });\n            return;\n        }\n\n        if (!this.enableRowSelection) {\n            return;\n        }\n\n        const checkbox = row?.querySelector('input[type=\"checkbox\"]');\n\n        if (!checkbox) {\n            return;\n        }\n\n        checkbox.checked = !checkbox.checked;\n        this._checkboxChange(checkbox, index);\n    }\n\n    private _findRow(el: HTMLElement) {\n        if (!el) {\n            return el;\n        }\n\n        if (el?.tagName?.toLowerCase() === 'p-table-row') {\n            return el;\n        }\n\n        return this._findRow(el?.parentElement);\n    }\n\n    private _findRowAction(el: HTMLElement) {\n        if (!el) {\n            return null;\n        }\n\n        if (\n            el.getAttribute('data-is-action') !== null &&\n            el.getAttribute('data-is-action') !== 'false'\n        ) {\n            return el;\n        }\n\n        if (el?.tagName?.toLowerCase() === 'p-table-row') {\n            return null;\n        }\n\n        return this._findRowAction(el?.parentElement);\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["tableComponentCss","Table","this","_ctrlDown","_hasCustomFilterSlot","defaultSize","defaultSizeOptions","_a","formatTranslation","_locales","empty_state","no_filter","header","content","action","filtered","componentWillLoad","_el","querySelector","_setLocales","_parseItems","items","_generateColumns","componentDidRender","hasRendered","emit","render","h","Host","class","enableHeader","quickFilters","activeQuickFilterIdentifier","onQuickFilter","detail","quickFilter","enableSearch","query","onQueryChange","queryChange","enableFilter","selectedFiltersAmount","filterButtonTemplate","onFilter","filter","enableEdit","editIcon","editButtonIcon","editText","editButtonText","editLoading","editButtonLoading","canEdit","selectedRows","length","editButtonTemplate","onEdit","edit","itemsSelectedAmount","_b","loading","headerLoading","name","slot","_getHeader","_getRows","enableFooter","hideOnSinglePage","enablePageSize","pageSize","pageSizeOptions","onPageSizeChange","pageSizeChange","enablePagination","page","total","onPageChange","pageChange","enableExport","onExport","export","footerLoading","async","getLocaleComponentStrings","onTableDefinitionUpdated","keyDown","key","keyUp","visibilityChange","document","visibilityState","_items","Array","isArray","JSON","parse","definitions","querySelectorAll","_columns","from","variant","map","col","index","definition","value","checkbox","_getCheckbox","amountOfLoadingRows","_","i","enableHover","enableRowSelection","enableRowClick","_getLoadingColumns","_getEmptyState","item","onClick","ev","_rowClick","_getRowColumns","colIndex","rowIndex","selectionKey","type","onChange","_selectAllChange","checked","_selectionContainsAll","indeterminate","_selectionIndeterminate","_checkboxChange","target","disabled","canSelectKey","_selectionContains","emptyStateFilteredHeader","emptyStateFilteredContent","emptyStateActionClick","emptyStateHeader","emptyStateContent","enableEmptyStateAction","icon","size","emptyStateAction","$event","_getCheckedValue","toAdd","row","push","rowSelected","selectedRowsChange","find","d","_getSelectionValue","rowDeselected","indexOfToRemove","selection","splice","returnIndex","returnValue","findIndex","contains","containsCount","_c","tagName","toLowerCase","_findRow","_findRowAction","rowClick","ctrlDown","el","parentElement","getAttribute"],"sources":["./src/components/organisms/table/table.component.scss?tag=p-table","./src/components/organisms/table/table.component.tsx"],"sourcesContent":["p-table {\n    @apply flex flex-col;\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 { IconVariant } from '../../../components';\nimport { QuickFilter, RowClickEvent } from '../../../types/table';\nimport { formatTranslation, getLocaleComponentStrings } from '../../../utils';\nimport { TableColumn } from '../../helpers/table-column/table-column.component';\nimport {\n    defaultSize,\n    defaultSizeOptions,\n} from '../../molecules/page-size-select/constants';\nimport { buttonTemplateFunc } from '../../molecules/table-header/table-header.component';\n\nexport type templateFunc = () => string;\n\n@Component({\n    tag: 'p-table',\n    styleUrl: 'table.component.scss',\n})\nexport class Table {\n    /**\n     * The items to be fed to the table\n     */\n    @Prop() items: string;\n\n    /**\n     * Wether data is loading\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Wether the header should show loading state\n     */\n    @Prop() headerLoading: boolean = false;\n\n    /**\n     * Wether the footer should show loading state\n     */\n    @Prop() footerLoading: boolean = false;\n\n    /**\n     * The amount of loading rows to show\n     */\n    @Prop() amountOfLoadingRows: number = 6;\n\n    /**\n     * Wether to enable selection\n     */\n    @Prop() enableRowSelection: boolean = true;\n\n    /**\n     * Wether to enable row clicking\n     */\n    @Prop() enableRowClick: boolean = true;\n\n    /**\n     * The current selection of items\n     */\n    @Prop() selectedRows: any[] = [];\n\n    /**\n     * Event whenever the current selection changes\n     */\n    @Event() selectedRowsChange: EventEmitter<any>;\n\n    /**\n     * The key to determine if a row is selected\n     */\n    @Prop() selectionKey: string;\n\n    /**\n     * A key to determine if a row can be selected\n     */\n    @Prop() canSelectKey: string;\n\n    /**\n     * Event whenever a row is clicked\n     */\n    @Event() rowClick: EventEmitter<RowClickEvent>;\n\n    /**\n     * Event whenever a row is selected\n     */\n    @Event() rowSelected: EventEmitter<any>;\n\n    /**\n     * Event whenever a row is deselected\n     */\n    @Event() rowDeselected: EventEmitter<any>;\n\n    /**\n     * Event when the table has rendered\n     */\n    @Event() hasRendered: EventEmitter<number>;\n\n    /** START HEADER */\n\n    /**\n     * Wether to show the header\n     */\n    @Prop() enableHeader: boolean = true;\n\n    /**\n     * Quick filters to show\n     */\n    @Prop() quickFilters: QuickFilter[] = [];\n\n    /**\n     * Active quick filter identifier\n     */\n    @Prop() activeQuickFilterIdentifier: string;\n\n    /**\n     * Wether to show the search input\n     */\n    @Prop() enableSearch: boolean = true;\n\n    /**\n     * The query to show in the search bar\n     */\n    @Prop({ mutable: true }) query: string;\n\n    /**\n     * Wether to show the filter button\n     */\n    @Prop() enableFilter: boolean = true;\n\n    /**\n     * The amount of filters being selected\n     */\n    @Prop() selectedFiltersAmount: number;\n\n    /**\n     * The template for the filter button text\n     */\n    @Prop() filterButtonTemplate: templateFunc;\n\n    /**\n     * Wether to show the edit button\n     */\n    @Prop() enableEdit: boolean = true;\n\n    /**\n     * Wether the edit button is loading\n     */\n    @Prop() editButtonLoading: boolean = false;\n\n    /**\n     * The edit button icon\n     */\n    @Prop() editButtonIcon: IconVariant = 'pencil';\n\n    /**\n     * The edit button text if changed\n     */\n    @Prop() editButtonText: string;\n\n    /**\n     * The template for the edit button text\n     */\n    @Prop() editButtonTemplate: buttonTemplateFunc;\n\n    /**\n     * Event when one of the quick filters is clicked\n     */\n    @Event() quickFilter: EventEmitter<QuickFilter>;\n\n    /**\n     * Event when the query changes\n     */\n    @Event() queryChange: EventEmitter<string>;\n\n    /**\n     * Event when the filter button is clicked\n     */\n    @Event() filter: EventEmitter<null>;\n\n    /**\n     * Event when the edit button is clicked\n     */\n    @Event() edit: EventEmitter<null>;\n\n    /** START FOOTER */\n\n    /**\n     * Wether to show the header\n     */\n    @Prop() enableFooter: boolean = true;\n\n    /**\n     * Wether to enable page size select\n     */\n    @Prop() enablePageSize: boolean = true;\n\n    /**\n     * Wether to enable pagination\n     */\n    @Prop() enablePagination: boolean = true;\n\n    /**\n     * Wether to enable export\n     */\n    @Prop() enableExport: boolean = true;\n\n    /**\n     * The current page\n     */\n    @Prop({ mutable: true, reflect: true }) page: number = 1;\n\n    /**\n     * The total amount of items\n     */\n    @Prop() total!: number;\n\n    /**\n     * Event whenever the page changes\n     */\n    @Event() pageChange: EventEmitter<number>;\n\n    /**\n     * The amount of items per page\n     */\n    @Prop() pageSize: number = defaultSize;\n\n    /**\n     * The options for the page size\n     */\n    @Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n    /**\n     * Event whenever the page changes\n     */\n    @Event() pageSizeChange: EventEmitter<number>;\n\n    /**\n     * Event whenever the page changes\n     */\n    @Event() export: EventEmitter<number>;\n\n    /**\n     * Wether to hide when there is only 1 page available\n     */\n    @Prop() hideOnSinglePage: boolean = true;\n\n    /* Empty state start */\n    @Prop() emptyStateHeader: templateFunc = () =>\n        formatTranslation(this._locales.empty_state?.no_filter.header);\n    @Prop() emptyStateContent: templateFunc = () =>\n        formatTranslation(this._locales.empty_state?.no_filter.content);\n    @Prop() emptyStateAction: templateFunc = () =>\n        formatTranslation(this._locales.empty_state?.no_filter.action);\n    /**\n     * Wether to enable empty state action\n     */\n    @Prop() enableEmptyStateAction: boolean = true;\n\n    @Prop() emptyStateFilteredHeader: templateFunc = () =>\n        formatTranslation(this._locales.empty_state.filtered.header);\n    @Prop() emptyStateFilteredContent: templateFunc = () =>\n        formatTranslation(this._locales.empty_state.filtered.content);\n\n    /**\n     * Event whenever the empty state is clicked\n     */\n    @Event() emptyStateActionClick: EventEmitter<null>;\n\n    /* Empty state end */\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    /**\n     * Locales used for this component\n     */\n    @State() private _locales: any = {};\n\n    @State() private _columns: any[] = [];\n    @State() private _items: any[] = [];\n\n    private _ctrlDown = false;\n    private _hasCustomFilterSlot = false;\n\n    componentWillLoad() {\n        this._hasCustomFilterSlot = !!this._el.querySelector(\n            ':scope > [slot=\"custom-filter\"]'\n        );\n\n        this._setLocales();\n        this._parseItems(this.items);\n        this._generateColumns();\n    }\n\n    componentDidRender() {\n        this.hasRendered.emit();\n    }\n\n    render() {\n        return (\n            <Host class=\"p-table\">\n                <p-table-container>\n                    {this.enableHeader && (\n                        <p-table-header\n                            // quick filters\n                            quickFilters={this.quickFilters}\n                            activeQuickFilterIdentifier={\n                                this.activeQuickFilterIdentifier\n                            }\n                            onQuickFilter={({ detail }) =>\n                                this.quickFilter.emit(detail)\n                            }\n                            // search\n                            enableSearch={this.enableSearch}\n                            query={this.query}\n                            onQueryChange={({ detail }) =>\n                                this.queryChange.emit(detail)\n                            }\n                            // filter button\n                            enableFilter={this.enableFilter}\n                            selectedFiltersAmount={this.selectedFiltersAmount}\n                            filterButtonTemplate={this.filterButtonTemplate}\n                            onFilter={() => this.filter.emit()}\n                            // edit button\n                            enableEdit={this.enableEdit}\n                            editIcon={this.editButtonIcon}\n                            editText={this.editButtonText}\n                            editLoading={this.editButtonLoading}\n                            canEdit={!!this.selectedRows?.length}\n                            editButtonTemplate={this.editButtonTemplate}\n                            onEdit={() => this.edit.emit()}\n                            itemsSelectedAmount={this.selectedRows?.length}\n                            //loading\n                            loading={this.headerLoading}\n                        >\n                            {this._hasCustomFilterSlot && (\n                                <slot\n                                    name=\"custom-filter\"\n                                    slot=\"custom-filter\"\n                                />\n                            )}\n                        </p-table-header>\n                    )}\n\n                    {this._getHeader()}\n                    <div class=\"flex flex-col\">{this._getRows()}</div>\n\n                    {this.enableFooter && (\n                        <p-table-footer\n                            // overall\n                            hideOnSinglePage={this.hideOnSinglePage}\n                            // page size select\n                            enablePageSize={this.enablePageSize}\n                            pageSize={this.pageSize}\n                            pageSizeOptions={this.pageSizeOptions}\n                            onPageSizeChange={({ detail }) =>\n                                this.pageSizeChange.emit(detail)\n                            }\n                            // pagination\n                            enablePagination={this.enablePagination}\n                            page={this.page}\n                            total={this.total}\n                            onPageChange={({ detail }) =>\n                                this.pageChange.emit(detail)\n                            }\n                            // export\n                            enableExport={this.enableExport}\n                            onExport={() => this.export.emit()}\n                            //loading\n                            loading={this.footerLoading}\n                        ></p-table-footer>\n                    )}\n                </p-table-container>\n            </Host>\n        );\n    }\n\n    @Listen('localeChanged', { target: 'body' })\n    private async _setLocales(): Promise<void> {\n        this._locales = await getLocaleComponentStrings(this._el);\n    }\n\n    @Listen('tableDefinitionChanged', { target: 'body' })\n    onTableDefinitionUpdated() {\n        this._generateColumns();\n    }\n\n    @Listen('keydown', { target: 'document' })\n    keyDown({ key }) {\n        if (key !== 'Control' || this._ctrlDown === true) {\n            return;\n        }\n\n        this._ctrlDown = true;\n    }\n\n    @Listen('keyup', { target: 'document' })\n    keyUp({ key }) {\n        if (key !== 'Control' || this._ctrlDown === false) {\n            return;\n        }\n\n        this._ctrlDown = false;\n    }\n\n    @Listen('visibilitychange', { target: 'document' })\n    visibilityChange() {\n        if (document.visibilityState !== 'hidden' || this._ctrlDown === false) {\n            return;\n        }\n\n        this._ctrlDown = false;\n    }\n\n    @Watch('items')\n    private _parseItems(items: string) {\n        if (!items) {\n            this._items = [];\n            return;\n        }\n\n        if (Array.isArray(items)) {\n            this._items = items;\n            return;\n        }\n\n        this._items = JSON.parse(items);\n    }\n\n    private _generateColumns() {\n        const definitions = this._el.querySelectorAll('p-table-column');\n        this._columns = Array.from(definitions);\n    }\n\n    private _getHeader() {\n        return (\n            <p-table-row variant=\"header\">\n                {this._columns.map((col: TableColumn, index) => (\n                    <p-table-cell\n                        definition={col}\n                        value={col.name}\n                        variant=\"header\"\n                        checkbox={this._getCheckbox(index, null, 'header')}\n                        index={index}\n                    ></p-table-cell>\n                ))}\n            </p-table-row>\n        );\n    }\n\n    private _getRows() {\n        if (this.loading) {\n            return Array.from(\n                {\n                    length: this.amountOfLoadingRows,\n                },\n                (_, i) => (\n                    <p-table-row\n                        enableHover={\n                            this.enableRowSelection || this.enableRowClick\n                        }\n                    >\n                        {this._getLoadingColumns(i)}\n                    </p-table-row>\n                )\n            );\n        }\n\n        if (!this._items.length) {\n            return this._getEmptyState();\n        }\n\n        return this._items.map((item, index) => (\n            <p-table-row\n                enableHover={this.enableRowSelection || this.enableRowClick}\n                onClick={(ev) => this._rowClick(ev, index)}\n            >\n                {this._getRowColumns(item, index)}\n            </p-table-row>\n        ));\n    }\n\n    private _getRowColumns(item, index) {\n        return this._columns.map((col: TableColumn, colIndex) => {\n            return (\n                <p-table-cell\n                    definition={col}\n                    item={item}\n                    checkbox={this._getCheckbox(colIndex, index)}\n                    index={colIndex}\n                    rowIndex={index}\n                ></p-table-cell>\n            );\n        });\n    }\n\n    private _getLoadingColumns(index) {\n        return this._columns.map((col: TableColumn, colIndex) => {\n            return (\n                <p-table-cell\n                    definition={col}\n                    variant=\"loading\"\n                    checkbox={this._getCheckbox(colIndex, index, 'loading')}\n                    index={colIndex}\n                    rowIndex={index}\n                ></p-table-cell>\n            );\n        });\n    }\n\n    private _getCheckbox(\n        index,\n        rowIndex,\n        variant: 'header' | 'default' | 'loading' = 'default'\n    ) {\n        if (!this.enableRowSelection || !this.selectionKey || index !== 0) {\n            return;\n        }\n\n        if (variant === 'loading') {\n            return <p-loader variant=\"ghost\" class=\"h-6 w-6 rounded\" />;\n        }\n\n        if (variant === 'header') {\n            return (\n                <input\n                    class=\"p-input\"\n                    type=\"checkbox\"\n                    onChange={(ev) => this._selectAllChange(ev)}\n                    checked={this._selectionContainsAll()}\n                    indeterminate={this._selectionIndeterminate()}\n                />\n            );\n        }\n\n        const item = this._items[rowIndex];\n\n        return (\n            <input\n                class=\"p-input\"\n                type=\"checkbox\"\n                onChange={(ev) => this._checkboxChange(ev?.target, rowIndex)}\n                disabled={this.canSelectKey && !item[this.canSelectKey]}\n                checked={this._selectionContains(item, rowIndex)}\n            />\n        );\n    }\n\n    private _getEmptyState() {\n        if (this.query?.length || this.selectedFiltersAmount) {\n            return (\n                <div class=\"flex max-w-[20rem] flex-col items-center self-center py-24 text-center\">\n                    <p-illustration variant=\"empty-state-search\" class=\"mb-6\" />\n                    <p class=\"text-storm-default font-semibold\">\n                        {this.emptyStateFilteredHeader()}\n                    </p>\n                    <p class=\"mb-14 text-sm text-storm-medium\">\n                        {this.emptyStateFilteredContent()}\n                    </p>\n                </div>\n            );\n        }\n\n        return (\n            <div class=\"flex max-w-[20rem] flex-col items-center self-center py-24 text-center\">\n                <p-illustration\n                    variant=\"empty-state-add\"\n                    class=\"mb-6 cursor-pointer\"\n                    onClick={() => this.emptyStateActionClick.emit(null)}\n                />\n                <p class=\"text-storm-default font-semibold\">\n                    {this.emptyStateHeader()}\n                </p>\n                <p class=\"mb-6 text-sm text-storm-medium\">\n                    {this.emptyStateContent()}\n                </p>\n                {this.enableEmptyStateAction && (\n                    <p-button\n                        variant=\"secondary\"\n                        icon=\"plus\"\n                        size=\"small\"\n                        onClick={() => this.emptyStateActionClick.emit(null)}\n                    >\n                        {this.emptyStateAction()}\n                    </p-button>\n                )}\n            </div>\n        );\n    }\n\n    private _selectAllChange($event: any) {\n        if (!this.enableRowSelection) {\n            return;\n        }\n\n        const value = this._getCheckedValue($event.target);\n        if (value) {\n            const toAdd = [];\n            for (let i = 0; i < this._items.length; i++) {\n                const row = this._items[i];\n                if (this.canSelectKey && !row[this.canSelectKey]) {\n                    continue;\n                }\n\n                if (this._selectionContains(row, i)) {\n                    continue;\n                }\n\n                toAdd.push(row);\n                this.rowSelected.emit(row);\n            }\n\n            this.selectedRows = [...this.selectedRows, ...toAdd];\n            this.selectedRowsChange.emit(this.selectedRows);\n            return;\n        }\n\n        for (let i = 0; i < this.selectedRows.length; i++) {\n            const value = this.selectedRows[i];\n            const row = this._items.find(\n                (d) =>\n                    this._getSelectionValue(d, i) ===\n                    this._getSelectionValue(value, i)\n            );\n\n            if (!row) {\n                continue;\n            }\n\n            this.rowDeselected.emit(row);\n        }\n\n        this.selectedRows = [];\n        this.selectedRowsChange.emit(this.selectedRows);\n    }\n\n    private _checkboxChange(target: any, index: number) {\n        if (!this.enableRowSelection) {\n            return;\n        }\n\n        const row = this._items[index];\n\n        if (this.canSelectKey && !row[this.canSelectKey]) {\n            target.checked = false;\n            return;\n        }\n\n        const value = this._getCheckedValue(target);\n        if (value) {\n            this.selectedRows = [...this.selectedRows, row];\n            this.selectedRowsChange.emit(this.selectedRows);\n            this.rowSelected.emit(row);\n            return;\n        }\n\n        const indexOfToRemove = this._selectionContains(row, index, true);\n\n        // we need to do this, because splice does not trigger the selection setter.\n        const selection = [...this.selectedRows];\n        selection.splice(indexOfToRemove, 1);\n        this.selectedRows = selection;\n        this.selectedRowsChange.emit(this.selectedRows);\n        this.rowDeselected.emit(row);\n    }\n\n    private _getCheckedValue(target: any) {\n        return target?.checked;\n    }\n\n    private _getSelectionValue(row: any, index: number) {\n        return this.selectionKey ? row?.[this.selectionKey] || index : index;\n    }\n\n    private _selectionContains(row, index, returnIndex = false): any {\n        const returnValue = this.selectedRows.findIndex(\n            (item) =>\n                this._getSelectionValue(row, index) ===\n                this._getSelectionValue(item, index)\n        );\n        return !returnIndex ? returnValue >= 0 : returnValue;\n    }\n\n    private _selectionContainsAll() {\n        let returnValue = true;\n        if (!this._items?.length) {\n            return false;\n        }\n\n        for (let i = 0; i < this._items?.length; i++) {\n            const item = this._items[i];\n            const contains = this._selectionContains(item, i);\n\n            if (!contains) {\n                returnValue = false;\n                break;\n            }\n        }\n\n        return returnValue;\n    }\n\n    private _selectionIndeterminate() {\n        if (!this._items?.length || !this.selectedRows?.length) {\n            return false;\n        }\n\n        let containsCount = 0;\n        for (let i = 0; i < this._items?.length; i++) {\n            const item = this._items[i];\n            const contains = this._selectionContains(item, i);\n\n            if (contains) {\n                containsCount++;\n            }\n        }\n\n        return containsCount > 0 && containsCount !== this._items.length;\n    }\n\n    private _rowClick($event, index) {\n        const target = $event.target;\n\n        if (\n            target.tagName.toLowerCase() === 'input' ||\n            target.type === 'checkbox'\n        ) {\n            return;\n        }\n\n        const row = this._findRow($event.target);\n\n        if (this.enableRowClick) {\n            const action = this._findRowAction($event.target);\n\n            if (action) {\n                return;\n            }\n\n            const item = this._items[index];\n            this.rowClick.emit({\n                item,\n                ctrlDown: this._ctrlDown,\n            });\n            return;\n        }\n\n        if (!this.enableRowSelection) {\n            return;\n        }\n\n        const checkbox = row?.querySelector('input[type=\"checkbox\"]');\n\n        if (!checkbox) {\n            return;\n        }\n\n        checkbox.checked = !checkbox.checked;\n        this._checkboxChange(checkbox, index);\n    }\n\n    private _findRow(el: HTMLElement) {\n        if (!el) {\n            return el;\n        }\n\n        if (el?.tagName?.toLowerCase() === 'p-table-row') {\n            return el;\n        }\n\n        return this._findRow(el?.parentElement);\n    }\n\n    private _findRowAction(el: HTMLElement) {\n        if (!el) {\n            return null;\n        }\n\n        if (\n            el.getAttribute('data-is-action') !== null &&\n            el.getAttribute('data-is-action') !== 'false'\n        ) {\n            return el;\n        }\n\n        if (el?.tagName?.toLowerCase() === 'p-table-row') {\n            return null;\n        }\n\n        return this._findRowAction(el?.parentElement);\n    }\n}\n"],"mappings":"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"}

package/dist/paperless/{p-71b442d7.entry.js → p-2b14be3c.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as t,H as a}from"./p-69d43b9d.js";const o=".static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important}.drop-shadow-4,.drop-shadow-5{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}.drop-shadow-5{--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!important}.drop-shadow-transparent{--tw-drop-shadow:drop-shadow(transparent)!important}.drop-shadow-transparent,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}.drop-shadow-4,.drop-shadow-5,.drop-shadow-transparent,.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}:host{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;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;flex-direction:column;width:100%}:host([hoverable]){cursor:pointer}:host([hoverable]:hover){--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!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}:host([shadow=false]){--tw-drop-shadow:drop-shadow(transparent)!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}";const s=class{constructor(t){r(this,t);this.hoverable=false;this.shadow=true}render(){return t(a,{class:"p-card-container"},t("slot",null))}};s.style=o;export{s as p_card_container};
-//# sourceMappingURL=p-71b442d7.entry.js.map
+import{r,h as t,H as a}from"./p-fe02c861.js";const o=".static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important}.drop-shadow-4,.drop-shadow-5{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}.drop-shadow-5{--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!important}.drop-shadow-transparent{--tw-drop-shadow:drop-shadow(transparent)!important}.drop-shadow-transparent,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}.drop-shadow-4,.drop-shadow-5,.drop-shadow-transparent,.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}:host{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;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;flex-direction:column;width:100%}:host([hoverable]){cursor:pointer}:host([hoverable]:hover){--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!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}:host([shadow=false]){--tw-drop-shadow:drop-shadow(transparent)!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}";const s=class{constructor(t){r(this,t);this.hoverable=false;this.shadow=true}render(){return t(a,{class:"p-card-container"},t("slot",null))}};s.style=o;export{s as p_card_container};
+//# sourceMappingURL=p-2b14be3c.entry.js.map

package/dist/paperless/{p-19c08855.entry.js → p-2c75f11f.entry.js}

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