@seniorsistemas/angular-components 14.10.2 → 14.13.0

package/fesm5/seniorsistemas-angular-components.js

@@ -1,10 +1,10 @@
-import { __spread, __assign, __decorate, __extends, __values, __param, __read, __awaiter, __generator } from 'tslib';
-import { Input, Component, NgModule, EventEmitter, HostBinding, Output, ViewChild, Renderer2, HostListener, Directive, Injectable, Pipe, forwardRef, ViewEncapsulation, TemplateRef, ViewContainerRef, ComponentFactoryResolver, ChangeDetectorRef, InjectionToken, Inject, ContentChild, ApplicationRef, Injector, ElementRef, ContentChildren } from '@angular/core';
+import { __spread, __assign, __decorate, __extends, __values, __param, __awaiter, __generator, __read } from 'tslib';
+import { Input, Component, NgModule, EventEmitter, HostBinding, Output, ViewChild, Renderer2, HostListener, Directive, Injectable, Pipe, forwardRef, ViewEncapsulation, TemplateRef, ViewContainerRef, ComponentFactoryResolver, ChangeDetectorRef, ElementRef, InjectionToken, Inject, ContentChild, ApplicationRef, Injector, ContentChildren } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { BreadcrumbModule as BreadcrumbModule$1 } from 'primeng/breadcrumb';
 import { NavigationEnd, PRIMARY_OUTLET, ActivatedRoute, Router, RouterModule } from '@angular/router';
 import { Subject, of, from, forkJoin, throwError, ReplaySubject } from 'rxjs';
-import { takeUntil, filter, tap, map, switchMap, catchError, delay, finalize, debounceTime, repeat, take } from 'rxjs/operators';
+import { takeUntil, filter, tap, map, switchMap, catchError, delay, debounceTime, repeat, finalize, take } from 'rxjs/operators';
 import { TieredMenu, TieredMenuModule } from 'primeng/tieredmenu';
 import { TooltipModule } from 'primeng/tooltip';
 import { DomHandler } from 'primeng/dom';
@@ -2199,6 +2199,10 @@ var LookupComponent = /** @class */ (function () {
             prefix: (_c = col.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol
         };
     };
+    LookupComponent.prototype.onTableRowDoubleClick = function (rowData) {
+        this.selected = [rowData];
+        this.select();
+    };
     var LookupComponent_1;
     LookupComponent.nextId = 0;
     LookupComponent.ctorParameters = function () { return [
@@ -2336,7 +2340,7 @@ var LookupComponent = /** @class */ (function () {
     LookupComponent = LookupComponent_1 = __decorate([
         Component({
             selector: "s-lookup",
-            template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"true\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"lazyLoadLookup($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\"\n    >\n    <ng-template let-item pTemplate=\"selectedItem\">\n        <span class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\" \n        [pTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\" \n        tooltipPosition=\"top\">\n            {{item[lookupDisplayField]}}\n        </span>\n    </ng-template>\n    </p-autoComplete>\n\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\"\n    ></button>\n</div>\n\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog\n>\n    <div *ngIf=\"dialogVisible\" class=\"s-lookup-modal-container\">\n        <div *ngIf=\"searchFields && searchFields.length\" class=\"filter\"\n        [@collapseContent]=\"collapsed ? {value: 'hidden', params: {transitionParams: transitionOptions }} : {value: 'visible', params: {transitionParams: transitionOptions}}\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form [formGroup]=\"formGroupDialog\" novalidate autocomplete=\"off\">\n                <div *ngIf=\"!collapsed\"\n                        [@childCollapseContent]=\"collapsed ? {value: ':leave', params: {transitionParams: transitionOptions }} : {value: ':enter', params: {transitionParams: transitionOptions}}\"\n                        class=\"form-content\">\n                    <div class=\"filter-title sds-section-title\">{{ filterTitle }}</div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form [fields]=\"searchFields\" [form]=\"formGroupDialog\"></s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel\"\n                                (onClick)=\"search()\"\n                                pTooltip=\"(ALT + SHIFT + F)\"\n                                showDelay=\"500\"\n                            ></s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                pTooltip=\"(ALT + SHIFT + L)\"\n                                showDelay=\"500\"\n                            ></s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>                \n        </div>\n        <div *ngIf=\"searchFields && searchFields.length\" class=\"filter-toggle\">\n            <div class=\"filter-toggle--start-border-mask\"></div>\n            <button [id]=\"id + '-filter-toggle-button'\" type=\"button\" (click)=\"filterToggle()\">\n                <span class=\"fa\" [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\"></span>\n            </button>\n            <div class=\"filter-toggle--end-border-mask\"></div>\n        </div>\n        <div class=\"content\" [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\"\n            ></s-empty-state>\n\n            <p-table\n                [dataKey]=\"dataKey\"\n                [value]=\"getGridData()\"\n                [columns]=\"searchGridFields\"\n                [lazy]=\"true\"\n                [scrollable]=\"true\"\n                [paginator]=\"true\"\n                sortMode=\"multiple\"\n                [totalRecords]=\"searchTotalRecords\"\n                [rows]=\"10\"\n                [selection]=\"selected\"\n                (onLazyLoad)=\"lazyLoadGrid($event)\"\n                *sLoadingState=\"loading\"\n                [multiSortMeta]=\"multiSortMeta\"\n                [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                (selectionChange)=\"onSelectionChange($event)\"\n            >\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col *ngIf=\"multiple\" style=\"width: 50px\" />\n                        <col *ngFor=\"let col of columns\" [style.width]=\"col.width\" />\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th *ngIf=\"multiple\" style=\"width: 50px\">\n                            <s-table-header-checkbox [useAllObject]=\"lookupRowProps ? false : true\" [rowProps]=\"lookupRowProps\"></s-table-header-checkbox>\n                        </th>\n                        <th\n                            [style.width]=\"col.width\"\n                            *ngFor=\"let col of columns\"\n                            [pSortableColumn]=\"col.name\"\n                            [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\"\n                        >\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.label }}</span>\n                                <p-sortIcon [field]=\"col.name\" *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\"></p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-rowData let-columns let-rowIndex=\"rowIndex\">\n                    <tr sNavigation [pSelectableRow]=\"rowData\" [pSelectableRowIndex]=\"rowIndex\">\n                        <td *ngIf=\"multiple\" style=\"width: 50px\" tabindex=\"0\">\n                            <p-tableCheckbox [value]=\"rowData\" [pSelectableRow]=\"rowData\"></p-tableCheckbox>\n                        </td>\n                        <td\n                            [style.width]=\"col['width']\"\n                            *ngFor=\"let col of searchGridFields\"\n                            [ngSwitch]=\"col.type\"\n                            tabindex=\"0\"\n                        >\n                            <ng-container *ngSwitchCase=\"'Boolean'\">\n                                <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Date'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate: col.calendarLocaleOptions?.dateFormat || \"L\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'DateTime'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Time'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedTime: col.calendarLocaleOptions?.dateFormat || \"LTS\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Double'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedNumber: getScale(col.scale) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Money'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedCurrency | async }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Number'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Enum'\">\n                                <ng-container\n                                    *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n                                >\n                                    <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchDefault>\n                                <ng-container *ngIf=\"col.mask && col.mask()\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                        <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngIf=\"!(col.mask && col.mask())\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [attr.data-hidden]=\"loading\">\n                        {{\n                            searchTotalRecordsLabel ||\n                                searchTotalRecords?.toString() + (searchTotalRecords === 1 ? recordLabel : recordsLabel)\n                        }}\n                    </span>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel\"\n            (onClick)=\"select()\"\n            pTooltip=\"(ALT + SHIFT + S)\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\"\n        ></s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel\"\n            (onClick)=\"hideDialog()\"\n            pTooltip=\"(ALT + SHIFT + C)\"\n            showDelay=\"500\"\n        ></s-button>\n    </p-footer>\n</p-dialog>\n\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">{{ emptyFieldLabel }}</span>\n</ng-template>\n",
+            template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"true\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"lazyLoadLookup($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\"\n    >\n    <ng-template let-item pTemplate=\"selectedItem\">\n        <span class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\" \n        [pTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\" \n        tooltipPosition=\"top\">\n            {{item[lookupDisplayField]}}\n        </span>\n    </ng-template>\n    </p-autoComplete>\n\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\"\n    ></button>\n</div>\n\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog\n>\n    <div *ngIf=\"dialogVisible\" class=\"s-lookup-modal-container\">\n        <div *ngIf=\"searchFields && searchFields.length\" class=\"filter\"\n        [@collapseContent]=\"collapsed ? {value: 'hidden', params: {transitionParams: transitionOptions }} : {value: 'visible', params: {transitionParams: transitionOptions}}\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form [formGroup]=\"formGroupDialog\" novalidate autocomplete=\"off\">\n                <div *ngIf=\"!collapsed\"\n                        [@childCollapseContent]=\"collapsed ? {value: ':leave', params: {transitionParams: transitionOptions }} : {value: ':enter', params: {transitionParams: transitionOptions}}\"\n                        class=\"form-content\">\n                    <div class=\"filter-title sds-section-title\">{{ filterTitle }}</div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form [fields]=\"searchFields\" [form]=\"formGroupDialog\"></s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel\"\n                                (onClick)=\"search()\"\n                                pTooltip=\"(ALT + SHIFT + F)\"\n                                showDelay=\"500\"\n                            ></s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                pTooltip=\"(ALT + SHIFT + L)\"\n                                showDelay=\"500\"\n                            ></s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>                \n        </div>\n        <div *ngIf=\"searchFields && searchFields.length\" class=\"filter-toggle\">\n            <div class=\"filter-toggle--start-border-mask\"></div>\n            <button [id]=\"id + '-filter-toggle-button'\" type=\"button\" (click)=\"filterToggle()\">\n                <span class=\"fa\" [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\"></span>\n            </button>\n            <div class=\"filter-toggle--end-border-mask\"></div>\n        </div>\n        <div class=\"content\" [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\"\n            ></s-empty-state>\n\n            <p-table\n                [dataKey]=\"dataKey\"\n                [value]=\"getGridData()\"\n                [columns]=\"searchGridFields\"\n                [lazy]=\"true\"\n                [scrollable]=\"true\"\n                [paginator]=\"true\"\n                sortMode=\"multiple\"\n                [totalRecords]=\"searchTotalRecords\"\n                [rows]=\"10\"\n                [selection]=\"selected\"\n                (onLazyLoad)=\"lazyLoadGrid($event)\"\n                *sLoadingState=\"loading\"\n                [multiSortMeta]=\"multiSortMeta\"\n                [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                (selectionChange)=\"onSelectionChange($event)\"\n            >\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col *ngIf=\"multiple\" style=\"width: 50px\" />\n                        <col *ngFor=\"let col of columns\" [style.width]=\"col.width\" />\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th *ngIf=\"multiple\" style=\"width: 50px\">\n                            <s-table-header-checkbox [useAllObject]=\"lookupRowProps ? false : true\" [rowProps]=\"lookupRowProps\"></s-table-header-checkbox>\n                        </th>\n                        <th\n                            [style.width]=\"col.width\"\n                            *ngFor=\"let col of columns\"\n                            [pSortableColumn]=\"col.name\"\n                            [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\"\n                        >\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.label }}</span>\n                                <p-sortIcon [field]=\"col.name\" *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\"></p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-rowData let-columns let-rowIndex=\"rowIndex\">\n                    <tr\n                        sNavigation\n                        [pSelectableRow]=\"rowData\"\n                        [pSelectableRowIndex]=\"rowIndex\"\n                        sDoubleClick (onDoubleClick)=\"onTableRowDoubleClick(rowData)\"\n                    >\n                        <td *ngIf=\"multiple\" style=\"width: 50px\" tabindex=\"0\">\n                            <p-tableCheckbox [value]=\"rowData\" [pSelectableRow]=\"rowData\"></p-tableCheckbox>\n                        </td>\n                        <td\n                            [style.width]=\"col['width']\"\n                            *ngFor=\"let col of searchGridFields\"\n                            [ngSwitch]=\"col.type\"\n                            tabindex=\"0\"\n                        >\n                            <ng-container *ngSwitchCase=\"'Boolean'\">\n                                <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Date'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate: col.calendarLocaleOptions?.dateFormat || \"L\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'DateTime'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Time'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedTime: col.calendarLocaleOptions?.dateFormat || \"LTS\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Double'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedNumber: getScale(col.scale) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Money'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedCurrency | async }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Number'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Enum'\">\n                                <ng-container\n                                    *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n                                >\n                                    <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchDefault>\n                                <ng-container *ngIf=\"col.mask && col.mask()\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                        <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngIf=\"!(col.mask && col.mask())\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [attr.data-hidden]=\"loading\">\n                        {{\n                            searchTotalRecordsLabel ||\n                                searchTotalRecords?.toString() + (searchTotalRecords === 1 ? recordLabel : recordsLabel)\n                        }}\n                    </span>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel\"\n            (onClick)=\"select()\"\n            pTooltip=\"(ALT + SHIFT + S)\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\"\n        ></s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel\"\n            (onClick)=\"hideDialog()\"\n            pTooltip=\"(ALT + SHIFT + C)\"\n            showDelay=\"500\"\n        ></s-button>\n    </p-footer>\n</p-dialog>\n\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">{{ emptyFieldLabel }}</span>\n</ng-template>\n",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -3681,6 +3685,191 @@ var RowTogllerDirective = /** @class */ (function (_super) {
     return RowTogllerDirective;
 }(RowToggler));
 
+var TableFrozenPositionDirective = /** @class */ (function () {
+    function TableFrozenPositionDirective(el, host) {
+        var _this = this;
+        this.el = el;
+        this.host = host;
+        this.sTableFrozenPosition = "left";
+        this.host.onColResize.subscribe(function () {
+            _this.handleColResize();
+        });
+        window.addEventListener("resize", this.handleWindowResize.bind(this));
+        var componentId = new Date().getTime();
+        this.resetRowHeightClassName = "resetTableRowsHeight_" + componentId;
+        var styleReset = document.createElement("style");
+        styleReset.innerHTML = "." + this.resetRowHeightClassName + " tbody > tr, ." + this.resetRowHeightClassName + " thead > tr { height: auto; }";
+        document.getElementsByTagName("head")[0].appendChild(styleReset);
+        this.fixBodyRowClassName = "fixTableBodyRowsHeight_" + componentId;
+        this.styleFixBodyRowHeight = document.createElement("style");
+        this.styleFixBodyRowHeight.innerHTML = "." + this.fixBodyRowClassName + " tbody > tr { height: auto; }";
+        document.getElementsByTagName("head")[0].appendChild(this.styleFixBodyRowHeight);
+        this.fixHeadRowClassName = "fixTableHeadRowsHeight_" + componentId;
+        this.styleFixHeadRowHeight = document.createElement("style");
+        this.styleFixHeadRowHeight.innerHTML = "." + this.fixHeadRowClassName + " thead > tr { height: auto; }";
+        document.getElementsByTagName("head")[0].appendChild(this.styleFixHeadRowHeight);
+    }
+    Object.defineProperty(TableFrozenPositionDirective.prototype, "sTableFrozenValue", {
+        set: function (_) {
+            var _this = this;
+            setTimeout(function () {
+                _this.synchronizeRowHeight();
+            });
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TableFrozenPositionDirective.prototype.ngAfterViewInit = function () {
+        if (this.sTableFrozenPosition === "left")
+            return;
+        this.applyStylesForTable();
+    };
+    TableFrozenPositionDirective.prototype.ngOnDestroy = function () {
+        window.removeEventListener("resize", this.handleWindowResize.bind(this));
+    };
+    TableFrozenPositionDirective.prototype.applyStylesForTable = function () {
+        var scrollWrapper = this.el.nativeElement.querySelector(".ui-table-scrollable-wrapper");
+        if (!scrollWrapper) {
+            console.warn("Unable to find scroll-wrapper element from table. Is the table configured with frozen template?");
+            return;
+        }
+        scrollWrapper.style.display = "flex";
+        scrollWrapper.style.flexDirection = "row";
+        var frozenTable = this.el.nativeElement.querySelector(".ui-table-frozen-view");
+        if (!frozenTable) {
+            console.warn("Unable to find frozen element from table. Is the table configured with frozen template?");
+            return;
+        }
+        frozenTable.style.order = "1";
+        frozenTable.style.borderRight = "none";
+        frozenTable.style.borderLeft = "1px solid #dddddd";
+        frozenTable.style.boxShadow = "-5px 0 5px -5px #cccccc";
+        var unfrozenTable = this.el.nativeElement.querySelector(".ui-table-unfrozen-view");
+        if (!unfrozenTable) {
+            console.warn("Unable to find unfrozen element from table. Is the table configured with frozen template?");
+            return;
+        }
+        unfrozenTable.style.position = "unset";
+    };
+    TableFrozenPositionDirective.prototype.handleWindowResize = function () {
+        this.synchronizeRowHeight();
+    };
+    TableFrozenPositionDirective.prototype.handleColResize = function () {
+        this.synchronizeRowHeight();
+    };
+    TableFrozenPositionDirective.prototype.synchronizeRowHeight = function () {
+        var tableBodyWrappers = this.el.nativeElement.getElementsByClassName("ui-table-scrollable-body");
+        var tableBodies = __spread(tableBodyWrappers).map(function (divWrapper) { return __spread(divWrapper.childNodes).find(function (p) { return p.tagName === "TABLE"; }); });
+        this.recalculateDefaultRowHeight(tableBodies);
+        this.applyMaxRowHeight(tableBodies);
+        var tableHeadWrappers = this.el.nativeElement.getElementsByClassName("ui-table-scrollable-header-box");
+        var tableHeads = __spread(tableHeadWrappers).map(function (divWrapper) { return __spread(divWrapper.childNodes).find(function (p) { return p.tagName === "TABLE"; }); });
+        this.recalculateDefaultRowHeight(tableHeads);
+        this.applyMaxRowHeight(tableHeads, true);
+    };
+    TableFrozenPositionDirective.prototype.recalculateDefaultRowHeight = function (tables) {
+        var e_1, _a;
+        try {
+            for (var tables_1 = __values(tables), tables_1_1 = tables_1.next(); !tables_1_1.done; tables_1_1 = tables_1.next()) {
+                var table = tables_1_1.value;
+                table.classList.remove(this.fixBodyRowClassName);
+                table.classList.remove(this.fixHeadRowClassName);
+                table.classList.add(this.resetRowHeightClassName);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (tables_1_1 && !tables_1_1.done && (_a = tables_1.return)) _a.call(tables_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+    };
+    TableFrozenPositionDirective.prototype.applyMaxRowHeight = function (tables, isHead) {
+        var e_2, _a, e_3, _b, e_4, _c, e_5, _d;
+        if (isHead === void 0) { isHead = false; }
+        var rowSizes = [];
+        try {
+            for (var tables_2 = __values(tables), tables_2_1 = tables_2.next(); !tables_2_1.done; tables_2_1 = tables_2.next()) {
+                var table = tables_2_1.value;
+                try {
+                    for (var _e = (e_3 = void 0, __values(table.rows)), _f = _e.next(); !_f.done; _f = _e.next()) {
+                        var tr = _f.value;
+                        rowSizes.push(tr.getBoundingClientRect().height);
+                    }
+                }
+                catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                finally {
+                    try {
+                        if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                    }
+                    finally { if (e_3) throw e_3.error; }
+                }
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (tables_2_1 && !tables_2_1.done && (_a = tables_2.return)) _a.call(tables_2);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        if (!rowSizes.length)
+            return;
+        var maxHeight = Math.max.apply(Math, __spread(rowSizes));
+        if (isHead) {
+            this.styleFixHeadRowHeight.innerHTML = "." + this.fixHeadRowClassName + " thead > tr { height: " + maxHeight + "px; }";
+            try {
+                for (var tables_3 = __values(tables), tables_3_1 = tables_3.next(); !tables_3_1.done; tables_3_1 = tables_3.next()) {
+                    var table = tables_3_1.value;
+                    table.classList.remove(this.resetRowHeightClassName);
+                    table.classList.add(this.fixHeadRowClassName);
+                }
+            }
+            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+            finally {
+                try {
+                    if (tables_3_1 && !tables_3_1.done && (_c = tables_3.return)) _c.call(tables_3);
+                }
+                finally { if (e_4) throw e_4.error; }
+            }
+        }
+        else {
+            this.styleFixBodyRowHeight.innerHTML = "." + this.fixBodyRowClassName + " tbody > tr { height: " + maxHeight + "px; }";
+            try {
+                for (var tables_4 = __values(tables), tables_4_1 = tables_4.next(); !tables_4_1.done; tables_4_1 = tables_4.next()) {
+                    var table = tables_4_1.value;
+                    table.classList.remove(this.resetRowHeightClassName);
+                    table.classList.add(this.fixBodyRowClassName);
+                }
+            }
+            catch (e_5_1) { e_5 = { error: e_5_1 }; }
+            finally {
+                try {
+                    if (tables_4_1 && !tables_4_1.done && (_d = tables_4.return)) _d.call(tables_4);
+                }
+                finally { if (e_5) throw e_5.error; }
+            }
+        }
+    };
+    TableFrozenPositionDirective.ctorParameters = function () { return [
+        { type: ElementRef },
+        { type: Table }
+    ]; };
+    __decorate([
+        Input()
+    ], TableFrozenPositionDirective.prototype, "sTableFrozenPosition", void 0);
+    __decorate([
+        Input()
+    ], TableFrozenPositionDirective.prototype, "sTableFrozenValue", null);
+    TableFrozenPositionDirective = __decorate([
+        Directive({
+            selector: "[sTableFrozenPosition]"
+        })
+    ], TableFrozenPositionDirective);
+    return TableFrozenPositionDirective;
+}());
+
 var EnumColumnFieldType;
 (function (EnumColumnFieldType) {
     EnumColumnFieldType["STRING"] = "STRING";
@@ -3994,6 +4183,122 @@ var TokenListModule = /** @class */ (function () {
     return TokenListModule;
 }());
 
+var TablePagingComponent = /** @class */ (function () {
+    function TablePagingComponent(translate, hostProjectConfigs) {
+        this.translate = translate;
+        this.hostProjectConfigs = hostProjectConfigs;
+    }
+    TablePagingComponent.prototype.ngOnChanges = function (changes) {
+        this.totalRecordsText = this.translate.instant(this.getTranslatePrefix() + "total_records", {
+            value: changes.totalRecords.currentValue
+        });
+    };
+    TablePagingComponent.prototype.getTranslatePrefix = function () {
+        return this.hostProjectConfigs.domain + "." + this.hostProjectConfigs.service + ".";
+    };
+    TablePagingComponent.prototype.getTooltipText = function () {
+        return this.translate.instant(this.getTranslatePrefix() + "export_to_csv");
+    };
+    TablePagingComponent.prototype.getActions = function () {
+        var _this = this;
+        var actions = [
+            {
+                id: "exportCurrentPage",
+                label: this.translate.instant(this.getTranslatePrefix() + "export_current_page"),
+                command: function () { return _this.exportCurrentPage(); }
+            },
+            {
+                id: "exportSelected",
+                label: this.translate.instant(this.getTranslatePrefix() + "export_selected_records"),
+                command: function () { return _this.exportSelectedRecords(); }
+            }
+        ];
+        if (this.loadAllRecords) {
+            actions.push({
+                id: "exportAll",
+                label: this.translate.instant(this.getTranslatePrefix() + "export_all_records"),
+                command: function () { return _this.exportAllRecords(); }
+            });
+        }
+        return actions;
+    };
+    TablePagingComponent.prototype.validateComponent = function () {
+        if (!this.table) {
+            throw new Error("Table component not defined");
+        }
+    };
+    TablePagingComponent.prototype.getColumnsToExport = function () {
+        return __spread(this.table.columns).map(function (column) {
+            if (column.exportable === null || column.exportable === undefined) {
+                column.exportable = true;
+            }
+            return column;
+        });
+    };
+    TablePagingComponent.prototype.getRowsToExport = function () {
+        return this.table.value;
+    };
+    TablePagingComponent.prototype.getSelectedRowsToExport = function () {
+        return this.table.selection;
+    };
+    TablePagingComponent.prototype.getExportFileName = function () {
+        var _a;
+        return (_a = this.exportFileName) !== null && _a !== void 0 ? _a : "download";
+    };
+    TablePagingComponent.prototype.exportCurrentPage = function () {
+        this.validateComponent();
+        ExportUtils.exportCSV(this.getColumnsToExport(), this.getRowsToExport(), undefined, this.getExportFileName());
+    };
+    TablePagingComponent.prototype.exportSelectedRecords = function () {
+        this.validateComponent();
+        ExportUtils.exportCSV(this.getColumnsToExport(), this.getSelectedRowsToExport(), undefined, this.getExportFileName());
+    };
+    TablePagingComponent.prototype.exportAllRecords = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var data;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this.validateComponent();
+                        return [4 /*yield*/, this.loadAllRecords()];
+                    case 1:
+                        data = _a.sent();
+                        ExportUtils.exportCSV(this.getColumnsToExport(), data, undefined, this.getExportFileName());
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    TablePagingComponent.ctorParameters = function () { return [
+        { type: TranslateService },
+        { type: undefined, decorators: [{ type: Inject, args: [HostProjectConfigsInjectionToken,] }] }
+    ]; };
+    __decorate([
+        Input()
+    ], TablePagingComponent.prototype, "totalRecords", void 0);
+    __decorate([
+        Input()
+    ], TablePagingComponent.prototype, "exportFileName", void 0);
+    __decorate([
+        Input()
+    ], TablePagingComponent.prototype, "table", void 0);
+    __decorate([
+        Input()
+    ], TablePagingComponent.prototype, "loadAllRecords", void 0);
+    __decorate([
+        Output()
+    ], TablePagingComponent.prototype, "totalRecordsText", void 0);
+    TablePagingComponent = __decorate([
+        Component({
+            template: "<div class=\"paging-container\">\n    <span class=\"total-records\">\n        {{totalRecordsText}}\n    </span>\n    <s-button class=\"export-button\" \n        priority=\"default\" \n        iconClass=\"fa fa-fw fa-file-export\" \n        [disabled]=\"false\" \n        [auxiliary]=\"true\" \n        [tooltip]=\"getTooltipText()\" \n        [model]=\"getActions()\"></s-button>\n</div>\n",
+            selector: "s-table-paging",
+            styles: [".paging-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.export-button{margin-left:6px}"]
+        }),
+        __param(1, Inject(HostProjectConfigsInjectionToken))
+    ], TablePagingComponent);
+    return TablePagingComponent;
+}());
+
 var TableModule = /** @class */ (function () {
     function TableModule() {
     }
@@ -4002,17 +4307,23 @@ var TableModule = /** @class */ (function () {
             imports: [
                 CommonModule,
                 TooltipModule,
-                TokenListModule
+                TokenListModule,
+                TranslateModule,
+                ButtonModule
             ],
             exports: [
                 RowTogllerDirective,
                 NavigationDirective,
-                TableColumnsComponent
+                TableColumnsComponent,
+                TableFrozenPositionDirective,
+                TablePagingComponent
             ],
             declarations: [
                 RowTogllerDirective,
                 NavigationDirective,
-                TableColumnsComponent
+                TableColumnsComponent,
+                TableFrozenPositionDirective,
+                TablePagingComponent
             ],
         })
     ], TableModule);
@@ -4777,6 +5088,108 @@ var DynamicFormDirective = /** @class */ (function () {
     return DynamicFormDirective;
 }());
 
+var LongPressDirective = /** @class */ (function () {
+    function LongPressDirective() {
+        this.sLongPressDelay = 500;
+        this.sLongPress = new EventEmitter();
+        this.mouseUp = new Subject();
+        this.mouseDown = new Subject();
+        this.ngUnsubscribe = new Subject();
+    }
+    LongPressDirective.prototype.onMouseUp = function (event) {
+        this.mouseUp.next(event);
+    };
+    LongPressDirective.prototype.onMouseDown = function (event) {
+        this.mouseDown.next(event);
+    };
+    LongPressDirective.prototype.ngOnInit = function () {
+        var _this = this;
+        this.mouseDown
+            .pipe(debounceTime(this.sLongPressDelay), takeUntil(this.mouseUp), repeat(), takeUntil(this.ngUnsubscribe))
+            .subscribe(function (event) { return _this.sLongPress.emit(event); });
+    };
+    LongPressDirective.prototype.ngOnDestroy = function () {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    };
+    __decorate([
+        Input()
+    ], LongPressDirective.prototype, "sLongPressDelay", void 0);
+    __decorate([
+        Output()
+    ], LongPressDirective.prototype, "sLongPress", void 0);
+    __decorate([
+        HostListener("mouseup", ["$event"]),
+        HostListener("touchend", ["$event"])
+    ], LongPressDirective.prototype, "onMouseUp", null);
+    __decorate([
+        HostListener("mousedown", ["$event"]),
+        HostListener("touchstart", ["$event"])
+    ], LongPressDirective.prototype, "onMouseDown", null);
+    LongPressDirective = __decorate([
+        Directive({
+            selector: "[sLongPress]",
+        })
+    ], LongPressDirective);
+    return LongPressDirective;
+}());
+
+var DoubleClickDirective = /** @class */ (function () {
+    function DoubleClickDirective() {
+        this.onDoubleClick = new EventEmitter();
+        this._timeout = null;
+        this._DOUBLE_CLICK_DELAY = 500;
+    }
+    DoubleClickDirective.prototype.onClick = function (event) {
+        this.handleOnClickEvent(event);
+    };
+    DoubleClickDirective.prototype.handleOnClickEvent = function (event) {
+        var _this = this;
+        if (this._timeout) {
+            this.clearTimeout();
+            this.onDoubleClick.emit(event);
+        }
+        else {
+            this._timeout = setTimeout(function () { return _this.clearTimeout(); }, this._DOUBLE_CLICK_DELAY);
+        }
+    };
+    DoubleClickDirective.prototype.clearTimeout = function () {
+        clearTimeout(this._timeout);
+        this._timeout = null;
+    };
+    __decorate([
+        Output()
+    ], DoubleClickDirective.prototype, "onDoubleClick", void 0);
+    __decorate([
+        HostListener("click", ["$event"])
+    ], DoubleClickDirective.prototype, "onClick", null);
+    DoubleClickDirective = __decorate([
+        Directive({
+            selector: '[sDoubleClick]'
+        })
+    ], DoubleClickDirective);
+    return DoubleClickDirective;
+}());
+
+var MouseEventsModule = /** @class */ (function () {
+    function MouseEventsModule() {
+    }
+    MouseEventsModule = __decorate([
+        NgModule({
+            imports: [CommonModule],
+            declarations: [
+                LongPressDirective,
+                DoubleClickDirective
+            ],
+            exports: [
+                LongPressDirective,
+                DoubleClickDirective
+            ],
+        })
+    ], MouseEventsModule);
+    return MouseEventsModule;
+}());
+
 var DynamicFormModule = /** @class */ (function () {
     function DynamicFormModule() {
     }
@@ -4819,7 +5232,8 @@ var DynamicFormModule = /** @class */ (function () {
                 TableModule,
                 InfoSignModule,
                 MaskFormatterModule,
-                HotkeyModule.forRoot()
+                HotkeyModule.forRoot(),
+                MouseEventsModule
             ],
             declarations: [
                 AutocompleteFieldComponent,
@@ -5809,65 +6223,6 @@ var ImageCropperService = /** @class */ (function () {
     return ImageCropperService;
 }());
 
-var LongPressDirective = /** @class */ (function () {
-    function LongPressDirective() {
-        this.sLongPressDelay = 500;
-        this.sLongPress = new EventEmitter();
-        this.mouseUp = new Subject();
-        this.mouseDown = new Subject();
-        this.ngUnsubscribe = new Subject();
-    }
-    LongPressDirective.prototype.onMouseUp = function (event) {
-        this.mouseUp.next(event);
-    };
-    LongPressDirective.prototype.onMouseDown = function (event) {
-        this.mouseDown.next(event);
-    };
-    LongPressDirective.prototype.ngOnInit = function () {
-        var _this = this;
-        this.mouseDown
-            .pipe(debounceTime(this.sLongPressDelay), takeUntil(this.mouseUp), repeat(), takeUntil(this.ngUnsubscribe))
-            .subscribe(function (event) { return _this.sLongPress.emit(event); });
-    };
-    LongPressDirective.prototype.ngOnDestroy = function () {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    };
-    __decorate([
-        Input()
-    ], LongPressDirective.prototype, "sLongPressDelay", void 0);
-    __decorate([
-        Output()
-    ], LongPressDirective.prototype, "sLongPress", void 0);
-    __decorate([
-        HostListener("mouseup", ["$event"]),
-        HostListener("touchend", ["$event"])
-    ], LongPressDirective.prototype, "onMouseUp", null);
-    __decorate([
-        HostListener("mousedown", ["$event"]),
-        HostListener("touchstart", ["$event"])
-    ], LongPressDirective.prototype, "onMouseDown", null);
-    LongPressDirective = __decorate([
-        Directive({
-            selector: "[sLongPress]",
-        })
-    ], LongPressDirective);
-    return LongPressDirective;
-}());
-
-var MouseEventsModule = /** @class */ (function () {
-    function MouseEventsModule() {
-    }
-    MouseEventsModule = __decorate([
-        NgModule({
-            imports: [CommonModule],
-            declarations: [LongPressDirective],
-            exports: [LongPressDirective],
-        })
-    ], MouseEventsModule);
-    return MouseEventsModule;
-}());
-
 var ThumbnailSize;
 (function (ThumbnailSize) {
     ThumbnailSize["Small"] = "small";
@@ -8565,5 +8920,5 @@ var CodeEditorModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, AutocompleteField, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, ProductHeaderComponent, ProductHeaderModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TokenListComponent, TokenListModule, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, LocalizedBignumberPipe as ɵb, DecimalField as ɵba, StructureModule as ɵbb, HeaderComponent as ɵbc, FooterComponent as ɵbd, InfoSignComponent as ɵbe, NumberLocaleOptions as ɵbf, ThumbnailService as ɵbg, InfiniteScrollModule as ɵbh, InfiniteScrollDirective as ɵbi, CustomTranslationsModule as ɵbj, CodeEditorComponent as ɵbk, CoreFacade as ɵbl, CodeMirror6Core as ɵbm, LocalizedBignumberImpurePipe as ɵc, TokenListModule as ɵd, TableColumnsComponent as ɵe, InfoSignModule as ɵf, AutocompleteFieldComponent as ɵg, BooleanFieldComponent as ɵh, CalendarFieldComponent as ɵi, ChipsFieldComponent as ɵj, CurrencyFieldComponent as ɵk, BaseFieldComponent as ɵl, DynamicFieldComponent as ɵm, DynamicFormDirective as ɵn, FieldsetComponent as ɵo, FileUploadComponent$1 as ɵp, LookupFieldComponent as ɵq, NumberFieldComponent as ɵr, BignumberFieldComponent as ɵs, RadioButtonComponent as ɵt, RowComponent as ɵu, SectionComponent as ɵv, SelectFieldComponent as ɵw, TextAreaFieldComponent as ɵx, TextFieldComponent as ɵy };
+export { AngularComponentsModule, AutocompleteField, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, ProductHeaderComponent, ProductHeaderModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TokenListComponent, TokenListModule, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, LocalizedBignumberPipe as ɵb, TextAreaFieldComponent as ɵba, TextFieldComponent as ɵbb, DecimalField as ɵbd, StructureModule as ɵbe, HeaderComponent as ɵbf, FooterComponent as ɵbg, InfoSignComponent as ɵbh, NumberLocaleOptions as ɵbi, ThumbnailService as ɵbj, InfiniteScrollModule as ɵbk, InfiniteScrollDirective as ɵbl, CustomTranslationsModule as ɵbm, CodeEditorComponent as ɵbn, CoreFacade as ɵbo, CodeMirror6Core as ɵbp, LocalizedBignumberImpurePipe as ɵc, TokenListModule as ɵd, ButtonModule as ɵe, TableColumnsComponent as ɵf, TablePagingComponent as ɵg, InfoSignModule as ɵh, MouseEventsModule as ɵi, AutocompleteFieldComponent as ɵj, BooleanFieldComponent as ɵk, CalendarFieldComponent as ɵl, ChipsFieldComponent as ɵm, CurrencyFieldComponent as ɵn, BaseFieldComponent as ɵo, DynamicFieldComponent as ɵp, DynamicFormDirective as ɵq, FieldsetComponent as ɵr, FileUploadComponent$1 as ɵs, LookupFieldComponent as ɵt, NumberFieldComponent as ɵu, BignumberFieldComponent as ɵv, RadioButtonComponent as ɵw, RowComponent as ɵx, SectionComponent as ɵy, SelectFieldComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map