@indigina/ui-kit 1.1.547 → 1.1.548

package/fesm2022/indigina-ui-kit.mjs

@@ -1,5 +1,5 @@
 import * as i1$7 from '@angular/common';
-import { NgClass, NgTemplateOutlet, CommonModule, DatePipe, AsyncPipe, Location, TitleCasePipe, DecimalPipe } from '@angular/common';
+import { NgClass, NgTemplateOutlet, CommonModule, DatePipe, AsyncPipe, DecimalPipe, Location, TitleCasePipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Input, ChangeDetectionStrategy, Component, input, EventEmitter, Output, ViewEncapsulation, InjectionToken, inject, Injectable, Directive, model, output, viewChild, contentChild, TemplateRef, computed, effect, ElementRef, NgZone, Renderer2, forwardRef, signal, HostListener, ContentChild, NgModule, RendererFactory2, ViewChild, DOCUMENT, ViewContainerRef, DestroyRef, afterNextRender, contentChildren, linkedSignal, ContentChildren, viewChildren, QueryList, ViewChildren, Pipe, Injector, runInInjectionContext } from '@angular/core';
 import * as i1 from '@progress/kendo-angular-buttons';
@@ -29,7 +29,7 @@ import { v4 } from 'uuid';
 import { DefaultGlobalConfig, TOAST_CONFIG, ToastrModule, ToastrService } from 'ngx-toastr';
 import { prevDayOfWeek, Day, nextDayOfWeek } from '@progress/kendo-date-math';
 import { endOfDay, startOfDay } from 'date-fns';
-import { fromZonedTime, toZonedTime, formatInTimeZone } from 'date-fns-tz';
+import { fromZonedTime, formatInTimeZone, toZonedTime } from 'date-fns-tz';
 import * as i1$9 from '@angular/router';
 import { RouterModule, ActivatedRoute, Router, NavigationEnd, RouterLink } from '@angular/router';
 import * as i1$a from '@progress/kendo-angular-dialog';
@@ -54,16 +54,16 @@ import * as i2$1 from '@progress/kendo-angular-sortable';
 import { KENDO_SORTABLE } from '@progress/kendo-angular-sortable';
 import { patch, append, removeItem, updateItem } from '@ngxs/store/operators';
 import { toODataString, filterBy } from '@progress/kendo-data-query';
+import { StateReset } from 'ngxs-reset-plugin';
+import { saveAs, encodeBase64 } from '@progress/kendo-file-saver';
+import { Workbook } from '@progress/kendo-ooxml';
+import { catchError as catchError$1, tap as tap$1, map as map$1 } from 'rxjs/operators';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { signalSetFn, SIGNAL } from '@angular/core/primitives/signals';
-import { StateReset } from 'ngxs-reset-plugin';
 import { pdf } from '@progress/kendo-drawing';
-import { saveAs, encodeBase64 } from '@progress/kendo-file-saver';
 import { json2csv } from 'json-2-csv';
-import { Workbook } from '@progress/kendo-ooxml';
 import * as i1$f from '@progress/kendo-angular-scheduler';
 import { ToolbarService, KENDO_SCHEDULER } from '@progress/kendo-angular-scheduler';
-import { catchError as catchError$1, map as map$1, tap as tap$1 } from 'rxjs/operators';
 import * as i1$g from '@progress/kendo-angular-treeview';
 import { KENDO_TREEVIEW } from '@progress/kendo-angular-treeview';
 
@@ -10973,106 +10973,703 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-users-settings\">\n  <kit-card-details [title]=\"title()\"\n                    [pageSize]=\"pageSize\"\n                    [cardData$]=\"cardData$\"\n                    (cardClicked)=\"onCardSelected($event)\"\n                    (dataStateChanged)=\"onDataStateChanged($event)\">\n    <ng-template #headerActions>\n      <kit-button [label]=\"'kit.usersSettings.details.createNewUser' | translate\"\n                  [icon]=\"kitSvgIcon.PLUS\"\n                  [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [type]=\"kitButtonType.GHOST\"\n                  (clicked)=\"isCreatingNewUser.set(true)\" />\n    </ng-template>\n\n    <ng-template #cardElement\n                 let-user>\n      <div class=\"kit-users-settings-card-row\">\n        <kit-truncate-text class=\"kit-users-settings-card\">{{ getUserDisplayName(user) }}</kit-truncate-text>\n        <kit-button [icon]=\"kitSvgIcon.TRASH\"\n                    [kind]=\"kitButtonKind.SMALL\"\n                    [type]=\"kitButtonType.TEXT\"\n                    [iconType]=\"kitSvgIconType.STROKE\"\n                    [disabled]=\"isDeleteDisabled(user.id)\"\n                    (clicked)=\"onDeleteUser(user)\" />\n      </div>\n    </ng-template>\n\n    <ng-template #details\n                 let-activeId>\n      <kit-users-settings-profile [showIdentityType]=\"showIdentityType()\"\n                                  (saveClicked)=\"saveClicked.emit()\">\n        <ng-content select=\"[extended-entitlements]\" />\n      </kit-users-settings-profile>\n    </ng-template>\n  </kit-card-details>\n\n  <kit-users-settings-create-dialog [(opened)]=\"isCreatingNewUser\" />\n\n  <ng-template #deleteDialogActions>\n    <div class=\"kit-users-settings-delete-dialog-actions\">\n      <kit-button [label]=\"'kit.usersSettings.deleteDialog.cancel' | translate\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [type]=\"kitButtonType.GHOST\"\n                  (clicked)=\"closeDeleteDialog()\" />\n      <kit-button [label]=\"'kit.usersSettings.deleteDialog.confirm' | translate\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  (clicked)=\"confirmDeleteUser()\" />\n    </div>\n  </ng-template>\n</div>\n", styles: [".kit-users-settings-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.kit-users-settings-card{margin:10px 0;min-width:0}::ng-deep .kit-users-settings-delete-dialog-actions{display:flex;justify-content:space-between}\n"] }]
         }], propDecorators: { cardDetailsComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitCardDetailsComponent), { isSignal: true }] }], deleteDialogActionsTemplate: [{ type: i0.ViewChild, args: ['deleteDialogActions', { ...{ read: TemplateRef }, isSignal: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], showIdentityType: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIdentityType", required: false }] }], saveClicked: [{ type: i0.Output, args: ["saveClicked"] }] } });
 
-var KitThemes;
-(function (KitThemes) {
-    KitThemes["Light"] = "light";
-    KitThemes["Dark"] = "dark";
-})(KitThemes || (KitThemes = {}));
+const KIT_USER_PATH = new InjectionToken('kitUserPath');
 
-class SetSelectedMobileMenuItem extends KitAbstractPayloadAction {
-    static { this.type = '[KitMobileMenu] SetSelectedMobileMenuItem'; }
+const KIT_USER_APPLICATIONS_PATH = new InjectionToken('kitUserApplicationsPath');
+
+class KitUserApiService {
+    constructor() {
+        this.httpClient = inject(HttpClient);
+        this.basePath = inject(KIT_BASE_PATH);
+        this.userPath = inject(KIT_USER_PATH);
+        this.userApplicationsPath = inject(KIT_USER_APPLICATIONS_PATH);
+    }
+    getUserInfo() {
+        const url = `${this.basePath}/${this.userPath}`;
+        return this.httpClient.get(url);
+    }
+    getUserApplicationList() {
+        const url = `${this.basePath}/${this.userApplicationsPath}`;
+        return this.httpClient.get(url);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUserApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUserApiService, providedIn: 'root' }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUserApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
 
-const KIT_MOBILE_MENU_STATE_TOKEN = new StateToken('kitMobileMenu');
-let KitMobileMenuState = class KitMobileMenuState {
-    static selectedItem(state) {
-        return state?.selectedItem || null;
+class FetchUser {
+    static { this.type = '[User] Fetch'; }
+}
+
+const KIT_USER_STATE_TOKEN = new StateToken('user');
+let KitUserState = class KitUserState {
+    constructor() {
+        this.kitUserApiService = inject(KitUserApiService);
     }
-    setSelectedMobileMenuItem(ctx, action) {
-        ctx.patchState({ selectedItem: action.payload });
+    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: "21.2.4", ngImport: i0, type: KitMobileMenuState, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitMobileMenuState }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUserState, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUserState }); }
 };
 __decorate([
-    Action(SetSelectedMobileMenuItem)
-], KitMobileMenuState.prototype, "setSelectedMobileMenuItem", null);
-__decorate([
-    Selector([KIT_MOBILE_MENU_STATE_TOKEN])
-], KitMobileMenuState, "selectedItem", null);
-KitMobileMenuState = __decorate([
+    Action(FetchUser)
+], KitUserState.prototype, "fetchUser", null);
+KitUserState = __decorate([
     State({
-        name: KIT_MOBILE_MENU_STATE_TOKEN,
+        name: KIT_USER_STATE_TOKEN,
         defaults: {
-            selectedItem: null,
+            data: null,
+            loading: true,
         },
     })
-], KitMobileMenuState);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitMobileMenuState, decorators: [{
+], KitUserState);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUserState, decorators: [{
             type: Injectable
-        }], propDecorators: { setSelectedMobileMenuItem: [] } });
+        }], propDecorators: { fetchUser: [] } });
 
-class KitMobileHeaderComponent {
+class KitGridCellService {
     constructor() {
+        this.translateService = inject(TranslateService);
+        this.decimalPipe = inject(DecimalPipe);
+        this.datePipe = inject(DatePipe);
+        this.dateFormatConfig = inject(KIT_GRID_CELL_DATE_FORMAT_CONFIG, { optional: true });
         this.store = inject(Store);
-        this.theme = input(KitThemes.Light, ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
-        this.kitSvgIcon = KitSvgIcon;
-        this.kitButtonType = KitButtonType;
-        this.kitSvgIconType = KitSvgIconType;
-        this.themes = KitThemes;
-        this.selectedItem = this.store.selectSignal(KitMobileMenuState.selectedItem);
+        this.userState = this.store.selectSignal(KIT_USER_STATE_TOKEN)();
+        const dateFormatConfig = this.dateFormatConfig;
+        this.dateFormat = dateFormatConfig?.dateFormat ?? KIT_DATE_FORMAT;
+        this.dateTimeFormat = dateFormatConfig?.dateTimeFormat ?? KIT_DATETIME_FORMAT_LONG;
     }
-    setSelectedItem(item) {
-        this.store.dispatch(new SetSelectedMobileMenuItem(item));
+    createCellValue(columnType, columnField, dataItem, translationMap = {}, defaultValue = '', valueTransforms = {}) {
+        const rawValue = this.getCellValue(dataItem, columnField);
+        const value = valueTransforms[columnField]?.(rawValue) ?? rawValue;
+        if (columnField in translationMap && value != null && value !== '') {
+            return this.translateService.instant(translationMap[columnField](value)) ?? defaultValue;
+        }
+        switch (columnType) {
+            case 'number':
+                return this.decimalPipe.transform(value) ?? defaultValue;
+            case 'plainNumber':
+                return value || defaultValue;
+            case 'date':
+                return this.datePipe.transform(value, this.dateFormat, 'UTC') ?? defaultValue;
+            case 'dateTime':
+                return this.datePipe.transform(value, this.dateTimeFormat, 'UTC') ?? defaultValue;
+            case 'dateLocal':
+                return this.datePipe.transform(value, this.dateFormat) ?? defaultValue;
+            case 'dateTimeLocal':
+                return this.datePipe.transform(value, this.dateTimeFormat) ?? defaultValue;
+            case 'dateZone':
+                return value ? formatInTimeZone(value, this.userState.data?.namedTimeZone ?? 'UTC', this.dateFormat) : defaultValue;
+            case 'dateTimeZone':
+                return value ? formatInTimeZone(value, this.userState.data?.namedTimeZone ?? 'UTC', this.dateTimeFormat) : defaultValue;
+            case 'boolean':
+                return this.translateService.instant(value ? 'common.yes' : 'common.no');
+            default:
+                return value || defaultValue;
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitMobileHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitMobileHeaderComponent, isStandalone: true, selector: "kit-mobile-header", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"header\"\n     [ngClass]=\"theme()\">\n  @if (selectedItem()) {\n    <kit-svg-icon class=\"header-icon\"\n                  [routerLink]=\"['/']\"\n                  [icon]=\"kitSvgIcon.MOBILE_HOME\"\n                  (click)=\"setSelectedItem(null)\" />\n\n    <div class=\"header-selected-category\">\n      <kit-svg-icon class=\"header-icon category\"\n                    [icon]=\"selectedItem()?.icon\" \n                    [iconClass]=\"kitSvgIconType.STROKE\" />\n      <p class=\"header-selected-category-title\">{{ selectedItem()?.title }}</p>\n    </div>\n  } @else {\n    <div class=\"header-logo\"\n         [routerLink]=\"['/']\"\n         (click)=\"selectedItem() && setSelectedItem(null)\">\n      @if (theme() === themes.Light) {\n        <img class=\"header-logo\" \n             src=\"assets/config/logo.svg\" alt=\"Logo\"/>\n      } @else {\n        <img class=\"header-logo\" \n             src=\"assets/config/logo-dark-theme.svg\" alt=\"Logo\"/>\n      }\n    </div>\n  }\n</div>\n", styles: [".header{display:flex;align-items:center;justify-content:space-between;padding:0 25px;height:100%;border-bottom:1px solid var(--ui-kit-color-grey-11)}.header-selected-category{display:flex;align-items:center;gap:15px}.header-selected-category-title{color:var(--ui-kit-color-navy);flex:16px;line-height:24px}.header-icon{width:38px;height:38px;cursor:pointer}.header-icon.category{fill:none;cursor:auto}.header-logo{margin:auto;width:212px;height:38px}.header.dark{background-color:var(--ui-kit-color-navy);border-bottom-color:var(--ui-kit-color-grey-14)}.header.dark .header-selected-category-title{color:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    getCellValue(dataItem, field) {
+        let value = dataItem[field];
+        if (!value) {
+            value = this.getNestedGridCellValue(dataItem, field);
+        }
+        return value;
+    }
+    getNestedGridCellValue(dataItem, field) {
+        const value = field.split('.').reduce((acc, key) => acc !== null && typeof acc === 'object' && key in acc
+            ? acc[key]
+            : undefined, dataItem);
+        return value === 0 ? 0 : value || '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridCellService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridCellService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitMobileHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kit-mobile-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        KitSvgIconComponent,
-                        NgClass,
-                        RouterLink,
-                    ], template: "<div class=\"header\"\n     [ngClass]=\"theme()\">\n  @if (selectedItem()) {\n    <kit-svg-icon class=\"header-icon\"\n                  [routerLink]=\"['/']\"\n                  [icon]=\"kitSvgIcon.MOBILE_HOME\"\n                  (click)=\"setSelectedItem(null)\" />\n\n    <div class=\"header-selected-category\">\n      <kit-svg-icon class=\"header-icon category\"\n                    [icon]=\"selectedItem()?.icon\" \n                    [iconClass]=\"kitSvgIconType.STROKE\" />\n      <p class=\"header-selected-category-title\">{{ selectedItem()?.title }}</p>\n    </div>\n  } @else {\n    <div class=\"header-logo\"\n         [routerLink]=\"['/']\"\n         (click)=\"selectedItem() && setSelectedItem(null)\">\n      @if (theme() === themes.Light) {\n        <img class=\"header-logo\" \n             src=\"assets/config/logo.svg\" alt=\"Logo\"/>\n      } @else {\n        <img class=\"header-logo\" \n             src=\"assets/config/logo-dark-theme.svg\" alt=\"Logo\"/>\n      }\n    </div>\n  }\n</div>\n", styles: [".header{display:flex;align-items:center;justify-content:space-between;padding:0 25px;height:100%;border-bottom:1px solid var(--ui-kit-color-grey-11)}.header-selected-category{display:flex;align-items:center;gap:15px}.header-selected-category-title{color:var(--ui-kit-color-navy);flex:16px;line-height:24px}.header-icon{width:38px;height:38px;cursor:pointer}.header-icon.category{fill:none;cursor:auto}.header-logo{margin:auto;width:212px;height:38px}.header.dark{background-color:var(--ui-kit-color-navy);border-bottom-color:var(--ui-kit-color-grey-14)}.header.dark .header-selected-category-title{color:var(--ui-kit-color-white)}\n"] }]
-        }], propDecorators: { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }] } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridCellService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
 
-class KitPageLayoutComponent {
+class KitExcelExportService {
     constructor() {
-        this.kitNavigationMenuService = inject(KitNavigationMenuService);
-        this.deviceService = inject(DeviceDetectorService);
-        this.theme = input(KitThemes.Light, ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
-        this.sidebarContainer = viewChild('sidebarContainer', ...(ngDevMode ? [{ debugName: "sidebarContainer" }] : /* istanbul ignore next */ []));
-        this.topBarContainer = viewChild('topBarContainer', ...(ngDevMode ? [{ debugName: "topBarContainer" }] : /* istanbul ignore next */ []));
-        this.isMenuCollapsed = this.kitNavigationMenuService.getCollapsedState();
-        this.hasMenuSelected = this.kitNavigationMenuService.getSelectedState();
-        this.hasSidebar = signal(false, ...(ngDevMode ? [{ debugName: "hasSidebar" }] : /* istanbul ignore next */ []));
-        this.hasTopBar = signal(false, ...(ngDevMode ? [{ debugName: "hasTopBar" }] : /* istanbul ignore next */ []));
-        effect(() => {
-            const sidebar = this.sidebarContainer()?.nativeElement;
-            const topBar = this.topBarContainer()?.nativeElement;
-            this.hasSidebar.set(!!sidebar?.querySelector('[sidebar]'));
-            this.hasTopBar.set(!!topBar?.querySelector('[topBar]'));
-        });
+        this.translateService = inject(TranslateService);
+        this.store = inject(Store);
+        this.gridCellService = inject(KitGridCellService);
     }
-    get isMobile() {
-        return this.deviceService.isMobile();
+    async export(data, exportedColumns, exportedFileName, translationMap, valueTransforms = {}) {
+        const userTimezone = this.store.selectSnapshot(KIT_USER_STATE_TOKEN).data?.namedTimeZone ?? 'UTC';
+        const workbook = { sheets: [{ rows: [], columns: [] }] };
+        const columns = exportedColumns.map(({ title, field }) => ({
+            value: this.translateService.instant(title || field),
+            background: '#7a7a7a',
+            color: '#fff',
+            width: 170,
+        }));
+        workbook.sheets[0].rows = this.getExportedExcelRows(columns, data, exportedColumns, translationMap, userTimezone, valueTransforms);
+        workbook.sheets[0].columns = columns;
+        const dataUrl = await new Workbook(workbook).toDataURL();
+        return saveAs(dataUrl, `${exportedFileName}.xlsx`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitPageLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitPageLayoutComponent, isStandalone: true, selector: "kit-page-layout", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null } }, 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     [ngClass]=\"theme()\"\n     [class.mobile]=\"isMobile\"\n     [class.sidebar-expanded]=\"!isMenuCollapsed() && hasMenuSelected()\"\n     [class.has-sidebar]=\"hasSidebar()\"\n     [class.has-top-bar]=\"hasTopBar()\">\n\n  @if (!isMobile) {\n    <div class=\"sidebar\" #sidebarContainer>\n      <ng-content select=\"[sidebar]\" />\n    </div>\n  }\n\n  <div class=\"main\">\n      @if (isMobile) {\n        <kit-mobile-header class=\"mobile-header\"\n                           [theme]=\"theme()\"/>\n      } @else {\n        <div class=\"top-bar\" #topBarContainer>\n          <ng-content select=\"[topBar]\" />\n        </div>\n      }\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,.page-layout .mobile-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}.page-layout.mobile .mobile-header{background-color:var(--ui-kit-color-white)}.page-layout.mobile .main{padding:0}.page-layout.mobile .content{background-color:var(--ui-kit-color-grey-13);padding:var(--ui-kit-layout-gap)}.page-layout.mobile.dark .content{background-color:var(--ui-kit-color-navy)}\n"], dependencies: [{ kind: "component", type: KitMobileHeaderComponent, selector: "kit-mobile-header", inputs: ["theme"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    getExportedExcelRows(columns, data, gridColumns, translationMap, userTimezone, valueTransforms = {}) {
+        const rows = [{ cells: columns, type: 'header' }];
+        for (const row of data) {
+            const rowCells = gridColumns.map((column) => {
+                const rawValue = this.gridCellService.getCellValue(row, column.field);
+                const value = valueTransforms[column.field]?.(rawValue) ?? rawValue;
+                switch (column.type) {
+                    case 'number': {
+                        return { value: (value ?? undefined) };
+                    }
+                    case 'time':
+                        return { format: column.excelFormat, value: this.timeStringToExcelFraction(value) };
+                    case 'date':
+                    case 'dateTime': {
+                        const format = column.excelFormat || (column.type === 'date' ? KIT_DATE_FORMAT : KIT_DATETIME_FORMAT_LONG);
+                        const dateValue = value ? this.truncateToSeconds(this.convertToUtcDate(value)) : undefined;
+                        return { format, value: dateValue };
+                    }
+                    case 'dateLocal':
+                    case 'dateTimeLocal': {
+                        const format = column.excelFormat || (column.type === 'dateLocal' ? KIT_DATE_FORMAT : KIT_DATETIME_FORMAT_LONG);
+                        const dateValue = value ? this.truncateToSeconds(new Date(value)) : undefined;
+                        return { format, value: dateValue };
+                    }
+                    case 'dateZone':
+                    case 'dateTimeZone': {
+                        const format = column.excelFormat || (column.type === 'dateZone' ? KIT_DATE_FORMAT : KIT_DATETIME_FORMAT_LONG);
+                        const dateValue = value
+                            ? this.truncateToSeconds(toZonedTime(new Date(value), userTimezone))
+                            : undefined;
+                        return { format, value: dateValue };
+                    }
+                }
+                return { value: this.gridCellService.createCellValue(column.type, column.field, row, translationMap, '', valueTransforms) };
+            });
+            rows.push({ cells: rowCells, type: 'data' });
+        }
+        return rows;
+    }
+    timeStringToExcelFraction(time) {
+        if (!time) {
+            return '';
+        }
+        const [hoursStr, minutesStr,] = time.split(':');
+        const hours = Number.parseInt(hoursStr, 10);
+        const minutes = Number.parseInt(minutesStr, 10);
+        return (hours * 60 + minutes) / (24 * 60);
+    }
+    convertToUtcDate(dateString) {
+        const date = new Date(dateString);
+        const timezoneOffset = date.getTimezoneOffset();
+        return new Date(date.getTime() + timezoneOffset * 60 * 1000);
+    }
+    truncateToSeconds(date) {
+        const result = new Date(date);
+        result.setMilliseconds(0);
+        return result;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitExcelExportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitExcelExportService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitPageLayoutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kit-page-layout', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitExcelExportService, decorators: [{
+            type: Injectable
+        }] });
+
+const KIT_ENTITY_CREATE_SERVICE = new InjectionToken('kitEntityCreateService');
+class KitCreateEntityDialogComponent extends DialogContentBase {
+    constructor() {
+        const dialog = inject(DialogRef);
+        super(dialog);
+        this.entityService = inject(KIT_ENTITY_CREATE_SERVICE);
+        this.kitFormErrors = inject(KitFormErrors);
+        this.formBuilder = inject(FormBuilder);
+        this.maxLength = input(256, ...(ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []));
+        this.form = this.formBuilder.group({
+            name: this.formBuilder.control('', [
+                Validators.required,
+                kitWhitespaceValidator(),
+                Validators.maxLength(this.maxLength()),
+            ]),
+        });
+        this.kitButtonKind = KitButtonKind;
+        this.kitButtonType = KitButtonType;
+        this.isSaving = signal(false, ...(ngDevMode ? [{ debugName: "isSaving" }] : /* istanbul ignore next */ []));
+        this.getTextboxState = getTextboxState;
+        effect(() => {
+            const maxLength = this.maxLength();
+            this.form.controls['name'].setValidators([
+                Validators.required,
+                kitWhitespaceValidator(),
+                Validators.maxLength(maxLength),
+            ]);
+            this.form.controls['name'].updateValueAndValidity({ emitEvent: false });
+        });
+    }
+    createEntity() {
+        this.isSaving.set(true);
+        this.entityService.save({ name: this.form.controls['name'].value.trim() }).pipe(finalize(() => this.isSaving.set(false))).subscribe((data) => {
+            this.dialog.close(data);
+        });
+    }
+    getFormErrorMessages(form, controlName) {
+        return this.kitFormErrors.getErrors(form.controls[controlName]).join('. ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCreateEntityDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: KitCreateEntityDialogComponent, isStandalone: true, selector: "kit-create-entity-dialog", inputs: { maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null } }, providers: [KitFormErrors], usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"form\">\n  <kit-textbox class=\"textbox\"\n               formControlName=\"name\"\n               [label]=\"'Name' | translate\"\n               [showStateIcon]=\"false\"\n               [state]=\"getTextboxState(form.get('name'))\"\n               [messageText]=\"getFormErrorMessages(form, 'name')\" />\n\n  <kit-dialog-actions>\n    <kit-button [label]=\"'Cancel' | translate\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [type]=\"kitButtonType.GHOST\"\n                (clicked)=\"dialog.close()\" />\n    <kit-button [label]=\"'Save' | translate\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [disabled]=\"form.invalid || isSaving()\"\n                (clicked)=\"createEntity()\" />\n  </kit-dialog-actions>\n</div>\n", styles: ["::ng-deep .kit-dialog .k-dialog{min-width:400px}::ng-deep .kit-dialog .k-dialog .k-dialog-content{padding:20px 25px}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon", "type"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "component", type: KitDialogActionsComponent, selector: "kit-dialog-actions" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCreateEntityDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-create-entity-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        TranslateModule,
+                        KitTextboxComponent,
+                        KitDialogActionsComponent,
+                        KitButtonComponent,
+                        FormsModule,
+                        ReactiveFormsModule,
+                    ], providers: [KitFormErrors], template: "<div [formGroup]=\"form\">\n  <kit-textbox class=\"textbox\"\n               formControlName=\"name\"\n               [label]=\"'Name' | translate\"\n               [showStateIcon]=\"false\"\n               [state]=\"getTextboxState(form.get('name'))\"\n               [messageText]=\"getFormErrorMessages(form, 'name')\" />\n\n  <kit-dialog-actions>\n    <kit-button [label]=\"'Cancel' | translate\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [type]=\"kitButtonType.GHOST\"\n                (clicked)=\"dialog.close()\" />\n    <kit-button [label]=\"'Save' | translate\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [disabled]=\"form.invalid || isSaving()\"\n                (clicked)=\"createEntity()\" />\n  </kit-dialog-actions>\n</div>\n", styles: ["::ng-deep .kit-dialog .k-dialog{min-width:400px}::ng-deep .kit-dialog .k-dialog .k-dialog-content{padding:20px 25px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }] } });
+
+const KIT_GRID_COLUMN_WIDTH = 170;
+const KIT_GRID_PAGE_SIZE = 10;
+
+var KitPermissionTypes;
+(function (KitPermissionTypes) {
+    KitPermissionTypes["Create"] = "Create";
+    KitPermissionTypes["Delete"] = "Delete";
+    KitPermissionTypes["Edit"] = "Edit";
+    KitPermissionTypes["View"] = "View";
+    KitPermissionTypes["Set"] = "Set";
+    KitPermissionTypes["Use"] = "Use";
+})(KitPermissionTypes || (KitPermissionTypes = {}));
+const defaultUserRolesSort = [{ field: 'name', dir: 'asc' }];
+const exportedUserRoleColumns = [
+    kitBuildGridColumn('name', 'Name', 'string', false, false, KIT_GRID_COLUMN_WIDTH),
+];
+
+class KitPartnerDetailsComponent {
+    constructor() {
+        this.kitDialogService = inject(KitDialogService);
+        this.translateService = inject(TranslateService);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.id = input.required(...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        this.name = input.required(...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+        this.userPermissionTypes = input.required(...(ngDevMode ? [{ debugName: "userPermissionTypes" }] : /* istanbul ignore next */ []));
+        this.updatedName = output();
+        this.deleted = output();
+        this.permissionTypes = KitPermissionTypes;
+        this.kitSvgIcon = KitSvgIcon;
+        this.kitSvgIconType = KitSvgIconType;
+        this.kitButtonType = KitButtonType;
+        this.kitButtonKind = KitButtonKind;
+        this.kitButtonIconPosition = KitButtonIconPosition;
+        this.nameValidators = [
+            Validators.required,
+            Validators.maxLength(50),
+            kitWhitespaceValidator(),
+        ];
+        this.cancelAction = {
+            text: this.translateService.instant('Cancel'),
+            cssClass: `${KitButtonType.GHOST} ${KitButtonState.DEFAULT} ${KitButtonKind.MEDIUM}`,
+        };
+        this.deleteAction = {
+            text: this.translateService.instant('Buttons.Delete'),
+            cssClass: `${KitButtonType.PRIMARY} ${KitButtonState.ERROR} ${KitButtonKind.MEDIUM}`,
+        };
+    }
+    deletePartner() {
+        this.kitDialogService.openDialog({
+            title: `${this.translateService.instant('Buttons.Delete')} ${this.name()}`,
+            content: `${this.translateService.instant('Confirmation.Delete')}: ${this.name()}?`,
+            appendTo: this.viewContainerRef,
+            actions: [
+                this.cancelAction,
+                this.deleteAction,
+            ],
+            cssClass: 'confirmation-dialog-limited-width',
+        });
+        this.kitDialogService.dialogRef?.result.pipe(take(1)).subscribe(action => {
+            if (action === this.deleteAction) {
+                this.deleted.emit({ id: this.id() });
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitPartnerDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: KitPartnerDetailsComponent, isStandalone: true, selector: "kit-partner-details", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, userPermissionTypes: { classPropertyName: "userPermissionTypes", publicName: "userPermissionTypes", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { updatedName: "updatedName", deleted: "deleted" }, ngImport: i0, template: "<div class=\"partner-details\">\n  <kit-entity-section-container>\n    <ng-container title>\n      <div class=\"details-header\">\n        <span>{{ \"kit.partners.detailsTitle\" | translate }}</span>\n        <kit-button *kitPermission=\"[permissionTypes.Delete]; user: userPermissionTypes()\"\n                    [label]=\"'kit.common.delete' | translate\"\n                    [icon]=\"kitSvgIcon.TRASH\"\n                    [iconType]=\"kitSvgIconType.STROKE\"\n                    [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                    [type]=\"kitButtonType.GHOST\"\n                    [kind]=\"kitButtonKind.MEDIUM\"\n                    (clicked)=\"deletePartner()\"/>\n      </div>\n    </ng-container>\n  </kit-entity-section-container>\n  <div class=\"details-content\">\n    <kit-textbox-actions class=\"textbox-name\"\n                         [disabled]=\"!userPermissionTypes().includes(permissionTypes.Edit)\"\n                         [showActions]=\"userPermissionTypes().includes(permissionTypes.Edit)\"\n                         [label]=\"'kit.common.name' | translate\"\n                         [defaultValue]=\"name()\"\n                         [validators]=\"nameValidators\"\n                         (saved)=\"updatedName.emit($event)\"/>\n  </div>\n</div>\n", styles: [".partner-details .details-header{display:flex;justify-content:space-between;align-items:center}.partner-details .details-content{padding:20px 0}.partner-details ::ng-deep .kit-entity-section-container{padding-bottom:10px;gap:0}.partner-details ::ng-deep .kit-entity-section-container-title{font-weight:400}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitEntitySectionContainerComponent, selector: "kit-entity-section-container" }, { kind: "component", type: KitTextboxActionsComponent, selector: "kit-textbox-actions", inputs: ["defaultValue", "placeholder", "label", "validators", "disabled", "showActions", "clearOnFocus"], outputs: ["defaultValueChange", "saved", "canceled"] }, { kind: "directive", type: KitPermissionDirective, selector: "[kitPermission]", inputs: ["kitPermission", "kitPermissionUser"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitPartnerDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-partner-details', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        KitButtonComponent,
+                        KitEntitySectionContainerComponent,
+                        KitTextboxActionsComponent,
+                        KitPermissionDirective,
+                        TranslatePipe,
+                    ], template: "<div class=\"partner-details\">\n  <kit-entity-section-container>\n    <ng-container title>\n      <div class=\"details-header\">\n        <span>{{ \"kit.partners.detailsTitle\" | translate }}</span>\n        <kit-button *kitPermission=\"[permissionTypes.Delete]; user: userPermissionTypes()\"\n                    [label]=\"'kit.common.delete' | translate\"\n                    [icon]=\"kitSvgIcon.TRASH\"\n                    [iconType]=\"kitSvgIconType.STROKE\"\n                    [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                    [type]=\"kitButtonType.GHOST\"\n                    [kind]=\"kitButtonKind.MEDIUM\"\n                    (clicked)=\"deletePartner()\"/>\n      </div>\n    </ng-container>\n  </kit-entity-section-container>\n  <div class=\"details-content\">\n    <kit-textbox-actions class=\"textbox-name\"\n                         [disabled]=\"!userPermissionTypes().includes(permissionTypes.Edit)\"\n                         [showActions]=\"userPermissionTypes().includes(permissionTypes.Edit)\"\n                         [label]=\"'kit.common.name' | translate\"\n                         [defaultValue]=\"name()\"\n                         [validators]=\"nameValidators\"\n                         (saved)=\"updatedName.emit($event)\"/>\n  </div>\n</div>\n", styles: [".partner-details .details-header{display:flex;justify-content:space-between;align-items:center}.partner-details .details-content{padding:20px 0}.partner-details ::ng-deep .kit-entity-section-container{padding-bottom:10px;gap:0}.partner-details ::ng-deep .kit-entity-section-container-title{font-weight:400}\n"] }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], userPermissionTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "userPermissionTypes", required: true }] }], updatedName: [{ type: i0.Output, args: ["updatedName"] }], deleted: [{ type: i0.Output, args: ["deleted"] }] } });
+
+const defaultPartnerSort = [{ field: 'name', dir: 'asc' }];
+const exportedPartnerColumns = [
+    kitBuildGridColumn('name', 'Name', 'string', false, false, KIT_GRID_COLUMN_WIDTH),
+];
+
+class KitHttpErrorHandlerService {
+    constructor() {
+        this.kitNotificationService = inject(KitNotificationService);
+        this.translateService = inject(TranslateService);
+        this.router = inject(Router);
+    }
+    handleServerError(error) {
+        if (error.error instanceof ErrorEvent) {
+            this.showErrorNotification(`${this.translateService.instant('kit.http.clientError')} ${error.error.message}`);
+            return throwError(() => error);
+        }
+        switch (error.status) {
+            case HttpStatusCode.Unauthorized:
+                this.showErrorNotification(this.translateService.instant('kit.http.unauthorized'));
+                break;
+            case HttpStatusCode.Forbidden:
+                this.showErrorNotification(this.translateService.instant('kit.http.forbidden'));
+                this.router.navigate(['forbidden']);
+                break;
+            case HttpStatusCode.NotFound:
+                this.showErrorNotification(this.translateService.instant('kit.http.notFound'));
+                break;
+            case HttpStatusCode.BadRequest:
+                this.showErrorNotification(`${this.translateService.instant('kit.http.validationError')} ${error.error?.title ?? ''}`);
+                break;
+            default:
+                if (error.status >= HttpStatusCode.InternalServerError) {
+                    this.showErrorNotification(`${this.translateService.instant('kit.http.serverError')} ${error.error?.title ?? ''}`);
+                }
+        }
+        return throwError(() => error);
+    }
+    showSuccessNotification(message) {
+        this.kitNotificationService.addNotification(KitNotificationType.SUCCESS, message, true, 3000);
+    }
+    showErrorNotification(message) {
+        this.kitNotificationService.addNotification(KitNotificationType.ERROR, message);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitHttpErrorHandlerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitHttpErrorHandlerService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitHttpErrorHandlerService, decorators: [{
+            type: Injectable
+        }] });
+
+class KitPartnerService {
+    constructor() {
+        this.httpClient = inject(HttpClient);
+        this.baseUrl = `${trimTrailingSlash(inject(KIT_BASE_PATH))}`;
+        this.kitHttpErrorHandlerService = inject(KitHttpErrorHandlerService);
+        this.translateService = inject(TranslateService);
+    }
+    fetch({ skip, take, sort, filter }) {
+        return this.httpClient.get(`${this.baseUrl}/partners`, { params: kitBuildHttpParams({ $skip: skip, $top: take, $orderby: kitBuildSortString(sort), $filter: kitBuildOdataFilter(filter) }) }).pipe(catchError$1((err) => this.kitHttpErrorHandlerService.handleServerError(err)));
+    }
+    fetchDetails(id) {
+        return this.httpClient.get(`${this.baseUrl}/partners/${id}`).pipe(catchError$1((err) => this.kitHttpErrorHandlerService.handleServerError(err)));
+    }
+    save(payload) {
+        if (!payload.id) {
+            return this.httpClient.post(`${this.baseUrl}/partners`, { ...payload, permissions: {} }).pipe(tap$1(() => this.kitHttpErrorHandlerService.showSuccessNotification(this.translateService.instant('kit.http.savedSuccessfully'))), catchError$1((err) => this.kitHttpErrorHandlerService.handleServerError(err)));
+        }
+        return this.httpClient.put(`${this.baseUrl}/partners/${payload.id}`, payload).pipe(tap$1(() => this.kitHttpErrorHandlerService.showSuccessNotification(this.translateService.instant('kit.http.savedSuccessfully'))), catchError$1((err) => this.kitHttpErrorHandlerService.handleServerError(err)));
+    }
+    delete(id) {
+        return this.httpClient.delete(`${this.baseUrl}/partners/${id}`).pipe(tap$1(() => this.kitHttpErrorHandlerService.showSuccessNotification(this.translateService.instant('kit.http.removedSuccessfully'))), catchError$1((err) => this.kitHttpErrorHandlerService.handleServerError(err)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitPartnerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitPartnerService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitPartnerService, decorators: [{
+            type: Injectable
+        }] });
+
+class FetchPartners extends KitAbstractPayloadAction {
+    static { this.type = '[Partners] Fetch'; }
+}
+class DeletePartner extends KitAbstractPayloadAction {
+    static { this.type = '[Partners] Delete'; }
+}
+class UpdatePartnerName extends KitAbstractPayloadAction {
+    static { this.type = '[Partners] Update Name'; }
+}
+
+const KIT_PARTNERS_STATE_TOKEN = new StateToken('partners');
+let KitPartnerState = class KitPartnerState {
+    constructor() {
+        this.partnerService = inject(KitPartnerService);
+    }
+    fetchPartners(ctx, action) {
+        const { skip, take, filter, sort } = action.payload;
+        return this.partnerService.fetch({ skip, take, filter, sort }).pipe(tap(response => ctx.setState({
+            data: response.data,
+            total: response.total,
+            loading: false,
+        })), catchError(error => {
+            ctx.setState({
+                data: [],
+                total: 0,
+                loading: false,
+            });
+            return throwError(() => error);
+        }));
+    }
+    deletePartner(ctx, { payload }) {
+        return this.partnerService.delete(payload.id).pipe(tap(() => {
+            const state = ctx.getState();
+            const filteredData = state.data.filter(partner => partner.id !== payload.id);
+            const wasDeleted = filteredData.length < state.data.length;
+            ctx.patchState({
+                data: filteredData,
+                total: wasDeleted ? (state.total ?? 1) - 1 : state.total,
+                loading: false,
+            });
+        }));
+    }
+    updatePartnerName(ctx, { payload }) {
+        return this.partnerService.save(payload).pipe(tap(() => {
+            ctx.setState(patch({
+                data: updateItem(partner => partner?.id === payload.id, patch({ name: payload.name })),
+            }));
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitPartnerState, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitPartnerState }); }
+};
+__decorate([
+    Action(FetchPartners, { cancelUncompleted: true })
+], KitPartnerState.prototype, "fetchPartners", null);
+__decorate([
+    Action(DeletePartner)
+], KitPartnerState.prototype, "deletePartner", null);
+__decorate([
+    Action(UpdatePartnerName)
+], KitPartnerState.prototype, "updatePartnerName", null);
+KitPartnerState = __decorate([
+    State({
+        name: KIT_PARTNERS_STATE_TOKEN,
+        defaults: kitApiResponseDefaultEntities(),
+    })
+], KitPartnerState);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitPartnerState, decorators: [{
+            type: Injectable
+        }], propDecorators: { fetchPartners: [], deletePartner: [], updatePartnerName: [] } });
+
+class KitPartnerComponent {
+    constructor() {
+        this.store = inject(Store);
+        this.kitDialogService = inject(KitDialogService);
+        this.translateService = inject(TranslateService);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.partnerService = inject(KitPartnerService);
+        this.kitExcelExportService = inject(KitExcelExportService);
+        this.injector = inject(Injector);
+        this.permissionCategory = input.required(...(ngDevMode ? [{ debugName: "permissionCategory" }] : /* istanbul ignore next */ []));
+        this.kitCardDetailsComponent = viewChild.required((KitCardDetailsComponent));
+        this.userPermissions = this.store.selectSignal(KIT_USER_PERMISSIONS_STATE_TOKEN);
+        this.userPermissionTypes = computed(() => kitGetPermissionTypesByCategory(this.permissionCategory(), this.userPermissions()) ?? [], ...(ngDevMode ? [{ debugName: "userPermissionTypes" }] : /* istanbul ignore next */ []));
+        this.permissionTypes = KitPermissionTypes;
+        this.partners$ = this.store.select(KIT_PARTNERS_STATE_TOKEN).pipe(map(state => kitBuildGridDataResults(state.data, state.loading, state.total)));
+        this.selectedCard = signal(null, ...(ngDevMode ? [{ debugName: "selectedCard" }] : /* istanbul ignore next */ []));
+        this.cardDetailsSkeletonConfig = {
+            itemHeight: 54,
+            itemsCount: 5,
+        };
+        this.kitButtonType = KitButtonType;
+        this.kitButtonKind = KitButtonKind;
+        this.kitSvgIcon = KitSvgIcon;
+        this.kitSvgIconType = KitSvgIconType;
+        this.kitButtonIconPosition = KitButtonIconPosition;
+    }
+    ngOnDestroy() {
+        this.store.dispatch(new StateReset(KitPartnerState));
+    }
+    onDataStateChanged({ skip, take, search, filters }) {
+        const filter = search
+            ? {
+                logic: KitFilterLogic.AND,
+                filters: [
+                    { field: 'name', operator: KitFilterOperator.CONTAINS, value: search },
+                    ...(filters?.filters ?? []),
+                ],
+            }
+            : filters;
+        this.store.dispatch(new FetchPartners({ skip, take, filter, sort: defaultPartnerSort }));
+    }
+    deletePartner(id) {
+        this.store.dispatch(new DeletePartner({ id: +id })).subscribe(() => {
+            this.kitCardDetailsComponent().deleteCard(id);
+        });
+    }
+    updateName({ name, id }) {
+        this.store.dispatch(new UpdatePartnerName({ id: +id, name })).subscribe(() => {
+            this.kitCardDetailsComponent().updateSpecificCardData({ id: +id, name });
+        });
+    }
+    createNewPartner() {
+        this.kitDialogService.openDialog({
+            title: this.translateService.instant('CreateNew'),
+            content: KitCreateEntityDialogComponent,
+            appendTo: this.viewContainerRef,
+        });
+        this.kitDialogService.dialogRef?.result.pipe(take(1)).subscribe((result) => {
+            if (result && 'id' in result) {
+                this.appendCard(result);
+            }
+        });
+    }
+    exportExcel() {
+        this.partnerService.fetch({}).subscribe(data => {
+            runInInjectionContext(this.injector, () => {
+                this.kitExcelExportService.export(data.data, exportedPartnerColumns, 'Partners', {});
+            });
+        });
+    }
+    appendCard(card) {
+        this.kitCardDetailsComponent().appendCard(card);
+        this.kitCardDetailsComponent().onCardClick(card);
+        requestAnimationFrame(() => this.kitCardDetailsComponent().scrollToCardById(card.id.toString()));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitPartnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitPartnerComponent, isStandalone: true, selector: "kit-partners", inputs: { permissionCategory: { classPropertyName: "permissionCategory", publicName: "permissionCategory", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+            KitPartnerService,
+            KitExcelExportService,
+            KitGridCellService,
+            DecimalPipe,
+            DatePipe,
+            {
+                provide: KIT_ENTITY_CREATE_SERVICE,
+                useExisting: KitPartnerService,
+            },
+        ], viewQueries: [{ propertyName: "kitCardDetailsComponent", first: true, predicate: (KitCardDetailsComponent), descendants: true, isSignal: true }], ngImport: i0, template: "<kit-card-details class=\"kit-partners\"\n                  [cardData$]=\"partners$\"\n                  [pageSize]=\"10\"\n                  [title]=\"'kit.partners.title' | translate\"\n                  [cardSkeletonConfig]=\"cardDetailsSkeletonConfig\"\n                  (dataStateChanged)=\"onDataStateChanged($event)\"\n                  (cardClicked)=\"selectedCard.set($event)\">\n  <ng-template #headerActions>\n    <div class=\"header-actions\">\n      <kit-button [label]=\"'kit.common.export' | translate\"\n                  [icon]=\"kitSvgIcon.EXPORT\"\n                  [iconType]=\"kitSvgIconType.STROKE\"\n                  [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [type]=\"kitButtonType.GHOST\"\n                  (clicked)=\"exportExcel()\" />\n      <kit-button *kitPermission=\"[permissionTypes.Create]; user: userPermissionTypes()\"\n                  [label]=\"'kit.common.createNew' | translate\"\n                  [icon]=\"kitSvgIcon.PLUS\"\n                  [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [type]=\"kitButtonType.GHOST\"\n                  (clicked)=\"createNewPartner()\" />\n    </div>\n  </ng-template>\n\n  <ng-template #cardElement let-card>\n    <p class=\"kit-partners-card-name\">\n      <kit-truncate-text>{{ card.name }}</kit-truncate-text>\n    </p>\n  </ng-template>\n\n  <ng-template #details let-activeId>\n    @if (activeId) {\n      <kit-partner-details [id]=\"activeId\"\n                           [name]=\"selectedCard()?.name ?? ''\"\n                           [userPermissionTypes]=\"userPermissionTypes()\"\n                           (updatedName)=\"updateName({ name: $event, id: activeId })\"\n                           (deleted)=\"deletePartner($event.id)\"/>\n    }\n  </ng-template>\n</kit-card-details>\n", styles: [".kit-partners .header-actions{display:flex;gap:10px}.kit-partners-card-name{margin:10px 0}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitCardDetailsComponent, selector: "kit-card-details", inputs: ["cardData$", "pageSize", "title", "cardSkeletonConfig"], outputs: ["dataStateChanged", "cardClicked"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text", inputs: ["tooltipText"] }, { kind: "directive", type: KitPermissionDirective, selector: "[kitPermission]", inputs: ["kitPermission", "kitPermissionUser"] }, { kind: "component", type: KitPartnerDetailsComponent, selector: "kit-partner-details", inputs: ["id", "name", "userPermissionTypes"], outputs: ["updatedName", "deleted"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitPartnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-partners', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        KitButtonComponent,
+                        KitCardDetailsComponent,
+                        TranslatePipe,
+                        KitTruncateTextComponent,
+                        KitPermissionDirective,
+                        KitPartnerDetailsComponent,
+                    ], providers: [
+                        KitPartnerService,
+                        KitExcelExportService,
+                        KitGridCellService,
+                        DecimalPipe,
+                        DatePipe,
+                        {
+                            provide: KIT_ENTITY_CREATE_SERVICE,
+                            useExisting: KitPartnerService,
+                        },
+                    ], template: "<kit-card-details class=\"kit-partners\"\n                  [cardData$]=\"partners$\"\n                  [pageSize]=\"10\"\n                  [title]=\"'kit.partners.title' | translate\"\n                  [cardSkeletonConfig]=\"cardDetailsSkeletonConfig\"\n                  (dataStateChanged)=\"onDataStateChanged($event)\"\n                  (cardClicked)=\"selectedCard.set($event)\">\n  <ng-template #headerActions>\n    <div class=\"header-actions\">\n      <kit-button [label]=\"'kit.common.export' | translate\"\n                  [icon]=\"kitSvgIcon.EXPORT\"\n                  [iconType]=\"kitSvgIconType.STROKE\"\n                  [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [type]=\"kitButtonType.GHOST\"\n                  (clicked)=\"exportExcel()\" />\n      <kit-button *kitPermission=\"[permissionTypes.Create]; user: userPermissionTypes()\"\n                  [label]=\"'kit.common.createNew' | translate\"\n                  [icon]=\"kitSvgIcon.PLUS\"\n                  [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [type]=\"kitButtonType.GHOST\"\n                  (clicked)=\"createNewPartner()\" />\n    </div>\n  </ng-template>\n\n  <ng-template #cardElement let-card>\n    <p class=\"kit-partners-card-name\">\n      <kit-truncate-text>{{ card.name }}</kit-truncate-text>\n    </p>\n  </ng-template>\n\n  <ng-template #details let-activeId>\n    @if (activeId) {\n      <kit-partner-details [id]=\"activeId\"\n                           [name]=\"selectedCard()?.name ?? ''\"\n                           [userPermissionTypes]=\"userPermissionTypes()\"\n                           (updatedName)=\"updateName({ name: $event, id: activeId })\"\n                           (deleted)=\"deletePartner($event.id)\"/>\n    }\n  </ng-template>\n</kit-card-details>\n", styles: [".kit-partners .header-actions{display:flex;gap:10px}.kit-partners-card-name{margin:10px 0}\n"] }]
+        }], propDecorators: { permissionCategory: [{ type: i0.Input, args: [{ isSignal: true, alias: "permissionCategory", required: true }] }], kitCardDetailsComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitCardDetailsComponent), { isSignal: true }] }] } });
+
+var KitThemes;
+(function (KitThemes) {
+    KitThemes["Light"] = "light";
+    KitThemes["Dark"] = "dark";
+})(KitThemes || (KitThemes = {}));
+
+class SetSelectedMobileMenuItem extends KitAbstractPayloadAction {
+    static { this.type = '[KitMobileMenu] SetSelectedMobileMenuItem'; }
+}
+
+const KIT_MOBILE_MENU_STATE_TOKEN = new StateToken('kitMobileMenu');
+let KitMobileMenuState = class KitMobileMenuState {
+    static selectedItem(state) {
+        return state?.selectedItem || null;
+    }
+    setSelectedMobileMenuItem(ctx, action) {
+        ctx.patchState({ selectedItem: action.payload });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitMobileMenuState, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitMobileMenuState }); }
+};
+__decorate([
+    Action(SetSelectedMobileMenuItem)
+], KitMobileMenuState.prototype, "setSelectedMobileMenuItem", null);
+__decorate([
+    Selector([KIT_MOBILE_MENU_STATE_TOKEN])
+], KitMobileMenuState, "selectedItem", null);
+KitMobileMenuState = __decorate([
+    State({
+        name: KIT_MOBILE_MENU_STATE_TOKEN,
+        defaults: {
+            selectedItem: null,
+        },
+    })
+], KitMobileMenuState);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitMobileMenuState, decorators: [{
+            type: Injectable
+        }], propDecorators: { setSelectedMobileMenuItem: [] } });
+
+class KitMobileHeaderComponent {
+    constructor() {
+        this.store = inject(Store);
+        this.theme = input(KitThemes.Light, ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
+        this.kitSvgIcon = KitSvgIcon;
+        this.kitButtonType = KitButtonType;
+        this.kitSvgIconType = KitSvgIconType;
+        this.themes = KitThemes;
+        this.selectedItem = this.store.selectSignal(KitMobileMenuState.selectedItem);
+    }
+    setSelectedItem(item) {
+        this.store.dispatch(new SetSelectedMobileMenuItem(item));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitMobileHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitMobileHeaderComponent, isStandalone: true, selector: "kit-mobile-header", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"header\"\n     [ngClass]=\"theme()\">\n  @if (selectedItem()) {\n    <kit-svg-icon class=\"header-icon\"\n                  [routerLink]=\"['/']\"\n                  [icon]=\"kitSvgIcon.MOBILE_HOME\"\n                  (click)=\"setSelectedItem(null)\" />\n\n    <div class=\"header-selected-category\">\n      <kit-svg-icon class=\"header-icon category\"\n                    [icon]=\"selectedItem()?.icon\" \n                    [iconClass]=\"kitSvgIconType.STROKE\" />\n      <p class=\"header-selected-category-title\">{{ selectedItem()?.title }}</p>\n    </div>\n  } @else {\n    <div class=\"header-logo\"\n         [routerLink]=\"['/']\"\n         (click)=\"selectedItem() && setSelectedItem(null)\">\n      @if (theme() === themes.Light) {\n        <img class=\"header-logo\" \n             src=\"assets/config/logo.svg\" alt=\"Logo\"/>\n      } @else {\n        <img class=\"header-logo\" \n             src=\"assets/config/logo-dark-theme.svg\" alt=\"Logo\"/>\n      }\n    </div>\n  }\n</div>\n", styles: [".header{display:flex;align-items:center;justify-content:space-between;padding:0 25px;height:100%;border-bottom:1px solid var(--ui-kit-color-grey-11)}.header-selected-category{display:flex;align-items:center;gap:15px}.header-selected-category-title{color:var(--ui-kit-color-navy);flex:16px;line-height:24px}.header-icon{width:38px;height:38px;cursor:pointer}.header-icon.category{fill:none;cursor:auto}.header-logo{margin:auto;width:212px;height:38px}.header.dark{background-color:var(--ui-kit-color-navy);border-bottom-color:var(--ui-kit-color-grey-14)}.header.dark .header-selected-category-title{color:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitMobileHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-mobile-header', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        KitSvgIconComponent,
+                        NgClass,
+                        RouterLink,
+                    ], template: "<div class=\"header\"\n     [ngClass]=\"theme()\">\n  @if (selectedItem()) {\n    <kit-svg-icon class=\"header-icon\"\n                  [routerLink]=\"['/']\"\n                  [icon]=\"kitSvgIcon.MOBILE_HOME\"\n                  (click)=\"setSelectedItem(null)\" />\n\n    <div class=\"header-selected-category\">\n      <kit-svg-icon class=\"header-icon category\"\n                    [icon]=\"selectedItem()?.icon\" \n                    [iconClass]=\"kitSvgIconType.STROKE\" />\n      <p class=\"header-selected-category-title\">{{ selectedItem()?.title }}</p>\n    </div>\n  } @else {\n    <div class=\"header-logo\"\n         [routerLink]=\"['/']\"\n         (click)=\"selectedItem() && setSelectedItem(null)\">\n      @if (theme() === themes.Light) {\n        <img class=\"header-logo\" \n             src=\"assets/config/logo.svg\" alt=\"Logo\"/>\n      } @else {\n        <img class=\"header-logo\" \n             src=\"assets/config/logo-dark-theme.svg\" alt=\"Logo\"/>\n      }\n    </div>\n  }\n</div>\n", styles: [".header{display:flex;align-items:center;justify-content:space-between;padding:0 25px;height:100%;border-bottom:1px solid var(--ui-kit-color-grey-11)}.header-selected-category{display:flex;align-items:center;gap:15px}.header-selected-category-title{color:var(--ui-kit-color-navy);flex:16px;line-height:24px}.header-icon{width:38px;height:38px;cursor:pointer}.header-icon.category{fill:none;cursor:auto}.header-logo{margin:auto;width:212px;height:38px}.header.dark{background-color:var(--ui-kit-color-navy);border-bottom-color:var(--ui-kit-color-grey-14)}.header.dark .header-selected-category-title{color:var(--ui-kit-color-white)}\n"] }]
+        }], propDecorators: { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }] } });
+
+class KitPageLayoutComponent {
+    constructor() {
+        this.kitNavigationMenuService = inject(KitNavigationMenuService);
+        this.deviceService = inject(DeviceDetectorService);
+        this.theme = input(KitThemes.Light, ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
+        this.sidebarContainer = viewChild('sidebarContainer', ...(ngDevMode ? [{ debugName: "sidebarContainer" }] : /* istanbul ignore next */ []));
+        this.topBarContainer = viewChild('topBarContainer', ...(ngDevMode ? [{ debugName: "topBarContainer" }] : /* istanbul ignore next */ []));
+        this.isMenuCollapsed = this.kitNavigationMenuService.getCollapsedState();
+        this.hasMenuSelected = this.kitNavigationMenuService.getSelectedState();
+        this.hasSidebar = signal(false, ...(ngDevMode ? [{ debugName: "hasSidebar" }] : /* istanbul ignore next */ []));
+        this.hasTopBar = signal(false, ...(ngDevMode ? [{ debugName: "hasTopBar" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const sidebar = this.sidebarContainer()?.nativeElement;
+            const topBar = this.topBarContainer()?.nativeElement;
+            this.hasSidebar.set(!!sidebar?.querySelector('[sidebar]'));
+            this.hasTopBar.set(!!topBar?.querySelector('[topBar]'));
+        });
+    }
+    get isMobile() {
+        return this.deviceService.isMobile();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitPageLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitPageLayoutComponent, isStandalone: true, selector: "kit-page-layout", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null } }, 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     [ngClass]=\"theme()\"\n     [class.mobile]=\"isMobile\"\n     [class.sidebar-expanded]=\"!isMenuCollapsed() && hasMenuSelected()\"\n     [class.has-sidebar]=\"hasSidebar()\"\n     [class.has-top-bar]=\"hasTopBar()\">\n\n  @if (!isMobile) {\n    <div class=\"sidebar\" #sidebarContainer>\n      <ng-content select=\"[sidebar]\" />\n    </div>\n  }\n\n  <div class=\"main\">\n      @if (isMobile) {\n        <kit-mobile-header class=\"mobile-header\"\n                           [theme]=\"theme()\"/>\n      } @else {\n        <div class=\"top-bar\" #topBarContainer>\n          <ng-content select=\"[topBar]\" />\n        </div>\n      }\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,.page-layout .mobile-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}.page-layout.mobile .mobile-header{background-color:var(--ui-kit-color-white)}.page-layout.mobile .main{padding:0}.page-layout.mobile .content{background-color:var(--ui-kit-color-grey-13);padding:var(--ui-kit-layout-gap)}.page-layout.mobile.dark .content{background-color:var(--ui-kit-color-navy)}\n"], dependencies: [{ kind: "component", type: KitMobileHeaderComponent, selector: "kit-mobile-header", inputs: ["theme"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitPageLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-page-layout', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         KitMobileHeaderComponent,
                         NgClass,
                     ], template: "<div class=\"page-layout\"\n     [ngClass]=\"theme()\"\n     [class.mobile]=\"isMobile\"\n     [class.sidebar-expanded]=\"!isMenuCollapsed() && hasMenuSelected()\"\n     [class.has-sidebar]=\"hasSidebar()\"\n     [class.has-top-bar]=\"hasTopBar()\">\n\n  @if (!isMobile) {\n    <div class=\"sidebar\" #sidebarContainer>\n      <ng-content select=\"[sidebar]\" />\n    </div>\n  }\n\n  <div class=\"main\">\n      @if (isMobile) {\n        <kit-mobile-header class=\"mobile-header\"\n                           [theme]=\"theme()\"/>\n      } @else {\n        <div class=\"top-bar\" #topBarContainer>\n          <ng-content select=\"[topBar]\" />\n        </div>\n      }\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,.page-layout .mobile-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}.page-layout.mobile .mobile-header{background-color:var(--ui-kit-color-white)}.page-layout.mobile .main{padding:0}.page-layout.mobile .content{background-color:var(--ui-kit-color-grey-13);padding:var(--ui-kit-layout-gap)}.page-layout.mobile.dark .content{background-color:var(--ui-kit-color-navy)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], sidebarContainer: [{ type: i0.ViewChild, args: ['sidebarContainer', { isSignal: true }] }], topBarContainer: [{ type: i0.ViewChild, args: ['topBarContainer', { isSignal: true }] }] } });
 
-const KIT_USER_PATH = new InjectionToken('kitUserPath');
-
-const KIT_USER_APPLICATIONS_PATH = new InjectionToken('kitUserApplicationsPath');
-
 const kitTranslations = {
     en: {
         kit: {
@@ -11247,6 +11844,8 @@ const kitTranslations = {
                 confirmationDelete: 'Are you sure you want to permanently delete {{name}}?',
                 name: 'Name',
                 save: 'Save',
+                export: 'Export',
+                createNew: 'Create New',
             },
             tree: {
                 actions: {
@@ -11319,6 +11918,10 @@ const kitTranslations = {
                 failedToCopy: 'Failed to copy',
                 deleteConfirmation: 'Are you sure you want to permanently delete',
             },
+            partners: {
+                title: 'Partners',
+                detailsTitle: 'Partner Details',
+            },
             entitySectionEditable: {
                 add: 'Add',
                 edit: 'Edit',
@@ -11525,6 +12128,8 @@ const kitTranslations = {
                 confirmationDelete: 'Вы уверены, что хотите безвозвратно удалить {{name}}?',
                 name: 'Название',
                 save: 'Сохранить',
+                export: 'Экспорт',
+                createNew: 'Создать',
             },
             tree: {
                 actions: {
@@ -11594,6 +12199,10 @@ const kitTranslations = {
                 failedToCopy: 'Не удалось скопировать',
                 deleteConfirmation: 'Вы уверены, что хотите удалить',
             },
+            partners: {
+                title: 'Партнеры',
+                detailsTitle: 'Детали партнера',
+            },
             entitySectionEditable: {
                 add: 'Добавить',
                 edit: 'Редактировать',
@@ -12045,65 +12654,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-grid-views-manager\">\n  <kit-sortable itemClass=\"item\"\n                activeItemClass=\"item active\"\n                [columnCount]=\"2\"\n                [items]=\"items()\"\n                (dragEnd)=\"checkChanges()\">\n    <ng-template let-item>\n      <div class=\"item-wrapper\"\n           [class.hidden]=\"item.hidden\"\n           [ngClass]=\"[item.type]\">\n        <kit-svg-icon kitTooltip\n                      kitTooltipFilter=\".item-move\"\n                      class=\"item-move\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [title]=\"'kit.views.moveView' | translate\"\n                      [icon]=\"kitSvgIcon.MENU\"\n        ></kit-svg-icon>\n        <div class=\"item-label\">\n          <kit-truncate-text>{{ item.title | titlecase }}</kit-truncate-text>\n        </div>\n        @if (!isSystemView(item)) {\n          <kit-svg-icon kitTooltip\n                        kitTooltipFilter=\".item-remove\"\n                        class=\"item-remove\"\n                        [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                        [title]=\"'kit.views.removeView' | translate\"\n                        [icon]=\"kitSvgIcon.CIRCLE_MINUS\"\n                        (click)=\"onViewRemove(item)\"\n          ></kit-svg-icon>\n          <kit-svg-icon kitTooltip\n                        kitTooltipFilter=\".item-toggle\"\n                        class=\"item-toggle\"\n                        [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                        [title]=\"item.hidden ? ('kit.views.showView' | translate) : ('kit.views.hideView' | translate)\"\n                        [icon]=\"item.hidden && kitSvgIcon.EYE_CLOSE || kitSvgIcon.EYE_OPEN\"\n                        (click)=\"onColumnVisibilityChange(item.hidden, item)\"\n          ></kit-svg-icon>\n        }\n      </div>\n    </ng-template>\n  </kit-sortable>\n\n  <kit-dialog-actions>\n    <kit-button [label]=\"'kit.views.cancel' | translate\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [type]=\"kitButtonType.GHOST\"\n                [disabled]=\"isSaving()\"\n                (clicked)=\"close()\"\n    ></kit-button>\n    <kit-button [label]=\"'kit.views.apply' | translate\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [disabled]=\"!hasUnsavedChanges() || isSaving()\"\n                (clicked)=\"applyChanges()\"\n    ></kit-button>\n  </kit-dialog-actions>\n</div>\n", styles: [".kit-grid-views-manager{width:452px}.kit-grid-views-manager ::ng-deep .kit-sortable{margin:0 -12px;column-gap:24px;column-rule:1px solid var(--ui-kit-color-grey-11)}.kit-grid-views-manager ::ng-deep .item{margin-bottom:8px;padding:8px 12px;border-radius:8px;box-sizing:border-box;cursor:pointer}.kit-grid-views-manager ::ng-deep .item .item-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-grid-views-manager ::ng-deep .item .system .item-label{color:var(--ui-kit-color-blue)}.kit-grid-views-manager ::ng-deep .item .user .item-label{color:var(--ui-kit-color-main)}.kit-grid-views-manager ::ng-deep .item-wrapper{display:flex;align-items:center;gap:8px}.kit-grid-views-manager ::ng-deep .item-wrapper.hidden .item-label{color:var(--ui-kit-color-grey-12)}.kit-grid-views-manager ::ng-deep .item-wrapper.hidden .item-toggle{fill:var(--ui-kit-color-grey-12)}.kit-grid-views-manager ::ng-deep .item:hover .item-move{fill:var(--ui-kit-color-main)}.kit-grid-views-manager ::ng-deep .item-label{flex:1;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;line-height:22px}.kit-grid-views-manager ::ng-deep .item .item-move{margin-right:4px;width:12px;height:12px;fill:var(--ui-kit-color-grey-12)}.kit-grid-views-manager ::ng-deep .item .item-toggle{width:18px;height:18px;fill:var(--ui-kit-color-main)}.kit-grid-views-manager ::ng-deep .item .item-remove{width:14px;height:14px;stroke:var(--ui-kit-color-grey-12);fill:none}.kit-grid-views-manager ::ng-deep .item .item-remove:hover{stroke:var(--ui-kit-color-main)}.kit-grid-views-manager ::ng-deep .item.active{box-shadow:4px 4px 8px #0003;background:var(--ui-kit-color-white)}.kit-grid-views-manager ::ng-deep .item.active .item-move{fill:var(--ui-kit-color-main)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { configGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "configGroup", required: true }] }] } });
 
-class KitUserApiService {
-    constructor() {
-        this.httpClient = inject(HttpClient);
-        this.basePath = inject(KIT_BASE_PATH);
-        this.userPath = inject(KIT_USER_PATH);
-        this.userApplicationsPath = inject(KIT_USER_APPLICATIONS_PATH);
-    }
-    getUserInfo() {
-        const url = `${this.basePath}/${this.userPath}`;
-        return this.httpClient.get(url);
-    }
-    getUserApplicationList() {
-        const url = `${this.basePath}/${this.userApplicationsPath}`;
-        return this.httpClient.get(url);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUserApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUserApiService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUserApiService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class FetchUser {
-    static { this.type = '[User] Fetch'; }
-}
-
-const KIT_USER_STATE_TOKEN = new StateToken('user');
-let KitUserState = class KitUserState {
-    constructor() {
-        this.kitUserApiService = inject(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: "21.2.4", ngImport: i0, type: KitUserState, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUserState }); }
-};
-__decorate([
-    Action(FetchUser)
-], KitUserState.prototype, "fetchUser", null);
-KitUserState = __decorate([
-    State({
-        name: KIT_USER_STATE_TOKEN,
-        defaults: {
-            data: null,
-            loading: true,
-        },
-    })
-], KitUserState);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitUserState, decorators: [{
-            type: Injectable
-        }], propDecorators: { fetchUser: [] } });
-
 class KitGridViewsSaveComponent {
     constructor() {
         this.store = inject(Store);
@@ -13650,115 +14200,54 @@ class KitGridFiltersComponent {
     getDateFilterConstraint(filter) {
         return this.columns().find(col => col.field === filter.field)?.dateFilterConstraint;
     }
-    isFilterSelectorItemDisabled(item, filters) {
-        return filters.some(filter => filter.field === item.field || filter.field === item.apiField);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitGridFiltersComponent, isStandalone: true, selector: "kit-grid-filters", inputs: { excludedColumns: { classPropertyName: "excludedColumns", publicName: "excludedColumns", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, filterListConfig: { classPropertyName: "filterListConfig", publicName: "filterListConfig", isSignal: true, isRequired: true, transformFunction: null }, useLocalTimeZone: { classPropertyName: "useLocalTimeZone", publicName: "useLocalTimeZone", isSignal: true, isRequired: false, transformFunction: null }, nullLabel: { classPropertyName: "nullLabel", publicName: "nullLabel", isSignal: true, isRequired: false, transformFunction: null }, notNullLabel: { classPropertyName: "notNullLabel", publicName: "notNullLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChanged: "filterChanged" }, ngImport: i0, template: "<div class=\"kit-grid-filters\">\n  @for (item of filters(); track item) {\n    @switch (item.type) {\n      @case (kitFilterType.CHECKBOX) {\n        <kit-filter-checkbox [filter]=\"item\"\n                             [items]=\"filterListConfig()[item.field].items\"\n                             [translateKeyPrefix]=\"filterListConfig()[item.field].translateKeyPrefix\"\n                             (filterRemoved)=\"removeFilter(item.field)\"\n                             (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-checkbox>\n      }\n      @case (kitFilterType.GUID) {\n        <kit-filter-checkbox [filter]=\"item\"\n                             [items]=\"filterListConfig()[item.field].items\"\n                             [guidField]=\"filterListConfig()[item.field].guidField\"\n                             (filterRemoved)=\"removeFilter(item.field)\"\n                             (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-checkbox>\n      }\n      @case (kitFilterType.RADIO) {\n        <kit-filter-radio [filter]=\"item\"\n                          [items]=\"filterListConfig()?.[item.field].items\"\n                          [translateKeyPrefix]=\"filterListConfig()?.[item.field].translateKeyPrefix\"\n                          (filterRemoved)=\"removeFilter(item.field)\"\n                          (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-radio>\n      }\n      @case (kitFilterType.DATE) {\n        <kit-filter-date [filter]=\"item\"\n                         [useLocalTimeZone]=\"useLocalTimeZone() || isLocalDateColumn(item)\"\n                         [useUserTimeZone]=\"useUserTimeZone(item)\"\n                         [dateFilterConstraint]=\"getDateFilterConstraint(item)\"\n                         (filterRemoved)=\"removeFilter(item.field)\"\n                         (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-date>\n      }\n      @case (kitFilterType.TEXT) {\n        <kit-filter-input [filterInputType]=\"kitFilterType.TEXT\"\n                          [filter]=\"item\"\n                          (filterRemoved)=\"removeFilter(item.field)\"\n                          (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-input>\n      }\n      @case (kitFilterType.NUMERIC) {\n        <kit-filter-input [filterInputType]=\"kitFilterType.NUMERIC\"\n                          [filter]=\"item\"\n                          (filterRemoved)=\"removeFilter(item.field)\"\n                          (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-input>\n      }\n      @case (kitFilterType.NULL) {\n        <kit-filter-null-check [filter]=\"item\"\n                               [nullLabel]=\"nullLabel()\"\n                               [notNullLabel]=\"notNullLabel()\"\n                               (filterRemoved)=\"removeFilter(item.field)\"\n                               (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-null-check>\n      }\n      @case (kitFilterType.CUSTOM_INPUT) {\n        <kit-filter-custom-input [filter]=\"item\"\n                                 (filterRemoved)=\"removeFilter(item.field)\"\n                                 (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-custom-input>\n      }\n    }\n  }\n\n  <kit-filter-selector [items]=\"filterSelectorItems()\"\n                       (itemSelected)=\"addFilter($event)\"\n  ></kit-filter-selector>\n</div>\n", styles: [".kit-grid-filters{display:flex;flex-wrap:wrap;gap:10px}::ng-deep .kit-pill-content{white-space:nowrap}\n"], dependencies: [{ kind: "component", type: KitFilterSelectorComponent, selector: "kit-filter-selector", inputs: ["items"], outputs: ["itemSelected"] }, { kind: "component", type: KitFilterCheckboxComponent, selector: "kit-filter-checkbox", inputs: ["filter", "translateKeyPrefix", "items", "showPopupOnInit", "guidField"], outputs: ["itemsChange", "filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterDateComponent, selector: "kit-filter-date", inputs: ["filter", "useUserTimeZone", "useLocalTimeZone", "dateFilterConstraint"], outputs: ["filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterRadioComponent, selector: "kit-filter-radio", inputs: ["filter", "translateKeyPrefix", "items"], outputs: ["itemsChange", "filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterInputComponent, selector: "kit-filter-input", inputs: ["filter", "filterInputType"], outputs: ["filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterNullCheckComponent, selector: "kit-filter-null-check", inputs: ["filter", "nullLabel", "notNullLabel", "showPopupOnInit", "selectedOption", "options"], outputs: ["filterRemoved", "filterChanged", "selectedOptionChange", "optionsChange"] }, { kind: "component", type: KitFilterCustomInputComponent, selector: "kit-filter-custom-input", inputs: ["filter"], outputs: ["filterRemoved", "filterChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridFiltersComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kit-grid-filters', standalone: true, imports: [
-                        KitFilterSelectorComponent,
-                        KitFilterCheckboxComponent,
-                        KitFilterDateComponent,
-                        KitFilterRadioComponent,
-                        KitFilterInputComponent,
-                        KitFilterNullCheckComponent,
-                        KitFilterCustomInputComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-grid-filters\">\n  @for (item of filters(); track item) {\n    @switch (item.type) {\n      @case (kitFilterType.CHECKBOX) {\n        <kit-filter-checkbox [filter]=\"item\"\n                             [items]=\"filterListConfig()[item.field].items\"\n                             [translateKeyPrefix]=\"filterListConfig()[item.field].translateKeyPrefix\"\n                             (filterRemoved)=\"removeFilter(item.field)\"\n                             (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-checkbox>\n      }\n      @case (kitFilterType.GUID) {\n        <kit-filter-checkbox [filter]=\"item\"\n                             [items]=\"filterListConfig()[item.field].items\"\n                             [guidField]=\"filterListConfig()[item.field].guidField\"\n                             (filterRemoved)=\"removeFilter(item.field)\"\n                             (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-checkbox>\n      }\n      @case (kitFilterType.RADIO) {\n        <kit-filter-radio [filter]=\"item\"\n                          [items]=\"filterListConfig()?.[item.field].items\"\n                          [translateKeyPrefix]=\"filterListConfig()?.[item.field].translateKeyPrefix\"\n                          (filterRemoved)=\"removeFilter(item.field)\"\n                          (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-radio>\n      }\n      @case (kitFilterType.DATE) {\n        <kit-filter-date [filter]=\"item\"\n                         [useLocalTimeZone]=\"useLocalTimeZone() || isLocalDateColumn(item)\"\n                         [useUserTimeZone]=\"useUserTimeZone(item)\"\n                         [dateFilterConstraint]=\"getDateFilterConstraint(item)\"\n                         (filterRemoved)=\"removeFilter(item.field)\"\n                         (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-date>\n      }\n      @case (kitFilterType.TEXT) {\n        <kit-filter-input [filterInputType]=\"kitFilterType.TEXT\"\n                          [filter]=\"item\"\n                          (filterRemoved)=\"removeFilter(item.field)\"\n                          (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-input>\n      }\n      @case (kitFilterType.NUMERIC) {\n        <kit-filter-input [filterInputType]=\"kitFilterType.NUMERIC\"\n                          [filter]=\"item\"\n                          (filterRemoved)=\"removeFilter(item.field)\"\n                          (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-input>\n      }\n      @case (kitFilterType.NULL) {\n        <kit-filter-null-check [filter]=\"item\"\n                               [nullLabel]=\"nullLabel()\"\n                               [notNullLabel]=\"notNullLabel()\"\n                               (filterRemoved)=\"removeFilter(item.field)\"\n                               (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-null-check>\n      }\n      @case (kitFilterType.CUSTOM_INPUT) {\n        <kit-filter-custom-input [filter]=\"item\"\n                                 (filterRemoved)=\"removeFilter(item.field)\"\n                                 (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-custom-input>\n      }\n    }\n  }\n\n  <kit-filter-selector [items]=\"filterSelectorItems()\"\n                       (itemSelected)=\"addFilter($event)\"\n  ></kit-filter-selector>\n</div>\n", styles: [".kit-grid-filters{display:flex;flex-wrap:wrap;gap:10px}::ng-deep .kit-pill-content{white-space:nowrap}\n"] }]
-        }], propDecorators: { excludedColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludedColumns", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], filterListConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterListConfig", required: true }] }], useLocalTimeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "useLocalTimeZone", required: false }] }], nullLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nullLabel", required: false }] }], notNullLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "notNullLabel", required: false }] }], filterChanged: [{ type: i0.Output, args: ["filterChanged"] }] } });
-
-class KitGridFiltersToggleComponent {
-    constructor() {
-        this.filters = input.required(...(ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []));
-        this.hasTooltip = input(true, ...(ngDevMode ? [{ debugName: "hasTooltip" }] : /* istanbul ignore next */ []));
-        this.active = input(false, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
-        this.clicked = output();
-        this.kitSvgIcon = KitSvgIcon;
-        this.kitButtonType = KitButtonType;
-        this.kitButtonKind = KitButtonKind;
-        this.kitButtonIconPosition = KitButtonIconPosition;
-        this.kitBadgeTheme = KitBadgeTheme;
-        this.kitSvgIconType = KitSvgIconType;
-        this.kitTooltipPosition = KitTooltipPosition;
-    }
-    onClick() {
-        this.clicked.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridFiltersToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: KitGridFiltersToggleComponent, isStandalone: true, selector: "kit-grid-filters-toggle", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: true, transformFunction: null }, hasTooltip: { classPropertyName: "hasTooltip", publicName: "hasTooltip", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<kit-button kitBadge\n            kitTooltip\n            kitTooltipFilter=\"kit-button\"\n            [title]=\"'kit.filters.title' | translate\"\n            [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n            [kitTooltipVisible]=\"hasTooltip()\"\n            [kitBadgeText]=\"filters().length\"\n            [kitBadgeTheme]=\"kitBadgeTheme.DANGER\"\n            [kitBadgeVisible]=\"filters().length > 0\"\n            [label]=\"hasTooltip() ? '' : 'kit.filters.title' | translate\"\n            [type]=\"kitButtonType.GHOST\"\n            [kind]=\"kitButtonKind.MEDIUM\"\n            [icon]=\"kitSvgIcon.FILTER\"\n            [iconPosition]=\"kitButtonIconPosition.LEADING\"\n            [active]=\"active()\"\n            (clicked)=\"onClick()\" />\n", dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: KitBadgeDirective, selector: "[kitBadge]", inputs: ["kitBadgeText", "kitBadgeTheme", "kitBadgeVisible"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible", "kitTooltipOffset"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridFiltersToggleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kit-grid-filters-toggle', imports: [
-                        KitButtonComponent,
-                        KitBadgeDirective,
-                        KitTooltipDirective,
-                        TranslatePipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kit-button kitBadge\n            kitTooltip\n            kitTooltipFilter=\"kit-button\"\n            [title]=\"'kit.filters.title' | translate\"\n            [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n            [kitTooltipVisible]=\"hasTooltip()\"\n            [kitBadgeText]=\"filters().length\"\n            [kitBadgeTheme]=\"kitBadgeTheme.DANGER\"\n            [kitBadgeVisible]=\"filters().length > 0\"\n            [label]=\"hasTooltip() ? '' : 'kit.filters.title' | translate\"\n            [type]=\"kitButtonType.GHOST\"\n            [kind]=\"kitButtonKind.MEDIUM\"\n            [icon]=\"kitSvgIcon.FILTER\"\n            [iconPosition]=\"kitButtonIconPosition.LEADING\"\n            [active]=\"active()\"\n            (clicked)=\"onClick()\" />\n" }]
-        }], propDecorators: { filters: [{ type: i0.Input, args: [{ isSignal: true, alias: "filters", required: true }] }], hasTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTooltip", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
-
-class KitGridCellService {
-    constructor() {
-        this.translateService = inject(TranslateService);
-        this.decimalPipe = inject(DecimalPipe);
-        this.datePipe = inject(DatePipe);
-        this.dateFormatConfig = inject(KIT_GRID_CELL_DATE_FORMAT_CONFIG, { optional: true });
-        this.store = inject(Store);
-        this.userState = this.store.selectSignal(KIT_USER_STATE_TOKEN)();
-        const dateFormatConfig = this.dateFormatConfig;
-        this.dateFormat = dateFormatConfig?.dateFormat ?? KIT_DATE_FORMAT;
-        this.dateTimeFormat = dateFormatConfig?.dateTimeFormat ?? KIT_DATETIME_FORMAT_LONG;
-    }
-    createCellValue(columnType, columnField, dataItem, translationMap = {}, defaultValue = '', valueTransforms = {}) {
-        const rawValue = this.getCellValue(dataItem, columnField);
-        const value = valueTransforms[columnField]?.(rawValue) ?? rawValue;
-        if (columnField in translationMap && value != null && value !== '') {
-            return this.translateService.instant(translationMap[columnField](value)) ?? defaultValue;
-        }
-        switch (columnType) {
-            case 'number':
-                return this.decimalPipe.transform(value) ?? defaultValue;
-            case 'plainNumber':
-                return value || defaultValue;
-            case 'date':
-                return this.datePipe.transform(value, this.dateFormat, 'UTC') ?? defaultValue;
-            case 'dateTime':
-                return this.datePipe.transform(value, this.dateTimeFormat, 'UTC') ?? defaultValue;
-            case 'dateLocal':
-                return this.datePipe.transform(value, this.dateFormat) ?? defaultValue;
-            case 'dateTimeLocal':
-                return this.datePipe.transform(value, this.dateTimeFormat) ?? defaultValue;
-            case 'dateZone':
-                return value ? formatInTimeZone(value, this.userState.data?.namedTimeZone ?? 'UTC', this.dateFormat) : defaultValue;
-            case 'dateTimeZone':
-                return value ? formatInTimeZone(value, this.userState.data?.namedTimeZone ?? 'UTC', this.dateTimeFormat) : defaultValue;
-            case 'boolean':
-                return this.translateService.instant(value ? 'common.yes' : 'common.no');
-            default:
-                return value || defaultValue;
-        }
-    }
-    getCellValue(dataItem, field) {
-        let value = dataItem[field];
-        if (!value) {
-            value = this.getNestedGridCellValue(dataItem, field);
-        }
-        return value;
-    }
-    getNestedGridCellValue(dataItem, field) {
-        const value = field.split('.').reduce((acc, key) => acc !== null && typeof acc === 'object' && key in acc
-            ? acc[key]
-            : undefined, dataItem);
-        return value === 0 ? 0 : value || '';
+    isFilterSelectorItemDisabled(item, filters) {
+        return filters.some(filter => filter.field === item.field || filter.field === item.apiField);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridCellService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridCellService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitGridFiltersComponent, isStandalone: true, selector: "kit-grid-filters", inputs: { excludedColumns: { classPropertyName: "excludedColumns", publicName: "excludedColumns", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, filterListConfig: { classPropertyName: "filterListConfig", publicName: "filterListConfig", isSignal: true, isRequired: true, transformFunction: null }, useLocalTimeZone: { classPropertyName: "useLocalTimeZone", publicName: "useLocalTimeZone", isSignal: true, isRequired: false, transformFunction: null }, nullLabel: { classPropertyName: "nullLabel", publicName: "nullLabel", isSignal: true, isRequired: false, transformFunction: null }, notNullLabel: { classPropertyName: "notNullLabel", publicName: "notNullLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChanged: "filterChanged" }, ngImport: i0, template: "<div class=\"kit-grid-filters\">\n  @for (item of filters(); track item) {\n    @switch (item.type) {\n      @case (kitFilterType.CHECKBOX) {\n        <kit-filter-checkbox [filter]=\"item\"\n                             [items]=\"filterListConfig()[item.field].items\"\n                             [translateKeyPrefix]=\"filterListConfig()[item.field].translateKeyPrefix\"\n                             (filterRemoved)=\"removeFilter(item.field)\"\n                             (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-checkbox>\n      }\n      @case (kitFilterType.GUID) {\n        <kit-filter-checkbox [filter]=\"item\"\n                             [items]=\"filterListConfig()[item.field].items\"\n                             [guidField]=\"filterListConfig()[item.field].guidField\"\n                             (filterRemoved)=\"removeFilter(item.field)\"\n                             (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-checkbox>\n      }\n      @case (kitFilterType.RADIO) {\n        <kit-filter-radio [filter]=\"item\"\n                          [items]=\"filterListConfig()?.[item.field].items\"\n                          [translateKeyPrefix]=\"filterListConfig()?.[item.field].translateKeyPrefix\"\n                          (filterRemoved)=\"removeFilter(item.field)\"\n                          (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-radio>\n      }\n      @case (kitFilterType.DATE) {\n        <kit-filter-date [filter]=\"item\"\n                         [useLocalTimeZone]=\"useLocalTimeZone() || isLocalDateColumn(item)\"\n                         [useUserTimeZone]=\"useUserTimeZone(item)\"\n                         [dateFilterConstraint]=\"getDateFilterConstraint(item)\"\n                         (filterRemoved)=\"removeFilter(item.field)\"\n                         (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-date>\n      }\n      @case (kitFilterType.TEXT) {\n        <kit-filter-input [filterInputType]=\"kitFilterType.TEXT\"\n                          [filter]=\"item\"\n                          (filterRemoved)=\"removeFilter(item.field)\"\n                          (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-input>\n      }\n      @case (kitFilterType.NUMERIC) {\n        <kit-filter-input [filterInputType]=\"kitFilterType.NUMERIC\"\n                          [filter]=\"item\"\n                          (filterRemoved)=\"removeFilter(item.field)\"\n                          (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-input>\n      }\n      @case (kitFilterType.NULL) {\n        <kit-filter-null-check [filter]=\"item\"\n                               [nullLabel]=\"nullLabel()\"\n                               [notNullLabel]=\"notNullLabel()\"\n                               (filterRemoved)=\"removeFilter(item.field)\"\n                               (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-null-check>\n      }\n      @case (kitFilterType.CUSTOM_INPUT) {\n        <kit-filter-custom-input [filter]=\"item\"\n                                 (filterRemoved)=\"removeFilter(item.field)\"\n                                 (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-custom-input>\n      }\n    }\n  }\n\n  <kit-filter-selector [items]=\"filterSelectorItems()\"\n                       (itemSelected)=\"addFilter($event)\"\n  ></kit-filter-selector>\n</div>\n", styles: [".kit-grid-filters{display:flex;flex-wrap:wrap;gap:10px}::ng-deep .kit-pill-content{white-space:nowrap}\n"], dependencies: [{ kind: "component", type: KitFilterSelectorComponent, selector: "kit-filter-selector", inputs: ["items"], outputs: ["itemSelected"] }, { kind: "component", type: KitFilterCheckboxComponent, selector: "kit-filter-checkbox", inputs: ["filter", "translateKeyPrefix", "items", "showPopupOnInit", "guidField"], outputs: ["itemsChange", "filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterDateComponent, selector: "kit-filter-date", inputs: ["filter", "useUserTimeZone", "useLocalTimeZone", "dateFilterConstraint"], outputs: ["filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterRadioComponent, selector: "kit-filter-radio", inputs: ["filter", "translateKeyPrefix", "items"], outputs: ["itemsChange", "filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterInputComponent, selector: "kit-filter-input", inputs: ["filter", "filterInputType"], outputs: ["filterRemoved", "filterChanged"] }, { kind: "component", type: KitFilterNullCheckComponent, selector: "kit-filter-null-check", inputs: ["filter", "nullLabel", "notNullLabel", "showPopupOnInit", "selectedOption", "options"], outputs: ["filterRemoved", "filterChanged", "selectedOptionChange", "optionsChange"] }, { kind: "component", type: KitFilterCustomInputComponent, selector: "kit-filter-custom-input", inputs: ["filter"], outputs: ["filterRemoved", "filterChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridCellService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridFiltersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-grid-filters', standalone: true, imports: [
+                        KitFilterSelectorComponent,
+                        KitFilterCheckboxComponent,
+                        KitFilterDateComponent,
+                        KitFilterRadioComponent,
+                        KitFilterInputComponent,
+                        KitFilterNullCheckComponent,
+                        KitFilterCustomInputComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-grid-filters\">\n  @for (item of filters(); track item) {\n    @switch (item.type) {\n      @case (kitFilterType.CHECKBOX) {\n        <kit-filter-checkbox [filter]=\"item\"\n                             [items]=\"filterListConfig()[item.field].items\"\n                             [translateKeyPrefix]=\"filterListConfig()[item.field].translateKeyPrefix\"\n                             (filterRemoved)=\"removeFilter(item.field)\"\n                             (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-checkbox>\n      }\n      @case (kitFilterType.GUID) {\n        <kit-filter-checkbox [filter]=\"item\"\n                             [items]=\"filterListConfig()[item.field].items\"\n                             [guidField]=\"filterListConfig()[item.field].guidField\"\n                             (filterRemoved)=\"removeFilter(item.field)\"\n                             (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-checkbox>\n      }\n      @case (kitFilterType.RADIO) {\n        <kit-filter-radio [filter]=\"item\"\n                          [items]=\"filterListConfig()?.[item.field].items\"\n                          [translateKeyPrefix]=\"filterListConfig()?.[item.field].translateKeyPrefix\"\n                          (filterRemoved)=\"removeFilter(item.field)\"\n                          (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-radio>\n      }\n      @case (kitFilterType.DATE) {\n        <kit-filter-date [filter]=\"item\"\n                         [useLocalTimeZone]=\"useLocalTimeZone() || isLocalDateColumn(item)\"\n                         [useUserTimeZone]=\"useUserTimeZone(item)\"\n                         [dateFilterConstraint]=\"getDateFilterConstraint(item)\"\n                         (filterRemoved)=\"removeFilter(item.field)\"\n                         (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-date>\n      }\n      @case (kitFilterType.TEXT) {\n        <kit-filter-input [filterInputType]=\"kitFilterType.TEXT\"\n                          [filter]=\"item\"\n                          (filterRemoved)=\"removeFilter(item.field)\"\n                          (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-input>\n      }\n      @case (kitFilterType.NUMERIC) {\n        <kit-filter-input [filterInputType]=\"kitFilterType.NUMERIC\"\n                          [filter]=\"item\"\n                          (filterRemoved)=\"removeFilter(item.field)\"\n                          (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-input>\n      }\n      @case (kitFilterType.NULL) {\n        <kit-filter-null-check [filter]=\"item\"\n                               [nullLabel]=\"nullLabel()\"\n                               [notNullLabel]=\"notNullLabel()\"\n                               (filterRemoved)=\"removeFilter(item.field)\"\n                               (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-null-check>\n      }\n      @case (kitFilterType.CUSTOM_INPUT) {\n        <kit-filter-custom-input [filter]=\"item\"\n                                 (filterRemoved)=\"removeFilter(item.field)\"\n                                 (filterChanged)=\"applyFilter(item, $event)\"\n        ></kit-filter-custom-input>\n      }\n    }\n  }\n\n  <kit-filter-selector [items]=\"filterSelectorItems()\"\n                       (itemSelected)=\"addFilter($event)\"\n  ></kit-filter-selector>\n</div>\n", styles: [".kit-grid-filters{display:flex;flex-wrap:wrap;gap:10px}::ng-deep .kit-pill-content{white-space:nowrap}\n"] }]
+        }], propDecorators: { excludedColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludedColumns", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], filterListConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterListConfig", required: true }] }], useLocalTimeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "useLocalTimeZone", required: false }] }], nullLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nullLabel", required: false }] }], notNullLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "notNullLabel", required: false }] }], filterChanged: [{ type: i0.Output, args: ["filterChanged"] }] } });
+
+class KitGridFiltersToggleComponent {
+    constructor() {
+        this.filters = input.required(...(ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []));
+        this.hasTooltip = input(true, ...(ngDevMode ? [{ debugName: "hasTooltip" }] : /* istanbul ignore next */ []));
+        this.active = input(false, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+        this.clicked = output();
+        this.kitSvgIcon = KitSvgIcon;
+        this.kitButtonType = KitButtonType;
+        this.kitButtonKind = KitButtonKind;
+        this.kitButtonIconPosition = KitButtonIconPosition;
+        this.kitBadgeTheme = KitBadgeTheme;
+        this.kitSvgIconType = KitSvgIconType;
+        this.kitTooltipPosition = KitTooltipPosition;
+    }
+    onClick() {
+        this.clicked.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridFiltersToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: KitGridFiltersToggleComponent, isStandalone: true, selector: "kit-grid-filters-toggle", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: true, transformFunction: null }, hasTooltip: { classPropertyName: "hasTooltip", publicName: "hasTooltip", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<kit-button kitBadge\n            kitTooltip\n            kitTooltipFilter=\"kit-button\"\n            [title]=\"'kit.filters.title' | translate\"\n            [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n            [kitTooltipVisible]=\"hasTooltip()\"\n            [kitBadgeText]=\"filters().length\"\n            [kitBadgeTheme]=\"kitBadgeTheme.DANGER\"\n            [kitBadgeVisible]=\"filters().length > 0\"\n            [label]=\"hasTooltip() ? '' : 'kit.filters.title' | translate\"\n            [type]=\"kitButtonType.GHOST\"\n            [kind]=\"kitButtonKind.MEDIUM\"\n            [icon]=\"kitSvgIcon.FILTER\"\n            [iconPosition]=\"kitButtonIconPosition.LEADING\"\n            [active]=\"active()\"\n            (clicked)=\"onClick()\" />\n", dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: KitBadgeDirective, selector: "[kitBadge]", inputs: ["kitBadgeText", "kitBadgeTheme", "kitBadgeVisible"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible", "kitTooltipOffset"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridFiltersToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-grid-filters-toggle', imports: [
+                        KitButtonComponent,
+                        KitBadgeDirective,
+                        KitTooltipDirective,
+                        TranslatePipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kit-button kitBadge\n            kitTooltip\n            kitTooltipFilter=\"kit-button\"\n            [title]=\"'kit.filters.title' | translate\"\n            [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n            [kitTooltipVisible]=\"hasTooltip()\"\n            [kitBadgeText]=\"filters().length\"\n            [kitBadgeTheme]=\"kitBadgeTheme.DANGER\"\n            [kitBadgeVisible]=\"filters().length > 0\"\n            [label]=\"hasTooltip() ? '' : 'kit.filters.title' | translate\"\n            [type]=\"kitButtonType.GHOST\"\n            [kind]=\"kitButtonKind.MEDIUM\"\n            [icon]=\"kitSvgIcon.FILTER\"\n            [iconPosition]=\"kitButtonIconPosition.LEADING\"\n            [active]=\"active()\"\n            (clicked)=\"onClick()\" />\n" }]
+        }], propDecorators: { filters: [{ type: i0.Input, args: [{ isSignal: true, alias: "filters", required: true }] }], hasTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTooltip", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
 
 var GridExportOptions;
 (function (GridExportOptions) {
@@ -13794,91 +14283,6 @@ const gridExportOptions = [
     },
 ];
 
-class KitExcelExportService {
-    constructor() {
-        this.translateService = inject(TranslateService);
-        this.store = inject(Store);
-        this.gridCellService = inject(KitGridCellService);
-    }
-    async export(data, exportedColumns, exportedFileName, translationMap, valueTransforms = {}) {
-        const userTimezone = this.store.selectSnapshot(KIT_USER_STATE_TOKEN).data?.namedTimeZone ?? 'UTC';
-        const workbook = { sheets: [{ rows: [], columns: [] }] };
-        const columns = exportedColumns.map(({ title, field }) => ({
-            value: this.translateService.instant(title || field),
-            background: '#7a7a7a',
-            color: '#fff',
-            width: 170,
-        }));
-        workbook.sheets[0].rows = this.getExportedExcelRows(columns, data, exportedColumns, translationMap, userTimezone, valueTransforms);
-        workbook.sheets[0].columns = columns;
-        const dataUrl = await new Workbook(workbook).toDataURL();
-        return saveAs(dataUrl, `${exportedFileName}.xlsx`);
-    }
-    getExportedExcelRows(columns, data, gridColumns, translationMap, userTimezone, valueTransforms = {}) {
-        const rows = [{ cells: columns, type: 'header' }];
-        for (const row of data) {
-            const rowCells = gridColumns.map((column) => {
-                const rawValue = this.gridCellService.getCellValue(row, column.field);
-                const value = valueTransforms[column.field]?.(rawValue) ?? rawValue;
-                switch (column.type) {
-                    case 'number': {
-                        return { value: (value ?? undefined) };
-                    }
-                    case 'time':
-                        return { format: column.excelFormat, value: this.timeStringToExcelFraction(value) };
-                    case 'date':
-                    case 'dateTime': {
-                        const format = column.excelFormat || (column.type === 'date' ? KIT_DATE_FORMAT : KIT_DATETIME_FORMAT_LONG);
-                        const dateValue = value ? this.truncateToSeconds(this.convertToUtcDate(value)) : undefined;
-                        return { format, value: dateValue };
-                    }
-                    case 'dateLocal':
-                    case 'dateTimeLocal': {
-                        const format = column.excelFormat || (column.type === 'dateLocal' ? KIT_DATE_FORMAT : KIT_DATETIME_FORMAT_LONG);
-                        const dateValue = value ? this.truncateToSeconds(new Date(value)) : undefined;
-                        return { format, value: dateValue };
-                    }
-                    case 'dateZone':
-                    case 'dateTimeZone': {
-                        const format = column.excelFormat || (column.type === 'dateZone' ? KIT_DATE_FORMAT : KIT_DATETIME_FORMAT_LONG);
-                        const dateValue = value
-                            ? this.truncateToSeconds(toZonedTime(new Date(value), userTimezone))
-                            : undefined;
-                        return { format, value: dateValue };
-                    }
-                }
-                return { value: this.gridCellService.createCellValue(column.type, column.field, row, translationMap, '', valueTransforms) };
-            });
-            rows.push({ cells: rowCells, type: 'data' });
-        }
-        return rows;
-    }
-    timeStringToExcelFraction(time) {
-        if (!time) {
-            return '';
-        }
-        const [hoursStr, minutesStr,] = time.split(':');
-        const hours = Number.parseInt(hoursStr, 10);
-        const minutes = Number.parseInt(minutesStr, 10);
-        return (hours * 60 + minutes) / (24 * 60);
-    }
-    convertToUtcDate(dateString) {
-        const date = new Date(dateString);
-        const timezoneOffset = date.getTimezoneOffset();
-        return new Date(date.getTime() + timezoneOffset * 60 * 1000);
-    }
-    truncateToSeconds(date) {
-        const result = new Date(date);
-        result.setMilliseconds(0);
-        return result;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitExcelExportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitExcelExportService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitExcelExportService, decorators: [{
-            type: Injectable
-        }] });
-
 class KitGridExportComponent {
     constructor() {
         this.translateService = inject(TranslateService);
@@ -15301,9 +15705,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-skeleton-section\">\n  <kit-skeleton [height]=\"24\"\n                [width]=\"250\"\n  ></kit-skeleton>\n\n  <kit-skeleton [height]=\"500\"\n  ></kit-skeleton>\n</div>\n", styles: [".kit-skeleton-section{display:flex;flex-direction:column;gap:30px}\n"] }]
         }] });
 
-const KIT_GRID_COLUMN_WIDTH = 170;
-const KIT_GRID_PAGE_SIZE = 10;
-
 class KitGridLiveUpdatesControlComponent {
     constructor() {
         this.source = input.required(...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
@@ -15368,51 +15769,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                 }]
         }] });
 
-class KitHttpErrorHandlerService {
-    constructor() {
-        this.kitNotificationService = inject(KitNotificationService);
-        this.translateService = inject(TranslateService);
-        this.router = inject(Router);
-    }
-    handleServerError(error) {
-        if (error.error instanceof ErrorEvent) {
-            this.showErrorNotification(`${this.translateService.instant('kit.http.clientError')} ${error.error.message}`);
-            return throwError(() => error);
-        }
-        switch (error.status) {
-            case HttpStatusCode.Unauthorized:
-                this.showErrorNotification(this.translateService.instant('kit.http.unauthorized'));
-                break;
-            case HttpStatusCode.Forbidden:
-                this.showErrorNotification(this.translateService.instant('kit.http.forbidden'));
-                this.router.navigate(['forbidden']);
-                break;
-            case HttpStatusCode.NotFound:
-                this.showErrorNotification(this.translateService.instant('kit.http.notFound'));
-                break;
-            case HttpStatusCode.BadRequest:
-                this.showErrorNotification(`${this.translateService.instant('kit.http.validationError')} ${error.error?.title ?? ''}`);
-                break;
-            default:
-                if (error.status >= HttpStatusCode.InternalServerError) {
-                    this.showErrorNotification(`${this.translateService.instant('kit.http.serverError')} ${error.error?.title ?? ''}`);
-                }
-        }
-        return throwError(() => error);
-    }
-    showSuccessNotification(message) {
-        this.kitNotificationService.addNotification(KitNotificationType.SUCCESS, message);
-    }
-    showErrorNotification(message) {
-        this.kitNotificationService.addNotification(KitNotificationType.ERROR, message);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitHttpErrorHandlerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitHttpErrorHandlerService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitHttpErrorHandlerService, decorators: [{
-            type: Injectable
-        }] });
-
 class KitClipboardService {
     constructor() {
         this.window = inject(WINDOW);
@@ -16360,74 +16716,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                     ], template: "<div class=\"kit-tree\">\n  <div class=\"kit-tree-toolbar\">\n    @if (isStructuredFormat()) {\n      <kit-button kitTooltip\n                  kitTooltipFilter=\"kit-button\"\n                  [title]=\"toggleAllTitleKey() | translate\"\n                  [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                  [type]=\"kitButtonType.GHOST\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [icon]=\"toggleAllIcon()\"\n                  [disabled]=\"isExpandAllDisabled()\"\n                  (clicked)=\"toggleAll()\"\n      ></kit-button>\n    }\n    <kit-button kitTooltip\n                kitTooltipFilter=\"kit-button\"\n                [title]=\"'kit.tree.actions.copyRaw' | translate\"\n                [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"kitSvgIcon.COPY\"\n                [iconType]=\"kitSvgIconType.STROKE\"\n                (clicked)=\"copyRawInput()\"\n    ></kit-button>\n    <kit-button kitTooltip\n                kitTooltipFilter=\"kit-button\"\n                [title]=\"'kit.tree.actions.copyPrettified' | translate\"\n                [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"kitSvgIcon.MAGIC_WAND\"\n                (clicked)=\"copyPrettifiedInput()\"\n    ></kit-button>\n\n    @if (isStructuredFormat()) {\n      <kit-button kitTooltip\n                  kitTooltipFilter=\"kit-button\"\n                  [title]=\"toggleViewTitleKey() | translate\"\n                  [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                  [type]=\"kitButtonType.GHOST\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [icon]=\"toggleViewIcon()\"\n                  [active]=\"isRawView()\"\n                  (clicked)=\"toggleRawFormattedView()\"\n      ></kit-button>\n    }\n\n    @for (action of customActions(); track action.id) {\n      <kit-button kitTooltip\n                  kitTooltipFilter=\"kit-button\"\n                  [title]=\"action.label\"\n                  [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                  [type]=\"kitButtonType.GHOST\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [icon]=\"action.icon\"\n                  [active]=\"activeCustomActionId() === action.id\"\n                  [disabled]=\"!!action.disabled\"\n                  (clicked)=\"onCustomActionClick(action)\"\n      ></kit-button>\n    }\n  </div>\n\n  <div class=\"kit-tree-content\">\n    @if (isCustomContentActive()) {\n      <div class=\"kit-tree-custom-content\">\n        <ng-container [ngTemplateOutlet]=\"activeTemplate()?.templateRef ?? null\"></ng-container>\n      </div>\n    } @else if (isRawView() || !isStructuredFormat()) {\n      <pre class=\"kit-tree-raw\">{{ rawContent() }}</pre>\n    } @else {\n      <kendo-treeview kendoTreeViewHierarchyBinding\n                      kendoTreeViewExpandable\n                      childrenField=\"children\"\n                      textField=\"displayKey\"\n                      expandBy=\"key\"\n                      [nodes]=\"treeNodes()\"\n                      [expandedKeys]=\"expandedKeys()\"\n                      (expandedKeysChange)=\"onExpandedKeysChange($event)\">\n        <ng-template kendoTreeViewNodeTemplate\n                     let-dataItem>\n          <div class=\"kit-tree-node\">\n            @if (dataItem.displayValue !== undefined) {\n              <div class=\"kit-tree-node-key\">{{ dataItem.displayKey }}</div>\n              <div class=\"kit-tree-node-separator\">:</div>\n              @if (!isNodeExpanded(dataItem)) {\n                <div class=\"kit-tree-node-value\">{{ dataItem.displayValue }}</div>\n              }\n            } @else {\n              <div class=\"kit-tree-node-key\">{{ dataItem.text }}</div>\n            }\n          </div>\n        </ng-template>\n      </kendo-treeview>\n    }\n  </div>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}div[kendowatermarkoverlay]{display:none}:root{--ui-kit-header-height: 86px;--ui-kit-sidebar-collapsed-width: 56px;--ui-kit-sidebar-expanded-width: 256px;--ui-kit-layout-gap: 25px}.kit-tree{padding:15px;background-color:var(--ui-kit-color-white);border:1px solid var(--ui-kit-color-grey-11);border-radius:10px}.kit-tree-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-tree-content{padding:15px 0 0}.kit-tree-node{display:flex;align-items:center;gap:5px;padding:3px 0;font-size:14px;font-family:monospace;line-height:1.5}.kit-tree-node-key{color:var(--ui-kit-color-grey-10);font-weight:600}.kit-tree-node-separator{color:var(--ui-kit-color-grey-10)}.kit-tree-node-value{color:var(--ui-kit-color-main)}.kit-tree-raw{margin:0;padding:10px;color:var(--ui-kit-color-grey-10);font-family:monospace;border-radius:6px;white-space:pre-wrap;word-break:break-word;background:var(--ui-kit-color-grey-8)}.kit-tree .k-treeview::-webkit-scrollbar{height:8px;width:8px;background-color:var(--ui-kit-color-white)}.kit-tree .k-treeview::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-12);border-radius:4px}.kit-tree .k-treeview::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-18)}.kit-tree .k-treeview{scrollbar-color:initial}.kit-tree .k-treeview-group{padding-left:20px}.kit-tree .k-treeview-lines{margin:0;padding:0;list-style:none}.kit-tree .k-treeview-leaf{padding:0}.kit-tree .k-treeview-item{list-style:none}.kit-tree .k-treeview-item-content{display:flex;align-items:center;gap:5px;padding-inline-start:calc(var(--kendo-treeview-level, 0) * 20px)}.kit-tree .k-treeview-item-content:hover{background:none}.kit-tree .k-treeview-item-content.k-focus{box-shadow:none}.kit-tree .k-treeview-toggle{margin-inline-start:-25px;width:18px;height:18px;cursor:pointer}.kit-tree .k-treeview-toggle:hover{color:var(--ui-kit-color-main)}.kit-tree .k-treeview-toggle .k-icon{padding:0;width:100%;height:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], customActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "customActions", required: false }] }], contentTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KitTreeContentDirective), { isSignal: true }] }] } });
 
-const KIT_ENTITY_CREATE_SERVICE = new InjectionToken('kitEntityCreateService');
-class KitCreateEntityDialogComponent extends DialogContentBase {
-    constructor() {
-        const dialog = inject(DialogRef);
-        super(dialog);
-        this.entityService = inject(KIT_ENTITY_CREATE_SERVICE);
-        this.kitFormErrors = inject(KitFormErrors);
-        this.formBuilder = inject(FormBuilder);
-        this.maxLength = input(256, ...(ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []));
-        this.form = this.formBuilder.group({
-            name: this.formBuilder.control('', [
-                Validators.required,
-                kitWhitespaceValidator(),
-                Validators.maxLength(this.maxLength()),
-            ]),
-        });
-        this.kitButtonKind = KitButtonKind;
-        this.kitButtonType = KitButtonType;
-        this.isSaving = signal(false, ...(ngDevMode ? [{ debugName: "isSaving" }] : /* istanbul ignore next */ []));
-        this.getTextboxState = getTextboxState;
-        effect(() => {
-            const maxLength = this.maxLength();
-            this.form.controls['name'].setValidators([
-                Validators.required,
-                kitWhitespaceValidator(),
-                Validators.maxLength(maxLength),
-            ]);
-            this.form.controls['name'].updateValueAndValidity({ emitEvent: false });
-        });
-    }
-    createEntity() {
-        this.isSaving.set(true);
-        this.entityService.save({ name: this.form.controls['name'].value.trim() }).pipe(finalize(() => this.isSaving.set(false))).subscribe((data) => {
-            this.dialog.close(data);
-        });
-    }
-    getFormErrorMessages(form, controlName) {
-        return this.kitFormErrors.getErrors(form.controls[controlName]).join('. ');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCreateEntityDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: KitCreateEntityDialogComponent, isStandalone: true, selector: "kit-create-entity-dialog", inputs: { maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null } }, providers: [KitFormErrors], usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"form\">\n  <kit-textbox class=\"textbox\"\n               formControlName=\"name\"\n               [label]=\"'Name' | translate\"\n               [showStateIcon]=\"false\"\n               [state]=\"getTextboxState(form.get('name'))\"\n               [messageText]=\"getFormErrorMessages(form, 'name')\" />\n\n  <kit-dialog-actions>\n    <kit-button [label]=\"'Cancel' | translate\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [type]=\"kitButtonType.GHOST\"\n                (clicked)=\"dialog.close()\" />\n    <kit-button [label]=\"'Save' | translate\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [disabled]=\"form.invalid || isSaving()\"\n                (clicked)=\"createEntity()\" />\n  </kit-dialog-actions>\n</div>\n", styles: ["::ng-deep .kit-dialog .k-dialog{min-width:400px}::ng-deep .kit-dialog .k-dialog .k-dialog-content{padding:20px 25px}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon", "type"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "component", type: KitDialogActionsComponent, selector: "kit-dialog-actions" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCreateEntityDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kit-create-entity-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        TranslateModule,
-                        KitTextboxComponent,
-                        KitDialogActionsComponent,
-                        KitButtonComponent,
-                        FormsModule,
-                        ReactiveFormsModule,
-                    ], providers: [KitFormErrors], template: "<div [formGroup]=\"form\">\n  <kit-textbox class=\"textbox\"\n               formControlName=\"name\"\n               [label]=\"'Name' | translate\"\n               [showStateIcon]=\"false\"\n               [state]=\"getTextboxState(form.get('name'))\"\n               [messageText]=\"getFormErrorMessages(form, 'name')\" />\n\n  <kit-dialog-actions>\n    <kit-button [label]=\"'Cancel' | translate\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [type]=\"kitButtonType.GHOST\"\n                (clicked)=\"dialog.close()\" />\n    <kit-button [label]=\"'Save' | translate\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [disabled]=\"form.invalid || isSaving()\"\n                (clicked)=\"createEntity()\" />\n  </kit-dialog-actions>\n</div>\n", styles: ["::ng-deep .kit-dialog .k-dialog{min-width:400px}::ng-deep .kit-dialog .k-dialog .k-dialog-content{padding:20px 25px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }] } });
-
-var KitPermissionTypes;
-(function (KitPermissionTypes) {
-    KitPermissionTypes["Create"] = "Create";
-    KitPermissionTypes["Delete"] = "Delete";
-    KitPermissionTypes["Edit"] = "Edit";
-    KitPermissionTypes["View"] = "View";
-    KitPermissionTypes["Set"] = "Set";
-    KitPermissionTypes["Use"] = "Use";
-})(KitPermissionTypes || (KitPermissionTypes = {}));
-const defaultUserRolesSort = [{ field: 'name', dir: 'asc' }];
-const exportedUserRoleColumns = [
-    kitBuildGridColumn('name', 'Name', 'string', false, false, KIT_GRID_COLUMN_WIDTH),
-];
-
 class FetchUserRoles extends KitAbstractPayloadAction {
     static { this.type = '[KitUserRoles] Fetch User Roles'; }
 }
@@ -16855,5 +17143,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchApiTokens, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_ALL_PERMISSIONS_PATH, KIT_API_TOKENS_STATE_TOKEN, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_DATE_FORMAT_SHORT, KIT_ENTITY_CREATE_SERVICE, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_COLUMN_WIDTH, KIT_GRID_PAGE_SIZE, KIT_GRID_STATE_TOKEN, KIT_TIME_FORMAT_SHORT, KIT_USER_APPLICATIONS_PATH, KIT_USER_IDENTITIES_STATE_TOKEN, KIT_USER_PATH, KIT_USER_PERMISSIONS_PATH, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAbstractIdPayloadAction, KitAbstractPayloadAction, KitAccountService, KitApiTokenMaintenanceListComponent, KitApiTokenMaintenanceListState, KitApiTokensPermissionCategories, KitAutocompleteComponent, KitAutocompleteDirective, KitAvatarComponent, KitAvatarSize, KitBackButtonComponent, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonState, KitButtonType, KitCardComponent, KitCardDetailsComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxState, KitClipboardService, KitCodeEditorComponent, KitCodeEditorLanguage, KitCodeEditorMode, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCreateEntityDialogComponent, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelActionComponent, KitCtaPanelConfirmationComponent, KitCtaPanelItemComponent, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDateRangeSingleInput, KitDatepickerComponent, KitDatepickerSize, KitDaterangeComponent, KitDaterangeType, KitDatetimepickerComponent, KitDeferredFailedRequestService, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDrawerComponent, KitDrawerContentTemplateDirective, KitDrawerFooterTemplateDirective, KitDrawerMode, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEmptySectionSize, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntitySectionEditableActionsTemplateDirective, KitEntitySectionEditableComponent, KitEntitySectionEditableEditTemplateDirective, KitEntitySectionEditableMode, KitEntitySectionEditableViewTemplateDirective, KitEntityTitleComponent, KitExcelExportService, KitExpansionPanelComponent, KitExpansionPanelHeaderTemplateDirective, KitExpansionPanelToggleMode, KitExpansionPanelView, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardSize, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitFormFieldComponent, KitFormLabelComponent, KitFormMessageComponent, KitGlobalSearchComponent, KitGridActionComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridCheckboxColumnComponent, KitGridCheckboxColumnType, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridDropPosition, KitGridExportComponent, KitGridFiltersComponent, KitGridFiltersToggleComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitHttpErrorHandlerService, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitLocationStepperIconTheme, KitLocationStepperTheme, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectGroupTagTemplateDirective, KitMultiselectItemsDirection, KitMultiselectSize, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitOptionToggleSize, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopoverAnchorDirective, KitPopoverComponent, KitPopoverPosition, KitPopoverShowOption, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerMonthHeaderCellTemplateDirective, KitSchedulerToolbarTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSelectableCardComponent, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonGridComponent, KitSkeletonSectionComponent, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSplitContainerComponent, KitStatusLabelColor, KitStatusLabelComponent, KitStatusLabelSize, KitSvgIcon, KitSvgIconComponent, KitSvgIconType, KitSvgSpriteComponent, KitSwitchComponent, KitSwitchMode, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaState, KitTextboxActionsComponent, KitTextboxComponent, KitTextboxSize, KitTextboxState, KitThemeService, KitThemes, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTimelineCardComponent, KitTimelineCompactComponent, KitTimelineCompactItemTheme, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTreeComponent, KitTreeContentDirective, KitTreeContentFormat, KitTreeViewMode, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserRoleDetailsComponent, KitUserRolesComponent, KitUserRolesService, KitUserRolesState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, KitUsersSettingsComponent, KitUsersSettingsEntitlementsService, KitUsersSettingsEntitlementsState, KitUsersSettingsReferenceService, KitUsersSettingsService, KitUsersSettingsState, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, findMatches, getTextboxState, isKitFilterDescriptor, kitApiResponseDefaultEntities, kitApiTokenMaintenanceConfig, kitApiTokenMaintenanceRoutes, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildHttpParams, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitNormalizeDateToUtc, kitShouldResetGridState, kitTranslations, kitUserPermissionsGuard, kitUserRolesConfig, kitWhitespaceValidator, mapGlobalSearchResult, trimTrailingSlash };
+export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, DeletePartner, FetchApiTokens, FetchPartners, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_ALL_PERMISSIONS_PATH, KIT_API_TOKENS_STATE_TOKEN, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_DATE_FORMAT_SHORT, KIT_ENTITY_CREATE_SERVICE, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_COLUMN_WIDTH, KIT_GRID_PAGE_SIZE, KIT_GRID_STATE_TOKEN, KIT_PARTNERS_STATE_TOKEN, KIT_TIME_FORMAT_SHORT, KIT_USER_APPLICATIONS_PATH, KIT_USER_IDENTITIES_STATE_TOKEN, KIT_USER_PATH, KIT_USER_PERMISSIONS_PATH, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAbstractIdPayloadAction, KitAbstractPayloadAction, KitAccountService, KitApiTokenMaintenanceListComponent, KitApiTokenMaintenanceListState, KitApiTokensPermissionCategories, KitAutocompleteComponent, KitAutocompleteDirective, KitAvatarComponent, KitAvatarSize, KitBackButtonComponent, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonState, KitButtonType, KitCardComponent, KitCardDetailsComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxState, KitClipboardService, KitCodeEditorComponent, KitCodeEditorLanguage, KitCodeEditorMode, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCreateEntityDialogComponent, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelActionComponent, KitCtaPanelConfirmationComponent, KitCtaPanelItemComponent, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDateRangeSingleInput, KitDatepickerComponent, KitDatepickerSize, KitDaterangeComponent, KitDaterangeType, KitDatetimepickerComponent, KitDeferredFailedRequestService, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDrawerComponent, KitDrawerContentTemplateDirective, KitDrawerFooterTemplateDirective, KitDrawerMode, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEmptySectionSize, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntitySectionEditableActionsTemplateDirective, KitEntitySectionEditableComponent, KitEntitySectionEditableEditTemplateDirective, KitEntitySectionEditableMode, KitEntitySectionEditableViewTemplateDirective, KitEntityTitleComponent, KitExcelExportService, KitExpansionPanelComponent, KitExpansionPanelHeaderTemplateDirective, KitExpansionPanelToggleMode, KitExpansionPanelView, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardSize, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitFormFieldComponent, KitFormLabelComponent, KitFormMessageComponent, KitGlobalSearchComponent, KitGridActionComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridCheckboxColumnComponent, KitGridCheckboxColumnType, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridDropPosition, KitGridExportComponent, KitGridFiltersComponent, KitGridFiltersToggleComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitHttpErrorHandlerService, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitLocationStepperIconTheme, KitLocationStepperTheme, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectGroupTagTemplateDirective, KitMultiselectItemsDirection, KitMultiselectSize, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitOptionToggleSize, KitPageLayoutComponent, KitPartnerComponent, KitPartnerService, KitPartnerState, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopoverAnchorDirective, KitPopoverComponent, KitPopoverPosition, KitPopoverShowOption, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerMonthHeaderCellTemplateDirective, KitSchedulerToolbarTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSelectableCardComponent, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonGridComponent, KitSkeletonSectionComponent, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSplitContainerComponent, KitStatusLabelColor, KitStatusLabelComponent, KitStatusLabelSize, KitSvgIcon, KitSvgIconComponent, KitSvgIconType, KitSvgSpriteComponent, KitSwitchComponent, KitSwitchMode, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaState, KitTextboxActionsComponent, KitTextboxComponent, KitTextboxSize, KitTextboxState, KitThemeService, KitThemes, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTimelineCardComponent, KitTimelineCompactComponent, KitTimelineCompactItemTheme, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTreeComponent, KitTreeContentDirective, KitTreeContentFormat, KitTreeViewMode, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserRoleDetailsComponent, KitUserRolesComponent, KitUserRolesService, KitUserRolesState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, KitUsersSettingsComponent, KitUsersSettingsEntitlementsService, KitUsersSettingsEntitlementsState, KitUsersSettingsReferenceService, KitUsersSettingsService, KitUsersSettingsState, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, UpdatePartnerName, buildRandomUUID, changeFilterField, createDataFetcherFactory, findMatches, getTextboxState, isKitFilterDescriptor, kitApiResponseDefaultEntities, kitApiTokenMaintenanceConfig, kitApiTokenMaintenanceRoutes, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildHttpParams, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitNormalizeDateToUtc, kitShouldResetGridState, kitTranslations, kitUserPermissionsGuard, kitUserRolesConfig, kitWhitespaceValidator, mapGlobalSearchResult, trimTrailingSlash };
 //# sourceMappingURL=indigina-ui-kit.mjs.map