@paperless/angular 0.1.0-alpha.24 → 0.1.0-alpha.241

package/fesm2020/paperless-angular.mjs

@@ -1,10 +1,72 @@
 import * as i0 from '@angular/core';
-import { Directive, HostListener, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { EventEmitter, Component, Input, Output, ViewChild, Directive, HostListener, ChangeDetectionStrategy, HostBinding, TemplateRef, ContentChild, ContentChildren, Host, NgModule, Injectable, Pipe } from '@angular/core';
+import { NG_VALUE_ACCESSOR, FormControl, FormGroup, FormArray } from '@angular/forms';
 import { __decorate } from 'tslib';
-import { fromEvent } from 'rxjs';
+import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
+import { timer, fromEvent, BehaviorSubject, distinctUntilChanged, map as map$1 } from 'rxjs';
+import { startWith, pairwise, map, filter, debounce } from 'rxjs/operators';
+import { objectGetByPath } from '@paperless/core';
+import * as i1 from '@angular/common';
+import { CommonModule, DatePipe, CurrencyPipe } from '@angular/common';
+import { trigger, transition, style, animate } from '@angular/animations';
+import * as i1$1 from '@angular/platform-browser';
 
-class ValueAccessor {
+class BaseUploadComponent {
+    constructor() {
+        this.uploaded = false;
+        this.fileChange = new EventEmitter();
+        this._loading = false;
+    }
+    set loading(value) {
+        this._loading = value;
+    }
+    get loading() {
+        return this._loading;
+    }
+    onChange($event) {
+        const target = $event.target;
+        const file = target.files?.[0];
+        if (file) {
+            this._loading = true;
+            const reader = new FileReader();
+            reader.onload = (e) => this.onLoad(file, e?.currentTarget?.result);
+            reader.readAsDataURL(file);
+        }
+    }
+    onLoad(file, result) {
+        this.fileChange.next({
+            fileId: this.fileId,
+            result,
+            file,
+        });
+        if (this.uploaderInput?.nativeElement) {
+            this.uploaderInput.nativeElement.value = '';
+        }
+        this.file = file;
+        this._loading = false;
+    }
+}
+BaseUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BaseUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BaseUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: BaseUploadComponent, selector: "ng-component", inputs: { fileId: "fileId", uploaded: "uploaded", loading: "loading" }, outputs: { fileChange: "fileChange" }, viewQueries: [{ propertyName: "uploaderInput", first: true, predicate: ["uploaderInput"], descendants: true }], ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BaseUploadComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                }]
+        }], propDecorators: { fileId: [{
+                type: Input
+            }], uploaded: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], fileChange: [{
+                type: Output
+            }], uploaderInput: [{
+                type: ViewChild,
+                args: ['uploaderInput']
+            }] } });
+
+class BaseValueAccessor {
     constructor(el) {
         this.el = el;
         this.onChange = () => {
@@ -24,19 +86,19 @@ class ValueAccessor {
             this.onChange(value);
         }
     }
-    _handleBlurEvent() {
-        this.onTouched();
-    }
     registerOnChange(fn) {
         this.onChange = fn;
     }
     registerOnTouched(fn) {
         this.onTouched = fn;
     }
+    _handleBlurEvent() {
+        this.onTouched();
+    }
 }
-ValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ValueAccessor, decorators: [{
+BaseValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BaseValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+BaseValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: BaseValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BaseValueAccessor, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
@@ -44,7 +106,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 args: ['focusout']
             }] } });
 
-class PaginationDirective extends ValueAccessor {
+class PageSizeSelectDirective extends BaseValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    writeValue(value) {
+        this.el.nativeElement.page = this.lastValue =
+            value == null ? '' : value;
+    }
+    registerOnChange(fn) {
+        super.registerOnChange((value) => fn(value === '' ? null : parseInt(value, 10)));
+    }
+}
+PageSizeSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PageSizeSelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+PageSizeSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: PageSizeSelectDirective, selector: "p-page-size-select", host: { listeners: { "sizeChange": "handleChangeEvent($event.detail)" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: PageSizeSelectDirective,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PageSizeSelectDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'p-page-size-select',
+                    host: {
+                        '(sizeChange)': 'handleChangeEvent($event.detail)',
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: PageSizeSelectDirective,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+class PaginationDirective extends BaseValueAccessor {
     constructor(el) {
         super(el);
     }
@@ -56,21 +156,21 @@ class PaginationDirective extends ValueAccessor {
         super.registerOnChange((value) => fn(value === '' ? null : parseInt(value, 10)));
     }
 }
-PaginationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PaginationDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-PaginationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: PaginationDirective, selector: "p-pagination", host: { listeners: { "pageChange": "handleChangeEvent($event.target.page)" } }, providers: [
+PaginationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PaginationDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+PaginationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: PaginationDirective, selector: "p-pagination", host: { listeners: { "pageChange": "handleChangeEvent($event.detail)" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: PaginationDirective,
             multi: true,
         },
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PaginationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PaginationDirective, decorators: [{
             type: Directive,
             args: [{
                     /* tslint:disable-next-line:directive-selector */
                     selector: 'p-pagination',
                     host: {
-                        '(pageChange)': 'handleChangeEvent($event.target.page)',
+                        '(pageChange)': 'handleChangeEvent($event.detail)',
                     },
                     providers: [
                         {
@@ -82,7 +182,313 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
-const CUSTOM_DIRECTIVES = [PaginationDirective];
+class SelectDirective extends BaseValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    writeValue(value) {
+        this.el.nativeElement.value = this.lastValue =
+            value == null ? '' : value;
+    }
+}
+SelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+SelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: SelectDirective, selector: "p-select", host: { listeners: { "valueChange": "handleChangeEvent($event.detail)" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: SelectDirective,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SelectDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'p-select',
+                    host: {
+                        '(valueChange)': 'handleChangeEvent($event.detail)',
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: SelectDirective,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+const DIRECTIVES$1 = [
+    PaginationDirective,
+    PageSizeSelectDirective,
+    SelectDirective,
+];
+
+class FormBaseComponent {
+    constructor() {
+        this.markedDirty = false;
+    }
+    scrollToFirstError() {
+        const invalidInputs = Array.from(document.getElementsByClassName('ng-invalid'))
+            .filter((e) => e?.nodeName?.toLowerCase() !== 'form')
+            .sort((a, b) => a.scrollTop - b.scrollTop);
+        const first = invalidInputs[0];
+        if (first) {
+            first.scrollIntoView({
+                behavior: 'smooth',
+                block: 'center',
+                inline: 'center',
+            });
+        }
+    }
+    markControlDirty(control) {
+        if (control instanceof FormControl) {
+            control.markAsDirty({ onlySelf: true });
+            control.markAsTouched({ onlySelf: true });
+        }
+        else if (control instanceof FormGroup) {
+            control.markAsDirty();
+            control.markAsTouched();
+            this.markAllDirty(control);
+        }
+        else if (control instanceof FormArray) {
+            control.markAsDirty();
+            control.markAsTouched();
+            for (const child of control?.controls) {
+                this.markControlDirty(child);
+            }
+        }
+        control.updateValueAndValidity();
+    }
+    markAllDirty(formGroup) {
+        this.markedDirty = true;
+        for (const field of Object.keys(formGroup.controls)) {
+            const control = formGroup.get(field);
+            this.markControlDirty(control);
+        }
+    }
+    getControlError(control) {
+        if (!this.hasControlError(control)) {
+            return;
+        }
+        return this.firstControlError(control);
+    }
+    hasControlError(control, showChildErrors = true) {
+        return (control?.dirty && this.firstControlError(control, showChildErrors));
+    }
+    firstControlError(control, showChildErrors = true) {
+        if (control instanceof FormGroup && showChildErrors) {
+            const errors = Object.keys(control.controls)
+                .map((key) => this.firstControlError(control.controls[key]))
+                .filter((val) => !!val);
+            return errors[0];
+        }
+        if (!control?.errors) {
+            return;
+        }
+        const keys = Object.keys(control.errors);
+        let err;
+        for (const key of keys) {
+            if (control.errors[key]) {
+                err = key;
+                break;
+            }
+        }
+        return err;
+    }
+    resetControl(control) {
+        control.setErrors(null);
+        control.reset();
+        control.markAsPristine();
+        if (control instanceof FormGroup) {
+            this.resetForm(control);
+        }
+        else if (control instanceof FormArray) {
+            for (const child of control?.controls) {
+                this.resetControl(child);
+            }
+        }
+    }
+    resetForm(formGroup) {
+        for (const field of Object.keys(formGroup.controls)) {
+            const control = formGroup.get(field);
+            this.resetControl(control);
+        }
+        this.markedDirty = false;
+    }
+}
+FormBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: FormBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FormBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: FormBaseComponent, selector: "ng-component", ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: FormBaseComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                }]
+        }] });
+
+let BaseTableComponent = class BaseTableComponent extends FormBaseComponent {
+    constructor() {
+        super();
+        this.quickFilters = [];
+        this.pageSizeDefault = 12;
+        this._defaultTableValues = {
+            pageSize: this.pageSizeDefault,
+            page: 1,
+            quickFilter: null,
+            query: '',
+            filters: [],
+            selectedRows: [],
+        };
+        this.defaultTableValues = {};
+    }
+    get pageSize() {
+        if (!this.tableOptions) {
+            return this._defaultTableValues.pageSize;
+        }
+        return this.tableOptions.value.pageSize;
+    }
+    get page() {
+        if (!this.tableOptions) {
+            return this._defaultTableValues.page;
+        }
+        return this.tableOptions.value.page;
+    }
+    get quickFilter() {
+        if (!this.tableOptions) {
+            return this._defaultTableValues.quickFilter;
+        }
+        return this.tableOptions.value.quickFilter;
+    }
+    set quickFilter(quickFilter) {
+        this.tableValues = {
+            quickFilter,
+        };
+    }
+    get query() {
+        if (!this.tableOptions) {
+            return this._defaultTableValues.query;
+        }
+        return this.tableOptions.value.query;
+    }
+    set query(query) {
+        this.tableValues = {
+            query,
+        };
+    }
+    get filters() {
+        if (!this.tableOptions) {
+            return this._defaultTableValues.filters;
+        }
+        return this.tableOptions.value.filters;
+    }
+    set filters(filters) {
+        this.tableValues = {
+            filters,
+        };
+    }
+    get selectedRows() {
+        if (!this.tableOptions) {
+            return this._defaultTableValues.selectedRows;
+        }
+        return this.tableOptions.value.selectedRows;
+    }
+    set selectedRows(selectedRows) {
+        this.tableValues = {
+            selectedRows,
+        };
+    }
+    // setter
+    get parsedDefaultTableValues() {
+        return {
+            ...this._defaultTableValues,
+            ...this.defaultTableValues,
+            pageSize: this.defaultTableValues?.pageSize || this.pageSizeDefault,
+        };
+    }
+    get tableValues() {
+        return this.tableOptions?.value ?? {};
+    }
+    set tableValues(values) {
+        this._setTableValues({
+            ...this.tableValues,
+            ...values,
+        });
+    }
+    ngOnInit() {
+        this.tableOptions = new FormControl({
+            pageSize: this.parsedDefaultTableValues.pageSize,
+            page: this.parsedDefaultTableValues.page,
+            quickFilter: this.parsedDefaultTableValues.quickFilter,
+            query: this.parsedDefaultTableValues.query,
+            filters: this.parsedDefaultTableValues.filters,
+            selectedRows: this.parsedDefaultTableValues.selectedRows,
+        });
+        this.tableOptions.valueChanges
+            .pipe(untilDestroyed(this), startWith(this.tableOptions.value), pairwise(), map(([previous, next]) => this._getChanges(previous, next)), filter((changes) => !!changes), debounce((changes) => {
+            if (changes?.query && Object.keys(changes)?.length === 1) {
+                return timer(300);
+            }
+            return timer(0);
+        }), filter((changes) => !(changes?.selected &&
+            Object.keys(changes)?.length === 1)))
+            .subscribe((changes) => {
+            if (changes?.page) {
+                this._refresh();
+                return;
+            }
+            this._resetPageOrRefresh();
+        });
+        this._refresh();
+    }
+    resetTable(emitEvent = true, forceRefresh = null) {
+        this._setTableValues(this.parsedDefaultTableValues, emitEvent);
+        if (forceRefresh) {
+            this._refresh();
+        }
+    }
+    _refresh() {
+        console.warn('Not implemented');
+    }
+    _resetPageOrRefresh() {
+        if (!this.tableOptions) {
+            return;
+        }
+        if (this.page !== 1) {
+            this.tableOptions.get('page')?.setValue(1);
+            return;
+        }
+        this._refresh();
+    }
+    _setTableValues(data, emitEvent = true) {
+        this.tableOptions?.setValue({
+            ...this.tableOptions.value,
+            ...data,
+        }, { emitEvent });
+    }
+    _getChanges(previous, next) {
+        const changes = {};
+        let key;
+        for (key in next) {
+            if (key === 'selectedRows') {
+                continue;
+            }
+            if (JSON.stringify(previous[key]) !== JSON.stringify(next[key])) {
+                // @ts-ignore
+                changes[key] = next[key];
+            }
+        }
+        return Object.keys(changes).length ? changes : null;
+    }
+};
+BaseTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BaseTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BaseTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: BaseTableComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+BaseTableComponent = __decorate([
+    UntilDestroy({ checkProperties: true })
+], BaseTableComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BaseTableComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                }]
+        }], ctorParameters: function () { return []; } });
 
 /* eslint-disable */
 const proxyInputs = (Cmp, inputs) => {
@@ -135,341 +541,2600 @@ function ProxyCmp(opts) {
     return decorator;
 }
 
-let PAvatar = class PAvatar {
+let PAccordion = class PAccordion {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['isOpen']);
     }
 };
-PAvatar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PAvatar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PAvatar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PAvatar, selector: "p-avatar", inputs: { defaultImage: "defaultImage", size: "size", src: "src", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PAvatar = __decorate([
+PAccordion.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PAccordion.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PAccordion, selector: "p-accordion", inputs: { closeable: "closeable", header: "header", open: "open", openable: "openable" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PAccordion = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['defaultImage', 'size', 'src', 'variant']
+        inputs: ['closeable', 'header', 'open', 'openable']
     })
-], PAvatar);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PAvatar, decorators: [{
+], PAccordion);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PAccordion, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-avatar',
+                    selector: 'p-accordion',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['defaultImage', 'size', 'src', 'variant']
+                    inputs: ['closeable', 'header', 'open', 'openable']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PButton = class PButton {
+let PAvatar = class PAvatar {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['onClick']);
     }
 };
-PButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PButton, selector: "p-button", inputs: { disabled: "disabled", href: "href", icon: "icon", iconFlip: "iconFlip", iconPosition: "iconPosition", iconRotate: "iconRotate", loading: "loading", size: "size", target: "target", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PButton = __decorate([
+PAvatar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PAvatar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PAvatar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PAvatar, selector: "p-avatar", inputs: { defaultImage: "defaultImage", size: "size", src: "src", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PAvatar = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['disabled', 'href', 'icon', 'iconFlip', 'iconPosition', 'iconRotate', 'loading', 'size', 'target', 'variant']
+        inputs: ['defaultImage', 'size', 'src', 'variant']
     })
-], PButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PButton, decorators: [{
+], PAvatar);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PAvatar, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-button',
+                    selector: 'p-avatar',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['disabled', 'href', 'icon', 'iconFlip', 'iconPosition', 'iconRotate', 'loading', 'size', 'target', 'variant']
+                    inputs: ['defaultImage', 'size', 'src', 'variant']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PCounter = class PCounter {
+let PAvatarGroup = class PAvatarGroup {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
 };
-PCounter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PCounter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PCounter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PCounter, selector: "p-counter", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PCounter = __decorate([
+PAvatarGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PAvatarGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PAvatarGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PAvatarGroup, selector: "p-avatar-group", inputs: { extra: "extra" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PAvatarGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined
+        defineCustomElementFn: undefined,
+        inputs: ['extra']
     })
-], PCounter);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PCounter, decorators: [{
+], PAvatarGroup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PAvatarGroup, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-counter',
+                    selector: 'p-avatar-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>'
+                    template: '<ng-content></ng-content>',
+                    inputs: ['extra']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PDivider = class PDivider {
+let PButton = class PButton {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['onClick']);
     }
 };
-PDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PDivider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PDivider, selector: "p-divider", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PDivider = __decorate([
+PButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PButton, selector: "p-button", inputs: { chevron: "chevron", chevronPosition: "chevronPosition", disabled: "disabled", href: "href", icon: "icon", iconFlip: "iconFlip", iconOnly: "iconOnly", iconPosition: "iconPosition", iconRotate: "iconRotate", inheritText: "inheritText", loading: "loading", size: "size", target: "target", variant: "variant", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined
+        defineCustomElementFn: undefined,
+        inputs: ['chevron', 'chevronPosition', 'disabled', 'href', 'icon', 'iconFlip', 'iconOnly', 'iconPosition', 'iconRotate', 'inheritText', 'loading', 'size', 'target', 'variant', 'width']
     })
-], PDivider);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PDivider, decorators: [{
+], PButton);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PButton, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-divider',
+                    selector: 'p-button',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>'
+                    template: '<ng-content></ng-content>',
+                    inputs: ['chevron', 'chevronPosition', 'disabled', 'href', 'icon', 'iconFlip', 'iconOnly', 'iconPosition', 'iconRotate', 'inheritText', 'loading', 'size', 'target', 'variant', 'width']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PHelper = class PHelper {
+let PCardBody = class PCardBody {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
 };
-PHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PHelper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PHelper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PHelper, selector: "p-helper", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PHelper = __decorate([
+PCardBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PCardBody, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PCardBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PCardBody, selector: "p-card-body", inputs: { inheritText: "inheritText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PCardBody = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined
+        defineCustomElementFn: undefined,
+        inputs: ['inheritText']
     })
-], PHelper);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PHelper, decorators: [{
+], PCardBody);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PCardBody, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-helper',
+                    selector: 'p-card-body',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>'
+                    template: '<ng-content></ng-content>',
+                    inputs: ['inheritText']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PIcon = class PIcon {
+let PCardContainer = class PCardContainer {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
 };
-PIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PIcon, selector: "p-icon", inputs: { flip: "flip", rotate: "rotate", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PIcon = __decorate([
+PCardContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PCardContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PCardContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PCardContainer, selector: "p-card-container", inputs: { hoverable: "hoverable", shadow: "shadow" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PCardContainer = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['flip', 'rotate', 'size', 'variant']
+        inputs: ['hoverable', 'shadow']
     })
-], PIcon);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PIcon, decorators: [{
+], PCardContainer);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PCardContainer, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-icon',
+                    selector: 'p-card-container',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['flip', 'rotate', 'size', 'variant']
+                    inputs: ['hoverable', 'shadow']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PIllustration = class PIllustration {
+let PCardHeader = class PCardHeader {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
 };
-PIllustration.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PIllustration, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PIllustration.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PIllustration, selector: "p-illustration", inputs: { variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PIllustration = __decorate([
+PCardHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PCardHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PCardHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PCardHeader, selector: "p-card-header", inputs: { arrow: "arrow", header: "header" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PCardHeader = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['variant']
+        inputs: ['arrow', 'header']
     })
-], PIllustration);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PIllustration, decorators: [{
+], PCardHeader);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PCardHeader, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-illustration',
+                    selector: 'p-card-header',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['variant']
+                    inputs: ['arrow', 'header']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PInfoPanel = class PInfoPanel {
+let PContentSlider = class PContentSlider {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
 };
-PInfoPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PInfoPanel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PInfoPanel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PInfoPanel, selector: "p-info-panel", inputs: { closeable: "closeable", content: "content", header: "header", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PInfoPanel = __decorate([
+PContentSlider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PContentSlider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PContentSlider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PContentSlider, selector: "p-content-slider", inputs: { disableAutoCenter: "disableAutoCenter", disableDrag: "disableDrag", disableIndicatorClick: "disableIndicatorClick", hideMobileIndicator: "hideMobileIndicator" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PContentSlider = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['closeable', 'content', 'header', 'variant']
+        inputs: ['disableAutoCenter', 'disableDrag', 'disableIndicatorClick', 'hideMobileIndicator']
     })
-], PInfoPanel);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PInfoPanel, decorators: [{
+], PContentSlider);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PContentSlider, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-info-panel',
+                    selector: 'p-content-slider',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['closeable', 'content', 'header', 'variant']
+                    inputs: ['disableAutoCenter', 'disableDrag', 'disableIndicatorClick', 'hideMobileIndicator']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PLoader = class PLoader {
+let PCounter = class PCounter {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
 };
-PLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PLoader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PLoader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PLoader, selector: "p-loader", inputs: { color: "color", modalDescription: "modalDescription", modalTitle: "modalTitle", show: "show", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PLoader = __decorate([
+PCounter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PCounter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PCounter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PCounter, selector: "p-counter", inputs: { size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PCounter = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['color', 'modalDescription', 'modalTitle', 'show', 'variant']
+        inputs: ['size', 'variant']
     })
-], PLoader);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PLoader, decorators: [{
+], PCounter);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PCounter, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-loader',
+                    selector: 'p-counter',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['color', 'modalDescription', 'modalTitle', 'show', 'variant']
+                    inputs: ['size', 'variant']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PNavigationItem = class PNavigationItem {
+let PDivider = class PDivider {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
 };
-PNavigationItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PNavigationItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PNavigationItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PNavigationItem, selector: "p-navigation-item", inputs: { active: "active", counter: "counter", href: "href", icon: "icon", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PNavigationItem = __decorate([
+PDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PDivider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PDivider, selector: "p-divider", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PDivider = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: ['active', 'counter', 'href', 'icon', 'target']
+        defineCustomElementFn: undefined
     })
-], PNavigationItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PNavigationItem, decorators: [{
+], PDivider);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PDivider, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-navigation-item',
+                    selector: 'p-divider',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['active', 'counter', 'href', 'icon', 'target']
+                    template: '<ng-content></ng-content>'
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PPagination = class PPagination {
+let PDropdown = class PDropdown {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['pageChange']);
+        proxyOutputs(this, this.el, ['isOpen']);
     }
 };
-PPagination.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PPagination.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PPagination, selector: "p-pagination", inputs: { page: "page", pageSize: "pageSize", total: "total" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PPagination = __decorate([
+PDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PDropdown, selector: "p-dropdown", inputs: { calculateWidth: "calculateWidth", chevronDirection: "chevronDirection", chevronPosition: "chevronPosition", disableTriggerClick: "disableTriggerClick", insideClick: "insideClick", placement: "placement", show: "show", strategy: "strategy" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PDropdown = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['page', 'pageSize', 'total']
+        inputs: ['calculateWidth', 'chevronDirection', 'chevronPosition', 'disableTriggerClick', 'insideClick', 'placement', 'show', 'strategy']
     })
-], PPagination);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PPagination, decorators: [{
+], PDropdown);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PDropdown, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-pagination',
+                    selector: 'p-dropdown',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['page', 'pageSize', 'total']
+                    inputs: ['calculateWidth', 'chevronDirection', 'chevronPosition', 'disableTriggerClick', 'insideClick', 'placement', 'show', 'strategy']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PPaginationItem = class PPaginationItem {
+let PDropdownMenuContainer = class PDropdownMenuContainer {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
 };
-PPaginationItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PPaginationItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PPaginationItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PPaginationItem, selector: "p-pagination-item", inputs: { active: "active" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PPaginationItem = __decorate([
+PDropdownMenuContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PDropdownMenuContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PDropdownMenuContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PDropdownMenuContainer, selector: "p-dropdown-menu-container", inputs: { maxWidth: "maxWidth" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PDropdownMenuContainer = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['active']
+        inputs: ['maxWidth']
     })
-], PPaginationItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PPaginationItem, decorators: [{
+], PDropdownMenuContainer);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PDropdownMenuContainer, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-pagination-item',
+                    selector: 'p-dropdown-menu-container',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['active']
+                    inputs: ['maxWidth']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PTooltip = class PTooltip {
+let PDropdownMenuItem = class PDropdownMenuItem {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
 };
-PTooltip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PTooltip, selector: "p-tooltip", inputs: { canManuallyClose: "canManuallyClose", placement: "placement", popover: "popover", show: "show", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PTooltip = __decorate([
+PDropdownMenuItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PDropdownMenuItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PDropdownMenuItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PDropdownMenuItem, selector: "p-dropdown-menu-item", inputs: { active: "active", enableHover: "enableHover", icon: "icon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PDropdownMenuItem = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['canManuallyClose', 'placement', 'popover', 'show', 'variant']
+        inputs: ['active', 'enableHover', 'icon']
+    })
+], PDropdownMenuItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PDropdownMenuItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-dropdown-menu-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['active', 'enableHover', 'icon']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PHelper = class PHelper {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PHelper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PHelper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PHelper, selector: "p-helper", inputs: { placement: "placement" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PHelper = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['placement']
+    })
+], PHelper);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PHelper, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-helper',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['placement']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PIcon = class PIcon {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PIcon, selector: "p-icon", inputs: { flip: "flip", rotate: "rotate", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PIcon = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['flip', 'rotate', 'size', 'variant']
+    })
+], PIcon);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PIcon, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-icon',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['flip', 'rotate', 'size', 'variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PIllustration = class PIllustration {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PIllustration.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PIllustration, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PIllustration.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PIllustration, selector: "p-illustration", inputs: { variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PIllustration = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['variant']
+    })
+], PIllustration);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PIllustration, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-illustration',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PInfoPanel = class PInfoPanel {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PInfoPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PInfoPanel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PInfoPanel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PInfoPanel, selector: "p-info-panel", inputs: { closeable: "closeable", content: "content", header: "header", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PInfoPanel = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['closeable', 'content', 'header', 'variant']
+    })
+], PInfoPanel);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PInfoPanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-info-panel',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['closeable', 'content', 'header', 'variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PInputGroup = class PInputGroup {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PInputGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PInputGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PInputGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PInputGroup, selector: "p-input-group", inputs: { disabled: "disabled", error: "error", focused: "focused", helper: "helper", icon: "icon", iconFlip: "iconFlip", iconPosition: "iconPosition", iconRotate: "iconRotate", label: "label", prefix: "prefix", required: "required", size: "size", suffix: "suffix" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PInputGroup = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['disabled', 'error', 'focused', 'helper', 'icon', 'iconFlip', 'iconPosition', 'iconRotate', 'label', 'prefix', 'required', 'size', 'suffix']
+    })
+], PInputGroup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PInputGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-input-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['disabled', 'error', 'focused', 'helper', 'icon', 'iconFlip', 'iconPosition', 'iconRotate', 'label', 'prefix', 'required', 'size', 'suffix']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PLabel = class PLabel {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PLabel, selector: "p-label", inputs: { circle: "circle", icon: "icon", iconFlip: "iconFlip", iconOnly: "iconOnly", iconRotate: "iconRotate", mobileIcon: "mobileIcon", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PLabel = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['circle', 'icon', 'iconFlip', 'iconOnly', 'iconRotate', 'mobileIcon', 'size', 'variant']
+    })
+], PLabel);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PLabel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-label',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['circle', 'icon', 'iconFlip', 'iconOnly', 'iconRotate', 'mobileIcon', 'size', 'variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PLayout = class PLayout {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PLayout, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PLayout, selector: "p-layout", inputs: { variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PLayout = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['variant']
+    })
+], PLayout);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PLayout, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-layout',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PLoader = class PLoader {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PLoader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PLoader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PLoader, selector: "p-loader", inputs: { color: "color", modalDescription: "modalDescription", modalTitle: "modalTitle", show: "show", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PLoader = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['color', 'modalDescription', 'modalTitle', 'show', 'variant']
+    })
+], PLoader);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PLoader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-loader',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['color', 'modalDescription', 'modalTitle', 'show', 'variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PModal = class PModal {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['close']);
+    }
+};
+PModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PModal, selector: "p-modal", inputs: { header: "header", show: "show", showMobileClose: "showMobileClose", showMobileFooter: "showMobileFooter", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PModal = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['header', 'show', 'showMobileClose', 'showMobileFooter', 'size', 'variant']
+    })
+], PModal);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModal, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-modal',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['header', 'show', 'showMobileClose', 'showMobileFooter', 'size', 'variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PModalBackdrop = class PModalBackdrop {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PModalBackdrop.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModalBackdrop, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PModalBackdrop.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PModalBackdrop, selector: "p-modal-backdrop", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PModalBackdrop = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined
+    })
+], PModalBackdrop);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModalBackdrop, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-modal-backdrop',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PModalBody = class PModalBody {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PModalBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModalBody, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PModalBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PModalBody, selector: "p-modal-body", inputs: { variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PModalBody = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['variant']
+    })
+], PModalBody);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModalBody, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-modal-body',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PModalContainer = class PModalContainer {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PModalContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModalContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PModalContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PModalContainer, selector: "p-modal-container", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PModalContainer = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['size']
+    })
+], PModalContainer);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModalContainer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-modal-container',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['size']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PModalFooter = class PModalFooter {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PModalFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModalFooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PModalFooter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PModalFooter, selector: "p-modal-footer", inputs: { hideOnMobile: "hideOnMobile" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PModalFooter = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['hideOnMobile']
+    })
+], PModalFooter);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModalFooter, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-modal-footer',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['hideOnMobile']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PModalHeader = class PModalHeader {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['close']);
+    }
+};
+PModalHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModalHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PModalHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PModalHeader, selector: "p-modal-header", inputs: { showMobileClose: "showMobileClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PModalHeader = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['showMobileClose']
+    })
+], PModalHeader);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModalHeader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-modal-header',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['showMobileClose']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PNavbar = class PNavbar {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PNavbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PNavbar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PNavbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PNavbar, selector: "p-navbar", inputs: { closeText: "closeText", menuText: "menuText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PNavbar = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['closeText', 'menuText']
+    })
+], PNavbar);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PNavbar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-navbar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['closeText', 'menuText']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PNavigationItem = class PNavigationItem {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PNavigationItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PNavigationItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PNavigationItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PNavigationItem, selector: "p-navigation-item", inputs: { active: "active", counter: "counter", href: "href", icon: "icon", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PNavigationItem = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['active', 'counter', 'href', 'icon', 'target']
+    })
+], PNavigationItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PNavigationItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-navigation-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['active', 'counter', 'href', 'icon', 'target']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PPageSizeSelect = class PPageSizeSelect {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['sizeChange']);
+    }
+};
+PPageSizeSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PPageSizeSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PPageSizeSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PPageSizeSelect, selector: "p-page-size-select", inputs: { buttonSize: "buttonSize", buttonTemplate: "buttonTemplate", chevronPosition: "chevronPosition", hidden: "hidden", itemTemplate: "itemTemplate", size: "size", sizeOptions: "sizeOptions" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PPageSizeSelect = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['buttonSize', 'buttonTemplate', 'chevronPosition', 'hidden', 'itemTemplate', 'size', 'sizeOptions']
+    })
+], PPageSizeSelect);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PPageSizeSelect, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-page-size-select',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['buttonSize', 'buttonTemplate', 'chevronPosition', 'hidden', 'itemTemplate', 'size', 'sizeOptions']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PPagination = class PPagination {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['pageChange']);
+    }
+};
+PPagination.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PPagination.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PPagination, selector: "p-pagination", inputs: { hideOnSinglePage: "hideOnSinglePage", page: "page", pageSize: "pageSize", total: "total" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PPagination = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['hideOnSinglePage', 'page', 'pageSize', 'total']
+    })
+], PPagination);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PPagination, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-pagination',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['hideOnSinglePage', 'page', 'pageSize', 'total']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PPaginationItem = class PPaginationItem {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PPaginationItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PPaginationItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PPaginationItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PPaginationItem, selector: "p-pagination-item", inputs: { active: "active" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PPaginationItem = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['active']
+    })
+], PPaginationItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PPaginationItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-pagination-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['active']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PProfile = class PProfile {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PProfile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PProfile, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PProfile.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PProfile, selector: "p-profile", inputs: { size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PProfile = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['size', 'variant']
+    })
+], PProfile);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PProfile, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-profile',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['size', 'variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PSegmentContainer = class PSegmentContainer {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PSegmentContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PSegmentContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PSegmentContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PSegmentContainer, selector: "p-segment-container", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PSegmentContainer = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined
+    })
+], PSegmentContainer);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PSegmentContainer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-segment-container',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PSegmentItem = class PSegmentItem {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PSegmentItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PSegmentItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PSegmentItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PSegmentItem, selector: "p-segment-item", inputs: { active: "active", icon: "icon", iconFlip: "iconFlip", iconRotate: "iconRotate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PSegmentItem = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['active', 'icon', 'iconFlip', 'iconRotate']
+    })
+], PSegmentItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PSegmentItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-segment-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['active', 'icon', 'iconFlip', 'iconRotate']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PSelect = class PSelect {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['queryChange', 'valueChange']);
+    }
+};
+PSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PSelect, selector: "p-select", inputs: { asyncFilter: "asyncFilter", autoSelectFirst: "autoSelectFirst", autocompletePlaceholder: "autocompletePlaceholder", disabled: "disabled", displayKey: "displayKey", enableAutocomplete: "enableAutocomplete", error: "error", helper: "helper", items: "items", label: "label", loading: "loading", maxDisplayedItems: "maxDisplayedItems", placeholder: "placeholder", prefix: "prefix", query: "query", queryKey: "queryKey", size: "size", value: "value", valueKey: "valueKey" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PSelect = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['asyncFilter', 'autoSelectFirst', 'autocompletePlaceholder', 'disabled', 'displayKey', 'enableAutocomplete', 'error', 'helper', 'items', 'label', 'loading', 'maxDisplayedItems', 'placeholder', 'prefix', 'query', 'queryKey', 'size', 'value', 'valueKey']
+    })
+], PSelect);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PSelect, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-select',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['asyncFilter', 'autoSelectFirst', 'autocompletePlaceholder', 'disabled', 'displayKey', 'enableAutocomplete', 'error', 'helper', 'items', 'label', 'loading', 'maxDisplayedItems', 'placeholder', 'prefix', 'query', 'queryKey', 'size', 'value', 'valueKey']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PSliderIndicator = class PSliderIndicator {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PSliderIndicator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PSliderIndicator, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PSliderIndicator.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PSliderIndicator, selector: "p-slider-indicator", inputs: { active: "active" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PSliderIndicator = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['active']
+    })
+], PSliderIndicator);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PSliderIndicator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-slider-indicator',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['active']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PStatus = class PStatus {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PStatus.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PStatus, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PStatus.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PStatus, selector: "p-status", inputs: { icon: "icon", iconFlip: "iconFlip", iconRotate: "iconRotate", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PStatus = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['icon', 'iconFlip', 'iconRotate', 'variant']
+    })
+], PStatus);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PStatus, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-status',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['icon', 'iconFlip', 'iconRotate', 'variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PStepper = class PStepper {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PStepper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PStepper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PStepper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PStepper, selector: "p-stepper", inputs: { activeStep: "activeStep", direction: "direction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PStepper = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['activeStep', 'direction']
+    })
+], PStepper);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PStepper, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-stepper',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['activeStep', 'direction']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PStepperItem = class PStepperItem {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PStepperItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PStepperItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PStepperItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PStepperItem, selector: "p-stepper-item", inputs: { active: "active", align: "align", direction: "direction", finished: "finished" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PStepperItem = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['active', 'align', 'direction', 'finished']
+    })
+], PStepperItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PStepperItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-stepper-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['active', 'align', 'direction', 'finished']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PStepperLine = class PStepperLine {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PStepperLine.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PStepperLine, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PStepperLine.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PStepperLine, selector: "p-stepper-line", inputs: { active: "active", direction: "direction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PStepperLine = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['active', 'direction']
+    })
+], PStepperLine);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PStepperLine, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-stepper-line',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['active', 'direction']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PTabGroup = class PTabGroup {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PTabGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PTabGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PTabGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PTabGroup, selector: "p-tab-group", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTabGroup = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined
+    })
+], PTabGroup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PTabGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-tab-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PTabItem = class PTabItem {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PTabItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PTabItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PTabItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PTabItem, selector: "p-tab-item", inputs: { active: "active" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTabItem = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['active']
+    })
+], PTabItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PTabItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-tab-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['active']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PTableContainer = class PTableContainer {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PTableContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PTableContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PTableContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PTableContainer, selector: "p-table-container", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTableContainer = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined
+    })
+], PTableContainer);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PTableContainer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-table-container',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PTableFooter = class PTableFooter {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['pageChange', 'pageSizeChange', 'export']);
+    }
+};
+PTableFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PTableFooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PTableFooter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PTableFooter, selector: "p-table-footer", inputs: { enableExport: "enableExport", enablePageSize: "enablePageSize", enablePagination: "enablePagination", hideOnSinglePage: "hideOnSinglePage", page: "page", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", total: "total" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTableFooter = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['enableExport', 'enablePageSize', 'enablePagination', 'hideOnSinglePage', 'page', 'pageSize', 'pageSizeOptions', 'total']
+    })
+], PTableFooter);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PTableFooter, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-table-footer',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['enableExport', 'enablePageSize', 'enablePagination', 'hideOnSinglePage', 'page', 'pageSize', 'pageSizeOptions', 'total']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PTableHeader = class PTableHeader {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['quickFilter', 'queryChange', 'filter', 'edit']);
+    }
+};
+PTableHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PTableHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PTableHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PTableHeader, selector: "p-table-header", inputs: { activeQuickFilterIdentifier: "activeQuickFilterIdentifier", canEdit: "canEdit", editButtonTemplate: "editButtonTemplate", enableEdit: "enableEdit", enableFilter: "enableFilter", enableSearch: "enableSearch", filterButtonTemplate: "filterButtonTemplate", itemsSelectedAmount: "itemsSelectedAmount", query: "query", quickFilters: "quickFilters", selectedFiltersAmount: "selectedFiltersAmount" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTableHeader = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['activeQuickFilterIdentifier', 'canEdit', 'editButtonTemplate', 'enableEdit', 'enableFilter', 'enableSearch', 'filterButtonTemplate', 'itemsSelectedAmount', 'query', 'quickFilters', 'selectedFiltersAmount']
+    })
+], PTableHeader);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PTableHeader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-table-header',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['activeQuickFilterIdentifier', 'canEdit', 'editButtonTemplate', 'enableEdit', 'enableFilter', 'enableSearch', 'filterButtonTemplate', 'itemsSelectedAmount', 'query', 'quickFilters', 'selectedFiltersAmount']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PTableRow = class PTableRow {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PTableRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PTableRow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PTableRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PTableRow, selector: "p-table-row", inputs: { enableHover: "enableHover", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTableRow = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['enableHover', 'variant']
+    })
+], PTableRow);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PTableRow, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-table-row',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['enableHover', 'variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PToast = class PToast {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['action']);
+    }
+};
+PToast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PToast, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PToast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PToast, selector: "p-toast", inputs: { actionIcon: "actionIcon", actionIconFlip: "actionIconFlip", actionIconRotate: "actionIconRotate", content: "content", enableAction: "enableAction", header: "header", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PToast = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['actionIcon', 'actionIconFlip', 'actionIconRotate', 'content', 'enableAction', 'header', 'variant']
+    })
+], PToast);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PToast, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-toast',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['actionIcon', 'actionIconFlip', 'actionIconRotate', 'content', 'enableAction', 'header', 'variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PTooltip = class PTooltip {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['isOpen']);
+    }
+};
+PTooltip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PTooltip, selector: "p-tooltip", inputs: { canManuallyClose: "canManuallyClose", placement: "placement", popover: "popover", show: "show", strategy: "strategy", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTooltip = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['canManuallyClose', 'placement', 'popover', 'show', 'strategy', 'variant']
     })
 ], PTooltip);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PTooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PTooltip, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-tooltip',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['canManuallyClose', 'placement', 'popover', 'show', 'strategy', 'variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+
+/* eslint-disable max-len */
+class TableCell {
+    constructor() {
+        /**
+         * The variant of the column
+         */
+        this.variant = 'default';
+        /**
+         * The index of the column
+         */
+        this.index = 0;
+        /**
+         * The index of the row
+         */
+        this.rowIndex = 0;
+    }
+    get class() {
+        return this.getColumnClasses();
+    }
+    get data() {
+        if (this.variant === 'header') {
+            return {
+                value: this.value,
+            };
+        }
+        return {
+            value: this.value ?? objectGetByPath(this.item, this.definition.path),
+            item: this.item,
+            index: this.index,
+            rowIndex: this.rowIndex,
+        };
+    }
+    // render() {
+    // 	return (
+    // 		<Host
+    // 			class={{
+    // 				'p-table-column': true,
+    // 				[`variant-${this.variant}`]: true,
+    // 				...this._getColumnClasses(),
+    // 			}}
+    // 		>
+    // 			{this.checkbox}
+    // 			{this.variant === 'loading' ? (
+    // 				<p-loader
+    // 					variant="ghost"
+    // 					class="rounded flex-1 w-full h-6"
+    // 				/>
+    // 			) : (
+    // 				<div class="flex">
+    // 					{this.variant === 'header' ? (
+    // 						this.data.value
+    // 					) : this.definition.useSlot ? (
+    // 						<slot />
+    // 					) : (
+    // 						this.template(this.data as TableDefinitionData)
+    // 					)}
+    // 				</div>
+    // 			)}
+    // 		</Host>
+    // 	);
+    // }
+    getColumnClasses() {
+        const sizes = this.definition ? this._getSizes(this.definition) : {};
+        return {
+            'justify-start': !this.definition?.align || this.definition?.align === 'start',
+            'justify-center': this.definition?.align === 'center',
+            'justify-end': this.definition?.align === 'end',
+            'font-semibold': this.variant !== 'header' && this.definition?.type === 'th',
+            'text-storm-dark': this.variant !== 'header' && this.definition?.type === 'th',
+            ...sizes,
+        };
+    }
+    /*
+     With this, we shall hack the system in ways no one would ever have thought.
+
+     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
+     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
+     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
+     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
+     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
+     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
+     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
+     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
+
+
+        ⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣶⣦⣬⡉⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠚⢉⣥⣴⣾⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀
+        ⠀⠀⠀⡾⠿⠛⠛⠛⠛⠿⢿⣿⣿⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿⣿⠿⠿⠛⠛⠛⠛⠿⢧⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⣠⣿⣿⣿⣿⡿⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⣠⣤⠶⠶⠶⠰⠦⣤⣀⠀⠙⣷⠀⠀⠀⠀⠀⠀⠀⢠⡿⠋⢀⣀⣤⢴⠆⠲⠶⠶⣤⣄⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠘⣆⠀⠀⢠⣾⣫⣶⣾⣿⣿⣿⣿⣷⣯⣿⣦⠈⠃⡇⠀⠀⠀⠀⢸⠘⢁⣶⣿⣵⣾⣿⣿⣿⣿⣷⣦⣝⣷⡄⠀⠀⡰⠂⠀
+        ⠀⠀⣨⣷⣶⣿⣧⣛⣛⠿⠿⣿⢿⣿⣿⣛⣿⡿⠀⠀⡇⠀⠀⠀⠀⢸⠀⠈⢿⣟⣛⠿⢿⡿⢿⢿⢿⣛⣫⣼⡿⣶⣾⣅⡀⠀
+        ⢀⡼⠋⠁⠀⠀⠈⠉⠛⠛⠻⠟⠸⠛⠋⠉⠁⠀⠀⢸⡇⠀⠀⠄⠀⢸⡄⠀⠀⠈⠉⠙⠛⠃⠻⠛⠛⠛⠉⠁⠀⠀⠈⠙⢧⡀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⡇⢠⠀⠀⠀⢸⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡇⠀⠀⠀⠀⢸⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⣿⠇⠀⠀⠀⠀⢸⡇⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⠖⡾⠁⠀⠀⣿⠀⠀⠀⠀⠀⠘⣿⠀⠀⠙⡇⢸⣷⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀
+        ⠀⠀⢻⣷⡦⣤⣤⣤⡴⠶⠿⠛⠉⠁⠀⢳⠀⢠⡀⢿⣀⠀⠀⠀⠀⣠⡟⢀⣀⢠⠇⠀⠈⠙⠛⠷⠶⢦⣤⣤⣤⢴⣾⡏⠀⠀
+        ⠀⠀⠈⣿⣧⠙⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠘⠛⢊⣙⠛⠒⠒⢛⣋⡚⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⣠⣿⡿⠁⣾⡿⠀⠀⠀
+        ⠀⠀⠀⠘⣿⣇⠈⢿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿⡿⢿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⡟⠁⣼⡿⠁⠀⠀⠀
+        ⠀⠀⠀⠀⠘⣿⣦⠀⠻⣿⣷⣦⣤⣤⣶⣶⣶⣿⣿⣿⣿⠏⠀⠀⠻⣿⣿⣿⣿⣶⣶⣶⣦⣤⣴⣿⣿⠏⢀⣼⡿⠁⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠘⢿⣷⣄⠙⠻⠿⠿⠿⠿⠿⢿⣿⣿⣿⣁⣀⣀⣀⣀⣙⣿⣿⣿⠿⠿⠿⠿⠿⠿⠟⠁⣠⣿⡿⠁⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠈⠻⣯⠙⢦⣀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⣠⠴⢋⣾⠟⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠙⢧⡀⠈⠉⠒⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠐⠒⠉⠁⢀⡾⠃⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⣠⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢦⡀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⢀⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
+    */
+    _getSizes({ sizes } /* Table Definition */) {
+        if (sizes === 'auto' || !sizes) {
+            return {
+                'w-auto': true,
+            };
+        }
+        if (typeof sizes === 'object') {
+            const classes = {};
+            for (const size of Object.keys(sizes)) {
+                if (size === 'default') {
+                    classes[`w-${sizes.default}/12`] = true;
+                    continue;
+                }
+                classes[`${size}:w-${sizes[`${size}`]}/12`] = true;
+            }
+            return classes;
+        }
+        // is a number.
+        return {
+            [`w-${sizes}/12`]: true,
+        };
+    }
+}
+TableCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TableCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: TableCell, selector: "p-table-cell-ngx", inputs: { variant: "variant", index: "index", rowIndex: "rowIndex", definition: "definition", item: "item", value: "value", checkbox: "checkbox", template: "template" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-container *ngIf=\"checkbox\">\n    <ng-container *ngTemplateOutlet=\"checkbox\"></ng-container>\n</ng-container>\n\n<ng-container [ngSwitch]=\"variant\">\n    <p-loader\n        *ngSwitchCase=\"'loading'\"\n        variant=\"ghost\"\n        class=\"rounded flex-1 w-full h-6\"\n    ></p-loader>\n\n    <div *ngSwitchCase=\"'header'\" class=\"flex\">\n        <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n    </div>\n\n    <div *ngSwitchCase=\"'default'\" class=\"flex\">\n        <ng-container *ngIf=\"template; else valueTemplate\">\n            <ng-container\n                *ngTemplateOutlet=\"template; context: data\"\n            ></ng-container>\n        </ng-container>\n    </div>\n</ng-container>\n\n<ng-template #valueTemplate>\n    {{ data.value }}\n</ng-template>\n", styles: [":host{display:flex;align-items:center;gap:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: PLoader, selector: "p-loader", inputs: ["color", "modalDescription", "modalTitle", "show", "variant"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableCell, decorators: [{
+            type: Component,
+            args: [{ selector: 'p-table-cell-ngx', template: "<ng-container *ngIf=\"checkbox\">\n    <ng-container *ngTemplateOutlet=\"checkbox\"></ng-container>\n</ng-container>\n\n<ng-container [ngSwitch]=\"variant\">\n    <p-loader\n        *ngSwitchCase=\"'loading'\"\n        variant=\"ghost\"\n        class=\"rounded flex-1 w-full h-6\"\n    ></p-loader>\n\n    <div *ngSwitchCase=\"'header'\" class=\"flex\">\n        <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n    </div>\n\n    <div *ngSwitchCase=\"'default'\" class=\"flex\">\n        <ng-container *ngIf=\"template; else valueTemplate\">\n            <ng-container\n                *ngTemplateOutlet=\"template; context: data\"\n            ></ng-container>\n        </ng-container>\n    </div>\n</ng-container>\n\n<ng-template #valueTemplate>\n    {{ data.value }}\n</ng-template>\n", styles: [":host{display:flex;align-items:center;gap:1rem}\n"] }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], rowIndex: [{
+                type: Input
+            }], definition: [{
+                type: Input
+            }], item: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], checkbox: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }], class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+let TableColumn = class TableColumn {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['tableDefinitionChanged']);
+    }
+};
+TableColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableColumn, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+TableColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: TableColumn, selector: "p-table-column", inputs: { align: "align", name: "name", path: "path", sizes: "sizes", type: "type", useSlot: "useSlot" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TableColumn = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['align', 'name', 'path', 'sizes', 'type', 'useSlot'],
+    })
+], TableColumn);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableColumn, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-table-column',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['align', 'name', 'path', 'sizes', 'type', 'useSlot'],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { template: [{
+                type: ContentChild,
+                args: [TemplateRef, {
+                        read: TemplateRef,
+                        static: true,
+                    }]
+            }] } });
+
+class TableFilterModalDirective {
+}
+TableFilterModalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableFilterModalDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TableFilterModalDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: TableFilterModalDirective, selector: "[p-table-filter-modal]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableFilterModalDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[p-table-filter-modal]',
+                }]
+        }] });
+
+const defaultSize = 12;
+const defaultSizeOptions = [12, 24, 68, 136];
+
+class TableFooterDirective extends BaseValueAccessor {
+    constructor(el) {
+        super(el);
+        this.lastValue = {
+            page: 1,
+            pageSize: 12,
+        };
+    }
+    writeValue(value) {
+        this.el.nativeElement.page = this.lastValue.page =
+            value?.page == null ? '' : value?.page;
+        this.el.nativeElement.pageSize = this.lastValue.pageSize =
+            value?.pageSize == null ? '' : value?.pageSize;
+    }
+    handleChange(value, type) {
+        this.handleChangeEvent({
+            ...this.lastValue,
+            [type]: value,
+        });
+    }
+}
+TableFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableFooterDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TableFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: TableFooterDirective, selector: "p-table-footer", host: { listeners: { "pageChange": "handleChange($event.detail, \"page\")", "pageSizeChange": "handleChange($event.detail, \"pageSize\")" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: TableFooterDirective,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'p-table-footer',
+                    host: {
+                        '(pageChange)': 'handleChange($event.detail, "page")',
+                        '(pageSizeChange)': 'handleChange($event.detail, "pageSize")',
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: TableFooterDirective,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+class TableHeaderDirective extends BaseValueAccessor {
+    constructor(el) {
+        super(el);
+        this.lastValue = {
+            query: '',
+            quickFilter: undefined,
+        };
+    }
+    writeValue(value) {
+        this.el.nativeElement.query = this.lastValue.query = value?.query;
+        this.lastValue.quickFilter = value?.quickFilter;
+        if (value?.quickFilter) {
+            this._setActiveQuickFilter(value.quickFilter);
+        }
+    }
+    handleChange(value, type) {
+        this.handleChangeEvent({
+            ...this.lastValue,
+            [type]: value,
+        });
+        if (type === 'quickFilter' && typeof value !== 'string') {
+            this._setActiveQuickFilter(value);
+        }
+    }
+    _setActiveQuickFilter(quickFilter) {
+        this.el.nativeElement.activeQuickFilterIdentifier =
+            quickFilter?.identifier;
+    }
+}
+TableHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableHeaderDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TableHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: TableHeaderDirective, selector: "p-table-header", host: { listeners: { "queryChange": "handleChange($event.detail, \"query\")", "quickFilter": "handleChange($event.detail, \"quickFilter\")" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: TableHeaderDirective,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'p-table-header',
+                    host: {
+                        '(queryChange)': 'handleChange($event.detail, "query")',
+                        '(quickFilter)': 'handleChange($event.detail, "quickFilter")',
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: TableHeaderDirective,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+let Table = class Table {
+    constructor() {
+        /**
+         * Wether data is loading
+         */
+        this.loading = false;
+        /**
+         * The amount of loading rows to show
+         */
+        this.amountOfLoadingRows = 6;
+        /**
+         * Wether to enable selection
+         */
+        this.enableRowSelection = true;
+        /**
+         * Wether to enable row clicking
+         */
+        this.enableRowClick = true;
+        /**
+         * The current selection of items
+         */
+        this.selectedRows = [];
+        /**
+         * Event whenever the current selection changes
+         */
+        this.selectedRowsChange = new EventEmitter();
+        /**
+         * Event whenever a row is clicked
+         */
+        this.rowClick = new EventEmitter();
+        /**
+         * Event whenever a row is selected
+         */
+        this.rowSelected = new EventEmitter();
+        /**
+         * Event whenever a row is deselected
+         */
+        this.rowDeselected = new EventEmitter();
+        /** START HEADER */
+        /**
+         * Quick filters to show
+         */
+        this.quickFilters = [];
+        /**
+         * Wether to show the search input
+         */
+        this.enableSearch = true;
+        /**
+         * Wether to show the filter button
+         */
+        this.enableFilter = true;
+        /**
+         * Wether to show the edit button
+         */
+        this.enableEdit = true;
+        /**
+         * Event when one of the quick filters is clicked
+         */
+        this.quickFilter = new EventEmitter();
+        /**
+         * Event when the query changes
+         */
+        this.queryChange = new EventEmitter();
+        /**
+         * Event when the filter button is clicked
+         */
+        this.filter = new EventEmitter();
+        /**
+         * Event when the edit button is clicked
+         */
+        this.edit = new EventEmitter();
+        /** START FOOTER */
+        /**
+         * Wether to enable page size select
+         */
+        this.enablePageSize = true;
+        /**
+         * Wether to enable pagination
+         */
+        this.enablePagination = true;
+        /**
+         * Wether to enable export
+         */
+        this.enableExport = true;
+        /**
+         * The current page
+         */
+        this.page = 1;
+        /**
+         * Event whenever the page changes
+         */
+        this.pageChange = new EventEmitter();
+        /**
+         * The amount of items per page
+         */
+        this.pageSize = defaultSize;
+        /**
+         * The options for the page size
+         */
+        this.pageSizeOptions = defaultSizeOptions;
+        /**
+         * Event whenever the page changes
+         */
+        this.pageSizeChange = new EventEmitter();
+        /**
+         * Event whenever the page changes
+         */
+        this.export = new EventEmitter();
+        /**
+         * Wether to hide when there is only 1 page available
+         */
+        this.hideOnSinglePage = true;
+        /* Empty state start */
+        this.emptyStateType = 'no_filter';
+        /**
+         * Event whenever the empty state is clicked
+         */
+        this.emptyStateActionClick = new EventEmitter();
+        /* Empty state end */
+        this.columns = [];
+        this.parsedItems = [];
+        this.loadingRows = Array.from({
+            length: this.amountOfLoadingRows,
+        });
+        this._ctrlDown = false;
+        this.filterModalShow$ = new BehaviorSubject(false);
+        this.filterModalHeaderText = 'Filters';
+        this.filterModalSaveText = 'Save';
+        this.filterModalCancelText = 'Cancel';
+        this.filterModalShow = new EventEmitter();
+        this.filterModalSave = new EventEmitter();
+    }
+    set columnDefinitions(v) {
+        this._columnDefinitions = v;
+        this._generateColumns();
+    }
+    get columnDefinitions() {
+        return this._columnDefinitions;
+    }
+    ngOnInit() {
+        this._parseItems(this.items);
+        this.loadingRows = Array.from({
+            length: this.amountOfLoadingRows,
+        });
+        this.filterModalShow$
+            .pipe(untilDestroyed(this), distinctUntilChanged())
+            .subscribe((value) => this.filterModalShow.next(value));
+        // this._generateColumns();
+    }
+    ngOnChanges(changes) {
+        if (changes['items']) {
+            this._parseItems(changes['items'].currentValue);
+        }
+        if (changes['amountOfLoadingRows']) {
+            this.loadingRows = Array.from({
+                length: changes['amountOfLoadingRows'].currentValue,
+            });
+        }
+    }
+    //  @HostListener('body:tableDefinitionChanged', { target: 'body' })
+    //  onTableDefinitionUpdated() {
+    //      this._generateColumns();
+    //  }
+    keyDown({ key }) {
+        if (key !== 'Control' || this._ctrlDown === true) {
+            return;
+        }
+        this._ctrlDown = true;
+    }
+    keyUp({ key }) {
+        if (key !== 'Control' || this._ctrlDown === false) {
+            return;
+        }
+        this._ctrlDown = false;
+    }
+    visibilityChange() {
+        if (document.visibilityState !== 'hidden' || this._ctrlDown === false) {
+            return;
+        }
+        this._ctrlDown = false;
+    }
+    onQueryChange({ detail }) {
+        this.queryChange.emit(detail);
+    }
+    onQuickFilter({ detail }) {
+        this.quickFilter.emit(detail);
+    }
+    onPageSizeChange({ detail }) {
+        this.pageSizeChange.emit(detail);
+    }
+    onPageChange({ detail }) {
+        this.pageChange.emit(detail);
+    }
+    onFilterModalSave() {
+        this.filterModalSave.next();
+        this.filterModalShow$.next(false);
+    }
+    _parseItems(items) {
+        if (!items) {
+            this.parsedItems = [];
+            return;
+        }
+        if (Array.isArray(items)) {
+            this.parsedItems = items;
+            return;
+        }
+        this.parsedItems = JSON.parse(items);
+    }
+    _generateColumns() {
+        // const definitions =
+        // 	this._el.nativeElement.querySelectorAll('p-table-definition');
+        this.columns = Array.from(this._columnDefinitions);
+    }
+    //  private _getHeader() {
+    //      return (
+    //          <p-table-row variant="header">
+    //              {this._columns.map((col: TableDefinition, index) => (
+    //                  <p-table-column
+    //                      definition={col}
+    //                      value={col.name}
+    //                      variant="header"
+    //                      checkbox={this._getCheckbox(index, null, 'header')}
+    //                      index={index}
+    //                  ></p-table-column>
+    //              ))}
+    //          </p-table-row>
+    //      );
+    //  }
+    //  private _getRows() {
+    //      if (this.loading) {
+    //          return Array.from(
+    //              {
+    //                  length: this.amountOfLoadingRows,
+    //              },
+    //              (_, i) => (
+    //                  <p-table-row
+    //                      enableHover={
+    //                          this.enableRowSelection || this.enableRowClick
+    //                      }
+    //                  >
+    //                      {this._getLoadingColumns(i)}
+    //                  </p-table-row>
+    //              )
+    //          );
+    //      }
+    //      return this._items.map((item, index) => (
+    //          <p-table-row
+    //              enableHover={this.enableRowSelection || this.enableRowClick}
+    //              onClick={(ev) => this._rowClick(ev, index)}
+    //          >
+    //              {this._getRowColumns(item, index)}
+    //          </p-table-row>
+    //      ));
+    //  }
+    //  private _getRowColumns(item, index) {
+    //      return this._columns.map((col: TableDefinition, colIndex) => {
+    //          return (
+    //              <p-table-column
+    //                  definition={col}
+    //                  item={item}
+    //                  checkbox={this._getCheckbox(colIndex, index)}
+    //                  index={colIndex}
+    //                  rowIndex={index}
+    //              ></p-table-column>
+    //          );
+    //      });
+    //  }
+    //  private _getLoadingColumns(index) {
+    //      return this._columns.map((col: TableDefinition, colIndex) => {
+    //          return (
+    //              <p-table-column
+    //                  definition={col}
+    //                  variant="loading"
+    //                  checkbox={this._getCheckbox(colIndex, index, 'loading')}
+    //                  index={colIndex}
+    //                  rowIndex={index}
+    //              ></p-table-column>
+    //          );
+    //      });
+    //  }
+    //  private _getCheckbox(
+    //      index,
+    //      rowIndex,
+    //      variant: 'header' | 'default' | 'loading' = 'default'
+    //  ) {
+    //      if (!this.enableRowSelection || !this.selectionKey || index !== 0) {
+    //          return;
+    //      }
+    //      if (variant === 'loading') {
+    //          return <p-loader variant="ghost" class="rounded w-6 h-6" />;
+    //      }
+    //      if (variant === 'header') {
+    //          return (
+    //              <input
+    //                  class="p-input"
+    //                  type="checkbox"
+    //                  onChange={(ev) => this._selectAllChange(ev)}
+    //                  checked={this._selectionContainsAll()}
+    //                  indeterminate={this._selectionIndeterminate()}
+    //              />
+    //          );
+    //      }
+    //      const item = this._items[rowIndex];
+    //      return (
+    //          <input
+    //              class="p-input"
+    //              type="checkbox"
+    //              onChange={(ev) => this._checkboxChange(ev?.target, rowIndex)}
+    //              disabled={this.canSelectKey && !item[this.canSelectKey]}
+    //              checked={this._selectionContains(item, rowIndex)}
+    //          />
+    //      );
+    //  }
+    _checkboxDisabled(item) {
+        return this.canSelectKey && !item[this.canSelectKey];
+    }
+    _selectAllChange($event) {
+        if (!this.enableRowSelection) {
+            return;
+        }
+        const value = this._getCheckedValue($event.target);
+        if (value) {
+            const toAdd = [];
+            for (let i = 0; i < this.parsedItems.length; i++) {
+                const row = this.parsedItems[i];
+                if (this.canSelectKey && !row[this.canSelectKey]) {
+                    continue;
+                }
+                if (this._selectionContains(row, i)) {
+                    continue;
+                }
+                toAdd.push(row);
+                this.rowSelected.emit(row);
+            }
+            this.selectedRows = [...this.selectedRows, ...toAdd];
+            this.selectedRowsChange.emit(this.selectedRows);
+            return;
+        }
+        for (let i = 0; i < this.selectedRows.length; i++) {
+            const value = this.selectedRows[i];
+            const row = this.parsedItems.find((d) => this._getSelectionValue(d, i) ===
+                this._getSelectionValue(value, i));
+            if (!row) {
+                continue;
+            }
+            this.rowDeselected.emit(row);
+        }
+        this.selectedRows = [];
+        this.selectedRowsChange.emit(this.selectedRows);
+    }
+    _checkboxChange(target, index) {
+        if (!this.enableRowSelection) {
+            return;
+        }
+        const row = this.parsedItems[index];
+        if (this.canSelectKey && !row[this.canSelectKey]) {
+            target.checked = false;
+            return;
+        }
+        const value = this._getCheckedValue(target);
+        if (value) {
+            this.selectedRows = [...this.selectedRows, row];
+            this.selectedRowsChange.emit(this.selectedRows);
+            this.rowSelected.emit(row);
+            return;
+        }
+        const indexOfToRemove = this._selectionContains(row, index, true);
+        // we need to do this, because splice does not trigger the selection setter.
+        const selection = [...this.selectedRows];
+        selection.splice(indexOfToRemove, 1);
+        this.selectedRows = selection;
+        this.selectedRowsChange.emit(this.selectedRows);
+        this.rowDeselected.emit(row);
+    }
+    _getCheckedValue(target) {
+        return target?.checked;
+    }
+    _getSelectionValue(row, index) {
+        return this.selectionKey ? row?.[this.selectionKey] || index : index;
+    }
+    _selectionContains(row, index, returnIndex = false) {
+        const returnValue = this.selectedRows.findIndex((item) => this._getSelectionValue(row, index) ===
+            this._getSelectionValue(item, index));
+        return !returnIndex ? returnValue >= 0 : returnValue;
+    }
+    _selectionContainsAll() {
+        let returnValue = true;
+        if (!this.parsedItems?.length) {
+            return false;
+        }
+        for (let i = 0; i < this.parsedItems?.length; i++) {
+            const item = this.parsedItems[i];
+            const contains = this._selectionContains(item, i);
+            if (!contains) {
+                returnValue = false;
+                break;
+            }
+        }
+        return returnValue;
+    }
+    _selectionIndeterminate() {
+        if (!this.parsedItems?.length || !this.selectedRows?.length) {
+            return false;
+        }
+        let containsCount = 0;
+        for (let i = 0; i < this.parsedItems?.length; i++) {
+            const item = this.parsedItems[i];
+            const contains = this._selectionContains(item, i);
+            if (contains) {
+                containsCount++;
+            }
+        }
+        return containsCount > 0 && containsCount !== this.parsedItems.length;
+    }
+    _rowClick($event, index) {
+        const target = $event.target;
+        if (target.tagName.toLowerCase() === 'input' ||
+            target.type === 'checkbox') {
+            return;
+        }
+        const row = this._findRow($event.target);
+        if (this.enableRowClick) {
+            const action = this._findRowAction($event.target);
+            if (action) {
+                return;
+            }
+            const item = this.parsedItems[index];
+            this.rowClick.emit({
+                item,
+                ctrlDown: this._ctrlDown,
+            });
+            return;
+        }
+        if (!this.enableRowSelection) {
+            return;
+        }
+        const checkbox = row?.querySelector('input[type="checkbox"]');
+        if (!checkbox) {
+            return;
+        }
+        checkbox.checked = !checkbox.checked;
+        this._checkboxChange(checkbox, index);
+    }
+    _findRow(el) {
+        if (!el) {
+            return el;
+        }
+        if (el?.tagName?.toLowerCase() === 'p-table-row') {
+            return el;
+        }
+        return this._findRow(el?.parentElement);
+    }
+    _findRowAction(el) {
+        if (!el) {
+            return null;
+        }
+        if (el.getAttribute('data-is-action') !== null &&
+            el.getAttribute('data-is-action') !== 'false') {
+            return el;
+        }
+        if (el?.tagName?.toLowerCase() === 'p-table-row') {
+            return null;
+        }
+        return this._findRowAction(el?.parentElement);
+    }
+};
+Table.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component });
+Table.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: Table, selector: "p-table-ngx", inputs: { items: "items", loading: "loading", amountOfLoadingRows: "amountOfLoadingRows", enableRowSelection: "enableRowSelection", enableRowClick: "enableRowClick", selectedRows: "selectedRows", selectionKey: "selectionKey", canSelectKey: "canSelectKey", quickFilters: "quickFilters", activeQuickFilterIdentifier: "activeQuickFilterIdentifier", enableSearch: "enableSearch", query: "query", enableFilter: "enableFilter", selectedFiltersAmount: "selectedFiltersAmount", filterButtonTemplate: "filterButtonTemplate", enableEdit: "enableEdit", editButtonTemplate: "editButtonTemplate", enablePageSize: "enablePageSize", enablePagination: "enablePagination", enableExport: "enableExport", page: "page", total: "total", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", hideOnSinglePage: "hideOnSinglePage", emptyStateType: "emptyStateType", emptyStateHeader: "emptyStateHeader", emptyStateContent: "emptyStateContent", emptyStateAction: "emptyStateAction", emptyStateFilteredHeader: "emptyStateFilteredHeader", emptyStateFilteredContent: "emptyStateFilteredContent", filterModalHeaderText: "filterModalHeaderText", filterModalSaveText: "filterModalSaveText", filterModalCancelText: "filterModalCancelText" }, outputs: { selectedRowsChange: "selectedRowsChange", rowClick: "rowClick", rowSelected: "rowSelected", rowDeselected: "rowDeselected", quickFilter: "quickFilter", queryChange: "queryChange", filter: "filter", edit: "edit", pageChange: "pageChange", pageSizeChange: "pageSizeChange", export: "export", emptyStateActionClick: "emptyStateActionClick", filterModalShow: "filterModalShow", filterModalSave: "filterModalSave" }, host: { listeners: { "document:keydown": "keyDown($event)", "document:keyup": "keyUp($event)", "document:visibilitychange": "visibilityChange($event)" } }, queries: [{ propertyName: "filterModalTemplate", first: true, predicate: TableFilterModalDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "columnDefinitions", predicate: TableColumn }], usesOnChanges: true, ngImport: i0, template: "<p-table-container>\n    <p-table-header\n        [quickFilters]=\"quickFilters\"\n        [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n        (quickFilter)=\"(onQuickFilter)\"\n        [enableSearch]=\"enableSearch\"\n        [query]=\"query\"\n        (queryChange)=\"(onQueryChange)\"\n        [enableFilter]=\"filterModalTemplate\"\n        [selectedFiltersAmount]=\"selectedFiltersAmount\"\n        [filterButtonTemplate]=\"filterButtonTemplate\"\n        (filter)=\"filterModalShow$.next(true)\"\n        [enableEdit]=\"enableEdit\"\n        [canEdit]=\"!!selectedRows.length\"\n        [editButtonTemplate]=\"editButtonTemplate\"\n        (edit)=\"edit.emit()\"\n        [itemsSelectedAmount]=\"selectedRows.length\"\n    ></p-table-header>\n\n    <p-table-row variant=\"header\">\n        <ng-container *ngFor=\"let col of columns; let index = index\">\n            <p-table-cell-ngx\n                [definition]=\"col\"\n                [value]=\"col.name\"\n                variant=\"header\"\n                [index]=\"index\"\n                [checkbox]=\"\n                    index === 0 && enableRowSelection\n                        ? checkboxTemplate\n                        : undefined\n                \"\n            ></p-table-cell-ngx>\n            <ng-template #checkboxTemplate>\n                <input\n                    class=\"p-input\"\n                    type=\"checkbox\"\n                    (change)=\"_selectAllChange($event)\"\n                    [checked]=\"_selectionContainsAll()\"\n                    [indeterminate]=\"_selectionIndeterminate()\"\n                />\n            </ng-template>\n        </ng-container>\n    </p-table-row>\n\n    <div class=\"flex flex-col\">\n        <ng-container *ngIf=\"loading; else contentTemplate\">\n            <p-table-row\n                *ngFor=\"let r of loadingRows; let rowIndex = index\"\n                [enableHover]=\"enableRowSelection || enableRowClick\"\n            >\n                <ng-container *ngFor=\"let col of columns; let index = index\">\n                    <p-table-cell-ngx\n                        [definition]=\"col\"\n                        variant=\"loading\"\n                        [checkbox]=\"\n                            index === 0 && enableRowSelection\n                                ? checkboxTemplate\n                                : undefined\n                        \"\n                        [index]=\"index\"\n                        [rowIndex]=\"rowIndex\"\n                    ></p-table-cell-ngx>\n                    <ng-template #checkboxTemplate>\n                        <p-loader\n                            variant=\"ghost\"\n                            class=\"rounded w-6 h-6\"\n                        ></p-loader>\n                    </ng-template>\n                </ng-container>\n            </p-table-row>\n        </ng-container>\n\n        <ng-template #contentTemplate>\n            <ng-container *ngIf=\"items?.length; else emptyStateTemplate\">\n                <p-table-row\n                    *ngFor=\"let item of items; let rowIndex = index\"\n                    [enableHover]=\"enableRowSelection || enableRowClick\"\n                    (click)=\"_rowClick($event, rowIndex)\"\n                >\n                    <ng-container\n                        *ngFor=\"let col of columns; let index = index\"\n                    >\n                        <p-table-cell-ngx\n                            [definition]=\"col\"\n                            [item]=\"item\"\n                            [checkbox]=\"\n                                index === 0 && enableRowSelection\n                                    ? checkboxTemplate\n                                    : undefined\n                            \"\n                            [index]=\"index\"\n                            [rowIndex]=\"rowIndex\"\n                            [template]=\"col.template\"\n                        ></p-table-cell-ngx>\n\n                        <ng-template #checkboxTemplate>\n                            <input\n                                class=\"p-input\"\n                                type=\"checkbox\"\n                                (change)=\"\n                                    _checkboxChange($event.target, rowIndex)\n                                \"\n                                [disabled]=\"_checkboxDisabled(item)\"\n                                [checked]=\"_selectionContains(item, rowIndex)\"\n                            />\n                        </ng-template>\n                    </ng-container>\n                </p-table-row>\n            </ng-container>\n        </ng-template>\n    </div>\n\n    <p-table-footer\n        [hideOnSinglePage]=\"hideOnSinglePage\"\n        [enablePageSize]=\"enablePageSize\"\n        [pageSize]=\"pageSize\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        (pageSizeChange)=\"(pageSizeChange)\"\n        [enablePagination]=\"enablePagination\"\n        [page]=\"page\"\n        [total]=\"total\"\n        (pageChange)=\"(pageChange)\"\n        [enableExport]=\"enableExport\"\n        (export)=\"export.emit()\"\n    ></p-table-footer>\n</p-table-container>\n\n<ng-container *ngIf=\"filterModalTemplate\">\n    <p-modal\n        [header]=\"filterModalHeaderText\"\n        [show]=\"filterModalShow$ | async\"\n        (close)=\"filterModalShow$.next(false)\"\n    >\n        <div slot=\"content flex flex-col gap-6\">\n            <ng-container\n                *ngTemplateOutlet=\"filterModalTemplate\"\n            ></ng-container>\n\n            <p-button\n                class=\"flex desktop-xs:hidden\"\n                width=\"full\"\n                icon=\"checkmark\"\n                (onClick)=\"onFilterModalSave()\"\n            >\n                {{ filterModalSaveText }}\n            </p-button>\n        </div>\n        <div slot=\"footer\" class=\"flex justify-between w-full\">\n            <p-button\n                variant=\"secondary\"\n                (onClick)=\"filterModalShow$.next(false)\"\n            >\n                {{ filterModalCancelText }}\n            </p-button>\n            <p-button icon=\"checkmark\" (onClick)=\"onFilterModalSave()\">\n                {{ filterModalSaveText }}\n            </p-button>\n        </div>\n    </p-modal>\n</ng-container>\n\n<ng-template #emptyStateTemplate>\n    <div\n        *ngIf=\"emptyStateType === 'filtered'; else emptyStateNonFilterTemplate\"\n        class=\"\n            flex flex-col\n            items-center\n            text-center\n            py-24\n            max-w-[20rem]\n            self-center\n        \"\n    >\n        <p-illustration\n            variant=\"empty-state-search\"\n            class=\"mb-6\"\n        ></p-illustration>\n        <p class=\"font-semibold text-storm-default\">\n            {{ emptyStateFilteredHeader }}\n        </p>\n        <p class=\"text-sm text-storm-medium mb-14\">\n            {{ emptyStateFilteredContent }}\n        </p>\n    </div>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n    <div\n        class=\"\n            flex flex-col\n            items-center\n            text-center\n            py-24\n            max-w-[20rem]\n            self-center\n        \"\n    >\n        <p-illustration\n            variant=\"empty-state-overview\"\n            class=\"cursor-pointer mb-6\"\n            (onClick)=\"emptyStateActionClick.emit()\"\n        ></p-illustration>\n        <p class=\"font-semibold text-storm-default\">\n            {{ emptyStateHeader }}\n        </p>\n        <p class=\"text-sm text-storm-medium mb-6\">\n            {{ emptyStateContent }}\n        </p>\n        <p-button\n            variant=\"secondary\"\n            icon=\"plus\"\n            size=\"small\"\n            (onClick)=\"emptyStateActionClick.emit()\"\n        >\n            {{ emptyStateAction }}\n        </p-button>\n    </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PButton, selector: "p-button", inputs: ["chevron", "chevronPosition", "disabled", "href", "icon", "iconFlip", "iconOnly", "iconPosition", "iconRotate", "inheritText", "loading", "size", "target", "variant", "width"] }, { kind: "component", type: PIllustration, selector: "p-illustration", inputs: ["variant"] }, { kind: "component", type: PLoader, selector: "p-loader", inputs: ["color", "modalDescription", "modalTitle", "show", "variant"] }, { kind: "component", type: PModal, selector: "p-modal", inputs: ["header", "show", "showMobileClose", "showMobileFooter", "size", "variant"] }, { kind: "component", type: PTableContainer, selector: "p-table-container" }, { kind: "component", type: PTableFooter, selector: "p-table-footer", inputs: ["enableExport", "enablePageSize", "enablePagination", "hideOnSinglePage", "page", "pageSize", "pageSizeOptions", "total"] }, { kind: "component", type: PTableHeader, selector: "p-table-header", inputs: ["activeQuickFilterIdentifier", "canEdit", "editButtonTemplate", "enableEdit", "enableFilter", "enableSearch", "filterButtonTemplate", "itemsSelectedAmount", "query", "quickFilters", "selectedFiltersAmount"] }, { kind: "component", type: PTableRow, selector: "p-table-row", inputs: ["enableHover", "variant"] }, { kind: "component", type: TableCell, selector: "p-table-cell-ngx", inputs: ["variant", "index", "rowIndex", "definition", "item", "value", "checkbox", "template"] }, { kind: "directive", type: TableFooterDirective, selector: "p-table-footer" }, { kind: "directive", type: TableHeaderDirective, selector: "p-table-header" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+Table = __decorate([
+    UntilDestroy({ checkProperties: true })
+], Table);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: Table, decorators: [{
             type: Component,
+            args: [{ selector: 'p-table-ngx', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-table-container>\n    <p-table-header\n        [quickFilters]=\"quickFilters\"\n        [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n        (quickFilter)=\"(onQuickFilter)\"\n        [enableSearch]=\"enableSearch\"\n        [query]=\"query\"\n        (queryChange)=\"(onQueryChange)\"\n        [enableFilter]=\"filterModalTemplate\"\n        [selectedFiltersAmount]=\"selectedFiltersAmount\"\n        [filterButtonTemplate]=\"filterButtonTemplate\"\n        (filter)=\"filterModalShow$.next(true)\"\n        [enableEdit]=\"enableEdit\"\n        [canEdit]=\"!!selectedRows.length\"\n        [editButtonTemplate]=\"editButtonTemplate\"\n        (edit)=\"edit.emit()\"\n        [itemsSelectedAmount]=\"selectedRows.length\"\n    ></p-table-header>\n\n    <p-table-row variant=\"header\">\n        <ng-container *ngFor=\"let col of columns; let index = index\">\n            <p-table-cell-ngx\n                [definition]=\"col\"\n                [value]=\"col.name\"\n                variant=\"header\"\n                [index]=\"index\"\n                [checkbox]=\"\n                    index === 0 && enableRowSelection\n                        ? checkboxTemplate\n                        : undefined\n                \"\n            ></p-table-cell-ngx>\n            <ng-template #checkboxTemplate>\n                <input\n                    class=\"p-input\"\n                    type=\"checkbox\"\n                    (change)=\"_selectAllChange($event)\"\n                    [checked]=\"_selectionContainsAll()\"\n                    [indeterminate]=\"_selectionIndeterminate()\"\n                />\n            </ng-template>\n        </ng-container>\n    </p-table-row>\n\n    <div class=\"flex flex-col\">\n        <ng-container *ngIf=\"loading; else contentTemplate\">\n            <p-table-row\n                *ngFor=\"let r of loadingRows; let rowIndex = index\"\n                [enableHover]=\"enableRowSelection || enableRowClick\"\n            >\n                <ng-container *ngFor=\"let col of columns; let index = index\">\n                    <p-table-cell-ngx\n                        [definition]=\"col\"\n                        variant=\"loading\"\n                        [checkbox]=\"\n                            index === 0 && enableRowSelection\n                                ? checkboxTemplate\n                                : undefined\n                        \"\n                        [index]=\"index\"\n                        [rowIndex]=\"rowIndex\"\n                    ></p-table-cell-ngx>\n                    <ng-template #checkboxTemplate>\n                        <p-loader\n                            variant=\"ghost\"\n                            class=\"rounded w-6 h-6\"\n                        ></p-loader>\n                    </ng-template>\n                </ng-container>\n            </p-table-row>\n        </ng-container>\n\n        <ng-template #contentTemplate>\n            <ng-container *ngIf=\"items?.length; else emptyStateTemplate\">\n                <p-table-row\n                    *ngFor=\"let item of items; let rowIndex = index\"\n                    [enableHover]=\"enableRowSelection || enableRowClick\"\n                    (click)=\"_rowClick($event, rowIndex)\"\n                >\n                    <ng-container\n                        *ngFor=\"let col of columns; let index = index\"\n                    >\n                        <p-table-cell-ngx\n                            [definition]=\"col\"\n                            [item]=\"item\"\n                            [checkbox]=\"\n                                index === 0 && enableRowSelection\n                                    ? checkboxTemplate\n                                    : undefined\n                            \"\n                            [index]=\"index\"\n                            [rowIndex]=\"rowIndex\"\n                            [template]=\"col.template\"\n                        ></p-table-cell-ngx>\n\n                        <ng-template #checkboxTemplate>\n                            <input\n                                class=\"p-input\"\n                                type=\"checkbox\"\n                                (change)=\"\n                                    _checkboxChange($event.target, rowIndex)\n                                \"\n                                [disabled]=\"_checkboxDisabled(item)\"\n                                [checked]=\"_selectionContains(item, rowIndex)\"\n                            />\n                        </ng-template>\n                    </ng-container>\n                </p-table-row>\n            </ng-container>\n        </ng-template>\n    </div>\n\n    <p-table-footer\n        [hideOnSinglePage]=\"hideOnSinglePage\"\n        [enablePageSize]=\"enablePageSize\"\n        [pageSize]=\"pageSize\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        (pageSizeChange)=\"(pageSizeChange)\"\n        [enablePagination]=\"enablePagination\"\n        [page]=\"page\"\n        [total]=\"total\"\n        (pageChange)=\"(pageChange)\"\n        [enableExport]=\"enableExport\"\n        (export)=\"export.emit()\"\n    ></p-table-footer>\n</p-table-container>\n\n<ng-container *ngIf=\"filterModalTemplate\">\n    <p-modal\n        [header]=\"filterModalHeaderText\"\n        [show]=\"filterModalShow$ | async\"\n        (close)=\"filterModalShow$.next(false)\"\n    >\n        <div slot=\"content flex flex-col gap-6\">\n            <ng-container\n                *ngTemplateOutlet=\"filterModalTemplate\"\n            ></ng-container>\n\n            <p-button\n                class=\"flex desktop-xs:hidden\"\n                width=\"full\"\n                icon=\"checkmark\"\n                (onClick)=\"onFilterModalSave()\"\n            >\n                {{ filterModalSaveText }}\n            </p-button>\n        </div>\n        <div slot=\"footer\" class=\"flex justify-between w-full\">\n            <p-button\n                variant=\"secondary\"\n                (onClick)=\"filterModalShow$.next(false)\"\n            >\n                {{ filterModalCancelText }}\n            </p-button>\n            <p-button icon=\"checkmark\" (onClick)=\"onFilterModalSave()\">\n                {{ filterModalSaveText }}\n            </p-button>\n        </div>\n    </p-modal>\n</ng-container>\n\n<ng-template #emptyStateTemplate>\n    <div\n        *ngIf=\"emptyStateType === 'filtered'; else emptyStateNonFilterTemplate\"\n        class=\"\n            flex flex-col\n            items-center\n            text-center\n            py-24\n            max-w-[20rem]\n            self-center\n        \"\n    >\n        <p-illustration\n            variant=\"empty-state-search\"\n            class=\"mb-6\"\n        ></p-illustration>\n        <p class=\"font-semibold text-storm-default\">\n            {{ emptyStateFilteredHeader }}\n        </p>\n        <p class=\"text-sm text-storm-medium mb-14\">\n            {{ emptyStateFilteredContent }}\n        </p>\n    </div>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n    <div\n        class=\"\n            flex flex-col\n            items-center\n            text-center\n            py-24\n            max-w-[20rem]\n            self-center\n        \"\n    >\n        <p-illustration\n            variant=\"empty-state-overview\"\n            class=\"cursor-pointer mb-6\"\n            (onClick)=\"emptyStateActionClick.emit()\"\n        ></p-illustration>\n        <p class=\"font-semibold text-storm-default\">\n            {{ emptyStateHeader }}\n        </p>\n        <p class=\"text-sm text-storm-medium mb-6\">\n            {{ emptyStateContent }}\n        </p>\n        <p-button\n            variant=\"secondary\"\n            icon=\"plus\"\n            size=\"small\"\n            (onClick)=\"emptyStateActionClick.emit()\"\n        >\n            {{ emptyStateAction }}\n        </p-button>\n    </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { items: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], amountOfLoadingRows: [{
+                type: Input
+            }], enableRowSelection: [{
+                type: Input
+            }], enableRowClick: [{
+                type: Input
+            }], selectedRows: [{
+                type: Input
+            }], selectedRowsChange: [{
+                type: Output
+            }], selectionKey: [{
+                type: Input
+            }], canSelectKey: [{
+                type: Input
+            }], rowClick: [{
+                type: Output
+            }], rowSelected: [{
+                type: Output
+            }], rowDeselected: [{
+                type: Output
+            }], quickFilters: [{
+                type: Input
+            }], activeQuickFilterIdentifier: [{
+                type: Input
+            }], enableSearch: [{
+                type: Input
+            }], query: [{
+                type: Input
+            }], enableFilter: [{
+                type: Input
+            }], selectedFiltersAmount: [{
+                type: Input
+            }], filterButtonTemplate: [{
+                type: Input
+            }], enableEdit: [{
+                type: Input
+            }], editButtonTemplate: [{
+                type: Input
+            }], quickFilter: [{
+                type: Output
+            }], queryChange: [{
+                type: Output
+            }], filter: [{
+                type: Output
+            }], edit: [{
+                type: Output
+            }], enablePageSize: [{
+                type: Input
+            }], enablePagination: [{
+                type: Input
+            }], enableExport: [{
+                type: Input
+            }], page: [{
+                type: Input
+            }], total: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }], pageSize: [{
+                type: Input
+            }], pageSizeOptions: [{
+                type: Input
+            }], pageSizeChange: [{
+                type: Output
+            }], export: [{
+                type: Output
+            }], hideOnSinglePage: [{
+                type: Input
+            }], emptyStateType: [{
+                type: Input
+            }], emptyStateHeader: [{
+                type: Input
+            }], emptyStateContent: [{
+                type: Input
+            }], emptyStateAction: [{
+                type: Input
+            }], emptyStateFilteredHeader: [{
+                type: Input
+            }], emptyStateFilteredContent: [{
+                type: Input
+            }], emptyStateActionClick: [{
+                type: Output
+            }], columnDefinitions: [{
+                type: ContentChildren,
+                args: [TableColumn]
+            }], filterModalTemplate: [{
+                type: ContentChild,
+                args: [TableFilterModalDirective, {
+                        read: TemplateRef,
+                        static: true,
+                    }]
+            }], filterModalHeaderText: [{
+                type: Input
+            }], filterModalSaveText: [{
+                type: Input
+            }], filterModalCancelText: [{
+                type: Input
+            }], filterModalShow: [{
+                type: Output
+            }], filterModalSave: [{
+                type: Output
+            }], keyDown: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }], keyUp: [{
+                type: HostListener,
+                args: ['document:keyup', ['$event']]
+            }], visibilityChange: [{
+                type: HostListener,
+                args: ['document:visibilitychange', ['$event']]
+            }] } });
+
+const TABLE_COMPONENTS = [Table, TableCell, TableColumn];
+
+/* eslint-disable @angular-eslint/no-host-metadata-property */
+class TableNgxDirective extends BaseValueAccessor {
+    constructor(el, _base) {
+        super(el);
+        this._base = _base;
+        this.lastValue = {
+            query: '',
+            quickFilter: undefined,
+            filters: [],
+            page: 1,
+            pageSize: 12,
+            selectedRows: [],
+        };
+    }
+    writeValue(value) {
+        this._base.query = this.lastValue.query = value?.query;
+        // this.el.nativeElement.query = this.lastValue.query = value?.query;
+        this.lastValue.quickFilter = value?.quickFilter;
+        this._base.page = this.lastValue.page =
+            value?.page == null ? 1 : value?.page;
+        this._base.pageSize = this.lastValue.pageSize =
+            value?.pageSize == null ? 12 : value?.pageSize;
+        // this.el.nativeElement.page = this.lastValue.page =
+        // 	value?.page == null ? 1 : value?.page;
+        // this.el.nativeElement.pageSize = this.lastValue.pageSize =
+        // 	value?.pageSize == null ? 12 : value?.pageSize;
+        this.lastValue.selectedRows =
+            value?.selectedRows == null ? [] : value?.selectedRows;
+        if (value?.quickFilter) {
+            this._setActiveQuickFilter(value.quickFilter);
+        }
+        if (value?.filters) {
+            this._base.selectedFiltersAmount = value.filters.length === 0 ? undefined : value.filters.length;
+        }
+        this._checkEmptyStateType();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    handleChange(value, type) {
+        this.handleChangeEvent({
+            ...this.lastValue,
+            [type]: value,
+        });
+        if (type === 'quickFilter' && typeof value === 'object') {
+            this._setActiveQuickFilter(value);
+        }
+        this._checkEmptyStateType();
+    }
+    _setActiveQuickFilter(quickFilter) {
+        this._base.activeQuickFilterIdentifier = quickFilter?.identifier;
+        // this.el.nativeElement.activeQuickFilterIdentifier =
+        // 	quickFilter?.identifier;
+    }
+    _checkEmptyStateType() {
+        if (this.lastValue.query?.length || !this.lastValue.quickFilter?.default || (this._base.selectedFiltersAmount && this._base.selectedFiltersAmount > 0) || this.lastValue.filters?.length) {
+            this._base.emptyStateType = 'filtered';
+            return;
+        }
+        this._base.emptyStateType = 'no_filter';
+    }
+}
+TableNgxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableNgxDirective, deps: [{ token: i0.ElementRef }, { token: Table, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+TableNgxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: TableNgxDirective, selector: "p-table-ngx", host: { listeners: { "queryChange": "handleChange($event.detail, \"query\")", "quickFilter": "handleChange($event.detail, \"quickFilter\")", "pageChange": "handleChange($event.detail, \"page\")", "pageSizeChange": "handleChange($event.detail, \"pageSize\")", "selectedRowsChange": "handleChange($event, \"selectedRows\")" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: TableNgxDirective,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableNgxDirective, decorators: [{
+            type: Directive,
             args: [{
-                    selector: 'p-tooltip',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['canManuallyClose', 'placement', 'popover', 'show', 'variant']
+                    selector: 'p-table-ngx',
+                    host: {
+                        '(queryChange)': 'handleChange($event.detail, "query")',
+                        '(quickFilter)': 'handleChange($event.detail, "quickFilter")',
+                        '(pageChange)': 'handleChange($event.detail, "page")',
+                        '(pageSizeChange)': 'handleChange($event.detail, "pageSize")',
+                        '(selectedRowsChange)': 'handleChange($event, "selectedRows")',
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: TableNgxDirective,
+                            multi: true,
+                        },
+                    ],
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: Table, decorators: [{
+                    type: Host
+                }] }]; } });
+
+class TableDirective extends BaseValueAccessor {
+    constructor(el) {
+        super(el);
+        this.lastValue = {
+            query: '',
+            quickFilter: undefined,
+            page: 1,
+            pageSize: 12,
+            selectedRows: [],
+        };
+    }
+    writeValue(value) {
+        this.el.nativeElement.query = this.lastValue.query = value?.query;
+        this.lastValue.quickFilter = value?.quickFilter;
+        this.el.nativeElement.page = this.lastValue.page =
+            value?.page == null ? 1 : value?.page;
+        this.el.nativeElement.pageSize = this.lastValue.pageSize =
+            value?.pageSize == null ? 12 : value?.pageSize;
+        this.lastValue.selectedRows =
+            value?.selectedRows == null ? [] : value?.selectedRows;
+        if (value?.quickFilter) {
+            this._setActiveQuickFilter(value.quickFilter);
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    handleChange(value, type) {
+        this.handleChangeEvent({
+            ...this.lastValue,
+            [type]: value,
+        });
+        if (type === 'quickFilter' && typeof value === 'object') {
+            this._setActiveQuickFilter(value);
+        }
+    }
+    _setActiveQuickFilter(quickFilter) {
+        this.el.nativeElement.activeQuickFilterIdentifier =
+            quickFilter?.identifier;
+    }
+}
+TableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: TableDirective, selector: "p-table", host: { listeners: { "queryChange": "handleChange($event.detail, \"query\")", "quickFilter": "handleChange($event.detail, \"quickFilter\")", "pageChange": "handleChange($event.detail, \"page\")", "pageSizeChange": "handleChange($event.detail, \"pageSize\")", "selectedRowsChange": "handleChange($event.detail, \"selectedRows\")" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: TableDirective,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'p-table',
+                    host: {
+                        '(queryChange)': 'handleChange($event.detail, "query")',
+                        '(quickFilter)': 'handleChange($event.detail, "quickFilter")',
+                        '(pageChange)': 'handleChange($event.detail, "page")',
+                        '(pageSizeChange)': 'handleChange($event.detail, "pageSize")',
+                        '(selectedRowsChange)': 'handleChange($event.detail, "selectedRows")',
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: TableDirective,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+const TABLE_DIRECTIVES = [
+    TableFooterDirective,
+    TableHeaderDirective,
+    TableDirective,
+    TableNgxDirective,
+    TableFilterModalDirective,
+];
 
 const DIRECTIVES = [
+    PAccordion,
     PAvatar,
+    PAvatarGroup,
     PButton,
+    PCardBody,
+    PCardContainer,
+    PCardHeader,
+    PContentSlider,
     PCounter,
     PDivider,
+    PDropdown,
+    PDropdownMenuContainer,
+    PDropdownMenuItem,
     PHelper,
     PIcon,
     PIllustration,
     PInfoPanel,
+    PInputGroup,
+    PLabel,
+    PLayout,
     PLoader,
+    PModal,
+    PModalBackdrop,
+    PModalBody,
+    PModalContainer,
+    PModalFooter,
+    PModalHeader,
+    PNavbar,
     PNavigationItem,
+    PPageSizeSelect,
     PPagination,
     PPaginationItem,
+    PProfile,
+    PSegmentContainer,
+    PSegmentItem,
+    PSelect,
+    PSliderIndicator,
+    PStatus,
+    PStepper,
+    PStepperItem,
+    PStepperLine,
+    PTabGroup,
+    PTabItem,
+    PTableContainer,
+    PTableFooter,
+    PTableHeader,
+    PTableRow,
+    PToast,
     PTooltip
 ];
 
+class StencilModule {
+}
+StencilModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: StencilModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+StencilModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: StencilModule, declarations: [PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PToast, PTooltip], exports: [PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PToast, PTooltip] });
+StencilModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: StencilModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: StencilModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...DIRECTIVES],
+                    exports: [...DIRECTIVES],
+                }]
+        }] });
+
+class TableModule {
+}
+TableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: TableModule, declarations: [Table, TableCell, TableColumn, TableFooterDirective, TableHeaderDirective, TableDirective, TableNgxDirective, TableFilterModalDirective], imports: [CommonModule, StencilModule], exports: [Table, TableCell, TableColumn, TableFooterDirective, TableHeaderDirective, TableDirective, TableNgxDirective, TableFilterModalDirective] });
+TableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableModule, imports: [CommonModule, StencilModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, StencilModule],
+                    declarations: [...TABLE_COMPONENTS, ...TABLE_DIRECTIVES],
+                    exports: [...TABLE_COMPONENTS, ...TABLE_DIRECTIVES],
+                }]
+        }] });
+
+const SLIDE_IN_BOTTOM_OUT_TOP = trigger('pSlideInBottomOutTop', [
+    transition(':enter', [
+        style({ transform: 'translateY(50%)', opacity: 0 }),
+        animate('200ms ease-in', style({ transform: 'translateX(0%)', opacity: 1 })),
+    ]),
+    transition(':leave', [
+        animate('200ms ease-in', style({ transform: 'translateY(-100%)', opacity: 0 })),
+    ]),
+]);
+const SLIDE_IN_TOP_OUT_BOTTOM = trigger('pSlideInBottomOutTop', [
+    transition(':enter', [
+        style({ transform: 'translateY(-100%)', opacity: 0 }),
+        animate('200ms ease-in', style({ transform: 'translateX(0%)', opacity: 1 })),
+    ]),
+    transition(':leave', [
+        animate('200ms ease-in', style({ transform: 'translateY(50%)', opacity: 0 })),
+    ]),
+]);
+
+var ToastVariants;
+(function (ToastVariants) {
+    ToastVariants["Success"] = "positive";
+    ToastVariants["Warning"] = "unbiased";
+    ToastVariants["Error"] = "negative";
+    ToastVariants["Positive"] = "positive";
+    ToastVariants["Unbiased"] = "unbiased";
+    ToastVariants["Negative"] = "negative";
+})(ToastVariants || (ToastVariants = {}));
+
+class ToastService {
+    constructor() {
+        this._toasts = [];
+        this.toasts$ = new BehaviorSubject(this._toasts);
+        this.defaultOptions = {
+            delay: 5000,
+            dismissOnAction: true,
+            enableAction: true,
+            icon: {
+                variant: 'negative',
+            },
+        };
+    }
+    show(header, content, variant = ToastVariants.Success, options = {}) {
+        options = {
+            ...this.defaultOptions,
+            ...options,
+            icon: options?.icon
+                ? { ...this.defaultOptions.icon, ...options.icon }
+                : this.defaultOptions.icon,
+        };
+        this._toasts.push({
+            header,
+            content,
+            variant,
+            options,
+        });
+        this.toasts$.next(this._toasts);
+    }
+    hide(index) {
+        this._toasts.splice(index, 1);
+        this.toasts$.next(this._toasts);
+    }
+}
+ToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ToastService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class ToastDirective {
+    constructor() {
+        this.delay = 5000;
+        this.index = 0;
+        this.dismissOnAction = true;
+        this.actionData = {};
+        this.dismiss = new EventEmitter();
+    }
+    ngOnInit() {
+        if (this.delay === 'infinite' || this.delay === 0) {
+            return;
+        }
+        setTimeout(() => this.doDismiss(), this.delay);
+    }
+    onAction() {
+        if (this.dismissOnAction && !this.actionFunc) {
+            return this.doDismiss();
+        }
+        if (this.actionFunc) {
+            this.actionFunc(this, this.actionData);
+        }
+    }
+    doDismiss() {
+        this.dismiss.next(this.index);
+    }
+}
+ToastDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ToastDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: ToastDirective, selector: "p-toast", inputs: { delay: "delay", index: "index", dismissOnAction: "dismissOnAction", actionFunc: "actionFunc", actionData: "actionData" }, outputs: { dismiss: "dismiss" }, host: { listeners: { "action": "onAction()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ToastDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'p-toast',
+                    host: {
+                        '(action)': 'onAction()',
+                    },
+                }]
+        }], propDecorators: { delay: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], dismissOnAction: [{
+                type: Input
+            }], actionFunc: [{
+                type: Input
+            }], actionData: [{
+                type: Input
+            }], dismiss: [{
+                type: Output
+            }] } });
+
+/* top-0 bottom-0 left-0 right-0 */
+let ToastContainer = class ToastContainer {
+    constructor(r, z, _toastService) {
+        this.z = z;
+        this._toastService = _toastService;
+        this.toasts$ = this._toastService.toasts$.pipe(map$1((arr) => arr.reverse()));
+        this.el = r.nativeElement;
+    }
+    dismiss(index) {
+        this._toastService.hide(index);
+    }
+};
+ToastContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ToastContainer, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: ToastService }], target: i0.ɵɵFactoryTarget.Component });
+ToastContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: ToastContainer, selector: "p-toast-container", inputs: { placement: "placement" }, ngImport: i0, template: "<p-toast\n    *ngFor=\"let toast of toasts$ | async; let index = index\"\n    [variant]=\"toast.variant\"\n    [header]=\"toast.header\"\n    [content]=\"toast.content\"\n    [index]=\"index\"\n    [delay]=\"toast.options.delay ?? 5000\"\n    [dismissOnAction]=\"toast.options.dismissOnAction ?? true\"\n    [enableAction]=\"toast.options.enableAction\"\n    [actionFunc]=\"toast.options.action\"\n    [actionData]=\"toast.options.actionData\"\n    [actionIcon]=\"toast.options.icon?.variant\"\n    [actionIconFlip]=\"toast.options.icon?.flip\"\n    [actionIconRotate]=\"toast.options.icon?.rotate\"\n    (dismiss)=\"dismiss($event)\"\n    [@pSlideInBottomOutTop]\n></p-toast>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PToast, selector: "p-toast", inputs: ["actionIcon", "actionIconFlip", "actionIconRotate", "content", "enableAction", "header", "variant"] }, { kind: "directive", type: ToastDirective, selector: "p-toast", inputs: ["delay", "index", "dismissOnAction", "actionFunc", "actionData"], outputs: ["dismiss"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], animations: [SLIDE_IN_TOP_OUT_BOTTOM], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ToastContainer = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['placement'],
+    })
+], ToastContainer);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ToastContainer, decorators: [{
+            type: Component,
+            args: [{ selector: 'p-toast-container', changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['placement'], animations: [SLIDE_IN_TOP_OUT_BOTTOM], template: "<p-toast\n    *ngFor=\"let toast of toasts$ | async; let index = index\"\n    [variant]=\"toast.variant\"\n    [header]=\"toast.header\"\n    [content]=\"toast.content\"\n    [index]=\"index\"\n    [delay]=\"toast.options.delay ?? 5000\"\n    [dismissOnAction]=\"toast.options.dismissOnAction ?? true\"\n    [enableAction]=\"toast.options.enableAction\"\n    [actionFunc]=\"toast.options.action\"\n    [actionData]=\"toast.options.actionData\"\n    [actionIcon]=\"toast.options.icon?.variant\"\n    [actionIconFlip]=\"toast.options.icon?.flip\"\n    [actionIconRotate]=\"toast.options.icon?.rotate\"\n    (dismiss)=\"dismiss($event)\"\n    [@pSlideInBottomOutTop]\n></p-toast>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: ToastService }]; } });
+
+const TOAST_COMPONENTS = [ToastContainer];
+
+const TOAST_DIRECTIVES = [ToastDirective];
+
+const TOAST_SERVICES = [ToastService];
+
+class ToastModule {
+}
+ToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: ToastModule, declarations: [ToastContainer, ToastDirective], imports: [CommonModule, StencilModule], exports: [ToastContainer, ToastDirective] });
+ToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ToastModule, imports: [CommonModule, StencilModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ToastModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, StencilModule],
+                    declarations: [...TOAST_COMPONENTS, ...TOAST_DIRECTIVES],
+                    exports: [...TOAST_COMPONENTS, ...TOAST_DIRECTIVES],
+                }]
+        }] });
+
+const MODULES = [TableModule, ToastModule];
+
+class CustomCurrencyPipe {
+    constructor(_currencyPipe) {
+        this._currencyPipe = _currencyPipe;
+    }
+    transform(value, currencyCode = 'EUR', display = 'symbol', digitsInfo = '1.2-2', locale = 'nl') {
+        return this._currencyPipe.transform(value, currencyCode, display, digitsInfo, locale);
+    }
+}
+CustomCurrencyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CustomCurrencyPipe, deps: [{ token: i1.CurrencyPipe }], target: i0.ɵɵFactoryTarget.Pipe });
+CustomCurrencyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: CustomCurrencyPipe, name: "pcurrency" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CustomCurrencyPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pcurrency',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.CurrencyPipe }]; } });
+
+class CustomDatePipe {
+    constructor(_datePipe) {
+        this._datePipe = _datePipe;
+    }
+    transform(value, format) {
+        return this._datePipe.transform(value, format);
+    }
+}
+CustomDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CustomDatePipe, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Pipe });
+CustomDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: CustomDatePipe, name: "pdate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CustomDatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'pdate',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DatePipe }]; } });
+
+class SafePipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(value, type) {
+        switch (type) {
+            case 'html':
+                return this.sanitizer.bypassSecurityTrustHtml(value);
+            case 'style':
+                return this.sanitizer.bypassSecurityTrustStyle(value);
+            case 'script':
+                return this.sanitizer.bypassSecurityTrustScript(value);
+            case 'url':
+                return this.sanitizer.bypassSecurityTrustUrl(value);
+            case 'resourceUrl':
+                return this.sanitizer.bypassSecurityTrustResourceUrl(value);
+            default:
+                throw new Error(`Invalid safe type specified: ${type}`);
+        }
+    }
+}
+SafePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SafePipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: SafePipe, name: "psafe" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SafePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'psafe',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
+
+const PIPES = [CustomCurrencyPipe, CustomDatePipe, SafePipe];
+
+const NGX_PIPES = [DatePipe, CurrencyPipe];
 class PaperlessModule {
+    static forRoot() {
+        return {
+            ngModule: PaperlessModule,
+            providers: [...TOAST_SERVICES],
+        };
+    }
 }
-PaperlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PaperlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PaperlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PaperlessModule, declarations: [PAvatar, PButton, PCounter, PDivider, PHelper, PIcon, PIllustration, PInfoPanel, PLoader, PNavigationItem, PPagination, PPaginationItem, PTooltip, PaginationDirective], exports: [PAvatar, PButton, PCounter, PDivider, PHelper, PIcon, PIllustration, PInfoPanel, PLoader, PNavigationItem, PPagination, PPaginationItem, PTooltip, PaginationDirective] });
-PaperlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PaperlessModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PaperlessModule, decorators: [{
+PaperlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PaperlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PaperlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: PaperlessModule, declarations: [PaginationDirective, PageSizeSelectDirective, SelectDirective, CustomCurrencyPipe, CustomDatePipe, SafePipe], imports: [CommonModule, StencilModule, TableModule, ToastModule], exports: [StencilModule, TableModule, ToastModule, PaginationDirective, PageSizeSelectDirective, SelectDirective, CustomCurrencyPipe, CustomDatePipe, SafePipe] });
+PaperlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PaperlessModule, providers: [...NGX_PIPES, ...PIPES], imports: [CommonModule, StencilModule, MODULES, StencilModule, TableModule, ToastModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PaperlessModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [...DIRECTIVES, ...CUSTOM_DIRECTIVES],
-                    exports: [...DIRECTIVES, ...CUSTOM_DIRECTIVES],
+                    imports: [CommonModule, StencilModule, ...MODULES],
+                    declarations: [...DIRECTIVES$1, ...PIPES],
+                    exports: [StencilModule, ...MODULES, ...DIRECTIVES$1, ...PIPES],
+                    providers: [...NGX_PIPES, ...PIPES],
                 }]
         }] });
 
@@ -481,5 +3146,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CUSTOM_DIRECTIVES, PAvatar, PButton, PCounter, PDivider, PHelper, PIcon, PIllustration, PInfoPanel, PLoader, PNavigationItem, PPagination, PPaginationItem, PTooltip, PaginationDirective, PaperlessModule };
+export { BaseTableComponent, BaseUploadComponent, BaseValueAccessor, CustomCurrencyPipe, CustomDatePipe, DIRECTIVES$1 as DIRECTIVES, FormBaseComponent, MODULES, PAccordion, PAvatar, PAvatarGroup, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIPES, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBackdrop, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PToast, PTooltip, PageSizeSelectDirective, PaginationDirective, PaperlessModule, SafePipe, SelectDirective, StencilModule, TABLE_COMPONENTS, TABLE_DIRECTIVES, TOAST_COMPONENTS, TOAST_DIRECTIVES, TOAST_SERVICES, Table, TableCell, TableColumn, TableDirective, TableFilterModalDirective, TableFooterDirective, TableHeaderDirective, TableModule, TableNgxDirective, ToastContainer, ToastDirective, ToastModule, ToastService, ToastVariants };
 //# sourceMappingURL=paperless-angular.mjs.map