@paperless/core 1.3.0 → 1.3.2

package/dist/paperless/p-36967a97.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["illustrations","emptyState","emptyStateSearch","emptyStateOverview","emptyStateAdd","departments","expenses","functions","questions","sickLeave","timeOff","upgradeToHr","email","Illustration","render","illustration","this","variant","h","Host","class","innerHTML","tableCellComponentCss","TableCell","value","data","_a","objectGetByPath","item","definition","path","index","rowIndex","Object","assign","_getColumnClasses","checkbox","flex","align","useSlot","template","sizes","_getSizes","_b","_c","_d","_e","type","_f","isLast","hidden","classes","previousSize","size","isTableColumnSizesKey","default","currentValue","previousValue","tableContainerComponentCss","TableContainer","tableFooterComponentCss","TableFooter","defaultSize","defaultSizeOptions","componentWillLoad","_setLocales","hidePageSizeSelect","hideOnSinglePage","total","pageSizeOptions","enablePageSize","enablePagination","enableExport","loading","pageSize","sizeOptions","onSizeChange","detail","_changePageSize","page","onPageChange","pageChange","emit","icon","onClick","export","formatTranslation","_locales","async","getLocaleComponentStrings","_el","s","pageSizeChange","isFunction","createErrorClass","createImpl","_super","instance","Error","call","stack","ctorFunc","prototype","create","constructor","UnsubscriptionError","UnsubscriptionErrorImpl","errors","message","length","map","err","i","toString","join","name","arrRemove","arr","indexOf","splice","Subscription","initialTeardown","closed","_parentage","_finalizers","unsubscribe","Array","isArray","parent","remove","initialFinalizer","e","finalizer","execFinalizer","push","add","teardown","_hasParent","_addParent","includes","_removeParent","EMPTY","empty","EMPTY_SUBSCRIPTION","isSubscription","config","onUnhandledError","onStoppedNotification","Promise","undefined","useDeprecatedSynchronousErrorHandling","useDeprecatedNextContext","timeoutProvider","setTimeout","handler","timeout","args","delegate","clearTimeout","handle","reportUnhandledError","noop","COMPLETE_NOTIFICATION","createNotification","errorNotification","error","nextNotification","kind","errorContext","cb","Subscriber","destination","super","isStopped","EMPTY_OBSERVER","static","next","complete","SafeSubscriber","handleStoppedNotification","_next","_error","_complete","_bind","Function","bind","fn","thisArg","ConsumerObserver","partialObserver","handleUnhandledError","observerOrNext","context","defaultErrorHandler","notification","subscriber","observable","Symbol","identity","x","pipeFromArray","fns","piped","input","reduce","prev","Observable","subscribe","_subscribe","lift","operator","source","isSubscriber","_trySubscribe","sink","forEach","promiseCtor","getPromiseCtor","resolve","reject","Symbol_observable","pipe","operations","toPromise","isObserver","hasLift","operate","init","liftedSource","TypeError","createOperatorSubscriber","onNext","onComplete","onError","onFinalize","OperatorSubscriber","shouldUnsubscribe","ObjectUnsubscribedError","ObjectUnsubscribedErrorImpl","Subject","currentObservers","observers","hasError","thrownError","subject","AnonymousSubject","_throwIfClosed","from","observer","shift","observed","_checkFinalizedStatuses","_innerSubscribe","asObservable","dateTimestampProvider","now","Date","Action","scheduler","work","schedule","state","delay","intervalProvider","setInterval","clearInterval","AsyncAction","pending","id","recycleAsyncId","requestAsyncId","_id","flush","_scheduler","execute","_execute","_delay","errored","errorValue","actions","Scheduler","schedulerActionCtor","AsyncScheduler","SchedulerAction","_active","action","asyncScheduler","debounceTime","dueTime","activeTask","lastValue","lastTime","emitWhenIdle","targetTime","distinctUntilChanged","comparator","keySelector","defaultCompare","previousKey","first","currentKey","a","b","tableHeaderComponentCss","TableHeader","_defaultFilterButtonTemplate","filter","_defaultEditButtonTemplate","amount","editText","edit","edit_single","edit_plural","_queryObserver","_hasCustomFilterSlot","querySelector","componentDidLoad","queryChange","activeQuickFilter","quickFilters","find","f","identifier","activeQuickFilterIdentifier","mobileTotal","selectedFiltersAmount","active","quickFilter","text","count","enableSearch","slot","placeholder","query","onInput","ev","target","enableFilter","filterButtonTemplate","_getLabel","enableEdit","_buttonTemplate","canEdit","mobile","editIcon","disabled","editLoading","editButtonTemplate","itemsSelectedAmount","behavior","tableRowComponentCss","TableRow","enableHover"],"sources":["./src/utils/illustrations.ts","./src/components/atoms/illustration/illustration.component.tsx","./src/components/molecules/table-cell/table-cell.component.scss?tag=p-table-cell","./src/components/molecules/table-cell/table-cell.component.tsx","./src/components/atoms/table-container/table-container.component.scss?tag=p-table-container&encapsulation=shadow","./src/components/atoms/table-container/table-container.component.tsx","./src/components/molecules/table-footer/table-footer.component.scss?tag=p-table-footer&encapsulation=shadow","./src/components/molecules/table-footer/table-footer.component.tsx","../../node_modules/rxjs/dist/esm/internal/util/isFunction.js","../../node_modules/rxjs/dist/esm/internal/util/createErrorClass.js","../../node_modules/rxjs/dist/esm/internal/util/UnsubscriptionError.js","../../node_modules/rxjs/dist/esm/internal/util/arrRemove.js","../../node_modules/rxjs/dist/esm/internal/Subscription.js","../../node_modules/rxjs/dist/esm/internal/config.js","../../node_modules/rxjs/dist/esm/internal/scheduler/timeoutProvider.js","../../node_modules/rxjs/dist/esm/internal/util/reportUnhandledError.js","../../node_modules/rxjs/dist/esm/internal/util/noop.js","../../node_modules/rxjs/dist/esm/internal/NotificationFactories.js","../../node_modules/rxjs/dist/esm/internal/util/errorContext.js","../../node_modules/rxjs/dist/esm/internal/Subscriber.js","../../node_modules/rxjs/dist/esm/internal/symbol/observable.js","../../node_modules/rxjs/dist/esm/internal/util/identity.js","../../node_modules/rxjs/dist/esm/internal/util/pipe.js","../../node_modules/rxjs/dist/esm/internal/Observable.js","../../node_modules/rxjs/dist/esm/internal/util/lift.js","../../node_modules/rxjs/dist/esm/internal/operators/OperatorSubscriber.js","../../node_modules/rxjs/dist/esm/internal/util/ObjectUnsubscribedError.js","../../node_modules/rxjs/dist/esm/internal/Subject.js","../../node_modules/rxjs/dist/esm/internal/scheduler/dateTimestampProvider.js","../../node_modules/rxjs/dist/esm/internal/scheduler/Action.js","../../node_modules/rxjs/dist/esm/internal/scheduler/intervalProvider.js","../../node_modules/rxjs/dist/esm/internal/scheduler/AsyncAction.js","../../node_modules/rxjs/dist/esm/internal/Scheduler.js","../../node_modules/rxjs/dist/esm/internal/scheduler/AsyncScheduler.js","../../node_modules/rxjs/dist/esm/internal/scheduler/async.js","../../node_modules/rxjs/dist/esm/internal/operators/debounceTime.js","../../node_modules/rxjs/dist/esm/internal/operators/distinctUntilChanged.js","./src/components/molecules/table-header/table-header.component.scss?tag=p-table-header&encapsulation=shadow","./src/components/molecules/table-header/table-header.component.tsx","./src/components/molecules/table-row/table-row.component.scss?tag=p-table-row&encapsulation=shadow","./src/components/molecules/table-row/table-row.component.tsx"],"sourcesContent":["import emptyState from '../assets/illustrations/default-empty-state.svg';\nimport departments from '../assets/illustrations/departments.svg';\nimport email from '../assets/illustrations/e-mail.svg';\nimport emptyStateAdd from '../assets/illustrations/empty-state-add.svg';\nimport emptyStateOverview from '../assets/illustrations/empty-state-overview.svg';\nimport emptyStateSearch from '../assets/illustrations/empty-state-search.svg';\nimport expenses from '../assets/illustrations/expenses.svg';\nimport functions from '../assets/illustrations/functions.svg';\nimport questions from '../assets/illustrations/questions.svg';\nimport sickLeave from '../assets/illustrations/sick-leave.svg';\nimport timeOff from '../assets/illustrations/time-off.svg';\nimport upgradeToHr from '../assets/illustrations/upgrade-to-hr.svg';\n\nexport default {\n    'empty-state': emptyState,\n    'empty-state-search': emptyStateSearch,\n    'empty-state-overview': emptyStateOverview,\n    'empty-state-add': emptyStateAdd,\n    departments,\n    expenses,\n    functions,\n    questions,\n    'sick-leave': sickLeave,\n    'time-off': timeOff,\n    'upgrade-to-hr': upgradeToHr,\n    'e-mail': email,\n};\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport illustrations from '../../../utils/illustrations';\n\nexport type IllustrationVariant = keyof typeof illustrations;\n\n@Component({\n  tag: 'p-illustration',\n  // shadow: true,\n})\nexport class Illustration {\n  /**\n   * The icon the be displayed\n   */\n  @Prop() variant!: IllustrationVariant;\n\n  render() {\n    const illustration = illustrations[this.variant];\n\n    return <Host class=\"p-illustration block\" innerHTML={illustration}></Host>;\n  }\n}\n","p-table-cell {\n    @apply flex gap-4 items-center;\n\n    // TODO: Remove this\n    // @import '../../../style/form/checkbox';\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport {\n    isTableColumnSizesKey,\n    TableColumnSizes,\n    TableColumnSizesKey,\n    TableDefinitionData,\n    TableDefinitionTemplateFunc,\n} from '../../../types';\nimport { objectGetByPath } from '../../../utils';\nimport { TableColumn } from '../../helpers/table-column/table-column.component';\n\n@Component({\n    tag: 'p-table-cell',\n    styleUrl: 'table-cell.component.scss',\n})\nexport class TableCell {\n    /**\n     * The variant of the column\n     */\n    @Prop() variant: 'default' | 'loading' | 'header' = 'default';\n\n    /**\n     * The index of the column\n     */\n    @Prop() index: number;\n\n    /**\n     * The index of the row\n     */\n    @Prop() rowIndex: number;\n\n    /**\n     * The definition of the table column\n     */\n    @Prop() definition?: TableColumn;\n\n    /**\n     * The item in question\n     */\n    @Prop() item: any;\n\n    /**\n     * The value of the column\n     */\n    @Prop() value: any;\n\n    /**\n     * The checkbox to show\n     */\n    @Prop() checkbox: any;\n\n    /**\n     * The template to show\n     */\n    @Prop() template: TableDefinitionTemplateFunc = ({\n        value,\n    }: TableDefinitionData) => value;\n\n    get data(): TableDefinitionData | { value: string } {\n        if (this.variant === 'header') {\n            return {\n                value: this.value,\n            };\n        }\n\n        return {\n            value:\n                this.value ?? objectGetByPath(this.item, this.definition.path),\n            item: this.item,\n            index: this.index,\n            rowIndex: this.rowIndex,\n        };\n    }\n\n    render() {\n        return (\n            <Host\n                class={{\n                    'p-table-cell': true,\n                    [`variant-${this.variant}`]: true,\n                    ...this._getColumnClasses(),\n                }}\n            >\n                {this.checkbox}\n\n                {this.variant === 'loading' ? (\n                    <p-loader\n                        variant=\"ghost\"\n                        class=\"h-6 w-full flex-1 rounded\"\n                    />\n                ) : (\n                    <div\n                        class={{\n                            flex: true,\n                            'justify-start': this.definition.align === 'start',\n                            'justify-center':\n                                this.definition.align === 'center',\n                            'justify-end': this.definition.align === 'end',\n                        }}\n                    >\n                        {this.variant === 'header' ? (\n                            this.data.value\n                        ) : this.definition.useSlot ? (\n                            <slot />\n                        ) : (\n                            this.template(this.data as TableDefinitionData)\n                        )}\n                    </div>\n                )}\n            </Host>\n        );\n    }\n\n    private _getColumnClasses() {\n        const sizes = this.definition ? this._getSizes(this.definition) : {};\n        return {\n            'justify-start':\n                !this.definition?.align || this.definition?.align === 'start',\n            'justify-center': this.definition?.align === 'center',\n            'justify-end': this.definition?.align === 'end',\n            'font-semibold':\n                this.variant !== 'header' && this.definition?.type === 'th',\n            'text-storm-dark':\n                this.variant !== 'header' && this.definition?.type === 'th',\n            'pr-4': this.definition.isLast === false,\n            ...sizes,\n        };\n    }\n\n    /* \n     With this, we shall hack the system in ways no one would ever have thought.\n     \n     <div class=\"w-1/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12 w-10/12 w-11/12 w-12/12\"></div>\n     <div class=\"tablet:w-1/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12 tablet:w-10/12 tablet:w-11/12 tablet:w-12/12\"></div>\n     <div class=\"desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12\"></div>\n     <div class=\"desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12\"></div>\n     <div class=\"desktop-sm:w-1/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12 desktop-sm:w-10/12 desktop-sm:w-11/12 desktop-sm:w-12/12\"></div>\n     <div class=\"desktop:w-1/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-10/12 desktop:w-11/12 desktop:w-12/12\"></div>\n     <div class=\"desktop-lg:w-1/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12 desktop-lg:w-10/12 desktop-lg:w-11/12 desktop-lg:w-12/12\"></div>\n     <div class=\"desktop-xl:w-1/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12 desktop-xl:w-10/12 desktop-xl:w-11/12 desktop-xl:w-12/12\"></div>\n\n     \n        ⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣶⣦⣬⡉⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠚⢉⣥⣴⣾⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀\n        ⠀⠀⠀⡾⠿⠛⠛⠛⠛⠿⢿⣿⣿⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿⣿⠿⠿⠛⠛⠛⠛⠿⢧⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⣠⣿⣿⣿⣿⡿⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⣠⣤⠶⠶⠶⠰⠦⣤⣀⠀⠙⣷⠀⠀⠀⠀⠀⠀⠀⢠⡿⠋⢀⣀⣤⢴⠆⠲⠶⠶⣤⣄⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠘⣆⠀⠀⢠⣾⣫⣶⣾⣿⣿⣿⣿⣷⣯⣿⣦⠈⠃⡇⠀⠀⠀⠀⢸⠘⢁⣶⣿⣵⣾⣿⣿⣿⣿⣷⣦⣝⣷⡄⠀⠀⡰⠂⠀\n        ⠀⠀⣨⣷⣶⣿⣧⣛⣛⠿⠿⣿⢿⣿⣿⣛⣿⡿⠀⠀⡇⠀⠀⠀⠀⢸⠀⠈⢿⣟⣛⠿⢿⡿⢿⢿⢿⣛⣫⣼⡿⣶⣾⣅⡀⠀\n        ⢀⡼⠋⠁⠀⠀⠈⠉⠛⠛⠻⠟⠸⠛⠋⠉⠁⠀⠀⢸⡇⠀⠀⠄⠀⢸⡄⠀⠀⠈⠉⠙⠛⠃⠻⠛⠛⠛⠉⠁⠀⠀⠈⠙⢧⡀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⡇⢠⠀⠀⠀⢸⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡇⠀⠀⠀⠀⢸⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⣿⠇⠀⠀⠀⠀⢸⡇⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⠖⡾⠁⠀⠀⣿⠀⠀⠀⠀⠀⠘⣿⠀⠀⠙⡇⢸⣷⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀\n        ⠀⠀⢻⣷⡦⣤⣤⣤⡴⠶⠿⠛⠉⠁⠀⢳⠀⢠⡀⢿⣀⠀⠀⠀⠀⣠⡟⢀⣀⢠⠇⠀⠈⠙⠛⠷⠶⢦⣤⣤⣤⢴⣾⡏⠀⠀\n        ⠀⠀⠈⣿⣧⠙⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠘⠛⢊⣙⠛⠒⠒⢛⣋⡚⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⣠⣿⡿⠁⣾⡿⠀⠀⠀\n        ⠀⠀⠀⠘⣿⣇⠈⢿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿⡿⢿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⡟⠁⣼⡿⠁⠀⠀⠀\n        ⠀⠀⠀⠀⠘⣿⣦⠀⠻⣿⣷⣦⣤⣤⣶⣶⣶⣿⣿⣿⣿⠏⠀⠀⠻⣿⣿⣿⣿⣶⣶⣶⣦⣤⣴⣿⣿⠏⢀⣼⡿⠁⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠘⢿⣷⣄⠙⠻⠿⠿⠿⠿⠿⢿⣿⣿⣿⣁⣀⣀⣀⣀⣙⣿⣿⣿⠿⠿⠿⠿⠿⠿⠟⠁⣠⣿⡿⠁⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠈⠻⣯⠙⢦⣀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⣠⠴⢋⣾⠟⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠙⢧⡀⠈⠉⠒⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠐⠒⠉⠁⢀⡾⠃⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⣠⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢦⡀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⢀⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n    */\n    private _getSizes({ sizes }: TableColumn) {\n        if (sizes === 'auto' || !sizes) {\n            return {\n                'w-auto': true,\n            };\n        }\n\n        if (sizes === 'hidden') {\n            return {\n                hidden: true,\n            };\n        }\n\n        if (typeof sizes === 'object') {\n            sizes = sizes as TableColumnSizes;\n            const classes: any = {};\n            let previousSize: TableColumnSizesKey | undefined;\n\n            for (let size in sizes) {\n                if (!isTableColumnSizesKey(sizes, size)) {\n                    continue;\n                }\n\n                if (size === 'default') {\n                    if (sizes.default === 'hidden') {\n                        classes['hidden'] = true;\n                        previousSize = size;\n                        continue;\n                    }\n\n                    classes[`w-${sizes.default}/12`] = true;\n                    previousSize = size;\n                    continue;\n                }\n\n                const currentValue = sizes[size];\n                const previousValue = previousSize ? sizes[previousSize] : null;\n                if (\n                    currentValue !== 'hidden' &&\n                    previousValue &&\n                    previousValue === 'hidden'\n                ) {\n                    classes[`${size}:flex`] = true;\n                }\n\n                if (currentValue === 'hidden') {\n                    classes[`${size}:hidden`] = true;\n                    previousSize = size;\n                    continue;\n                }\n\n                if (currentValue === 12 || currentValue === 'full') {\n                    classes[`${size}:w-full`] = true;\n                }\n\n                classes[`${size}:w-${currentValue}/12`] = true;\n                previousSize = size;\n            }\n\n            return classes;\n        }\n\n        if (sizes === 12 || sizes === 'full') {\n            return {\n                'w-full': true,\n            };\n        }\n\n        // is a number.\n        return {\n            [`w-${sizes}/12`]: true,\n        };\n    }\n}\n",":host {\n    @apply flex flex-col w-full;\n    @apply bg-white rounded-large;\n    @apply shadow-4 #{!important};\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n    tag: 'p-table-container',\n    styleUrl: 'table-container.component.scss',\n    shadow: true,\n})\nexport class TableContainer {\n    render() {\n        return (\n            <Host class=\"p-table-container\">\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply grid grid-cols-1 gap-4;\n    @apply w-full;\n    @apply p-6;\n\n    > p-pagination {\n        @apply flex justify-self-center col-start-1;\n    }\n\n    > p-loader {\n        @apply col-start-1;\n    }\n\n    @screen desktop-xs {\n        @apply grid-cols-3;\n        grid-template-areas: 'page-size pagination export';\n\n        > p-page-size-select {\n            @apply col-start-1;\n        }\n\n        > p-pagination {\n            @apply col-start-2;\n        }\n\n        > p-loader {\n            @apply col-start-2;\n        }\n\n        > p-button {\n            @apply justify-self-end col-start-3;\n        }\n    }\n}\n\n:host(.page-size-disabled.export-disabled) {\n    @apply grid-cols-1;\n\n    > p-pagination {\n        @apply col-start-1;\n    }\n}\n","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 '../page-size-select/constants';\n\n@Component({\n    tag: 'p-table-footer',\n    styleUrl: 'table-footer.component.scss',\n    shadow: true,\n})\nexport class TableFooter {\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     * Wether we want to show loading state\n     */\n    @Prop() loading: boolean = false;\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    /**\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    componentWillLoad() {\n        this._setLocales();\n    }\n\n    render() {\n        const hidePageSizeSelect =\n            this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];\n        return (\n            <Host\n                class={`p-table-footer ${\n                    !this.enablePageSize && 'page-size-disabled'\n                } ${!this.enablePagination && 'pagination-disabled'} ${\n                    !this.enableExport && 'export-disabled'\n                }`}\n            >\n                {!this.loading &&\n                    this.enablePagination &&\n                    this.enablePageSize && (\n                        <p-page-size-select\n                            class={\n                                !hidePageSizeSelect && 'hidden desktop-xs:flex'\n                            }\n                            hidden={hidePageSizeSelect}\n                            size={this.pageSize}\n                            sizeOptions={this.pageSizeOptions}\n                            onSizeChange={({ detail }) =>\n                                this._changePageSize(detail)\n                            }\n                        />\n                    )}\n\n                {this.loading && (\n                    <p-loader\n                        variant=\"ghost\"\n                        class=\"rounded w-full h-8\"\n                    ></p-loader>\n                )}\n\n                {!this.loading && this.enablePagination && (\n                    <p-pagination\n                        pageSize={this.pageSize}\n                        total={this.total}\n                        page={this.page}\n                        hideOnSinglePage={this.hideOnSinglePage}\n                        onPageChange={({ detail }) =>\n                            this.pageChange.emit(detail)\n                        }\n                    />\n                )}\n                {!this.loading && this.enableExport && (\n                    <p-button\n                        class=\"hidden desktop-xs:flex\"\n                        variant=\"secondary\"\n                        size=\"small\"\n                        icon=\"download\"\n                        onClick={() => this.export.emit()}\n                    >\n                        {formatTranslation(this._locales.export)}\n                    </p-button>\n                )}\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 _changePageSize(s?: number) {\n        if (!s) {\n            return;\n        }\n\n        this.pageSize = s;\n        this.pageSizeChange.emit(this.pageSize);\n    }\n}\n","export function isFunction(value) {\n    return typeof value === 'function';\n}\n//# sourceMappingURL=isFunction.js.map","export function createErrorClass(createImpl) {\n    const _super = (instance) => {\n        Error.call(instance);\n        instance.stack = new Error().stack;\n    };\n    const ctorFunc = createImpl(_super);\n    ctorFunc.prototype = Object.create(Error.prototype);\n    ctorFunc.prototype.constructor = ctorFunc;\n    return ctorFunc;\n}\n//# sourceMappingURL=createErrorClass.js.map","import { createErrorClass } from './createErrorClass';\nexport const UnsubscriptionError = createErrorClass((_super) => function UnsubscriptionErrorImpl(errors) {\n    _super(this);\n    this.message = errors\n        ? `${errors.length} errors occurred during unsubscription:\n${errors.map((err, i) => `${i + 1}) ${err.toString()}`).join('\\n  ')}`\n        : '';\n    this.name = 'UnsubscriptionError';\n    this.errors = errors;\n});\n//# sourceMappingURL=UnsubscriptionError.js.map","export function arrRemove(arr, item) {\n    if (arr) {\n        const index = arr.indexOf(item);\n        0 <= index && arr.splice(index, 1);\n    }\n}\n//# sourceMappingURL=arrRemove.js.map","import { isFunction } from './util/isFunction';\nimport { UnsubscriptionError } from './util/UnsubscriptionError';\nimport { arrRemove } from './util/arrRemove';\nexport class Subscription {\n    constructor(initialTeardown) {\n        this.initialTeardown = initialTeardown;\n        this.closed = false;\n        this._parentage = null;\n        this._finalizers = null;\n    }\n    unsubscribe() {\n        let errors;\n        if (!this.closed) {\n            this.closed = true;\n            const { _parentage } = this;\n            if (_parentage) {\n                this._parentage = null;\n                if (Array.isArray(_parentage)) {\n                    for (const parent of _parentage) {\n                        parent.remove(this);\n                    }\n                }\n                else {\n                    _parentage.remove(this);\n                }\n            }\n            const { initialTeardown: initialFinalizer } = this;\n            if (isFunction(initialFinalizer)) {\n                try {\n                    initialFinalizer();\n                }\n                catch (e) {\n                    errors = e instanceof UnsubscriptionError ? e.errors : [e];\n                }\n            }\n            const { _finalizers } = this;\n            if (_finalizers) {\n                this._finalizers = null;\n                for (const finalizer of _finalizers) {\n                    try {\n                        execFinalizer(finalizer);\n                    }\n                    catch (err) {\n                        errors = errors !== null && errors !== void 0 ? errors : [];\n                        if (err instanceof UnsubscriptionError) {\n                            errors = [...errors, ...err.errors];\n                        }\n                        else {\n                            errors.push(err);\n                        }\n                    }\n                }\n            }\n            if (errors) {\n                throw new UnsubscriptionError(errors);\n            }\n        }\n    }\n    add(teardown) {\n        var _a;\n        if (teardown && teardown !== this) {\n            if (this.closed) {\n                execFinalizer(teardown);\n            }\n            else {\n                if (teardown instanceof Subscription) {\n                    if (teardown.closed || teardown._hasParent(this)) {\n                        return;\n                    }\n                    teardown._addParent(this);\n                }\n                (this._finalizers = (_a = this._finalizers) !== null && _a !== void 0 ? _a : []).push(teardown);\n            }\n        }\n    }\n    _hasParent(parent) {\n        const { _parentage } = this;\n        return _parentage === parent || (Array.isArray(_parentage) && _parentage.includes(parent));\n    }\n    _addParent(parent) {\n        const { _parentage } = this;\n        this._parentage = Array.isArray(_parentage) ? (_parentage.push(parent), _parentage) : _parentage ? [_parentage, parent] : parent;\n    }\n    _removeParent(parent) {\n        const { _parentage } = this;\n        if (_parentage === parent) {\n            this._parentage = null;\n        }\n        else if (Array.isArray(_parentage)) {\n            arrRemove(_parentage, parent);\n        }\n    }\n    remove(teardown) {\n        const { _finalizers } = this;\n        _finalizers && arrRemove(_finalizers, teardown);\n        if (teardown instanceof Subscription) {\n            teardown._removeParent(this);\n        }\n    }\n}\nSubscription.EMPTY = (() => {\n    const empty = new Subscription();\n    empty.closed = true;\n    return empty;\n})();\nexport const EMPTY_SUBSCRIPTION = Subscription.EMPTY;\nexport function isSubscription(value) {\n    return (value instanceof Subscription ||\n        (value && 'closed' in value && isFunction(value.remove) && isFunction(value.add) && isFunction(value.unsubscribe)));\n}\nfunction execFinalizer(finalizer) {\n    if (isFunction(finalizer)) {\n        finalizer();\n    }\n    else {\n        finalizer.unsubscribe();\n    }\n}\n//# sourceMappingURL=Subscription.js.map","export const config = {\n    onUnhandledError: null,\n    onStoppedNotification: null,\n    Promise: undefined,\n    useDeprecatedSynchronousErrorHandling: false,\n    useDeprecatedNextContext: false,\n};\n//# sourceMappingURL=config.js.map","export const timeoutProvider = {\n    setTimeout(handler, timeout, ...args) {\n        const { delegate } = timeoutProvider;\n        if (delegate === null || delegate === void 0 ? void 0 : delegate.setTimeout) {\n            return delegate.setTimeout(handler, timeout, ...args);\n        }\n        return setTimeout(handler, timeout, ...args);\n    },\n    clearTimeout(handle) {\n        const { delegate } = timeoutProvider;\n        return ((delegate === null || delegate === void 0 ? void 0 : delegate.clearTimeout) || clearTimeout)(handle);\n    },\n    delegate: undefined,\n};\n//# sourceMappingURL=timeoutProvider.js.map","import { config } from '../config';\nimport { timeoutProvider } from '../scheduler/timeoutProvider';\nexport function reportUnhandledError(err) {\n    timeoutProvider.setTimeout(() => {\n        const { onUnhandledError } = config;\n        if (onUnhandledError) {\n            onUnhandledError(err);\n        }\n        else {\n            throw err;\n        }\n    });\n}\n//# sourceMappingURL=reportUnhandledError.js.map","export function noop() { }\n//# sourceMappingURL=noop.js.map","export const COMPLETE_NOTIFICATION = (() => createNotification('C', undefined, undefined))();\nexport function errorNotification(error) {\n    return createNotification('E', undefined, error);\n}\nexport function nextNotification(value) {\n    return createNotification('N', value, undefined);\n}\nexport function createNotification(kind, value, error) {\n    return {\n        kind,\n        value,\n        error,\n    };\n}\n//# sourceMappingURL=NotificationFactories.js.map","import { config } from '../config';\nlet context = null;\nexport function errorContext(cb) {\n    if (config.useDeprecatedSynchronousErrorHandling) {\n        const isRoot = !context;\n        if (isRoot) {\n            context = { errorThrown: false, error: null };\n        }\n        cb();\n        if (isRoot) {\n            const { errorThrown, error } = context;\n            context = null;\n            if (errorThrown) {\n                throw error;\n            }\n        }\n    }\n    else {\n        cb();\n    }\n}\nexport function captureError(err) {\n    if (config.useDeprecatedSynchronousErrorHandling && context) {\n        context.errorThrown = true;\n        context.error = err;\n    }\n}\n//# sourceMappingURL=errorContext.js.map","import { isFunction } from './util/isFunction';\nimport { isSubscription, Subscription } from './Subscription';\nimport { config } from './config';\nimport { reportUnhandledError } from './util/reportUnhandledError';\nimport { noop } from './util/noop';\nimport { nextNotification, errorNotification, COMPLETE_NOTIFICATION } from './NotificationFactories';\nimport { timeoutProvider } from './scheduler/timeoutProvider';\nimport { captureError } from './util/errorContext';\nexport class Subscriber extends Subscription {\n    constructor(destination) {\n        super();\n        this.isStopped = false;\n        if (destination) {\n            this.destination = destination;\n            if (isSubscription(destination)) {\n                destination.add(this);\n            }\n        }\n        else {\n            this.destination = EMPTY_OBSERVER;\n        }\n    }\n    static create(next, error, complete) {\n        return new SafeSubscriber(next, error, complete);\n    }\n    next(value) {\n        if (this.isStopped) {\n            handleStoppedNotification(nextNotification(value), this);\n        }\n        else {\n            this._next(value);\n        }\n    }\n    error(err) {\n        if (this.isStopped) {\n            handleStoppedNotification(errorNotification(err), this);\n        }\n        else {\n            this.isStopped = true;\n            this._error(err);\n        }\n    }\n    complete() {\n        if (this.isStopped) {\n            handleStoppedNotification(COMPLETE_NOTIFICATION, this);\n        }\n        else {\n            this.isStopped = true;\n            this._complete();\n        }\n    }\n    unsubscribe() {\n        if (!this.closed) {\n            this.isStopped = true;\n            super.unsubscribe();\n            this.destination = null;\n        }\n    }\n    _next(value) {\n        this.destination.next(value);\n    }\n    _error(err) {\n        try {\n            this.destination.error(err);\n        }\n        finally {\n            this.unsubscribe();\n        }\n    }\n    _complete() {\n        try {\n            this.destination.complete();\n        }\n        finally {\n            this.unsubscribe();\n        }\n    }\n}\nconst _bind = Function.prototype.bind;\nfunction bind(fn, thisArg) {\n    return _bind.call(fn, thisArg);\n}\nclass ConsumerObserver {\n    constructor(partialObserver) {\n        this.partialObserver = partialObserver;\n    }\n    next(value) {\n        const { partialObserver } = this;\n        if (partialObserver.next) {\n            try {\n                partialObserver.next(value);\n            }\n            catch (error) {\n                handleUnhandledError(error);\n            }\n        }\n    }\n    error(err) {\n        const { partialObserver } = this;\n        if (partialObserver.error) {\n            try {\n                partialObserver.error(err);\n            }\n            catch (error) {\n                handleUnhandledError(error);\n            }\n        }\n        else {\n            handleUnhandledError(err);\n        }\n    }\n    complete() {\n        const { partialObserver } = this;\n        if (partialObserver.complete) {\n            try {\n                partialObserver.complete();\n            }\n            catch (error) {\n                handleUnhandledError(error);\n            }\n        }\n    }\n}\nexport class SafeSubscriber extends Subscriber {\n    constructor(observerOrNext, error, complete) {\n        super();\n        let partialObserver;\n        if (isFunction(observerOrNext) || !observerOrNext) {\n            partialObserver = {\n                next: (observerOrNext !== null && observerOrNext !== void 0 ? observerOrNext : undefined),\n                error: error !== null && error !== void 0 ? error : undefined,\n                complete: complete !== null && complete !== void 0 ? complete : undefined,\n            };\n        }\n        else {\n            let context;\n            if (this && config.useDeprecatedNextContext) {\n                context = Object.create(observerOrNext);\n                context.unsubscribe = () => this.unsubscribe();\n                partialObserver = {\n                    next: observerOrNext.next && bind(observerOrNext.next, context),\n                    error: observerOrNext.error && bind(observerOrNext.error, context),\n                    complete: observerOrNext.complete && bind(observerOrNext.complete, context),\n                };\n            }\n            else {\n                partialObserver = observerOrNext;\n            }\n        }\n        this.destination = new ConsumerObserver(partialObserver);\n    }\n}\nfunction handleUnhandledError(error) {\n    if (config.useDeprecatedSynchronousErrorHandling) {\n        captureError(error);\n    }\n    else {\n        reportUnhandledError(error);\n    }\n}\nfunction defaultErrorHandler(err) {\n    throw err;\n}\nfunction handleStoppedNotification(notification, subscriber) {\n    const { onStoppedNotification } = config;\n    onStoppedNotification && timeoutProvider.setTimeout(() => onStoppedNotification(notification, subscriber));\n}\nexport const EMPTY_OBSERVER = {\n    closed: true,\n    next: noop,\n    error: defaultErrorHandler,\n    complete: noop,\n};\n//# sourceMappingURL=Subscriber.js.map","export const observable = (() => (typeof Symbol === 'function' && Symbol.observable) || '@@observable')();\n//# sourceMappingURL=observable.js.map","export function identity(x) {\n    return x;\n}\n//# sourceMappingURL=identity.js.map","import { identity } from './identity';\nexport function pipe(...fns) {\n    return pipeFromArray(fns);\n}\nexport function pipeFromArray(fns) {\n    if (fns.length === 0) {\n        return identity;\n    }\n    if (fns.length === 1) {\n        return fns[0];\n    }\n    return function piped(input) {\n        return fns.reduce((prev, fn) => fn(prev), input);\n    };\n}\n//# sourceMappingURL=pipe.js.map","import { SafeSubscriber, Subscriber } from './Subscriber';\nimport { isSubscription } from './Subscription';\nimport { observable as Symbol_observable } from './symbol/observable';\nimport { pipeFromArray } from './util/pipe';\nimport { config } from './config';\nimport { isFunction } from './util/isFunction';\nimport { errorContext } from './util/errorContext';\nexport class Observable {\n    constructor(subscribe) {\n        if (subscribe) {\n            this._subscribe = subscribe;\n        }\n    }\n    lift(operator) {\n        const observable = new Observable();\n        observable.source = this;\n        observable.operator = operator;\n        return observable;\n    }\n    subscribe(observerOrNext, error, complete) {\n        const subscriber = isSubscriber(observerOrNext) ? observerOrNext : new SafeSubscriber(observerOrNext, error, complete);\n        errorContext(() => {\n            const { operator, source } = this;\n            subscriber.add(operator\n                ?\n                    operator.call(subscriber, source)\n                : source\n                    ?\n                        this._subscribe(subscriber)\n                    :\n                        this._trySubscribe(subscriber));\n        });\n        return subscriber;\n    }\n    _trySubscribe(sink) {\n        try {\n            return this._subscribe(sink);\n        }\n        catch (err) {\n            sink.error(err);\n        }\n    }\n    forEach(next, promiseCtor) {\n        promiseCtor = getPromiseCtor(promiseCtor);\n        return new promiseCtor((resolve, reject) => {\n            const subscriber = new SafeSubscriber({\n                next: (value) => {\n                    try {\n                        next(value);\n                    }\n                    catch (err) {\n                        reject(err);\n                        subscriber.unsubscribe();\n                    }\n                },\n                error: reject,\n                complete: resolve,\n            });\n            this.subscribe(subscriber);\n        });\n    }\n    _subscribe(subscriber) {\n        var _a;\n        return (_a = this.source) === null || _a === void 0 ? void 0 : _a.subscribe(subscriber);\n    }\n    [Symbol_observable]() {\n        return this;\n    }\n    pipe(...operations) {\n        return pipeFromArray(operations)(this);\n    }\n    toPromise(promiseCtor) {\n        promiseCtor = getPromiseCtor(promiseCtor);\n        return new promiseCtor((resolve, reject) => {\n            let value;\n            this.subscribe((x) => (value = x), (err) => reject(err), () => resolve(value));\n        });\n    }\n}\nObservable.create = (subscribe) => {\n    return new Observable(subscribe);\n};\nfunction getPromiseCtor(promiseCtor) {\n    var _a;\n    return (_a = promiseCtor !== null && promiseCtor !== void 0 ? promiseCtor : config.Promise) !== null && _a !== void 0 ? _a : Promise;\n}\nfunction isObserver(value) {\n    return value && isFunction(value.next) && isFunction(value.error) && isFunction(value.complete);\n}\nfunction isSubscriber(value) {\n    return (value && value instanceof Subscriber) || (isObserver(value) && isSubscription(value));\n}\n//# sourceMappingURL=Observable.js.map","import { isFunction } from './isFunction';\nexport function hasLift(source) {\n    return isFunction(source === null || source === void 0 ? void 0 : source.lift);\n}\nexport function operate(init) {\n    return (source) => {\n        if (hasLift(source)) {\n            return source.lift(function (liftedSource) {\n                try {\n                    return init(liftedSource, this);\n                }\n                catch (err) {\n                    this.error(err);\n                }\n            });\n        }\n        throw new TypeError('Unable to lift unknown Observable type');\n    };\n}\n//# sourceMappingURL=lift.js.map","import { Subscriber } from '../Subscriber';\nexport function createOperatorSubscriber(destination, onNext, onComplete, onError, onFinalize) {\n    return new OperatorSubscriber(destination, onNext, onComplete, onError, onFinalize);\n}\nexport class OperatorSubscriber extends Subscriber {\n    constructor(destination, onNext, onComplete, onError, onFinalize, shouldUnsubscribe) {\n        super(destination);\n        this.onFinalize = onFinalize;\n        this.shouldUnsubscribe = shouldUnsubscribe;\n        this._next = onNext\n            ? function (value) {\n                try {\n                    onNext(value);\n                }\n                catch (err) {\n                    destination.error(err);\n                }\n            }\n            : super._next;\n        this._error = onError\n            ? function (err) {\n                try {\n                    onError(err);\n                }\n                catch (err) {\n                    destination.error(err);\n                }\n                finally {\n                    this.unsubscribe();\n                }\n            }\n            : super._error;\n        this._complete = onComplete\n            ? function () {\n                try {\n                    onComplete();\n                }\n                catch (err) {\n                    destination.error(err);\n                }\n                finally {\n                    this.unsubscribe();\n                }\n            }\n            : super._complete;\n    }\n    unsubscribe() {\n        var _a;\n        if (!this.shouldUnsubscribe || this.shouldUnsubscribe()) {\n            const { closed } = this;\n            super.unsubscribe();\n            !closed && ((_a = this.onFinalize) === null || _a === void 0 ? void 0 : _a.call(this));\n        }\n    }\n}\n//# sourceMappingURL=OperatorSubscriber.js.map","import { createErrorClass } from './createErrorClass';\nexport const ObjectUnsubscribedError = createErrorClass((_super) => function ObjectUnsubscribedErrorImpl() {\n    _super(this);\n    this.name = 'ObjectUnsubscribedError';\n    this.message = 'object unsubscribed';\n});\n//# sourceMappingURL=ObjectUnsubscribedError.js.map","import { Observable } from './Observable';\nimport { Subscription, EMPTY_SUBSCRIPTION } from './Subscription';\nimport { ObjectUnsubscribedError } from './util/ObjectUnsubscribedError';\nimport { arrRemove } from './util/arrRemove';\nimport { errorContext } from './util/errorContext';\nexport class Subject extends Observable {\n    constructor() {\n        super();\n        this.closed = false;\n        this.currentObservers = null;\n        this.observers = [];\n        this.isStopped = false;\n        this.hasError = false;\n        this.thrownError = null;\n    }\n    lift(operator) {\n        const subject = new AnonymousSubject(this, this);\n        subject.operator = operator;\n        return subject;\n    }\n    _throwIfClosed() {\n        if (this.closed) {\n            throw new ObjectUnsubscribedError();\n        }\n    }\n    next(value) {\n        errorContext(() => {\n            this._throwIfClosed();\n            if (!this.isStopped) {\n                if (!this.currentObservers) {\n                    this.currentObservers = Array.from(this.observers);\n                }\n                for (const observer of this.currentObservers) {\n                    observer.next(value);\n                }\n            }\n        });\n    }\n    error(err) {\n        errorContext(() => {\n            this._throwIfClosed();\n            if (!this.isStopped) {\n                this.hasError = this.isStopped = true;\n                this.thrownError = err;\n                const { observers } = this;\n                while (observers.length) {\n                    observers.shift().error(err);\n                }\n            }\n        });\n    }\n    complete() {\n        errorContext(() => {\n            this._throwIfClosed();\n            if (!this.isStopped) {\n                this.isStopped = true;\n                const { observers } = this;\n                while (observers.length) {\n                    observers.shift().complete();\n                }\n            }\n        });\n    }\n    unsubscribe() {\n        this.isStopped = this.closed = true;\n        this.observers = this.currentObservers = null;\n    }\n    get observed() {\n        var _a;\n        return ((_a = this.observers) === null || _a === void 0 ? void 0 : _a.length) > 0;\n    }\n    _trySubscribe(subscriber) {\n        this._throwIfClosed();\n        return super._trySubscribe(subscriber);\n    }\n    _subscribe(subscriber) {\n        this._throwIfClosed();\n        this._checkFinalizedStatuses(subscriber);\n        return this._innerSubscribe(subscriber);\n    }\n    _innerSubscribe(subscriber) {\n        const { hasError, isStopped, observers } = this;\n        if (hasError || isStopped) {\n            return EMPTY_SUBSCRIPTION;\n        }\n        this.currentObservers = null;\n        observers.push(subscriber);\n        return new Subscription(() => {\n            this.currentObservers = null;\n            arrRemove(observers, subscriber);\n        });\n    }\n    _checkFinalizedStatuses(subscriber) {\n        const { hasError, thrownError, isStopped } = this;\n        if (hasError) {\n            subscriber.error(thrownError);\n        }\n        else if (isStopped) {\n            subscriber.complete();\n        }\n    }\n    asObservable() {\n        const observable = new Observable();\n        observable.source = this;\n        return observable;\n    }\n}\nSubject.create = (destination, source) => {\n    return new AnonymousSubject(destination, source);\n};\nexport class AnonymousSubject extends Subject {\n    constructor(destination, source) {\n        super();\n        this.destination = destination;\n        this.source = source;\n    }\n    next(value) {\n        var _a, _b;\n        (_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.next) === null || _b === void 0 ? void 0 : _b.call(_a, value);\n    }\n    error(err) {\n        var _a, _b;\n        (_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.call(_a, err);\n    }\n    complete() {\n        var _a, _b;\n        (_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.complete) === null || _b === void 0 ? void 0 : _b.call(_a);\n    }\n    _subscribe(subscriber) {\n        var _a, _b;\n        return (_b = (_a = this.source) === null || _a === void 0 ? void 0 : _a.subscribe(subscriber)) !== null && _b !== void 0 ? _b : EMPTY_SUBSCRIPTION;\n    }\n}\n//# sourceMappingURL=Subject.js.map","export const dateTimestampProvider = {\n    now() {\n        return (dateTimestampProvider.delegate || Date).now();\n    },\n    delegate: undefined,\n};\n//# sourceMappingURL=dateTimestampProvider.js.map","import { Subscription } from '../Subscription';\nexport class Action extends Subscription {\n    constructor(scheduler, work) {\n        super();\n    }\n    schedule(state, delay = 0) {\n        return this;\n    }\n}\n//# sourceMappingURL=Action.js.map","export const intervalProvider = {\n    setInterval(handler, timeout, ...args) {\n        const { delegate } = intervalProvider;\n        if (delegate === null || delegate === void 0 ? void 0 : delegate.setInterval) {\n            return delegate.setInterval(handler, timeout, ...args);\n        }\n        return setInterval(handler, timeout, ...args);\n    },\n    clearInterval(handle) {\n        const { delegate } = intervalProvider;\n        return ((delegate === null || delegate === void 0 ? void 0 : delegate.clearInterval) || clearInterval)(handle);\n    },\n    delegate: undefined,\n};\n//# sourceMappingURL=intervalProvider.js.map","import { Action } from './Action';\nimport { intervalProvider } from './intervalProvider';\nimport { arrRemove } from '../util/arrRemove';\nexport class AsyncAction extends Action {\n    constructor(scheduler, work) {\n        super(scheduler, work);\n        this.scheduler = scheduler;\n        this.work = work;\n        this.pending = false;\n    }\n    schedule(state, delay = 0) {\n        var _a;\n        if (this.closed) {\n            return this;\n        }\n        this.state = state;\n        const id = this.id;\n        const scheduler = this.scheduler;\n        if (id != null) {\n            this.id = this.recycleAsyncId(scheduler, id, delay);\n        }\n        this.pending = true;\n        this.delay = delay;\n        this.id = (_a = this.id) !== null && _a !== void 0 ? _a : this.requestAsyncId(scheduler, this.id, delay);\n        return this;\n    }\n    requestAsyncId(scheduler, _id, delay = 0) {\n        return intervalProvider.setInterval(scheduler.flush.bind(scheduler, this), delay);\n    }\n    recycleAsyncId(_scheduler, id, delay = 0) {\n        if (delay != null && this.delay === delay && this.pending === false) {\n            return id;\n        }\n        if (id != null) {\n            intervalProvider.clearInterval(id);\n        }\n        return undefined;\n    }\n    execute(state, delay) {\n        if (this.closed) {\n            return new Error('executing a cancelled action');\n        }\n        this.pending = false;\n        const error = this._execute(state, delay);\n        if (error) {\n            return error;\n        }\n        else if (this.pending === false && this.id != null) {\n            this.id = this.recycleAsyncId(this.scheduler, this.id, null);\n        }\n    }\n    _execute(state, _delay) {\n        let errored = false;\n        let errorValue;\n        try {\n            this.work(state);\n        }\n        catch (e) {\n            errored = true;\n            errorValue = e ? e : new Error('Scheduled action threw falsy error');\n        }\n        if (errored) {\n            this.unsubscribe();\n            return errorValue;\n        }\n    }\n    unsubscribe() {\n        if (!this.closed) {\n            const { id, scheduler } = this;\n            const { actions } = scheduler;\n            this.work = this.state = this.scheduler = null;\n            this.pending = false;\n            arrRemove(actions, this);\n            if (id != null) {\n                this.id = this.recycleAsyncId(scheduler, id, null);\n            }\n            this.delay = null;\n            super.unsubscribe();\n        }\n    }\n}\n//# sourceMappingURL=AsyncAction.js.map","import { dateTimestampProvider } from './scheduler/dateTimestampProvider';\nexport class Scheduler {\n    constructor(schedulerActionCtor, now = Scheduler.now) {\n        this.schedulerActionCtor = schedulerActionCtor;\n        this.now = now;\n    }\n    schedule(work, delay = 0, state) {\n        return new this.schedulerActionCtor(this, work).schedule(state, delay);\n    }\n}\nScheduler.now = dateTimestampProvider.now;\n//# sourceMappingURL=Scheduler.js.map","import { Scheduler } from '../Scheduler';\nexport class AsyncScheduler extends Scheduler {\n    constructor(SchedulerAction, now = Scheduler.now) {\n        super(SchedulerAction, now);\n        this.actions = [];\n        this._active = false;\n    }\n    flush(action) {\n        const { actions } = this;\n        if (this._active) {\n            actions.push(action);\n            return;\n        }\n        let error;\n        this._active = true;\n        do {\n            if ((error = action.execute(action.state, action.delay))) {\n                break;\n            }\n        } while ((action = actions.shift()));\n        this._active = false;\n        if (error) {\n            while ((action = actions.shift())) {\n                action.unsubscribe();\n            }\n            throw error;\n        }\n    }\n}\n//# sourceMappingURL=AsyncScheduler.js.map","import { AsyncAction } from './AsyncAction';\nimport { AsyncScheduler } from './AsyncScheduler';\nexport const asyncScheduler = new AsyncScheduler(AsyncAction);\nexport const async = asyncScheduler;\n//# sourceMappingURL=async.js.map","import { asyncScheduler } from '../scheduler/async';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nexport function debounceTime(dueTime, scheduler = asyncScheduler) {\n    return operate((source, subscriber) => {\n        let activeTask = null;\n        let lastValue = null;\n        let lastTime = null;\n        const emit = () => {\n            if (activeTask) {\n                activeTask.unsubscribe();\n                activeTask = null;\n                const value = lastValue;\n                lastValue = null;\n                subscriber.next(value);\n            }\n        };\n        function emitWhenIdle() {\n            const targetTime = lastTime + dueTime;\n            const now = scheduler.now();\n            if (now < targetTime) {\n                activeTask = this.schedule(undefined, targetTime - now);\n                subscriber.add(activeTask);\n                return;\n            }\n            emit();\n        }\n        source.subscribe(createOperatorSubscriber(subscriber, (value) => {\n            lastValue = value;\n            lastTime = scheduler.now();\n            if (!activeTask) {\n                activeTask = scheduler.schedule(emitWhenIdle, dueTime);\n                subscriber.add(activeTask);\n            }\n        }, () => {\n            emit();\n            subscriber.complete();\n        }, undefined, () => {\n            lastValue = activeTask = null;\n        }));\n    });\n}\n//# sourceMappingURL=debounceTime.js.map","import { identity } from '../util/identity';\nimport { operate } from '../util/lift';\nimport { createOperatorSubscriber } from './OperatorSubscriber';\nexport function distinctUntilChanged(comparator, keySelector = identity) {\n    comparator = comparator !== null && comparator !== void 0 ? comparator : defaultCompare;\n    return operate((source, subscriber) => {\n        let previousKey;\n        let first = true;\n        source.subscribe(createOperatorSubscriber(subscriber, (value) => {\n            const currentKey = keySelector(value);\n            if (first || !comparator(previousKey, currentKey)) {\n                first = false;\n                previousKey = currentKey;\n                subscriber.next(value);\n            }\n        }));\n    });\n}\nfunction defaultCompare(a, b) {\n    return a === b;\n}\n//# sourceMappingURL=distinctUntilChanged.js.map",":host {\n    @apply flex flex-col gap-4;\n    @apply w-full;\n    @apply p-4 desktop-xs:p-6;\n\n    @screen desktop-xs {\n        @apply grid grid-cols-2;\n    }\n\n    > div.left-side {\n        @apply col-start-1 justify-self-start;\n    }\n\n    > div.right-side {\n        @apply col-start-2;\n    }\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n} from '@stencil/core';\nimport { debounceTime, distinctUntilChanged, Subject } from 'rxjs';\nimport { IconVariant } from '../../../components';\nimport { QuickFilter } from '../../../types/table';\nimport {\n    formatTranslation,\n    getLocaleComponentStrings,\n} from '../../../utils/localization';\n\nexport type templateFunc = () => string;\nexport type buttonTemplateFunc = (amount: number) => string;\n\n@Component({\n    tag: 'p-table-header',\n    styleUrl: 'table-header.component.scss',\n    shadow: true,\n})\nexport class TableHeader {\n    private _defaultFilterButtonTemplate: templateFunc = () =>\n        formatTranslation(this._locales.filter);\n    private _defaultEditButtonTemplate: buttonTemplateFunc = (amount: number) =>\n        this.editText\n            ? this.editText\n            : formatTranslation(\n                  amount === 0\n                      ? this._locales.edit\n                      : amount === 1\n                      ? this._locales.edit_single\n                      : this._locales.edit_plural,\n                  { amount }\n              );\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 we want to show loading state\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Wether to show the search input\n     */\n    @Prop() enableSearch: boolean = true;\n\n    /**\n     * The amount of items that are selected\n     */\n    @Prop() itemsSelectedAmount: number = 0;\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        this._defaultFilterButtonTemplate;\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() editLoading: boolean = false;\n\n    /**\n     * The edit button icon\n     */\n    @Prop() editIcon: IconVariant = 'pencil';\n\n    /**\n     * The edit button text if changed\n     */\n    @Prop() editText: string;\n\n    /**\n     * Wether to enable the edit button\n     */\n    @Prop({ mutable: true }) canEdit: boolean = false;\n\n    /**\n     * The template for the edit button text\n     */\n    @Prop() editButtonTemplate: buttonTemplateFunc =\n        this._defaultEditButtonTemplate;\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    /**\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    private _queryObserver = new Subject<string>();\n    private _hasCustomFilterSlot = false;\n\n    componentWillLoad() {\n        this._hasCustomFilterSlot = !!this._el.querySelector(\n            ':scope > [slot=\"custom-filter\"]'\n        );\n\n        this._setLocales();\n    }\n\n    componentDidLoad() {\n        this._queryObserver\n            .pipe(debounceTime(300), distinctUntilChanged())\n            .subscribe((value) => this.queryChange.emit(value));\n    }\n\n    render() {\n        const activeQuickFilter = this.quickFilters.find(\n            (f) => f.identifier === this.activeQuickFilterIdentifier\n        );\n        const mobileTotal =\n            (this.selectedFiltersAmount || 0) +\n            (activeQuickFilter?.default ? 0 : 1);\n\n        return (\n            <Host class=\"p-table-header\">\n                {this.loading && (\n                    <p-loader\n                        variant=\"ghost\"\n                        class=\"hidden h-8 w-3/4 rounded desktop-xs:flex\"\n                    ></p-loader>\n                )}\n\n                {!this.loading &&\n                    (this._hasCustomFilterSlot ||\n                        this.quickFilters.length > 0) && (\n                        <div class=\"left-side flex flex-col justify-start gap-4 desktop-xs:flex-row\">\n                            {this._hasCustomFilterSlot && (\n                                <slot name=\"custom-filter\" />\n                            )}\n\n                            {this.quickFilters.length > 0 && (\n                                <p-segment-container class=\"hidden desktop-xs:flex\">\n                                    {this.quickFilters.map((item) => (\n                                        <p-segment-item\n                                            active={\n                                                item.identifier ===\n                                                this.activeQuickFilterIdentifier\n                                            }\n                                            onClick={() =>\n                                                this.quickFilter.emit(item)\n                                            }\n                                        >\n                                            {typeof item.text === 'string'\n                                                ? item.text\n                                                : item.text()}{' '}\n                                            {item?.count >= 0\n                                                ? `(${item.count})`\n                                                : ''}\n                                        </p-segment-item>\n                                    ))}\n                                </p-segment-container>\n                            )}\n                        </div>\n                    )}\n\n                <div class=\"right-side flex flex-col justify-end gap-4 desktop-xs:flex-row\">\n                    {this.enableSearch && (\n                        <p-input-group\n                            icon=\"search\"\n                            size=\"small\"\n                            class=\"desktop-xs:w-48\"\n                        >\n                            <input\n                                type=\"text\"\n                                slot=\"input\"\n                                placeholder=\"Zoeken...\"\n                                value={this.query}\n                                onInput={(ev) =>\n                                    this._queryObserver.next(\n                                        (ev.target as HTMLInputElement).value\n                                    )\n                                }\n                            />\n                        </p-input-group>\n                    )}\n\n                    {this.enableFilter && (\n                        <p-button\n                            icon=\"filter\"\n                            variant=\"secondary\"\n                            size=\"small\"\n                            class=\"w-full desktop-xs:w-auto\"\n                            onClick={() => this.filter.emit()}\n                        >\n                            {this.filterButtonTemplate\n                                ? this.filterButtonTemplate()\n                                : this._defaultFilterButtonTemplate()}\n                            {this.selectedFiltersAmount &&\n                                this._getLabel(this.selectedFiltersAmount)}\n                            {mobileTotal > 0 &&\n                                this._getLabel(mobileTotal, 'mobile')}\n                        </p-button>\n                    )}\n\n                    {this.enableEdit && this._buttonTemplate()}\n                </div>\n\n                {this.enableEdit && this.canEdit && (\n                    <div class=\"fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden\">\n                        {this._buttonTemplate(true)}\n                    </div>\n                )}\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 _buttonTemplate(mobile = false) {\n        return (\n            <p-button\n                class={mobile ? 'w-full' : 'hidden desktop-xs:flex'}\n                icon={this.editIcon}\n                size=\"small\"\n                disabled={!this.canEdit}\n                onClick={() => this.edit.emit()}\n                loading={this.editLoading}\n            >\n                {this.editButtonTemplate\n                    ? this.editButtonTemplate(\n                          mobile ? this.itemsSelectedAmount : 0\n                      )\n                    : this._defaultEditButtonTemplate(\n                          mobile ? this.itemsSelectedAmount : 0\n                      )}\n            </p-button>\n        );\n    }\n\n    private _getLabel(amount, variant: 'mobile' | 'default' = 'default') {\n        return (\n            <p-label\n                size=\"small\"\n                variant=\"negative\"\n                behavior=\"text\"\n                class={`ml-1 ${\n                    variant === 'default'\n                        ? 'hidden desktop-xs:flex'\n                        : 'flex desktop-xs:hidden'\n                }`}\n            >\n                {amount}\n            </p-label>\n        );\n    }\n}\n",":host {\n    @apply flex w-full flex-col;\n    @apply text-sm text-storm-medium;\n    @apply px-6;\n\n    .content {\n        @apply flex min-h-[3.875rem] w-full flex-nowrap items-center justify-between py-2 tablet:h-18 tablet:py-6;\n    }\n}\n\n:host(.variant-header) {\n    @apply bg-mystic-light;\n    @apply text-xs font-semibold uppercase text-storm-vague;\n    @apply border-x-0 border-y border-solid border-y-mystic-dark #{!important};\n\n    .content {\n        @apply min-h-0 py-2 tablet:h-auto;\n    }\n}\n\n:host(.enable-hover:hover) {\n    @apply cursor-pointer bg-indigo-light;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-table-row',\n    styleUrl: 'table-row.component.scss',\n    shadow: true,\n})\nexport class TableRow {\n    /**\n     * Variant of the header\n     */\n    @Prop() variant: 'default' | 'header' = 'default';\n\n    /**\n     * Enable hover\n     */\n    @Prop() enableHover: boolean = true;\n\n    render() {\n        return (\n            <Host\n                class={`p-table-row variant-${this.variant} ${\n                    this.enableHover &&\n                    this.variant === 'default' &&\n                    'enable-hover'\n                }`}\n            >\n                <div class=\"content\">\n                    <slot />\n                </div>\n\n                {this.variant === 'default' && <p-divider class=\"m-0\" />}\n            </Host>\n        );\n    }\n}\n"],"mappings":"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"}

package/dist/paperless/p-3d8b2178.entry.js.map

@@ -1 +0,0 @@
-{"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(option)\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/paperless/p-a1c1d95b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["drawerComponentCss","Drawer","this","_hasHeaderSlot","componentWillLoad","_el","querySelector","render","show","headerContent","h","name","bodyContent","Host","class","variant","applyBlur","onClicked","ev","_backdropClick","detail","closing","_closing","scrollLock","_a","header","length","showClose","onClose","close","backdropClickClose","closeClicked","emit","event","canClose","setTimeout","closed"],"sources":["./src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","./src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":[":host {\n    @apply block;\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n    State,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer',\n    styleUrl: 'drawer.component.scss',\n    shadow: true,\n})\nexport class Drawer {\n    /**\n     * The Header of the drawer\n     */\n    @Prop() header?: string;\n\n    /**\n     * Wether to show the drawer or not\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to apply blur to the backdrop\n     */\n    @Prop() applyBlur: boolean = false;\n\n    /**\n     * Wether to show the close on mobile in the header\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Wether to hide the drawer when the backdrop is clicked\n     */\n    @Prop() backdropClickClose = true;\n\n    /**\n     * Wether the drawer can be closed\n     */\n    @Prop() canClose: boolean = true;\n\n    /**\n     * Wether we should scroll lock the body\n     */\n    @Prop() scrollLock: boolean = true;\n\n    /**\n     * Close click event\n     */\n    @Event() closeClicked: EventEmitter<{\n        event: MouseEvent;\n        canClose: boolean;\n    }>;\n\n    /**\n     * Closed event\n     */\n    @Event() closed: EventEmitter<null>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _hasHeaderSlot = false;\n\n    @State() private _closing = false;\n\n    componentWillLoad() {\n        this._hasHeaderSlot = !!this._el.querySelector(\n            ':scope > [slot=\"header\"]'\n        );\n    }\n\n    render() {\n        if (!this.show) {\n            return;\n        }\n\n        const headerContent = <slot name=\"header\" />;\n        const bodyContent = <slot name=\"content\" />;\n\n        return (\n            <Host class=\"p-drawer\">\n                <p-backdrop\n                    variant=\"drawer\"\n                    applyBlur={this.applyBlur}\n                    onClicked={(ev) => this._backdropClick(ev.detail)}\n                    closing={this._closing}\n                    scrollLock={this.scrollLock}\n                >\n                    <p-drawer-container closing={this._closing}>\n                        {(this.header?.length || this._hasHeaderSlot) && (\n                            <p-drawer-header\n                                show-close={this.showClose}\n                                onClose={(ev) => this.close(ev.detail)}\n                            >\n                                {this._hasHeaderSlot\n                                    ? headerContent\n                                    : this.header}\n                            </p-drawer-header>\n                        )}\n                        <p-drawer-body>{bodyContent}</p-drawer-body>\n                    </p-drawer-container>\n                </p-backdrop>\n            </Host>\n        );\n    }\n\n    private _backdropClick(ev) {\n        if (!this.backdropClickClose) {\n            return;\n        }\n\n        this.close(ev);\n    }\n\n    public close(ev: MouseEvent) {\n        this.closeClicked.emit({\n            event: ev,\n            canClose: this.canClose,\n        });\n\n        if (!this.canClose) {\n            return;\n        }\n\n        this._closing = true;\n\n        setTimeout(() => {\n            this.show = false;\n            this._closing = false;\n            this.closed.emit();\n        }, 250);\n    }\n}\n"],"mappings":"gEAAA,MAAMA,EAAqB,gnI,MCgBdC,EAAM,M,mGAsDPC,KAAAC,eAAiB,M,gCA7CD,M,eAKK,M,eAKT,K,wBAKS,K,cAKD,K,gBAKE,K,cAsBF,K,CAE5BC,oBACIF,KAAKC,iBAAmBD,KAAKG,IAAIC,cAC7B,2B,CAIRC,S,MACI,IAAKL,KAAKM,KAAM,CACZ,M,CAGJ,MAAMC,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAE/B,OACID,EAACG,EAAI,CAACC,MAAM,YACRJ,EAAA,cACIK,QAAQ,SACRC,UAAWd,KAAKc,UAChBC,UAAYC,GAAOhB,KAAKiB,eAAeD,EAAGE,QAC1CC,QAASnB,KAAKoB,SACdC,WAAYrB,KAAKqB,YAEjBb,EAAA,sBAAoBW,QAASnB,KAAKoB,aAC5BE,EAAAtB,KAAKuB,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SAAUxB,KAAKC,iBAC1BO,EAAA,gCACgBR,KAAKyB,UACjBC,QAAUV,GAAOhB,KAAK2B,MAAMX,EAAGE,SAE9BlB,KAAKC,eACAM,EACAP,KAAKuB,QAGnBf,EAAA,qBAAgBE,K,CAO5BO,eAAeD,GACnB,IAAKhB,KAAK4B,mBAAoB,CAC1B,M,CAGJ5B,KAAK2B,MAAMX,E,CAGRW,MAAMX,GACThB,KAAK6B,aAAaC,KAAK,CACnBC,MAAOf,EACPgB,SAAUhC,KAAKgC,WAGnB,IAAKhC,KAAKgC,SAAU,CAChB,M,CAGJhC,KAAKoB,SAAW,KAEhBa,YAAW,KACPjC,KAAKM,KAAO,MACZN,KAAKoB,SAAW,MAChBpB,KAAKkC,OAAOJ,MAAM,GACnB,I"}

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

@@ -1 +0,0 @@
-{"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","definitionsArray","from","_columns","variant","map","col","index","definition","value","checkbox","hasCheckbox","_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","enableEmptyStateAction","emptyStateActionClick","emptyStateHeader","emptyStateContent","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    .p-input[type='checkbox'] {\n        flex-shrink: 0;\n    }\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { 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        const definitionsArray = Array.from(definitions);\n\n        definitionsArray[definitionsArray.length - 1]['isLast'] = true;\n\n        this._columns = definitionsArray;\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={\n                            index === 0 || col.hasCheckbox\n                                ? this._getCheckbox(null, 'loading')\n                                : null\n                        }\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={\n                        colIndex === 0 || col.hasCheckbox\n                            ? this._getCheckbox(index)\n                            : null\n                    }\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={\n                        colIndex === 0 || col.hasCheckbox\n                            ? this._getCheckbox(index, 'loading')\n                            : null\n                    }\n                    index={colIndex}\n                    rowIndex={index}\n                ></p-table-cell>\n            );\n        });\n    }\n\n    private _getCheckbox(\n        rowIndex,\n        variant: 'header' | 'default' | 'loading' = 'default'\n    ) {\n        if (!this.enableRowSelection || !this.selectionKey) {\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\n                class={`flex max-w-[20rem] flex-col items-center self-center py-24 text-center ${\n                    this.enableEmptyStateAction && 'cursor-pointer'\n                }`}\n                onClick={() =>\n                    this.enableEmptyStateAction &&\n                    this.emptyStateActionClick.emit(null)\n                }\n            >\n                <p-illustration variant=\"empty-state-add\" class=\"mb-6\" />\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 variant=\"secondary\" icon=\"plus\" size=\"small\">\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-b2bc1d2a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icons","arrow","attachment","bread","calendar","camera","car","checklist","checkmark","chevron","clock","cogs","comment","document","download","envelope","explanation","eye","faBuilding","faBuildings","faPiggy","filter","folder","grid","headset","integration","list","location","megaphone","menu","minus","more","negative","notification","pagination","payment","pencil","person","plus","question","reload","receipt","report","search","settings","sick","signout","switch","switchIcon","tachometer","task","template","tool","trash","turn","upload","warning","buttonComponentCss","Button","render","loaderColor","this","variant","VariableTag","h","Host","class","size","iconOnly","iconPosition","chevronPosition","inheritText","disabled","href","target","rotate","icon","loading","_getIcon","color","handleClick","ev","preventDefault","onClick","emit","flip","iconFlip","iconRotate","iconComponentCss","Icon","styles","transform","innerHTML","loaderComponentCss","Loader","_show","show","_loader","componentWillRender","_checkShow","componentShouldUpdate","_showSubscriber","unsubscribe","_a","subscribe"],"sources":["./src/utils/icons.ts","./src/components/atoms/button/button.component.scss?tag=p-button","./src/components/atoms/button/button.component.tsx","./src/components/atoms/icon/icon.component.scss?tag=p-icon","./src/components/atoms/icon/icon.component.tsx","./src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","./src/components/atoms/loader/loader.component.tsx"],"sourcesContent":["import arrow from '../assets/icons/arrow.svg';\nimport attachment from '../assets/icons/attachment.svg';\nimport bread from '../assets/icons/bread.svg';\nimport calendar from '../assets/icons/calendar.svg';\nimport camera from '../assets/icons/camera.svg';\nimport car from '../assets/icons/car.svg';\nimport checklist from '../assets/icons/checklist.svg';\nimport checkmark from '../assets/icons/checkmark.svg';\nimport chevron from '../assets/icons/chevron.svg';\nimport clock from '../assets/icons/clock.svg';\nimport cogs from '../assets/icons/cogs.svg';\nimport comment from '../assets/icons/comment.svg';\nimport document from '../assets/icons/document.svg';\nimport download from '../assets/icons/download.svg';\nimport envelope from '../assets/icons/envelope.svg';\nimport explanation from '../assets/icons/explanation.svg';\nimport eye from '../assets/icons/eye.svg';\nimport faBuilding from '../assets/icons/fa/building.svg';\nimport faBuildings from '../assets/icons/fa/buildings.svg';\nimport faPiggy from '../assets/icons/fa/piggy.svg';\nimport filter from '../assets/icons/filter.svg';\nimport folder from '../assets/icons/folder.svg';\nimport grid from '../assets/icons/grid.svg';\nimport headset from '../assets/icons/headset.svg';\nimport integration from '../assets/icons/integration.svg';\nimport list from '../assets/icons/list.svg';\nimport location from '../assets/icons/location.svg';\nimport megaphone from '../assets/icons/megaphone.svg';\nimport menu from '../assets/icons/menu.svg';\nimport minus from '../assets/icons/minus.svg';\nimport more from '../assets/icons/more.svg';\nimport negative from '../assets/icons/negative.svg';\nimport notification from '../assets/icons/notification.svg';\nimport pagination from '../assets/icons/pagination.svg';\nimport payment from '../assets/icons/payment.svg';\nimport pencil from '../assets/icons/pencil.svg';\nimport person from '../assets/icons/person.svg';\nimport plus from '../assets/icons/plus.svg';\nimport question from '../assets/icons/question.svg';\nimport receipt from '../assets/icons/receipt.svg';\nimport reload from '../assets/icons/reload.svg';\nimport report from '../assets/icons/report.svg';\nimport search from '../assets/icons/search.svg';\nimport settings from '../assets/icons/settings.svg';\nimport sick from '../assets/icons/sick.svg';\nimport signout from '../assets/icons/signout.svg';\nimport switchIcon from '../assets/icons/switch.svg';\nimport tachometer from '../assets/icons/tachometer.svg';\nimport task from '../assets/icons/task.svg';\nimport template from '../assets/icons/template.svg';\nimport tool from '../assets/icons/tool.svg';\nimport trash from '../assets/icons/trash.svg';\nimport turn from '../assets/icons/turn.svg';\nimport upload from '../assets/icons/upload.svg';\nimport warning from '../assets/icons/warning.svg';\n\nexport default {\n    arrow,\n    attachment,\n    bread,\n    calendar,\n    camera,\n    car,\n    checklist,\n    checkmark,\n    chevron,\n    clock,\n    cogs,\n    comment,\n    document,\n    download,\n    envelope,\n    explanation,\n    eye,\n    faBuilding,\n    faBuildings,\n    faPiggy,\n    filter,\n    folder,\n    grid,\n    headset,\n    integration,\n    list,\n    location,\n    megaphone,\n    menu,\n    minus,\n    more,\n    negative,\n    notification,\n    pagination,\n    payment,\n    pencil,\n    person,\n    plus,\n    question,\n    reload,\n    receipt,\n    report,\n    search,\n    settings,\n    sick,\n    signout,\n    switch: switchIcon,\n    tachometer,\n    task,\n    template,\n    tool,\n    trash,\n    turn,\n    upload,\n    warning,\n};\n","p-button {\n    @apply flex h-10 w-auto text-base;\n\n    button,\n    a {\n        outline: 0;\n        border: 0;\n        @apply h-full w-full;\n        @apply rounded-large #{!important};\n        @apply font-semibold leading-4;\n        @apply flex items-center justify-center;\n        @apply cursor-pointer text-base;\n\n        will-change: filter;\n\n        > p-loader {\n            @apply ml-2;\n        }\n\n        // Icon positions\n        &.icon-position-end {\n            > p-icon:not(.chevron) {\n                @apply ml-2;\n            }\n        }\n\n        &.icon-position-start {\n            > p-icon:not(.chevron) {\n                @apply mr-2;\n            }\n        }\n\n        // Variants\n        &.variant-primary,\n        &.variant-secondary {\n            @apply px-4 filter;\n        }\n\n        &.variant-primary,\n        &.variant-secondary {\n            &:active,\n            &.active {\n                @apply drop-shadow-transparent;\n            }\n        }\n\n        &.variant-primary {\n            @apply bg-indigo text-white;\n\n            &:active,\n            &.active {\n                &:not([disabled]) {\n                    @apply bg-indigo-dark;\n                }\n            }\n\n            @media (pointer: fine) {\n                &:hover:not([disabled]) {\n                    @apply drop-shadow-button-primary-hover;\n                }\n            }\n        }\n\n        &.variant-secondary {\n            @apply border border-solid border-mystic-dark #{!important};\n            @apply bg-white text-storm;\n\n            &:active,\n            &.active {\n                &:not([disabled]) {\n                    @apply bg-mystic;\n                }\n            }\n\n            @media (pointer: fine) {\n                &:hover:not([disabled]) {\n                    @apply drop-shadow-button-secondary-hover;\n                }\n            }\n        }\n\n        &.variant-text {\n            @apply text-indigo;\n\n            &:hover:not([disabled]) {\n                @apply text-indigo-dark;\n            }\n        }\n\n        &[disabled] {\n            @apply opacity-40;\n        }\n\n        // chevron\n        &.has-chevron {\n            &.chevron-position-start {\n                @apply pl-2;\n\n                > p-icon.chevron {\n                    @apply mr-2;\n                }\n            }\n\n            &.chevron-position-end {\n                @apply pr-2;\n\n                > p-icon.chevron {\n                    @apply ml-2;\n                }\n            }\n\n            &.variant-secondary:hover:not([disabled]) p-icon:last-child {\n                @apply text-indigo;\n            }\n        }\n\n        &.should-inherit-text {\n            color: inherit #{!important};\n            font-size: inherit #{!important};\n            font-weight: inherit #{!important};\n        }\n    }\n\n    &.has-icon-only {\n        @apply w-10;\n\n        a,\n        button {\n            @apply p-0;\n\n            > p-icon:first-child {\n                @apply mx-0;\n            }\n\n            > p-loader {\n                @apply ml-0;\n            }\n        }\n    }\n\n    // sizes\n    &.size-small {\n        @apply h-8;\n\n        button,\n        a {\n            @apply text-sm;\n\n            > p-icon {\n                @apply text-base;\n            }\n        }\n\n        &.has-icon-only {\n            @apply w-8;\n        }\n    }\n}\n","import {\n    Component,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-button',\n    styleUrl: 'button.component.scss',\n    // shadow: true,\n})\nexport class Button {\n    /**\n     * The variant of the button\n     */\n    @Prop() variant: 'primary' | 'secondary' | 'text' = 'primary';\n\n    /**\n     * Href in case of \"text\" version\n     */\n    @Prop() href: string;\n\n    /**\n     * Target in case of \"text\" version\n     */\n    @Prop() target: string;\n\n    /**\n     * The size of the button\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * Wether to show a loader or not\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Wether to show a chevron or not\n     */\n    @Prop() chevron: boolean | 'up' | 'down' = false;\n\n    /**\n     * Chevron position\n     */\n    @Prop() chevronPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Wether the button is disabled\n     */\n    @Prop() disabled: boolean = false;\n\n    /**\n     * Icon to show on the button\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Wether the button is icon only\n     */\n    @Prop() iconOnly: boolean = false;\n\n    /**\n     * Icon position\n     */\n    @Prop() iconPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    /**\n     * Wether the button should inherit text styles\n     */\n    @Prop() inheritText: boolean = false;\n\n    /**\n     * Button click event\n     */\n    @Event() onClick: EventEmitter<MouseEvent>;\n\n    render() {\n        let loaderColor: 'white' | 'storm' | 'indigo' = 'white';\n        switch (this.variant) {\n            case 'secondary':\n                loaderColor = 'storm';\n                break;\n            case 'text':\n                loaderColor = 'indigo';\n                break;\n        }\n\n        const VariableTag = this.variant === 'text' ? 'a' : 'button';\n\n        return (\n            <Host\n                class={`p-button size-${this.size} ${\n                    this.iconOnly && 'has-icon-only'\n                } `}\n            >\n                <VariableTag\n                    class={`variant-${this.variant}  icon-position-${\n                        this.iconPosition\n                    } ${this.chevron && 'has-chevron'} chevron-position-${\n                        this.chevronPosition\n                    } ${this.inheritText && 'should-inherit-text'}`}\n                    disabled={this.disabled}\n                    href={this.href}\n                    target={this.target}\n                >\n                    {this.chevron && this.chevronPosition === 'start' && (\n                        <p-icon\n                            class=\"chevron\"\n                            variant=\"chevron\"\n                            rotate={this.chevron === 'up' ? 180 : 0}\n                        />\n                    )}\n\n                    {this.icon &&\n                        this.iconPosition === 'start' &&\n                        !(this.iconOnly && this.loading) &&\n                        this._getIcon()}\n\n                    <slot />\n\n                    {this.icon &&\n                        this.iconPosition === 'end' &&\n                        !(this.iconOnly && this.loading) &&\n                        this._getIcon()}\n\n                    {this.loading && <p-loader color={loaderColor} />}\n\n                    {this.chevron && this.chevronPosition === 'end' && (\n                        <p-icon\n                            class=\"chevron\"\n                            variant=\"chevron\"\n                            rotate={this.chevron === 'up' ? 180 : 0}\n                        />\n                    )}\n                </VariableTag>\n            </Host>\n        );\n    }\n\n    @Listen('click', { capture: true })\n    handleClick(ev: MouseEvent) {\n        if (this.loading || this.disabled) {\n            ev.preventDefault();\n            return;\n        }\n\n        this.onClick.emit(ev);\n    }\n\n    private _getIcon() {\n        if (!this.icon) {\n            return;\n        }\n\n        return (\n            <p-icon\n                variant={this.icon}\n                flip={this.iconFlip}\n                rotate={this.iconRotate}\n            />\n        );\n    }\n}\n",":host {\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport icons from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'horizontal' | 'vertical';\n\n@Component({\n    tag: 'p-icon',\n    styleUrl: 'icon.component.scss',\n    // shadow: true,\n})\nexport class Icon {\n    /**\n     * The icon the be displayed\n     */\n    @Prop() variant!: IconVariant;\n\n    /**\n     * The size of the icon, using tailwind sizes\n     */\n    @Prop() size: TextSizeOptions = 'auto';\n\n    /**\n     * Wether to rotate the icon x degrees\n     */\n    @Prop() rotate: RotateOptions = 0;\n\n    /**\n     * Wether to flip the icon horizontally or vertically\n     */\n    @Prop() flip: IconFlipOptions = null;\n\n    render() {\n        const icon = icons[this.variant];\n\n        const styles = {\n            'p-icon flex': true,\n            'text-auto': this.size === 'auto',\n            'text-xxs': this.size === 'xxs',\n            'text-xs': this.size === 'xs',\n            'text-sm': this.size === 'sm',\n            'text-base': this.size === 'base',\n            'text-lg': this.size === 'lg',\n            'text-xl': this.size === 'xl',\n            'text-2xl': this.size === '2xl',\n            'text-3xl': this.size === '3xl',\n            'text-4xl': this.size === '4xl',\n            'text-5xl': this.size === '5xl',\n            'text-6xl': this.size === '6xl',\n            transform: !!this.rotate || !!this.flip,\n            'scale-x-flip': this.flip === 'horizontal',\n            'scale-y-flip': this.flip === 'vertical',\n            'rotate-0': this.rotate === 0,\n            'rotate-25': this.rotate === 25,\n            'rotate-45': this.rotate === 45,\n            'rotate-90': this.rotate === 90,\n            'rotate-135': this.rotate === 135,\n            'rotate-180': this.rotate === 180,\n            'rotate-225': this.rotate === 225,\n            'rotate-270': this.rotate === 270,\n            'rotate-315': this.rotate === 315,\n            '-rotate-0': this.rotate === -0,\n            '-rotate-25': this.rotate === -25,\n            '-rotate-45': this.rotate === -45,\n            '-rotate-90': this.rotate === -90,\n            '-rotate-135': this.rotate === -135,\n            '-rotate-180': this.rotate === -180,\n            '-rotate-225': this.rotate === -225,\n            '-rotate-270': this.rotate === -270,\n            '-rotate-315': this.rotate === -315,\n        };\n\n        return <Host class={styles} innerHTML={icon}></Host>;\n    }\n}\n",":host {\n    .loader {\n        @apply inline-block h-[1em] w-[1em] rounded-round;\n        @apply border-2 border-solid border-indigo-light border-t-indigo;\n        animation: 500ms spin linear infinite;\n\n        will-change: transform;\n\n        &.color-storm {\n            @apply border-storm-light/40 border-t-storm #{!important};\n        }\n\n        &.color-white {\n            @apply border-indigo-light/40 border-t-white #{!important};\n        }\n    }\n\n    .loading-screen {\n        @apply w-screen-safe h-screen-safe fixed top-0 left-0;\n        @apply flex items-center justify-center;\n        @apply bg-mystic;\n\n        z-index: 1001;\n\n        .content {\n            @apply max-w-xs;\n\n            .loader-wrapper {\n                @apply flex w-full justify-center;\n\n                .loader {\n                    @apply text-4xl;\n                }\n            }\n        }\n    }\n}\n\n:host(.variant-ghost) {\n    @apply box-border block;\n\n    will-change: background, background-position-x, background-color;\n\n    min-height: 1em;\n    min-width: 1em;\n\n    --loading-bg: #f7fafc;\n    --loading-stripe: rgba(252, 253, 254, 1);\n\n    background-color: var(--loading-bg);\n    background: linear-gradient(\n            100deg,\n            rgba(255, 255, 255, 0) 40%,\n            var(--loading-stripe) 50%,\n            rgba(255, 255, 255, 0) 60%\n        )\n        var(--loading-bg);\n    background-size: 200% 100%;\n    background-position-x: 180%;\n    animation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n    to {\n        background-position-x: -20%;\n    }\n}\n\n@keyframes spin {\n    100% {\n        transform: rotate(1turn);\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n    tag: 'p-loader',\n    styleUrl: 'loader.component.scss',\n    shadow: true,\n})\nexport class Loader {\n    /**\n     * Wether to show or hide the loader\n     */\n    @Prop() show: boolean | Observable<boolean> = true;\n\n    /**\n     * Variant of loader\n     */\n    @Prop() variant:\n        | 'inline'\n        | 'full-width'\n        | 'full-screen'\n        | 'modal'\n        | 'ghost' = 'inline';\n\n    /**\n     * Color of the loader\n     */\n    @Prop() color: 'indigo' | 'white' | 'storm' = 'indigo';\n\n    /**\n     * !NOT IMPLEMENTED! Modal title for modal variant\n     */\n    @Prop() modalTitle: string;\n\n    /**\n     * !NOT IMPLEMENTED! Modal description for modal variant\n     */\n    @Prop() modalDescription: string;\n\n    private _show = this.show;\n    private _showSubscriber: Subscription;\n\n    private _loader = (<div class={`loader color-${this.color}`}></div>);\n\n    componentWillRender() {\n        this._checkShow();\n    }\n\n    componentShouldUpdate() {\n        this._checkShow();\n    }\n\n    render() {\n        if (!this._show) {\n            return;\n        }\n\n        if (this.variant === 'ghost') {\n            return <Host class=\"p-loader variant-ghost\"></Host>;\n        }\n\n        if (this.variant === 'full-screen') {\n            return (\n                <Host class=\"p-loader variant-full-screen\">\n                    <div class=\"loading-screen\">\n                        <div class=\"content\">\n                            <slot />\n\n                            <div class=\"loader-wrapper\">{this._loader}</div>\n                        </div>\n                    </div>\n                </Host>\n            );\n        }\n\n        return (\n            <Host\n                class={`p-loader variant-default flex ${\n                    this.variant === 'full-width' &&\n                    'w-full flex justify-center text-4xl'\n                }`}\n            >\n                {this._loader}\n            </Host>\n        );\n    }\n\n    private _checkShow() {\n        if (this._showSubscriber) {\n            this._showSubscriber.unsubscribe();\n            this._showSubscriber = null;\n        }\n\n        if (typeof this.show !== 'boolean') {\n            this._showSubscriber = this.show?.subscribe(\n                (show) => (this._show = show)\n            );\n            return;\n        }\n\n        this._show = this.show;\n    }\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["backdropComponentCss","Backdrop","componentWillLoad","this","scrollLock","document","querySelector","classList","add","disconnectedCallback","remove","render","h","Host","class","variant","applyBlur","closing","handleClick","ev","target","_el","clicked","emit"],"sources":["./src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop&encapsulation=shadow","./src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":[":host {\n    @apply flex;\n    @apply fixed left-0 top-0 z-backdrop;\n    @apply h-full w-full;\n    @apply overflow-hidden;\n    @apply animate-fade-in bg-storm-dark/50;\n    @apply max-h-screen max-w-screen;\n\n    .content-container {\n        @apply h-full w-full overflow-y-auto overflow-x-hidden;\n        @apply tablet:px-16 desktop-xs:p-16;\n        @apply flex items-end justify-center desktop-xs:items-center;\n        @apply max-h-screen max-w-screen;\n    }\n}\n\n:host(.blurred) {\n    @apply backdrop-blur-xs;\n}\n\n:host(.closing) {\n    @apply animate-fade-out;\n\n    .content-container {\n        @apply overflow-hidden;\n    }\n}\n\n:host(.variant-drawer) {\n    .content-container {\n        @apply items-start justify-end;\n        @apply p-0 tablet:p-0 desktop-xs:p-0;\n    }\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-backdrop',\n    styleUrl: 'backdrop.component.scss',\n    shadow: true,\n})\nexport class Backdrop {\n    /**\n     * The variant of the backdrop\n     */\n    @Prop() variant: 'modal' | 'drawer' = 'modal';\n\n    /**\n     * Wether to apply blur on the background of the backdrop\n     */\n    @Prop() applyBlur: boolean = false;\n\n    /**\n     * Wether the backdrop is closing\n     */\n    @Prop() closing: boolean = false;\n\n    /**\n     * Wether we should scroll lock the body\n     */\n    @Prop() scrollLock: boolean = true;\n\n    /**\n     * When the backdrop is clicked\n     */\n    @Event() clicked: EventEmitter<MouseEvent>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    componentWillLoad() {\n        if (this.scrollLock) {\n            document.querySelector(':root').classList.add('scroll-lock');\n        }\n    }\n\n    disconnectedCallback() {\n        if (this.scrollLock) {\n            document.querySelector(':root').classList.remove('scroll-lock');\n        }\n    }\n\n    render() {\n        return (\n            <Host\n                class={`p-backdrop variant-${this.variant} ${\n                    this.applyBlur && 'blurred'\n                } ${this.closing && 'closing'}`}\n            >\n                <div class=\"content-container\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n\n    @Listen('click', { capture: true })\n    handleClick(ev: MouseEvent) {\n        if (ev.target !== this._el) {\n            return;\n        }\n\n        this.clicked.emit(ev);\n    }\n}\n"],"mappings":"gEAAA,MAAMA,EAAuB,i4N,MCgBhBC,EAAQ,M,uEAIqB,Q,eAKT,M,aAKF,M,gBAKG,I,CAY9BC,oBACI,GAAIC,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUC,IAAI,c,EAItDC,uBACI,GAAIN,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUG,OAAO,c,EAIzDC,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,sBAAsBX,KAAKY,WAC9BZ,KAAKa,WAAa,aAClBb,KAAKc,SAAW,aAEpBL,EAAA,OAAKE,MAAM,qBACPF,EAAA,c,CAOhBM,YAAYC,GACR,GAAIA,EAAGC,SAAWjB,KAAKkB,IAAK,CACxB,M,CAGJlB,KAAKmB,QAAQC,KAAKJ,E"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["accordionComponentCss","Accordion","render","h","Host","class","onClick","this","_onClick","variant","rotate","open","header","closeable","openable","isOpen","emit"],"sources":["./src/components/molecules/accordion/accordion.component.scss?tag=p-accordion&encapsulation=shadow","./src/components/molecules/accordion/accordion.component.tsx"],"sourcesContent":[":host {\n    @apply block mb-6;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-accordion',\n    styleUrl: 'accordion.component.scss',\n    shadow: true,\n})\nexport class Accordion {\n    /**\n     * Header of the accordion\n     */\n    @Prop() header!: string;\n\n    /**\n     * Wether the accordion is open\n     */\n    @Prop() open: boolean = false;\n\n    /**\n     * Wether the accordion can be closed\n     */\n    @Prop() closeable: boolean = true;\n\n    /**\n     * Wether the accordion can be opened\n     */\n    @Prop() openable: boolean = true;\n\n    /**\n     * Open change event\n     */\n    @Event() isOpen: EventEmitter<boolean>;\n\n    render() {\n        return (\n            <Host class=\"p-accordion\">\n                <div\n                    class=\"flex items-center gap-3 text-storm-vague cursor-pointer\"\n                    onClick={() => this._onClick()}\n                >\n                    <p-icon\n                        class=\"flex\"\n                        variant=\"chevron\"\n                        rotate={this.open ? 0 : -90}\n                    />\n                    <p class=\"m-0 font-medium text-lg whitespace-nowrap\">\n                        {this.header}\n                    </p>\n                    <p-divider />\n                </div>\n                {this.open && (\n                    <div class=\"mt-6\">\n                        <slot />\n                    </div>\n                )}\n            </Host>\n        );\n    }\n\n    private _onClick() {\n        if (!this.closeable && this.open) {\n            return;\n        }\n\n        if (!this.openable && !this.open) {\n            return;\n        }\n\n        this.open = !this.open;\n        this.isOpen.emit(this.open);\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,g8I,MCOjBC,EAAS,M,wFASM,M,eAKK,K,cAKD,I,CAO5BC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,eACRF,EAAA,OACIE,MAAM,0DACNC,QAAS,IAAMC,KAAKC,YAEpBL,EAAA,UACIE,MAAM,OACNI,QAAQ,UACRC,OAAQH,KAAKI,KAAO,GAAK,KAE7BR,EAAA,KAAGE,MAAM,6CACJE,KAAKK,QAEVT,EAAA,mBAEHI,KAAKI,MACFR,EAAA,OAAKE,MAAM,QACPF,EAAA,c,CAOZK,WACJ,IAAKD,KAAKM,WAAaN,KAAKI,KAAM,CAC9B,M,CAGJ,IAAKJ,KAAKO,WAAaP,KAAKI,KAAM,CAC9B,M,CAGJJ,KAAKI,MAAQJ,KAAKI,KAClBJ,KAAKQ,OAAOC,KAAKT,KAAKI,K"}

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

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