@seniorsistemas/angular-components 17.4.2 → 17.4.4

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

@@ -4193,6 +4193,38 @@
         return CountryPhonePickerModule;
     }());
 
+    var CalendarLocaleOptions = /** @class */ (function () {
+        function CalendarLocaleOptions(config) {
+            var _this = this;
+            if (config === void 0) { config = {}; }
+            this.hourFormat = "24";
+            this.dateFormat = "dd/mm/yy";
+            this.firstDayOfWeek = 0;
+            this.today = "Hoje";
+            this.clear = "Limpar";
+            this.dayNames = ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"];
+            this.dayNamesShort = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
+            this.dayNamesMin = ["D", "S", "T", "Q", "Q", "S", "S"];
+            this.monthNamesShort = ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"];
+            this.monthNames = [
+                "Janeiro",
+                "Fevereiro",
+                "Março",
+                "Abril",
+                "Maio",
+                "Junho",
+                "Julho",
+                "Agosto",
+                "Setembro",
+                "Outubro",
+                "Novembro",
+                "Dezembro",
+            ];
+            Object.keys(config).forEach(function (key) { return (_this[key] = config[key] || _this[key]); });
+        }
+        return CalendarLocaleOptions;
+    }());
+
 
     (function (FieldType) {
         FieldType["Autocomplete"] = "Autocomplete";
@@ -4274,38 +4306,6 @@
         return AutocompleteField;
     }(Field));
 
-    var CalendarLocaleOptions = /** @class */ (function () {
-        function CalendarLocaleOptions(config) {
-            var _this = this;
-            if (config === void 0) { config = {}; }
-            this.hourFormat = "24";
-            this.dateFormat = "dd/mm/yy";
-            this.firstDayOfWeek = 0;
-            this.today = "Hoje";
-            this.clear = "Limpar";
-            this.dayNames = ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"];
-            this.dayNamesShort = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
-            this.dayNamesMin = ["D", "S", "T", "Q", "Q", "S", "S"];
-            this.monthNamesShort = ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"];
-            this.monthNames = [
-                "Janeiro",
-                "Fevereiro",
-                "Março",
-                "Abril",
-                "Maio",
-                "Junho",
-                "Julho",
-                "Agosto",
-                "Setembro",
-                "Outubro",
-                "Novembro",
-                "Dezembro",
-            ];
-            Object.keys(config).forEach(function (key) { return (_this[key] = config[key] || _this[key]); });
-        }
-        return CalendarLocaleOptions;
-    }());
-
     var NumberLocaleOptions = /** @class */ (function () {
         function NumberLocaleOptions(config) {
             if (config === void 0) { config = {}; }
@@ -5004,6 +5004,9 @@
             _this.multiple = false;
             _this.showSearch = true;
             _this.autocompleteForceSelection = true;
+            _this.showAddOption = false;
+            _this.showEditOption = false;
+            _this.showRemoveOption = false;
             _this.onSelect = function (event) { };
             _this.onUnselect = function (event) { };
             Object.assign(_this, config);
@@ -5261,6 +5264,9 @@
             this.showSearch = true;
             this.lookupAppendTo = "body";
             this.searchFields = [];
+            this.showAddOption = false;
+            this.showEditOption = false;
+            this.showRemoveOption = false;
             this.onLookupRequest = new core.EventEmitter();
             this.onSearchRequest = new core.EventEmitter();
             this.onFocus = new core.EventEmitter();
@@ -5269,6 +5275,9 @@
             this.onSelect = new core.EventEmitter();
             this.onUnselect = new core.EventEmitter();
             this.onClear = new core.EventEmitter();
+            this.onAdd = new core.EventEmitter();
+            this.onEdit = new core.EventEmitter();
+            this.onRemove = new core.EventEmitter();
             this.dialogVisible = false;
             this.collapsed = false;
             this.selected = [];
@@ -5282,7 +5291,9 @@
             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.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.map(function (gridField) {
                 gridField["width"] = _this.getColWidth(gridField.label);
                 var calendarOptions = new CalendarLocaleOptions(__assign({}, gridField.calendarLocaleOptions));
@@ -5317,12 +5328,11 @@
             var recordsLabel = this.recordsLabel
                 ? this.searchTotalRecords + " " + this.recordsLabel
                 : this.translateService.instant("platform.angular_components.total_records", { count: this.searchTotalRecords });
-            return this.searchTotalRecords === 1
-                ? recordLabel
-                : recordsLabel;
+            return this.searchTotalRecords === 1 ? recordLabel : recordsLabel;
         };
         LookupComponent.prototype._convertToMomentHourFormat = function (hourFormat, format) {
-            if (format === "dd/mm/yy") { // valor padrão para o format.
+            if (format === "dd/mm/yy") {
+                // valor padrão para o format.
                 return "LTS";
             }
             if (hourFormat === "12") {
@@ -5392,14 +5402,11 @@
             this.defaultFilter
                 .filter(function (_a) {
                 var field = _a.field;
-                return _this.formGroupDialog.contains(field) &&
-                    !_this.formGroupDialog.get([field]).dirty;
+                return _this.formGroupDialog.contains(field) && !_this.formGroupDialog.get([field]).dirty;
             })
                 .forEach(function (_a) {
                 var value = _a.value, field = _a.field;
-                _this.formGroupDialog
-                    .get([field])
-                    .patchValue(value instanceof Function ? value() : value);
+                _this.formGroupDialog.get([field]).patchValue(value instanceof Function ? value() : value);
             });
         };
         LookupComponent.prototype.showDialog = function () {
@@ -5499,7 +5506,7 @@
                 return this.emptyFieldLabel;
         };
         LookupComponent.prototype.isNumber = function (obj, path) {
-            return !(new BigNumber__default(this.getFieldValue(obj, path)).isNaN());
+            return !new BigNumber__default(this.getFieldValue(obj, path)).isNaN();
         };
         LookupComponent.prototype.setHotkeys = function () {
             var _this = this;
@@ -5591,31 +5598,19 @@
         };
         LookupComponent.prototype._subscribeEvents = function () {
             var _this = this;
-            this.onSearchRequest
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () { return (_this.loading = true); });
-            this.onSelect
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () { return _this.onChange(_this.value); });
-            this.onUnselect
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () { return _this.onChange(_this.value); });
-            this.onClear
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
+            this.onSearchRequest.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () { return (_this.loading = true); });
+            this.onSelect.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () { return _this.onChange(_this.value); });
+            this.onUnselect.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () { return _this.onChange(_this.value); });
+            this.onClear.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
                 if (_this.multiple) {
                     return;
                 }
                 _this.onChange(null);
             });
-            this.onFocus
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
+            this.onFocus.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
                 _this.onTouched();
             });
-            this.onBlur
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
+            this.onBlur.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
                 var target = event.target;
                 var currentValue = _this.value && _this.value[_this.lookupDisplayField];
                 var value = target.value;
@@ -5701,6 +5696,15 @@
         __decorate([
             core.Input()
         ], LookupComponent.prototype, "defaultFilter", void 0);
+        __decorate([
+            core.Input()
+        ], LookupComponent.prototype, "showAddOption", void 0);
+        __decorate([
+            core.Input()
+        ], LookupComponent.prototype, "showEditOption", void 0);
+        __decorate([
+            core.Input()
+        ], LookupComponent.prototype, "showRemoveOption", void 0);
         __decorate([
             core.Output()
         ], LookupComponent.prototype, "onLookupRequest", void 0);
@@ -5725,6 +5729,15 @@
         __decorate([
             core.Output()
         ], LookupComponent.prototype, "onClear", void 0);
+        __decorate([
+            core.Output()
+        ], LookupComponent.prototype, "onAdd", void 0);
+        __decorate([
+            core.Output()
+        ], LookupComponent.prototype, "onEdit", void 0);
+        __decorate([
+            core.Output()
+        ], LookupComponent.prototype, "onRemove", void 0);
         __decorate([
             core.ViewChild(table.Table, { static: false })
         ], LookupComponent.prototype, "table", void 0);
@@ -5771,7 +5784,7 @@
             core.Injectable(),
             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]=\"autocompleteForceSelection\"\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        <ng-template let-item pTemplate=\"selectedItem\">\n            <span\n                class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                tooltipPosition=\"top\">\n                {{item[lookupDisplayField]}}\n            </span>\n        </ng-template>\n    </p-autoComplete>\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<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog>\n    <div\n        *ngIf=\"dialogVisible\"\n        class=\"s-lookup-modal-container\">\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter\"\n            [@collapseContent]=\"collapsed \n                ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form\n                [formGroup]=\"formGroupDialog\"\n                novalidate\n                autocomplete=\"off\">\n                <div\n                    *ngIf=\"!collapsed\"\n                    class=\"form-content\"\n                    [@childCollapseContent]=\"collapsed\n                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                        : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n                    <div class=\"filter-title sds-section-title\">\n                        {{ filterTitle || \"platform.angular_components.filters\" | translate }}\n                    </div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form\n                            [fields]=\"searchFields\"\n                            [form]=\"formGroupDialog\">\n                        </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 || 'platform.angular_components.filter' | translate\"\n                                (onClick)=\"search()\"\n                                sTooltip=\"(ALT + SHIFT + F)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel || 'platform.angular_components.clear' | translate\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                sTooltip=\"(ALT + SHIFT + L)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter-toggle\">\n            <div class=\"filter-toggle--start-border-mask\"></div>\n            <button\n                [id]=\"id + '-filter-toggle-button'\"\n                type=\"button\"\n                (click)=\"filterToggle()\">\n                <span\n                    class=\"fa\"\n                    [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\">\n                </span>\n            </button>\n            <div class=\"filter-toggle--end-border-mask\"></div>\n        </div>\n        <div\n            class=\"content\"\n            [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\">\n            </s-empty-state>\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                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\" />\n                        <col\n                            *ngFor=\"let col of columns\"\n                            [style.width]=\"col.width\" />\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\">\n                            <s-table-header-checkbox\n                                [useAllObject]=\"lookupRowProps ? false : true\"\n                                [rowProps]=\"lookupRowProps\">\n                            </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                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.label }}</span>\n                                <p-sortIcon\n                                    [field]=\"col.name\"\n                                    *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\">\n                                </p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template\n                    pTemplate=\"body\"\n                    let-rowData\n                    let-columns\n                    let-rowIndex=\"rowIndex\">\n                    <tr\n                        sNavigation\n                        [pSelectableRow]=\"rowData\"\n                        [pSelectableRowIndex]=\"rowIndex\"\n                        sDoubleClick (onDoubleClick)=\"onTableRowDoubleClick(rowData)\">\n                        <td\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\"\n                            tabindex=\"0\">\n                            <p-tableCheckbox\n                                [value]=\"rowData\"\n                                [pSelectableRow]=\"rowData\">\n                            </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                            <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                            <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                            <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                            <ng-container *ngSwitchCase=\"'LocalDateTime'\">\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                            <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                            <ng-container *ngSwitchCase=\"'Integer'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getIntegerMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Double'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getDoubleMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Money'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getMoneyMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\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                            <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                            <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                        {{ printRecordTotalizer() }}\n                    </span>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel || 'platform.angular_components.select' | translate\"\n            (onClick)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            tooltipPosition=\"top\"\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 || 'platform.angular_components.cancel' | translate\"\n            (onClick)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">\n        {{ emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </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]=\"autocompleteForceSelection\"\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        <ng-template let-item pTemplate=\"selectedItem\">\n            <span\n                class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                tooltipPosition=\"top\">\n                {{item[lookupDisplayField]}}\n            </span>\n        </ng-template>\n    </p-autoComplete>\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<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog>\n    <div\n        *ngIf=\"dialogVisible\"\n        class=\"s-lookup-modal-container\">\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter\"\n            [@collapseContent]=\"collapsed \n                ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form\n                [formGroup]=\"formGroupDialog\"\n                novalidate\n                autocomplete=\"off\">\n                <div\n                    *ngIf=\"!collapsed\"\n                    class=\"form-content\"\n                    [@childCollapseContent]=\"collapsed\n                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                        : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n                    <div class=\"filter-title sds-section-title\">\n                        {{ filterTitle || \"platform.angular_components.filters\" | translate }}\n                    </div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form\n                            [fields]=\"searchFields\"\n                            [form]=\"formGroupDialog\">\n                        </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 || 'platform.angular_components.filter' | translate\"\n                                (onClick)=\"search()\"\n                                sTooltip=\"(ALT + SHIFT + F)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel || 'platform.angular_components.clear' | translate\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                sTooltip=\"(ALT + SHIFT + L)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter-toggle\">\n            <div class=\"filter-toggle--start-border-mask\"></div>\n            <button\n                [id]=\"id + '-filter-toggle-button'\"\n                type=\"button\"\n                (click)=\"filterToggle()\">\n                <span\n                    class=\"fa\"\n                    [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\">\n                </span>\n            </button>\n            <div class=\"filter-toggle--end-border-mask\"></div>\n        </div>\n        <div\n            class=\"content\"\n            [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\">\n            </s-empty-state>\n\n            <div>\n                <s-button\n                    *ngIf=\"showAddOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.add' | translate\"\n                    (onClick)=\"onAdd.emit()\">\n                </s-button>\n                <s-button\n                    *ngIf=\"showEditOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.edit' | translate\"\n                    [disabled]=\"selected.length !== 1\"\n                    (onClick)=\"onEdit.emit(this.selected[0])\">\n                </s-button>\n                <s-button\n                    *ngIf=\"showRemoveOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.remove' | translate\"\n                    [disabled]=\"!selected.length\"\n                    (onClick)=\"onRemove.emit(this.selected)\">\n                </s-button>\n            </div>\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                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\" />\n                        <col\n                            *ngFor=\"let col of columns\"\n                            [style.width]=\"col.width\" />\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\">\n                            <s-table-header-checkbox\n                                [useAllObject]=\"lookupRowProps ? false : true\"\n                                [rowProps]=\"lookupRowProps\">\n                            </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                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.label }}</span>\n                                <p-sortIcon\n                                    [field]=\"col.name\"\n                                    *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\">\n                                </p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template\n                    pTemplate=\"body\"\n                    let-rowData\n                    let-columns\n                    let-rowIndex=\"rowIndex\">\n                    <tr\n                        sNavigation\n                        [pSelectableRow]=\"rowData\"\n                        [pSelectableRowIndex]=\"rowIndex\"\n                        sDoubleClick (onDoubleClick)=\"onTableRowDoubleClick(rowData)\">\n                        <td\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\"\n                            tabindex=\"0\">\n                            <p-tableCheckbox\n                                [value]=\"rowData\"\n                                [pSelectableRow]=\"rowData\">\n                            </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                            <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                            <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                            <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                            <ng-container *ngSwitchCase=\"'LocalDateTime'\">\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                            <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                            <ng-container *ngSwitchCase=\"'Integer'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getIntegerMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Double'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getDoubleMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Money'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getMoneyMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\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                            <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                            <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                        {{ printRecordTotalizer() }}\n                    </span>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel || 'platform.angular_components.select' | translate\"\n            (onClick)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            tooltipPosition=\"top\"\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 || 'platform.angular_components.cancel' | translate\"\n            (onClick)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">\n        {{ emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n",
                 providers: [
                     {
                         provide: forms.NG_VALUE_ACCESSOR,
@@ -7016,8 +7029,134 @@
         return InfoSignModule;
     }());
 
+    var IAssistIconComponent = /** @class */ (function () {
+        function IAssistIconComponent() {
+        }
+        IAssistIconComponent = __decorate([
+            core.Component({
+                template: "<svg style=\"width: 100%; height: 100%;\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M5.81451 18.1054L5.99593 17.6059L7.52166 13.4099L7.60877 13.1726L7.61277 13.1614L7.94285 12.2543L8.01159 12.0648L8.05394 11.949L5.2998 8.52426L5.02726 8.18379C5.00569 8.15821 4.9881 8.13104 4.97292 8.10226C4.90099 7.9632 4.85063 7.81294 4.82186 7.6531C4.73075 7.1344 4.90418 6.60771 5.28382 6.24326C5.29421 6.23447 5.3038 6.22567 5.31419 6.21688L5.47164 6.0914L9.3439 3.00238L9.5469 2.84094L9.57088 2.82096L10.4101 2.15041L11.8007 1.04188C11.2181 0.925188 10.6163 0.863647 10.0001 0.863647C4.95374 0.863647 0.863281 4.9541 0.863281 9.99963C0.863281 13.5346 2.87254 16.5989 5.80971 18.1182\" fill=\"#0FA389\"/>\n    <path d=\"M14.099 1.83472L13.9495 2.24632L11.997 7.61074L11.9427 7.7594L11.9003 7.87369L14.7448 11.4103C14.7463 11.4127 14.7479 11.4143 14.7495 11.4167L14.9414 11.654C14.9541 11.67 14.9661 11.6868 14.9765 11.7044C15.0764 11.8698 15.1444 12.0505 15.1779 12.2431C15.273 12.7826 15.0812 13.3284 14.676 13.6897C14.656 13.7129 14.6345 13.7344 14.6105 13.7536L11.8563 15.9507L11.6789 16.0922L11.6022 16.1537L10.7406 16.8402V16.841L10.3937 17.1176L9.85747 17.5452L9.39951 17.9112L8.11035 18.9398C8.72016 19.0677 9.35155 19.1364 9.99973 19.1364C15.0461 19.1364 19.1365 15.046 19.1365 9.99964C19.1365 6.42789 17.0857 3.33727 14.099 1.83472Z\" fill=\"#0FA389\"/>\n    <path d=\"M14.7287 12.3222C14.7047 12.1832 14.6551 12.0545 14.5864 11.941L14.3954 11.7036C14.3954 11.7036 14.3946 11.7028 14.3938 11.7028L11.3839 7.96005L10.5031 6.86511L10.4256 6.7676L9.03255 5.03487L8.83674 4.79191C8.79278 4.71678 8.75681 4.63446 8.73204 4.54814C8.72085 4.51058 8.71286 4.47222 8.70566 4.43465C8.68568 4.32196 8.68408 4.21007 8.69847 4.10217L8.62334 4.16291L8.44511 4.30438L5.75731 6.44871L5.60066 6.57339C5.34011 6.82275 5.20584 7.19279 5.27218 7.57482C5.29296 7.68751 5.32892 7.79541 5.37927 7.89292C5.37927 7.89292 5.37927 7.89292 5.38007 7.89371L5.6566 8.23818L8.57139 11.8627L8.63293 11.9394L9.53047 13.0559L9.59041 13.1303L9.98363 13.6186L11.0178 14.9046C11.0186 14.9054 11.0194 14.9069 11.0202 14.9077L11.1361 15.0516V15.0524C11.2184 15.1755 11.2768 15.317 11.3048 15.4728C11.3239 15.5807 11.3263 15.6878 11.3143 15.7925L11.3175 15.7965L11.3943 15.735L11.5717 15.5935L14.3266 13.3964L14.3218 13.3908C14.6335 13.1438 14.8022 12.7394 14.7287 12.3222Z\" fill=\"#F3F3F5\"/>\n    <path d=\"M10.6822 15.0082C10.6814 15.0074 10.6806 15.0058 10.6806 15.005L10.5672 14.8643L10.3809 14.6325L10.3282 14.567L10.2211 14.4335L9.40028 13.4129L9.32835 13.3242L8.77289 12.6345L8.68098 12.5194L8.44121 12.2205L8.37168 12.4099L8.04159 13.317L8.0376 13.329L7.95128 13.5664L6.42475 17.7623L6.24333 18.2618L5.90605 19.1881L5.73262 19.6645C5.73182 19.6661 5.73102 19.6677 5.73102 19.6685C5.72863 19.6749 5.72703 19.6821 5.72543 19.6885C5.71584 19.7228 5.71424 19.758 5.72063 19.7948C5.74461 19.929 5.87329 20.0193 6.00836 19.9962C6.04112 19.9898 6.07229 19.9778 6.09867 19.9602C6.09867 19.9602 6.09947 19.9602 6.10027 19.9594L6.14103 19.9266L7.39422 18.9268L9.11496 17.5537L9.57292 17.1877L10.1092 16.7601L10.4561 16.4827L10.4537 16.4811C10.7582 16.2382 10.9236 15.8402 10.8509 15.4294C10.8237 15.2735 10.7654 15.1313 10.6822 15.0082Z\" fill=\"#0C847B\"/>\n    <path d=\"M9.17644 4.56325C9.2124 4.68713 9.26915 4.80062 9.34268 4.90053C9.34348 4.90053 9.34428 4.90213 9.34428 4.90213L9.40342 4.97645C9.40502 4.97805 9.40582 4.97885 9.40662 4.98045L9.56806 5.17946L9.64878 5.28096L9.67915 5.31932L9.8414 5.51993L10.5559 6.40947L10.7054 6.59569L11.2169 7.23188L11.5142 7.60192L11.5693 7.45247L13.5202 2.08964L14.1596 0.332135C14.1596 0.330536 14.1604 0.328139 14.1612 0.32654C14.174 0.288177 14.1772 0.246617 14.17 0.205058C14.1468 0.0699879 14.0182 -0.0195258 13.8823 0.00365186C13.8407 0.0116442 13.8024 0.028428 13.7712 0.0540033L12.578 1.00589L12.498 1.06982L10.6958 2.50844L9.85658 3.17819L9.8326 3.19737L9.6296 3.35961L9.45297 3.50028C9.2116 3.73925 9.08692 4.08931 9.15006 4.44976C9.15726 4.48813 9.16525 4.52649 9.17644 4.56325Z\" fill=\"#0C847B\"/>\n</svg>"
+            })
+        ], IAssistIconComponent);
+        return IAssistIconComponent;
+    }());
+
+    var SeniorIconComponent = /** @class */ (function () {
+        function SeniorIconComponent() {
+        }
+        SeniorIconComponent = __decorate([
+            core.Component({
+                template: "<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 348 613\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g filter=\"url(#filter0_d_2841_2040)\">\n        <path d=\"M174.719 518.932L258.161 439.782C264.546 433.762 269.614 426.603 273.072 418.719C276.53 410.834 278.31 402.378 278.31 393.838C278.31 385.298 276.53 376.843 273.072 368.958C269.614 361.073 264.546 353.915 258.161 347.895L174.719 269.199C168.45 263.304 163.474 256.289 160.077 248.56C156.681 240.83 154.933 232.539 154.933 224.165C154.933 215.792 156.681 207.501 160.077 199.771C163.474 192.042 168.45 185.027 174.719 179.132L303.718 301.496C329.517 326.089 344 359.371 344 394.066C344 428.76 329.517 462.043 303.718 486.635L174.719 609C168.45 603.105 163.474 596.09 160.077 588.36C156.681 580.631 154.933 572.34 154.933 563.966C154.933 555.592 156.681 547.301 160.077 539.572C163.474 531.842 168.45 524.828 174.719 518.932ZM173.76 94.0677L90.3189 173.218C83.9334 179.238 78.8659 186.397 75.408 194.281C71.95 202.166 70.1698 210.622 70.1698 219.162C70.1698 227.702 71.95 236.157 75.408 244.042C78.8659 251.927 83.9334 259.085 90.3189 265.105L173.76 344.256C180.03 350.151 185.006 357.166 188.402 364.895C191.798 372.625 193.547 380.916 193.547 389.289C193.547 397.663 191.798 405.954 188.402 413.684C185.006 421.413 180.03 428.428 173.76 434.323L44.2823 311.504C18.4832 286.911 4 253.629 4 218.934C4 184.24 18.4832 150.957 44.2823 126.365L173.76 4C186.213 16.0129 193.192 32.1861 193.192 49.0338C193.192 65.8815 186.213 82.0547 173.76 94.0677Z\" fill=\"white\" />\n    </g>\n    <defs>\n        <filter id=\"filter0_d_2841_2040\" x=\"0\" y=\"0\" width=\"348\" height=\"613\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\" >\n            <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n            <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\n            <feOffset />\n            <feGaussianBlur stdDeviation=\"2\" />\n            <feComposite in2=\"hardAlpha\" operator=\"out\" />\n            <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.418936 0 0 0 0 1 0 0 0 0 0.930272 0 0 0 0.35 0\" />\n            <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2841_2040\" />\n            <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2841_2040\" result=\"shape\" />\n        </filter>\n    </defs>\n</svg>\n"
+            })
+        ], SeniorIconComponent);
+        return SeniorIconComponent;
+    }());
+
+    var SVGFactoryIcons;
+    (function (SVGFactoryIcons) {
+        SVGFactoryIcons["IAssist"] = "iassist";
+        SVGFactoryIcons["Senior"] = "senior";
+    })(SVGFactoryIcons || (SVGFactoryIcons = {}));
+
+    var SVGFactoryDirective = /** @class */ (function () {
+        function SVGFactoryDirective(viewContainerRef, componentFactoryResolver, cdr) {
+            this.viewContainerRef = viewContainerRef;
+            this.componentFactoryResolver = componentFactoryResolver;
+            this.cdr = cdr;
+            this._iconClass = this._getIconClass(SVGFactoryIcons.Senior);
+        }
+        Object.defineProperty(SVGFactoryDirective.prototype, "sSVGFactory", {
+            set: function (icon) {
+                this._iconClass = this._getIconClass(icon);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        SVGFactoryDirective.prototype.ngAfterViewInit = function () {
+            this._createComponent();
+        };
+        SVGFactoryDirective.prototype._createComponent = function () {
+            var factory = this.componentFactoryResolver.resolveComponentFactory(this._iconClass);
+            this.viewContainerRef.clear();
+            this.viewContainerRef.createComponent(factory);
+            this.cdr.detectChanges();
+        };
+        SVGFactoryDirective.prototype._getIconClass = function (icon) {
+            switch (icon) {
+                case SVGFactoryIcons.IAssist:
+                    return IAssistIconComponent;
+                case SVGFactoryIcons.Senior:
+                default:
+                    return SeniorIconComponent;
+            }
+        };
+        SVGFactoryDirective.ctorParameters = function () { return [
+            { type: core.ViewContainerRef },
+            { type: core.ComponentFactoryResolver },
+            { type: core.ChangeDetectorRef }
+        ]; };
+        __decorate([
+            core.Input("sSVGFactory")
+        ], SVGFactoryDirective.prototype, "sSVGFactory", null);
+        SVGFactoryDirective = __decorate([
+            core.Directive({
+                selector: "[sSVGFactory]",
+            })
+        ], SVGFactoryDirective);
+        return SVGFactoryDirective;
+    }());
+
+    var SVGFactoryModule = /** @class */ (function () {
+        function SVGFactoryModule() {
+        }
+        SVGFactoryModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [
+                    SVGFactoryDirective,
+                    IAssistIconComponent,
+                    SeniorIconComponent,
+                ],
+                exports: [SVGFactoryDirective],
+            })
+        ], SVGFactoryModule);
+        return SVGFactoryModule;
+    }());
+
+    var DotsIndicatorComponent = /** @class */ (function () {
+        function DotsIndicatorComponent() {
+        }
+        DotsIndicatorComponent = __decorate([
+            core.Component({
+                selector: "s-dots-indicator",
+                template: "<div class=\"dots-indicator\">\n    <div class=\"bounce bounce--1\"></div>\n    <div class=\"bounce bounce--2\"></div>\n    <div class=\"bounce bounce--3\"></div>\n</div>\n",
+                styles: [".dots-indicator .bounce{animation:1.2s ease-out infinite bounce;background-color:#333;border-radius:100%;display:inline-block;height:10px;width:10px}.dots-indicator .bounce+.bounce{margin-left:15px}.dots-indicator .bounce.bounce--1{animation-delay:0s}.dots-indicator .bounce.bounce--2{animation-delay:.1s}.dots-indicator .bounce.bounce--3{animation-delay:.2s}@keyframes bounce{100%,80%{transform:scale(1)}90%{transform:scale(1.8)}}"]
+            })
+        ], DotsIndicatorComponent);
+        return DotsIndicatorComponent;
+    }());
+
+    var LoadingIndicatorComponent = /** @class */ (function () {
+        function LoadingIndicatorComponent() {
+        }
+        LoadingIndicatorComponent = __decorate([
+            core.Component({
+                selector: "s-logo-indicator",
+                template: "<div class=\"logo-indicator\">\n    <span *sSVGFactory=\"'senior'\"></span>\n</div>\n",
+                styles: [".logo-indicator{animation:1s infinite pulsar,1s infinite scale;background-color:#00c89a;border-radius:50%;box-shadow:0 0 0 #00c89ab3;height:64px;padding:calc(64px * .16);position:relative;width:64px}@keyframes pulsar{0%{box-shadow:0 0 0 0 #00c89ab3}70%{box-shadow:0 0 0 40px #00c89a00}100%{box-shadow:0 0 0 0 #00c89a00}}@keyframes scale{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}"]
+            })
+        ], LoadingIndicatorComponent);
+        return LoadingIndicatorComponent;
+    }());
+
+    var LoadingStateIndicators;
+    (function (LoadingStateIndicators) {
+        LoadingStateIndicators["Dots"] = "dots";
+        LoadingStateIndicators["Logo"] = "logo";
+    })(LoadingStateIndicators || (LoadingStateIndicators = {}));
+
     var LoadingStateComponent = /** @class */ (function () {
         function LoadingStateComponent() {
+            this.indicator = LoadingStateIndicators.Dots;
             this.id = "s-loading-state-" + LoadingStateComponent_1.nextId++;
             this.BLOCK_TIMEOUT_VALUE = 300;
             this.UNBLOCK_TIMEOUT_VALUE = 200;
@@ -7029,10 +7168,7 @@
             },
             set: function (loading) {
                 this._loading = loading;
-                if (loading)
-                    this.block();
-                else
-                    this.unblock();
+                loading ? this.block() : this.unblock();
             },
             enumerable: true,
             configurable: true
@@ -7064,13 +7200,18 @@
             }
         };
         LoadingStateComponent.prototype.ngOnDestroy = function () {
-            if (this.blockTimeoutId)
+            if (this.blockTimeoutId) {
                 clearTimeout(this.blockTimeoutId);
-            if (this.unblockTimeoutId)
+            }
+            if (this.unblockTimeoutId) {
                 clearTimeout(this.unblockTimeoutId);
+            }
         };
         var LoadingStateComponent_1;
         LoadingStateComponent.nextId = 0;
+        __decorate([
+            core.Input()
+        ], LoadingStateComponent.prototype, "indicator", void 0);
         __decorate([
             core.Input()
         ], LoadingStateComponent.prototype, "id", void 0);
@@ -7083,8 +7224,8 @@
         LoadingStateComponent = LoadingStateComponent_1 = __decorate([
             core.Component({
                 selector: "s-loading-state",
-                template: "<div\n    [id]=\"id\"\n    class=\"s-loading-state-container\"\n    [ngClass]=\"{'loading': loading, 'blocking': blocking, 'fullscreen': blockWindow}\">\n    <div\n        [id]=\"id + '-loader'\"\n        class=\"loader\">\n        <div\n            [id]=\"id + '-spinner'\"\n            class=\"spinner\">\n            <div class=\"bounce bounce-1\"></div>\n            <div class=\"bounce bounce-2\"></div>\n            <div class=\"bounce bounce-3\"></div>\n        </div>\n        <div\n            [id]=\"id + '-overlay'\"\n            class=\"overlay\">\n        </div>\n    </div>\n    <div\n        [id]=\"id + '-contents'\"\n        class=\"contents\">\n        <ng-container *ngTemplateOutlet=\"contents || originalContent\"></ng-container>\n        <ng-template #originalContent>\n            <ng-content></ng-content>\n        </ng-template>\n    </div>\n</div>",
-                styles: [".s-loading-state-container{position:relative}.s-loading-state-container>.loader{opacity:0;position:absolute;transition:opacity .2s ease-out,display .2s ease-out;visibility:hidden;inset:1px}.s-loading-state-container>.loader>.overlay{background-color:#fff;height:100%;opacity:.8;transition:opacity .2s ease-out,display .2s ease-out;width:100%}.s-loading-state-container>.loader>.spinner{display:table;left:50%;position:absolute;text-align:center;top:calc(50% - 9px);transform:translate(-50%);vertical-align:middle;z-index:2}.s-loading-state-container.blocking>.loader,.s-loading-state-container.loading>.loader{visibility:visible}.s-loading-state-container.blocking>.loader,.s-loading-state-container.blocking>.loader>.overlay,.s-loading-state-container.loading>.loader,.s-loading-state-container.loading>.loader>.overlay{cursor:wait;z-index:1}.s-loading-state-container.blocking>.contents,.s-loading-state-container.loading>.contents{z-index:0!important}.s-loading-state-container.loading>.loader>.spinner>.bounce{animation:1.2s ease-out infinite bounce;background-color:#333;border-radius:100%;display:inline-block;height:10px;width:10px}.s-loading-state-container.loading>.loader>.spinner>.bounce+.bounce{margin-left:15px}.s-loading-state-container.loading>.loader>.spinner>.bounce.bounce-1{animation-delay:0s}.s-loading-state-container.loading>.loader>.spinner>.bounce.bounce-2{animation-delay:.1s}.s-loading-state-container.loading>.loader>.spinner>.bounce.bounce-3{animation-delay:.2s}.s-loading-state-container.blocking.loading>.loader{opacity:1}.s-loading-state-container.fullscreen>.loader{left:0;position:fixed;top:0;z-index:1005}@keyframes bounce{100%,80%{transform:scale(1)}90%{transform:scale(1.8)}}::ng-deep .s-loading-state-container.loading.blocking s-loading-state .s-loading-state-container>.loader{opacity:0;visibility:hidden}::ng-deep .s-loading-state-container.loading.blocking s-loading-state .s-loading-state-container>.contents{z-index:0!important}"]
+                template: "<div\n    [id]=\"id\"\n    class=\"s-loading-state-container\"\n    [ngClass]=\"{\n        'loading': loading,\n        'blocking': blocking,\n        'fullscreen': blockWindow\n    }\">\n    <div\n        [id]=\"id + '-loader'\"\n        class=\"loader\">\n        <div\n            [id]=\"id + '-spinner'\"\n            class=\"spinner\">\n            <ng-container [ngSwitch]=\"indicator\">\n                <s-logo-indicator *ngSwitchCase=\"'logo'\"></s-logo-indicator>\n                <s-dots-indicator *ngSwitchCase=\"'dots'\"></s-dots-indicator>\n            </ng-container>\n        </div>\n        <div\n            [id]=\"id + '-overlay'\"\n            class=\"overlay\">\n        </div>\n    </div>\n    <div\n        [id]=\"id + '-contents'\"\n        class=\"contents\">\n        <ng-container *ngTemplateOutlet=\"contents || originalContent\"></ng-container>\n        <ng-template #originalContent>\n            <ng-content></ng-content>\n        </ng-template>\n    </div>\n</div>",
+                styles: [".s-loading-state-container{position:relative}.s-loading-state-container .loader{opacity:0;position:absolute;transition:opacity .2s ease-out,display .2s ease-out;visibility:hidden;inset:1px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.s-loading-state-container .loader .overlay{background-color:#fff;height:100%;opacity:.8;transition:opacity .2s ease-out,display .2s ease-out;width:100%}.s-loading-state-container .loader .spinner{display:-ms-flexbox;display:flex;position:absolute;z-index:2}.s-loading-state-container.blocking>.loader,.s-loading-state-container.loading>.loader{visibility:visible}.s-loading-state-container.blocking>.loader,.s-loading-state-container.blocking>.loader>.overlay,.s-loading-state-container.loading>.loader,.s-loading-state-container.loading>.loader>.overlay{cursor:wait;z-index:1}.s-loading-state-container.blocking>.contents,.s-loading-state-container.loading>.contents{z-index:0!important}.s-loading-state-container.blocking.loading>.loader{opacity:1}.s-loading-state-container.fullscreen>.loader{left:0;position:fixed;top:0;z-index:1005}::ng-deep .s-loading-state-container.loading.blocking s-loading-state .s-loading-state-container>.loader{opacity:0;visibility:hidden}::ng-deep .s-loading-state-container.loading.blocking s-loading-state .s-loading-state-container>.contents{z-index:0!important}"]
             })
         ], LoadingStateComponent);
         return LoadingStateComponent;
@@ -7097,15 +7238,22 @@
             this.componentFactoryResolver = componentFactoryResolver;
             this.cdr = cdr;
             this._loading = false;
+            this.indicator = LoadingStateIndicators.Dots;
         }
         Object.defineProperty(LoadingStateDirective.prototype, "sLoadingState", {
-            get: function () {
-                return this._loading;
-            },
-            set: function (active) {
-                this._loading = active;
-                if (this.loaderComponent)
-                    this.loaderComponent.instance.loading = active;
+            set: function (value) {
+                if (typeof value === "boolean") {
+                    this._loading = value;
+                    this.indicator = LoadingStateIndicators.Dots;
+                }
+                else if (typeof value === "object") {
+                    this._loading = value.loading;
+                    this.indicator = value.indicator || LoadingStateIndicators.Dots;
+                }
+                if (this.loaderComponent) {
+                    this.loaderComponent.instance.loading = this._loading;
+                    this.loaderComponent.instance.indicator = this.indicator;
+                }
             },
             enumerable: true,
             configurable: true
@@ -7117,11 +7265,14 @@
             var factory = this.componentFactoryResolver.resolveComponentFactory(LoadingStateComponent);
             this.loaderComponent = this.target.createComponent(factory);
             this.loaderComponent.instance.contents = this.template;
-            this.loaderComponent.instance.loading = this.sLoadingState;
+            this.loaderComponent.instance.loading = this._loading;
+            this.loaderComponent.instance.indicator = this.indicator;
             this.cdr.detectChanges();
         };
         LoadingStateDirective.prototype.ngOnDestroy = function () {
-            this.loaderComponent.destroy();
+            if (this.loaderComponent) {
+                this.loaderComponent.destroy();
+            }
         };
         LoadingStateDirective.ctorParameters = function () { return [
             { type: core.ViewContainerRef },
@@ -7130,7 +7281,7 @@
             { type: core.ChangeDetectorRef }
         ]; };
         __decorate([
-            core.Input()
+            core.Input("sLoadingState")
         ], LoadingStateDirective.prototype, "sLoadingState", null);
         LoadingStateDirective = __decorate([
             core.Directive({
@@ -7145,9 +7296,20 @@
         }
         LoadingStateModule = __decorate([
             core.NgModule({
-                imports: [common.CommonModule],
-                declarations: [LoadingStateComponent, LoadingStateDirective],
-                exports: [LoadingStateComponent, LoadingStateDirective],
+                imports: [
+                    common.CommonModule,
+                    SVGFactoryModule,
+                ],
+                declarations: [
+                    LoadingStateComponent,
+                    LoadingStateDirective,
+                    DotsIndicatorComponent,
+                    LoadingIndicatorComponent,
+                ],
+                exports: [
+                    LoadingStateComponent,
+                    LoadingStateDirective,
+                ],
                 entryComponents: [LoadingStateComponent],
             })
         ], LoadingStateModule);
@@ -9148,7 +9310,7 @@
         ], LookupFieldComponent.prototype, "formControl", void 0);
         LookupFieldComponent = __decorate([
             core.Component({
-                template: "<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\">\n    <s-lookup\n        [id]=\"(field.id || field.name)\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [showSearch]=\"field.showSearch\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [searchTotalRecordsLabel]=\"field.searchTotalRecordsLabel\"\n        [searchTitle]=\"field.searchTitle\"\n        [selectLabel]=\"field.selectLabel\"\n        [searchEmptyTitle]=\"field.searchEmptyTitle\"\n        [filterLabel]=\"field.filterLabel\"\n        [filterTitle]=\"field.filterTitle\"\n        [clearLabel]=\"field.clearLabel\"\n        [cancelLabel]=\"field.cancelLabel\"\n        [emptyFieldLabel]=\"field.emptyFieldLabel \"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [recordLabel]=\"field.recordLabel\"\n        [recordsLabel]=\"field.recordsLabel\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\">\n    </s-lookup>\n</div>\n"
+                template: "<div [sTooltip]=\"field.tooltip\" tooltipPosition=\"top\" [showDelay]=\"500\">\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [showSearch]=\"field.showSearch\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [searchTotalRecordsLabel]=\"field.searchTotalRecordsLabel\"\n        [searchTitle]=\"field.searchTitle\"\n        [selectLabel]=\"field.selectLabel\"\n        [searchEmptyTitle]=\"field.searchEmptyTitle\"\n        [filterLabel]=\"field.filterLabel\"\n        [filterTitle]=\"field.filterTitle\"\n        [clearLabel]=\"field.clearLabel\"\n        [cancelLabel]=\"field.cancelLabel\"\n        [emptyFieldLabel]=\"field.emptyFieldLabel\"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [recordLabel]=\"field.recordLabel\"\n        [recordsLabel]=\"field.recordsLabel\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n        [showAddOption]=\"field.showAddOption\"\n        [showEditOption]=\"field.showEditOption\"\n        [showRemoveOption]=\"field.showRemoveOption\"\n        (onAdd)=\"field.onAdd()\"\n        (onEdit)=\"field.onEdit($event)\"\n        (onRemove)=\"field.onRemove($event)\"\n    >\n    </s-lookup>\n</div>\n"
             })
         ], LookupFieldComponent);
         return LookupFieldComponent;
@@ -13098,53 +13260,6 @@
         return GlobalSearchModule;
     }());
 
-    var IAssistIconComponent = /** @class */ (function () {
-        function IAssistIconComponent() {
-        }
-        IAssistIconComponent = __decorate([
-            core.Component({
-                template: "<svg style=\"width: 100%; height: 100%;\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M5.81451 18.1054L5.99593 17.6059L7.52166 13.4099L7.60877 13.1726L7.61277 13.1614L7.94285 12.2543L8.01159 12.0648L8.05394 11.949L5.2998 8.52426L5.02726 8.18379C5.00569 8.15821 4.9881 8.13104 4.97292 8.10226C4.90099 7.9632 4.85063 7.81294 4.82186 7.6531C4.73075 7.1344 4.90418 6.60771 5.28382 6.24326C5.29421 6.23447 5.3038 6.22567 5.31419 6.21688L5.47164 6.0914L9.3439 3.00238L9.5469 2.84094L9.57088 2.82096L10.4101 2.15041L11.8007 1.04188C11.2181 0.925188 10.6163 0.863647 10.0001 0.863647C4.95374 0.863647 0.863281 4.9541 0.863281 9.99963C0.863281 13.5346 2.87254 16.5989 5.80971 18.1182\" fill=\"#0FA389\"/>\n    <path d=\"M14.099 1.83472L13.9495 2.24632L11.997 7.61074L11.9427 7.7594L11.9003 7.87369L14.7448 11.4103C14.7463 11.4127 14.7479 11.4143 14.7495 11.4167L14.9414 11.654C14.9541 11.67 14.9661 11.6868 14.9765 11.7044C15.0764 11.8698 15.1444 12.0505 15.1779 12.2431C15.273 12.7826 15.0812 13.3284 14.676 13.6897C14.656 13.7129 14.6345 13.7344 14.6105 13.7536L11.8563 15.9507L11.6789 16.0922L11.6022 16.1537L10.7406 16.8402V16.841L10.3937 17.1176L9.85747 17.5452L9.39951 17.9112L8.11035 18.9398C8.72016 19.0677 9.35155 19.1364 9.99973 19.1364C15.0461 19.1364 19.1365 15.046 19.1365 9.99964C19.1365 6.42789 17.0857 3.33727 14.099 1.83472Z\" fill=\"#0FA389\"/>\n    <path d=\"M14.7287 12.3222C14.7047 12.1832 14.6551 12.0545 14.5864 11.941L14.3954 11.7036C14.3954 11.7036 14.3946 11.7028 14.3938 11.7028L11.3839 7.96005L10.5031 6.86511L10.4256 6.7676L9.03255 5.03487L8.83674 4.79191C8.79278 4.71678 8.75681 4.63446 8.73204 4.54814C8.72085 4.51058 8.71286 4.47222 8.70566 4.43465C8.68568 4.32196 8.68408 4.21007 8.69847 4.10217L8.62334 4.16291L8.44511 4.30438L5.75731 6.44871L5.60066 6.57339C5.34011 6.82275 5.20584 7.19279 5.27218 7.57482C5.29296 7.68751 5.32892 7.79541 5.37927 7.89292C5.37927 7.89292 5.37927 7.89292 5.38007 7.89371L5.6566 8.23818L8.57139 11.8627L8.63293 11.9394L9.53047 13.0559L9.59041 13.1303L9.98363 13.6186L11.0178 14.9046C11.0186 14.9054 11.0194 14.9069 11.0202 14.9077L11.1361 15.0516V15.0524C11.2184 15.1755 11.2768 15.317 11.3048 15.4728C11.3239 15.5807 11.3263 15.6878 11.3143 15.7925L11.3175 15.7965L11.3943 15.735L11.5717 15.5935L14.3266 13.3964L14.3218 13.3908C14.6335 13.1438 14.8022 12.7394 14.7287 12.3222Z\" fill=\"#F3F3F5\"/>\n    <path d=\"M10.6822 15.0082C10.6814 15.0074 10.6806 15.0058 10.6806 15.005L10.5672 14.8643L10.3809 14.6325L10.3282 14.567L10.2211 14.4335L9.40028 13.4129L9.32835 13.3242L8.77289 12.6345L8.68098 12.5194L8.44121 12.2205L8.37168 12.4099L8.04159 13.317L8.0376 13.329L7.95128 13.5664L6.42475 17.7623L6.24333 18.2618L5.90605 19.1881L5.73262 19.6645C5.73182 19.6661 5.73102 19.6677 5.73102 19.6685C5.72863 19.6749 5.72703 19.6821 5.72543 19.6885C5.71584 19.7228 5.71424 19.758 5.72063 19.7948C5.74461 19.929 5.87329 20.0193 6.00836 19.9962C6.04112 19.9898 6.07229 19.9778 6.09867 19.9602C6.09867 19.9602 6.09947 19.9602 6.10027 19.9594L6.14103 19.9266L7.39422 18.9268L9.11496 17.5537L9.57292 17.1877L10.1092 16.7601L10.4561 16.4827L10.4537 16.4811C10.7582 16.2382 10.9236 15.8402 10.8509 15.4294C10.8237 15.2735 10.7654 15.1313 10.6822 15.0082Z\" fill=\"#0C847B\"/>\n    <path d=\"M9.17644 4.56325C9.2124 4.68713 9.26915 4.80062 9.34268 4.90053C9.34348 4.90053 9.34428 4.90213 9.34428 4.90213L9.40342 4.97645C9.40502 4.97805 9.40582 4.97885 9.40662 4.98045L9.56806 5.17946L9.64878 5.28096L9.67915 5.31932L9.8414 5.51993L10.5559 6.40947L10.7054 6.59569L11.2169 7.23188L11.5142 7.60192L11.5693 7.45247L13.5202 2.08964L14.1596 0.332135C14.1596 0.330536 14.1604 0.328139 14.1612 0.32654C14.174 0.288177 14.1772 0.246617 14.17 0.205058C14.1468 0.0699879 14.0182 -0.0195258 13.8823 0.00365186C13.8407 0.0116442 13.8024 0.028428 13.7712 0.0540033L12.578 1.00589L12.498 1.06982L10.6958 2.50844L9.85658 3.17819L9.8326 3.19737L9.6296 3.35961L9.45297 3.50028C9.2116 3.73925 9.08692 4.08931 9.15006 4.44976C9.15726 4.48813 9.16525 4.52649 9.17644 4.56325Z\" fill=\"#0C847B\"/>\n</svg>"
-            })
-        ], IAssistIconComponent);
-        return IAssistIconComponent;
-    }());
-
-    var SVGFactoryDirective = /** @class */ (function () {
-        function SVGFactoryDirective(viewContainerRef, componentFactoryResolver) {
-            this.viewContainerRef = viewContainerRef;
-            this.componentFactoryResolver = componentFactoryResolver;
-            var factory = this.componentFactoryResolver.resolveComponentFactory(IAssistIconComponent);
-            this.viewContainerRef.clear();
-            this.viewContainerRef.createComponent(factory);
-        }
-        SVGFactoryDirective.ctorParameters = function () { return [
-            { type: core.ViewContainerRef },
-            { type: core.ComponentFactoryResolver }
-        ]; };
-        SVGFactoryDirective = __decorate([
-            core.Directive({
-                selector: "[sSVGFactory]",
-            })
-        ], SVGFactoryDirective);
-        return SVGFactoryDirective;
-    }());
-
-    var SVGFactoryModule = /** @class */ (function () {
-        function SVGFactoryModule() {
-        }
-        SVGFactoryModule = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule],
-                declarations: [
-                    SVGFactoryDirective,
-                    IAssistIconComponent,
-                ],
-                exports: [SVGFactoryDirective],
-            })
-        ], SVGFactoryModule);
-        return SVGFactoryModule;
-    }());
-
     var TemplateDirective = /** @class */ (function () {
         function TemplateDirective(template) {
             this.template = template;
@@ -13293,7 +13408,7 @@
         IAInsightSidebarComponent = __decorate([
             core.Component({
                 selector: "s-ia-insight-sidebar",
-                template: "<div\n    class=\"sidebar\"\n    [class.opened]=\"opened\">\n    <div class=\"header\">\n        <button (click)=\"close()\" class=\"option\">\n            <span class=\"far fa-chevron-double-right\"></span>\n        </button>\n        <div class=\"title\">\n            <span><ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container></span>\n            <span>Insight</span>\n        </div>\n    </div>\n    <div class=\"intro\">\n        <ng-container *ngIf=\"hasPermission; then permissionBlock; else noPermissionBlock\"></ng-container>\n\n        <ng-template #permissionBlock>\n            <ng-container *ngIf=\"insights?.length; then introBlock; else emptyBlock\"></ng-container>\n        \n            <ng-template #introBlock>\n                <ng-container *ngIf=\"introTemplate; then introCustomBlock; else introTextBlock\"></ng-container>\n\n                <ng-template #introCustomBlock>\n                    <ng-container *ngTemplateOutlet=\"introTemplate\"></ng-container>\n                </ng-template>\n\n                <ng-template #introTextBlock>\n                    <span class=\"text\">{{ introText || \"platform.angular_components.insight_intro\" | translate }}</span>\n                </ng-template>\n            </ng-template>\n            \n            <ng-template #emptyBlock>\n                <ng-container *ngIf=\"emptyTemplate; then emptyCustomBlock; else emptyTextBlock\"></ng-container>\n\n                <ng-template #emptyCustomBlock>\n                    <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n                </ng-template>\n\n                <ng-template #emptyTextBlock>\n                    <span class=\"text\">{{ emptyText || \"platform.angular_components.insight_empty\" | translate }}</span>\n                </ng-template>\n            </ng-template>\n        </ng-template>\n        \n        <ng-template #noPermissionBlock>\n            <ng-container *ngIf=\"noPermissionTemplate; then noPermissionCustomBlock; else noPermissionTextBlock\"></ng-container>\n\n            <ng-template #noPermissionCustomBlock>\n                <ng-container *ngTemplateOutlet=\"noPermissionTemplate\"></ng-container>\n            </ng-template>\n\n            <ng-template #noPermissionTextBlock>\n                <span>{{ noPermissionText || \"platform.angular_components.insight_no_permission\" | translate }}</span>\n            </ng-template>\n        </ng-template>\n    </div>\n    <div class=\"insights\">\n        <ng-container *ngIf=\"insights?.length\">\n            <s-ia-insight-card\n                *ngFor=\"let insight of insights\"\n                [insight]=\"insight\">\n            </s-ia-insight-card>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #iassistIcon>\n    <div style=\"width: 28px; height: 28px;\">\n        <span sSVGFactory></span>\n    </div>\n</ng-template>\n",
+                template: "<div\n    class=\"sidebar\"\n    [class.opened]=\"opened\">\n    <div class=\"header\">\n        <button (click)=\"close()\" class=\"option\">\n            <span class=\"far fa-chevron-double-right\"></span>\n        </button>\n        <div class=\"title\">\n            <span><ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container></span>\n            <span>Insight</span>\n        </div>\n    </div>\n    <div class=\"intro\">\n        <ng-container *ngIf=\"hasPermission; then permissionBlock; else noPermissionBlock\"></ng-container>\n\n        <ng-template #permissionBlock>\n            <ng-container *ngIf=\"insights?.length; then introBlock; else emptyBlock\"></ng-container>\n        \n            <ng-template #introBlock>\n                <ng-container *ngIf=\"introTemplate; then introCustomBlock; else introTextBlock\"></ng-container>\n\n                <ng-template #introCustomBlock>\n                    <ng-container *ngTemplateOutlet=\"introTemplate\"></ng-container>\n                </ng-template>\n\n                <ng-template #introTextBlock>\n                    <span class=\"text\">{{ introText || \"platform.angular_components.insight_intro\" | translate }}</span>\n                </ng-template>\n            </ng-template>\n            \n            <ng-template #emptyBlock>\n                <ng-container *ngIf=\"emptyTemplate; then emptyCustomBlock; else emptyTextBlock\"></ng-container>\n\n                <ng-template #emptyCustomBlock>\n                    <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n                </ng-template>\n\n                <ng-template #emptyTextBlock>\n                    <span class=\"text\">{{ emptyText || \"platform.angular_components.insight_empty\" | translate }}</span>\n                </ng-template>\n            </ng-template>\n        </ng-template>\n        \n        <ng-template #noPermissionBlock>\n            <ng-container *ngIf=\"noPermissionTemplate; then noPermissionCustomBlock; else noPermissionTextBlock\"></ng-container>\n\n            <ng-template #noPermissionCustomBlock>\n                <ng-container *ngTemplateOutlet=\"noPermissionTemplate\"></ng-container>\n            </ng-template>\n\n            <ng-template #noPermissionTextBlock>\n                <span>{{ noPermissionText || \"platform.angular_components.insight_no_permission\" | translate }}</span>\n            </ng-template>\n        </ng-template>\n    </div>\n    <div class=\"insights\">\n        <ng-container *ngIf=\"insights?.length\">\n            <s-ia-insight-card\n                *ngFor=\"let insight of insights\"\n                [insight]=\"insight\">\n            </s-ia-insight-card>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #iassistIcon>\n    <div style=\"width: 28px; height: 28px;\">\n        <span *sSVGFactory=\"'iassist'\"></span>\n    </div>\n</ng-template>\n",
                 styles: [".sidebar{background-color:#fff;border-left:1px solid #dedce5;height:100%;overflow-x:hidden;position:fixed;right:-25%;transition:.5s;top:0;width:25%;z-index:1002}.sidebar .header{border-bottom:1px solid #dedce5;display:-ms-flexbox;display:flex;gap:16px;padding:12px 20px}.sidebar .header .option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-size:16px;padding:12px}.sidebar .header .title{-ms-flex-align:center;align-items:center;color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:16px;gap:16px;line-height:1;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar .intro{margin:8px 40px}.sidebar .intro .text{color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;-ms-flex-pack:center;justify-content:center;line-height:1.5;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar.opened{right:0}.sidebar.opened .insights{padding:12px}.insights{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}@media (max-width:1366px){.sidebar{right:-50%;width:50%}}@media (max-width:768px){.sidebar{right:-75%;width:75%}}@media (max-width:600px){.sidebar{right:-100%;width:100%}}"]
             })
         ], IAInsightSidebarComponent);
@@ -17016,6 +17131,8 @@
         "platform.angular_components.date_format": "dd/mm/yy",
         "platform.angular_components.ia_text_generator": "Gerador de texto por IA",
         "platform.angular_components.attach_files": "Anexar arquivos",
+        "platform.angular_components.add": "Adicionar",
+        "platform.angular_components.edit": "Editar",
         "platform.angular_components.remove": "Remover",
         "platform.angular_components.file_attached_successfully": "Arquivo anexado com sucesso",
         "platform.angular_components.loading_file": "Carregando arquivo",
@@ -17422,64 +17539,67 @@
     exports.fallback = fallback;
     exports.ɵa = TooltipComponent;
     exports.ɵb = TooltipDirective;
-    exports.ɵba = CurrencyFieldComponent;
-    exports.ɵbb = DynamicFieldComponent;
-    exports.ɵbc = DynamicFormDirective;
-    exports.ɵbd = FieldsetComponent;
-    exports.ɵbe = FileUploadComponent$1;
-    exports.ɵbf = LookupFieldComponent;
-    exports.ɵbg = NumberFieldComponent;
-    exports.ɵbh = PasswordFieldComponent;
-    exports.ɵbi = RadioButtonComponent;
-    exports.ɵbj = RowComponent;
-    exports.ɵbk = SectionComponent;
-    exports.ɵbl = SelectFieldComponent;
-    exports.ɵbm = SliderFieldComponent;
-    exports.ɵbn = TextAreaFieldComponent;
-    exports.ɵbo = TextAreaIAFieldComponent;
-    exports.ɵbp = IAssistService;
-    exports.ɵbq = TextFieldComponent;
-    exports.ɵbs = DecimalField;
-    exports.ɵbt = SideTableComponent;
-    exports.ɵbu = ThumbnailService;
-    exports.ɵbv = InfiniteScrollModule;
-    exports.ɵbw = InfiniteScrollDirective;
-    exports.ɵbx = TemplateModule;
-    exports.ɵby = TemplateDirective;
-    exports.ɵbz = IAssistIconComponent;
+    exports.ɵba = BooleanSwitchFieldComponent;
+    exports.ɵbb = CalendarFieldComponent;
+    exports.ɵbc = ChipsFieldComponent;
+    exports.ɵbd = CountryPhonePickerFieldComponent;
+    exports.ɵbe = CurrencyFieldComponent;
+    exports.ɵbf = DynamicFieldComponent;
+    exports.ɵbg = DynamicFormDirective;
+    exports.ɵbh = FieldsetComponent;
+    exports.ɵbi = FileUploadComponent$1;
+    exports.ɵbj = LookupFieldComponent;
+    exports.ɵbk = NumberFieldComponent;
+    exports.ɵbl = PasswordFieldComponent;
+    exports.ɵbm = RadioButtonComponent;
+    exports.ɵbn = RowComponent;
+    exports.ɵbo = SectionComponent;
+    exports.ɵbp = SelectFieldComponent;
+    exports.ɵbq = SliderFieldComponent;
+    exports.ɵbr = TextAreaFieldComponent;
+    exports.ɵbs = TextAreaIAFieldComponent;
+    exports.ɵbt = IAssistService;
+    exports.ɵbu = TextFieldComponent;
+    exports.ɵbw = DecimalField;
+    exports.ɵbx = SideTableComponent;
+    exports.ɵby = ThumbnailService;
+    exports.ɵbz = InfiniteScrollModule;
     exports.ɵc = CustomTranslationsModule;
-    exports.ɵca = IAInsightSidebarComponent;
-    exports.ɵcb = IAInsightCardComponent;
-    exports.ɵcc = IAInsightCardLoaderComponent;
-    exports.ɵcd = StructureModule;
-    exports.ɵce = HeaderComponent;
-    exports.ɵcf = FooterComponent;
-    exports.ɵcg = KanbanEventService;
-    exports.ɵch = KanbanItemComponent;
-    exports.ɵci = KanbanColumnComponent;
-    exports.ɵcj = KanbanItemDraggingComponent;
-    exports.ɵck = NumberLocaleOptions;
-    exports.ɵcl = BorderButtonModule;
-    exports.ɵcm = BorderButtonComponent;
-    exports.ɵcn = SelectButtonItemComponent;
-    exports.ɵco = SlidePanelService;
-    exports.ɵcp = TieredMenuEventService;
-    exports.ɵcq = TieredMenuService;
-    exports.ɵcr = TieredMenuComponent;
-    exports.ɵcs = TieredMenuNestedComponent;
-    exports.ɵct = TieredMenuItemComponent;
-    exports.ɵcu = TieredMenuDividerComponent;
-    exports.ɵcv = TimelineItemModule;
-    exports.ɵcw = TimelineIconItemComponent;
-    exports.ɵcx = HorizontalTimelineModule;
-    exports.ɵcy = HorizontalTimelineComponent;
-    exports.ɵcz = VerticalTimelineModule;
+    exports.ɵca = InfiniteScrollDirective;
+    exports.ɵcb = TemplateModule;
+    exports.ɵcc = TemplateDirective;
+    exports.ɵcd = IAInsightSidebarComponent;
+    exports.ɵce = IAInsightCardComponent;
+    exports.ɵcf = IAInsightCardLoaderComponent;
+    exports.ɵcg = StructureModule;
+    exports.ɵch = HeaderComponent;
+    exports.ɵci = FooterComponent;
+    exports.ɵcj = KanbanEventService;
+    exports.ɵck = KanbanItemComponent;
+    exports.ɵcl = KanbanColumnComponent;
+    exports.ɵcm = KanbanItemDraggingComponent;
+    exports.ɵcn = NumberLocaleOptions;
+    exports.ɵco = BorderButtonModule;
+    exports.ɵcp = BorderButtonComponent;
+    exports.ɵcq = SelectButtonItemComponent;
+    exports.ɵcr = SlidePanelService;
+    exports.ɵcs = TieredMenuEventService;
+    exports.ɵct = TieredMenuService;
+    exports.ɵcu = TieredMenuComponent;
+    exports.ɵcv = TieredMenuNestedComponent;
+    exports.ɵcw = TieredMenuItemComponent;
+    exports.ɵcx = TieredMenuDividerComponent;
+    exports.ɵcy = TimelineItemModule;
+    exports.ɵcz = TimelineIconItemComponent;
     exports.ɵd = CodeEditorComponent;
-    exports.ɵda = VerticalTimelineComponent;
-    exports.ɵdb = RangeLineComponent;
-    exports.ɵdc = CollapseOptionComponent;
-    exports.ɵdd = CollapsedItemsComponent;
-    exports.ɵde = VerticalItemsComponent;
+    exports.ɵda = HorizontalTimelineModule;
+    exports.ɵdb = HorizontalTimelineComponent;
+    exports.ɵdc = VerticalTimelineModule;
+    exports.ɵdd = VerticalTimelineComponent;
+    exports.ɵde = RangeLineComponent;
+    exports.ɵdf = CollapseOptionComponent;
+    exports.ɵdg = CollapsedItemsComponent;
+    exports.ɵdh = VerticalItemsComponent;
     exports.ɵe = CoreFacade;
     exports.ɵf = CodeMirror6Core;
     exports.ɵg = CountryPhonePickerService;
@@ -17487,21 +17607,21 @@
     exports.ɵi = LocalizedBignumberPipe;
     exports.ɵj = LocalizedBignumberImpurePipe;
     exports.ɵk = EmptyStateGoBackComponent;
-    exports.ɵl = ProgressBarDeterminateComponent;
-    exports.ɵm = ProgressBarIndeterminateComponent;
-    exports.ɵn = FileUploadService;
-    exports.ɵo = FileItemComponent;
-    exports.ɵp = LocaleService;
-    exports.ɵq = InfoSignComponent;
-    exports.ɵr = TableColumnsComponent;
-    exports.ɵs = TablePagingComponent;
-    exports.ɵt = AutocompleteFieldComponent;
-    exports.ɵu = BignumberFieldComponent;
-    exports.ɵv = BooleanFieldComponent;
-    exports.ɵw = BooleanSwitchFieldComponent;
-    exports.ɵx = CalendarFieldComponent;
-    exports.ɵy = ChipsFieldComponent;
-    exports.ɵz = CountryPhonePickerFieldComponent;
+    exports.ɵl = IAssistIconComponent;
+    exports.ɵm = SeniorIconComponent;
+    exports.ɵn = DotsIndicatorComponent;
+    exports.ɵo = LoadingIndicatorComponent;
+    exports.ɵp = ProgressBarDeterminateComponent;
+    exports.ɵq = ProgressBarIndeterminateComponent;
+    exports.ɵr = FileUploadService;
+    exports.ɵs = FileItemComponent;
+    exports.ɵt = LocaleService;
+    exports.ɵu = InfoSignComponent;
+    exports.ɵv = TableColumnsComponent;
+    exports.ɵw = TablePagingComponent;
+    exports.ɵx = AutocompleteFieldComponent;
+    exports.ɵy = BignumberFieldComponent;
+    exports.ɵz = BooleanFieldComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });