@indigina/ui-kit 1.1.164 → 1.1.166

package/fesm2022/indigina-ui-kit.mjs

@@ -6569,22 +6569,22 @@ class KitPageLayoutComponent {
     constructor(kitNavigationMenuService) {
         this.kitNavigationMenuService = kitNavigationMenuService;
         this.sidebarContainer = viewChild('sidebarContainer');
-        this.headerContainer = viewChild('headerContainer');
+        this.topBarContainer = viewChild('topBarContainer');
         this.isMenuCollapsed = this.kitNavigationMenuService.getCollapsedState();
         this.hasMenuSelected = this.kitNavigationMenuService.getSelectedState();
         this.hasSidebar = false;
-        this.hasHeader = false;
+        this.hasTopBar = false;
     }
     ngAfterContentInit() {
         this.hasSidebar = !!this.sidebarContainer()?.nativeElement.querySelector('[sidebar]');
-        this.hasHeader = !!this.headerContainer()?.nativeElement.querySelector('[header]');
+        this.hasTopBar = !!this.topBarContainer()?.nativeElement.querySelector('[topBar]');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitPageLayoutComponent, deps: [{ token: KitNavigationMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.4", type: KitPageLayoutComponent, isStandalone: true, selector: "kit-page-layout", viewQueries: [{ propertyName: "sidebarContainer", first: true, predicate: ["sidebarContainer"], descendants: true, isSignal: true }, { propertyName: "headerContainer", first: true, predicate: ["headerContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"page-layout\"\n     [class.sidebar-expanded]=\"!isMenuCollapsed() && hasMenuSelected()\"\n     [class.has-sidebar]=\"hasSidebar\"\n     [class.has-header]=\"hasHeader\">\n  <div class=\"sidebar\" #sidebarContainer>\n    <ng-content select=\"[sidebar]\" />\n  </div>\n\n  <div class=\"main\">\n    <div class=\"header\" #headerContainer>\n      <ng-content select=\"[header]\" />\n    </div>\n\n    <div class=\"content\">\n      <ng-content select=\"[content]\" />\n    </div>\n  </div>\n</div>\n", styles: [".page-layout{display:flex;min-height:100%}.page-layout.has-sidebar .sidebar{position:fixed;top:0;left:0;height:100%;min-width:var(--ui-kit-sidebar-collapsed-width);background:var(--ui-kit-color-navy);overflow-x:hidden;z-index:11}.page-layout.has-sidebar .main{margin-left:var(--ui-kit-sidebar-collapsed-width)}.page-layout.has-sidebar.sidebar-expanded .main{margin-left:var(--ui-kit-sidebar-expanded-width)}.page-layout .main{display:flex;flex-direction:column;flex:1;padding:0 var(--ui-kit-layout-gap);width:0;transition:.2s ease-in-out}.page-layout.has-header .header{position:sticky;top:0;left:0;width:100%;height:var(--ui-kit-header-height);background:var(--ui-kit-color-grey-13);z-index:10}.page-layout .content{padding:25px 0;flex:1}.page-layout .content:has(.kit-breadcrumbs){padding-top:10px}.page-layout .content:has(.iframe-wrapper){padding:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.4", type: KitPageLayoutComponent, isStandalone: true, selector: "kit-page-layout", viewQueries: [{ propertyName: "sidebarContainer", first: true, predicate: ["sidebarContainer"], descendants: true, isSignal: true }, { propertyName: "topBarContainer", first: true, predicate: ["topBarContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"page-layout\"\n     [class.sidebar-expanded]=\"!isMenuCollapsed() && hasMenuSelected()\"\n     [class.has-sidebar]=\"hasSidebar\"\n     [class.has-top-bar]=\"hasTopBar\">\n  <div class=\"sidebar\" #sidebarContainer>\n    <ng-content select=\"[sidebar]\" />\n  </div>\n\n  <div class=\"main\">\n    <div class=\"top-bar\" #topBarContainer>\n      <ng-content select=\"[topBar]\" />\n    </div>\n\n    <div class=\"content\">\n      <ng-content select=\"[content]\" />\n    </div>\n  </div>\n</div>\n", styles: [".page-layout{display:flex;min-height:100%}.page-layout.has-sidebar .sidebar{position:fixed;top:0;left:0;height:100%;min-width:var(--ui-kit-sidebar-collapsed-width);background:var(--ui-kit-color-navy);overflow-x:hidden;z-index:11}.page-layout.has-sidebar .main{margin-left:var(--ui-kit-sidebar-collapsed-width)}.page-layout.has-sidebar.sidebar-expanded .main{margin-left:var(--ui-kit-sidebar-expanded-width)}.page-layout .main{display:flex;flex-direction:column;flex:1;padding:0 var(--ui-kit-layout-gap);width:0;transition:.2s ease-in-out}.page-layout.has-top-bar .top-bar{position:sticky;top:0;left:0;width:100%;height:var(--ui-kit-header-height);background:var(--ui-kit-color-grey-13);z-index:10}.page-layout .content{padding:25px 0;flex:1}.page-layout .content:has(.kit-breadcrumbs){padding-top:10px}.page-layout .content:has(.iframe-wrapper){padding:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitPageLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-page-layout', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"page-layout\"\n     [class.sidebar-expanded]=\"!isMenuCollapsed() && hasMenuSelected()\"\n     [class.has-sidebar]=\"hasSidebar\"\n     [class.has-header]=\"hasHeader\">\n  <div class=\"sidebar\" #sidebarContainer>\n    <ng-content select=\"[sidebar]\" />\n  </div>\n\n  <div class=\"main\">\n    <div class=\"header\" #headerContainer>\n      <ng-content select=\"[header]\" />\n    </div>\n\n    <div class=\"content\">\n      <ng-content select=\"[content]\" />\n    </div>\n  </div>\n</div>\n", styles: [".page-layout{display:flex;min-height:100%}.page-layout.has-sidebar .sidebar{position:fixed;top:0;left:0;height:100%;min-width:var(--ui-kit-sidebar-collapsed-width);background:var(--ui-kit-color-navy);overflow-x:hidden;z-index:11}.page-layout.has-sidebar .main{margin-left:var(--ui-kit-sidebar-collapsed-width)}.page-layout.has-sidebar.sidebar-expanded .main{margin-left:var(--ui-kit-sidebar-expanded-width)}.page-layout .main{display:flex;flex-direction:column;flex:1;padding:0 var(--ui-kit-layout-gap);width:0;transition:.2s ease-in-out}.page-layout.has-header .header{position:sticky;top:0;left:0;width:100%;height:var(--ui-kit-header-height);background:var(--ui-kit-color-grey-13);z-index:10}.page-layout .content{padding:25px 0;flex:1}.page-layout .content:has(.kit-breadcrumbs){padding-top:10px}.page-layout .content:has(.iframe-wrapper){padding:0}\n"] }]
+            args: [{ selector: 'kit-page-layout', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"page-layout\"\n     [class.sidebar-expanded]=\"!isMenuCollapsed() && hasMenuSelected()\"\n     [class.has-sidebar]=\"hasSidebar\"\n     [class.has-top-bar]=\"hasTopBar\">\n  <div class=\"sidebar\" #sidebarContainer>\n    <ng-content select=\"[sidebar]\" />\n  </div>\n\n  <div class=\"main\">\n    <div class=\"top-bar\" #topBarContainer>\n      <ng-content select=\"[topBar]\" />\n    </div>\n\n    <div class=\"content\">\n      <ng-content select=\"[content]\" />\n    </div>\n  </div>\n</div>\n", styles: [".page-layout{display:flex;min-height:100%}.page-layout.has-sidebar .sidebar{position:fixed;top:0;left:0;height:100%;min-width:var(--ui-kit-sidebar-collapsed-width);background:var(--ui-kit-color-navy);overflow-x:hidden;z-index:11}.page-layout.has-sidebar .main{margin-left:var(--ui-kit-sidebar-collapsed-width)}.page-layout.has-sidebar.sidebar-expanded .main{margin-left:var(--ui-kit-sidebar-expanded-width)}.page-layout .main{display:flex;flex-direction:column;flex:1;padding:0 var(--ui-kit-layout-gap);width:0;transition:.2s ease-in-out}.page-layout.has-top-bar .top-bar{position:sticky;top:0;left:0;width:100%;height:var(--ui-kit-header-height);background:var(--ui-kit-color-grey-13);z-index:10}.page-layout .content{padding:25px 0;flex:1}.page-layout .content:has(.kit-breadcrumbs){padding-top:10px}.page-layout .content:has(.iframe-wrapper){padding:0}\n"] }]
         }], ctorParameters: () => [{ type: KitNavigationMenuService }] });
 
 const KIT_BASE_PATH = new InjectionToken('kitBasePath');
@@ -7214,9 +7214,13 @@ const filterEmptyValues = (filters) => ({
     logic: filters?.logic ?? KitFilterLogic.AND,
     filters: filters?.filters.filter(item => noValueRequiredFilterOperators.includes(item.operator) || (item.value !== null && item.value !== undefined)) ?? [],
 });
-const kitBuildOdataFilter = (filter) => removeFilterPrefix(kitDataStateToODataString({
+const normalizeGuidFilter = (filter) => {
+    const guidFormat = /'((\{)?[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}(\})?)'/g;
+    return filter.replace(guidFormat, '$1');
+};
+const kitBuildOdataFilter = (filter) => removeFilterPrefix(normalizeGuidFilter(kitDataStateToODataString({
     filter,
-}));
+})));
 const kitBuildFilters = (filters) => ({
     logic: KitFilterLogic.AND,
     filters: filters.map(filter => filterEmptyValues(filter.value) ?? []),
@@ -7403,7 +7407,7 @@ class KitGridViewsComponent {
         this.defaultViewName = input.required();
         this.defaultSorting = input.required();
         this.systemViews = input.required();
-        this.viewChanged = new EventEmitter();
+        this.viewChanged = output();
         this.collapsedList = viewChild((KitCollapsedListComponent));
         this.createNewViewPopup = viewChild('popup', { read: KitPopupComponent });
         this.createNewViewName = signal('');
@@ -7446,9 +7450,19 @@ class KitGridViewsComponent {
         const messageKey = validateViewName(this.views(), this.createNewViewName()).message;
         return messageKey && this.translateService.instant(messageKey) || '';
     }
+    get defaultGridState() {
+        return {
+            skip: 0,
+            take: 10,
+            sort: this.defaultSorting(),
+            filter: [],
+            columns: this.defaultColumns(),
+        };
+    }
     onSelectView(selectedView) {
+        const params = this.buildUrlParamsFromView(selectedView.viewState);
         this.resetQueryParams();
-        this.navigateToView(selectedView.title, selectedView.type);
+        this.navigateToView(selectedView.title, selectedView.type, params);
     }
     openViewsManagerModal() {
         this.kitDialogService.openDialog({
@@ -7509,7 +7523,6 @@ class KitGridViewsComponent {
             }),
             new FetchGridViewsConfig(this.viewConfigGroup()),
         ]).subscribe(() => {
-            this.resetQueryParams();
             const views = this.store.selectSnapshot(KitGridViewsState.getViews());
             const viewName = this.activatedRoute.snapshot.params['view'] ?? this.activatedRoute.snapshot.data['view'];
             this.handleViewChange(viewName, views);
@@ -7522,8 +7535,7 @@ class KitGridViewsComponent {
                 return;
             }
             const views = this.store.selectSnapshot(KitGridViewsState.getViews());
-            const viewName = decodeViewNameFromUrl(this.activatedRoute.snapshot.params['view'])
-                ?? this.activatedRoute.snapshot.data['view'];
+            const viewName = decodeViewNameFromUrl(this.activatedRoute.snapshot.params['view']);
             this.handleViewChange(viewName, views);
         });
     }
@@ -7556,7 +7568,7 @@ class KitGridViewsComponent {
     }
     updateGridState(view) {
         const urlState = this.kitGridUrlStateService.getGridStateFromUrl();
-        const state = this.buildGridDataState(view, urlState);
+        const state = this.buildGridState(view, urlState);
         this.store.dispatch([
             new SetGridSort(state.sort),
             new SetGridFilters(state.filter),
@@ -7579,35 +7591,42 @@ class KitGridViewsComponent {
             value: `${view.title}_${view.group}_${view.type}`,
         };
     }
-    navigateToView(viewName, type = KitGridViewType.USER) {
+    navigateToView(viewName, type = KitGridViewType.USER, params = {}) {
         const routePath = kitEncodeViewNameToUrl(viewName.toLowerCase());
         return this.router.navigate([`../${routePath}`], {
             relativeTo: this.activatedRoute,
-            queryParams: { type },
+            queryParams: { ...params, type },
+            queryParamsHandling: 'merge',
         });
     }
     ;
-    buildGridDataState(view, urlState) {
+    buildGridState(view, urlState) {
         const viewState = view.viewState ?? {};
         const reset = this.needToResetQueryParams();
-        const defaults = {
-            skip: 0,
-            take: 10,
-            sort: this.defaultSorting(),
-            filter: [],
-            columns: this.defaultColumns(),
+        const useViewState = reset || urlState.skip === undefined;
+        const defaults = this.defaultGridState;
+        const state = {
+            skip: urlState.skip ?? defaults.skip,
+            take: urlState.take ?? defaults.take,
+            sort: useViewState ? viewState.sort ?? defaults.sort : urlState.sort ?? [],
+            filter: convertFilterStringDate(useViewState ? viewState.filter ?? [] : urlState.filter ?? []),
+            columns: buildGridColumns(defaults.columns, viewState.columns ?? defaults.columns),
+            search: urlState.search,
         };
-        const skip = urlState.skip ?? defaults.skip;
-        const take = urlState.take ?? defaults.take;
-        const sort = reset ? viewState.sort ?? defaults.sort : urlState.sort ?? defaults.sort;
-        const filterSource = reset ? viewState.filter : urlState.filter ?? null;
-        const filter = convertFilterStringDate(filterSource ?? []);
-        const columns = buildGridColumns(defaults.columns, viewState.columns ?? defaults.columns);
-        const search = urlState.search ?? undefined;
         if (reset) {
             this.needToResetQueryParams.set(false);
         }
-        return { skip, take, sort, filter, columns, search };
+        return state;
+    }
+    buildUrlParamsFromView(viewState) {
+        const sort = viewState?.sort ?? this.defaultSorting();
+        const filter = convertFilterStringDate(viewState?.filter ?? []);
+        return {
+            skip: 0,
+            take: 10,
+            sort: JSON.stringify(sort),
+            filter: JSON.stringify(filter),
+        };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitGridViewsComponent, deps: [{ token: i1$d.Store }, { token: i1$7.ActivatedRoute }, { token: i1$7.Router }, { token: i0.DestroyRef }, { token: i1$1.TitleCasePipe }, { token: KitDialogService }, { token: i1$a.TranslateService }, { token: i0.ViewContainerRef }, { token: KitGridUrlStateService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitGridViewsComponent, isStandalone: true, selector: "kit-grid-views", inputs: { viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, viewConfigGroup: { classPropertyName: "viewConfigGroup", publicName: "viewConfigGroup", isSignal: true, isRequired: true, transformFunction: null }, defaultColumns: { classPropertyName: "defaultColumns", publicName: "defaultColumns", isSignal: true, isRequired: true, transformFunction: null }, defaultViewName: { classPropertyName: "defaultViewName", publicName: "defaultViewName", isSignal: true, isRequired: true, transformFunction: null }, defaultSorting: { classPropertyName: "defaultSorting", publicName: "defaultSorting", isSignal: true, isRequired: true, transformFunction: null }, systemViews: { classPropertyName: "systemViews", publicName: "systemViews", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { viewChanged: "viewChanged" }, providers: [
@@ -7633,9 +7652,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         TitleCasePipe,
                         KitGridUrlStateService,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-grid-views\">\n  @if (viewsState$ | async; as viewsState) {\n    @if (!viewsState.loading) {\n      @if (views$ | async; as views) {\n        <div class=\"views-list\">\n          <kit-collapsed-list #toggleButton\n                              [itemList]=\"collapsedListItems()\"\n                              [dropdownDefaultValueText]=\"collapsedListDropdownText()\"\n                              [lineHeight]=\"32\"\n                              [itemTemplate]=\"collapsedListItem\"\n                              [dropdownFooterTemplate]=\"dropdownFooter\"\n                              [dropdownItemTemplate]=\"dropdownItem\"\n                              [alwaysShowDropdown]=\"true\"\n                              (onSelectItem)=\"onSelectView($event)\"/>\n        </div>\n\n        <kit-grid-views-save [viewGroup]=\"viewGroup()\"\n                             [views]=\"views\"\n                             [viewsAutocompleteItems]=\"viewsAutocompleteItems$ | async\"\n                             (resetQueryParams)=\"resetQueryParams()\"\n        ></kit-grid-views-save>\n      }\n    } @else {\n      <kit-skeleton [width]=\"200\"\n                    [height]=\"32\"\n      ></kit-skeleton>\n    }\n  }\n</div>\n\n<ng-template #collapsedListItem let-item>\n  <kit-button class=\"views-item\"\n              [ngClass]=\"item.type\"\n              [active]=\"item.title === selectedView()?.title && item.type === selectedView()?.type\"\n              [label]=\"item.title | titlecase\"\n              [type]=\"kitButtonType.GHOST\"\n              [kind]=\"kitButtonKind.MEDIUM\"\n              [icon]=\"item.type === gridViewType.SYSTEM && kitSvgIcon.GLOBAL || kitSvgIcon.USER\"\n              [iconType]=\"item.type === gridViewType.SYSTEM && kitSvgIconType.STROKE || kitSvgIconType.FILL\"\n              [iconPosition]=\"kitButtonIconPosition.LEADING\"/>\n</ng-template>\n\n<ng-template #dropdownFooter>\n  <div class=\"dropdown-footer\">\n    <kit-button [label]=\"'kit.views.newView' | translate\"\n                [type]=\"kitButtonType.TEXT\"\n                [kind]=\"kitButtonKind.SMALL\"\n                [icon]=\"kitSvgIcon.PLUS\"\n                [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                (clicked)=\"onPopupToggle()\"/>\n    <kit-button [label]=\"'kit.views.manageViews' | translate\"\n                [type]=\"kitButtonType.TEXT\"\n                [kind]=\"kitButtonKind.SMALL\"\n                [icon]=\"kitSvgIcon.PLUS\"\n                [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                [disabled]=\"views().length < 2\"\n                (clicked)=\"openViewsManagerModal()\"/>\n  </div>\n</ng-template>\n\n<kit-popup #popup\n           popupClass=\"kit-grid-new-view-popup\"\n           [anchor]=\"$any(collapsedList()?.dropdown())\"\n           [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n  <div class=\"new-view\">\n    <kit-textbox [defaultValue]=\"createNewViewName()\"\n                 [placeholder]=\"'kit.views.enterText' | translate\"\n                 [state]=\"isViewNameValid && kitTextboxState.DEFAULT || kitTextboxState.ERROR\"\n                 [messageText]=\"inputMessage\"\n                 (changed)=\"createNewViewName.set($event)\"\n    ></kit-textbox>\n    <div class=\"new-view-action\">\n      <kit-button [label]=\"'kit.views.cancel' | translate\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [type]=\"kitButtonType.GHOST\"\n                  (clicked)=\"createNewViewPopup()?.close()\"\n      ></kit-button>\n      <kit-button [label]=\"'kit.views.save' | translate\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [disabled]=\"!createNewViewName() || !isViewNameValid\"\n                  (clicked)=\"onViewCreate()\"\n      ></kit-button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #dropdownItem let-dataItem>\n  <div class=\"views-item\"\n       [ngClass]=\"dataItem.type\"\n       [class.active]=\"dataItem.title === selectedView()?.title && dataItem.type === selectedView()?.type\">\n    <kit-svg-icon class=\"view-icon\"\n                [icon]=\"dataItem.type === gridViewType.SYSTEM && kitSvgIcon.GLOBAL || kitSvgIcon.USER\"\n    ></kit-svg-icon>\n    <div class=\"item-name\">{{ dataItem.title | titlecase }}</div>\n    <kit-svg-icon class=\"check-icon\"\n                [icon]=\"kitSvgIcon.CHECK\"\n    ></kit-svg-icon>\n  </div>\n</ng-template>\n", styles: [".kit-grid-views{display:flex}.kit-grid-views .views-list{width:100%;min-width:0;margin-right:16px}::ng-deep .views-list .views-item.system .k-button{color:var(--ui-kit-color-blue)}::ng-deep .views-list .views-item.system .k-button .kit-button-icon{stroke:var(--ui-kit-color-blue);fill:none}::ng-deep .views-list .views-item.system .k-button:hover .kit-button-icon{stroke:var(--ui-kit-color-main)}::ng-deep .views-list .views-item.user .k-button{color:var(--ui-kit-color-grey-10)}::ng-deep .views-list .views-item.user .k-button .kit-button-icon{fill:var(--ui-kit-color-grey-12);stroke:none}::ng-deep .views-list .views-item.user .k-button:hover .kit-button-icon{fill:var(--ui-kit-color-main)}::ng-deep .views-list .views-item:hover .k-button{color:var(--ui-kit-color-main)}::ng-deep .views-list .views-item .k-button.active{color:var(--ui-kit-color-main)}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner{padding:0 16px}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner .value-icon{margin-left:5px}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .k-dropdownlist.dropdown:not(.k-popup){color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .k-dropdownlist.dropdown:not(.k-popup) .k-input-value-text span{color:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .k-dropdownlist.dropdown:not(.k-popup) .k-input-value-text svg{stroke:var(--ui-kit-color-main)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup{width:360px;padding:24px}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .k-list-item.k-selected{color:var(--ui-kit-color-main);border:1px solid var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .k-list-item:hover:not(.k-selected){background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .k-list-item:hover:not(.k-selected) .views-item{color:var(--ui-kit-color-main)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .k-list-item:hover:not(.k-selected) .views-item.user .view-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .k-list-item:hover:not(.k-selected) .views-item.system .view-icon{stroke:var(--ui-kit-color-main)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item{width:100%;display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;font-weight:400;line-height:20px;border-radius:4px;cursor:pointer}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item.system{color:var(--ui-kit-color-blue)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item.system .view-icon{stroke:var(--ui-kit-color-blue);fill:none}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item.system.active .view-icon{stroke:var(--ui-kit-color-main)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item.user .view-icon{fill:var(--ui-kit-color-grey-12);stroke:none}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item.user.active .view-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item.active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item.active .check-icon{display:block}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item .item-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item .check-icon{display:none;flex-shrink:0;width:14px;height:14px;fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item .view-icon{width:16px;height:16px}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .dropdown-footer{display:flex;flex-direction:column;gap:12px;padding-top:12px;margin-top:12px;border-top:1px solid var(--ui-kit-color-grey-11)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup:has(.k-no-data) .k-no-data{display:none}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup:has(.k-no-data) .dropdown-footer{margin-top:0;padding-top:0;border:none}::ng-deep .grid-views-manager-dialog.kit-dialog .k-dialog-content{padding:24px}::ng-deep .kit-popup.kit-grid-new-view-popup{width:360px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view{display:flex;flex-direction:column;gap:15px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view-action{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid var(--ui-kit-color-grey-11)}\n"] }]
-        }], ctorParameters: () => [{ type: i1$d.Store }, { type: i1$7.ActivatedRoute }, { type: i1$7.Router }, { type: i0.DestroyRef }, { type: i1$1.TitleCasePipe }, { type: KitDialogService }, { type: i1$a.TranslateService }, { type: i0.ViewContainerRef }, { type: KitGridUrlStateService }], propDecorators: { viewChanged: [{
-                type: Output
-            }] } });
+        }], ctorParameters: () => [{ type: i1$d.Store }, { type: i1$7.ActivatedRoute }, { type: i1$7.Router }, { type: i0.DestroyRef }, { type: i1$1.TitleCasePipe }, { type: KitDialogService }, { type: i1$a.TranslateService }, { type: i0.ViewContainerRef }, { type: KitGridUrlStateService }] });
 
 class KitFilterSelectorComponent {
     constructor(translateService) {
@@ -8734,6 +8751,10 @@ class KitUserApiService {
         this.httpClient = httpClient;
         this.basePath = basePath;
     }
+    getUserInfo() {
+        const url = `${this.basePath}/users/me`;
+        return this.httpClient.get(url);
+    }
     getUserApplicationList() {
         const url = `${this.basePath}/users/me/applications`;
         return this.httpClient.get(url);
@@ -8883,11 +8904,99 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-sidebar\">\n  @if (menuItems$ | async; as menuItems) {\n    <kit-navigation-menu class=\"navigation-menu\"\n                         logoPath=\"assets/config/logo.svg\"\n                         [menuItems]=\"menuItems\"\n                         [appsMenuItems]=\"(appsMenuItems$ | async) ?? []\"\n    ></kit-navigation-menu>\n  }\n</div>\n\n", styles: [".kit-sidebar{height:100%}.kit-sidebar .navigation-menu{display:block;height:100%}.kit-sidebar .navigation-menu ::ng-deep .logo-wrapper{display:flex;justify-content:center;align-items:center}\n"] }]
         }], ctorParameters: () => [{ type: i1$d.Store }, { type: KitMenuBuilderService }] });
 
+class FetchUser {
+    static { this.type = '[User] Fetch'; }
+}
+
+const KIT_USER_STATE_TOKEN = new StateToken('user');
+let KitUserState = class KitUserState {
+    constructor(kitUserApiService) {
+        this.kitUserApiService = kitUserApiService;
+    }
+    fetchUser(ctx) {
+        return this.kitUserApiService.getUserInfo().pipe(tap(user => ctx.setState({
+            data: user,
+            loading: false,
+        })));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitUserState, deps: [{ token: KitUserApiService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitUserState }); }
+};
+__decorate([
+    Action(FetchUser)
+], KitUserState.prototype, "fetchUser", null);
+KitUserState = __decorate([
+    State({
+        name: KIT_USER_STATE_TOKEN,
+        defaults: apiResponseDefaultEntities(),
+    })
+], KitUserState);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitUserState, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: KitUserApiService }], propDecorators: { fetchUser: [] } });
+
+class KitTopBarUserComponent {
+    constructor(store, translateService) {
+        this.store = store;
+        this.translateService = translateService;
+        this.menuItems = input([]);
+        this.user$ = this.store.select(KIT_USER_STATE_TOKEN);
+        this.menuItems$ = this.store.select(KIT_USER_PERMISSIONS_STATE_TOKEN).pipe(map(userPermissions => userPermissions.permissions), map(userPermissions => this.menuItems()
+            .filter(item => !item.permission || userPermissions?.includes(item.permission))
+            .map(item => ({
+            ...item,
+            title: this.translateService.instant(item.title),
+        }))));
+        this.kitSkeletonShape = KitSkeletonShape;
+    }
+    ngOnInit() {
+        this.fetchUser();
+    }
+    buildUserName(user) {
+        return `${user.firstName} ${user.lastName}`;
+    }
+    fetchUser() {
+        this.store.dispatch(new FetchUser());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTopBarUserComponent, deps: [{ token: i1$d.Store }, { token: i1$a.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitTopBarUserComponent, isStandalone: true, selector: "kit-top-bar-user", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-top-bar-user\">\n  @if (user$ | async; as user) {\n    @if (!user.loading) {\n      @if (menuItems$ | async; as menuItems) {\n        <kit-profile-menu [userName]=\"buildUserName(user.data)\"\n                          [companyName]=\"user.data.companyName\"\n                          [menuItems]=\"menuItems\"\n        ></kit-profile-menu>\n      }\n    } @else {\n      <kit-skeleton class=\"header-profile-skeleton\"\n                    [width]=\"40\"\n                    [height]=\"40\"\n                    [shape]=\"kitSkeletonShape.CIRCLE\"\n      ></kit-skeleton>\n    }\n  }\n</div>\n", styles: [".kit-top-bar-user-skeleton{display:block;margin-right:34px}\n"], dependencies: [{ kind: "ngmodule", type: KitSkeletonModule }, { kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }, { kind: "component", type: KitProfileMenuComponent, selector: "kit-profile-menu", inputs: ["menuItems", "userName", "companyName", "avatarImageSrc"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTopBarUserComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-top-bar-user', imports: [
+                        KitSkeletonModule,
+                        KitProfileMenuComponent,
+                        AsyncPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-top-bar-user\">\n  @if (user$ | async; as user) {\n    @if (!user.loading) {\n      @if (menuItems$ | async; as menuItems) {\n        <kit-profile-menu [userName]=\"buildUserName(user.data)\"\n                          [companyName]=\"user.data.companyName\"\n                          [menuItems]=\"menuItems\"\n        ></kit-profile-menu>\n      }\n    } @else {\n      <kit-skeleton class=\"header-profile-skeleton\"\n                    [width]=\"40\"\n                    [height]=\"40\"\n                    [shape]=\"kitSkeletonShape.CIRCLE\"\n      ></kit-skeleton>\n    }\n  }\n</div>\n", styles: [".kit-top-bar-user-skeleton{display:block;margin-right:34px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$d.Store }, { type: i1$a.TranslateService }] });
+
+class KitTopBarComponent {
+    constructor(kitNavigationMenuService) {
+        this.kitNavigationMenuService = kitNavigationMenuService;
+        this.userMenuItems = input([]);
+        this.kitButtonType = KitButtonType;
+        this.kitSvgIcon = KitSvgIcon;
+        this.collapsed = this.kitNavigationMenuService.getCollapsedState();
+    }
+    toggleSidebar(collapsed) {
+        this.kitNavigationMenuService.setCollapsedState(!collapsed);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTopBarComponent, deps: [{ token: KitNavigationMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: KitTopBarComponent, isStandalone: true, selector: "kit-top-bar", inputs: { userMenuItems: { classPropertyName: "userMenuItems", publicName: "userMenuItems", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-top-bar\">\n  <kit-button [type]=\"kitButtonType.GHOST\"\n              [icon]=\"kitSvgIcon.MENU\"\n              (clicked)=\"toggleSidebar(collapsed())\"\n  ></kit-button>\n\n  <div class=\"kit-top-bar-content\">\n    <ng-content></ng-content>\n  </div>\n\n  <kit-top-bar-user [menuItems]=\"userMenuItems()\"\n  ></kit-top-bar-user>\n</div>\n", styles: [".kit-top-bar{display:flex;align-items:center;gap:40px;height:100%;border-bottom:1px solid var(--color-grey-6);box-sizing:border-box}.kit-top-bar-content{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitTopBarUserComponent, selector: "kit-top-bar-user", inputs: ["menuItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTopBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-top-bar', imports: [
+                        KitButtonModule,
+                        KitTopBarUserComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-top-bar\">\n  <kit-button [type]=\"kitButtonType.GHOST\"\n              [icon]=\"kitSvgIcon.MENU\"\n              (clicked)=\"toggleSidebar(collapsed())\"\n  ></kit-button>\n\n  <div class=\"kit-top-bar-content\">\n    <ng-content></ng-content>\n  </div>\n\n  <kit-top-bar-user [menuItems]=\"userMenuItems()\"\n  ></kit-top-bar-user>\n</div>\n", styles: [".kit-top-bar{display:flex;align-items:center;gap:40px;height:100%;border-bottom:1px solid var(--color-grey-6);box-sizing:border-box}.kit-top-bar-content{flex:1}\n"] }]
+        }], ctorParameters: () => [{ type: KitNavigationMenuService }] });
+
 // KitButton
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchUserPermissions, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_STATE_TOKEN, KIT_USER_PERMISSIONS_STATE_TOKEN, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonState, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCollapsedListComponent, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerModule, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridExportComponent, KitGridFiltersComponent, KitGridModule, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxSize, KitNumericTextboxState, KitPageLayoutComponent, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitShipmentCard, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, KitUserApplicationsState, KitUserPermissionsState, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, UpdateGridFilter, buildRandomUUID, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl };
+export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchUserPermissions, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_STATE_TOKEN, KIT_USER_PERMISSIONS_STATE_TOKEN, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonState, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCollapsedListComponent, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerModule, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridExportComponent, KitGridFiltersComponent, KitGridModule, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxSize, KitNumericTextboxState, KitPageLayoutComponent, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitShipmentCard, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, KitUserApplicationsState, KitUserPermissionsState, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, UpdateGridFilter, buildRandomUUID, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl };
 //# sourceMappingURL=indigina-ui-kit.mjs.map