@indigina/ui-kit 1.1.165 → 1.1.167
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/indigina-ui-kit.mjs +139 -34
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-page-layout/kit-page-layout.component.d.ts +5 -5
- package/lib/services/api/kit-user-api/kit-user-api.model.d.ts +9 -0
- package/lib/services/api/kit-user-api/kit-user-api.service.d.ts +2 -1
- package/lib/store/kit-user/kit-user.action.d.ts +3 -0
- package/lib/store/kit-user/kit-user.state.d.ts +14 -0
- package/lib/widgets/kit-grid-management/kit-grid-views/kit-grid-views.component.d.ts +6 -4
- package/lib/widgets/kit-top-bar/kit-top-bar-user/kit-top-bar-user.component.d.ts +24 -0
- package/lib/widgets/kit-top-bar/kit-top-bar-user/kit-top-bar-user.model.d.ts +4 -0
- package/lib/widgets/kit-top-bar/kit-top-bar.component.d.ts +17 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -1950,14 +1950,14 @@ class KitNotificationComponent {
|
|
|
1950
1950
|
this.renderer.appendChild(target, this.appendedElement);
|
|
1951
1951
|
}
|
|
1952
1952
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitNotificationComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: KitNotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1953
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitNotificationComponent, isStandalone: true, selector: "kit-notification", inputs: { appendTo: "appendTo" }, ngImport: i0, template: "@for (notification of notifications().reverse(); track notification.id) {\n <div @fadeAnimation \n class=\"notification\" \n [ngClass]=\"notification.type\">\n <kit-svg-icon class=\"notification-icon\"\n [icon]=\"kitSvgIcon.WARNING_CIRCLE_FILLED\" />\n <ng-content />\n @if (notification.message) {\n <div class=\"notification-text\"
|
|
1953
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitNotificationComponent, isStandalone: true, selector: "kit-notification", inputs: { appendTo: "appendTo" }, ngImport: i0, template: "@for (notification of notifications().reverse(); track notification.id) {\n <div @fadeAnimation \n class=\"notification\" \n [ngClass]=\"notification.type\">\n <kit-svg-icon class=\"notification-icon\"\n [icon]=\"kitSvgIcon.WARNING_CIRCLE_FILLED\" />\n <ng-content />\n @if (notification.message) {\n <div class=\"notification-text\">{{ notification.message }}</div>\n }\n @if (notification.closable) {\n <kit-svg-icon class=\"notification-close-icon\"\n [icon]=\"kitSvgIcon.CROSS\"\n (click)=\"removeNotification(notification.id)\" />\n }\n </div>\n}\n", styles: [".notification{display:flex;align-items:center;padding:20px 24px;margin-top:10px;min-width:600px;border-radius:8px;line-height:22px;z-index:15;min-height:0}.notification-icon{margin-right:16px;width:24px;height:24px;stroke:none;flex-shrink:0}.notification-text{color:var(--ui-kit-color-grey-10);font-size:16px;line-height:24px;white-space:pre-wrap;flex-grow:1}.notification.success{fill:var(--ui-kit-color-green-1);background-color:var(--ui-kit-color-green-5);border:1px solid var(--ui-kit-color-green-6)}.notification.error{fill:var(--ui-kit-color-red-1);background-color:var(--ui-kit-color-red-3);border:1px solid var(--ui-kit-color-red-4)}.notification.warning{fill:var(--ui-kit-color-orange);background-color:var(--ui-kit-color-orange-4);border:1px solid var(--ui-kit-color-orange)}.notification.info{fill:var(--ui-kit-color-blue);background-color:var(--ui-kit-color-blue-1);border:1px solid var(--ui-kit-color-blue)}.notification-close-icon{width:16px;height:16px;fill:var(--ui-kit-color-grey-12);cursor:pointer}@media screen and (max-width: 768px){.notification{min-width:250px;max-width:250px;padding:12px 14px;margin-right:-10px}.notification-icon{margin-right:10px}.notification-text{font-size:15px;line-height:17px;width:80%}}\n"], dependencies: [{ kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [fadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1954
1954
|
}
|
|
1955
1955
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitNotificationComponent, decorators: [{
|
|
1956
1956
|
type: Component,
|
|
1957
1957
|
args: [{ selector: 'kit-notification', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
1958
1958
|
KitSvgIconModule,
|
|
1959
1959
|
NgClass,
|
|
1960
|
-
], animations: [fadeAnimation], template: "@for (notification of notifications().reverse(); track notification.id) {\n <div @fadeAnimation \n class=\"notification\" \n [ngClass]=\"notification.type\">\n <kit-svg-icon class=\"notification-icon\"\n [icon]=\"kitSvgIcon.WARNING_CIRCLE_FILLED\" />\n <ng-content />\n @if (notification.message) {\n <div class=\"notification-text\"
|
|
1960
|
+
], animations: [fadeAnimation], template: "@for (notification of notifications().reverse(); track notification.id) {\n <div @fadeAnimation \n class=\"notification\" \n [ngClass]=\"notification.type\">\n <kit-svg-icon class=\"notification-icon\"\n [icon]=\"kitSvgIcon.WARNING_CIRCLE_FILLED\" />\n <ng-content />\n @if (notification.message) {\n <div class=\"notification-text\">{{ notification.message }}</div>\n }\n @if (notification.closable) {\n <kit-svg-icon class=\"notification-close-icon\"\n [icon]=\"kitSvgIcon.CROSS\"\n (click)=\"removeNotification(notification.id)\" />\n }\n </div>\n}\n", styles: [".notification{display:flex;align-items:center;padding:20px 24px;margin-top:10px;min-width:600px;border-radius:8px;line-height:22px;z-index:15;min-height:0}.notification-icon{margin-right:16px;width:24px;height:24px;stroke:none;flex-shrink:0}.notification-text{color:var(--ui-kit-color-grey-10);font-size:16px;line-height:24px;white-space:pre-wrap;flex-grow:1}.notification.success{fill:var(--ui-kit-color-green-1);background-color:var(--ui-kit-color-green-5);border:1px solid var(--ui-kit-color-green-6)}.notification.error{fill:var(--ui-kit-color-red-1);background-color:var(--ui-kit-color-red-3);border:1px solid var(--ui-kit-color-red-4)}.notification.warning{fill:var(--ui-kit-color-orange);background-color:var(--ui-kit-color-orange-4);border:1px solid var(--ui-kit-color-orange)}.notification.info{fill:var(--ui-kit-color-blue);background-color:var(--ui-kit-color-blue-1);border:1px solid var(--ui-kit-color-blue)}.notification-close-icon{width:16px;height:16px;fill:var(--ui-kit-color-grey-12);cursor:pointer}@media screen and (max-width: 768px){.notification{min-width:250px;max-width:250px;padding:12px 14px;margin-right:-10px}.notification-icon{margin-right:10px}.notification-text{font-size:15px;line-height:17px;width:80%}}\n"] }]
|
|
1961
1961
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: KitNotificationService }], propDecorators: { appendTo: [{
|
|
1962
1962
|
type: Input
|
|
1963
1963
|
}] } });
|
|
@@ -6569,22 +6569,22 @@ class KitPageLayoutComponent {
|
|
|
6569
6569
|
constructor(kitNavigationMenuService) {
|
|
6570
6570
|
this.kitNavigationMenuService = kitNavigationMenuService;
|
|
6571
6571
|
this.sidebarContainer = viewChild('sidebarContainer');
|
|
6572
|
-
this.
|
|
6572
|
+
this.topBarContainer = viewChild('topBarContainer');
|
|
6573
6573
|
this.isMenuCollapsed = this.kitNavigationMenuService.getCollapsedState();
|
|
6574
6574
|
this.hasMenuSelected = this.kitNavigationMenuService.getSelectedState();
|
|
6575
6575
|
this.hasSidebar = false;
|
|
6576
|
-
this.
|
|
6576
|
+
this.hasTopBar = false;
|
|
6577
6577
|
}
|
|
6578
6578
|
ngAfterContentInit() {
|
|
6579
6579
|
this.hasSidebar = !!this.sidebarContainer()?.nativeElement.querySelector('[sidebar]');
|
|
6580
|
-
this.
|
|
6580
|
+
this.hasTopBar = !!this.topBarContainer()?.nativeElement.querySelector('[topBar]');
|
|
6581
6581
|
}
|
|
6582
6582
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitPageLayoutComponent, deps: [{ token: KitNavigationMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6583
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.4", type: KitPageLayoutComponent, isStandalone: true, selector: "kit-page-layout", viewQueries: [{ propertyName: "sidebarContainer", first: true, predicate: ["sidebarContainer"], descendants: true, isSignal: true }, { propertyName: "
|
|
6583
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.4", type: KitPageLayoutComponent, isStandalone: true, selector: "kit-page-layout", viewQueries: [{ propertyName: "sidebarContainer", first: true, predicate: ["sidebarContainer"], descendants: true, isSignal: true }, { propertyName: "topBarContainer", first: true, predicate: ["topBarContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"page-layout\"\n [class.sidebar-expanded]=\"!isMenuCollapsed() && hasMenuSelected()\"\n [class.has-sidebar]=\"hasSidebar\"\n [class.has-top-bar]=\"hasTopBar\">\n <div class=\"sidebar\" #sidebarContainer>\n <ng-content select=\"[sidebar]\" />\n </div>\n\n <div class=\"main\">\n <div class=\"top-bar\" #topBarContainer>\n <ng-content select=\"[topBar]\" />\n </div>\n\n <div class=\"content\">\n <ng-content select=\"[content]\" />\n </div>\n </div>\n</div>\n", styles: [".page-layout{display:flex;min-height:100%}.page-layout.has-sidebar .sidebar{position:fixed;top:0;left:0;height:100%;min-width:var(--ui-kit-sidebar-collapsed-width);background:var(--ui-kit-color-navy);overflow-x:hidden;z-index:11}.page-layout.has-sidebar .main{margin-left:var(--ui-kit-sidebar-collapsed-width)}.page-layout.has-sidebar.sidebar-expanded .main{margin-left:var(--ui-kit-sidebar-expanded-width)}.page-layout .main{display:flex;flex-direction:column;flex:1;padding:0 var(--ui-kit-layout-gap);width:0;transition:.2s ease-in-out}.page-layout.has-top-bar .top-bar{position:sticky;top:0;left:0;width:100%;height:var(--ui-kit-header-height);background:var(--ui-kit-color-grey-13);z-index:10}.page-layout .content{padding:25px 0;flex:1}.page-layout .content:has(.kit-breadcrumbs){padding-top:10px}.page-layout .content:has(.iframe-wrapper){padding:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6584
6584
|
}
|
|
6585
6585
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitPageLayoutComponent, decorators: [{
|
|
6586
6586
|
type: Component,
|
|
6587
|
-
args: [{ selector: 'kit-page-layout', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"page-layout\"\n [class.sidebar-expanded]=\"!isMenuCollapsed() && hasMenuSelected()\"\n [class.has-sidebar]=\"hasSidebar\"\n [class.has-
|
|
6587
|
+
args: [{ selector: 'kit-page-layout', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"page-layout\"\n [class.sidebar-expanded]=\"!isMenuCollapsed() && hasMenuSelected()\"\n [class.has-sidebar]=\"hasSidebar\"\n [class.has-top-bar]=\"hasTopBar\">\n <div class=\"sidebar\" #sidebarContainer>\n <ng-content select=\"[sidebar]\" />\n </div>\n\n <div class=\"main\">\n <div class=\"top-bar\" #topBarContainer>\n <ng-content select=\"[topBar]\" />\n </div>\n\n <div class=\"content\">\n <ng-content select=\"[content]\" />\n </div>\n </div>\n</div>\n", styles: [".page-layout{display:flex;min-height:100%}.page-layout.has-sidebar .sidebar{position:fixed;top:0;left:0;height:100%;min-width:var(--ui-kit-sidebar-collapsed-width);background:var(--ui-kit-color-navy);overflow-x:hidden;z-index:11}.page-layout.has-sidebar .main{margin-left:var(--ui-kit-sidebar-collapsed-width)}.page-layout.has-sidebar.sidebar-expanded .main{margin-left:var(--ui-kit-sidebar-expanded-width)}.page-layout .main{display:flex;flex-direction:column;flex:1;padding:0 var(--ui-kit-layout-gap);width:0;transition:.2s ease-in-out}.page-layout.has-top-bar .top-bar{position:sticky;top:0;left:0;width:100%;height:var(--ui-kit-header-height);background:var(--ui-kit-color-grey-13);z-index:10}.page-layout .content{padding:25px 0;flex:1}.page-layout .content:has(.kit-breadcrumbs){padding-top:10px}.page-layout .content:has(.iframe-wrapper){padding:0}\n"] }]
|
|
6588
6588
|
}], ctorParameters: () => [{ type: KitNavigationMenuService }] });
|
|
6589
6589
|
|
|
6590
6590
|
const KIT_BASE_PATH = new InjectionToken('kitBasePath');
|
|
@@ -7407,7 +7407,7 @@ class KitGridViewsComponent {
|
|
|
7407
7407
|
this.defaultViewName = input.required();
|
|
7408
7408
|
this.defaultSorting = input.required();
|
|
7409
7409
|
this.systemViews = input.required();
|
|
7410
|
-
this.viewChanged =
|
|
7410
|
+
this.viewChanged = output();
|
|
7411
7411
|
this.collapsedList = viewChild((KitCollapsedListComponent));
|
|
7412
7412
|
this.createNewViewPopup = viewChild('popup', { read: KitPopupComponent });
|
|
7413
7413
|
this.createNewViewName = signal('');
|
|
@@ -7450,9 +7450,19 @@ class KitGridViewsComponent {
|
|
|
7450
7450
|
const messageKey = validateViewName(this.views(), this.createNewViewName()).message;
|
|
7451
7451
|
return messageKey && this.translateService.instant(messageKey) || '';
|
|
7452
7452
|
}
|
|
7453
|
+
get defaultGridState() {
|
|
7454
|
+
return {
|
|
7455
|
+
skip: 0,
|
|
7456
|
+
take: 10,
|
|
7457
|
+
sort: this.defaultSorting(),
|
|
7458
|
+
filter: [],
|
|
7459
|
+
columns: this.defaultColumns(),
|
|
7460
|
+
};
|
|
7461
|
+
}
|
|
7453
7462
|
onSelectView(selectedView) {
|
|
7463
|
+
const params = this.buildUrlParamsFromView(selectedView.viewState);
|
|
7454
7464
|
this.resetQueryParams();
|
|
7455
|
-
this.navigateToView(selectedView.title, selectedView.type);
|
|
7465
|
+
this.navigateToView(selectedView.title, selectedView.type, params);
|
|
7456
7466
|
}
|
|
7457
7467
|
openViewsManagerModal() {
|
|
7458
7468
|
this.kitDialogService.openDialog({
|
|
@@ -7513,7 +7523,6 @@ class KitGridViewsComponent {
|
|
|
7513
7523
|
}),
|
|
7514
7524
|
new FetchGridViewsConfig(this.viewConfigGroup()),
|
|
7515
7525
|
]).subscribe(() => {
|
|
7516
|
-
this.resetQueryParams();
|
|
7517
7526
|
const views = this.store.selectSnapshot(KitGridViewsState.getViews());
|
|
7518
7527
|
const viewName = this.activatedRoute.snapshot.params['view'] ?? this.activatedRoute.snapshot.data['view'];
|
|
7519
7528
|
this.handleViewChange(viewName, views);
|
|
@@ -7526,8 +7535,7 @@ class KitGridViewsComponent {
|
|
|
7526
7535
|
return;
|
|
7527
7536
|
}
|
|
7528
7537
|
const views = this.store.selectSnapshot(KitGridViewsState.getViews());
|
|
7529
|
-
const viewName = decodeViewNameFromUrl(this.activatedRoute.snapshot.params['view'])
|
|
7530
|
-
?? this.activatedRoute.snapshot.data['view'];
|
|
7538
|
+
const viewName = decodeViewNameFromUrl(this.activatedRoute.snapshot.params['view']);
|
|
7531
7539
|
this.handleViewChange(viewName, views);
|
|
7532
7540
|
});
|
|
7533
7541
|
}
|
|
@@ -7560,7 +7568,7 @@ class KitGridViewsComponent {
|
|
|
7560
7568
|
}
|
|
7561
7569
|
updateGridState(view) {
|
|
7562
7570
|
const urlState = this.kitGridUrlStateService.getGridStateFromUrl();
|
|
7563
|
-
const state = this.
|
|
7571
|
+
const state = this.buildGridState(view, urlState);
|
|
7564
7572
|
this.store.dispatch([
|
|
7565
7573
|
new SetGridSort(state.sort),
|
|
7566
7574
|
new SetGridFilters(state.filter),
|
|
@@ -7583,35 +7591,42 @@ class KitGridViewsComponent {
|
|
|
7583
7591
|
value: `${view.title}_${view.group}_${view.type}`,
|
|
7584
7592
|
};
|
|
7585
7593
|
}
|
|
7586
|
-
navigateToView(viewName, type = KitGridViewType.USER) {
|
|
7594
|
+
navigateToView(viewName, type = KitGridViewType.USER, params = {}) {
|
|
7587
7595
|
const routePath = kitEncodeViewNameToUrl(viewName.toLowerCase());
|
|
7588
7596
|
return this.router.navigate([`../${routePath}`], {
|
|
7589
7597
|
relativeTo: this.activatedRoute,
|
|
7590
|
-
queryParams: { type },
|
|
7598
|
+
queryParams: { ...params, type },
|
|
7599
|
+
queryParamsHandling: 'merge',
|
|
7591
7600
|
});
|
|
7592
7601
|
}
|
|
7593
7602
|
;
|
|
7594
|
-
|
|
7603
|
+
buildGridState(view, urlState) {
|
|
7595
7604
|
const viewState = view.viewState ?? {};
|
|
7596
7605
|
const reset = this.needToResetQueryParams();
|
|
7597
|
-
const
|
|
7598
|
-
|
|
7599
|
-
|
|
7600
|
-
|
|
7601
|
-
|
|
7602
|
-
|
|
7606
|
+
const useViewState = reset || urlState.skip === undefined;
|
|
7607
|
+
const defaults = this.defaultGridState;
|
|
7608
|
+
const state = {
|
|
7609
|
+
skip: urlState.skip ?? defaults.skip,
|
|
7610
|
+
take: urlState.take ?? defaults.take,
|
|
7611
|
+
sort: useViewState ? viewState.sort ?? defaults.sort : urlState.sort ?? [],
|
|
7612
|
+
filter: convertFilterStringDate(useViewState ? viewState.filter ?? [] : urlState.filter ?? []),
|
|
7613
|
+
columns: buildGridColumns(defaults.columns, viewState.columns ?? defaults.columns),
|
|
7614
|
+
search: urlState.search,
|
|
7603
7615
|
};
|
|
7604
|
-
const skip = urlState.skip ?? defaults.skip;
|
|
7605
|
-
const take = urlState.take ?? defaults.take;
|
|
7606
|
-
const sort = reset ? viewState.sort ?? defaults.sort : urlState.sort ?? defaults.sort;
|
|
7607
|
-
const filterSource = reset ? viewState.filter : urlState.filter ?? null;
|
|
7608
|
-
const filter = convertFilterStringDate(filterSource ?? []);
|
|
7609
|
-
const columns = buildGridColumns(defaults.columns, viewState.columns ?? defaults.columns);
|
|
7610
|
-
const search = urlState.search ?? undefined;
|
|
7611
7616
|
if (reset) {
|
|
7612
7617
|
this.needToResetQueryParams.set(false);
|
|
7613
7618
|
}
|
|
7614
|
-
return
|
|
7619
|
+
return state;
|
|
7620
|
+
}
|
|
7621
|
+
buildUrlParamsFromView(viewState) {
|
|
7622
|
+
const sort = viewState?.sort ?? this.defaultSorting();
|
|
7623
|
+
const filter = convertFilterStringDate(viewState?.filter ?? []);
|
|
7624
|
+
return {
|
|
7625
|
+
skip: 0,
|
|
7626
|
+
take: 10,
|
|
7627
|
+
sort: JSON.stringify(sort),
|
|
7628
|
+
filter: JSON.stringify(filter),
|
|
7629
|
+
};
|
|
7615
7630
|
}
|
|
7616
7631
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitGridViewsComponent, deps: [{ token: i1$d.Store }, { token: i1$7.ActivatedRoute }, { token: i1$7.Router }, { token: i0.DestroyRef }, { token: i1$1.TitleCasePipe }, { token: KitDialogService }, { token: i1$a.TranslateService }, { token: i0.ViewContainerRef }, { token: KitGridUrlStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7617
7632
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitGridViewsComponent, isStandalone: true, selector: "kit-grid-views", inputs: { viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, viewConfigGroup: { classPropertyName: "viewConfigGroup", publicName: "viewConfigGroup", isSignal: true, isRequired: true, transformFunction: null }, defaultColumns: { classPropertyName: "defaultColumns", publicName: "defaultColumns", isSignal: true, isRequired: true, transformFunction: null }, defaultViewName: { classPropertyName: "defaultViewName", publicName: "defaultViewName", isSignal: true, isRequired: true, transformFunction: null }, defaultSorting: { classPropertyName: "defaultSorting", publicName: "defaultSorting", isSignal: true, isRequired: true, transformFunction: null }, systemViews: { classPropertyName: "systemViews", publicName: "systemViews", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { viewChanged: "viewChanged" }, providers: [
|
|
@@ -7637,9 +7652,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
7637
7652
|
TitleCasePipe,
|
|
7638
7653
|
KitGridUrlStateService,
|
|
7639
7654
|
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-grid-views\">\n @if (viewsState$ | async; as viewsState) {\n @if (!viewsState.loading) {\n @if (views$ | async; as views) {\n <div class=\"views-list\">\n <kit-collapsed-list #toggleButton\n [itemList]=\"collapsedListItems()\"\n [dropdownDefaultValueText]=\"collapsedListDropdownText()\"\n [lineHeight]=\"32\"\n [itemTemplate]=\"collapsedListItem\"\n [dropdownFooterTemplate]=\"dropdownFooter\"\n [dropdownItemTemplate]=\"dropdownItem\"\n [alwaysShowDropdown]=\"true\"\n (onSelectItem)=\"onSelectView($event)\"/>\n </div>\n\n <kit-grid-views-save [viewGroup]=\"viewGroup()\"\n [views]=\"views\"\n [viewsAutocompleteItems]=\"viewsAutocompleteItems$ | async\"\n (resetQueryParams)=\"resetQueryParams()\"\n ></kit-grid-views-save>\n }\n } @else {\n <kit-skeleton [width]=\"200\"\n [height]=\"32\"\n ></kit-skeleton>\n }\n }\n</div>\n\n<ng-template #collapsedListItem let-item>\n <kit-button class=\"views-item\"\n [ngClass]=\"item.type\"\n [active]=\"item.title === selectedView()?.title && item.type === selectedView()?.type\"\n [label]=\"item.title | titlecase\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"item.type === gridViewType.SYSTEM && kitSvgIcon.GLOBAL || kitSvgIcon.USER\"\n [iconType]=\"item.type === gridViewType.SYSTEM && kitSvgIconType.STROKE || kitSvgIconType.FILL\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"/>\n</ng-template>\n\n<ng-template #dropdownFooter>\n <div class=\"dropdown-footer\">\n <kit-button [label]=\"'kit.views.newView' | translate\"\n [type]=\"kitButtonType.TEXT\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onPopupToggle()\"/>\n <kit-button [label]=\"'kit.views.manageViews' | translate\"\n [type]=\"kitButtonType.TEXT\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"views().length < 2\"\n (clicked)=\"openViewsManagerModal()\"/>\n </div>\n</ng-template>\n\n<kit-popup #popup\n popupClass=\"kit-grid-new-view-popup\"\n [anchor]=\"$any(collapsedList()?.dropdown())\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"new-view\">\n <kit-textbox [defaultValue]=\"createNewViewName()\"\n [placeholder]=\"'kit.views.enterText' | translate\"\n [state]=\"isViewNameValid && kitTextboxState.DEFAULT || kitTextboxState.ERROR\"\n [messageText]=\"inputMessage\"\n (changed)=\"createNewViewName.set($event)\"\n ></kit-textbox>\n <div class=\"new-view-action\">\n <kit-button [label]=\"'kit.views.cancel' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"createNewViewPopup()?.close()\"\n ></kit-button>\n <kit-button [label]=\"'kit.views.save' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [disabled]=\"!createNewViewName() || !isViewNameValid\"\n (clicked)=\"onViewCreate()\"\n ></kit-button>\n </div>\n </div>\n</ng-template>\n\n<ng-template #dropdownItem let-dataItem>\n <div class=\"views-item\"\n [ngClass]=\"dataItem.type\"\n [class.active]=\"dataItem.title === selectedView()?.title && dataItem.type === selectedView()?.type\">\n <kit-svg-icon class=\"view-icon\"\n [icon]=\"dataItem.type === gridViewType.SYSTEM && kitSvgIcon.GLOBAL || kitSvgIcon.USER\"\n ></kit-svg-icon>\n <div class=\"item-name\">{{ dataItem.title | titlecase }}</div>\n <kit-svg-icon class=\"check-icon\"\n [icon]=\"kitSvgIcon.CHECK\"\n ></kit-svg-icon>\n </div>\n</ng-template>\n", styles: [".kit-grid-views{display:flex}.kit-grid-views .views-list{width:100%;min-width:0;margin-right:16px}::ng-deep .views-list .views-item.system .k-button{color:var(--ui-kit-color-blue)}::ng-deep .views-list .views-item.system .k-button .kit-button-icon{stroke:var(--ui-kit-color-blue);fill:none}::ng-deep .views-list .views-item.system .k-button:hover .kit-button-icon{stroke:var(--ui-kit-color-main)}::ng-deep .views-list .views-item.user .k-button{color:var(--ui-kit-color-grey-10)}::ng-deep .views-list .views-item.user .k-button .kit-button-icon{fill:var(--ui-kit-color-grey-12);stroke:none}::ng-deep .views-list .views-item.user .k-button:hover .kit-button-icon{fill:var(--ui-kit-color-main)}::ng-deep .views-list .views-item:hover .k-button{color:var(--ui-kit-color-main)}::ng-deep .views-list .views-item .k-button.active{color:var(--ui-kit-color-main)}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner{padding:0 16px}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner .value-icon{margin-left:5px}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .k-dropdownlist.dropdown:not(.k-popup){color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .k-dropdownlist.dropdown:not(.k-popup) .k-input-value-text span{color:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .k-dropdownlist.dropdown:not(.k-popup) .k-input-value-text svg{stroke:var(--ui-kit-color-main)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup{width:360px;padding:24px}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .k-list-item.k-selected{color:var(--ui-kit-color-main);border:1px solid var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .k-list-item:hover:not(.k-selected){background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .k-list-item:hover:not(.k-selected) .views-item{color:var(--ui-kit-color-main)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .k-list-item:hover:not(.k-selected) .views-item.user .view-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .k-list-item:hover:not(.k-selected) .views-item.system .view-icon{stroke:var(--ui-kit-color-main)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item{width:100%;display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;font-weight:400;line-height:20px;border-radius:4px;cursor:pointer}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item.system{color:var(--ui-kit-color-blue)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item.system .view-icon{stroke:var(--ui-kit-color-blue);fill:none}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item.system.active .view-icon{stroke:var(--ui-kit-color-main)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item.user .view-icon{fill:var(--ui-kit-color-grey-12);stroke:none}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item.user.active .view-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item.active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item.active .check-icon{display:block}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item .item-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item .check-icon{display:none;flex-shrink:0;width:14px;height:14px;fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .views-item .view-icon{width:16px;height:16px}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup .dropdown-footer{display:flex;flex-direction:column;gap:12px;padding-top:12px;margin-top:12px;border-top:1px solid var(--ui-kit-color-grey-11)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup:has(.k-no-data) .k-no-data{display:none}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup:has(.k-no-data) .dropdown-footer{margin-top:0;padding-top:0;border:none}::ng-deep .grid-views-manager-dialog.kit-dialog .k-dialog-content{padding:24px}::ng-deep .kit-popup.kit-grid-new-view-popup{width:360px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view{display:flex;flex-direction:column;gap:15px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view-action{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid var(--ui-kit-color-grey-11)}\n"] }]
|
|
7640
|
-
}], ctorParameters: () => [{ type: i1$d.Store }, { type: i1$7.ActivatedRoute }, { type: i1$7.Router }, { type: i0.DestroyRef }, { type: i1$1.TitleCasePipe }, { type: KitDialogService }, { type: i1$a.TranslateService }, { type: i0.ViewContainerRef }, { type: KitGridUrlStateService }]
|
|
7641
|
-
type: Output
|
|
7642
|
-
}] } });
|
|
7655
|
+
}], ctorParameters: () => [{ type: i1$d.Store }, { type: i1$7.ActivatedRoute }, { type: i1$7.Router }, { type: i0.DestroyRef }, { type: i1$1.TitleCasePipe }, { type: KitDialogService }, { type: i1$a.TranslateService }, { type: i0.ViewContainerRef }, { type: KitGridUrlStateService }] });
|
|
7643
7656
|
|
|
7644
7657
|
class KitFilterSelectorComponent {
|
|
7645
7658
|
constructor(translateService) {
|
|
@@ -8738,6 +8751,10 @@ class KitUserApiService {
|
|
|
8738
8751
|
this.httpClient = httpClient;
|
|
8739
8752
|
this.basePath = basePath;
|
|
8740
8753
|
}
|
|
8754
|
+
getUserInfo() {
|
|
8755
|
+
const url = `${this.basePath}/users/me`;
|
|
8756
|
+
return this.httpClient.get(url);
|
|
8757
|
+
}
|
|
8741
8758
|
getUserApplicationList() {
|
|
8742
8759
|
const url = `${this.basePath}/users/me/applications`;
|
|
8743
8760
|
return this.httpClient.get(url);
|
|
@@ -8887,11 +8904,99 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
8887
8904
|
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-sidebar\">\n @if (menuItems$ | async; as menuItems) {\n <kit-navigation-menu class=\"navigation-menu\"\n logoPath=\"assets/config/logo.svg\"\n [menuItems]=\"menuItems\"\n [appsMenuItems]=\"(appsMenuItems$ | async) ?? []\"\n ></kit-navigation-menu>\n }\n</div>\n\n", styles: [".kit-sidebar{height:100%}.kit-sidebar .navigation-menu{display:block;height:100%}.kit-sidebar .navigation-menu ::ng-deep .logo-wrapper{display:flex;justify-content:center;align-items:center}\n"] }]
|
|
8888
8905
|
}], ctorParameters: () => [{ type: i1$d.Store }, { type: KitMenuBuilderService }] });
|
|
8889
8906
|
|
|
8907
|
+
class FetchUser {
|
|
8908
|
+
static { this.type = '[User] Fetch'; }
|
|
8909
|
+
}
|
|
8910
|
+
|
|
8911
|
+
const KIT_USER_STATE_TOKEN = new StateToken('user');
|
|
8912
|
+
let KitUserState = class KitUserState {
|
|
8913
|
+
constructor(kitUserApiService) {
|
|
8914
|
+
this.kitUserApiService = kitUserApiService;
|
|
8915
|
+
}
|
|
8916
|
+
fetchUser(ctx) {
|
|
8917
|
+
return this.kitUserApiService.getUserInfo().pipe(tap(user => ctx.setState({
|
|
8918
|
+
data: user,
|
|
8919
|
+
loading: false,
|
|
8920
|
+
})));
|
|
8921
|
+
}
|
|
8922
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitUserState, deps: [{ token: KitUserApiService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
8923
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitUserState }); }
|
|
8924
|
+
};
|
|
8925
|
+
__decorate([
|
|
8926
|
+
Action(FetchUser)
|
|
8927
|
+
], KitUserState.prototype, "fetchUser", null);
|
|
8928
|
+
KitUserState = __decorate([
|
|
8929
|
+
State({
|
|
8930
|
+
name: KIT_USER_STATE_TOKEN,
|
|
8931
|
+
defaults: apiResponseDefaultEntities(),
|
|
8932
|
+
})
|
|
8933
|
+
], KitUserState);
|
|
8934
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitUserState, decorators: [{
|
|
8935
|
+
type: Injectable
|
|
8936
|
+
}], ctorParameters: () => [{ type: KitUserApiService }], propDecorators: { fetchUser: [] } });
|
|
8937
|
+
|
|
8938
|
+
class KitTopBarUserComponent {
|
|
8939
|
+
constructor(store, translateService) {
|
|
8940
|
+
this.store = store;
|
|
8941
|
+
this.translateService = translateService;
|
|
8942
|
+
this.menuItems = input([]);
|
|
8943
|
+
this.user$ = this.store.select(KIT_USER_STATE_TOKEN);
|
|
8944
|
+
this.menuItems$ = this.store.select(KIT_USER_PERMISSIONS_STATE_TOKEN).pipe(map(userPermissions => userPermissions.permissions), map(userPermissions => this.menuItems()
|
|
8945
|
+
.filter(item => !item.permission || userPermissions?.includes(item.permission))
|
|
8946
|
+
.map(item => ({
|
|
8947
|
+
...item,
|
|
8948
|
+
title: this.translateService.instant(item.title),
|
|
8949
|
+
}))));
|
|
8950
|
+
this.kitSkeletonShape = KitSkeletonShape;
|
|
8951
|
+
}
|
|
8952
|
+
ngOnInit() {
|
|
8953
|
+
this.fetchUser();
|
|
8954
|
+
}
|
|
8955
|
+
buildUserName(user) {
|
|
8956
|
+
return `${user.firstName} ${user.lastName}`;
|
|
8957
|
+
}
|
|
8958
|
+
fetchUser() {
|
|
8959
|
+
this.store.dispatch(new FetchUser());
|
|
8960
|
+
}
|
|
8961
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTopBarUserComponent, deps: [{ token: i1$d.Store }, { token: i1$a.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8962
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitTopBarUserComponent, isStandalone: true, selector: "kit-top-bar-user", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-top-bar-user\">\n @if (user$ | async; as user) {\n @if (!user.loading) {\n @if (menuItems$ | async; as menuItems) {\n <kit-profile-menu [userName]=\"buildUserName(user.data)\"\n [companyName]=\"user.data.companyName\"\n [menuItems]=\"menuItems\"\n ></kit-profile-menu>\n }\n } @else {\n <kit-skeleton class=\"header-profile-skeleton\"\n [width]=\"40\"\n [height]=\"40\"\n [shape]=\"kitSkeletonShape.CIRCLE\"\n ></kit-skeleton>\n }\n }\n</div>\n", styles: [".kit-top-bar-user-skeleton{display:block;margin-right:34px}\n"], dependencies: [{ kind: "ngmodule", type: KitSkeletonModule }, { kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }, { kind: "component", type: KitProfileMenuComponent, selector: "kit-profile-menu", inputs: ["menuItems", "userName", "companyName", "avatarImageSrc"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8963
|
+
}
|
|
8964
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTopBarUserComponent, decorators: [{
|
|
8965
|
+
type: Component,
|
|
8966
|
+
args: [{ selector: 'kit-top-bar-user', imports: [
|
|
8967
|
+
KitSkeletonModule,
|
|
8968
|
+
KitProfileMenuComponent,
|
|
8969
|
+
AsyncPipe,
|
|
8970
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-top-bar-user\">\n @if (user$ | async; as user) {\n @if (!user.loading) {\n @if (menuItems$ | async; as menuItems) {\n <kit-profile-menu [userName]=\"buildUserName(user.data)\"\n [companyName]=\"user.data.companyName\"\n [menuItems]=\"menuItems\"\n ></kit-profile-menu>\n }\n } @else {\n <kit-skeleton class=\"header-profile-skeleton\"\n [width]=\"40\"\n [height]=\"40\"\n [shape]=\"kitSkeletonShape.CIRCLE\"\n ></kit-skeleton>\n }\n }\n</div>\n", styles: [".kit-top-bar-user-skeleton{display:block;margin-right:34px}\n"] }]
|
|
8971
|
+
}], ctorParameters: () => [{ type: i1$d.Store }, { type: i1$a.TranslateService }] });
|
|
8972
|
+
|
|
8973
|
+
class KitTopBarComponent {
|
|
8974
|
+
constructor(kitNavigationMenuService) {
|
|
8975
|
+
this.kitNavigationMenuService = kitNavigationMenuService;
|
|
8976
|
+
this.userMenuItems = input([]);
|
|
8977
|
+
this.kitButtonType = KitButtonType;
|
|
8978
|
+
this.kitSvgIcon = KitSvgIcon;
|
|
8979
|
+
this.collapsed = this.kitNavigationMenuService.getCollapsedState();
|
|
8980
|
+
}
|
|
8981
|
+
toggleSidebar(collapsed) {
|
|
8982
|
+
this.kitNavigationMenuService.setCollapsedState(!collapsed);
|
|
8983
|
+
}
|
|
8984
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTopBarComponent, deps: [{ token: KitNavigationMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8985
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: KitTopBarComponent, isStandalone: true, selector: "kit-top-bar", inputs: { userMenuItems: { classPropertyName: "userMenuItems", publicName: "userMenuItems", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-top-bar\">\n <kit-button [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.MENU\"\n (clicked)=\"toggleSidebar(collapsed())\"\n ></kit-button>\n\n <div class=\"kit-top-bar-content\">\n <ng-content></ng-content>\n </div>\n\n <kit-top-bar-user [menuItems]=\"userMenuItems()\"\n ></kit-top-bar-user>\n</div>\n", styles: [".kit-top-bar{display:flex;align-items:center;gap:40px;height:100%;border-bottom:1px solid var(--color-grey-6);box-sizing:border-box}.kit-top-bar-content{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitTopBarUserComponent, selector: "kit-top-bar-user", inputs: ["menuItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8986
|
+
}
|
|
8987
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTopBarComponent, decorators: [{
|
|
8988
|
+
type: Component,
|
|
8989
|
+
args: [{ selector: 'kit-top-bar', imports: [
|
|
8990
|
+
KitButtonModule,
|
|
8991
|
+
KitTopBarUserComponent,
|
|
8992
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-top-bar\">\n <kit-button [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.MENU\"\n (clicked)=\"toggleSidebar(collapsed())\"\n ></kit-button>\n\n <div class=\"kit-top-bar-content\">\n <ng-content></ng-content>\n </div>\n\n <kit-top-bar-user [menuItems]=\"userMenuItems()\"\n ></kit-top-bar-user>\n</div>\n", styles: [".kit-top-bar{display:flex;align-items:center;gap:40px;height:100%;border-bottom:1px solid var(--color-grey-6);box-sizing:border-box}.kit-top-bar-content{flex:1}\n"] }]
|
|
8993
|
+
}], ctorParameters: () => [{ type: KitNavigationMenuService }] });
|
|
8994
|
+
|
|
8890
8995
|
// KitButton
|
|
8891
8996
|
|
|
8892
8997
|
/**
|
|
8893
8998
|
* Generated bundle index. Do not edit.
|
|
8894
8999
|
*/
|
|
8895
9000
|
|
|
8896
|
-
export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchUserPermissions, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_STATE_TOKEN, KIT_USER_PERMISSIONS_STATE_TOKEN, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonState, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCollapsedListComponent, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerModule, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridExportComponent, KitGridFiltersComponent, KitGridModule, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxSize, KitNumericTextboxState, KitPageLayoutComponent, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitShipmentCard, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, KitUserApplicationsState, KitUserPermissionsState, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, UpdateGridFilter, buildRandomUUID, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl };
|
|
9001
|
+
export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchUserPermissions, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_STATE_TOKEN, KIT_USER_PERMISSIONS_STATE_TOKEN, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonState, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCollapsedListComponent, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerModule, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridExportComponent, KitGridFiltersComponent, KitGridModule, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxSize, KitNumericTextboxState, KitPageLayoutComponent, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitShipmentCard, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, KitUserApplicationsState, KitUserPermissionsState, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, UpdateGridFilter, buildRandomUUID, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl };
|
|
8897
9002
|
//# sourceMappingURL=indigina-ui-kit.mjs.map
|