@paperless/angular 0.1.0-alpha.281 → 0.1.0-alpha.282

package/fesm2020/paperless-angular.mjs

@@ -1,15 +1,20 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewChild, Directive, HostListener, ChangeDetectionStrategy, HostBinding, TemplateRef, ContentChild, ContentChildren, Host, NgModule, Injectable, Pipe } from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewChild, Directive, HostListener, ChangeDetectionStrategy, NgModule, Injector, Injectable, HostBinding, TemplateRef, ContentChild, ContentChildren, Host, Pipe } from '@angular/core';
 import { NG_VALUE_ACCESSOR, FormControl, FormGroup, FormArray } from '@angular/forms';
+import * as i1$1 from '@angular/common';
+import { CommonModule, DatePipe, CurrencyPipe } from '@angular/common';
 import { __decorate } from 'tslib';
+import { fromEvent, timer, BehaviorSubject, distinctUntilChanged, map as map$1 } from 'rxjs';
+import { ObserversModule } from '@angular/cdk/observers';
+import * as i1 from '@angular/cdk/overlay';
+import { OverlayModule as OverlayModule$1, OverlayConfig } from '@angular/cdk/overlay';
+import { PlatformModule } from '@angular/cdk/platform';
+import { PortalModule, CdkPortal, ComponentPortal } from '@angular/cdk/portal';
 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';
+import * as i1$2 from '@angular/platform-browser';
 
 class BaseUploadComponent {
     constructor() {
@@ -46,9 +51,9 @@ class BaseUploadComponent {
         this._loading = false;
     }
 }
-BaseUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: BaseUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaseUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.1", 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: "15.0.1", ngImport: i0, type: BaseUploadComponent, decorators: [{
+BaseUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: BaseUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BaseUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", 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: "15.0.2", ngImport: i0, type: BaseUploadComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -96,9 +101,9 @@ class BaseValueAccessor {
         this.onTouched();
     }
 }
-BaseValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: BaseValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-BaseValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.1", type: BaseValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: BaseValueAccessor, decorators: [{
+BaseValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: BaseValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+BaseValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: BaseValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: BaseValueAccessor, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
@@ -118,15 +123,15 @@ class PageSizeSelectDirective extends BaseValueAccessor {
         super.registerOnChange((value) => fn(parseInt(value, 10)));
     }
 }
-PageSizeSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PageSizeSelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-PageSizeSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.1", type: PageSizeSelectDirective, selector: "p-page-size-select", host: { listeners: { "sizeChange": "handleChangeEvent($event.detail)" } }, providers: [
+PageSizeSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PageSizeSelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+PageSizeSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", 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: "15.0.1", ngImport: i0, type: PageSizeSelectDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PageSizeSelectDirective, decorators: [{
             type: Directive,
             args: [{
                     /* tslint:disable-next-line:directive-selector */
@@ -156,15 +161,15 @@ class PaginationDirective extends BaseValueAccessor {
         super.registerOnChange((value) => fn(parseInt(value, 10)));
     }
 }
-PaginationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PaginationDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-PaginationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.1", type: PaginationDirective, selector: "p-pagination", host: { listeners: { "pageChange": "handleChangeEvent($event.detail)" } }, providers: [
+PaginationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PaginationDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+PaginationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", 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: "15.0.1", ngImport: i0, type: PaginationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PaginationDirective, decorators: [{
             type: Directive,
             args: [{
                     /* tslint:disable-next-line:directive-selector */
@@ -190,15 +195,15 @@ class SelectDirective extends BaseValueAccessor {
         this.el.nativeElement.value = this.lastValue = value;
     }
 }
-SelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: SelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-SelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.1", type: SelectDirective, selector: "p-select", host: { listeners: { "valueChange": "handleChangeEvent($event.detail)" } }, providers: [
+SelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SelectDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+SelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", 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: "15.0.1", ngImport: i0, type: SelectDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SelectDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'p-select',
@@ -221,560 +226,244 @@ const DIRECTIVES$1 = [
     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);
+/* eslint-disable */
+const proxyInputs = (Cmp, inputs) => {
+    const Prototype = Cmp.prototype;
+    inputs.forEach(item => {
+        Object.defineProperty(Prototype, item, {
+            get() {
+                return this.el[item];
+            },
+            set(val) {
+                this.z.runOutsideAngular(() => (this.el[item] = val));
             }
-        }
-        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));
+        });
+    });
+};
+const proxyMethods = (Cmp, methods) => {
+    const Prototype = Cmp.prototype;
+    methods.forEach(methodName => {
+        Prototype[methodName] = function () {
+            const args = arguments;
+            return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
+        };
+    });
+};
+const proxyOutputs = (instance, el, events) => {
+    events.forEach(eventName => instance[eventName] = fromEvent(el, eventName));
+};
+const defineCustomElement = (tagName, customElement) => {
+    if (customElement !== undefined &&
+        typeof customElements !== 'undefined' &&
+        !customElements.get(tagName)) {
+        customElements.define(tagName, customElement);
     }
-    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];
+};
+// tslint:disable-next-line: only-arrow-functions
+function ProxyCmp(opts) {
+    const decorator = function (cls) {
+        const { defineCustomElementFn, inputs, methods } = opts;
+        if (defineCustomElementFn !== undefined) {
+            defineCustomElementFn();
         }
-        if (!control?.errors) {
-            return;
+        if (inputs) {
+            proxyInputs(cls, inputs);
         }
-        const keys = Object.keys(control.errors);
-        let err;
-        for (const key of keys) {
-            if (control.errors[key]) {
-                err = key;
-                break;
-            }
+        if (methods) {
+            proxyMethods(cls, methods);
         }
-        return err;
+        return cls;
+    };
+    return decorator;
+}
+
+let PAccordion = class PAccordion {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['isOpen']);
     }
-    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);
-            }
-        }
+};
+PAccordion.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: ['closeable', 'header', 'open', 'openable']
+    })
+], PAccordion);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PAccordion, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-accordion',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['closeable', 'header', 'open', 'openable']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PAvatar = class PAvatar {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
     }
-    resetForm(formGroup) {
-        for (const field of Object.keys(formGroup.controls)) {
-            const control = formGroup.get(field);
-            this.resetControl(control);
-        }
-        this.markedDirty = false;
+};
+PAvatar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: ['defaultImage', 'size', 'src', 'variant']
+    })
+], PAvatar);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PAvatar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-avatar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['defaultImage', 'size', 'src', 'variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PAvatarGroup = class PAvatarGroup {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
     }
-}
-FormBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: FormBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FormBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.1", type: FormBaseComponent, selector: "ng-component", ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: FormBaseComponent, decorators: [{
+};
+PAvatarGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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,
+        inputs: ['extra']
+    })
+], PAvatarGroup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PAvatarGroup, decorators: [{
             type: Component,
             args: [{
-                    template: ``,
+                    selector: 'p-avatar-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['extra']
                 }]
-        }] });
-
-const createFormFilters = (values, quickFilters, quickFilterKey) => {
-    const filters = [];
-    let quickFilter = null;
-    for (const key of Object.keys(values)) {
-        const value = values[key];
-        if (key !== quickFilterKey && !value?.length) {
-            continue;
-        }
-        if (quickFilterKey && key === quickFilterKey) {
-            quickFilter = quickFilters.find((f) => f.value === value);
-            continue;
-        }
-        filters.push({
-            key,
-            value,
-        });
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PBackdrop = class PBackdrop {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['clicked']);
     }
-    return {
-        filters,
-        quickFilter,
-    };
 };
-
-let BaseTableComponent = class BaseTableComponent extends FormBaseComponent {
-    constructor() {
-        super();
-        this.quickFilters = [];
-        this.filterForm = new FormGroup({});
-        this.defaultFilterFormValues = {};
-        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();
-        }
-    }
-    applyFormFilters(values = null) {
-        values = values ?? this.filterForm.value;
-        const { filters, quickFilter } = createFormFilters(values, this.quickFilters, this.filterFormQuickFilterKey);
-        if (quickFilter) {
-            this.quickFilter = quickFilter;
-        }
-        this.filters = filters;
-    }
-    resetFormFilters(resetQuickFilter = false) {
-        const values = this.filterForm.value;
-        const defaultQuickFilter = this.quickFilters.find((f) => f.default);
-        for (const key of Object.keys(values)) {
-            if (key === this.filterFormQuickFilterKey) {
-                if (resetQuickFilter) {
-                    values[key] = defaultQuickFilter.value;
-                }
-                continue;
-            }
-            values[key] = this.defaultFilterFormValues[key] ?? null;
-        }
-        this.filterForm.setValue(values);
-        this.applyFormFilters(values);
-    }
-    _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;
+PBackdrop.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PBackdrop, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PBackdrop.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: PBackdrop, selector: "p-backdrop", inputs: { applyBlur: "applyBlur", closing: "closing", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PBackdrop = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['applyBlur', 'closing', 'variant']
+    })
+], PBackdrop);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PBackdrop, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-backdrop',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['applyBlur', 'closing', 'variant']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PButton = class PButton {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['onClick']);
     }
 };
-BaseTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: BaseTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaseTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.1", 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: "15.0.1", ngImport: i0, type: BaseTableComponent, decorators: [{
+PButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PButton = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['chevron', 'chevronPosition', 'disabled', 'href', 'icon', 'iconFlip', 'iconOnly', 'iconPosition', 'iconRotate', 'inheritText', 'loading', 'size', 'target', 'variant']
+    })
+], PButton);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PButton, decorators: [{
             type: Component,
             args: [{
-                    template: ``,
+                    selector: 'p-button',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['chevron', 'chevronPosition', 'disabled', 'href', 'icon', 'iconFlip', 'iconOnly', 'iconPosition', 'iconRotate', 'inheritText', 'loading', 'size', 'target', 'variant']
                 }]
-        }], ctorParameters: function () { return []; } });
-
-/* eslint-disable */
-const proxyInputs = (Cmp, inputs) => {
-    const Prototype = Cmp.prototype;
-    inputs.forEach(item => {
-        Object.defineProperty(Prototype, item, {
-            get() {
-                return this.el[item];
-            },
-            set(val) {
-                this.z.runOutsideAngular(() => (this.el[item] = val));
-            }
-        });
-    });
-};
-const proxyMethods = (Cmp, methods) => {
-    const Prototype = Cmp.prototype;
-    methods.forEach(methodName => {
-        Prototype[methodName] = function () {
-            const args = arguments;
-            return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
-        };
-    });
-};
-const proxyOutputs = (instance, el, events) => {
-    events.forEach(eventName => instance[eventName] = fromEvent(el, eventName));
-};
-const defineCustomElement = (tagName, customElement) => {
-    if (customElement !== undefined &&
-        typeof customElements !== 'undefined' &&
-        !customElements.get(tagName)) {
-        customElements.define(tagName, customElement);
-    }
-};
-// tslint:disable-next-line: only-arrow-functions
-function ProxyCmp(opts) {
-    const decorator = function (cls) {
-        const { defineCustomElementFn, inputs, methods } = opts;
-        if (defineCustomElementFn !== undefined) {
-            defineCustomElementFn();
-        }
-        if (inputs) {
-            proxyInputs(cls, inputs);
-        }
-        if (methods) {
-            proxyMethods(cls, methods);
-        }
-        return cls;
-    };
-    return decorator;
-}
-
-let PAccordion = class PAccordion {
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PCardBody = class PCardBody {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['isOpen']);
     }
 };
-PAccordion.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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([
+PCardBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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,
-        inputs: ['closeable', 'header', 'open', 'openable']
+        inputs: ['inheritText']
     })
-], PAccordion);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PAccordion, decorators: [{
+], PCardBody);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PCardBody, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-accordion',
+                    selector: 'p-card-body',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['closeable', 'header', 'open', 'openable']
+                    inputs: ['inheritText']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PAvatar = class PAvatar {
+let PCardContainer = class PCardContainer {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
 };
-PAvatar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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([
+PCardContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: ['defaultImage', 'size', 'src', 'variant']
+        inputs: ['hoverable', 'shadow']
     })
-], PAvatar);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PAvatar, decorators: [{
+], PCardContainer);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PCardContainer, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-avatar',
+                    selector: 'p-card-container',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['defaultImage', 'size', 'src', 'variant']
+                    inputs: ['hoverable', 'shadow']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PAvatarGroup = class PAvatarGroup {
+let PCardHeader = class PCardHeader {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
 };
-PAvatarGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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,
-        inputs: ['extra']
-    })
-], PAvatarGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PAvatarGroup, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-avatar-group',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['extra']
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PBackdrop = class PBackdrop {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['clicked']);
-    }
-};
-PBackdrop.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PBackdrop, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PBackdrop.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.1", type: PBackdrop, selector: "p-backdrop", inputs: { applyBlur: "applyBlur", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PBackdrop = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: ['applyBlur', 'variant']
-    })
-], PBackdrop);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PBackdrop, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-backdrop',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['applyBlur', 'variant']
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PButton = class PButton {
-    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: "15.0.1", 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: "15.0.1", 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PButton = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: ['chevron', 'chevronPosition', 'disabled', 'href', 'icon', 'iconFlip', 'iconOnly', 'iconPosition', 'iconRotate', 'inheritText', 'loading', 'size', 'target', 'variant']
-    })
-], PButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PButton, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-button',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['chevron', 'chevronPosition', 'disabled', 'href', 'icon', 'iconFlip', 'iconOnly', 'iconPosition', 'iconRotate', 'inheritText', 'loading', 'size', 'target', 'variant']
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PCardBody = class PCardBody {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-};
-PCardBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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,
-        inputs: ['inheritText']
-    })
-], PCardBody);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PCardBody, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-card-body',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['inheritText']
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PCardContainer = class PCardContainer {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-};
-PCardContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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: ['hoverable', 'shadow']
-    })
-], PCardContainer);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PCardContainer, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-card-container',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['hoverable', 'shadow']
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let PCardHeader = class PCardHeader {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-};
-PCardHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: ['arrow', 'header']
     })
 ], PCardHeader);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PCardHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PCardHeader, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-card-header',
@@ -790,15 +479,15 @@ let PContentSlider = class PContentSlider {
         this.el = r.nativeElement;
     }
 };
-PContentSlider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: ['disableAutoCenter', 'disableDrag', 'disableIndicatorClick', 'hideMobileIndicator']
     })
 ], PContentSlider);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PContentSlider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PContentSlider, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-content-slider',
@@ -814,15 +503,15 @@ let PCounter = class PCounter {
         this.el = r.nativeElement;
     }
 };
-PCounter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PCounter, selector: "p-counter", inputs: { size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PCounter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: ['size', 'variant']
     })
 ], PCounter);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PCounter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PCounter, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-counter',
@@ -838,14 +527,14 @@ let PDivider = class PDivider {
         this.el = r.nativeElement;
     }
 };
-PDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PDivider, selector: "p-divider", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", type: PDivider, selector: "p-divider", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PDivider = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined
     })
 ], PDivider);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PDivider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PDivider, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-divider',
@@ -858,18 +547,18 @@ let PDrawer = class PDrawer {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['close']);
+        proxyOutputs(this, this.el, ['closeClicked', 'closed']);
     }
 };
-PDrawer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PDrawer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PDrawer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.1", type: PDrawer, selector: "p-drawer", inputs: { applyBlur: "applyBlur", backdropClickClose: "backdropClickClose", header: "header", show: "show", showClose: "showClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PDrawer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PDrawer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PDrawer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: PDrawer, selector: "p-drawer", inputs: { applyBlur: "applyBlur", backdropClickClose: "backdropClickClose", header: "header", show: "show", showClose: "showClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PDrawer = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['applyBlur', 'backdropClickClose', 'header', 'show', 'showClose']
     })
 ], PDrawer);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PDrawer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PDrawer, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-drawer',
@@ -885,15 +574,15 @@ let PDrawerBody = class PDrawerBody {
         this.el = r.nativeElement;
     }
 };
-PDrawerBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PDrawerBody, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PDrawerBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.1", type: PDrawerBody, selector: "p-drawer-body", inputs: { variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PDrawerBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PDrawerBody, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PDrawerBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: PDrawerBody, selector: "p-drawer-body", inputs: { variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PDrawerBody = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['variant']
     })
 ], PDrawerBody);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PDrawerBody, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PDrawerBody, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-drawer-body',
@@ -909,19 +598,21 @@ let PDrawerContainer = class PDrawerContainer {
         this.el = r.nativeElement;
     }
 };
-PDrawerContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PDrawerContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PDrawerContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.1", type: PDrawerContainer, selector: "p-drawer-container", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PDrawerContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PDrawerContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PDrawerContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: PDrawerContainer, selector: "p-drawer-container", inputs: { closing: "closing" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PDrawerContainer = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined
+        defineCustomElementFn: undefined,
+        inputs: ['closing']
     })
 ], PDrawerContainer);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PDrawerContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PDrawerContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-drawer-container',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>'
+                    template: '<ng-content></ng-content>',
+                    inputs: ['closing']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let PDrawerHeader = class PDrawerHeader {
@@ -932,15 +623,15 @@ let PDrawerHeader = class PDrawerHeader {
         proxyOutputs(this, this.el, ['close']);
     }
 };
-PDrawerHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PDrawerHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PDrawerHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.1", type: PDrawerHeader, selector: "p-drawer-header", inputs: { showClose: "showClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PDrawerHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PDrawerHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PDrawerHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: PDrawerHeader, selector: "p-drawer-header", inputs: { showClose: "showClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PDrawerHeader = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['showClose']
     })
 ], PDrawerHeader);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PDrawerHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PDrawerHeader, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-drawer-header',
@@ -957,15 +648,15 @@ let PDropdown = class PDropdown {
         proxyOutputs(this, this.el, ['isOpen']);
     }
 };
-PDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: ['calculateWidth', 'chevronDirection', 'chevronPosition', 'disableTriggerClick', 'insideClick', 'placement', 'show', 'strategy']
     })
 ], PDropdown);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PDropdown, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PDropdown, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-dropdown',
@@ -981,15 +672,15 @@ let PDropdownMenuContainer = class PDropdownMenuContainer {
         this.el = r.nativeElement;
     }
 };
-PDropdownMenuContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PDropdownMenuContainer, selector: "p-dropdown-menu-container", inputs: { maxWidth: "maxWidth" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PDropdownMenuContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: ['maxWidth']
     })
 ], PDropdownMenuContainer);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PDropdownMenuContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PDropdownMenuContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-dropdown-menu-container',
@@ -1005,15 +696,15 @@ let PDropdownMenuItem = class PDropdownMenuItem {
         this.el = r.nativeElement;
     }
 };
-PDropdownMenuItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: ['active', 'enableHover', 'icon']
     })
 ], PDropdownMenuItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PDropdownMenuItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PDropdownMenuItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-dropdown-menu-item',
@@ -1029,15 +720,15 @@ let PHelper = class PHelper {
         this.el = r.nativeElement;
     }
 };
-PHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PHelper, selector: "p-helper", inputs: { placement: "placement" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PHelper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PHelper, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-helper',
@@ -1053,15 +744,15 @@ let PIcon = class PIcon {
         this.el = r.nativeElement;
     }
 };
-PIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PIcon, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-icon',
@@ -1077,15 +768,15 @@ let PIllustration = class PIllustration {
         this.el = r.nativeElement;
     }
 };
-PIllustration.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PIllustration, selector: "p-illustration", inputs: { variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PIllustration.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PIllustration, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PIllustration, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-illustration',
@@ -1101,15 +792,15 @@ let PInfoPanel = class PInfoPanel {
         this.el = r.nativeElement;
     }
 };
-PInfoPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PInfoPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PInfoPanel, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-info-panel',
@@ -1125,15 +816,15 @@ let PInputGroup = class PInputGroup {
         this.el = r.nativeElement;
     }
 };
-PInputGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PInputGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PInputGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-input-group',
@@ -1149,15 +840,15 @@ let PLabel = class PLabel {
         this.el = r.nativeElement;
     }
 };
-PLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PLabel, selector: "p-label", inputs: { behavior: "behavior", icon: "icon", iconFlip: "iconFlip", iconRotate: "iconRotate", keepMobileContent: "keepMobileContent", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", type: PLabel, selector: "p-label", inputs: { behavior: "behavior", icon: "icon", iconFlip: "iconFlip", iconRotate: "iconRotate", keepMobileContent: "keepMobileContent", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PLabel = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['behavior', 'icon', 'iconFlip', 'iconRotate', 'keepMobileContent', 'size', 'variant']
     })
 ], PLabel);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PLabel, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-label',
@@ -1173,15 +864,15 @@ let PLayout = class PLayout {
         this.el = r.nativeElement;
     }
 };
-PLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PLayout, selector: "p-layout", inputs: { variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PLayout, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PLayout, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-layout',
@@ -1197,15 +888,15 @@ let PLoader = class PLoader {
         this.el = r.nativeElement;
     }
 };
-PLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PLoader, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-loader',
@@ -1219,18 +910,18 @@ let PModal = class PModal {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['close']);
+        proxyOutputs(this, this.el, ['closeClicked', 'closed']);
     }
 };
-PModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PModal, selector: "p-modal", inputs: { applyBlur: "applyBlur", backdropClickClose: "backdropClickClose", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", type: PModal, selector: "p-modal", inputs: { applyBlur: "applyBlur", backdropClickClose: "backdropClickClose", 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: ['applyBlur', 'backdropClickClose', 'header', 'show', 'showMobileClose', 'showMobileFooter', 'size', 'variant']
     })
 ], PModal);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PModal, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-modal',
@@ -1246,15 +937,15 @@ let PModalBody = class PModalBody {
         this.el = r.nativeElement;
     }
 };
-PModalBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PModalBody, selector: "p-modal-body", inputs: { variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PModalBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PModalBody, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PModalBody, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-modal-body',
@@ -1270,21 +961,21 @@ let PModalContainer = class PModalContainer {
         this.el = r.nativeElement;
     }
 };
-PModalContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PModalContainer, selector: "p-modal-container", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PModalContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", type: PModalContainer, selector: "p-modal-container", inputs: { closing: "closing", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PModalContainer = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['size']
+        inputs: ['closing', 'size']
     })
 ], PModalContainer);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PModalContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PModalContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-modal-container',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    inputs: ['closing', 'size']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let PModalFooter = class PModalFooter {
@@ -1294,14 +985,14 @@ let PModalFooter = class PModalFooter {
         this.el = r.nativeElement;
     }
 };
-PModalFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PModalFooter, selector: "p-modal-footer", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PModalFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", type: PModalFooter, selector: "p-modal-footer", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PModalFooter = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined
     })
 ], PModalFooter);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PModalFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PModalFooter, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-modal-footer',
@@ -1317,15 +1008,15 @@ let PModalHeader = class PModalHeader {
         proxyOutputs(this, this.el, ['close']);
     }
 };
-PModalHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PModalHeader, selector: "p-modal-header", inputs: { showClose: "showClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PModalHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", type: PModalHeader, selector: "p-modal-header", inputs: { showClose: "showClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PModalHeader = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
         inputs: ['showClose']
     })
 ], PModalHeader);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PModalHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PModalHeader, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-modal-header',
@@ -1341,15 +1032,15 @@ let PNavbar = class PNavbar {
         this.el = r.nativeElement;
     }
 };
-PNavbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PNavbar, selector: "p-navbar", inputs: { closeText: "closeText", menuText: "menuText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PNavbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PNavbar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PNavbar, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-navbar',
@@ -1365,15 +1056,15 @@ let PNavigationItem = class PNavigationItem {
         this.el = r.nativeElement;
     }
 };
-PNavigationItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PNavigationItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PNavigationItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-navigation-item',
@@ -1390,15 +1081,15 @@ let PPageSizeSelect = class PPageSizeSelect {
         proxyOutputs(this, this.el, ['sizeChange']);
     }
 };
-PPageSizeSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PPageSizeSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PPageSizeSelect, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-page-size-select',
@@ -1415,15 +1106,15 @@ let PPagination = class PPagination {
         proxyOutputs(this, this.el, ['pageChange']);
     }
 };
-PPagination.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PPagination, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PPagination, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-pagination',
@@ -1439,15 +1130,15 @@ let PPaginationItem = class PPaginationItem {
         this.el = r.nativeElement;
     }
 };
-PPaginationItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PPaginationItem, selector: "p-pagination-item", inputs: { active: "active" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PPaginationItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PPaginationItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PPaginationItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-pagination-item',
@@ -1463,15 +1154,15 @@ let PProfile = class PProfile {
         this.el = r.nativeElement;
     }
 };
-PProfile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PProfile, selector: "p-profile", inputs: { size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PProfile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PProfile, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PProfile, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-profile',
@@ -1487,14 +1178,14 @@ let PSegmentContainer = class PSegmentContainer {
         this.el = r.nativeElement;
     }
 };
-PSegmentContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PSegmentContainer, selector: "p-segment-container", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PSegmentContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PSegmentContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PSegmentContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-segment-container',
@@ -1509,15 +1200,15 @@ let PSegmentItem = class PSegmentItem {
         this.el = r.nativeElement;
     }
 };
-PSegmentItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PSegmentItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PSegmentItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-segment-item',
@@ -1534,15 +1225,15 @@ let PSelect = class PSelect {
         proxyOutputs(this, this.el, ['queryChange', 'valueChange']);
     }
 };
-PSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PSelect, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-select',
@@ -1558,15 +1249,15 @@ let PSliderIndicator = class PSliderIndicator {
         this.el = r.nativeElement;
     }
 };
-PSliderIndicator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PSliderIndicator, selector: "p-slider-indicator", inputs: { active: "active" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PSliderIndicator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PSliderIndicator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PSliderIndicator, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-slider-indicator',
@@ -1582,15 +1273,15 @@ let PStatus = class PStatus {
         this.el = r.nativeElement;
     }
 };
-PStatus.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PStatus, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PStatus, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-status',
@@ -1606,15 +1297,15 @@ let PStepper = class PStepper {
         this.el = r.nativeElement;
     }
 };
-PStepper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PStepper, selector: "p-stepper", inputs: { activeStep: "activeStep", direction: "direction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PStepper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PStepper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PStepper, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-stepper',
@@ -1630,15 +1321,15 @@ let PStepperItem = class PStepperItem {
         this.el = r.nativeElement;
     }
 };
-PStepperItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PStepperItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PStepperItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-stepper-item',
@@ -1654,15 +1345,15 @@ let PStepperLine = class PStepperLine {
         this.el = r.nativeElement;
     }
 };
-PStepperLine.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PStepperLine, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PStepperLine, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-stepper-line',
@@ -1678,14 +1369,14 @@ let PTabGroup = class PTabGroup {
         this.el = r.nativeElement;
     }
 };
-PTabGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", type: PTabGroup, selector: "p-tab-group", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTabGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: PTabGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PTabGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-tab-group',
@@ -1699,170 +1390,655 @@ let PTabItem = class PTabItem {
         c.detach();
         this.el = r.nativeElement;
     }
-};
-PTabItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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: "15.0.1", 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;
+};
+PTabItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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: "15.0.2", 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 }]; } });
+
+const DIRECTIVES = [
+    PAccordion,
+    PAvatar,
+    PAvatarGroup,
+    PBackdrop,
+    PButton,
+    PCardBody,
+    PCardContainer,
+    PCardHeader,
+    PContentSlider,
+    PCounter,
+    PDivider,
+    PDrawer,
+    PDrawerBody,
+    PDrawerContainer,
+    PDrawerHeader,
+    PDropdown,
+    PDropdownMenuContainer,
+    PDropdownMenuItem,
+    PHelper,
+    PIcon,
+    PIllustration,
+    PInfoPanel,
+    PInputGroup,
+    PLabel,
+    PLayout,
+    PLoader,
+    PModal,
+    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: "15.0.2", ngImport: i0, type: StencilModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+StencilModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: StencilModule, declarations: [PAccordion, PAvatar, PAvatarGroup, PBackdrop, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDrawer, PDrawerBody, PDrawerContainer, PDrawerHeader, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, 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, PBackdrop, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDrawer, PDrawerBody, PDrawerContainer, PDrawerHeader, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, 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: "15.0.2", ngImport: i0, type: StencilModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: StencilModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...DIRECTIVES],
+                    exports: [...DIRECTIVES],
+                }]
+        }] });
+
+class OverlayModule {
+}
+OverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: OverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: OverlayModule, imports: [CommonModule,
+        StencilModule,
+        OverlayModule$1,
+        PlatformModule,
+        ObserversModule,
+        PortalModule], exports: [PortalModule] });
+OverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: OverlayModule, imports: [CommonModule,
+        StencilModule,
+        OverlayModule$1,
+        PlatformModule,
+        ObserversModule,
+        PortalModule, PortalModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: OverlayModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        StencilModule,
+                        OverlayModule$1,
+                        PlatformModule,
+                        ObserversModule,
+                        PortalModule,
+                    ],
+                    exports: [PortalModule],
+                }]
+        }] });
+
+class OverlayRef {
+    constructor(_overlay) {
+        this._overlay = _overlay;
+    }
+    close() {
+        this._overlay.dispose();
+    }
+}
+
+class OverlayService {
+    constructor(injector, overlay) {
+        this.injector = injector;
+        this.overlay = overlay;
+    }
+    open(component, options = {}) {
+        const overlay = this.createOverlay();
+        const overlayRef = new OverlayRef(overlay);
+        this.attachModalContainer(overlay, overlayRef, component, options.providers ?? []);
+        this.overlayRef = overlayRef;
+        return overlayRef;
+    }
+    // tslint:disable-next-line:max-line-length
+    attachModalContainer(overlay, overlayRef, component, providers) {
+        const injector = this.createInjector(overlayRef, providers);
+        const containerPortal = component instanceof CdkPortal
+            ? component
+            : new ComponentPortal(component, null, injector);
+        const containerRef = overlay.attach(containerPortal);
+        return containerRef.instance;
+    }
+    createInjector(overlayRef, providers) {
+        return Injector.create({
+            providers: [
+                {
+                    provide: OverlayRef,
+                    useValue: overlayRef,
+                },
+                ...providers,
+            ],
+            parent: this.injector,
+        });
+    }
+    getOverlayConfig() {
+        const positionStrategy = this.overlay
+            .position()
+            .global()
+            .centerHorizontally()
+            .centerVertically();
+        const overlayConfig = new OverlayConfig({
+            hasBackdrop: false,
+            scrollStrategy: this.overlay.scrollStrategies.block(),
+            positionStrategy,
+        });
+        return overlayConfig;
+    }
+    createOverlay() {
+        // Returns an OverlayConfig
+        const overlayConfig = this.getOverlayConfig();
+        // Returns an OverlayRef
+        return this.overlay.create(overlayConfig);
+    }
+}
+OverlayService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: OverlayService, deps: [{ token: i0.Injector }, { token: i1.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
+OverlayService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: OverlayService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: OverlayService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.Overlay }]; } });
+
+const OVERLAY_SERVICES = [OverlayService];
+
+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: "15.0.2", ngImport: i0, type: FormBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FormBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: FormBaseComponent, selector: "ng-component", ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FormBaseComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                }]
+        }] });
+
+const createFormFilters = (values, quickFilters, quickFilterKey) => {
+    const filters = [];
+    let quickFilter = null;
+    for (const key of Object.keys(values)) {
+        const value = values[key];
+        if (key !== quickFilterKey && !value?.length) {
+            continue;
+        }
+        if (quickFilterKey && key === quickFilterKey) {
+            quickFilter = quickFilters.find((f) => f.value === value);
+            continue;
+        }
+        filters.push({
+            key,
+            value,
+        });
+    }
+    return {
+        filters,
+        quickFilter,
+    };
+};
+
+let BaseTableComponent = class BaseTableComponent extends FormBaseComponent {
+    constructor() {
+        super();
+        this.quickFilters = [];
+        this.filterForm = new FormGroup({});
+        this.defaultFilterFormValues = {};
+        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();
+        }
+    }
+    applyFormFilters(values = null) {
+        values = values ?? this.filterForm.value;
+        const { filters, quickFilter } = createFormFilters(values, this.quickFilters, this.filterFormQuickFilterKey);
+        if (quickFilter) {
+            this.quickFilter = quickFilter;
+        }
+        this.filters = filters;
     }
-};
-PTableContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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: "15.0.1", 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']);
+    resetFormFilters(resetQuickFilter = false) {
+        const values = this.filterForm.value;
+        const defaultQuickFilter = this.quickFilters.find((f) => f.default);
+        for (const key of Object.keys(values)) {
+            if (key === this.filterFormQuickFilterKey) {
+                if (resetQuickFilter) {
+                    values[key] = defaultQuickFilter.value;
+                }
+                continue;
+            }
+            values[key] = this.defaultFilterFormValues[key] ?? null;
+        }
+        this.filterForm.setValue(values);
+        this.applyFormFilters(values);
     }
-};
-PTableFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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: "15.0.1", 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']);
+    _refresh() {
+        console.warn('Not implemented');
     }
-};
-PTableHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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: "15.0.1", 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;
+    _resetPageOrRefresh() {
+        if (!this.tableOptions) {
+            return;
+        }
+        if (this.page !== 1) {
+            this.tableOptions.get('page')?.setValue(1);
+            return;
+        }
+        this._refresh();
     }
-};
-PTableRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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: "15.0.1", 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']);
+    _setTableValues(data, emitEvent = true) {
+        this.tableOptions?.setValue({
+            ...this.tableOptions.value,
+            ...data,
+        }, { emitEvent });
     }
-};
-PToast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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: "15.0.1", 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']);
+    _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;
     }
 };
-PTooltip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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: "15.0.1", ngImport: i0, type: PTooltip, decorators: [{
+BaseTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: BaseTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BaseTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", 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: "15.0.2", ngImport: i0, type: BaseTableComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'p-tooltip',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['canManuallyClose', 'placement', 'popover', 'show', 'strategy', 'variant']
+                    template: ``,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: function () { return []; } });
 
 /* eslint-disable max-len */
 class TableCell {
@@ -2000,9 +2176,9 @@ class TableCell {
         };
     }
 }
-TableCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: TableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TableCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.1", 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: "15.0.1", ngImport: i0, type: TableCell, decorators: [{
+TableCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TableCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", 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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.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: "15.0.2", 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: [{
@@ -2034,15 +2210,15 @@ let TableColumn = class TableColumn {
         proxyOutputs(this, this.el, ['tableDefinitionChanged']);
     }
 };
-TableColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: TableColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableColumn, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-table-column',
@@ -2060,9 +2236,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImpor
 
 class TableFilterModalDirective {
 }
-TableFilterModalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: TableFilterModalDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-TableFilterModalDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.1", type: TableFilterModalDirective, selector: "[p-table-filter-modal]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: TableFilterModalDirective, decorators: [{
+TableFilterModalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableFilterModalDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TableFilterModalDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: TableFilterModalDirective, selector: "[p-table-filter-modal]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableFilterModalDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[p-table-filter-modal]',
@@ -2093,15 +2269,15 @@ class TableFooterDirective extends BaseValueAccessor {
         });
     }
 }
-TableFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: TableFooterDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TableFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.1", type: TableFooterDirective, selector: "p-table-footer", host: { listeners: { "pageChange": "handleChange($event.detail, \"page\")", "pageSizeChange": "handleChange($event.detail, \"pageSize\")" } }, providers: [
+TableFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableFooterDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TableFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", 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: "15.0.1", ngImport: i0, type: TableFooterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableFooterDirective, decorators: [{
             type: Directive,
             args: [{
                     /* tslint:disable-next-line:directive-selector */
@@ -2149,15 +2325,15 @@ class TableHeaderDirective extends BaseValueAccessor {
             quickFilter?.identifier;
     }
 }
-TableHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: TableHeaderDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TableHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.1", type: TableHeaderDirective, selector: "p-table-header", host: { listeners: { "queryChange": "handleChange($event.detail, \"query\")", "quickFilter": "handleChange($event.detail, \"quickFilter\")" } }, providers: [
+TableHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableHeaderDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TableHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", 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: "15.0.1", ngImport: i0, type: TableHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     /* tslint:disable-next-line:directive-selector */
@@ -2650,12 +2826,12 @@ let Table = class Table {
         return this._findRowAction(el?.parentElement);
     }
 };
-Table.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component });
-Table.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.1", 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", filterModalResetText: "filterModalResetText", filterModalShowReset: "filterModalShowReset", filterModalShowResetMobile: "filterModalShowResetMobile" }, 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", filterModalReset: "filterModalReset" }, 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\" class=\"flex flex-col gap-6\">\n            <ng-container\n                *ngTemplateOutlet=\"filterModalTemplate\"\n            ></ng-container>\n        </div>\n        <div slot=\"footer\" class=\"flex justify-between gap-4 w-full\">\n            <p-button\n                *ngIf=\"filterModalShowResetMobile\"\n                class=\"flex desktop-xs:hidden w-full tablet:w-auto\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset(true)\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                *ngIf=\"filterModalShowReset\"\n                class=\"hidden desktop-xs:flex w-full tablet:w-auto\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset()\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                class=\"ml-auto w-full tablet:w-auto\"\n                icon=\"checkmark\"\n                (onClick)=\"onFilterModalSave()\"\n            >\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"] }, { 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: ["applyBlur", "backdropClickClose", "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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component });
+Table.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", 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", filterModalResetText: "filterModalResetText", filterModalShowReset: "filterModalShowReset", filterModalShowResetMobile: "filterModalShowResetMobile" }, 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", filterModalReset: "filterModalReset" }, 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\" class=\"flex flex-col gap-6\">\n            <ng-container\n                *ngTemplateOutlet=\"filterModalTemplate\"\n            ></ng-container>\n        </div>\n        <div slot=\"footer\" class=\"flex justify-between gap-4 w-full\">\n            <p-button\n                *ngIf=\"filterModalShowResetMobile\"\n                class=\"flex desktop-xs:hidden w-full tablet:w-auto\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset(true)\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                *ngIf=\"filterModalShowReset\"\n                class=\"hidden desktop-xs:flex w-full tablet:w-auto\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset()\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                class=\"ml-auto w-full tablet:w-auto\"\n                icon=\"checkmark\"\n                (onClick)=\"onFilterModalSave()\"\n            >\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$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.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"] }, { 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: ["applyBlur", "backdropClickClose", "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$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 Table = __decorate([
     UntilDestroy({ checkProperties: true })
 ], Table);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: Table, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", 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\" class=\"flex flex-col gap-6\">\n            <ng-container\n                *ngTemplateOutlet=\"filterModalTemplate\"\n            ></ng-container>\n        </div>\n        <div slot=\"footer\" class=\"flex justify-between gap-4 w-full\">\n            <p-button\n                *ngIf=\"filterModalShowResetMobile\"\n                class=\"flex desktop-xs:hidden w-full tablet:w-auto\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset(true)\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                *ngIf=\"filterModalShowReset\"\n                class=\"hidden desktop-xs:flex w-full tablet:w-auto\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset()\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                class=\"ml-auto w-full tablet:w-auto\"\n                icon=\"checkmark\"\n                (onClick)=\"onFilterModalSave()\"\n            >\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: [{
@@ -2869,15 +3045,15 @@ class TableNgxDirective extends BaseValueAccessor {
         }
     }
 }
-TableNgxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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: [
+TableNgxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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: "15.0.1", ngImport: i0, type: TableNgxDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableNgxDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'p-table-ngx',
@@ -2944,15 +3120,15 @@ class TableDirective extends BaseValueAccessor {
             quickFilter?.identifier;
     }
 }
-TableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: TableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.1", 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: [
+TableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", 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: "15.0.1", ngImport: i0, type: TableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableDirective, decorators: [{
             type: Directive,
             args: [{
                     /* tslint:disable-next-line:directive-selector */
@@ -2982,81 +3158,12 @@ const TABLE_DIRECTIVES = [
     TableFilterModalDirective,
 ];
 
-const DIRECTIVES = [
-    PAccordion,
-    PAvatar,
-    PAvatarGroup,
-    PBackdrop,
-    PButton,
-    PCardBody,
-    PCardContainer,
-    PCardHeader,
-    PContentSlider,
-    PCounter,
-    PDivider,
-    PDrawer,
-    PDrawerBody,
-    PDrawerContainer,
-    PDrawerHeader,
-    PDropdown,
-    PDropdownMenuContainer,
-    PDropdownMenuItem,
-    PHelper,
-    PIcon,
-    PIllustration,
-    PInfoPanel,
-    PInputGroup,
-    PLabel,
-    PLayout,
-    PLoader,
-    PModal,
-    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: "15.0.1", ngImport: i0, type: StencilModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-StencilModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.1", ngImport: i0, type: StencilModule, declarations: [PAccordion, PAvatar, PAvatarGroup, PBackdrop, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDrawer, PDrawerBody, PDrawerContainer, PDrawerHeader, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, 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, PBackdrop, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDrawer, PDrawerBody, PDrawerContainer, PDrawerHeader, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, 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: "15.0.1", ngImport: i0, type: StencilModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: StencilModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...DIRECTIVES],
-                    exports: [...DIRECTIVES],
-                }]
-        }] });
-
 class TableModule {
 }
-TableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.1", 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: "15.0.1", ngImport: i0, type: TableModule, imports: [CommonModule, StencilModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: TableModule, decorators: [{
+TableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", 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: "15.0.2", ngImport: i0, type: TableModule, imports: [CommonModule, StencilModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, StencilModule],
@@ -3128,9 +3235,9 @@ class ToastService {
         this.toasts$.next(this._toasts);
     }
 }
-ToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: ToastService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: ToastService, decorators: [{
+ToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ToastService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ToastService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3163,9 +3270,9 @@ class ToastDirective {
         this.dismiss.next(this.index);
     }
 }
-ToastDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: ToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ToastDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.1", 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: "15.0.1", ngImport: i0, type: ToastDirective, decorators: [{
+ToastDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ToastDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", 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: "15.0.2", ngImport: i0, type: ToastDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'p-toast',
@@ -3199,15 +3306,15 @@ let ToastContainer = class ToastContainer {
         this._toastService.hide(index);
     }
 };
-ToastContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", 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: "15.0.1", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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: "15.0.2", 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$1.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$1.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: "15.0.1", ngImport: i0, type: ToastContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", 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 }]; } });
@@ -3220,10 +3327,10 @@ const TOAST_SERVICES = [ToastService];
 
 class ToastModule {
 }
-ToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: ToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.1", ngImport: i0, type: ToastModule, declarations: [ToastContainer, ToastDirective], imports: [CommonModule, StencilModule], exports: [ToastContainer, ToastDirective] });
-ToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: ToastModule, imports: [CommonModule, StencilModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: ToastModule, decorators: [{
+ToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: ToastModule, declarations: [ToastContainer, ToastDirective], imports: [CommonModule, StencilModule], exports: [ToastContainer, ToastDirective] });
+ToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ToastModule, imports: [CommonModule, StencilModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ToastModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, StencilModule],
@@ -3232,7 +3339,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImpor
                 }]
         }] });
 
-const MODULES = [TableModule, ToastModule];
+const MODULES = [TableModule, ToastModule, OverlayModule];
 
 class CustomCurrencyPipe {
     constructor(_currencyPipe) {
@@ -3242,14 +3349,14 @@ class CustomCurrencyPipe {
         return this._currencyPipe.transform(value, currencyCode, display, digitsInfo, locale);
     }
 }
-CustomCurrencyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: CustomCurrencyPipe, deps: [{ token: i1.CurrencyPipe }], target: i0.ɵɵFactoryTarget.Pipe });
-CustomCurrencyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.1", ngImport: i0, type: CustomCurrencyPipe, name: "pcurrency" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: CustomCurrencyPipe, decorators: [{
+CustomCurrencyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: CustomCurrencyPipe, deps: [{ token: i1$1.CurrencyPipe }], target: i0.ɵɵFactoryTarget.Pipe });
+CustomCurrencyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: CustomCurrencyPipe, name: "pcurrency" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: CustomCurrencyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pcurrency',
                 }]
-        }], ctorParameters: function () { return [{ type: i1.CurrencyPipe }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.CurrencyPipe }]; } });
 
 class CustomDatePipe {
     constructor(_datePipe) {
@@ -3259,14 +3366,14 @@ class CustomDatePipe {
         return this._datePipe.transform(value, format);
     }
 }
-CustomDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: CustomDatePipe, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Pipe });
-CustomDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.1", ngImport: i0, type: CustomDatePipe, name: "pdate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: CustomDatePipe, decorators: [{
+CustomDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: CustomDatePipe, deps: [{ token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Pipe });
+CustomDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: CustomDatePipe, name: "pdate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: CustomDatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'pdate',
                 }]
-        }], ctorParameters: function () { return [{ type: i1.DatePipe }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.DatePipe }]; } });
 
 class SafePipe {
     constructor(sanitizer) {
@@ -3289,14 +3396,14 @@ class SafePipe {
         }
     }
 }
-SafePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: SafePipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-SafePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.1", ngImport: i0, type: SafePipe, name: "psafe" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: SafePipe, decorators: [{
+SafePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SafePipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: SafePipe, name: "psafe" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SafePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'psafe',
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }]; } });
 
 const PIPES = [CustomCurrencyPipe, CustomDatePipe, SafePipe];
 
@@ -3305,14 +3412,14 @@ class PaperlessModule {
     static forRoot() {
         return {
             ngModule: PaperlessModule,
-            providers: [...TOAST_SERVICES],
+            providers: [...TOAST_SERVICES, ...OVERLAY_SERVICES],
         };
     }
 }
-PaperlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PaperlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PaperlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.1", 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: "15.0.1", ngImport: i0, type: PaperlessModule, providers: [...NGX_PIPES, ...PIPES], imports: [CommonModule, StencilModule, MODULES, StencilModule, TableModule, ToastModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: PaperlessModule, decorators: [{
+PaperlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PaperlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PaperlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: PaperlessModule, declarations: [PaginationDirective, PageSizeSelectDirective, SelectDirective, CustomCurrencyPipe, CustomDatePipe, SafePipe], imports: [CommonModule, StencilModule, TableModule, ToastModule, OverlayModule], exports: [StencilModule, TableModule, ToastModule, OverlayModule, PaginationDirective, PageSizeSelectDirective, SelectDirective, CustomCurrencyPipe, CustomDatePipe, SafePipe] });
+PaperlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PaperlessModule, providers: [...NGX_PIPES, ...PIPES], imports: [CommonModule, StencilModule, MODULES, StencilModule, TableModule, ToastModule, OverlayModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: PaperlessModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, StencilModule, ...MODULES],
@@ -3330,5 +3437,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BaseTableComponent, BaseUploadComponent, BaseValueAccessor, CustomCurrencyPipe, CustomDatePipe, DIRECTIVES$1 as DIRECTIVES, FormBaseComponent, MODULES, PAccordion, PAvatar, PAvatarGroup, PBackdrop, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDrawer, PDrawerBody, PDrawerContainer, PDrawerHeader, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIPES, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, 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, createFormFilters };
+export { BaseTableComponent, BaseUploadComponent, BaseValueAccessor, CustomCurrencyPipe, CustomDatePipe, DIRECTIVES$1 as DIRECTIVES, FormBaseComponent, MODULES, OVERLAY_SERVICES, OverlayModule, OverlayRef, OverlayService, PAccordion, PAvatar, PAvatarGroup, PBackdrop, PButton, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PDivider, PDrawer, PDrawerBody, PDrawerContainer, PDrawerHeader, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIPES, PIcon, PIllustration, PInfoPanel, PInputGroup, PLabel, PLayout, PLoader, PModal, 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, createFormFilters };
 //# sourceMappingURL=paperless-angular.mjs.map