@unipin/angular-applet 18.6.13 → 18.6.15

package/esm2022/public-api.mjs

@@ -1,10 +1,10 @@
-export { ButtonGroupComponent, ButtonLoadingComponent, FormDateComponent, FormInputComponent, FormNumberComponent, FormPasswordComponent, FormSearchableSelectComponent, FormSelectComponent, FormTextareaComponent, FormImagePickerComponent, FormCurrencyInputComponent, FormCountryInputComponent, FilterComponent, GridService, GridPaginationComponent, GridSnapshotComponent, AppletContainerComponent, ColumnContainerComponent, ColumnHeaderContainerComponent, ListPaginationContainerComponent, ListSnapshotContainerComponent, ModalContainerComponent, TabContentComponent, TabGroupComponent, AuditListComponent, AuditDetailComponent, ApprovalListComponent, ApprovalDetailComponent } from './lib/components';
+export { ButtonGroupComponent, ButtonLoadingComponent, FormDateComponent, FormInputComponent, FormNumberComponent, FormPasswordComponent, FormSearchableSelectComponent, FormSelectComponent, FormTextareaComponent, FormImagePickerComponent, FormCurrencyInputComponent, FormCountryInputComponent, FilterComponent, GridService, GridPaginationComponent, GridSnapshotComponent, provideAppletConfig, AppletContainerComponent, ColumnContainerComponent, ColumnHeaderContainerComponent, ListPaginationContainerComponent, ListSnapshotContainerComponent, ModalContainerComponent, TabContentComponent, TabGroupComponent, AuditListComponent, AuditDetailComponent, APPROVAL_ENTITIES, provideApprovalEntities, ApprovalListComponent, ApprovalDetailComponent } from './lib/components';
 export { InfiniteScrollDirective, InfiniteScrollComponent } from './lib/components/infinite-scroll';
 export { AuthGuard } from './lib/guards';
-export { HeaderInterceptor, RefreshTokenInterceptor } from './lib/interceptors';
-export { bootstrap, LoadingPage, UnauthorizedPage, PermissionDirective, PermissionGuard, PermissionService, PermissionModule } from './lib/modules';
+export { headerInterceptor, refreshTokenInterceptor } from './lib/interceptors';
+export { bootstrap, provideLoadingConfig, LoadingPage, UnauthorizedPage, PermissionDirective, PermissionGuard, PermissionService, } from './lib/modules';
 export { AuthResolver } from './lib/resolvers';
 export { AuthService, CurrencyService, CountryService, ProfileService } from './lib/services';
-export { formatCapitalize, generateContrastColor, getFormErrorMessage, } from './lib/utils';
+export { formatCapitalize, generateContrastColor, getFormErrorMessage } from './lib/utils';
 export { GridApi } from '@ag-grid-community/core';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3VuaXBpbi1hbmd1bGFyL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBLE9BQU8sRUFFTCxvQkFBb0IsRUFDcEIsc0JBQXNCLEVBRXRCLGlCQUFpQixFQUNqQixrQkFBa0IsRUFDbEIsbUJBQW1CLEVBQ25CLHFCQUFxQixFQUNyQiw2QkFBNkIsRUFDN0IsbUJBQW1CLEVBQ25CLHFCQUFxQixFQUNyQix3QkFBd0IsRUFDeEIsMEJBQTBCLEVBQzFCLHlCQUF5QixFQUt6QixlQUFlLEVBR2YsV0FBVyxFQUNYLHVCQUF1QixFQUN2QixxQkFBcUIsRUFFckIsd0JBQXdCLEVBQ3hCLHdCQUF3QixFQUN4Qiw4QkFBOEIsRUFFOUIsZ0NBQWdDLEVBQ2hDLDhCQUE4QixFQUM5Qix1QkFBdUIsRUFFdkIsbUJBQW1CLEVBQ25CLGlCQUFpQixFQUdqQixrQkFBa0IsRUFDbEIsb0JBQW9CLEVBRXBCLHFCQUFxQixFQUNyQix1QkFBdUIsRUFDeEIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLHVCQUF1QixFQUN4QixNQUFNLGtDQUFrQyxDQUFDO0FBRTFDLE9BQU8sRUFDTCxTQUFTLEVBQ1YsTUFBTSxjQUFjLENBQUM7QUFFdEIsT0FBTyxFQUNMLGlCQUFpQixFQUNqQix1QkFBdUIsRUFDeEIsTUFBTSxvQkFBb0IsQ0FBQztBQU01QixPQUFPLEVBQ0wsU0FBUyxFQUVULFdBQVcsRUFDWCxnQkFBZ0IsRUFFaEIsbUJBQW1CLEVBQ25CLGVBQWUsRUFDZixpQkFBaUIsRUFJakIsZ0JBQWdCLEVBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFDTCxZQUFZLEVBQ2IsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QixPQUFPLEVBQ0wsV0FBVyxFQUNYLGVBQWUsRUFDZixjQUFjLEVBQ2QsY0FBYyxFQUNmLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEIsT0FBTyxFQUNMLGdCQUFnQixFQUNoQixxQkFBcUIsRUFDckIsbUJBQW1CLEdBQ3BCLE1BQU0sYUFBYSxDQUFDO0FBRXJCLE9BQU8sRUFDTCxPQUFPLEVBS1IsTUFBTSx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgdW5pcGluLWFuZ3VsYXJcbiAqL1xuZXhwb3J0IHtcbiAgQnV0dG9uR3JvdXBDb25maWcsXG4gIEJ1dHRvbkdyb3VwQ29tcG9uZW50LFxuICBCdXR0b25Mb2FkaW5nQ29tcG9uZW50LFxuXG4gIEZvcm1EYXRlQ29tcG9uZW50LFxuICBGb3JtSW5wdXRDb21wb25lbnQsXG4gIEZvcm1OdW1iZXJDb21wb25lbnQsXG4gIEZvcm1QYXNzd29yZENvbXBvbmVudCxcbiAgRm9ybVNlYXJjaGFibGVTZWxlY3RDb21wb25lbnQsXG4gIEZvcm1TZWxlY3RDb21wb25lbnQsXG4gIEZvcm1UZXh0YXJlYUNvbXBvbmVudCxcbiAgRm9ybUltYWdlUGlja2VyQ29tcG9uZW50LFxuICBGb3JtQ3VycmVuY3lJbnB1dENvbXBvbmVudCxcbiAgRm9ybUNvdW50cnlJbnB1dENvbXBvbmVudCxcbiAgXG4gIEZpbHRlckNvbmZpZyxcbiAgRmlsdGVyRmllbGQsXG4gIEZpbHRlclNlYXJjaEV2ZW50LFxuICBGaWx0ZXJDb21wb25lbnQsXG5cbiAgR3JpZENvbmZpZyxcbiAgR3JpZFNlcnZpY2UsXG4gIEdyaWRQYWdpbmF0aW9uQ29tcG9uZW50LFxuICBHcmlkU25hcHNob3RDb21wb25lbnQsXG5cbiAgQXBwbGV0Q29udGFpbmVyQ29tcG9uZW50LFxuICBDb2x1bW5Db250YWluZXJDb21wb25lbnQsXG4gIENvbHVtbkhlYWRlckNvbnRhaW5lckNvbXBvbmVudCxcbiAgTGlzdENvbnRhaW5lckNvbmZpZywgXG4gIExpc3RQYWdpbmF0aW9uQ29udGFpbmVyQ29tcG9uZW50LCBcbiAgTGlzdFNuYXBzaG90Q29udGFpbmVyQ29tcG9uZW50LFxuICBNb2RhbENvbnRhaW5lckNvbXBvbmVudCxcblxuICBUYWJDb250ZW50Q29tcG9uZW50LFxuICBUYWJHcm91cENvbXBvbmVudCxcbiAgVGFic0NoYW5nZWRFdmVudCxcblxuICBBdWRpdExpc3RDb21wb25lbnQsXG4gIEF1ZGl0RGV0YWlsQ29tcG9uZW50LFxuXG4gIEFwcHJvdmFsTGlzdENvbXBvbmVudCxcbiAgQXBwcm92YWxEZXRhaWxDb21wb25lbnRcbn0gZnJvbSAnLi9saWIvY29tcG9uZW50cyc7XG5cbmV4cG9ydCB7XG4gIEluZmluaXRlU2Nyb2xsRGlyZWN0aXZlLFxuICBJbmZpbml0ZVNjcm9sbENvbXBvbmVudFxufSBmcm9tICcuL2xpYi9jb21wb25lbnRzL2luZmluaXRlLXNjcm9sbCc7XG5cbmV4cG9ydCB7XG4gIEF1dGhHdWFyZFxufSBmcm9tICcuL2xpYi9ndWFyZHMnO1xuXG5leHBvcnQge1xuICBIZWFkZXJJbnRlcmNlcHRvcixcbiAgUmVmcmVzaFRva2VuSW50ZXJjZXB0b3Jcbn0gZnJvbSAnLi9saWIvaW50ZXJjZXB0b3JzJztcblxuZXhwb3J0IHtcbiAgVXNlclxufSBmcm9tICcuL2xpYi9pbnRlcmZhY2VzJztcblxuZXhwb3J0IHsgXG4gIGJvb3RzdHJhcCxcblxuICBMb2FkaW5nUGFnZSxcbiAgVW5hdXRob3JpemVkUGFnZSxcblxuICBQZXJtaXNzaW9uRGlyZWN0aXZlLFxuICBQZXJtaXNzaW9uR3VhcmQsXG4gIFBlcm1pc3Npb25TZXJ2aWNlLFxuICAvKipcbiAgICogQGRlcHJlY2F0ZWQgV2lsbCBiZSByZW1vdmVkIGF0IDE4LjcuMFxuICAgKi9cbiAgUGVybWlzc2lvbk1vZHVsZVxufSBmcm9tICcuL2xpYi9tb2R1bGVzJztcblxuZXhwb3J0IHtcbiAgQXV0aFJlc29sdmVyXG59IGZyb20gJy4vbGliL3Jlc29sdmVycyc7XG5cbmV4cG9ydCB7XG4gIEF1dGhTZXJ2aWNlLFxuICBDdXJyZW5jeVNlcnZpY2UsXG4gIENvdW50cnlTZXJ2aWNlLFxuICBQcm9maWxlU2VydmljZVxufSBmcm9tICcuL2xpYi9zZXJ2aWNlcyc7XG5cbmV4cG9ydCB7XG4gIGZvcm1hdENhcGl0YWxpemUsXG4gIGdlbmVyYXRlQ29udHJhc3RDb2xvcixcbiAgZ2V0Rm9ybUVycm9yTWVzc2FnZSxcbn0gZnJvbSAnLi9saWIvdXRpbHMnO1xuXG5leHBvcnQge1xuICBHcmlkQXBpLFxuICBHcmlkUmVhZHlFdmVudCxcbiAgSUNlbGxSZW5kZXJlclBhcmFtcyxcbiAgVmFsdWVGb3JtYXR0ZXJQYXJhbXMsXG4gIFNlbGVjdGlvbkNoYW5nZWRFdmVudFxufSBmcm9tICdAYWctZ3JpZC1jb21tdW5pdHkvY29yZSc7XG5cbmV4cG9ydCB7XG4gIElDZWxsUmVuZGVyZXJBbmd1bGFyQ29tcFxufSBmcm9tICdAYWctZ3JpZC1jb21tdW5pdHkvYW5ndWxhcic7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3VuaXBpbi1hbmd1bGFyL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBLE9BQU8sRUFFTCxvQkFBb0IsRUFDcEIsc0JBQXNCLEVBRXRCLGlCQUFpQixFQUNqQixrQkFBa0IsRUFDbEIsbUJBQW1CLEVBQ25CLHFCQUFxQixFQUNyQiw2QkFBNkIsRUFDN0IsbUJBQW1CLEVBQ25CLHFCQUFxQixFQUNyQix3QkFBd0IsRUFDeEIsMEJBQTBCLEVBQzFCLHlCQUF5QixFQUt6QixlQUFlLEVBR2YsV0FBVyxFQUNYLHVCQUF1QixFQUN2QixxQkFBcUIsRUFHckIsbUJBQW1CLEVBQ25CLHdCQUF3QixFQUV4Qix3QkFBd0IsRUFDeEIsOEJBQThCLEVBRTlCLGdDQUFnQyxFQUNoQyw4QkFBOEIsRUFDOUIsdUJBQXVCLEVBRXZCLG1CQUFtQixFQUNuQixpQkFBaUIsRUFHakIsa0JBQWtCLEVBQ2xCLG9CQUFvQixFQUVwQixpQkFBaUIsRUFDakIsdUJBQXVCLEVBQ3ZCLHFCQUFxQixFQUVyQix1QkFBdUIsRUFDeEIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLHVCQUF1QixFQUN4QixNQUFNLGtDQUFrQyxDQUFDO0FBRTFDLE9BQU8sRUFDTCxTQUFTLEVBQ1YsTUFBTSxjQUFjLENBQUM7QUFFdEIsT0FBTyxFQUNMLGlCQUFpQixFQUNqQix1QkFBdUIsRUFDeEIsTUFBTSxvQkFBb0IsQ0FBQztBQU01QixPQUFPLEVBQ0wsU0FBUyxFQUdULG9CQUFvQixFQUNwQixXQUFXLEVBRVgsZ0JBQWdCLEVBRWhCLG1CQUFtQixFQUNuQixlQUFlLEVBQ2YsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFDTCxZQUFZLEVBQ2IsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QixPQUFPLEVBQ0wsV0FBVyxFQUNYLGVBQWUsRUFDZixjQUFjLEVBQ2QsY0FBYyxFQUNmLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEIsT0FBTyxFQUNMLGdCQUFnQixFQUNoQixxQkFBcUIsRUFDckIsbUJBQW1CLEVBQ3BCLE1BQU0sYUFBYSxDQUFDO0FBRXJCLE9BQU8sRUFDTCxPQUFPLEVBS1IsTUFBTSx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgdW5pcGluLWFuZ3VsYXJcbiAqL1xuZXhwb3J0IHtcbiAgQnV0dG9uR3JvdXBDb25maWcsXG4gIEJ1dHRvbkdyb3VwQ29tcG9uZW50LFxuICBCdXR0b25Mb2FkaW5nQ29tcG9uZW50LFxuXG4gIEZvcm1EYXRlQ29tcG9uZW50LFxuICBGb3JtSW5wdXRDb21wb25lbnQsXG4gIEZvcm1OdW1iZXJDb21wb25lbnQsXG4gIEZvcm1QYXNzd29yZENvbXBvbmVudCxcbiAgRm9ybVNlYXJjaGFibGVTZWxlY3RDb21wb25lbnQsXG4gIEZvcm1TZWxlY3RDb21wb25lbnQsXG4gIEZvcm1UZXh0YXJlYUNvbXBvbmVudCxcbiAgRm9ybUltYWdlUGlja2VyQ29tcG9uZW50LFxuICBGb3JtQ3VycmVuY3lJbnB1dENvbXBvbmVudCxcbiAgRm9ybUNvdW50cnlJbnB1dENvbXBvbmVudCxcbiAgXG4gIEZpbHRlckNvbmZpZyxcbiAgRmlsdGVyRmllbGQsXG4gIEZpbHRlclNlYXJjaEV2ZW50LFxuICBGaWx0ZXJDb21wb25lbnQsXG5cbiAgR3JpZENvbmZpZyxcbiAgR3JpZFNlcnZpY2UsXG4gIEdyaWRQYWdpbmF0aW9uQ29tcG9uZW50LFxuICBHcmlkU25hcHNob3RDb21wb25lbnQsXG5cbiAgQXBwbGV0Q29uZmlnLFxuICBwcm92aWRlQXBwbGV0Q29uZmlnLFxuICBBcHBsZXRDb250YWluZXJDb21wb25lbnQsXG5cbiAgQ29sdW1uQ29udGFpbmVyQ29tcG9uZW50LFxuICBDb2x1bW5IZWFkZXJDb250YWluZXJDb21wb25lbnQsXG4gIExpc3RDb250YWluZXJDb25maWcsIFxuICBMaXN0UGFnaW5hdGlvbkNvbnRhaW5lckNvbXBvbmVudCwgXG4gIExpc3RTbmFwc2hvdENvbnRhaW5lckNvbXBvbmVudCxcbiAgTW9kYWxDb250YWluZXJDb21wb25lbnQsXG5cbiAgVGFiQ29udGVudENvbXBvbmVudCxcbiAgVGFiR3JvdXBDb21wb25lbnQsXG4gIFRhYnNDaGFuZ2VkRXZlbnQsXG5cbiAgQXVkaXRMaXN0Q29tcG9uZW50LFxuICBBdWRpdERldGFpbENvbXBvbmVudCxcblxuICBBUFBST1ZBTF9FTlRJVElFUyxcbiAgcHJvdmlkZUFwcHJvdmFsRW50aXRpZXMsXG4gIEFwcHJvdmFsTGlzdENvbXBvbmVudCxcbiAgXG4gIEFwcHJvdmFsRGV0YWlsQ29tcG9uZW50XG59IGZyb20gJy4vbGliL2NvbXBvbmVudHMnO1xuXG5leHBvcnQge1xuICBJbmZpbml0ZVNjcm9sbERpcmVjdGl2ZSxcbiAgSW5maW5pdGVTY3JvbGxDb21wb25lbnRcbn0gZnJvbSAnLi9saWIvY29tcG9uZW50cy9pbmZpbml0ZS1zY3JvbGwnO1xuXG5leHBvcnQge1xuICBBdXRoR3VhcmRcbn0gZnJvbSAnLi9saWIvZ3VhcmRzJztcblxuZXhwb3J0IHtcbiAgaGVhZGVySW50ZXJjZXB0b3IsXG4gIHJlZnJlc2hUb2tlbkludGVyY2VwdG9yXG59IGZyb20gJy4vbGliL2ludGVyY2VwdG9ycyc7XG5cbmV4cG9ydCB7XG4gIFVzZXJcbn0gZnJvbSAnLi9saWIvaW50ZXJmYWNlcyc7XG5cbmV4cG9ydCB7IFxuICBib290c3RyYXAsXG5cbiAgTG9hZGluZ0NvbmZpZyxcbiAgcHJvdmlkZUxvYWRpbmdDb25maWcsXG4gIExvYWRpbmdQYWdlLFxuXG4gIFVuYXV0aG9yaXplZFBhZ2UsXG5cbiAgUGVybWlzc2lvbkRpcmVjdGl2ZSxcbiAgUGVybWlzc2lvbkd1YXJkLFxuICBQZXJtaXNzaW9uU2VydmljZSwgIFxufSBmcm9tICcuL2xpYi9tb2R1bGVzJztcblxuZXhwb3J0IHtcbiAgQXV0aFJlc29sdmVyXG59IGZyb20gJy4vbGliL3Jlc29sdmVycyc7XG5cbmV4cG9ydCB7XG4gIEF1dGhTZXJ2aWNlLFxuICBDdXJyZW5jeVNlcnZpY2UsXG4gIENvdW50cnlTZXJ2aWNlLFxuICBQcm9maWxlU2VydmljZVxufSBmcm9tICcuL2xpYi9zZXJ2aWNlcyc7XG5cbmV4cG9ydCB7XG4gIGZvcm1hdENhcGl0YWxpemUsXG4gIGdlbmVyYXRlQ29udHJhc3RDb2xvcixcbiAgZ2V0Rm9ybUVycm9yTWVzc2FnZVxufSBmcm9tICcuL2xpYi91dGlscyc7XG5cbmV4cG9ydCB7XG4gIEdyaWRBcGksXG4gIEdyaWRSZWFkeUV2ZW50LFxuICBJQ2VsbFJlbmRlcmVyUGFyYW1zLFxuICBWYWx1ZUZvcm1hdHRlclBhcmFtcyxcbiAgU2VsZWN0aW9uQ2hhbmdlZEV2ZW50XG59IGZyb20gJ0BhZy1ncmlkLWNvbW11bml0eS9jb3JlJztcblxuZXhwb3J0IHtcbiAgSUNlbGxSZW5kZXJlckFuZ3VsYXJDb21wXG59IGZyb20gJ0BhZy1ncmlkLWNvbW11bml0eS9hbmd1bGFyJztcbiJdfQ==

package/fesm2022/unipin-angular-applet.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, ViewChild, input, Attribute, HostBinding, enableProdMode, NgZone, Injectable, Inject, Directive, inject, NgModule, HostListener, Pipe, ContentChild, output, contentChildren } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, ViewChild, input, Attribute, HostBinding, InjectionToken, enableProdMode, NgZone, Injectable, Inject, Directive, inject, HostListener, Pipe, ContentChild, output, contentChildren } from '@angular/core';
 import * as i1 from '@ionic/angular';
 import { IonButton, IonicModule } from '@ionic/angular';
 import * as i1$2 from '@angular/router';
@@ -105,6 +105,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['class.d-none']
             }] } });
 
+const APPLET_CONFIG = new InjectionToken('APPLET_CONFIG');
+function provideAppletConfig(config) {
+    return {
+        provide: APPLET_CONFIG,
+        useValue: config
+    };
+}
+
 const packageNamespace = '@angular-architects/module-federation-tools';
 function getGlobalState() {
     const globalState = window;
@@ -168,6 +176,14 @@ function isLocalhost() {
     return hostname === 'localhost' || hostname === '127.0.0.1';
 }
 
+const LOADING_CONFIG = new InjectionToken('LOADING_CONFIG');
+function provideLoadingConfig(config) {
+    return {
+        provide: LOADING_CONFIG,
+        useValue: config
+    };
+}
+
 class PermissionService {
     constructor(apollo) {
         this.apollo = apollo;
@@ -224,7 +240,15 @@ class LoadingPage {
             return;
         }
         const permCodeList = [];
-        this.sub = this.permissionService.getPermissions({ pageSize: 1000, subjectGuid, permModule: this.config.permModule, permType: this.config.permType }, this.config.fetchPolicy).subscribe({
+        this.sub = this.permissionService.getPermissions({
+            subjectGuid,
+            pageSize: 1000,
+            permModule: this.config.permModules,
+            permType: this.config.permTypes
+        }, this.config.fetchPolicy).subscribe({
+            error: () => {
+                this.router.navigate(['401']);
+            },
             next: ({ data: { authMsPermission: { data } } }) => {
                 data.forEach(({ permCode }) => {
                     if (!permCode)
@@ -232,28 +256,27 @@ class LoadingPage {
                     permCodeList.push(permCode);
                 });
                 this.permissionService.isInitiated = true;
-                this.permissionService.setPermission(permCodeList, this.config.permModule);
+                this.permissionService.setPermission(permCodeList, this.config.permModules);
                 this.router.navigateByUrl(this.route.snapshot.queryParamMap.get('url') ?? '');
-            },
-            error: () => this.router.navigate(['401'])
+            }
         });
     }
     ngOnDestroy() {
         this.sub?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingPage, deps: [{ token: 'LOADING_CONFIG' }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: PermissionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LoadingPage, isStandalone: true, selector: "up-loading", host: { classAttribute: "d-flex flex-column align-items-center justify-content-center h-100 w-75 mx-auto" }, ngImport: i0, template: "<ion-spinner class=\"mb-4\" />\n<h3 class=\"text-center\">Please wait, we're preparing the applet. Drink water or coffee while waiting.</h3>\n", styles: ["ion-spinner{height:50px;width:50px}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingPage, deps: [{ token: LOADING_CONFIG }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: PermissionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LoadingPage, isStandalone: true, selector: "up-loading", host: { classAttribute: "d-flex flex-column align-items-center justify-content-center h-100 w-75 mx-auto" }, ngImport: i0, template: "<ion-spinner class=\"mb-4\" />\n<h3 class=\"text-center\">Please wait, we're preparing the applet. Drink water or coffee while waiting.</h3>\n", styles: ["ion-spinner{height:50px;width:50px}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingPage, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'up-loading', host: {
+            args: [{ standalone: true, selector: 'up-loading', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'd-flex flex-column align-items-center justify-content-center h-100 w-75 mx-auto'
                     }, imports: [
                         IonicModule
                     ], template: "<ion-spinner class=\"mb-4\" />\n<h3 class=\"text-center\">Please wait, we're preparing the applet. Drink water or coffee while waiting.</h3>\n", styles: ["ion-spinner{height:50px;width:50px}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
-                    args: ['LOADING_CONFIG']
+                    args: [LOADING_CONFIG]
                 }] }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: PermissionService }] });
 
 class PermissionDirective {
@@ -316,23 +339,6 @@ const PermissionGuard = (route) => {
     return false;
 };
 
-class PermissionModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PermissionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: PermissionModule, imports: [PermissionDirective], exports: [PermissionDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PermissionModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PermissionModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        PermissionDirective
-                    ],
-                    exports: [
-                        PermissionDirective
-                    ]
-                }]
-        }] });
-
 class UnauthorizedPage {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UnauthorizedPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UnauthorizedPage, isStandalone: true, selector: "up-unauthorized", host: { classAttribute: "d-flex flex-column align-items-center justify-content-center h-100 w-75 mx-auto" }, ngImport: i0, template: "<ion-icon name=\"lock-closed\" class=\"mb-4\" />\n<h3 class=\"text-center\">Oops! You're not authorized to access this page.</h3>\n<p class=\"text-center\">Please log in or re-check your permissions.</p>\n", styles: ["ion-icon{font-size:5rem}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
@@ -374,7 +380,7 @@ class AppletContainerComponent {
     selectMenu() {
         dispatchEvent(new CustomEvent('menuEvent', { detail: { isActive: false } }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppletContainerComponent, deps: [{ token: 'APPLET_CONFIG' }, { token: i0.ChangeDetectorRef }, { token: PermissionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppletContainerComponent, deps: [{ token: APPLET_CONFIG }, { token: i0.ChangeDetectorRef }, { token: PermissionService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AppletContainerComponent, isStandalone: true, selector: "up-applet-container", host: { classAttribute: "d-flex h-100 w-100" }, ngImport: i0, template: "<div class=\"sidenav flex-shrink-0 h-100 py-4 d-flex flex-column\" [class.collapsed]=\"isCollapsed\" [class.show]=\"isMenuActive\">\n    <div class=\"logo-container px-3 pb-3 border-bottom flex-shrink-0 position-relative d-flex align-items-center gap-3 d-none d-md-flex\">\n        <img alt=\"Applet Icon\" width=\"44px\" height=\"44px\" class=\"rounded\" [src]=\"config.icon\" />\n\n        <div class=\"info w-75 pe-2\">\n            <div class=\"name fw-medium text-truncate\">{{ config.name }}</div>\n            \n            <div class=\"tenant pt-1 fw-medium\">\n                v{{ config.version }}\n            </div>\n        </div>\n\n        <button class=\"btn-close cursor-pointer position-absolute border-0 rounded-circle d-none d-md-block\" (click)=\"toggleSidenav()\">\n            <ion-icon name=\"chevron-forward\" class=\"mt-1\" />\n        </button>\n    </div>\n\n    <div class=\"flex-grow-1 px-3 pt-3 overflow-y-auto d-none d-md-block\" (click)=\"selectMenu()\">\n        @for (c of config.containers; track $index) {\n            <a class=\"nav align-items-center text-decoration-none gap-2 rounded mb-1 {{ isHidden[$index]? 'd-none' : 'd-flex' }}\" routerLinkActive=\"fw-medium\" title=\"{{ c.label }}\" [routerLink]=\"c.path\">\n                <ion-icon name=\"{{ c.icon }}\" />\n                <div class=\"text-truncate\">{{ c.label }}</div>\n            </a>\n        }\n    </div>\n\n    @if (config.enabledSetting) {\n        <div class=\"flex-shrink-0 px-3 pt-3 border-top d-none d-md-block\" (click)=\"selectMenu()\">\n            <a class=\"nav d-flex align-items-center text-decoration-none gap-2 rounded\" title=\"Setting\" routerLink=\"setting\" routerLinkActive=\"fw-medium\">\n                <ion-icon name=\"settings\" />\n                <div class=\"text-truncate\">Setting</div>\n            </a>\n        </div>\n    }\n</div>\n\n<div class=\"flex-grow-1 w-100 overflow-y-auto\">\n    <ng-content />\n</div>\n", styles: [".info{display:none}.name{font-size:16px}.tenant{color:#757575}.overflow-y-auto{overflow-y:auto;overflow-x:hidden}.sidenav{width:73px;background:#f8f9fb;transition:all .2s ease;border-right:1px solid #D1D1D1}.sidenav.collapsed{width:250px}.sidenav.collapsed .btn-close{transform:rotate(180deg)}.sidenav.collapsed .nav div,.sidenav.collapsed .info{display:block}.sidenav.show{width:250px}.sidenav.show .logo-container{display:flex!important}.sidenav.show div:not(.logo-container),.sidenav.show img,.sidenav.show .info{display:block!important}.btn-close{width:35px;height:35px;bottom:23px;right:-17px;z-index:999;transition:all .3s ease;background-color:#f8f9fb;box-shadow:0 0 .15rem #616161}.btn-close ion-icon{color:#616161;font-size:16px}@media (max-width: 768px){.btn-close{right:-18px}.btn-close ion-icon{position:absolute;right:9px;bottom:10px}}.nav{padding:12px;color:#616161;transition:all .3s ease}.nav.fw-medium,.nav:hover{background-color:#fef3ee;color:#ed6b26!important}.nav ion-icon{font-size:20px}.nav div{display:none;font-size:16px}@media (max-width: 767px){.sidenav{width:0;z-index:2;position:absolute!important}}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "directive", type: i1.RouterLinkWithHrefDelegate, selector: "a[routerLink],area[routerLink]" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppletContainerComponent, decorators: [{
@@ -388,7 +394,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     ], template: "<div class=\"sidenav flex-shrink-0 h-100 py-4 d-flex flex-column\" [class.collapsed]=\"isCollapsed\" [class.show]=\"isMenuActive\">\n    <div class=\"logo-container px-3 pb-3 border-bottom flex-shrink-0 position-relative d-flex align-items-center gap-3 d-none d-md-flex\">\n        <img alt=\"Applet Icon\" width=\"44px\" height=\"44px\" class=\"rounded\" [src]=\"config.icon\" />\n\n        <div class=\"info w-75 pe-2\">\n            <div class=\"name fw-medium text-truncate\">{{ config.name }}</div>\n            \n            <div class=\"tenant pt-1 fw-medium\">\n                v{{ config.version }}\n            </div>\n        </div>\n\n        <button class=\"btn-close cursor-pointer position-absolute border-0 rounded-circle d-none d-md-block\" (click)=\"toggleSidenav()\">\n            <ion-icon name=\"chevron-forward\" class=\"mt-1\" />\n        </button>\n    </div>\n\n    <div class=\"flex-grow-1 px-3 pt-3 overflow-y-auto d-none d-md-block\" (click)=\"selectMenu()\">\n        @for (c of config.containers; track $index) {\n            <a class=\"nav align-items-center text-decoration-none gap-2 rounded mb-1 {{ isHidden[$index]? 'd-none' : 'd-flex' }}\" routerLinkActive=\"fw-medium\" title=\"{{ c.label }}\" [routerLink]=\"c.path\">\n                <ion-icon name=\"{{ c.icon }}\" />\n                <div class=\"text-truncate\">{{ c.label }}</div>\n            </a>\n        }\n    </div>\n\n    @if (config.enabledSetting) {\n        <div class=\"flex-shrink-0 px-3 pt-3 border-top d-none d-md-block\" (click)=\"selectMenu()\">\n            <a class=\"nav d-flex align-items-center text-decoration-none gap-2 rounded\" title=\"Setting\" routerLink=\"setting\" routerLinkActive=\"fw-medium\">\n                <ion-icon name=\"settings\" />\n                <div class=\"text-truncate\">Setting</div>\n            </a>\n        </div>\n    }\n</div>\n\n<div class=\"flex-grow-1 w-100 overflow-y-auto\">\n    <ng-content />\n</div>\n", styles: [".info{display:none}.name{font-size:16px}.tenant{color:#757575}.overflow-y-auto{overflow-y:auto;overflow-x:hidden}.sidenav{width:73px;background:#f8f9fb;transition:all .2s ease;border-right:1px solid #D1D1D1}.sidenav.collapsed{width:250px}.sidenav.collapsed .btn-close{transform:rotate(180deg)}.sidenav.collapsed .nav div,.sidenav.collapsed .info{display:block}.sidenav.show{width:250px}.sidenav.show .logo-container{display:flex!important}.sidenav.show div:not(.logo-container),.sidenav.show img,.sidenav.show .info{display:block!important}.btn-close{width:35px;height:35px;bottom:23px;right:-17px;z-index:999;transition:all .3s ease;background-color:#f8f9fb;box-shadow:0 0 .15rem #616161}.btn-close ion-icon{color:#616161;font-size:16px}@media (max-width: 768px){.btn-close{right:-18px}.btn-close ion-icon{position:absolute;right:9px;bottom:10px}}.nav{padding:12px;color:#616161;transition:all .3s ease}.nav.fw-medium,.nav:hover{background-color:#fef3ee;color:#ed6b26!important}.nav ion-icon{font-size:20px}.nav div{display:none;font-size:16px}@media (max-width: 767px){.sidenav{width:0;z-index:2;position:absolute!important}}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
-                    args: ['APPLET_CONFIG']
+                    args: [APPLET_CONFIG]
                 }] }, { type: i0.ChangeDetectorRef }, { type: PermissionService }] });
 
 class LazyRouteDirective {
@@ -2563,11 +2569,21 @@ class FilterComponent {
                 key.forEach((k, i) => this.createFormControl(k, initialValue?.at(i)));
             }
         });
+        const savedState = localStorage.getItem(`${this.id}`);
+        if (savedState) {
+            const state = JSON.parse(savedState);
+            this.activeFilter = state.activeFilter;
+            this.form.patchValue(state.formValues);
+            this.emitValue();
+        }
+    }
+    close() {
+        this.popoverCtrl.dismiss();
     }
-    close() { this.popoverCtrl.dismiss(); }
     clear() {
         this.resetValue();
         this.form.reset();
+        localStorage.removeItem(`${this.id}`);
         this.onSearch.emit({ mode: this.config.mode, data: null });
     }
     removeFilter(i) {
@@ -2578,6 +2594,9 @@ class FilterComponent {
     search() {
         this.resetValue();
         this.emitValue((k, v) => this.activeFilter.push({ key: k, value: v, label: `${k}:${k.includes('date') ? formatDate(v, 'dd MMM yyyy', 'en-US') : v}` }));
+        if (this.activeFilter.length === 0) {
+            localStorage.removeItem(`${this.id}`);
+        }
         this.close();
     }
     add() {
@@ -2620,6 +2639,10 @@ class FilterComponent {
             extraAction?.(k, f[k]);
         });
         this.onSearch.emit({ mode: this.config.mode, data: flag ? data : null });
+        localStorage.setItem(`${this.id}`, JSON.stringify({
+            activeFilter: this.activeFilter,
+            formValues: this.form.getRawValue()
+        }));
     }
     createFormControl(key, val) {
         this.form.addControl(key, new FormControl(''));
@@ -2629,7 +2652,7 @@ class FilterComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FilterComponent, deps: [{ token: 'placeholder', attribute: true }, { token: i0.ChangeDetectorRef }, { token: i1.PopoverController }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FilterComponent, isStandalone: true, selector: "up-filter", inputs: { id: "id", config: "config" }, outputs: { onSearch: "onSearch" }, host: { classAttribute: "d-block position-relative" }, viewQueries: [{ propertyName: "searchBox", first: true, predicate: ["searchBox"], descendants: true }], ngImport: i0, template: "<ion-icon name=\"search\" class=\"fs-4 position-absolute\" />\n\n<div class=\"d-flex align-items-center form-control ps-5 py-0 pe-0 gap-3\">\n    @if (activeFilter.length > 0) {\n        <div class=\"d-flex flex-grow-1 flex-shrink-0 tag-container gap-2 text-nowrap overflow-auto\">\n            @for (item of activeFilter; track item.key; let i = $index) {\n                <div class=\"tag-item p-1 rounded d-flex align-items-center user-select-none\">\n                    <ion-icon name=\"close\" class=\"pe-1 me-1 cursor-pointer text-primary\" (click)=\"removeFilter(i);\" />\n                    {{ item.label }}\n                </div>\n            }\n        </div>\n    }\n\n    <input #searchBox type=\"search\" placeholder=\"{{ placeholder }}\" class=\"flex-shrink-1 border-0 form-control ps-0 py-2\" [class.adv]=\"config.mode === 'advanced'\" (keyup.enter)=\"add();\" />\n</div>\n\n@if (config.mode === 'advanced') {\n    <ion-icon name=\"filter\" class=\"position-absolute fs-4 cursor-pointer\" id=\"filter-{{ id }}\" />\n    <ion-icon name=\"close\" class=\"position-absolute fs-4 cursor-pointer\" (click)=\"clear();\" />\n    \n    <ion-popover trigger=\"filter-{{ id }}\" triggerAction=\"click\">\n        <ng-template>\n            <div class=\"d-flex flex-column filter\">\n                <div class=\"flex-shrink-0 border-bottom p-1 pe-4 d-flex align-items-center\">\n                    <ion-buttons>\n                        <ion-button size=\"small\" (click)=\"close()\">\n                            <ion-icon slot=\"icon-only\" name=\"close\" />\n                        </ion-button>\n                    </ion-buttons>\n        \n                    <div class=\"fs-5 fw-medium\">Advanced Filter</div>\n                </div>\n        \n                <form class=\"flex-grow-1 overflow-auto px-4\" [formGroup]=\"form\">\n                    @for (c of config.fields; track c.key) {\n                        @switch (c.type) {\n                            @case ('number') {\n                                <up-input type=\"number\" autocomplete=\"off\" class=\"my-4\" label=\"{{ c.label }}\" formControlName=\"{{ c.key }}\" /> \n                            }\n\n                            @case ('checkbox') {\n                                <div class=\"my-4\">\n                                    <ion-checkbox labelPlacement=\"end\" formControlName=\"{{ c.key }}\">{{ c.label }}</ion-checkbox>\n                                </div>\n                            }\n\n                            @case ('date-range') {\n                                <div class=\"d-flex gap-3 my-4\">\n                                    <up-date class=\"flex-grow-1\" name=\"filter-from\" label=\"{{ c.label[0] }}\" formControlName=\"{{ c.key[0] }}\" />\n                                    <up-date class=\"flex-grow-1\" name=\"filter-to\" label=\"{{ c.label[1] }}\" formControlName=\"{{ c.key[1] }}\" />\n                                </div>\n                            }\n\n                            @case ('select') { \n                                <up-select \n                                    class=\"my-4\"\n                                    appendTo=\"body\" \n                                    label=\"{{ c.label }}\" \n                                    formControlName=\"{{ c.key }}\" \n                                    [items]=\"c.options!\" \n                                    [multiple]=\"c.multiple || false\"\n                                /> \n                            }\n\n                            @case ('searchable-select') { \n                                <up-searchable-select \n                                    class=\"my-4\" \n                                    appendTo=\"body\" \n                                    label=\"{{ c.label }}\" \n                                    formControlName=\"{{ c.key }}\" \n                                    [queryFunc]=\"c.getOptions!\" \n                                    [initialItems]=\"c.options!\" \n                                    [multiple]=\"c.multiple || false\"\n                                /> \n                            }\n                            \n                            @default { \n                                <up-input type=\"text\" autocomplete=\"off\" class=\"my-4\" label=\"{{ c.label }}\" formControlName=\"{{ c.key }}\" /> \n                            }\n                        }\n                    }\n                </form>\n        \n                <div class=\"flex-shrink-0 py-3 px-4 border-top d-flex gap-3\">\n                    <ion-button class=\"flex-grow-1\" color=\"secondary\" (click)=\"form.reset();\">Reset</ion-button>\n                    <ion-button class=\"flex-grow-1\" color=\"primary\" (click)=\"search();\">Search</ion-button>\n                </div>\n            </div>\n        </ng-template>\n     </ion-popover>    \n}\n", styles: ["ion-icon{top:7px}ion-icon[name=close]{right:16px}ion-icon[name=search]{left:14px}ion-icon[name=filter]{right:48px}ion-popover{--width: 80%;--max-width: 450px}.adv{padding-right:60px}.fs-5,ion-icon{color:#616161}.tag-container{max-width:45%}@media (max-width: 576px){.tag-container{max-width:35%}}.tag-container::-webkit-scrollbar{height:0px}.tag-item{color:#ed6b26;background-color:#fef3ee}.tag-item ion-icon{border-right:1px solid #fbd1be}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{-webkit-appearance:none}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonCheckbox, selector: "ion-checkbox", inputs: ["alignment", "checked", "color", "disabled", "indeterminate", "justify", "labelPlacement", "legacy", "mode", "name", "value"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonPopover, selector: "ion-popover" }, { kind: "directive", type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { kind: "component", type: FormDateComponent, selector: "up-date", inputs: ["label", "required", "disabled", "presentation", "minDate", "maxDate"] }, { kind: "component", type: FormInputComponent, selector: "up-input", inputs: ["label", "value", "required", "disabled"], outputs: ["onInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormSelectComponent, selector: "up-select", inputs: ["items", "clearable", "label", "multiple", "required", "addTag", "disabled", "searchable", "bindLabel", "bindValue", "appendTo"] }, { kind: "component", type: FormSearchableSelectComponent, selector: "up-searchable-select", inputs: ["queryFunc", "clearable", "label", "initialItems", "required", "addTag", "disabled", "multiple", "bindLabel", "bindValue", "appendTo"], outputs: ["onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FilterComponent, isStandalone: true, selector: "up-filter", inputs: { id: "id", config: "config" }, outputs: { onSearch: "onSearch" }, host: { classAttribute: "d-block position-relative" }, viewQueries: [{ propertyName: "searchBox", first: true, predicate: ["searchBox"], descendants: true }], ngImport: i0, template: "<ion-icon name=\"search\" class=\"fs-4 position-absolute\" />\n\n<div class=\"d-flex align-items-center form-control ps-5 py-0 pe-0 gap-3\">\n    @if (activeFilter.length > 0) {\n        <div class=\"d-flex flex-grow-1 flex-shrink-0 tag-container gap-2 text-nowrap overflow-auto\">\n            @for (item of activeFilter; track item.key; let i = $index) {\n                <div class=\"tag-item p-1 rounded d-flex align-items-center user-select-none\">\n                    <ion-icon name=\"close\" class=\"pe-1 me-1 cursor-pointer text-primary\" (click)=\"removeFilter(i);\" />\n                    {{ item.label }}\n                </div>\n            }\n        </div>\n    }\n\n    <input #searchBox type=\"search\" placeholder=\"{{ placeholder }}\" class=\"flex-shrink-1 border-0 form-control ps-0 py-2\" [class.adv]=\"config.mode === 'advanced'\" (keyup.enter)=\"add();\" />\n</div>\n\n@if (config.mode === 'advanced') {\n    <ion-icon name=\"filter\" class=\"position-absolute fs-4 cursor-pointer\" id=\"filter-{{ id }}\" />\n    <ion-icon name=\"close\" class=\"position-absolute fs-4 cursor-pointer\" (click)=\"clear();\" />\n    \n    <ion-popover trigger=\"filter-{{ id }}\" triggerAction=\"click\">\n        <ng-template>\n            <div class=\"d-flex flex-column filter overflow-auto\">\n                <div class=\"flex-shrink-0 border-bottom p-1 pe-4 d-flex align-items-center\">\n                    <ion-buttons>\n                        <ion-button size=\"small\" (click)=\"close()\">\n                            <ion-icon slot=\"icon-only\" name=\"close\" />\n                        </ion-button>\n                    </ion-buttons>\n        \n                    <div class=\"fs-5 fw-medium\">Advanced Filter</div>\n                </div>\n        \n                <form class=\"flex-grow-1 overflow-auto px-4\" [formGroup]=\"form\">\n                    @for (c of config.fields; track c.key) {\n                        @switch (c.type) {\n                            @case ('number') {\n                                <up-input type=\"number\" autocomplete=\"off\" class=\"my-4\" label=\"{{ c.label }}\" formControlName=\"{{ c.key }}\" /> \n                            }\n\n                            @case ('checkbox') {\n                                <div class=\"my-4\">\n                                    <ion-checkbox labelPlacement=\"end\" formControlName=\"{{ c.key }}\">{{ c.label }}</ion-checkbox>\n                                </div>\n                            }\n\n                            @case ('date-range') {\n                                <div class=\"d-flex gap-3 my-4\">\n                                    <up-date class=\"flex-grow-1\" name=\"filter-from\" label=\"{{ c.label[0] }}\" formControlName=\"{{ c.key[0] }}\" />\n                                    <up-date class=\"flex-grow-1\" name=\"filter-to\" label=\"{{ c.label[1] }}\" formControlName=\"{{ c.key[1] }}\" />\n                                </div>\n                            }\n\n                            @case ('select') { \n                                <up-select \n                                    class=\"my-4\"\n                                    appendTo=\"body\" \n                                    label=\"{{ c.label }}\" \n                                    formControlName=\"{{ c.key }}\" \n                                    [items]=\"c.options!\" \n                                    [multiple]=\"c.multiple || false\"\n                                /> \n                            }\n\n                            @case ('searchable-select') { \n                                <up-searchable-select \n                                    class=\"my-4\" \n                                    appendTo=\"body\" \n                                    label=\"{{ c.label }}\" \n                                    formControlName=\"{{ c.key }}\" \n                                    [queryFunc]=\"c.getOptions!\" \n                                    [initialItems]=\"c.options!\" \n                                    [multiple]=\"c.multiple || false\"\n                                /> \n                            }\n                            \n                            @default { \n                                <up-input type=\"text\" autocomplete=\"off\" class=\"my-4\" label=\"{{ c.label }}\" formControlName=\"{{ c.key }}\" /> \n                            }\n                        }\n                    }\n                </form>\n        \n                <div class=\"flex-shrink-0 py-3 px-4 border-top d-flex gap-3\">\n                    <ion-button class=\"flex-grow-1\" color=\"secondary\" (click)=\"form.reset();\">Reset</ion-button>\n                    <ion-button class=\"flex-grow-1\" color=\"primary\" (click)=\"search();\">Search</ion-button>\n                </div>\n            </div>\n        </ng-template>\n     </ion-popover>    \n}\n", styles: ["ion-icon{top:7px}ion-icon[name=close]{right:16px}ion-icon[name=search]{left:14px}ion-icon[name=filter]{right:48px}ion-popover{--width: 80%;--max-width: 450px}.adv{padding-right:60px}.fs-5,ion-icon{color:#616161}.tag-container{max-width:45%}@media (max-width: 576px){.tag-container{max-width:35%}}.tag-container::-webkit-scrollbar{height:0px}.tag-item{color:#ed6b26;background-color:#fef3ee}.tag-item ion-icon{border-right:1px solid #fbd1be}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{-webkit-appearance:none}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonCheckbox, selector: "ion-checkbox", inputs: ["alignment", "checked", "color", "disabled", "indeterminate", "justify", "labelPlacement", "legacy", "mode", "name", "value"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonPopover, selector: "ion-popover" }, { kind: "directive", type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { kind: "component", type: FormDateComponent, selector: "up-date", inputs: ["label", "required", "disabled", "presentation", "minDate", "maxDate"] }, { kind: "component", type: FormInputComponent, selector: "up-input", inputs: ["label", "value", "required", "disabled"], outputs: ["onInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormSelectComponent, selector: "up-select", inputs: ["items", "clearable", "label", "multiple", "required", "addTag", "disabled", "searchable", "bindLabel", "bindValue", "appendTo"] }, { kind: "component", type: FormSearchableSelectComponent, selector: "up-searchable-select", inputs: ["queryFunc", "clearable", "label", "initialItems", "required", "addTag", "disabled", "multiple", "bindLabel", "bindValue", "appendTo"], outputs: ["onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FilterComponent, decorators: [{
             type: Component,
@@ -2642,7 +2665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ReactiveFormsModule,
                         FormSelectComponent,
                         FormSearchableSelectComponent
-                    ], template: "<ion-icon name=\"search\" class=\"fs-4 position-absolute\" />\n\n<div class=\"d-flex align-items-center form-control ps-5 py-0 pe-0 gap-3\">\n    @if (activeFilter.length > 0) {\n        <div class=\"d-flex flex-grow-1 flex-shrink-0 tag-container gap-2 text-nowrap overflow-auto\">\n            @for (item of activeFilter; track item.key; let i = $index) {\n                <div class=\"tag-item p-1 rounded d-flex align-items-center user-select-none\">\n                    <ion-icon name=\"close\" class=\"pe-1 me-1 cursor-pointer text-primary\" (click)=\"removeFilter(i);\" />\n                    {{ item.label }}\n                </div>\n            }\n        </div>\n    }\n\n    <input #searchBox type=\"search\" placeholder=\"{{ placeholder }}\" class=\"flex-shrink-1 border-0 form-control ps-0 py-2\" [class.adv]=\"config.mode === 'advanced'\" (keyup.enter)=\"add();\" />\n</div>\n\n@if (config.mode === 'advanced') {\n    <ion-icon name=\"filter\" class=\"position-absolute fs-4 cursor-pointer\" id=\"filter-{{ id }}\" />\n    <ion-icon name=\"close\" class=\"position-absolute fs-4 cursor-pointer\" (click)=\"clear();\" />\n    \n    <ion-popover trigger=\"filter-{{ id }}\" triggerAction=\"click\">\n        <ng-template>\n            <div class=\"d-flex flex-column filter\">\n                <div class=\"flex-shrink-0 border-bottom p-1 pe-4 d-flex align-items-center\">\n                    <ion-buttons>\n                        <ion-button size=\"small\" (click)=\"close()\">\n                            <ion-icon slot=\"icon-only\" name=\"close\" />\n                        </ion-button>\n                    </ion-buttons>\n        \n                    <div class=\"fs-5 fw-medium\">Advanced Filter</div>\n                </div>\n        \n                <form class=\"flex-grow-1 overflow-auto px-4\" [formGroup]=\"form\">\n                    @for (c of config.fields; track c.key) {\n                        @switch (c.type) {\n                            @case ('number') {\n                                <up-input type=\"number\" autocomplete=\"off\" class=\"my-4\" label=\"{{ c.label }}\" formControlName=\"{{ c.key }}\" /> \n                            }\n\n                            @case ('checkbox') {\n                                <div class=\"my-4\">\n                                    <ion-checkbox labelPlacement=\"end\" formControlName=\"{{ c.key }}\">{{ c.label }}</ion-checkbox>\n                                </div>\n                            }\n\n                            @case ('date-range') {\n                                <div class=\"d-flex gap-3 my-4\">\n                                    <up-date class=\"flex-grow-1\" name=\"filter-from\" label=\"{{ c.label[0] }}\" formControlName=\"{{ c.key[0] }}\" />\n                                    <up-date class=\"flex-grow-1\" name=\"filter-to\" label=\"{{ c.label[1] }}\" formControlName=\"{{ c.key[1] }}\" />\n                                </div>\n                            }\n\n                            @case ('select') { \n                                <up-select \n                                    class=\"my-4\"\n                                    appendTo=\"body\" \n                                    label=\"{{ c.label }}\" \n                                    formControlName=\"{{ c.key }}\" \n                                    [items]=\"c.options!\" \n                                    [multiple]=\"c.multiple || false\"\n                                /> \n                            }\n\n                            @case ('searchable-select') { \n                                <up-searchable-select \n                                    class=\"my-4\" \n                                    appendTo=\"body\" \n                                    label=\"{{ c.label }}\" \n                                    formControlName=\"{{ c.key }}\" \n                                    [queryFunc]=\"c.getOptions!\" \n                                    [initialItems]=\"c.options!\" \n                                    [multiple]=\"c.multiple || false\"\n                                /> \n                            }\n                            \n                            @default { \n                                <up-input type=\"text\" autocomplete=\"off\" class=\"my-4\" label=\"{{ c.label }}\" formControlName=\"{{ c.key }}\" /> \n                            }\n                        }\n                    }\n                </form>\n        \n                <div class=\"flex-shrink-0 py-3 px-4 border-top d-flex gap-3\">\n                    <ion-button class=\"flex-grow-1\" color=\"secondary\" (click)=\"form.reset();\">Reset</ion-button>\n                    <ion-button class=\"flex-grow-1\" color=\"primary\" (click)=\"search();\">Search</ion-button>\n                </div>\n            </div>\n        </ng-template>\n     </ion-popover>    \n}\n", styles: ["ion-icon{top:7px}ion-icon[name=close]{right:16px}ion-icon[name=search]{left:14px}ion-icon[name=filter]{right:48px}ion-popover{--width: 80%;--max-width: 450px}.adv{padding-right:60px}.fs-5,ion-icon{color:#616161}.tag-container{max-width:45%}@media (max-width: 576px){.tag-container{max-width:35%}}.tag-container::-webkit-scrollbar{height:0px}.tag-item{color:#ed6b26;background-color:#fef3ee}.tag-item ion-icon{border-right:1px solid #fbd1be}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{-webkit-appearance:none}\n"] }]
+                    ], template: "<ion-icon name=\"search\" class=\"fs-4 position-absolute\" />\n\n<div class=\"d-flex align-items-center form-control ps-5 py-0 pe-0 gap-3\">\n    @if (activeFilter.length > 0) {\n        <div class=\"d-flex flex-grow-1 flex-shrink-0 tag-container gap-2 text-nowrap overflow-auto\">\n            @for (item of activeFilter; track item.key; let i = $index) {\n                <div class=\"tag-item p-1 rounded d-flex align-items-center user-select-none\">\n                    <ion-icon name=\"close\" class=\"pe-1 me-1 cursor-pointer text-primary\" (click)=\"removeFilter(i);\" />\n                    {{ item.label }}\n                </div>\n            }\n        </div>\n    }\n\n    <input #searchBox type=\"search\" placeholder=\"{{ placeholder }}\" class=\"flex-shrink-1 border-0 form-control ps-0 py-2\" [class.adv]=\"config.mode === 'advanced'\" (keyup.enter)=\"add();\" />\n</div>\n\n@if (config.mode === 'advanced') {\n    <ion-icon name=\"filter\" class=\"position-absolute fs-4 cursor-pointer\" id=\"filter-{{ id }}\" />\n    <ion-icon name=\"close\" class=\"position-absolute fs-4 cursor-pointer\" (click)=\"clear();\" />\n    \n    <ion-popover trigger=\"filter-{{ id }}\" triggerAction=\"click\">\n        <ng-template>\n            <div class=\"d-flex flex-column filter overflow-auto\">\n                <div class=\"flex-shrink-0 border-bottom p-1 pe-4 d-flex align-items-center\">\n                    <ion-buttons>\n                        <ion-button size=\"small\" (click)=\"close()\">\n                            <ion-icon slot=\"icon-only\" name=\"close\" />\n                        </ion-button>\n                    </ion-buttons>\n        \n                    <div class=\"fs-5 fw-medium\">Advanced Filter</div>\n                </div>\n        \n                <form class=\"flex-grow-1 overflow-auto px-4\" [formGroup]=\"form\">\n                    @for (c of config.fields; track c.key) {\n                        @switch (c.type) {\n                            @case ('number') {\n                                <up-input type=\"number\" autocomplete=\"off\" class=\"my-4\" label=\"{{ c.label }}\" formControlName=\"{{ c.key }}\" /> \n                            }\n\n                            @case ('checkbox') {\n                                <div class=\"my-4\">\n                                    <ion-checkbox labelPlacement=\"end\" formControlName=\"{{ c.key }}\">{{ c.label }}</ion-checkbox>\n                                </div>\n                            }\n\n                            @case ('date-range') {\n                                <div class=\"d-flex gap-3 my-4\">\n                                    <up-date class=\"flex-grow-1\" name=\"filter-from\" label=\"{{ c.label[0] }}\" formControlName=\"{{ c.key[0] }}\" />\n                                    <up-date class=\"flex-grow-1\" name=\"filter-to\" label=\"{{ c.label[1] }}\" formControlName=\"{{ c.key[1] }}\" />\n                                </div>\n                            }\n\n                            @case ('select') { \n                                <up-select \n                                    class=\"my-4\"\n                                    appendTo=\"body\" \n                                    label=\"{{ c.label }}\" \n                                    formControlName=\"{{ c.key }}\" \n                                    [items]=\"c.options!\" \n                                    [multiple]=\"c.multiple || false\"\n                                /> \n                            }\n\n                            @case ('searchable-select') { \n                                <up-searchable-select \n                                    class=\"my-4\" \n                                    appendTo=\"body\" \n                                    label=\"{{ c.label }}\" \n                                    formControlName=\"{{ c.key }}\" \n                                    [queryFunc]=\"c.getOptions!\" \n                                    [initialItems]=\"c.options!\" \n                                    [multiple]=\"c.multiple || false\"\n                                /> \n                            }\n                            \n                            @default { \n                                <up-input type=\"text\" autocomplete=\"off\" class=\"my-4\" label=\"{{ c.label }}\" formControlName=\"{{ c.key }}\" /> \n                            }\n                        }\n                    }\n                </form>\n        \n                <div class=\"flex-shrink-0 py-3 px-4 border-top d-flex gap-3\">\n                    <ion-button class=\"flex-grow-1\" color=\"secondary\" (click)=\"form.reset();\">Reset</ion-button>\n                    <ion-button class=\"flex-grow-1\" color=\"primary\" (click)=\"search();\">Search</ion-button>\n                </div>\n            </div>\n        </ng-template>\n     </ion-popover>    \n}\n", styles: ["ion-icon{top:7px}ion-icon[name=close]{right:16px}ion-icon[name=search]{left:14px}ion-icon[name=filter]{right:48px}ion-popover{--width: 80%;--max-width: 450px}.adv{padding-right:60px}.fs-5,ion-icon{color:#616161}.tag-container{max-width:45%}@media (max-width: 576px){.tag-container{max-width:35%}}.tag-container::-webkit-scrollbar{height:0px}.tag-item{color:#ed6b26;background-color:#fef3ee}.tag-item ion-icon{border-right:1px solid #fbd1be}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{-webkit-appearance:none}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Attribute,
                     args: ['placeholder']
@@ -2712,8 +2735,10 @@ class GridSnapshotComponent {
         this.onGridReady.emit(ev);
         this.service.setApi(this.id, this.gridApi);
         const state = JSON.parse(localStorage.getItem(this.id));
-        if (state)
-            ev.api.applyColumnState({ state, applyOrder: true });
+        if (state) {
+            this.gridApi.applyColumnState({ state, applyOrder: true });
+            this.gridApi.setColumnsVisible(this.gridApi.getAllGridColumns(), true);
+        }
         this.reset();
     }
     reset() {
@@ -2813,8 +2838,10 @@ class GridPaginationComponent {
         this.onGridReady.emit(ev);
         this.service.setApi(this.id, this.gridApi);
         const state = JSON.parse(localStorage.getItem(this.id));
-        if (state)
-            ev.api.applyColumnState({ state, applyOrder: true });
+        if (state) {
+            this.gridApi.applyColumnState({ state, applyOrder: true });
+            this.gridApi.setColumnsVisible(this.gridApi.getAllGridColumns(), true);
+        }
         if (this.rowModelType === 'clientSide')
             this.gridApi.setGridOption('rowData', this.rowData);
         if (this.rowModelType !== 'infinite')
@@ -3290,6 +3317,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     ], template: "<up-tab-group class=\"h-100\">\n    <up-tab-content header=\"Detail\" fragment=\"detail\">\n        @if (isLoading) {\n            @for(i of [0,1,2,3,4,5,6]; track $index) {\n                <ion-skeleton-text class=\"sk-input mx-4 mb-4\" />\n            }\n        } @else {\n            <form [formGroup]=\"form\" class=\"px-4 pb-4\">\n                <div class=\"d-flex align-items-center gap-2 pb-3\">\n                    <ion-icon name=\"information-circle\" />\n                    <h5 class=\"m-0\">Information</h5>\n                </div>\n  \n                <div class=\"d-flex flex-column flex-lg-row gap-4\">\n                    <div class=\"flex-grow-1\">\n                        <up-input class=\"mb-lg-4\" label=\"Action\" formControlName=\"action\" />\n                    </div>\n  \n                    <div class=\"flex-grow-1\">\n                        <up-input class=\"mb-4\" label=\"Source IP\" formControlName=\"sourceIp\" />\n                    </div>\n                </div>\n                \n                <up-input class=\"mb-4\" label=\"User Name\" formControlName=\"userName\" />\n                <up-textarea class=\"mb-4\" label=\"Description\" formControlName=\"description\" />\n  \n                <div class=\"d-flex align-items-center gap-2 pb-3 pt-2\">\n                    <ion-icon name=\"laptop\" />\n                    <h5 class=\"m-0\">System Information</h5>\n                </div>\n  \n                <div class=\"d-flex flex-column flex-lg-row gap-4\">\n                    <div class=\"flex-grow-1\">\n                        <up-input class=\"mb-4\" label=\"Action Date\" formControlName=\"createdAt\" />\n                        <up-input class=\"mb-lg-4\" label=\"Source Platform\" formControlName=\"sourcePlatform\" />\n                    </div>\n  \n                    <div class=\"flex-grow-1\">\n                        <up-input class=\"mb-4\" label=\"MS Source\" formControlName=\"msSource\" />\n                        <up-input class=\"mb-4\" label=\"Function\" formControlName=\"function\" />\n                    </div>\n                </div>\n            </form>\n        }   \n    </up-tab-content>\n\n    <up-tab-content header=\"Attributes\" fragment=\"attributes\">\n        <up-pagination-grid id=\"grid-audit-detail\" rowModelType=\"clientSide\" [config]=\"gridConfig\" (onGridReady)=\"setGridApi($event)\" />\n    </up-tab-content>\n</up-tab-group>\n", styles: ["ion-icon{font-size:24px;margin-right:5px}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.FormBuilder }, { type: AuditService }, { type: i1$2.ActivatedRoute }, { type: i1.NavController }] });
 
+const APPROVAL_ENTITIES = new InjectionToken('APPROVAL_ENTITIES');
+function provideApprovalEntities(entities) {
+    return {
+        provide: APPROVAL_ENTITIES,
+        useValue: entities
+    };
+}
+
 class ApprovalService {
     constructor(apollo) {
         this.apollo = apollo;
@@ -3417,12 +3452,12 @@ class ApprovalListComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApprovalListComponent, deps: [{ token: 'ENTITIES' }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: ApprovalService }, { token: i1.AlertController }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ApprovalListComponent, isStandalone: true, selector: "up-approval-list", host: { classAttribute: "d-flex flex-column h-100 w-100" }, ngImport: i0, template: "<div class=\"d-flex align-items-center justify-content-between gap-4 p-4 flex-shrink-0 flex-wrap\">\n    <div class=\"flex-grow-1 d-flex align-items-center gap-3\">\n        <h3 class=\"m-0\">Approval</h3>\n\n        <up-btn-group id=\"approval-list\" [config]=\"btnConfig\" />\n    </div>\n\n    <div class=\"flex-shrink-0 flex-grow-1\">\n        <up-filter placeholder=\"Type to search\" id=\"filter-approval-list\" [config]=\"filterConfig\" (onSearch)=\"search($event)\" />\n    </div>\n</div>\n\n<div class=\"flex-grow-1 px-1 pb-1\">\n    <up-pagination-grid [config]=\"gridConfig\" id=\"grid-approval-list\" rowSelection=\"multiple\" (onGridReady)=\"setGridApi($event)\" (onRowClick)=\"openDetail($event)\" (onSelectionChanged)=\"selectApprovals()\" />\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: FilterComponent, selector: "up-filter", inputs: ["id", "config"], outputs: ["onSearch"] }, { kind: "component", type: ButtonGroupComponent, selector: "up-btn-group", inputs: ["config"] }, { kind: "component", type: GridPaginationComponent, selector: "up-pagination-grid", inputs: ["config", "rowData", "id", "rowModelType", "rowSelection", "getRowClass"], outputs: ["onRowClick", "onGridReady", "onSelectionChanged"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApprovalListComponent, deps: [{ token: APPROVAL_ENTITIES }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: ApprovalService }, { token: i1.AlertController }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ApprovalListComponent, isStandalone: true, selector: "up-approval-list", host: { classAttribute: "d-flex flex-column h-100 w-100" }, ngImport: i0, template: "<div class=\"d-flex align-items-center justify-content-between gap-4 p-4 flex-shrink-0 flex-wrap\">\n    <div class=\"flex-grow-1 d-flex align-items-center gap-3\">\n        <h3 class=\"m-0\">Approval</h3>\n\n        <up-btn-group id=\"approval-list\" [config]=\"btnConfig\" />\n    </div>\n\n    <div class=\"flex-shrink-0 flex-grow-1\">\n        <up-filter placeholder=\"Type to search\" id=\"filter-approval-list\" [config]=\"filterConfig\" (onSearch)=\"search($event)\" />\n    </div>\n</div>\n\n<div class=\"flex-grow-1 px-1 pb-1\">\n    <up-pagination-grid [config]=\"gridConfig\" id=\"grid-approval-list\" rowSelection=\"multiple\" (onGridReady)=\"setGridApi($event)\" (onRowClick)=\"openDetail($event)\" (onSelectionChanged)=\"selectApprovals()\" />\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: FilterComponent, selector: "up-filter", inputs: ["id", "config"], outputs: ["onSearch"] }, { kind: "component", type: ButtonGroupComponent, selector: "up-btn-group", inputs: ["config"] }, { kind: "component", type: GridPaginationComponent, selector: "up-pagination-grid", inputs: ["config", "rowData", "id", "rowModelType", "rowSelection", "getRowClass"], outputs: ["onRowClick", "onGridReady", "onSelectionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApprovalListComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'up-approval-list', host: {
+            args: [{ standalone: true, selector: 'up-approval-list', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'd-flex flex-column h-100 w-100'
                     }, imports: [
                         FilterComponent,
@@ -3431,7 +3466,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     ], template: "<div class=\"d-flex align-items-center justify-content-between gap-4 p-4 flex-shrink-0 flex-wrap\">\n    <div class=\"flex-grow-1 d-flex align-items-center gap-3\">\n        <h3 class=\"m-0\">Approval</h3>\n\n        <up-btn-group id=\"approval-list\" [config]=\"btnConfig\" />\n    </div>\n\n    <div class=\"flex-shrink-0 flex-grow-1\">\n        <up-filter placeholder=\"Type to search\" id=\"filter-approval-list\" [config]=\"filterConfig\" (onSearch)=\"search($event)\" />\n    </div>\n</div>\n\n<div class=\"flex-grow-1 px-1 pb-1\">\n    <up-pagination-grid [config]=\"gridConfig\" id=\"grid-approval-list\" rowSelection=\"multiple\" (onGridReady)=\"setGridApi($event)\" (onRowClick)=\"openDetail($event)\" (onSelectionChanged)=\"selectApprovals()\" />\n</div>\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
-                    args: ['ENTITIES']
+                    args: [APPROVAL_ENTITIES]
                 }] }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: ApprovalService }, { type: i1.AlertController }] });
 
 class ApprovalFormComponent {
@@ -3781,62 +3816,46 @@ const AuthGuard = () => {
     return true;
 };
 
-class HeaderInterceptor {
-    intercept(request, next) {
-        return next.handle(request.clone({
-            headers: request.headers,
-            setHeaders: {
-                authorization: AuthService.authToken,
-                project: 'unipin'
-            }
-        }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderInterceptor }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderInterceptor, decorators: [{
-            type: Injectable
-        }] });
+const headerInterceptor = (request, next) => {
+    return next(request.clone({
+        headers: request.headers,
+        setHeaders: {
+            project: 'unipin',
+            authorization: AuthService.authToken,
+        },
+    }));
+};
 
-class RefreshTokenInterceptor {
-    constructor(authService) {
-        this.authService = authService;
-    }
-    intercept(request, next) {
-        return next.handle(request).pipe(catchError(({ error: { errors } }) => {
-            if (errors[0].extensions.code === 'USER_INVALID_TOKEN') {
-                return this.authService.refreshToken({ refreshToken: AuthService.refreshToken }).pipe(switchMap(({ data }) => {
-                    const { accessToken, refreshToken } = data.authMsRefreshAccessToken;
-                    AuthService.authToken = accessToken;
-                    AuthService.refreshToken = refreshToken;
-                    localStorage.setItem('authToken', accessToken);
-                    localStorage.setItem('refreshToken', refreshToken);
-                    return next.handle(request.clone({
-                        setHeaders: {
-                            authorization: accessToken
-                        }
-                    }));
-                }), catchError(() => {
-                    localStorage.removeItem('roles');
-                    localStorage.removeItem('userGuid');
-                    localStorage.removeItem('authToken');
-                    localStorage.removeItem('refreshToken');
-                    AuthService.authToken = '';
-                    AuthService.refreshToken = '';
-                    this.authService.user = undefined;
-                    location.href = '/auth/login';
-                    return throwError(() => errors[0]);
-                }));
-            }
+const refreshTokenInterceptor = (request, next) => {
+    const authService = inject(AuthService);
+    return next(request).pipe(catchError(({ error: { errors } }) => {
+        if (errors[0].extensions.code !== 'USER_INVALID_TOKEN') {
+            return throwError(() => errors[0]);
+        }
+        return authService.refreshToken({ refreshToken: AuthService.refreshToken }).pipe(switchMap(({ data }) => {
+            const { accessToken, refreshToken } = data.authMsRefreshAccessToken;
+            AuthService.authToken = accessToken;
+            AuthService.refreshToken = refreshToken;
+            localStorage.setItem('authToken', accessToken);
+            localStorage.setItem('refreshToken', refreshToken);
+            return next(request.clone({
+                setHeaders: {
+                    authorization: accessToken,
+                },
+            }));
+        }), catchError(() => {
+            localStorage.removeItem('roles');
+            localStorage.removeItem('userGuid');
+            localStorage.removeItem('authToken');
+            localStorage.removeItem('refreshToken');
+            AuthService.authToken = '';
+            AuthService.refreshToken = '';
+            authService.user = undefined;
+            location.href = '/auth/login';
             return throwError(() => errors[0]);
         }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RefreshTokenInterceptor, deps: [{ token: AuthService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RefreshTokenInterceptor }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RefreshTokenInterceptor, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: AuthService }] });
+    }));
+};
 
-export { AppletContainerComponent, ApprovalDetailComponent, ApprovalListComponent, AuditDetailComponent, AuditListComponent, AuthGuard, AuthResolver, AuthService, ButtonGroupComponent, ButtonLoadingComponent, ColumnContainerComponent, ColumnHeaderContainerComponent, CountryService, CurrencyService, FilterComponent, FormCountryInputComponent, FormCurrencyInputComponent, FormDateComponent, FormImagePickerComponent, FormInputComponent, FormNumberComponent, FormPasswordComponent, FormSearchableSelectComponent, FormSelectComponent, FormTextareaComponent, GridPaginationComponent, GridService, GridSnapshotComponent, HeaderInterceptor, InfiniteScrollComponent, InfiniteScrollDirective, ListPaginationContainerComponent, ListSnapshotContainerComponent, LoadingPage, ModalContainerComponent, PermissionDirective, PermissionGuard, PermissionModule, PermissionService, ProfileService, RefreshTokenInterceptor, TabContentComponent, TabGroupComponent, UnauthorizedPage, bootstrap, formatCapitalize, generateContrastColor, getFormErrorMessage };
+export { APPROVAL_ENTITIES, AppletContainerComponent, ApprovalDetailComponent, ApprovalListComponent, AuditDetailComponent, AuditListComponent, AuthGuard, AuthResolver, AuthService, ButtonGroupComponent, ButtonLoadingComponent, ColumnContainerComponent, ColumnHeaderContainerComponent, CountryService, CurrencyService, FilterComponent, FormCountryInputComponent, FormCurrencyInputComponent, FormDateComponent, FormImagePickerComponent, FormInputComponent, FormNumberComponent, FormPasswordComponent, FormSearchableSelectComponent, FormSelectComponent, FormTextareaComponent, GridPaginationComponent, GridService, GridSnapshotComponent, InfiniteScrollComponent, InfiniteScrollDirective, ListPaginationContainerComponent, ListSnapshotContainerComponent, LoadingPage, ModalContainerComponent, PermissionDirective, PermissionGuard, PermissionService, ProfileService, TabContentComponent, TabGroupComponent, UnauthorizedPage, bootstrap, formatCapitalize, generateContrastColor, getFormErrorMessage, headerInterceptor, provideAppletConfig, provideApprovalEntities, provideLoadingConfig, refreshTokenInterceptor };
 //# sourceMappingURL=unipin-angular-applet.mjs.map