@paperless/core 0.1.0-alpha.387 → 0.1.0-alpha.389

package/dist/{build/p-261e1629.entry.js.map → paperless/p-2f30eba2.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-536d5f4c.entry.js → p-3d8b5cc4.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as a,h as r,H as e}from"./p-fe02c861.js";const o=".static{position:static!important}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.block{display:block!important}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.font-medium{font-weight:500!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{display:block;margin-bottom:1.5rem}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";const s=class{constructor(r){t(this,r);this.isOpen=a(this,"isOpen",7);this.header=undefined;this.open=false;this.closeable=true;this.openable=true}render(){return r(e,{class:"p-accordion"},r("div",{class:"flex items-center gap-3 text-storm-vague cursor-pointer",onClick:()=>this._onClick()},r("p-icon",{class:"flex",variant:"chevron",rotate:this.open?0:-90}),r("p",{class:"m-0 font-medium text-lg whitespace-nowrap"},this.header),r("p-divider",null)),this.open&&r("div",{class:"mt-6"},r("slot",null)))}_onClick(){if(!this.closeable&&this.open){return}if(!this.openable&&!this.open){return}this.open=!this.open;this.isOpen.emit(this.open)}};s.style=o;export{s as p_accordion};
-//# sourceMappingURL=p-536d5f4c.entry.js.map
+import{r as t,c as a,h as r,H as e}from"./p-ac1af618.js";const o=".static{position:static!important}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.block{display:block!important}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.font-medium{font-weight:500!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{display:block;margin-bottom:1.5rem}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";const s=class{constructor(r){t(this,r);this.isOpen=a(this,"isOpen",7);this.header=undefined;this.open=false;this.closeable=true;this.openable=true}render(){return r(e,{class:"p-accordion"},r("div",{class:"flex items-center gap-3 text-storm-vague cursor-pointer",onClick:()=>this._onClick()},r("p-icon",{class:"flex",variant:"chevron",rotate:this.open?0:-90}),r("p",{class:"m-0 font-medium text-lg whitespace-nowrap"},this.header),r("p-divider",null)),this.open&&r("div",{class:"mt-6"},r("slot",null)))}_onClick(){if(!this.closeable&&this.open){return}if(!this.openable&&!this.open){return}this.open=!this.open;this.isOpen.emit(this.open)}};s.style=o;export{s as p_accordion};
+//# sourceMappingURL=p-3d8b5cc4.entry.js.map

package/dist/paperless/{p-93518c12.entry.js → p-45dfd940.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as r}from"./p-fe02c861.js";const o=".visible{visibility:visible!important}.static{position:static!important}.block{display:block!important}.hidden{display:none!important}.h-2{height:.5rem!important}.w-2{width:.5rem!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));border-radius:100%;display:block;height:.5rem;width:.5rem}:host(.active){--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}";const a=class{constructor(i){t(this,i);this.active=false}render(){return i(r,{class:`p-slider-indicator ${this.active&&"active"}`})}};a.style=o;export{a as p_slider_indicator};
-//# sourceMappingURL=p-93518c12.entry.js.map
+import{r as t,h as i,H as r}from"./p-ac1af618.js";const o=".visible{visibility:visible!important}.static{position:static!important}.block{display:block!important}.hidden{display:none!important}.h-2{height:.5rem!important}.w-2{width:.5rem!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));border-radius:100%;display:block;height:.5rem;width:.5rem}:host(.active){--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}";const a=class{constructor(i){t(this,i);this.active=false}render(){return i(r,{class:`p-slider-indicator ${this.active&&"active"}`})}};a.style=o;export{a as p_slider_indicator};
+//# sourceMappingURL=p-45dfd940.entry.js.map

package/dist/paperless/p-464569dc.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s}from"./p-ac1af618.js";const i=class{constructor(i){t(this,i);this.tableDefinitionChanged=s(this,"tableDefinitionChanged",7);this.path=undefined;this.type="td";this.name=undefined;this.useSlot=false;this.align="start";this.sizes="auto"}componentDidUpdate(){this.tableDefinitionChanged.emit(true)}render(){return}};export{i as p_table_column};
+//# sourceMappingURL=p-464569dc.entry.js.map

package/dist/paperless/p-4ca42d41.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as r,h as a,H as e,g as o}from"./p-ac1af618.js";import{c as i}from"./p-8a6728d5.js";import{c as n}from"./p-f86fcdf4.js";const s=".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.m-0{margin:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-auto{margin-left:auto!important}.block{display:block!important}.inline{display:inline!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-1{width:.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border{border-width:1px!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-center{text-align:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.font-semibold{font-weight:600!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative,.text-negative-light{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.text-storm-dark,.text-storm-medium{--tw-text-opacity:1!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.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}:host{display:block;position:relative}:host .trigger{display:block;height:auto;position:relative;width:auto}:host p-dropdown-menu-container{display:none;z-index:200}:host p-dropdown-menu-container[data-show]{display:flex}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!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 w=class{constructor(a){t(this,a);this.isOpen=r(this,"isOpen",7);this._loaded=false;this.placement="bottom-start";this.strategy="absolute";this.show=false;this.calculateWidth=false;this.applyMaxWidth=true;this.applyFullWidth=true;this.insideClick=false;this.disableTriggerClick=false;this.chevronPosition="end";this.chevronDirection=undefined}componentShouldUpdate(){this._setOptions()}render(){return a(e,{class:"p-dropdown"},a("div",{class:"trigger",ref:t=>this._trigger=t,onClick:()=>this._triggerClickHandler()},a("slot",{onSlotchange:t=>this._checkButton(t),name:"trigger"})),a("p-dropdown-menu-container",{role:"popover",maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,ref:t=>this._load(t),onClick:()=>this._containerClickHandler()},a("slot",{name:"items"})))}_checkButton({target:t}){const r=t;const a=r.assignedElements();for(let t of a){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")||i(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._popper=n(this._el,t,{strategy:this.strategy});this._setOptions();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_setOptions(){if(!this._popper){return}this._popper.setOptions({placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,8]}}]})}_show(){if(!this._loaded){return}if(this.calculateWidth){this._menu.style.width=`${this._trigger.clientWidth}px`}this._menu.setAttribute("data-show","");this.isOpen.emit(true);this._popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:true}]})));this._popper.update()}_hide(){if(!this._loaded||this.show){return}this._menu.removeAttribute("data-show");this.isOpen.emit(false);this._popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:false}]})))}get _el(){return o(this)}static get watchers(){return{show:["onShowChange"]}}};w.style=s;const p=".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.inline{display:inline!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-1{width:.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border{border-width:1px!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-indigo-light{background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.bg-indigo-light,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-center{text-align:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.font-semibold{font-weight:600!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative,.text-negative-light{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.text-storm-dark,.text-storm-medium{--tw-text-opacity:1!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.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}: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))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-lg,.text-xl{line-height:1.75rem!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!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 m=class{constructor(r){t(this,r);this.active=false;this.enableHover=true;this.icon=undefined}render(){return a(e,{class:`p-dropdown-menu-item ${this.active&&"active"} ${this.enableHover&&"hover"}`},this.icon&&a("p-icon",{variant:this.icon}),a("div",{class:"text-container"},a("slot",null)))}};m.style=p;export{w as p_dropdown,m as p_dropdown_menu_item};
+//# sourceMappingURL=p-4ca42d41.entry.js.map

package/dist/paperless/{p-ce658fdd.entry.js.map → p-4ca42d41.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["dropdownComponentCss","Dropdown","this","_loaded","componentShouldUpdate","_setOptions","render","h","Host","class","ref","_trigger","onClick","_triggerClickHandler","onSlotchange","ev","_checkButton","name","role","maxWidth","calculateWidth","applyMaxWidth","fullWidth","applyFullWidth","el","_load","_containerClickHandler","target","slot","children","assignedElements","child","nodeName","chevronPosition","chevron","chevronDirection","placement","indexOf","onShowChange","show","_hide","_show","documentClickHandler","_menu","hasAttribute","childOf","_el","insideClick","disableTriggerClick","popover","_popper","createPopper","strategy","setTimeout","setOptions","modifiers","options","offset","style","width","clientWidth","setAttribute","isOpen","emit","Object","assign","enabled","update","removeAttribute","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 block relative;\n\n    .trigger {\n        @apply block relative w-auto h-auto;\n    }\n\n    p-dropdown-menu-container {\n        @apply hidden z-dropdown;\n\n        &[data-show] {\n            @apply flex;\n        }\n    }\n}\n","import { createPopper, Placement, PositioningStrategy } from '@popperjs/core';\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: PositioningStrategy = '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 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() isOpen: EventEmitter<boolean>;\n\n    private _loaded = false;\n    private _popper: any;\n    private _trigger: HTMLElement;\n    private _menu: HTMLElement;\n\n    componentShouldUpdate() {\n        this._setOptions();\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                    onClick={() => this._containerClickHandler()}\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._popper = createPopper(this._el, popover, {\n                strategy: this.strategy,\n            });\n\n            this._setOptions();\n            this._loaded = true;\n\n            if (this.show) {\n                setTimeout(() => this._show(), 100);\n            }\n        }\n    }\n\n    private _setOptions() {\n        if (!this._popper) {\n            return;\n        }\n\n        this._popper.setOptions({\n            placement: this.placement,\n            modifiers: [\n                {\n                    name: 'offset',\n                    options: {\n                        offset: [0, 8],\n                    },\n                },\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._menu.setAttribute('data-show', '');\n        this.isOpen.emit(true);\n\n        // Enable the event listeners\n        this._popper.setOptions((options) => ({\n            ...options,\n            modifiers: [\n                ...options.modifiers,\n                { name: 'eventListeners', enabled: true },\n            ],\n        }));\n\n        // Update its position\n        this._popper.update();\n    }\n\n    private _hide() {\n        if (!this._loaded || this.show) {\n            return;\n        }\n\n        // Hide the popover\n        this._menu.removeAttribute('data-show');\n        this.isOpen.emit(false);\n\n        // Disable the event listeners\n        this._popper.setOptions((options) => ({\n            ...options,\n            modifiers: [\n                ...options.modifiers,\n                { name: 'eventListeners', enabled: false },\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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"}
+{"version":3,"names":["dropdownComponentCss","Dropdown","this","_loaded","componentShouldUpdate","_setOptions","render","h","Host","class","ref","_trigger","onClick","_triggerClickHandler","onSlotchange","ev","_checkButton","name","role","maxWidth","calculateWidth","applyMaxWidth","fullWidth","applyFullWidth","el","_load","_containerClickHandler","target","slot","children","assignedElements","child","nodeName","chevronPosition","chevron","chevronDirection","placement","indexOf","onShowChange","show","_hide","_show","documentClickHandler","_menu","hasAttribute","childOf","_el","insideClick","disableTriggerClick","popover","_popper","createPopper","strategy","setTimeout","setOptions","modifiers","options","offset","style","width","clientWidth","setAttribute","isOpen","emit","Object","assign","enabled","update","removeAttribute","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 block relative;\n\n    .trigger {\n        @apply block relative w-auto h-auto;\n    }\n\n    p-dropdown-menu-container {\n        @apply hidden z-dropdown;\n\n        &[data-show] {\n            @apply flex;\n        }\n    }\n}\n","import { createPopper, Placement, PositioningStrategy } from '@popperjs/core';\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: PositioningStrategy = '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 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() isOpen: EventEmitter<boolean>;\n\n    private _loaded = false;\n    private _popper: any;\n    private _trigger: HTMLElement;\n    private _menu: HTMLElement;\n\n    componentShouldUpdate() {\n        this._setOptions();\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                    onClick={() => this._containerClickHandler()}\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._popper = createPopper(this._el, popover, {\n                strategy: this.strategy,\n            });\n\n            this._setOptions();\n            this._loaded = true;\n\n            if (this.show) {\n                setTimeout(() => this._show(), 100);\n            }\n        }\n    }\n\n    private _setOptions() {\n        if (!this._popper) {\n            return;\n        }\n\n        this._popper.setOptions({\n            placement: this.placement,\n            modifiers: [\n                {\n                    name: 'offset',\n                    options: {\n                        offset: [0, 8],\n                    },\n                },\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._menu.setAttribute('data-show', '');\n        this.isOpen.emit(true);\n\n        // Enable the event listeners\n        this._popper.setOptions((options) => ({\n            ...options,\n            modifiers: [\n                ...options.modifiers,\n                { name: 'eventListeners', enabled: true },\n            ],\n        }));\n\n        // Update its position\n        this._popper.update();\n    }\n\n    private _hide() {\n        if (!this._loaded || this.show) {\n            return;\n        }\n\n        // Hide the popover\n        this._menu.removeAttribute('data-show');\n        this.isOpen.emit(false);\n\n        // Disable the event listeners\n        this._popper.setOptions((options) => ({\n            ...options,\n            modifiers: [\n                ...options.modifiers,\n                { name: 'eventListeners', enabled: false },\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-4f53f2af.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as a,h as r,H as e,g as i}from"./p-ac1af618.js";import{f as o,g as n}from"./p-4e650fe4.js";import{d as s,a as w}from"./p-6c60fd3d.js";const p=class{constructor(r){t(this,r);this.sizeChange=a(this,"sizeChange",7);this._defaultButtonTemplate=t=>o(this._locales.item,{size:t});this._defaultItemTemplate=t=>o(this._locales.item,{size:t});this.size=s;this.sizeOptions=w;this.chevronPosition="start";this.buttonSize="small";this.buttonTemplate=this._defaultButtonTemplate;this.itemTemplate=this._defaultItemTemplate;this.hidden=false;this._locales={}}componentWillLoad(){this._setLocales()}render(){return r(e,{class:`p-page-size-select ${this.hidden&&"hidden"}`},r("p-dropdown",{placement:"top-start",chevronPosition:this.chevronPosition,chevronDirection:"down"},r("p-button",{variant:"secondary",slot:"trigger",size:this.buttonSize},this.buttonTemplate?this.buttonTemplate(this.size):this._defaultButtonTemplate(this.size)),r("slot",{slot:"items"},this.sizeOptions.map((t=>r("p-dropdown-menu-item",{active:t===this.size,onClick:()=>this._changeSize(t)},this.itemTemplate?this.itemTemplate(this.size):this._defaultItemTemplate(t)))))))}async _setLocales(){this._locales=await n(this._el)}_changeSize(t){if(!t){return}this.size=t;this.sizeChange.emit(this.size)}get _el(){return i(this)}};const m=".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.inline{display:inline!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-1{width:.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border{border-width:1px!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-center{text-align:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.font-semibold{font-weight:600!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative,.text-negative-light{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.text-storm-dark,.text-storm-medium{--tw-text-opacity:1!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.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}p-pagination{display:flex}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-lg,.text-xl{line-height:1.75rem!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!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 d=class{constructor(e){t(this,e);this.pageChange=a(this,"pageChange",7);this._pages=[];this._set=[];this._nextClick=()=>{const t=this.page+1;if(t>this._pages[this._pages.length-1]){return}this._changePage(t)};this._pageClick=t=>this._changePage(t);this._generateSet=(t=1,a=true)=>{const e=this._pages.length;if(!e){return[]}let i=this.page-t;let o=this.page+t;if(o>e){o=e;i=e-t*2;i=i<1?1:i}if(i<=1){i=1;o=Math.min(t*2+1,e)}const n=[];const s={type:"previous",value:r("p-icon",{variant:"chevron",rotate:90})};const w={type:"next",value:r("p-icon",{variant:"chevron",rotate:-90})};if(t===null){const t=this._pages.map((t=>({type:"page",value:t})));return a?[s,...t,w]:t}if(a){n.push(s)}if(i<=3){for(let t=1;t<i;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"page",value:1});n.push({type:"ellipsis",value:"ellipsis"})}for(let t=i;t<=o;t++){n.push({type:"page",value:this._pages[t-1]})}if(o>=e-2){for(let t=o+1;t<=e;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"ellipsis"});n.push({type:"page",value:this._pages[this._pages.length-1]})}if(a){n.push(w)}return n};this.page=1;this.pageSize=12;this.hideOnSinglePage=false;this.total=undefined}componentWillRender(){this._generate()}render(){var t,a;return r(e,{class:`p-pagination ${this.hideOnSinglePage&&((t=this._set)===null||t===void 0?void 0:t.length)===3&&"hidden"}`},(a=this._set)===null||a===void 0?void 0:a.map((t=>{if(t.type==="previous"||t.type==="next"){return r("p-pagination-item",{onClick:()=>t.type==="previous"?this._previousClick():this._nextClick()},t.value)}if(t.type==="ellipsis"){return r("p-pagination-item",null,"...")}return r("p-pagination-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value)})))}pageChangeHandler(){this._generate()}_generate(){var t;this._pages=this._generatePages();this._set=this._generateSet();if(this.page>((t=this._pages)===null||t===void 0?void 0:t.length)){this._changePage(this._pages.length)}}_changePage(t){if(!t){return}this.page=t;this.pageChange.emit(this.page)}_previousClick(){const t=this.page-1;if(t<this._pages[0]){return}this._changePage(t)}_generatePages(){if(!this.total||!this.pageSize){return[]}const t=Math.ceil(this.total/this.pageSize);return new Array(t).fill(undefined).map(((t,a)=>a+1))}static get watchers(){return{page:["pageChangeHandler"],pageSize:["pageChangeHandler"],total:["pageChangeHandler"]}}};d.style=m;const l=".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.inline{display:inline!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-1{width:.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border{border-width:1px!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-center{text-align:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.font-semibold{font-weight:600!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}.text-indigo,.text-negative{--tw-text-opacity:1!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.text-negative-light,.text-storm-dark{--tw-text-opacity:1!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.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}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;line-height:1.25rem;width:2rem}:host(:focus),:host(:hover){--tw-text-opacity:1;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))}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-lg,.text-xl{line-height:1.75rem!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!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 h=class{constructor(a){t(this,a);this.active=false}render(){return r(e,{class:`p-pagination-item ${this.active&&"active"}`},r("slot",null))}};h.style=l;export{p as p_page_size_select,d as p_pagination,h as p_pagination_item};
+//# sourceMappingURL=p-4f53f2af.entry.js.map

package/dist/paperless/{p-d4e16b1a.entry.js.map → p-4f53f2af.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["PageSizeSelect","this","_defaultButtonTemplate","size","formatTranslation","_locales","item","_defaultItemTemplate","defaultSize","defaultSizeOptions","componentWillLoad","_setLocales","render","h","Host","class","hidden","placement","chevronPosition","chevronDirection","variant","slot","buttonSize","buttonTemplate","sizeOptions","map","option","active","onClick","_changeSize","itemTemplate","async","getLocaleComponentStrings","_el","s","sizeChange","emit","paginationComponentCss","Pagination","_pages","_set","_nextClick","nextPage","page","length","_changePage","_pageClick","p","_generateSet","range","enableBoundaries","totalPages","start","end","Math","min","set","previous","type","value","rotate","next","push","i","componentWillRender","_generate","hideOnSinglePage","_a","_b","_previousClick","pageChangeHandler","_generatePages","pageChange","previousPage","total","pageSize","pages","ceil","Array","fill","undefined","_","paginationItemComponentCss","PaginationItem"],"sources":["./src/components/molecules/page-size-select/page-size-select.component.tsx","./src/components/molecules/pagination/pagination.component.scss?tag=p-pagination","./src/components/molecules/pagination/pagination.component.tsx","./src/components/atoms/pagination-item/pagination-item.component.scss?tag=p-pagination-item&encapsulation=shadow","./src/components/atoms/pagination-item/pagination-item.component.tsx"],"sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n} from '@stencil/core';\nimport {\n    formatTranslation,\n    getLocaleComponentStrings,\n} from '../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\n\nexport type templateFunc = (value: number) => string;\n\n@Component({\n    tag: 'p-page-size-select',\n    shadow: true,\n})\nexport class PageSizeSelect {\n    private _defaultButtonTemplate: templateFunc = (size) =>\n        formatTranslation(this._locales.item, { size });\n    private _defaultItemTemplate: templateFunc = (size) =>\n        formatTranslation(this._locales.item, { size });\n    /**\n     * The current page\n     */\n    @Prop({ mutable: true, reflect: true }) size: number = defaultSize;\n\n    /**\n     * The available sizes\n     */\n    @Prop() sizeOptions: number[] = defaultSizeOptions;\n\n    /**\n     * Event whenever the size changes\n     */\n    @Event() sizeChange: EventEmitter<number>;\n\n    /**\n     * Chevron position\n     */\n    @Prop() chevronPosition: 'start' | 'end' = 'start';\n\n    /**\n     * The size of the button\n     */\n    @Prop() buttonSize: 'small' | 'medium' = 'small';\n\n    /**\n     * The template for the data view\n     */\n    @Prop() buttonTemplate: templateFunc = this._defaultButtonTemplate;\n\n    /**\n     * The template for the data view\n     */\n    @Prop() itemTemplate: templateFunc = this._defaultItemTemplate;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    /**\n     * Wether to hide when there is only 1 page available\n     */\n    @Prop() hidden: boolean = false;\n\n    /**\n     * Locales used for this component\n     */\n    @State() private _locales: any = {};\n\n    componentWillLoad() {\n        this._setLocales();\n    }\n\n    render() {\n        return (\n            <Host class={`p-page-size-select ${this.hidden && 'hidden'}`}>\n                <p-dropdown\n                    placement=\"top-start\"\n                    chevronPosition={this.chevronPosition}\n                    chevronDirection=\"down\"\n                >\n                    <p-button\n                        variant=\"secondary\"\n                        slot=\"trigger\"\n                        size={this.buttonSize}\n                    >\n                        {this.buttonTemplate\n                            ? this.buttonTemplate(this.size)\n                            : this._defaultButtonTemplate(this.size)}\n                    </p-button>\n                    <slot slot=\"items\">\n                        {this.sizeOptions.map((option) => (\n                            <p-dropdown-menu-item\n                                active={option === this.size}\n                                onClick={() => this._changeSize(option)}\n                            >\n                                {this.itemTemplate\n                                    ? this.itemTemplate(this.size)\n                                    : this._defaultItemTemplate(option)}\n                            </p-dropdown-menu-item>\n                        ))}\n                    </slot>\n                </p-dropdown>\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    private _changeSize(s?: number) {\n        if (!s) {\n            return;\n        }\n\n        this.size = s;\n        this.sizeChange.emit(this.size);\n    }\n}\n","p-pagination {\n  @apply flex;\n}\n","import {\n    Component,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n    Watch,\n} from '@stencil/core';\n\ntype PaginationSetItem = {\n    type: string;\n    value?: number | Element | JSX.Element | string;\n};\n\n@Component({\n    tag: 'p-pagination',\n    styleUrl: 'pagination.component.scss',\n})\nexport class Pagination {\n    /**\n     * The current page\n     */\n    @Prop({ mutable: true, reflect: true }) page: number = 1;\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 = 12;\n\n    /**\n     * Wether to hide when there is only 1 page available\n     */\n    @Prop() hideOnSinglePage: boolean = false;\n\n    /**\n     * The total amount of items\n     */\n    @Prop() total!: number;\n\n    private _pages: number[] = [];\n    private _set: PaginationSetItem[] = [];\n\n    componentWillRender() {\n        this._generate();\n    }\n\n    render() {\n        return (\n            <Host\n                class={`p-pagination ${\n                    this.hideOnSinglePage && this._set?.length === 3 && 'hidden'\n                }`}\n            >\n                {this._set?.map((p) => {\n                    if (p.type === 'previous' || p.type === 'next') {\n                        return (\n                            <p-pagination-item\n                                onClick={() =>\n                                    p.type === 'previous'\n                                        ? this._previousClick()\n                                        : this._nextClick()\n                                }\n                            >\n                                {p.value}\n                            </p-pagination-item>\n                        );\n                    }\n\n                    if (p.type === 'ellipsis') {\n                        return <p-pagination-item>...</p-pagination-item>;\n                    }\n\n                    return (\n                        <p-pagination-item\n                            active={p.value === this.page}\n                            onClick={() => this._pageClick(p.value as number)}\n                        >\n                            {p.value}\n                        </p-pagination-item>\n                    );\n                })}\n            </Host>\n        );\n    }\n\n    @Watch('page')\n    @Watch('pageSize')\n    @Watch('total')\n    protected pageChangeHandler() {\n        this._generate();\n    }\n\n    private _generate() {\n        this._pages = this._generatePages();\n        this._set = this._generateSet();\n\n        if (this.page > this._pages?.length) {\n            this._changePage(this._pages.length);\n        }\n    }\n\n    private _changePage(p?: number) {\n        if (!p) {\n            return;\n        }\n\n        this.page = p;\n        this.pageChange.emit(this.page);\n    }\n\n    private _previousClick() {\n        const previousPage = this.page - 1;\n        if (previousPage < this._pages[0]) {\n            return;\n        }\n\n        this._changePage(previousPage);\n    }\n\n    private _nextClick = () => {\n        const nextPage = this.page + 1;\n        if (nextPage > this._pages[this._pages.length - 1]) {\n            return;\n        }\n\n        this._changePage(nextPage);\n    };\n\n    private _pageClick = (p?: number) => this._changePage(p);\n\n    private _generatePages() {\n        if (!this.total || !this.pageSize) {\n            return [];\n        }\n\n        const pages = Math.ceil(this.total / this.pageSize);\n        return new Array(pages).fill(undefined).map((_, i) => i + 1);\n    }\n\n    private _generateSet = (\n        range: number = 1,\n        enableBoundaries: boolean = true\n    ): PaginationSetItem[] => {\n        const totalPages = this._pages.length;\n\n        if (!totalPages) {\n            return [];\n        }\n\n        let start = this.page - range;\n        let end = this.page + range;\n\n        if (end > totalPages) {\n            end = totalPages;\n            start = totalPages - range * 2;\n            start = start < 1 ? 1 : start;\n        }\n\n        if (start <= 1) {\n            start = 1;\n            end = Math.min(range * 2 + 1, totalPages);\n        }\n\n        const set = [];\n\n        const previous = {\n            type: 'previous',\n            value: <p-icon variant=\"chevron\" rotate={90} />,\n        };\n\n        const next = {\n            type: 'next',\n            value: <p-icon variant=\"chevron\" rotate={-90} />,\n        };\n\n        // Disable page range, display all the pages\n        if (range === null) {\n            const p = this._pages.map((p) => ({\n                type: 'page',\n                value: p,\n            }));\n\n            return enableBoundaries ? [previous, ...p, next] : p;\n        }\n\n        if (enableBoundaries) {\n            set.push(previous);\n        }\n\n        if (start <= 3) {\n            for (let i = 1; i < start; i++) {\n                set.push({\n                    type: 'page',\n                    value: this._pages[i - 1],\n                });\n            }\n        } else {\n            set.push({\n                type: 'page',\n                value: 1,\n            });\n\n            set.push({\n                type: 'ellipsis',\n                value: 'ellipsis',\n            });\n        }\n\n        for (let i = start; i <= end; i++) {\n            set.push({\n                type: 'page',\n                value: this._pages[i - 1],\n            });\n        }\n\n        if (end >= totalPages - 2) {\n            for (let i = end + 1; i <= totalPages; i++) {\n                set.push({\n                    type: 'page',\n                    value: this._pages[i - 1],\n                });\n            }\n        } else {\n            set.push({\n                type: 'ellipsis',\n            });\n\n            set.push({\n                type: 'page',\n                value: this._pages[this._pages.length - 1],\n            });\n        }\n\n        if (enableBoundaries) {\n            set.push(next);\n        }\n\n        return set;\n    };\n}\n",":host {\n  @apply h-8 w-8;\n  @apply flex justify-center items-center;\n  @apply font-semibold text-storm-medium text-sm;\n  @apply rounded;\n  @apply cursor-pointer;\n}\n\n:host(:hover),\n:host(:focus) {\n  @apply text-storm;\n}\n\n:host(.active) {\n  @apply text-indigo bg-indigo-light;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'p-pagination-item',\n  styleUrl: 'pagination-item.component.scss',\n  shadow: true,\n})\nexport class PaginationItem {\n  /**\n   * Wether the pagination item is active\n   */\n  @Prop() active: boolean = false;\n\n  render() {\n    return (\n      <Host class={`p-pagination-item ${this.active && 'active'}`}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["PageSizeSelect","this","_defaultButtonTemplate","size","formatTranslation","_locales","item","_defaultItemTemplate","defaultSize","defaultSizeOptions","componentWillLoad","_setLocales","render","h","Host","class","hidden","placement","chevronPosition","chevronDirection","variant","slot","buttonSize","buttonTemplate","sizeOptions","map","option","active","onClick","_changeSize","itemTemplate","async","getLocaleComponentStrings","_el","s","sizeChange","emit","paginationComponentCss","Pagination","_pages","_set","_nextClick","nextPage","page","length","_changePage","_pageClick","p","_generateSet","range","enableBoundaries","totalPages","start","end","Math","min","set","previous","type","value","rotate","next","push","i","componentWillRender","_generate","hideOnSinglePage","_a","_b","_previousClick","pageChangeHandler","_generatePages","pageChange","previousPage","total","pageSize","pages","ceil","Array","fill","undefined","_","paginationItemComponentCss","PaginationItem"],"sources":["./src/components/molecules/page-size-select/page-size-select.component.tsx","./src/components/molecules/pagination/pagination.component.scss?tag=p-pagination","./src/components/molecules/pagination/pagination.component.tsx","./src/components/atoms/pagination-item/pagination-item.component.scss?tag=p-pagination-item&encapsulation=shadow","./src/components/atoms/pagination-item/pagination-item.component.tsx"],"sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n} from '@stencil/core';\nimport {\n    formatTranslation,\n    getLocaleComponentStrings,\n} from '../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\n\nexport type templateFunc = (value: number) => string;\n\n@Component({\n    tag: 'p-page-size-select',\n    shadow: true,\n})\nexport class PageSizeSelect {\n    private _defaultButtonTemplate: templateFunc = (size) =>\n        formatTranslation(this._locales.item, { size });\n    private _defaultItemTemplate: templateFunc = (size) =>\n        formatTranslation(this._locales.item, { size });\n    /**\n     * The current page\n     */\n    @Prop({ mutable: true, reflect: true }) size: number = defaultSize;\n\n    /**\n     * The available sizes\n     */\n    @Prop() sizeOptions: number[] = defaultSizeOptions;\n\n    /**\n     * Event whenever the size changes\n     */\n    @Event() sizeChange: EventEmitter<number>;\n\n    /**\n     * Chevron position\n     */\n    @Prop() chevronPosition: 'start' | 'end' = 'start';\n\n    /**\n     * The size of the button\n     */\n    @Prop() buttonSize: 'small' | 'medium' = 'small';\n\n    /**\n     * The template for the data view\n     */\n    @Prop() buttonTemplate: templateFunc = this._defaultButtonTemplate;\n\n    /**\n     * The template for the data view\n     */\n    @Prop() itemTemplate: templateFunc = this._defaultItemTemplate;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    /**\n     * Wether to hide when there is only 1 page available\n     */\n    @Prop() hidden: boolean = false;\n\n    /**\n     * Locales used for this component\n     */\n    @State() private _locales: any = {};\n\n    componentWillLoad() {\n        this._setLocales();\n    }\n\n    render() {\n        return (\n            <Host class={`p-page-size-select ${this.hidden && 'hidden'}`}>\n                <p-dropdown\n                    placement=\"top-start\"\n                    chevronPosition={this.chevronPosition}\n                    chevronDirection=\"down\"\n                >\n                    <p-button\n                        variant=\"secondary\"\n                        slot=\"trigger\"\n                        size={this.buttonSize}\n                    >\n                        {this.buttonTemplate\n                            ? this.buttonTemplate(this.size)\n                            : this._defaultButtonTemplate(this.size)}\n                    </p-button>\n                    <slot slot=\"items\">\n                        {this.sizeOptions.map((option) => (\n                            <p-dropdown-menu-item\n                                active={option === this.size}\n                                onClick={() => this._changeSize(option)}\n                            >\n                                {this.itemTemplate\n                                    ? this.itemTemplate(this.size)\n                                    : this._defaultItemTemplate(option)}\n                            </p-dropdown-menu-item>\n                        ))}\n                    </slot>\n                </p-dropdown>\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    private _changeSize(s?: number) {\n        if (!s) {\n            return;\n        }\n\n        this.size = s;\n        this.sizeChange.emit(this.size);\n    }\n}\n","p-pagination {\n  @apply flex;\n}\n","import {\n    Component,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n    Watch,\n} from '@stencil/core';\n\ntype PaginationSetItem = {\n    type: string;\n    value?: number | Element | JSX.Element | string;\n};\n\n@Component({\n    tag: 'p-pagination',\n    styleUrl: 'pagination.component.scss',\n})\nexport class Pagination {\n    /**\n     * The current page\n     */\n    @Prop({ mutable: true, reflect: true }) page: number = 1;\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 = 12;\n\n    /**\n     * Wether to hide when there is only 1 page available\n     */\n    @Prop() hideOnSinglePage: boolean = false;\n\n    /**\n     * The total amount of items\n     */\n    @Prop() total!: number;\n\n    private _pages: number[] = [];\n    private _set: PaginationSetItem[] = [];\n\n    componentWillRender() {\n        this._generate();\n    }\n\n    render() {\n        return (\n            <Host\n                class={`p-pagination ${\n                    this.hideOnSinglePage && this._set?.length === 3 && 'hidden'\n                }`}\n            >\n                {this._set?.map((p) => {\n                    if (p.type === 'previous' || p.type === 'next') {\n                        return (\n                            <p-pagination-item\n                                onClick={() =>\n                                    p.type === 'previous'\n                                        ? this._previousClick()\n                                        : this._nextClick()\n                                }\n                            >\n                                {p.value}\n                            </p-pagination-item>\n                        );\n                    }\n\n                    if (p.type === 'ellipsis') {\n                        return <p-pagination-item>...</p-pagination-item>;\n                    }\n\n                    return (\n                        <p-pagination-item\n                            active={p.value === this.page}\n                            onClick={() => this._pageClick(p.value as number)}\n                        >\n                            {p.value}\n                        </p-pagination-item>\n                    );\n                })}\n            </Host>\n        );\n    }\n\n    @Watch('page')\n    @Watch('pageSize')\n    @Watch('total')\n    protected pageChangeHandler() {\n        this._generate();\n    }\n\n    private _generate() {\n        this._pages = this._generatePages();\n        this._set = this._generateSet();\n\n        if (this.page > this._pages?.length) {\n            this._changePage(this._pages.length);\n        }\n    }\n\n    private _changePage(p?: number) {\n        if (!p) {\n            return;\n        }\n\n        this.page = p;\n        this.pageChange.emit(this.page);\n    }\n\n    private _previousClick() {\n        const previousPage = this.page - 1;\n        if (previousPage < this._pages[0]) {\n            return;\n        }\n\n        this._changePage(previousPage);\n    }\n\n    private _nextClick = () => {\n        const nextPage = this.page + 1;\n        if (nextPage > this._pages[this._pages.length - 1]) {\n            return;\n        }\n\n        this._changePage(nextPage);\n    };\n\n    private _pageClick = (p?: number) => this._changePage(p);\n\n    private _generatePages() {\n        if (!this.total || !this.pageSize) {\n            return [];\n        }\n\n        const pages = Math.ceil(this.total / this.pageSize);\n        return new Array(pages).fill(undefined).map((_, i) => i + 1);\n    }\n\n    private _generateSet = (\n        range: number = 1,\n        enableBoundaries: boolean = true\n    ): PaginationSetItem[] => {\n        const totalPages = this._pages.length;\n\n        if (!totalPages) {\n            return [];\n        }\n\n        let start = this.page - range;\n        let end = this.page + range;\n\n        if (end > totalPages) {\n            end = totalPages;\n            start = totalPages - range * 2;\n            start = start < 1 ? 1 : start;\n        }\n\n        if (start <= 1) {\n            start = 1;\n            end = Math.min(range * 2 + 1, totalPages);\n        }\n\n        const set = [];\n\n        const previous = {\n            type: 'previous',\n            value: <p-icon variant=\"chevron\" rotate={90} />,\n        };\n\n        const next = {\n            type: 'next',\n            value: <p-icon variant=\"chevron\" rotate={-90} />,\n        };\n\n        // Disable page range, display all the pages\n        if (range === null) {\n            const p = this._pages.map((p) => ({\n                type: 'page',\n                value: p,\n            }));\n\n            return enableBoundaries ? [previous, ...p, next] : p;\n        }\n\n        if (enableBoundaries) {\n            set.push(previous);\n        }\n\n        if (start <= 3) {\n            for (let i = 1; i < start; i++) {\n                set.push({\n                    type: 'page',\n                    value: this._pages[i - 1],\n                });\n            }\n        } else {\n            set.push({\n                type: 'page',\n                value: 1,\n            });\n\n            set.push({\n                type: 'ellipsis',\n                value: 'ellipsis',\n            });\n        }\n\n        for (let i = start; i <= end; i++) {\n            set.push({\n                type: 'page',\n                value: this._pages[i - 1],\n            });\n        }\n\n        if (end >= totalPages - 2) {\n            for (let i = end + 1; i <= totalPages; i++) {\n                set.push({\n                    type: 'page',\n                    value: this._pages[i - 1],\n                });\n            }\n        } else {\n            set.push({\n                type: 'ellipsis',\n            });\n\n            set.push({\n                type: 'page',\n                value: this._pages[this._pages.length - 1],\n            });\n        }\n\n        if (enableBoundaries) {\n            set.push(next);\n        }\n\n        return set;\n    };\n}\n",":host {\n  @apply h-8 w-8;\n  @apply flex justify-center items-center;\n  @apply font-semibold text-storm-medium text-sm;\n  @apply rounded;\n  @apply cursor-pointer;\n}\n\n:host(:hover),\n:host(:focus) {\n  @apply text-storm;\n}\n\n:host(.active) {\n  @apply text-indigo bg-indigo-light;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'p-pagination-item',\n  styleUrl: 'pagination-item.component.scss',\n  shadow: true,\n})\nexport class PaginationItem {\n  /**\n   * Wether the pagination item is active\n   */\n  @Prop() active: boolean = false;\n\n  render() {\n    return (\n      <Host class={`p-pagination-item ${this.active && 'active'}`}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/{build/p-63983d38.entry.js → paperless/p-5236b565.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as a,H as r}from"./p-fe02c861.js";const e=".static{position:static!important}.mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600;order:2}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";const o=class{constructor(a){t(this,a);this.header=undefined;this.arrow=false}render(){var t,e;return a(r,{class:"p-card-header"},a("slot",{name:"prefix"}),(((t=this.header)===null||t===void 0?void 0:t.length)||this.arrow)&&a("div",{class:"title"},(e=this.header)!==null&&e!==void 0?e:"",this.arrow&&a("p-icon",{variant:"arrow"})),a("slot",{name:"suffix"}))}};o.style=e;export{o as p_card_header};
-//# sourceMappingURL=p-63983d38.entry.js.map
+import{r as t,h as a,H as r}from"./p-ac1af618.js";const e=".static{position:static!important}.mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600;order:2}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";const o=class{constructor(a){t(this,a);this.header=undefined;this.arrow=false}render(){var t,e;return a(r,{class:"p-card-header"},a("slot",{name:"prefix"}),(((t=this.header)===null||t===void 0?void 0:t.length)||this.arrow)&&a("div",{class:"title"},(e=this.header)!==null&&e!==void 0?e:"",this.arrow&&a("p-icon",{variant:"arrow"})),a("slot",{name:"suffix"}))}};o.style=e;export{o as p_card_header};
+//# sourceMappingURL=p-5236b565.entry.js.map

package/dist/paperless/{p-f73eabb7.entry.js → p-57411b2b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as a,h as e,H as r,g as s}from"./p-fe02c861.js";const o=".static{position:static!important}.block{display:block!important}.inline{display:inline!important}.flex{display:flex!important}.w-full{width:100%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.justify-center{justify-content:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}*{box-sizing:border-box}:host{display:block}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";const n=class{constructor(e){t(this,e);this.closeClicked=a(this,"closeClicked",7);this.closed=a(this,"closed",7);this._hasHeaderSlot=false;this.header=undefined;this.show=false;this.applyBlur=false;this.showClose=true;this.backdropClickClose=true;this.canClose=true;this.scrollLock=true;this._closing=false}componentWillLoad(){this._hasHeaderSlot=!!this._el.querySelector(':scope > [slot="header"]')}render(){var t;if(!this.show){return}const a=e("slot",{name:"header"});const s=e("slot",{name:"content"});return e(r,{class:"p-drawer"},e("p-backdrop",{variant:"drawer",applyBlur:this.applyBlur,onClicked:t=>this._backdropClick(t.detail),closing:this._closing,scrollLock:this.scrollLock},e("p-drawer-container",{closing:this._closing},(((t=this.header)===null||t===void 0?void 0:t.length)||this._hasHeaderSlot)&&e("p-drawer-header",{"show-close":this.showClose,onClose:t=>this.close(t.detail)},this._hasHeaderSlot?a:this.header),e("p-drawer-body",null,s))))}_backdropClick(t){if(!this.backdropClickClose){return}this.close(t)}close(t){this.closeClicked.emit({event:t,canClose:this.canClose});if(!this.canClose){return}this._closing=true;setTimeout((()=>{this.show=false;this._closing=false;this.closed.emit()}),250)}get _el(){return s(this)}};n.style=o;export{n as p_drawer};
-//# sourceMappingURL=p-f73eabb7.entry.js.map
+import{r as t,c as a,h as e,H as r,g as s}from"./p-ac1af618.js";const o=".static{position:static!important}.block{display:block!important}.inline{display:inline!important}.flex{display:flex!important}.w-full{width:100%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.justify-center{justify-content:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}*{box-sizing:border-box}:host{display:block}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";const n=class{constructor(e){t(this,e);this.closeClicked=a(this,"closeClicked",7);this.closed=a(this,"closed",7);this._hasHeaderSlot=false;this.header=undefined;this.show=false;this.applyBlur=false;this.showClose=true;this.backdropClickClose=true;this.canClose=true;this.scrollLock=true;this._closing=false}componentWillLoad(){this._hasHeaderSlot=!!this._el.querySelector(':scope > [slot="header"]')}render(){var t;if(!this.show){return}const a=e("slot",{name:"header"});const s=e("slot",{name:"content"});return e(r,{class:"p-drawer"},e("p-backdrop",{variant:"drawer",applyBlur:this.applyBlur,onClicked:t=>this._backdropClick(t.detail),closing:this._closing,scrollLock:this.scrollLock},e("p-drawer-container",{closing:this._closing},(((t=this.header)===null||t===void 0?void 0:t.length)||this._hasHeaderSlot)&&e("p-drawer-header",{"show-close":this.showClose,onClose:t=>this.close(t.detail)},this._hasHeaderSlot?a:this.header),e("p-drawer-body",null,s))))}_backdropClick(t){if(!this.backdropClickClose){return}this.close(t)}close(t){this.closeClicked.emit({event:t,canClose:this.canClose});if(!this.canClose){return}this._closing=true;setTimeout((()=>{this.show=false;this._closing=false;this.closed.emit()}),250)}get _el(){return s(this)}};n.style=o;export{n as p_drawer};
+//# sourceMappingURL=p-57411b2b.entry.js.map