@seniorsistemas/angular-components 14.13.6 → 14.14.1

package/bundles/seniorsistemas-angular-components.umd.js

@@ -1196,6 +1196,7 @@
         FieldType["Text"] = "Text";
         FieldType["Time"] = "Time";
         FieldType["Number"] = "Number";
+        FieldType["Custom"] = "Custom";
     })(exports.FieldType || (exports.FieldType = {}));
 
     var FieldSize = /** @class */ (function () {
@@ -1296,8 +1297,17 @@
         }
         return LocaleOptions;
     }());
+    /**
+     * @deprecated
+     */
     var DEFAULT_CALENDAR_LOCALE_OPTIONS = new CalendarLocaleOptions();
+    /**
+     * @deprecated
+     */
     var DEFAULT_NUMBER_LOCALE_OPTIONS = new NumberLocaleOptions();
+    /**
+     * @deprecated
+     */
     var DEFAULT_LOCALE_OPTIONS = new LocaleOptions();
 
     var moment = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
@@ -1631,7 +1641,7 @@
         function BignumberField(config) {
             var _a;
             var _this = _super.call(this, config) || this;
-            _this.numberLocaleOptions = config.numberLocaleOptions || DEFAULT_NUMBER_LOCALE_OPTIONS;
+            _this.numberLocaleOptions = config.numberLocaleOptions || new NumberLocaleOptions();
             _this.browserAutocomplete = config.browserAutocomplete;
             _this.precision = config.precision;
             _this.scale = (_a = config.scale) !== null && _a !== void 0 ? _a : 2;
@@ -1699,7 +1709,7 @@
             _this.maxDate = config.maxDate;
             _this.appendTo = config.appendTo;
             _this.showOnFocus = typeof config.showOnFocus === "boolean" ? config.showOnFocus : true;
-            _this.calendarLocaleOptions = config.calendarLocaleOptions || DEFAULT_CALENDAR_LOCALE_OPTIONS;
+            _this.calendarLocaleOptions = config.calendarLocaleOptions || new CalendarLocaleOptions();
             _this.onBlur = config.onBlur;
             _this.onFocus = config.onFocus;
             _this.onSelect = config.onSelect;
@@ -1878,7 +1888,7 @@
         __extends(NumberField, _super);
         function NumberField(config) {
             var _this = _super.call(this, config) || this;
-            _this.numberLocaleOptions = config.numberLocaleOptions || DEFAULT_NUMBER_LOCALE_OPTIONS;
+            _this.numberLocaleOptions = config.numberLocaleOptions || new NumberLocaleOptions();
             _this.browserAutocomplete = config.browserAutocomplete;
             _this.precision = config.precision;
             _this.alignTo = config.alignTo || exports.NumberAlignmentOption.LEFT;
@@ -1901,7 +1911,7 @@
         __extends(DecimalField, _super);
         function DecimalField(config) {
             var _this = _super.call(this, config) || this;
-            _this.numberLocaleOptions = config.numberLocaleOptions || DEFAULT_NUMBER_LOCALE_OPTIONS;
+            _this.numberLocaleOptions = config.numberLocaleOptions || new NumberLocaleOptions();
             _this.alignTo = config.alignTo || exports.NumberAlignmentOption.RIGHT;
             _this.scale = config.scale || config.scale === 0 ? config.scale : 2;
             return _this;
@@ -1916,7 +1926,7 @@
         __extends(CurrencyField, _super);
         function CurrencyField(config) {
             var _this = _super.call(this, config) || this;
-            _this.numberLocaleOptions = config.numberLocaleOptions || DEFAULT_NUMBER_LOCALE_OPTIONS;
+            _this.numberLocaleOptions = config.numberLocaleOptions || new NumberLocaleOptions();
             return _this;
         }
         return CurrencyField;
@@ -2086,6 +2096,9 @@
                     return new ChipsField(config);
                 case exports.FieldType.Blob:
                     return new BlobField(config);
+                case exports.FieldType.Custom:
+                    var CustomFieldClass = config.CustomFieldClass, otherConfigs = __rest(config, ["CustomFieldClass"]);
+                    return new CustomFieldClass(otherConfigs);
             }
         }
         return FormField;
@@ -2134,9 +2147,24 @@
         LookupComponent_1 = LookupComponent;
         LookupComponent.prototype.ngOnInit = function () {
             var _this = this;
+            if (!this.searchGridFields) {
+                this.searchGridFields = this.searchFields.map(function (item) { return new FormField(__assign({}, item)); });
+            }
             this.searchFields = this.searchFields.map(function (value) { return new FormField(__assign(__assign({}, value), { size: { sm: 12, md: 12, lg: 12, xl: 12 } })); });
-            this.searchGridFields = (this.searchGridFields || this.searchFields).map(function (gridField) {
+            this.searchGridFields = this.searchGridFields.map(function (gridField) {
                 gridField["width"] = _this.getColWidth(gridField.label);
+                var calendarOptions = gridField.calendarLocaleOptions;
+                if (calendarOptions === null || calendarOptions === void 0 ? void 0 : calendarOptions.dateFormat) {
+                    switch (gridField.type) {
+                        case exports.FieldType.Date:
+                            calendarOptions.dateFormat = _this._convertToMomentDateFormat(calendarOptions.dateFormat);
+                            break;
+                        case exports.FieldType.Time:
+                            calendarOptions.dateFormat = _this._convertToMomentHourFormat(calendarOptions.hourFormat, calendarOptions.dateFormat);
+                            break;
+                    }
+                    calendarOptions.dateFormat = calendarOptions.dateFormat;
+                }
                 return gridField;
             });
             var formGroup = this.searchFields.reduce(function (result, field) {
@@ -2162,6 +2190,36 @@
                 _this.onChange(newValue);
             });
         };
+        LookupComponent.prototype._convertToMomentHourFormat = function (hourFormat, format) {
+            if (format === "dd/mm/yy") { // valor padrão para o format.
+                return "LTS";
+            }
+            if (hourFormat === "12") {
+                return format
+                    .replace(/\bH\b/, "h") // hour (12 hour time) (no leading zero)
+                    .replace(/\bHH\b/, "hh"); // hour (12 hour time)
+            }
+            if (hourFormat === "24") {
+                return format
+                    .replace(/\bh\b/, "H") // hour (24 hour time) (no leading zero)
+                    .replace(/\bhh\b/, "HH"); // hour (24 hour time)
+            }
+            return format;
+        };
+        LookupComponent.prototype._convertToMomentDateFormat = function (format) {
+            // A ordem dos replaces é importante.
+            return format
+                .replace(/\bd\b/, "D") // day of month (no leading zero)
+                .replace(/\bdd\b/, "DD") // day of month
+                .replace(/\bo\b/, "DDD") // day of the year (no leading zero)
+                .replace(/\boo\b/, "DDDD") // day of the year
+                .replace(/\bM\b/, "MMM") // month name short
+                .replace(/\bMM\b/, "MMMM") // month name long
+                .replace(/\bm\b/, "M") // month of year (no leading)
+                .replace(/\bmm\b/, "MM") // month of year
+                .replace(/\by\b/, "YY") // year (two digits)
+                .replace(/\byy\b/, "YYYY"); // year (four digits)
+        };
         LookupComponent.prototype.ngAfterViewInit = function () {
             this.autocomplete.onOverlayAnimationDone = function (event) { };
         };
@@ -2179,12 +2237,16 @@
         LookupComponent.prototype.getLookupSuggestions = function () {
             return this.lookupSuggestions;
         };
-        LookupComponent.prototype.lazyLoadGrid = function (event) {
-            // Ao definir uma ordenação na tabela do lookup esse método é chamado 2 vezes https://github.com/primefaces/primeng/issues/5480
+        LookupComponent.prototype.makeSearchRequestParams = function (event) {
             var filters = this.formGroupDialog.getRawValue();
             var params = __assign(__assign({}, event), { filterData: filters });
             var multiSortMeta = event.multiSortMeta;
             this.multiSortMeta = multiSortMeta || this.multiSortMeta;
+            return params;
+        };
+        LookupComponent.prototype.lazyLoadGrid = function (event) {
+            // Ao definir uma ordenação na tabela do lookup esse método é chamado 2 vezes https://github.com/primefaces/primeng/issues/5480
+            var params = this.makeSearchRequestParams(event);
             this.onSearchRequest.next(params);
         };
         LookupComponent.prototype.lazyLoadLookup = function (event) {
@@ -2215,12 +2277,15 @@
                 inputEL.nativeElement.focus();
         };
         LookupComponent.prototype.search = function () {
-            this.table.reset();
+            this.resetTable();
             this.collapsed = true;
             this.dialog.moveOnTop();
         };
         LookupComponent.prototype.clear = function () {
             this.formGroupDialog.reset(this.originalFormValues);
+            this.resetTable();
+        };
+        LookupComponent.prototype.resetTable = function () {
             this.table.reset();
         };
         LookupComponent.prototype.select = function () {
@@ -2473,7 +2538,7 @@
         LookupComponent = LookupComponent_1 = __decorate([
             core.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\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",
+                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 \n            ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n            : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form [formGroup]=\"formGroupDialog\" novalidate autocomplete=\"off\">\n                <div *ngIf=\"!collapsed\"\n                        [@childCollapseContent]=\"collapsed\n                            ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                            : { 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: forms.NG_VALUE_ACCESSOR,
@@ -2509,6 +2574,18 @@
         return LookupComponent;
     }());
 
+    var BaseFieldComponent = /** @class */ (function () {
+        function BaseFieldComponent() {
+        }
+        BaseFieldComponent.prototype.isFunction = function (value) {
+            return value instanceof Function;
+        };
+        BaseFieldComponent.prototype.trigger = function (callback) {
+            return callback();
+        };
+        return BaseFieldComponent;
+    }());
+
 
     (function (DynamicType) {
         DynamicType["Autocomplete"] = "Autocomplete";
@@ -2702,14 +2779,49 @@
         return EmptyStateComponent;
     }());
 
+    var EmptyStateGoBackComponent = /** @class */ (function () {
+        function EmptyStateGoBackComponent(cookieService) {
+            this.cookieService = cookieService;
+            this.iconClass = "fa fa-exclamation-triangle";
+        }
+        EmptyStateGoBackComponent.prototype.goBack = function () {
+            var portalUrl = this.cookieService.get("com.senior.portal.url");
+            window.open(portalUrl, "_top");
+        };
+        EmptyStateGoBackComponent.nextId = 0;
+        EmptyStateGoBackComponent.ctorParameters = function () { return [
+            { type: ngxCookieService.CookieService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], EmptyStateGoBackComponent.prototype, "iconClass", void 0);
+        __decorate([
+            core.Input()
+        ], EmptyStateGoBackComponent.prototype, "title", void 0);
+        __decorate([
+            core.Input()
+        ], EmptyStateGoBackComponent.prototype, "description", void 0);
+        __decorate([
+            core.Input()
+        ], EmptyStateGoBackComponent.prototype, "primaryActionLabel", void 0);
+        EmptyStateGoBackComponent = __decorate([
+            core.Component({
+                selector: "s-empty-state-go-back",
+                template: "<s-empty-state \n    [iconClass]=\"iconClass\" \n    [title]=\"title\" \n    [description]=\"description\" \n    (primaryAction)=\"goBack()\"\n    [primaryActionLabel]=\"primaryActionLabel\">\n</s-empty-state>"
+            })
+        ], EmptyStateGoBackComponent);
+        return EmptyStateGoBackComponent;
+    }());
+
     var EmptyStateModule = /** @class */ (function () {
         function EmptyStateModule() {
         }
         EmptyStateModule = __decorate([
             core.NgModule({
                 imports: [common.CommonModule, ButtonModule],
-                declarations: [EmptyStateComponent],
-                exports: [EmptyStateComponent],
+                providers: [ngxCookieService.CookieService],
+                declarations: [EmptyStateComponent, EmptyStateGoBackComponent],
+                exports: [EmptyStateComponent, EmptyStateGoBackComponent],
             })
         ], EmptyStateModule);
         return EmptyStateModule;
@@ -4576,18 +4688,6 @@
         return ChipsFieldComponent;
     }());
 
-    var BaseFieldComponent = /** @class */ (function () {
-        function BaseFieldComponent() {
-        }
-        BaseFieldComponent.prototype.isFunction = function (value) {
-            return value instanceof Function;
-        };
-        BaseFieldComponent.prototype.trigger = function (callback) {
-            return callback();
-        };
-        return BaseFieldComponent;
-    }());
-
     /**
      * @deprecated Should use bignumber instead
      */
@@ -5111,6 +5211,8 @@
                     return TextAreaFieldComponent;
                 case exports.FieldType.Blob:
                     return FileUploadComponent$1;
+                case exports.FieldType.Custom:
+                    return this.field.CustomFieldComponentClass;
                 default:
                     throw new Error("Trying to use an unsupported type (" + this.field.type + ").");
             }
@@ -5424,7 +5526,7 @@
                     SectionComponent,
                     SelectFieldComponent,
                     TextAreaFieldComponent,
-                    TextFieldComponent,
+                    TextFieldComponent
                 ],
                 exports: [DynamicFormComponent, LookupComponent],
                 entryComponents: [
@@ -5443,7 +5545,7 @@
                     SectionComponent,
                     SelectFieldComponent,
                     TextAreaFieldComponent,
-                    TextFieldComponent,
+                    TextFieldComponent
                 ],
                 providers: [angular2Hotkeys.HotkeysService]
             })
@@ -9087,6 +9189,7 @@
 
     exports.AngularComponentsModule = AngularComponentsModule;
     exports.AutocompleteField = AutocompleteField;
+    exports.BaseFieldComponent = BaseFieldComponent;
     exports.BignumberField = BignumberField;
     exports.BignumberInputDirective = BignumberInputDirective;
     exports.BignumberInputModule = BignumberInputModule;
@@ -9211,15 +9314,15 @@
     exports.ɵbk = CoreFacade;
     exports.ɵbl = CodeMirror6Core;
     exports.ɵc = LocalizedBignumberImpurePipe;
-    exports.ɵd = TableColumnsComponent;
-    exports.ɵe = TablePagingComponent;
-    exports.ɵf = InfoSignComponent;
-    exports.ɵg = AutocompleteFieldComponent;
-    exports.ɵh = BooleanFieldComponent;
-    exports.ɵi = CalendarFieldComponent;
-    exports.ɵj = ChipsFieldComponent;
-    exports.ɵk = CurrencyFieldComponent;
-    exports.ɵl = BaseFieldComponent;
+    exports.ɵd = EmptyStateGoBackComponent;
+    exports.ɵe = TableColumnsComponent;
+    exports.ɵf = TablePagingComponent;
+    exports.ɵg = InfoSignComponent;
+    exports.ɵh = AutocompleteFieldComponent;
+    exports.ɵi = BooleanFieldComponent;
+    exports.ɵj = CalendarFieldComponent;
+    exports.ɵk = ChipsFieldComponent;
+    exports.ɵl = CurrencyFieldComponent;
     exports.ɵm = DynamicFieldComponent;
     exports.ɵn = DynamicFormDirective;
     exports.ɵo = FieldsetComponent;