@indigina/ui-kit 1.1.421 → 1.1.423
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 +112 -43
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/common.scss +17 -0
- package/styles/components/popover.scss +25 -0
- package/styles/kendo.scss +1 -0
- package/styles/styles.scss +1 -0
- package/types/indigina-ui-kit.d.ts +39 -3
|
@@ -8,13 +8,14 @@ import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
|
|
|
8
8
|
import { map, catchError, EMPTY, forkJoin, BehaviorSubject, filter, Subject, startWith, pairwise, takeUntil, combineLatest, tap, debounceTime, distinctUntilChanged, take, switchMap, of, finalize } from 'rxjs';
|
|
9
9
|
import * as i1$1 from '@progress/kendo-angular-label';
|
|
10
10
|
import { LabelModule, KENDO_LABELS } from '@progress/kendo-angular-label';
|
|
11
|
-
import
|
|
11
|
+
import * as i1$7 from '@progress/kendo-angular-tooltip';
|
|
12
|
+
import { TooltipDirective, TooltipSettings, PopoverComponent, PopoverModule, PopoverAnchorDirective } from '@progress/kendo-angular-tooltip';
|
|
12
13
|
import { PopupService, POPUP_CONTAINER } from '@progress/kendo-angular-popup';
|
|
13
14
|
import * as i1$5 from '@angular/forms';
|
|
14
15
|
import { NG_VALUE_ACCESSOR, FormControl, ReactiveFormsModule, FormsModule, UntypedFormControl, UntypedFormBuilder, Validators, FormBuilder } from '@angular/forms';
|
|
15
16
|
import * as i1$2 from '@progress/kendo-angular-inputs';
|
|
16
17
|
import { TextBoxComponent, TextBoxModule, NumericTextBoxModule, InputsModule, CheckBoxModule, SwitchModule, RadioButtonModule, KENDO_INPUTS } from '@progress/kendo-angular-inputs';
|
|
17
|
-
import * as i1$
|
|
18
|
+
import * as i1$e from '@ngx-translate/core';
|
|
18
19
|
import { TranslateService, TranslateModule, TranslatePipe } from '@ngx-translate/core';
|
|
19
20
|
import * as i1$3 from '@progress/kendo-angular-dropdowns';
|
|
20
21
|
import { DropDownListModule, DropDownsModule, MultiSelectComponent, KENDO_DROPDOWNS } from '@progress/kendo-angular-dropdowns';
|
|
@@ -24,20 +25,20 @@ import { trigger, transition, style, animate, state } from '@angular/animations'
|
|
|
24
25
|
import { v4 } from 'uuid';
|
|
25
26
|
import { DefaultGlobalConfig, TOAST_CONFIG, ToastrModule, ToastrService } from 'ngx-toastr';
|
|
26
27
|
import { prevDayOfWeek, Day, nextDayOfWeek } from '@progress/kendo-date-math';
|
|
27
|
-
import * as i1$
|
|
28
|
+
import * as i1$8 from '@angular/router';
|
|
28
29
|
import { RouterModule, ActivatedRoute, Router, NavigationEnd, RouterLink } from '@angular/router';
|
|
29
|
-
import * as i1$
|
|
30
|
+
import * as i1$9 from '@progress/kendo-angular-dialog';
|
|
30
31
|
import { DialogService, KENDO_DIALOGS, DialogActionsComponent, DialogTitleBarComponent, DialogContentBase, DialogRef, DialogCloseResult } from '@progress/kendo-angular-dialog';
|
|
31
32
|
export { DialogAction, DialogCloseResult, DialogContentBase, DialogRef } from '@progress/kendo-angular-dialog';
|
|
32
|
-
import * as i1$
|
|
33
|
+
import * as i1$a from '@progress/kendo-angular-indicators';
|
|
33
34
|
import { IndicatorsModule, KENDO_INDICATORS } from '@progress/kendo-angular-indicators';
|
|
34
|
-
import * as i1$
|
|
35
|
+
import * as i1$b from '@progress/kendo-angular-upload';
|
|
35
36
|
import { UploadModule } from '@progress/kendo-angular-upload';
|
|
36
37
|
import { takeUntilDestroyed, toSignal, toObservable, outputToObservable } from '@angular/core/rxjs-interop';
|
|
37
38
|
import initials from 'initials';
|
|
38
|
-
import * as i1$
|
|
39
|
+
import * as i1$c from '@progress/kendo-angular-layout';
|
|
39
40
|
import { KENDO_LAYOUT, TileLayoutModule, DrawerComponent } from '@progress/kendo-angular-layout';
|
|
40
|
-
import * as i1$
|
|
41
|
+
import * as i1$d from '@progress/kendo-angular-grid';
|
|
41
42
|
import { GridModule, ExcelModule, PDFModule, GridComponent } from '@progress/kendo-angular-grid';
|
|
42
43
|
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
43
44
|
import * as i2 from '@progress/kendo-angular-pager';
|
|
@@ -55,7 +56,7 @@ import { pdf } from '@progress/kendo-drawing';
|
|
|
55
56
|
import { saveAs, encodeBase64 } from '@progress/kendo-file-saver';
|
|
56
57
|
import { json2csv } from 'json-2-csv';
|
|
57
58
|
import { Workbook } from '@progress/kendo-ooxml';
|
|
58
|
-
import * as i1$
|
|
59
|
+
import * as i1$f from '@progress/kendo-angular-scheduler';
|
|
59
60
|
import { ToolbarService, KENDO_SCHEDULER, KENDO_SCHEDULERPDF } from '@progress/kendo-angular-scheduler';
|
|
60
61
|
import { catchError as catchError$1, map as map$1 } from 'rxjs/operators';
|
|
61
62
|
|
|
@@ -2656,6 +2657,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
2656
2657
|
args: ['click']
|
|
2657
2658
|
}] } });
|
|
2658
2659
|
|
|
2660
|
+
var KitPopoverPosition;
|
|
2661
|
+
(function (KitPopoverPosition) {
|
|
2662
|
+
KitPopoverPosition["TOP"] = "top";
|
|
2663
|
+
KitPopoverPosition["BOTTOM"] = "bottom";
|
|
2664
|
+
KitPopoverPosition["RIGHT"] = "right";
|
|
2665
|
+
KitPopoverPosition["LEFT"] = "left";
|
|
2666
|
+
})(KitPopoverPosition || (KitPopoverPosition = {}));
|
|
2667
|
+
var KitPopoverShowOption;
|
|
2668
|
+
(function (KitPopoverShowOption) {
|
|
2669
|
+
KitPopoverShowOption["CLICK"] = "click";
|
|
2670
|
+
KitPopoverShowOption["HOVER"] = "hover";
|
|
2671
|
+
KitPopoverShowOption["FOCUS"] = "focus";
|
|
2672
|
+
KitPopoverShowOption["NONE"] = "none";
|
|
2673
|
+
})(KitPopoverShowOption || (KitPopoverShowOption = {}));
|
|
2674
|
+
|
|
2675
|
+
class KitPopoverComponent {
|
|
2676
|
+
constructor() {
|
|
2677
|
+
this.position = input(KitPopoverPosition.RIGHT, ...(ngDevMode ? [{ debugName: "position" }] : []));
|
|
2678
|
+
this.width = input('auto', ...(ngDevMode ? [{ debugName: "width" }] : []));
|
|
2679
|
+
this.height = input('auto', ...(ngDevMode ? [{ debugName: "height" }] : []));
|
|
2680
|
+
this.popoverComponent = viewChild(PopoverComponent, ...(ngDevMode ? [{ debugName: "popoverComponent" }] : []));
|
|
2681
|
+
}
|
|
2682
|
+
onShown(event) {
|
|
2683
|
+
this.applyPopupClass(event.popover);
|
|
2684
|
+
}
|
|
2685
|
+
applyPopupClass(popover) {
|
|
2686
|
+
const popupElement = popover?.popupElement;
|
|
2687
|
+
if (!popupElement) {
|
|
2688
|
+
return;
|
|
2689
|
+
}
|
|
2690
|
+
popupElement.classList.add('kit-popover');
|
|
2691
|
+
}
|
|
2692
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2693
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: KitPopoverComponent, isStandalone: true, selector: "kit-popover", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<kendo-popover class=\"kit-popover\"\n [position]=\"position()\"\n [offset]=\"6\"\n [width]=\"width()\"\n [height]=\"height()\"\n (shown)=\"onShown($event)\"\n [callout]=\"false\">\n <ng-template kendoPopoverBodyTemplate>\n <ng-content />\n </ng-template>\n</kendo-popover>\n", dependencies: [{ kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i1$7.PopoverComponent, selector: "kendo-popover", inputs: ["position", "offset", "width", "height", "title", "subtitle", "body", "callout", "animation", "templateData"], outputs: ["show", "shown", "hide", "hidden", "closeOnKeyDown"] }, { kind: "directive", type: i1$7.PopoverBodyTemplateDirective, selector: "[kendoPopoverBodyTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2694
|
+
}
|
|
2695
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitPopoverComponent, decorators: [{
|
|
2696
|
+
type: Component,
|
|
2697
|
+
args: [{ selector: 'kit-popover', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [PopoverModule], template: "<kendo-popover class=\"kit-popover\"\n [position]=\"position()\"\n [offset]=\"6\"\n [width]=\"width()\"\n [height]=\"height()\"\n (shown)=\"onShown($event)\"\n [callout]=\"false\">\n <ng-template kendoPopoverBodyTemplate>\n <ng-content />\n </ng-template>\n</kendo-popover>\n" }]
|
|
2698
|
+
}], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], popoverComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => PopoverComponent), { isSignal: true }] }] } });
|
|
2699
|
+
|
|
2700
|
+
class KitPopoverAnchorDirective {
|
|
2701
|
+
constructor() {
|
|
2702
|
+
this.popoverAnchorDirective = inject(PopoverAnchorDirective);
|
|
2703
|
+
this.kitPopover = input.required(...(ngDevMode ? [{ debugName: "kitPopover" }] : []));
|
|
2704
|
+
this.kitPopoverShowOn = input(KitPopoverShowOption.HOVER, ...(ngDevMode ? [{ debugName: "kitPopoverShowOn" }] : []));
|
|
2705
|
+
}
|
|
2706
|
+
ngOnInit() {
|
|
2707
|
+
this.popoverAnchorDirective.showOn = this.kitPopoverShowOn();
|
|
2708
|
+
const popover = this.kitPopover().popoverComponent();
|
|
2709
|
+
if (popover) {
|
|
2710
|
+
this.popoverAnchorDirective.popover = popover;
|
|
2711
|
+
}
|
|
2712
|
+
}
|
|
2713
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitPopoverAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2714
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: KitPopoverAnchorDirective, isStandalone: true, selector: "[kitPopoverAnchor]", inputs: { kitPopover: { classPropertyName: "kitPopover", publicName: "kitPopover", isSignal: true, isRequired: true, transformFunction: null }, kitPopoverShowOn: { classPropertyName: "kitPopoverShowOn", publicName: "kitPopoverShowOn", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1$7.PopoverAnchorDirective }], ngImport: i0 }); }
|
|
2715
|
+
}
|
|
2716
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitPopoverAnchorDirective, decorators: [{
|
|
2717
|
+
type: Directive,
|
|
2718
|
+
args: [{
|
|
2719
|
+
selector: '[kitPopoverAnchor]',
|
|
2720
|
+
hostDirectives: [PopoverAnchorDirective],
|
|
2721
|
+
}]
|
|
2722
|
+
}], propDecorators: { kitPopover: [{ type: i0.Input, args: [{ isSignal: true, alias: "kitPopover", required: true }] }], kitPopoverShowOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "kitPopoverShowOn", required: false }] }] } });
|
|
2723
|
+
|
|
2659
2724
|
class KitToastrModule {
|
|
2660
2725
|
static forRoot(config = {}) {
|
|
2661
2726
|
return {
|
|
@@ -3211,7 +3276,7 @@ class KitCtaPanelItemComponent {
|
|
|
3211
3276
|
this.clicked.emit();
|
|
3212
3277
|
}
|
|
3213
3278
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitCtaPanelItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3214
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitCtaPanelItemComponent, isStandalone: true, selector: "kit-cta-panel-item", inputs: { item: "item", type: "type" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-item\">\n <div class=\"panel-item-inner\">\n @if (item?.icon) {\n <kit-svg-icon class=\"panel-item-icon\"\n [icon]=\"item?.icon\"\n ></kit-svg-icon>\n }\n <div class=\"panel-item-text\">\n @if (item?.title) {\n <div class=\"panel-item-title\">\n {{ item?.title }}\n </div>\n }\n\n @switch (type) {\n @case (KitCtaPanelItemType.BUTTON) {\n @if (item?.buttonText) {\n <button class=\"panel-item-button\"\n (click)=\"onButtonClick()\">\n <span class=\"button-label\">\n {{ item?.buttonText }}\n </span>\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n ></kit-svg-icon>\n </button>\n }\n }\n @case (KitCtaPanelItemType.LINK) {\n @if (item?.buttonText) {\n <a class=\"panel-item-button\"\n [routerLink]=\"item?.link\">\n <span class=\"button-label\">\n {{ item?.buttonText }}\n </span>\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n ></kit-svg-icon>\n </a>\n }\n }\n }\n\n @if (item?.copyItem; as copyItem) {\n <div class=\"panel-item-copy\">\n <kit-copy-text [textToCopy]=\"copyItem.textToCopy\"\n [tooltipTextBefore]=\"copyItem.tooltipTextBefore\"\n [tooltipTextAfter]=\"copyItem.tooltipTextAfter\"\n ></kit-copy-text>\n </div>\n }\n </div>\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-cta-panel-item{padding:15px 20px;background:#fff}.kit-cta-panel-item .panel-item-inner{display:flex;padding-bottom:24px;border-bottom:6px solid #efefef}.kit-cta-panel-item .panel-item-icon{margin-right:20px;width:24px;height:24px;stroke:#a9a8a8;fill:none;flex-shrink:0}.kit-cta-panel-item .panel-item-icon .order-icon,.kit-cta-panel-item .panel-item-icon .reset-icon{stroke:none;fill:#a9a8a8}.kit-cta-panel-item .panel-item-title{margin-bottom:8px;color:#002a3a;font-size:14px}.kit-cta-panel-item .panel-item-button{display:flex;align-items:center;padding:0;color:#56a2f7;font-size:14px;font-weight:500;font-family:inherit;border:none;background:none;cursor:pointer;text-decoration:none}.kit-cta-panel-item .panel-item-button:hover{text-decoration:underline}.kit-cta-panel-item .button-label{margin-right:10px}.kit-cta-panel-item .button-icon{width:12px;height:12px;fill:#56a2f7}.kit-cta-panel-item .panel-item-copy{margin-top:8px}\n"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$
|
|
3279
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitCtaPanelItemComponent, isStandalone: true, selector: "kit-cta-panel-item", inputs: { item: "item", type: "type" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-item\">\n <div class=\"panel-item-inner\">\n @if (item?.icon) {\n <kit-svg-icon class=\"panel-item-icon\"\n [icon]=\"item?.icon\"\n ></kit-svg-icon>\n }\n <div class=\"panel-item-text\">\n @if (item?.title) {\n <div class=\"panel-item-title\">\n {{ item?.title }}\n </div>\n }\n\n @switch (type) {\n @case (KitCtaPanelItemType.BUTTON) {\n @if (item?.buttonText) {\n <button class=\"panel-item-button\"\n (click)=\"onButtonClick()\">\n <span class=\"button-label\">\n {{ item?.buttonText }}\n </span>\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n ></kit-svg-icon>\n </button>\n }\n }\n @case (KitCtaPanelItemType.LINK) {\n @if (item?.buttonText) {\n <a class=\"panel-item-button\"\n [routerLink]=\"item?.link\">\n <span class=\"button-label\">\n {{ item?.buttonText }}\n </span>\n <kit-svg-icon class=\"button-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n ></kit-svg-icon>\n </a>\n }\n }\n }\n\n @if (item?.copyItem; as copyItem) {\n <div class=\"panel-item-copy\">\n <kit-copy-text [textToCopy]=\"copyItem.textToCopy\"\n [tooltipTextBefore]=\"copyItem.tooltipTextBefore\"\n [tooltipTextAfter]=\"copyItem.tooltipTextAfter\"\n ></kit-copy-text>\n </div>\n }\n </div>\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-cta-panel-item{padding:15px 20px;background:#fff}.kit-cta-panel-item .panel-item-inner{display:flex;padding-bottom:24px;border-bottom:6px solid #efefef}.kit-cta-panel-item .panel-item-icon{margin-right:20px;width:24px;height:24px;stroke:#a9a8a8;fill:none;flex-shrink:0}.kit-cta-panel-item .panel-item-icon .order-icon,.kit-cta-panel-item .panel-item-icon .reset-icon{stroke:none;fill:#a9a8a8}.kit-cta-panel-item .panel-item-title{margin-bottom:8px;color:#002a3a;font-size:14px}.kit-cta-panel-item .panel-item-button{display:flex;align-items:center;padding:0;color:#56a2f7;font-size:14px;font-weight:500;font-family:inherit;border:none;background:none;cursor:pointer;text-decoration:none}.kit-cta-panel-item .panel-item-button:hover{text-decoration:underline}.kit-cta-panel-item .button-label{margin-right:10px}.kit-cta-panel-item .button-icon{width:12px;height:12px;fill:#56a2f7}.kit-cta-panel-item .panel-item-copy{margin-top:8px}\n"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: KitCopyTextComponent, selector: "kit-copy-text", inputs: ["textToCopy", "tooltipTextBefore", "tooltipTextAfter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3215
3280
|
}
|
|
3216
3281
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitCtaPanelItemComponent, decorators: [{
|
|
3217
3282
|
type: Component,
|
|
@@ -3533,7 +3598,7 @@ class KitNavigationTabsComponent {
|
|
|
3533
3598
|
return item.iconType ?? KitSvgIconType.FILL;
|
|
3534
3599
|
}
|
|
3535
3600
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitNavigationTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3536
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitNavigationTabsComponent, isStandalone: true, selector: "kit-navigation-tabs", inputs: { items: "items", type: "type" }, ngImport: i0, template: "<div class=\"kit-navigation-tabs\">\n <div class=\"tabs-nav\"\n [ngClass]=\"type\">\n @for (item of items; track item) {\n <a class=\"tab-item\"\n routerLinkActive=\"active\"\n [class.disabled]=\"item.disabled\"\n [routerLink]=\"getRouterLink(item)\">\n @if (item.icon) {\n <kit-svg-icon class=\"tab-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"getItemIconCssClass(item)\"\n ></kit-svg-icon>\n }\n <span class=\"tab-item-title\"\n [innerHTML]=\"item.title\"\n ></span>\n </a>\n }\n </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;align-items:center}.kit-navigation-tabs .tab-item{display:flex;align-items:center;gap:6px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;text-decoration:none}.kit-navigation-tabs .tab-item.disabled{color:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item-icon{display:block;width:16px;height:16px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-navigation-tabs .text.tabs-nav{gap:32px}.kit-navigation-tabs .text .tab-item{height:46px;border-bottom:2px solid transparent}.kit-navigation-tabs .text .tab-item:hover:not(.disabled){color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11)}.kit-navigation-tabs .button .tab-item:not(:last-child){border-right:none}.kit-navigation-tabs .button .tab-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.kit-navigation-tabs .button .tab-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active){color:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active{color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$
|
|
3601
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitNavigationTabsComponent, isStandalone: true, selector: "kit-navigation-tabs", inputs: { items: "items", type: "type" }, ngImport: i0, template: "<div class=\"kit-navigation-tabs\">\n <div class=\"tabs-nav\"\n [ngClass]=\"type\">\n @for (item of items; track item) {\n <a class=\"tab-item\"\n routerLinkActive=\"active\"\n [class.disabled]=\"item.disabled\"\n [routerLink]=\"getRouterLink(item)\">\n @if (item.icon) {\n <kit-svg-icon class=\"tab-item-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"getItemIconCssClass(item)\"\n ></kit-svg-icon>\n }\n <span class=\"tab-item-title\"\n [innerHTML]=\"item.title\"\n ></span>\n </a>\n }\n </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;align-items:center}.kit-navigation-tabs .tab-item{display:flex;align-items:center;gap:6px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;text-decoration:none}.kit-navigation-tabs .tab-item.disabled{color:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item-icon{display:block;width:16px;height:16px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-navigation-tabs .text.tabs-nav{gap:32px}.kit-navigation-tabs .text .tab-item{height:46px;border-bottom:2px solid transparent}.kit-navigation-tabs .text .tab-item:hover:not(.disabled){color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11)}.kit-navigation-tabs .button .tab-item:not(:last-child){border-right:none}.kit-navigation-tabs .button .tab-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.kit-navigation-tabs .button .tab-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active){color:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active{color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$8.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3537
3602
|
}
|
|
3538
3603
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitNavigationTabsComponent, decorators: [{
|
|
3539
3604
|
type: Component,
|
|
@@ -3609,7 +3674,7 @@ class KitDialogComponent {
|
|
|
3609
3674
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3610
3675
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitDialogComponent, isStandalone: true, selector: "kit-dialog", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, backUrl: { classPropertyName: "backUrl", publicName: "backUrl", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
3611
3676
|
KitDialogService,
|
|
3612
|
-
], ngImport: i0, template: "<div class=\"kit-dialog\"\n [ngClass]=\"type()\">\n @if (type() === kitDialogType.Service) {\n <div kendoDialogContainer\n class=\"kit-dialog-container\"\n [hidden]=\"true\"\n ></div>\n }\n\n @if (type() === kitDialogType.Declarative) {\n <kendo-dialog>\n <ng-content></ng-content>\n </kendo-dialog>\n }\n</div>\n", styles: [".kit-button .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-button .default.primary:hover{background:var(--ui-kit-color-hover)}.kit-button .default.primary.active,.kit-button .default.primary:active{background:var(--ui-kit-color-main)}.kit-button .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.ghost.active,.kit-button .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}.kit-button .default.ghost.active .kit-button-icon.fill,.kit-button .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.ghost.active .kit-button-icon.stroke,.kit-button .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .default.text:disabled{border:none;background:none}.kit-button .default.text:hover,.kit-button .default.text.active,.kit-button .default.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .default.text:hover{color:var(--ui-kit-color-hover)}.kit-button .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.text.active,.kit-button .default.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .default.text.active .kit-button-icon.fill,.kit-button .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text.active .kit-button-icon.stroke,.kit-button .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.link{color:var(--ui-kit-color-main);background:none;border:none}.kit-button .default.link:disabled{background:none}.kit-button .default.link:hover{color:var(--ui-kit-color-hover)}.kit-button .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.link.active,.kit-button .default.link:active{color:var(--ui-kit-color-main)}.kit-button .default.link.active .kit-button-icon.fill,.kit-button .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link.active .kit-button-icon.stroke,.kit-button .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .default.dashed:disabled{border-style:dashed}.kit-button .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.dashed.active,.kit-button .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-button .default.dashed.active .kit-button-icon.fill,.kit-button .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed.active .kit-button-icon.stroke,.kit-button .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}.kit-button .success.primary:hover{background:var(--ui-kit-color-green-6)}.kit-button .success.primary.active,.kit-button .success.primary:active{background:var(--ui-kit-color-green-1)}.kit-button .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.ghost.active,.kit-button .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}.kit-button .success.ghost.active .kit-button-icon.fill,.kit-button .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}.kit-button .success.ghost.active .kit-button-icon.stroke,.kit-button .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}.kit-button .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .success.text:disabled{border:none;background:none}.kit-button .success.text:hover,.kit-button .success.text.active,.kit-button .success.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .success.text:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.text.active,.kit-button .success.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .success.text.active .kit-button-icon.fill,.kit-button .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text.active .kit-button-icon.stroke,.kit-button .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.link{color:var(--ui-kit-color-green-1);background:none;border:none}.kit-button .success.link:disabled{background:none}.kit-button .success.link:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.link.active,.kit-button .success.link:active{color:var(--ui-kit-color-green-1)}.kit-button .success.link.active .kit-button-icon.fill,.kit-button .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link.active .kit-button-icon.stroke,.kit-button .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .success.dashed:disabled{border-style:dashed}.kit-button .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.dashed.active,.kit-button .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}.kit-button .success.dashed.active .kit-button-icon.fill,.kit-button .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed.active .kit-button-icon.stroke,.kit-button .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}.kit-button .warning.primary:hover{background:var(--ui-kit-color-orange-6)}.kit-button .warning.primary.active,.kit-button .warning.primary:active{background:var(--ui-kit-color-orange)}.kit-button .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.ghost.active,.kit-button .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost.active .kit-button-icon.fill,.kit-button .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}.kit-button .warning.ghost.active .kit-button-icon.stroke,.kit-button .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}.kit-button .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .warning.text:disabled{border:none;background:none}.kit-button .warning.text:hover,.kit-button .warning.text.active,.kit-button .warning.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .warning.text:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.text.active,.kit-button .warning.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .warning.text.active .kit-button-icon.fill,.kit-button .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text.active .kit-button-icon.stroke,.kit-button .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.link{color:var(--ui-kit-color-orange);background:none;border:none}.kit-button .warning.link:disabled{background:none}.kit-button .warning.link:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.link.active,.kit-button .warning.link:active{color:var(--ui-kit-color-orange)}.kit-button .warning.link.active .kit-button-icon.fill,.kit-button .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link.active .kit-button-icon.stroke,.kit-button .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .warning.dashed:disabled{border-style:dashed}.kit-button .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.dashed.active,.kit-button .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}.kit-button .warning.dashed.active .kit-button-icon.fill,.kit-button .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed.active .kit-button-icon.stroke,.kit-button .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .k-button-text{display:flex;align-items:center;gap:8px}.kit-button .kit-button-icon{display:block}.kit-button .k-button{font-weight:400;border:1px solid transparent;line-height:1;transition:none}.kit-button .k-button:focus{box-shadow:none}.kit-button .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-button .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-button .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}.kit-button .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}.kit-button .large .kit-button-icon{width:18px;height:18px}.kit-button .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}.kit-button .medium .kit-button-icon{width:16px;height:16px}.kit-button .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}.kit-button .small .kit-button-icon{width:14px;height:14px}.kit-button .leading .k-button-text{flex-direction:row-reverse}.kit-button .trailing .k-button-text{flex-direction:row}.kit-button .no-label.large{padding:0 11px}.kit-button .no-label.medium{padding:0 8px}.kit-button .no-label.small{padding:0 6px}\n", "::ng-deep .kit-dialog .k-overlay{opacity:.25}::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:8px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;overflow:hidden}::ng-deep .kit-dialog .k-dialog-titlebar{display:flex;margin:0 24px;padding:16px 0 8px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:none}::ng-deep .kit-dialog .k-dialog-titlebar-action{padding:0}::ng-deep .kit-dialog .k-dialog-titlebar-action:before,::ng-deep .kit-dialog .k-dialog-titlebar-action:after{opacity:0}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:18px;height:18px;min-width:auto;min-height:auto;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon:hover{color:var(--ui-kit-color-hover);background:none}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon>svg{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-title{color:var(--ui-kit-color-grey-10);font-size:18px;flex:1 0}::ng-deep .kit-dialog.declarative .k-dialog-content{padding:0}::ng-deep .kit-dialog.service .k-dialog-content{padding:24px}::ng-deep .kit-dialog .k-dialog-actions{display:flex;justify-content:space-between;padding:24px;border:none;background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button{flex:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary:hover{background:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.primary.active,::ng-deep .kit-dialog .k-dialog-actions .default.primary:active{background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover,::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link{color:var(--ui-kit-color-main);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active,::ng-deep .kit-dialog .k-dialog-actions .default.link:active{color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary:hover{background:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.primary.active,::ng-deep .kit-dialog .k-dialog-actions .success.primary:active{background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover,::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link{color:var(--ui-kit-color-green-1);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active,::ng-deep .kit-dialog .k-dialog-actions .success.link:active{color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary:hover{background:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary.active,::ng-deep .kit-dialog .k-dialog-actions .warning.primary:active{background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover,::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link{color:var(--ui-kit-color-orange);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active{color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .k-button-text{display:flex;align-items:center;gap:8px}::ng-deep .kit-dialog .k-dialog-actions .kit-button-icon{display:block}::ng-deep .kit-dialog .k-dialog-actions .k-button{font-weight:400;border:1px solid transparent;line-height:1;transition:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:focus{box-shadow:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}::ng-deep .kit-dialog .k-dialog-actions .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}::ng-deep .kit-dialog .k-dialog-actions .large .kit-button-icon{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-actions .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}::ng-deep .kit-dialog .k-dialog-actions .medium .kit-button-icon{width:16px;height:16px}::ng-deep .kit-dialog .k-dialog-actions .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}::ng-deep .kit-dialog .k-dialog-actions .small .kit-button-icon{width:14px;height:14px}::ng-deep .kit-dialog .k-dialog-actions .leading .k-button-text{flex-direction:row-reverse}::ng-deep .kit-dialog .k-dialog-actions .trailing .k-button-text{flex-direction:row}::ng-deep .kit-dialog .k-dialog-actions .no-label.large{padding:0 11px}::ng-deep .kit-dialog .k-dialog-actions .no-label.medium{padding:0 8px}::ng-deep .kit-dialog .k-dialog-actions .no-label.small{padding:0 6px}\n"], dependencies: [{ kind: "component", type: i1$8.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "directive", type: i1$8.DialogContainerDirective, selector: "[kendoDialogContainer]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3677
|
+
], ngImport: i0, template: "<div class=\"kit-dialog\"\n [ngClass]=\"type()\">\n @if (type() === kitDialogType.Service) {\n <div kendoDialogContainer\n class=\"kit-dialog-container\"\n [hidden]=\"true\"\n ></div>\n }\n\n @if (type() === kitDialogType.Declarative) {\n <kendo-dialog>\n <ng-content></ng-content>\n </kendo-dialog>\n }\n</div>\n", styles: [".kit-button .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-button .default.primary:hover{background:var(--ui-kit-color-hover)}.kit-button .default.primary.active,.kit-button .default.primary:active{background:var(--ui-kit-color-main)}.kit-button .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.ghost.active,.kit-button .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}.kit-button .default.ghost.active .kit-button-icon.fill,.kit-button .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.ghost.active .kit-button-icon.stroke,.kit-button .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .default.text:disabled{border:none;background:none}.kit-button .default.text:hover,.kit-button .default.text.active,.kit-button .default.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .default.text:hover{color:var(--ui-kit-color-hover)}.kit-button .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.text.active,.kit-button .default.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .default.text.active .kit-button-icon.fill,.kit-button .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text.active .kit-button-icon.stroke,.kit-button .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.link{color:var(--ui-kit-color-main);background:none;border:none}.kit-button .default.link:disabled{background:none}.kit-button .default.link:hover{color:var(--ui-kit-color-hover)}.kit-button .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.link.active,.kit-button .default.link:active{color:var(--ui-kit-color-main)}.kit-button .default.link.active .kit-button-icon.fill,.kit-button .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link.active .kit-button-icon.stroke,.kit-button .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .default.dashed:disabled{border-style:dashed}.kit-button .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.dashed.active,.kit-button .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-button .default.dashed.active .kit-button-icon.fill,.kit-button .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed.active .kit-button-icon.stroke,.kit-button .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}.kit-button .success.primary:hover{background:var(--ui-kit-color-green-6)}.kit-button .success.primary.active,.kit-button .success.primary:active{background:var(--ui-kit-color-green-1)}.kit-button .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.ghost.active,.kit-button .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}.kit-button .success.ghost.active .kit-button-icon.fill,.kit-button .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}.kit-button .success.ghost.active .kit-button-icon.stroke,.kit-button .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}.kit-button .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .success.text:disabled{border:none;background:none}.kit-button .success.text:hover,.kit-button .success.text.active,.kit-button .success.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .success.text:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.text.active,.kit-button .success.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .success.text.active .kit-button-icon.fill,.kit-button .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text.active .kit-button-icon.stroke,.kit-button .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.link{color:var(--ui-kit-color-green-1);background:none;border:none}.kit-button .success.link:disabled{background:none}.kit-button .success.link:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.link.active,.kit-button .success.link:active{color:var(--ui-kit-color-green-1)}.kit-button .success.link.active .kit-button-icon.fill,.kit-button .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link.active .kit-button-icon.stroke,.kit-button .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .success.dashed:disabled{border-style:dashed}.kit-button .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.dashed.active,.kit-button .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}.kit-button .success.dashed.active .kit-button-icon.fill,.kit-button .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed.active .kit-button-icon.stroke,.kit-button .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}.kit-button .warning.primary:hover{background:var(--ui-kit-color-orange-6)}.kit-button .warning.primary.active,.kit-button .warning.primary:active{background:var(--ui-kit-color-orange)}.kit-button .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.ghost.active,.kit-button .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost.active .kit-button-icon.fill,.kit-button .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}.kit-button .warning.ghost.active .kit-button-icon.stroke,.kit-button .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}.kit-button .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .warning.text:disabled{border:none;background:none}.kit-button .warning.text:hover,.kit-button .warning.text.active,.kit-button .warning.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .warning.text:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.text.active,.kit-button .warning.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .warning.text.active .kit-button-icon.fill,.kit-button .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text.active .kit-button-icon.stroke,.kit-button .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.link{color:var(--ui-kit-color-orange);background:none;border:none}.kit-button .warning.link:disabled{background:none}.kit-button .warning.link:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.link.active,.kit-button .warning.link:active{color:var(--ui-kit-color-orange)}.kit-button .warning.link.active .kit-button-icon.fill,.kit-button .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link.active .kit-button-icon.stroke,.kit-button .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .warning.dashed:disabled{border-style:dashed}.kit-button .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.dashed.active,.kit-button .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}.kit-button .warning.dashed.active .kit-button-icon.fill,.kit-button .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed.active .kit-button-icon.stroke,.kit-button .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .k-button-text{display:flex;align-items:center;gap:8px}.kit-button .kit-button-icon{display:block}.kit-button .k-button{font-weight:400;border:1px solid transparent;line-height:1;transition:none}.kit-button .k-button:focus{box-shadow:none}.kit-button .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-button .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-button .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}.kit-button .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}.kit-button .large .kit-button-icon{width:18px;height:18px}.kit-button .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}.kit-button .medium .kit-button-icon{width:16px;height:16px}.kit-button .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}.kit-button .small .kit-button-icon{width:14px;height:14px}.kit-button .leading .k-button-text{flex-direction:row-reverse}.kit-button .trailing .k-button-text{flex-direction:row}.kit-button .no-label.large{padding:0 11px}.kit-button .no-label.medium{padding:0 8px}.kit-button .no-label.small{padding:0 6px}\n", "::ng-deep .kit-dialog .k-overlay{opacity:.25}::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:8px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;overflow:hidden}::ng-deep .kit-dialog .k-dialog-titlebar{display:flex;margin:0 24px;padding:16px 0 8px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:none}::ng-deep .kit-dialog .k-dialog-titlebar-action{padding:0}::ng-deep .kit-dialog .k-dialog-titlebar-action:before,::ng-deep .kit-dialog .k-dialog-titlebar-action:after{opacity:0}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:18px;height:18px;min-width:auto;min-height:auto;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon:hover{color:var(--ui-kit-color-hover);background:none}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon>svg{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-title{color:var(--ui-kit-color-grey-10);font-size:18px;flex:1 0}::ng-deep .kit-dialog.declarative .k-dialog-content{padding:0}::ng-deep .kit-dialog.service .k-dialog-content{padding:24px}::ng-deep .kit-dialog .k-dialog-actions{display:flex;justify-content:space-between;padding:24px;border:none;background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button{flex:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary:hover{background:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.primary.active,::ng-deep .kit-dialog .k-dialog-actions .default.primary:active{background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover,::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link{color:var(--ui-kit-color-main);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active,::ng-deep .kit-dialog .k-dialog-actions .default.link:active{color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary:hover{background:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.primary.active,::ng-deep .kit-dialog .k-dialog-actions .success.primary:active{background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover,::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link{color:var(--ui-kit-color-green-1);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active,::ng-deep .kit-dialog .k-dialog-actions .success.link:active{color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary:hover{background:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary.active,::ng-deep .kit-dialog .k-dialog-actions .warning.primary:active{background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover,::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link{color:var(--ui-kit-color-orange);background:none;border:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:disabled{background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active{color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .k-button-text{display:flex;align-items:center;gap:8px}::ng-deep .kit-dialog .k-dialog-actions .kit-button-icon{display:block}::ng-deep .kit-dialog .k-dialog-actions .k-button{font-weight:400;border:1px solid transparent;line-height:1;transition:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:focus{box-shadow:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}::ng-deep .kit-dialog .k-dialog-actions .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}::ng-deep .kit-dialog .k-dialog-actions .large .kit-button-icon{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-actions .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}::ng-deep .kit-dialog .k-dialog-actions .medium .kit-button-icon{width:16px;height:16px}::ng-deep .kit-dialog .k-dialog-actions .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}::ng-deep .kit-dialog .k-dialog-actions .small .kit-button-icon{width:14px;height:14px}::ng-deep .kit-dialog .k-dialog-actions .leading .k-button-text{flex-direction:row-reverse}::ng-deep .kit-dialog .k-dialog-actions .trailing .k-button-text{flex-direction:row}::ng-deep .kit-dialog .k-dialog-actions .no-label.large{padding:0 11px}::ng-deep .kit-dialog .k-dialog-actions .no-label.medium{padding:0 8px}::ng-deep .kit-dialog .k-dialog-actions .no-label.small{padding:0 6px}\n"], dependencies: [{ kind: "component", type: i1$9.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "directive", type: i1$9.DialogContainerDirective, selector: "[kendoDialogContainer]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3613
3678
|
}
|
|
3614
3679
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitDialogComponent, decorators: [{
|
|
3615
3680
|
type: Component,
|
|
@@ -3806,7 +3871,7 @@ class KitSkeletonComponent {
|
|
|
3806
3871
|
this.animation = KitSkeletonAnimation.WAVE;
|
|
3807
3872
|
}
|
|
3808
3873
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3809
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: KitSkeletonComponent, isStandalone: true, selector: "kit-skeleton", inputs: { width: "width", height: "height", shape: "shape", animation: "animation" }, ngImport: i0, template: "<kendo-skeleton class=\"kit-skeleton\"\n [width]=\"width\"\n [height]=\"height\"\n [shape]=\"shape\"\n [animation]=\"animation\"\n></kendo-skeleton>\n", dependencies: [{ kind: "ngmodule", type: IndicatorsModule }, { kind: "component", type: i1$
|
|
3874
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: KitSkeletonComponent, isStandalone: true, selector: "kit-skeleton", inputs: { width: "width", height: "height", shape: "shape", animation: "animation" }, ngImport: i0, template: "<kendo-skeleton class=\"kit-skeleton\"\n [width]=\"width\"\n [height]=\"height\"\n [shape]=\"shape\"\n [animation]=\"animation\"\n></kendo-skeleton>\n", dependencies: [{ kind: "ngmodule", type: IndicatorsModule }, { kind: "component", type: i1$a.SkeletonComponent, selector: "kendo-skeleton", inputs: ["animation", "shape", "width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3810
3875
|
}
|
|
3811
3876
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitSkeletonComponent, decorators: [{
|
|
3812
3877
|
type: Component,
|
|
@@ -3879,7 +3944,7 @@ class KitFileUploadComponent {
|
|
|
3879
3944
|
return files;
|
|
3880
3945
|
}
|
|
3881
3946
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3882
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitFileUploadComponent, isStandalone: true, selector: "kit-file-upload", inputs: { saveUrl: "saveUrl", files: "files", selectFilesLabel: "selectFilesLabel", dropzoneLabel: "dropzoneLabel", restrictions: "restrictions", restrictionsErrorMessages: "restrictionsErrorMessages", hasActionButton: "hasActionButton", actionButtonLabel: "actionButtonLabel" }, outputs: { fileDownloaded: "fileDownloaded", filesSelected: "filesSelected", actionButtonClicked: "actionButtonClicked" }, ngImport: i0, template: "<div class=\"kit-file-upload\">\n <kendo-upload [saveUrl]=\"saveUrl\"\n [withCredentials]=\"false\"\n [restrictions]=\"restrictions\"\n [autoUpload]=\"false\"\n [(ngModel)]=\"files\"\n (select)=\"onFilesSelect($event.files)\">\n <kendo-upload-messages [select]=\"selectFilesLabel\"\n [dropFilesHere]=\"dropzoneLabel\"\n ></kendo-upload-messages>\n\n <ng-template kendoUploadFileTemplate let-files>\n @if (getTypedFiles(files); as files) {\n @for (file of files; track $index) {\n <div class=\"file-info\">\n <div class=\"file-name\"\n [title]=\"file.name\">\n {{ file.name }}\n </div>\n @for (error of file.validationErrors; track $index) {\n <div class=\"file-validation-message\">\n {{ getValidationError(error) }}\n </div>\n }\n </div>\n @if (!file.validationErrors) {\n <button class=\"download-button\">\n <kit-svg-icon class=\"download-button-icon\"\n [icon]=\"KitSvgIcon.DOWNLOAD\"\n (click)=\"onFileDownload(file)\"\n ></kit-svg-icon>\n </button>\n }\n }\n }\n </ng-template>\n </kendo-upload>\n\n @if (hasActionButton) {\n <div class=\"kit-file-upload-action\">\n <kit-button [label]=\"actionButtonLabel\"\n [icon]=\"KitSvgIcon.DOWNLOAD\"\n [kind]=\"KitButtonKind.SMALL\"\n (clicked)=\"onActionButtonClick()\"\n ></kit-button>\n </div>\n }\n</div>\n", styles: [".kit-file-upload .k-upload{display:flex;flex-direction:column;gap:8px;border:none}.kit-file-upload .k-upload .k-upload-button{position:relative;padding:0;display:flex;align-items:center;min-width:initial;gap:6px;color:var(--ui-kit-color-main);font-weight:500;font-size:14px;border:none;background:none}.kit-file-upload .k-upload .k-upload-button:focus{box-shadow:none}.kit-file-upload .k-upload .k-upload-button:hover .k-button-text{text-decoration:underline}.kit-file-upload .k-upload .k-upload-button:after{content:\"\\e11e\";display:inline-block;position:static;opacity:1;line-height:1;font-size:16px;font-family:WebComponentsIcons,sans-serif}.kit-file-upload .k-upload .k-dropzone{padding:12px 10px;border:2px dashed transparent;background:none}.kit-file-upload .k-upload .k-dropzone.k-hover{border-color:var(--ui-kit-color-main);background:none}.kit-file-upload .k-upload .k-upload-status{display:none}.kit-file-upload .k-upload .k-upload-status+.k-dropzone-hint{display:block}.kit-file-upload .k-upload .k-upload-files{display:flex;flex-direction:column;gap:8px;max-height:initial;border:none}.kit-file-upload .k-upload .k-upload-files .k-file{align-items:center;padding:10px;border:none;background:var(--ui-kit-color-grey-8)}.kit-file-upload .k-upload .k-upload-files .k-file.k-focus{box-shadow:none}.kit-file-upload .k-upload .file-info{flex:1;min-width:0}.kit-file-upload .k-upload .file-name{color:var(--ui-kit-color-cobalt-darkest);font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kit-file-upload .k-upload .file-validation-message{color:var(--ui-kit-color-red);font-size:12px}.kit-file-upload .k-upload .download-button{margin-left:10px;padding:0;border:none;background:none;cursor:pointer}.kit-file-upload .k-upload .download-button:hover .download-button-icon{stroke:var(--ui-kit-color-main)}.kit-file-upload .k-upload .download-button-icon{display:block;width:24px;height:24px;stroke:var(--ui-kit-color-grey-7);fill:none}.kit-file-upload .k-upload .k-actions{display:none}.kit-file-upload-action{display:flex;justify-content:flex-end;margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: UploadModule }, { kind: "component", type: i1$
|
|
3947
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitFileUploadComponent, isStandalone: true, selector: "kit-file-upload", inputs: { saveUrl: "saveUrl", files: "files", selectFilesLabel: "selectFilesLabel", dropzoneLabel: "dropzoneLabel", restrictions: "restrictions", restrictionsErrorMessages: "restrictionsErrorMessages", hasActionButton: "hasActionButton", actionButtonLabel: "actionButtonLabel" }, outputs: { fileDownloaded: "fileDownloaded", filesSelected: "filesSelected", actionButtonClicked: "actionButtonClicked" }, ngImport: i0, template: "<div class=\"kit-file-upload\">\n <kendo-upload [saveUrl]=\"saveUrl\"\n [withCredentials]=\"false\"\n [restrictions]=\"restrictions\"\n [autoUpload]=\"false\"\n [(ngModel)]=\"files\"\n (select)=\"onFilesSelect($event.files)\">\n <kendo-upload-messages [select]=\"selectFilesLabel\"\n [dropFilesHere]=\"dropzoneLabel\"\n ></kendo-upload-messages>\n\n <ng-template kendoUploadFileTemplate let-files>\n @if (getTypedFiles(files); as files) {\n @for (file of files; track $index) {\n <div class=\"file-info\">\n <div class=\"file-name\"\n [title]=\"file.name\">\n {{ file.name }}\n </div>\n @for (error of file.validationErrors; track $index) {\n <div class=\"file-validation-message\">\n {{ getValidationError(error) }}\n </div>\n }\n </div>\n @if (!file.validationErrors) {\n <button class=\"download-button\">\n <kit-svg-icon class=\"download-button-icon\"\n [icon]=\"KitSvgIcon.DOWNLOAD\"\n (click)=\"onFileDownload(file)\"\n ></kit-svg-icon>\n </button>\n }\n }\n }\n </ng-template>\n </kendo-upload>\n\n @if (hasActionButton) {\n <div class=\"kit-file-upload-action\">\n <kit-button [label]=\"actionButtonLabel\"\n [icon]=\"KitSvgIcon.DOWNLOAD\"\n [kind]=\"KitButtonKind.SMALL\"\n (clicked)=\"onActionButtonClick()\"\n ></kit-button>\n </div>\n }\n</div>\n", styles: [".kit-file-upload .k-upload{display:flex;flex-direction:column;gap:8px;border:none}.kit-file-upload .k-upload .k-upload-button{position:relative;padding:0;display:flex;align-items:center;min-width:initial;gap:6px;color:var(--ui-kit-color-main);font-weight:500;font-size:14px;border:none;background:none}.kit-file-upload .k-upload .k-upload-button:focus{box-shadow:none}.kit-file-upload .k-upload .k-upload-button:hover .k-button-text{text-decoration:underline}.kit-file-upload .k-upload .k-upload-button:after{content:\"\\e11e\";display:inline-block;position:static;opacity:1;line-height:1;font-size:16px;font-family:WebComponentsIcons,sans-serif}.kit-file-upload .k-upload .k-dropzone{padding:12px 10px;border:2px dashed transparent;background:none}.kit-file-upload .k-upload .k-dropzone.k-hover{border-color:var(--ui-kit-color-main);background:none}.kit-file-upload .k-upload .k-upload-status{display:none}.kit-file-upload .k-upload .k-upload-status+.k-dropzone-hint{display:block}.kit-file-upload .k-upload .k-upload-files{display:flex;flex-direction:column;gap:8px;max-height:initial;border:none}.kit-file-upload .k-upload .k-upload-files .k-file{align-items:center;padding:10px;border:none;background:var(--ui-kit-color-grey-8)}.kit-file-upload .k-upload .k-upload-files .k-file.k-focus{box-shadow:none}.kit-file-upload .k-upload .file-info{flex:1;min-width:0}.kit-file-upload .k-upload .file-name{color:var(--ui-kit-color-cobalt-darkest);font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kit-file-upload .k-upload .file-validation-message{color:var(--ui-kit-color-red);font-size:12px}.kit-file-upload .k-upload .download-button{margin-left:10px;padding:0;border:none;background:none;cursor:pointer}.kit-file-upload .k-upload .download-button:hover .download-button-icon{stroke:var(--ui-kit-color-main)}.kit-file-upload .k-upload .download-button-icon{display:block;width:24px;height:24px;stroke:var(--ui-kit-color-grey-7);fill:none}.kit-file-upload .k-upload .k-actions{display:none}.kit-file-upload-action{display:flex;justify-content:flex-end;margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: UploadModule }, { kind: "component", type: i1$b.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "showFileList", "tabIndex", "actionsLayout"], outputs: ["cancel", "clear", "complete", "error", "pause", "resume", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "directive", type: i1$b.FileTemplateDirective, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]" }, { kind: "component", type: i1$b.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3883
3948
|
}
|
|
3884
3949
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitFileUploadComponent, decorators: [{
|
|
3885
3950
|
type: Component,
|
|
@@ -3995,7 +4060,7 @@ class KitNavigationMenuSubmenuComponent {
|
|
|
3995
4060
|
return `${location?.origin}/` === url;
|
|
3996
4061
|
}
|
|
3997
4062
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitNavigationMenuSubmenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3998
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitNavigationMenuSubmenuComponent, isStandalone: true, selector: "kit-navigation-menu-submenu", inputs: { menuItem: "menuItem", appsMenuItems: "appsMenuItems", logoPath: "logoPath" }, outputs: { logoClicked: "logoClicked" }, ngImport: i0, template: "<div class=\"kit-navigation-menu-submenu\">\n <div class=\"nav-logo\">\n <a class=\"nav-logo-link\"\n [routerLink]=\"rootPath\"\n (click)=\"logoClicked.emit()\">\n @if (logoPath) {\n <div class=\"logo-wrapper\">\n <img [src]=\"logoPath\" alt=\"Logo\"/>\n </div>\n } @else {\n <kit-svg-icon class=\"seko-icon\"\n [icon]=\"KitSvgIcon.SEKO\"\n ></kit-svg-icon>\n <kit-svg-icon class=\"seko-360-icon\"\n [icon]=\"KitSvgIcon.SEKO_360\"\n ></kit-svg-icon>\n }\n </a>\n </div>\n @if (appsMenuItems) {\n <div class=\"apps-menu\">\n @for (item of appsMenuItems; track item) {\n <a class=\"app-link\"\n [class.active]=\"isAppItemActive(item.url)\"\n [href]=\"item.url\">\n <span class=\"app-link-btn\">\n <kit-svg-icon class=\"app-link-icon\"\n [icon]=\"item.name.toLowerCase()\"\n ></kit-svg-icon>\n </span>\n <span class=\"app-link-title\">{{ item.name }}</span>\n </a>\n }\n </div>\n } @else {\n <div class=\"main-menu\">\n <div class=\"nav-title\">{{ menuItem?.title }}</div>\n <div class=\"nav-list\">\n @for (child of menuItem?.items; track child) {\n @if (!child.items?.length) {\n @if (child.link) {\n @if (isAbsoluteLink(child.link)) {\n <a class=\"nav-link\"\n routerLinkActive=\"active\"\n target=\"_blank\"\n [href]=\"child.link\">\n {{ child.title }}\n </a>\n } @else {\n <a class=\"nav-link\"\n routerLinkActive=\"active\"\n [routerLink]=\"child.link\"\n [queryParams]=\"child.queryParams\">\n {{ child.title }}\n </a>\n }\n }\n }\n\n @if (child.items?.length) {\n <a class=\"nav-link\"\n [class.expanded]=\"child.expanded\"\n (click)=\"handleClick(child)\">\n {{ child.title }}\n <kit-svg-icon class=\"toggle-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n ></kit-svg-icon>\n </a>\n\n @if (child?.expanded) {\n <div @heightExpandCollapseAnimation\n class=\"nav-list\">\n @for (subChild of child.items; track subChild) {\n @if (subChild.link) {\n @if (isAbsoluteLink(subChild.link)) {\n <a class=\"child-link\"\n routerLinkActive=\"active\"\n target=\"_blank\"\n [href]=\"subChild.link\">\n {{ subChild.title }}\n </a>\n } @else {\n <a class=\"child-link\"\n routerLinkActive=\"active\"\n [routerLink]=\"subChild.link\"\n [queryParams]=\"subChild.queryParams\">\n {{ subChild.title }}\n </a>\n }\n }\n }\n </div>\n }\n }\n }\n </div>\n </div>\n }\n</div>\n", styles: [".kit-navigation-menu-submenu{padding:0 15px;width:200px;height:100vh;color:var(--ui-kit-color-grey-10);box-sizing:border-box;border-right:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);overflow-y:auto;scrollbar-width:none}.kit-navigation-menu-submenu::-webkit-scrollbar{display:none}.kit-navigation-menu-submenu .nav-logo{position:sticky;top:0;padding:20px 5px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);height:var(--ui-kit-header-height, 86px);box-sizing:border-box;display:flex;justify-content:center;align-items:center;z-index:1}.kit-navigation-menu-submenu .nav-logo-link{display:flex;align-items:center;gap:5px;height:100%;margin:auto;overflow:hidden}.kit-navigation-menu-submenu .nav-logo .logo-wrapper{width:100%;height:100%}.kit-navigation-menu-submenu .nav-logo .seko-icon{width:97px;height:29px}.kit-navigation-menu-submenu .nav-logo .seko-360-icon{height:20px;width:59px;fill:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .apps-menu{display:flex;flex-direction:column;gap:15px;padding:15px 0}.kit-navigation-menu-submenu .app-link{display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13);text-decoration:none}.kit-navigation-menu-submenu .app-link:not(.active):hover{border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .app-link:not(.active):hover .app-link-title{border-color:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .app-link-btn{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 4px 6px #0000000d,0 10px 15px #0000001a}.kit-navigation-menu-submenu .app-link-icon{width:32px;height:32px;fill:var(--ui-kit-color-main);stroke:none}.kit-navigation-menu-submenu .app-link-title{display:flex;justify-content:center;padding-top:10px;width:100%;color:var(--ui-kit-color-grey-10);border-top:1px solid var(--ui-kit-color-grey-11);font-size:14px;font-weight:500;text-transform:uppercase}.kit-navigation-menu-submenu .app-link.active{cursor:default;pointer-events:none}.kit-navigation-menu-submenu .app-link.active .app-link-btn{background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .app-link.active .app-link-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu-submenu .nav-title{padding:15px 0;font-size:18px;font-weight:600}.kit-navigation-menu-submenu .nav-list{display:flex;flex-direction:column;gap:5px;overflow:hidden}.kit-navigation-menu-submenu .nav-link{display:flex;align-items:center;gap:8px;padding:10px 0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:500;text-decoration:none;line-height:20px;cursor:pointer}.kit-navigation-menu-submenu .nav-link .toggle-icon{width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .nav-link:hover,.kit-navigation-menu-submenu .nav-link.active{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active{pointer-events:none}.kit-navigation-menu-submenu .nav-link.expanded{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.expanded .toggle-icon{stroke:var(--ui-kit-color-main);transform:rotate(180deg)}.kit-navigation-menu-submenu .child-link{display:flex;align-items:center;gap:12px;position:relative;padding:10px 20px;color:var(--ui-kit-color-grey-14);font-size:14px;font-weight:400;border-radius:8px;line-height:20px;text-decoration:none}.kit-navigation-menu-submenu .child-link:hover{background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .child-link.active{pointer-events:none}.kit-navigation-menu-submenu .child-link.active:before{content:\"\";position:absolute;left:0;width:7px;height:7px;border-radius:2px;background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .child-link.active:hover{background:none}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$
|
|
4063
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitNavigationMenuSubmenuComponent, isStandalone: true, selector: "kit-navigation-menu-submenu", inputs: { menuItem: "menuItem", appsMenuItems: "appsMenuItems", logoPath: "logoPath" }, outputs: { logoClicked: "logoClicked" }, ngImport: i0, template: "<div class=\"kit-navigation-menu-submenu\">\n <div class=\"nav-logo\">\n <a class=\"nav-logo-link\"\n [routerLink]=\"rootPath\"\n (click)=\"logoClicked.emit()\">\n @if (logoPath) {\n <div class=\"logo-wrapper\">\n <img [src]=\"logoPath\" alt=\"Logo\"/>\n </div>\n } @else {\n <kit-svg-icon class=\"seko-icon\"\n [icon]=\"KitSvgIcon.SEKO\"\n ></kit-svg-icon>\n <kit-svg-icon class=\"seko-360-icon\"\n [icon]=\"KitSvgIcon.SEKO_360\"\n ></kit-svg-icon>\n }\n </a>\n </div>\n @if (appsMenuItems) {\n <div class=\"apps-menu\">\n @for (item of appsMenuItems; track item) {\n <a class=\"app-link\"\n [class.active]=\"isAppItemActive(item.url)\"\n [href]=\"item.url\">\n <span class=\"app-link-btn\">\n <kit-svg-icon class=\"app-link-icon\"\n [icon]=\"item.name.toLowerCase()\"\n ></kit-svg-icon>\n </span>\n <span class=\"app-link-title\">{{ item.name }}</span>\n </a>\n }\n </div>\n } @else {\n <div class=\"main-menu\">\n <div class=\"nav-title\">{{ menuItem?.title }}</div>\n <div class=\"nav-list\">\n @for (child of menuItem?.items; track child) {\n @if (!child.items?.length) {\n @if (child.link) {\n @if (isAbsoluteLink(child.link)) {\n <a class=\"nav-link\"\n routerLinkActive=\"active\"\n target=\"_blank\"\n [href]=\"child.link\">\n {{ child.title }}\n </a>\n } @else {\n <a class=\"nav-link\"\n routerLinkActive=\"active\"\n [routerLink]=\"child.link\"\n [queryParams]=\"child.queryParams\">\n {{ child.title }}\n </a>\n }\n }\n }\n\n @if (child.items?.length) {\n <a class=\"nav-link\"\n [class.expanded]=\"child.expanded\"\n (click)=\"handleClick(child)\">\n {{ child.title }}\n <kit-svg-icon class=\"toggle-icon\"\n [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n ></kit-svg-icon>\n </a>\n\n @if (child?.expanded) {\n <div @heightExpandCollapseAnimation\n class=\"nav-list\">\n @for (subChild of child.items; track subChild) {\n @if (subChild.link) {\n @if (isAbsoluteLink(subChild.link)) {\n <a class=\"child-link\"\n routerLinkActive=\"active\"\n target=\"_blank\"\n [href]=\"subChild.link\">\n {{ subChild.title }}\n </a>\n } @else {\n <a class=\"child-link\"\n routerLinkActive=\"active\"\n [routerLink]=\"subChild.link\"\n [queryParams]=\"subChild.queryParams\">\n {{ subChild.title }}\n </a>\n }\n }\n }\n </div>\n }\n }\n }\n </div>\n </div>\n }\n</div>\n", styles: [".kit-navigation-menu-submenu{padding:0 15px;width:200px;height:100vh;color:var(--ui-kit-color-grey-10);box-sizing:border-box;border-right:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);overflow-y:auto;scrollbar-width:none}.kit-navigation-menu-submenu::-webkit-scrollbar{display:none}.kit-navigation-menu-submenu .nav-logo{position:sticky;top:0;padding:20px 5px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);height:var(--ui-kit-header-height, 86px);box-sizing:border-box;display:flex;justify-content:center;align-items:center;z-index:1}.kit-navigation-menu-submenu .nav-logo-link{display:flex;align-items:center;gap:5px;height:100%;margin:auto;overflow:hidden}.kit-navigation-menu-submenu .nav-logo .logo-wrapper{width:100%;height:100%}.kit-navigation-menu-submenu .nav-logo .seko-icon{width:97px;height:29px}.kit-navigation-menu-submenu .nav-logo .seko-360-icon{height:20px;width:59px;fill:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .apps-menu{display:flex;flex-direction:column;gap:15px;padding:15px 0}.kit-navigation-menu-submenu .app-link{display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13);text-decoration:none}.kit-navigation-menu-submenu .app-link:not(.active):hover{border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .app-link:not(.active):hover .app-link-title{border-color:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .app-link-btn{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 4px 6px #0000000d,0 10px 15px #0000001a}.kit-navigation-menu-submenu .app-link-icon{width:32px;height:32px;fill:var(--ui-kit-color-main);stroke:none}.kit-navigation-menu-submenu .app-link-title{display:flex;justify-content:center;padding-top:10px;width:100%;color:var(--ui-kit-color-grey-10);border-top:1px solid var(--ui-kit-color-grey-11);font-size:14px;font-weight:500;text-transform:uppercase}.kit-navigation-menu-submenu .app-link.active{cursor:default;pointer-events:none}.kit-navigation-menu-submenu .app-link.active .app-link-btn{background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .app-link.active .app-link-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu-submenu .nav-title{padding:15px 0;font-size:18px;font-weight:600}.kit-navigation-menu-submenu .nav-list{display:flex;flex-direction:column;gap:5px;overflow:hidden}.kit-navigation-menu-submenu .nav-link{display:flex;align-items:center;gap:8px;padding:10px 0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:500;text-decoration:none;line-height:20px;cursor:pointer}.kit-navigation-menu-submenu .nav-link .toggle-icon{width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .nav-link:hover,.kit-navigation-menu-submenu .nav-link.active{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active{pointer-events:none}.kit-navigation-menu-submenu .nav-link.expanded{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.expanded .toggle-icon{stroke:var(--ui-kit-color-main);transform:rotate(180deg)}.kit-navigation-menu-submenu .child-link{display:flex;align-items:center;gap:12px;position:relative;padding:10px 20px;color:var(--ui-kit-color-grey-14);font-size:14px;font-weight:400;border-radius:8px;line-height:20px;text-decoration:none}.kit-navigation-menu-submenu .child-link:hover{background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .child-link.active{pointer-events:none}.kit-navigation-menu-submenu .child-link.active:before{content:\"\";position:absolute;left:0;width:7px;height:7px;border-radius:2px;background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .child-link.active:hover{background:none}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$8.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], animations: [
|
|
3999
4064
|
expandCollapseAnimation('height'),
|
|
4000
4065
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4001
4066
|
}
|
|
@@ -4150,7 +4215,7 @@ class KitNavigationMenuComponent {
|
|
|
4150
4215
|
this.kitNavigationMenuService.setSelectedState(!!this.selectedItem()?.items, !!this.selectedAppsItems());
|
|
4151
4216
|
}
|
|
4152
4217
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitNavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4153
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitNavigationMenuComponent, isStandalone: true, selector: "kit-navigation-menu", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, appsMenuItems: { classPropertyName: "appsMenuItems", publicName: "appsMenuItems", isSignal: true, isRequired: false, transformFunction: null }, logoPath: { classPropertyName: "logoPath", publicName: "logoPath", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { menuItems: "menuItemsChange" }, ngImport: i0, template: "<div class=\"kit-navigation-menu\"\n [class.collapsed]=\"collapsed()\">\n <div class=\"main-panel\">\n @if (appsMenuItems().length > 1) {\n <button class=\"app-btn\"\n [class.active]=\"selectedAppsItems() && !collapsed()\"\n (click)=\"onAppsMenuButtonClick()\">\n <kit-svg-icon class=\"app-btn-icon\"\n [icon]=\"KitSvgIcon.FOUR_SQUARE\"\n ></kit-svg-icon>\n </button>\n }\n <div class=\"nav-wrap\">\n <div class=\"nav-list\">\n @for (item of menuItems(); track $index) {\n @if (item.items?.length) {\n <a class=\"nav-link\"\n kitTooltip\n kitTooltipFilter=\".nav-link\"\n [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n [title]=\"item.title\"\n [class.active]=\"item.active\"\n (click)=\"handleClick(item)\">\n @if (item.icon) {\n <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n ></ng-container>\n }\n </a>\n } @else {\n @if (item.link) {\n @if (isAbsoluteLink(item.link)) {\n <a class=\"nav-link\"\n kitTooltip\n kitTooltipFilter=\".nav-link\"\n target=\"_blank\"\n [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n [title]=\"item.title\"\n [href]=\"item.link\"\n (click)=\"handleClick(item)\">\n @if (item.icon) {\n <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n ></ng-container>\n }\n </a>\n } @else {\n <a class=\"nav-link\"\n kitTooltip\n kitTooltipFilter=\".nav-link\"\n [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n [title]=\"item.title\"\n [class.active]=\"item.active\"\n [routerLink]=\"item.link\"\n [queryParams]=\"item.queryParams\"\n (click)=\"handleClick(item)\">\n @if (item.icon) {\n <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n ></ng-container>\n }\n </a>\n }\n }\n }\n }\n </div>\n </div>\n </div>\n\n @if (!collapsed() && (selectedItem()?.items || selectedAppsItems())) {\n <kit-navigation-menu-submenu class=\"sub-panel\"\n [@widthExpandCollapseAnimation]\n [menuItem]=\"selectedItem()\"\n [appsMenuItems]=\"selectedAppsItems()\"\n [logoPath]=\"logoPath\"\n (logoClicked)=\"handleLogoClick()\"\n ></kit-navigation-menu-submenu>\n }\n\n <ng-template #linkIconTemplate let-item>\n <kit-svg-icon class=\"nav-link-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n ></kit-svg-icon>\n </ng-template>\n</div>\n", styles: [".kit-navigation-menu{display:flex;height:100%}.kit-navigation-menu .app-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border:none;background:none;border-radius:8px;cursor:pointer}.kit-navigation-menu .app-btn-icon{width:16px;height:16px;fill:var(--ui-kit-color-white);stroke:var(--ui-kit-color-white)}.kit-navigation-menu .app-btn:hover{background:var(--ui-kit-color-grey-14)}.kit-navigation-menu .app-btn.active{background:var(--ui-kit-color-main)}.kit-navigation-menu .main-panel{display:flex;flex-direction:column;padding:25px 10px;width:56px;box-sizing:border-box}.kit-navigation-menu .main-panel:has(.app-btn){gap:24px}.kit-navigation-menu .main-panel:has(.app-btn) .nav-list{margin-top:22px}.kit-navigation-menu .sub-panel{display:block;width:200px;overflow:hidden}.kit-navigation-menu .nav-wrap{overflow:auto;scrollbar-width:none}.kit-navigation-menu .nav-list{display:flex;flex-direction:column;gap:30px;margin-top:82px}.kit-navigation-menu .nav-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer}.kit-navigation-menu .nav-link:hover{background:var(--ui-kit-color-grey-14)}.kit-navigation-menu .nav-link.active{background:var(--ui-kit-color-main)}.kit-navigation-menu .nav-link-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-navigation-menu .nav-link-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-navigation-menu .nav-link-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$
|
|
4218
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitNavigationMenuComponent, isStandalone: true, selector: "kit-navigation-menu", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, appsMenuItems: { classPropertyName: "appsMenuItems", publicName: "appsMenuItems", isSignal: true, isRequired: false, transformFunction: null }, logoPath: { classPropertyName: "logoPath", publicName: "logoPath", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { menuItems: "menuItemsChange" }, ngImport: i0, template: "<div class=\"kit-navigation-menu\"\n [class.collapsed]=\"collapsed()\">\n <div class=\"main-panel\">\n @if (appsMenuItems().length > 1) {\n <button class=\"app-btn\"\n [class.active]=\"selectedAppsItems() && !collapsed()\"\n (click)=\"onAppsMenuButtonClick()\">\n <kit-svg-icon class=\"app-btn-icon\"\n [icon]=\"KitSvgIcon.FOUR_SQUARE\"\n ></kit-svg-icon>\n </button>\n }\n <div class=\"nav-wrap\">\n <div class=\"nav-list\">\n @for (item of menuItems(); track $index) {\n @if (item.items?.length) {\n <a class=\"nav-link\"\n kitTooltip\n kitTooltipFilter=\".nav-link\"\n [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n [title]=\"item.title\"\n [class.active]=\"item.active\"\n (click)=\"handleClick(item)\">\n @if (item.icon) {\n <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n ></ng-container>\n }\n </a>\n } @else {\n @if (item.link) {\n @if (isAbsoluteLink(item.link)) {\n <a class=\"nav-link\"\n kitTooltip\n kitTooltipFilter=\".nav-link\"\n target=\"_blank\"\n [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n [title]=\"item.title\"\n [href]=\"item.link\"\n (click)=\"handleClick(item)\">\n @if (item.icon) {\n <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n ></ng-container>\n }\n </a>\n } @else {\n <a class=\"nav-link\"\n kitTooltip\n kitTooltipFilter=\".nav-link\"\n [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n [title]=\"item.title\"\n [class.active]=\"item.active\"\n [routerLink]=\"item.link\"\n [queryParams]=\"item.queryParams\"\n (click)=\"handleClick(item)\">\n @if (item.icon) {\n <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n ></ng-container>\n }\n </a>\n }\n }\n }\n }\n </div>\n </div>\n </div>\n\n @if (!collapsed() && (selectedItem()?.items || selectedAppsItems())) {\n <kit-navigation-menu-submenu class=\"sub-panel\"\n [@widthExpandCollapseAnimation]\n [menuItem]=\"selectedItem()\"\n [appsMenuItems]=\"selectedAppsItems()\"\n [logoPath]=\"logoPath\"\n (logoClicked)=\"handleLogoClick()\"\n ></kit-navigation-menu-submenu>\n }\n\n <ng-template #linkIconTemplate let-item>\n <kit-svg-icon class=\"nav-link-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n ></kit-svg-icon>\n </ng-template>\n</div>\n", styles: [".kit-navigation-menu{display:flex;height:100%}.kit-navigation-menu .app-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border:none;background:none;border-radius:8px;cursor:pointer}.kit-navigation-menu .app-btn-icon{width:16px;height:16px;fill:var(--ui-kit-color-white);stroke:var(--ui-kit-color-white)}.kit-navigation-menu .app-btn:hover{background:var(--ui-kit-color-grey-14)}.kit-navigation-menu .app-btn.active{background:var(--ui-kit-color-main)}.kit-navigation-menu .main-panel{display:flex;flex-direction:column;padding:25px 10px;width:56px;box-sizing:border-box}.kit-navigation-menu .main-panel:has(.app-btn){gap:24px}.kit-navigation-menu .main-panel:has(.app-btn) .nav-list{margin-top:22px}.kit-navigation-menu .sub-panel{display:block;width:200px;overflow:hidden}.kit-navigation-menu .nav-wrap{overflow:auto;scrollbar-width:none}.kit-navigation-menu .nav-list{display:flex;flex-direction:column;gap:30px;margin-top:82px}.kit-navigation-menu .nav-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer}.kit-navigation-menu .nav-link:hover{background:var(--ui-kit-color-grey-14)}.kit-navigation-menu .nav-link.active{background:var(--ui-kit-color-main)}.kit-navigation-menu .nav-link-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-navigation-menu .nav-link-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-navigation-menu .nav-link-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: KitNavigationMenuSubmenuComponent, selector: "kit-navigation-menu-submenu", inputs: ["menuItem", "appsMenuItems", "logoPath"], outputs: ["logoClicked"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
|
|
4154
4219
|
expandCollapseAnimation('width'),
|
|
4155
4220
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4156
4221
|
}
|
|
@@ -4793,7 +4858,7 @@ class KitTabsComponent {
|
|
|
4793
4858
|
});
|
|
4794
4859
|
}
|
|
4795
4860
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4796
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitTabsComponent, isStandalone: true, selector: "kit-tabs", inputs: { type: "type", size: "size", animate: "animate" }, outputs: { tabSelected: "tabSelected" }, queries: [{ propertyName: "tabs", predicate: KitTabComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-tabs\">\n <kendo-tabstrip [ngClass]=\"[type, size]\"\n [animate]=\"animate\"\n (tabSelect)=\"onTabSelect($event)\">\n @for (tab of tabs(); track tab) {\n <kendo-tabstrip-tab [title]=\"tab.title()\"\n [selected]=\"tab.selected\"\n [disabled]=\"tab.disabled()\">\n @if (tab.kitTitleTemplate) {\n <ng-template kendoTabTitle>\n <ng-container *ngTemplateOutlet=\"tab.kitTitleTemplate\"\n ></ng-container>\n </ng-template>\n } @else if (tab.icon) {\n <ng-template kendoTabTitle>\n <div class=\"tab-title\">\n <kit-svg-icon class=\"tab-title-icon\"\n [icon]=\"tab.icon\"\n [ngClass]=\"tab.iconType\"\n ></kit-svg-icon>\n <div class=\"tab title-text\">\n {{ tab.title() }}\n </div>\n </div>\n </ng-template>\n }\n <ng-template kendoTabContent>\n <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n ></ng-container>\n </ng-template>\n </kendo-tabstrip-tab>\n }\n </kendo-tabstrip>\n</div>\n", dependencies: [{ kind: "component", type: i1$
|
|
4861
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitTabsComponent, isStandalone: true, selector: "kit-tabs", inputs: { type: "type", size: "size", animate: "animate" }, outputs: { tabSelected: "tabSelected" }, queries: [{ propertyName: "tabs", predicate: KitTabComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-tabs\">\n <kendo-tabstrip [ngClass]=\"[type, size]\"\n [animate]=\"animate\"\n (tabSelect)=\"onTabSelect($event)\">\n @for (tab of tabs(); track tab) {\n <kendo-tabstrip-tab [title]=\"tab.title()\"\n [selected]=\"tab.selected\"\n [disabled]=\"tab.disabled()\">\n @if (tab.kitTitleTemplate) {\n <ng-template kendoTabTitle>\n <ng-container *ngTemplateOutlet=\"tab.kitTitleTemplate\"\n ></ng-container>\n </ng-template>\n } @else if (tab.icon) {\n <ng-template kendoTabTitle>\n <div class=\"tab-title\">\n <kit-svg-icon class=\"tab-title-icon\"\n [icon]=\"tab.icon\"\n [ngClass]=\"tab.iconType\"\n ></kit-svg-icon>\n <div class=\"tab title-text\">\n {{ tab.title() }}\n </div>\n </div>\n </ng-template>\n }\n <ng-template kendoTabContent>\n <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n ></ng-container>\n </ng-template>\n </kendo-tabstrip-tab>\n }\n </kendo-tabstrip>\n</div>\n", dependencies: [{ kind: "component", type: i1$c.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i1$c.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i1$c.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "directive", type: i1$c.TabTitleDirective, selector: "[kendoTabTitle]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4797
4862
|
}
|
|
4798
4863
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitTabsComponent, decorators: [{
|
|
4799
4864
|
type: Component,
|
|
@@ -5287,7 +5352,7 @@ class KitGridComponent {
|
|
|
5287
5352
|
{ provide: L10N_PREFIX, useValue: '' },
|
|
5288
5353
|
PagerContextService,
|
|
5289
5354
|
PagerNavigationService,
|
|
5290
|
-
], queries: [{ propertyName: "columnsContent", predicate: KitGridColumnComponent, isSignal: true }], viewQueries: [{ propertyName: "gridComponent", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: "@if (data()) {\n <kendo-grid class=\"kit-grid\"\n kendoGridExpandDetailsBy\n [data]=\"data()\"\n [sortable]=\"sortable\"\n [sort]=\"sort\"\n [rowClass]=\"getCssRowClass\"\n [pageable]=\"getPagerSettings()\"\n [pageSize]=\"pageSize\"\n [skip]=\"skip()\"\n [loading]=\"loading()\"\n [resizable]=\"resizable()\"\n [(expandedDetailKeys)]=\"expandedRows\"\n (cellClick)=\"onCellClick($event)\"\n (detailExpand)=\"onDetailExpand($event)\"\n (detailCollapse)=\"onDetailCollapse($event)\"\n (sortChange)=\"onSortChange($event)\"\n (pageChange)=\"onPageChange($event)\"\n (dataStateChange)=\"onDataStateChange($event)\"\n (excelExport)=\"excelExport.emit($event)\">\n @for (column of columns(); track column) {\n <kendo-grid-column [field]=\"column.field\"\n [sortable]=\"column.sortable\"\n [hidden]=\"column.hidden\"\n [width]=\"column.width\">\n <ng-template kendoGridHeaderTemplate>\n <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n ></ng-container>\n </ng-template>\n\n @if (column.cellTemplate) {\n <ng-template kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n\n @if (showFooter) {\n <ng-template kendoGridFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n </ng-template>\n }\n </kendo-grid-column>\n\n @if (gridDetailTemplate()) {\n <ng-template kendoGridDetailTemplate let-dataItem\n [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n }\n <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n [allPages]=\"pdfOptions.allPages\"\n [paperSize]=\"pdfOptions.paperSize\"\n [scale]=\"pdfOptions.scale\"\n [landscape]=\"pdfOptions.landscape\"\n [repeatHeaders]=\"true\" />\n\n <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n <kendo-grid-messages [pagerItems]=\"pagerInfoText()\"\n [pagerOf]=\"'of'\"\n [noRecords]=\"noRecordsText()\">\n </kendo-grid-messages>\n </kendo-grid>\n}\n\n@if (gridDataBinding()) {\n <kendo-grid class=\"kit-grid\"\n kendoGridExpandDetailsBy\n [kendoGridBinding]=\"gridDataBinding()\"\n [rowClass]=\"getCssRowClass\"\n [pageable]=\"getPagerSettings()\"\n [pageSize]=\"pageSize\"\n [sortable]=\"sortable\"\n [sort]=\"sort\"\n [skip]=\"skip()\"\n [loading]=\"loading()\"\n [resizable]=\"resizable()\"\n [(expandedDetailKeys)]=\"expandedRows\"\n (cellClick)=\"onCellClick($event)\"\n (detailExpand)=\"onDetailExpand($event)\"\n (detailCollapse)=\"onDetailCollapse($event)\"\n (pageChange)=\"onPageChange($event)\"\n (sortChange)=\"onSortChange($event)\"\n (dataStateChange)=\"onDataStateChange($event)\"\n (excelExport)=\"excelExport.emit($event)\">\n @for (column of columns(); track column) {\n <kendo-grid-column [field]=\"column.field\"\n [sortable]=\"column.sortable\"\n [hidden]=\"column.hidden\"\n [width]=\"column.width\">\n @if (column.cellTemplate) {\n <ng-template kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n\n <ng-template kendoGridHeaderTemplate>\n <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n ></ng-container>\n </ng-template>\n\n @if (showFooter) {\n <ng-template kendoGridFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n </ng-template>\n }\n </kendo-grid-column>\n\n @if (gridDetailTemplate()) {\n <ng-template kendoGridDetailTemplate let-dataItem\n [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n }\n <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n [allPages]=\"pdfOptions.allPages\"\n [paperSize]=\"pdfOptions.paperSize\"\n [scale]=\"pdfOptions.scale\"\n [landscape]=\"pdfOptions.landscape\"\n [repeatHeaders]=\"true\" />\n\n <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n <kendo-grid-messages pagerOf=\"of\"\n [pagerItems]=\"pagerInfoText()\"\n [noRecords]=\"noRecordsText()\">\n </kendo-grid-messages>\n </kendo-grid>\n}\n\n<ng-template #columnHeaderTemplate let-column>\n <div class=\"grid-title\"\n [class.sortable]=\"isColumnSortable(column)\">\n @if (column.titleIcon) {\n <kit-svg-icon class=\"grid-title-icon\"\n [icon]=\"column.titleIcon\"\n [ngClass]=\"column.titleIconType\"\n ></kit-svg-icon>\n }\n\n <div class=\"grid-title-text\">\n {{ column.title }}\n </div>\n\n @if (sortable && column.sortable) {\n @switch (getSortingDirection(column.field)) {\n @case (kitSortDirection.ASC) {\n <kit-svg-icon class=\"grid-title-sort-icon\"\n [icon]=\"kitSvgIcon.SORT_ASCENDING\"\n ></kit-svg-icon>\n }\n @case (kitSortDirection.DESC) {\n <kit-svg-icon class=\"grid-title-sort-icon\"\n [icon]=\"kitSvgIcon.SORT_DESCENDING\"\n ></kit-svg-icon>\n }\n }\n }\n </div>\n</ng-template>\n\n<ng-template #footerTemplate let-column>\n @if (columns(); as columns) {\n @if (footerTitle && column === columns[0]) {\n {{ footerTitle }}\n } @else {\n {{ footerData?.[column.field] || '' }}\n }\n }\n</ng-template>\n\n<ng-template #pagerTemplate\n kendoPagerTemplate>\n <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n <kendo-pager-numeric-buttons></kendo-pager-numeric-buttons>\n <kendo-pager-next-buttons></kendo-pager-next-buttons>\n <kendo-pager-info></kendo-pager-info>\n</ng-template>\n", styles: [".kit-grid{border:none;background:none;max-height:100%}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-footer{padding:0!important}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar{height:8px;width:8px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-12);border-radius:4px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-18)}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15);box-shadow:none}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px;box-shadow:none}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-table-td:first-child .ng-star-inserted{display:flex;justify-content:center}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-pager{margin:0;padding:20px 0;justify-content:flex-start;background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-grid-norecords{text-align:left}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;font-family:WebComponentsIcons,sans-serif;font-size:22px}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\\e005\";color:var(--ui-kit-color-grey-14);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:2px 0;color:var(--ui-kit-color-grey-10);border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-numbers .k-button{width:32px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-numbers .k-button:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-numbers .k-button:after,.kit-grid ::ng-deep .k-pager-numbers .k-button:before{display:none}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers .k-button:not(.k-selected):hover{background-color:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;border-radius:6px}.kit-grid ::ng-deep .k-pager-nav:before,.kit-grid ::ng-deep .k-pager-nav:after{display:none!important}.kit-grid ::ng-deep .k-pager-nav:not(.k-disabled):hover{background:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-info{flex:initial;border-radius:8px;background-color:#fff;padding:5px 16px}.kit-grid ::ng-deep .k-pager .k-pager-first,.kit-grid ::ng-deep .k-pager .k-pager-last{display:none}.kit-grid ::ng-deep .k-pager .k-button-icon{font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-left:before{content:\"\\e016\"}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-right:before{content:\"\\e014\"}.kit-grid ::ng-deep .k-grid-aria-root{position:relative}.kit-grid ::ng-deep .k-loading-color{background:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .expand-disabled .k-hierarchy-cell a{pointer-events:none;opacity:.3}.kit-grid ::ng-deep .k-picker{height:32px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-picker:hover{border-color:var(--ui-kit-color-hover)}.kit-grid ::ng-deep .k-picker.k-focus{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-picker[aria-expanded=true] .k-svg-i-caret-alt-down:before{transform:rotate(180deg)}.kit-grid ::ng-deep .k-picker .k-svg-i-caret-alt-down:before{content:\"\\e015\";color:var(--ui-kit-color-grey-12);font-family:WebComponentsIcons,sans-serif}::ng-deep .kit-grid.k-grid:has(.k-grid-norecords) .k-pager-numbers-wrap{display:none}::ng-deep .k-animation-container .k-list-container.k-popup{padding:0}::ng-deep .k-animation-container .k-list-item.k-selected{background-color:var(--ui-kit-color-main);color:var(--ui-kit-color-white)}::ng-deep .k-animation-container .k-list-item:hover:not(.k-selected){color:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "ngmodule", type: GridModule }, { kind: "component", type: i1$c.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i1$c.DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"], exportAs: ["kendoGridBinding"] }, { kind: "component", type: i1$c.CustomMessagesComponent, selector: "kendo-grid-messages" }, { kind: "directive", type: i1$c.ExpandDetailsDirective, selector: "[kendoGridExpandDetailsBy]", inputs: ["kendoGridExpandDetailsBy", "expandDetailBy", "expandedDetailKeys", "initiallyExpanded"], outputs: ["expandedDetailKeysChange"], exportAs: ["kendoGridExpandDetailsBy"] }, { kind: "component", type: i1$c.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i1$c.FooterTemplateDirective, selector: "[kendoGridFooterTemplate]" }, { kind: "directive", type: i1$c.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "directive", type: i1$c.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i1$c.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "component", type: i2.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i2.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i2.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i2.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i2.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: ExcelModule }, { kind: "component", type: i1$c.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"], outputs: ["fileCreated"] }, { kind: "ngmodule", type: PDFModule }, { kind: "component", type: i1$c.PDFComponent, selector: "kendo-grid-pdf", inputs: ["allPages", "delay"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5355
|
+
], queries: [{ propertyName: "columnsContent", predicate: KitGridColumnComponent, isSignal: true }], viewQueries: [{ propertyName: "gridComponent", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: "@if (data()) {\n <kendo-grid class=\"kit-grid\"\n kendoGridExpandDetailsBy\n [data]=\"data()\"\n [sortable]=\"sortable\"\n [sort]=\"sort\"\n [rowClass]=\"getCssRowClass\"\n [pageable]=\"getPagerSettings()\"\n [pageSize]=\"pageSize\"\n [skip]=\"skip()\"\n [loading]=\"loading()\"\n [resizable]=\"resizable()\"\n [(expandedDetailKeys)]=\"expandedRows\"\n (cellClick)=\"onCellClick($event)\"\n (detailExpand)=\"onDetailExpand($event)\"\n (detailCollapse)=\"onDetailCollapse($event)\"\n (sortChange)=\"onSortChange($event)\"\n (pageChange)=\"onPageChange($event)\"\n (dataStateChange)=\"onDataStateChange($event)\"\n (excelExport)=\"excelExport.emit($event)\">\n @for (column of columns(); track column) {\n <kendo-grid-column [field]=\"column.field\"\n [sortable]=\"column.sortable\"\n [hidden]=\"column.hidden\"\n [width]=\"column.width\">\n <ng-template kendoGridHeaderTemplate>\n <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n ></ng-container>\n </ng-template>\n\n @if (column.cellTemplate) {\n <ng-template kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n\n @if (showFooter) {\n <ng-template kendoGridFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n </ng-template>\n }\n </kendo-grid-column>\n\n @if (gridDetailTemplate()) {\n <ng-template kendoGridDetailTemplate let-dataItem\n [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n }\n <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n [allPages]=\"pdfOptions.allPages\"\n [paperSize]=\"pdfOptions.paperSize\"\n [scale]=\"pdfOptions.scale\"\n [landscape]=\"pdfOptions.landscape\"\n [repeatHeaders]=\"true\" />\n\n <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n <kendo-grid-messages [pagerItems]=\"pagerInfoText()\"\n [pagerOf]=\"'of'\"\n [noRecords]=\"noRecordsText()\">\n </kendo-grid-messages>\n </kendo-grid>\n}\n\n@if (gridDataBinding()) {\n <kendo-grid class=\"kit-grid\"\n kendoGridExpandDetailsBy\n [kendoGridBinding]=\"gridDataBinding()\"\n [rowClass]=\"getCssRowClass\"\n [pageable]=\"getPagerSettings()\"\n [pageSize]=\"pageSize\"\n [sortable]=\"sortable\"\n [sort]=\"sort\"\n [skip]=\"skip()\"\n [loading]=\"loading()\"\n [resizable]=\"resizable()\"\n [(expandedDetailKeys)]=\"expandedRows\"\n (cellClick)=\"onCellClick($event)\"\n (detailExpand)=\"onDetailExpand($event)\"\n (detailCollapse)=\"onDetailCollapse($event)\"\n (pageChange)=\"onPageChange($event)\"\n (sortChange)=\"onSortChange($event)\"\n (dataStateChange)=\"onDataStateChange($event)\"\n (excelExport)=\"excelExport.emit($event)\">\n @for (column of columns(); track column) {\n <kendo-grid-column [field]=\"column.field\"\n [sortable]=\"column.sortable\"\n [hidden]=\"column.hidden\"\n [width]=\"column.width\">\n @if (column.cellTemplate) {\n <ng-template kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n\n <ng-template kendoGridHeaderTemplate>\n <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n ></ng-container>\n </ng-template>\n\n @if (showFooter) {\n <ng-template kendoGridFooterTemplate>\n <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n </ng-template>\n }\n </kendo-grid-column>\n\n @if (gridDetailTemplate()) {\n <ng-template kendoGridDetailTemplate let-dataItem\n [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n ></ng-container>\n </ng-template>\n }\n }\n <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n [allPages]=\"pdfOptions.allPages\"\n [paperSize]=\"pdfOptions.paperSize\"\n [scale]=\"pdfOptions.scale\"\n [landscape]=\"pdfOptions.landscape\"\n [repeatHeaders]=\"true\" />\n\n <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n <kendo-grid-messages pagerOf=\"of\"\n [pagerItems]=\"pagerInfoText()\"\n [noRecords]=\"noRecordsText()\">\n </kendo-grid-messages>\n </kendo-grid>\n}\n\n<ng-template #columnHeaderTemplate let-column>\n <div class=\"grid-title\"\n [class.sortable]=\"isColumnSortable(column)\">\n @if (column.titleIcon) {\n <kit-svg-icon class=\"grid-title-icon\"\n [icon]=\"column.titleIcon\"\n [ngClass]=\"column.titleIconType\"\n ></kit-svg-icon>\n }\n\n <div class=\"grid-title-text\">\n {{ column.title }}\n </div>\n\n @if (sortable && column.sortable) {\n @switch (getSortingDirection(column.field)) {\n @case (kitSortDirection.ASC) {\n <kit-svg-icon class=\"grid-title-sort-icon\"\n [icon]=\"kitSvgIcon.SORT_ASCENDING\"\n ></kit-svg-icon>\n }\n @case (kitSortDirection.DESC) {\n <kit-svg-icon class=\"grid-title-sort-icon\"\n [icon]=\"kitSvgIcon.SORT_DESCENDING\"\n ></kit-svg-icon>\n }\n }\n }\n </div>\n</ng-template>\n\n<ng-template #footerTemplate let-column>\n @if (columns(); as columns) {\n @if (footerTitle && column === columns[0]) {\n {{ footerTitle }}\n } @else {\n {{ footerData?.[column.field] || '' }}\n }\n }\n</ng-template>\n\n<ng-template #pagerTemplate\n kendoPagerTemplate>\n <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n <kendo-pager-numeric-buttons></kendo-pager-numeric-buttons>\n <kendo-pager-next-buttons></kendo-pager-next-buttons>\n <kendo-pager-info></kendo-pager-info>\n</ng-template>\n", styles: [".kit-grid{border:none;background:none;max-height:100%}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-footer{padding:0!important}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar{height:8px;width:8px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-12);border-radius:4px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-18)}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15);box-shadow:none}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px;box-shadow:none}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-table-td:first-child .ng-star-inserted{display:flex;justify-content:center}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-pager{margin:0;padding:20px 0;justify-content:flex-start;background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-grid-norecords{text-align:left}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;font-family:WebComponentsIcons,sans-serif;font-size:22px}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\\e005\";color:var(--ui-kit-color-grey-14);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:2px 0;color:var(--ui-kit-color-grey-10);border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-numbers .k-button{width:32px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-numbers .k-button:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-numbers .k-button:after,.kit-grid ::ng-deep .k-pager-numbers .k-button:before{display:none}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers .k-button:not(.k-selected):hover{background-color:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-numbers .k-button.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;border-radius:6px}.kit-grid ::ng-deep .k-pager-nav:before,.kit-grid ::ng-deep .k-pager-nav:after{display:none!important}.kit-grid ::ng-deep .k-pager-nav:not(.k-disabled):hover{background:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-info{flex:initial;border-radius:8px;background-color:#fff;padding:5px 16px}.kit-grid ::ng-deep .k-pager .k-pager-first,.kit-grid ::ng-deep .k-pager .k-pager-last{display:none}.kit-grid ::ng-deep .k-pager .k-button-icon{font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-left:before{content:\"\\e016\"}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-right:before{content:\"\\e014\"}.kit-grid ::ng-deep .k-grid-aria-root{position:relative}.kit-grid ::ng-deep .k-loading-color{background:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .expand-disabled .k-hierarchy-cell a{pointer-events:none;opacity:.3}.kit-grid ::ng-deep .k-picker{height:32px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-picker:hover{border-color:var(--ui-kit-color-hover)}.kit-grid ::ng-deep .k-picker.k-focus{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-picker[aria-expanded=true] .k-svg-i-caret-alt-down:before{transform:rotate(180deg)}.kit-grid ::ng-deep .k-picker .k-svg-i-caret-alt-down:before{content:\"\\e015\";color:var(--ui-kit-color-grey-12);font-family:WebComponentsIcons,sans-serif}::ng-deep .kit-grid.k-grid:has(.k-grid-norecords) .k-pager-numbers-wrap{display:none}::ng-deep .k-animation-container .k-list-container.k-popup{padding:0}::ng-deep .k-animation-container .k-list-item.k-selected{background-color:var(--ui-kit-color-main);color:var(--ui-kit-color-white)}::ng-deep .k-animation-container .k-list-item:hover:not(.k-selected){color:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "ngmodule", type: GridModule }, { kind: "component", type: i1$d.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i1$d.DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"], exportAs: ["kendoGridBinding"] }, { kind: "component", type: i1$d.CustomMessagesComponent, selector: "kendo-grid-messages" }, { kind: "directive", type: i1$d.ExpandDetailsDirective, selector: "[kendoGridExpandDetailsBy]", inputs: ["kendoGridExpandDetailsBy", "expandDetailBy", "expandedDetailKeys", "initiallyExpanded"], outputs: ["expandedDetailKeysChange"], exportAs: ["kendoGridExpandDetailsBy"] }, { kind: "component", type: i1$d.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i1$d.FooterTemplateDirective, selector: "[kendoGridFooterTemplate]" }, { kind: "directive", type: i1$d.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "directive", type: i1$d.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i1$d.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "component", type: i2.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i2.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i2.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i2.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i2.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: ExcelModule }, { kind: "component", type: i1$d.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"], outputs: ["fileCreated"] }, { kind: "ngmodule", type: PDFModule }, { kind: "component", type: i1$d.PDFComponent, selector: "kendo-grid-pdf", inputs: ["allPages", "delay"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5291
5356
|
}
|
|
5292
5357
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridComponent, decorators: [{
|
|
5293
5358
|
type: Component,
|
|
@@ -5408,7 +5473,7 @@ class KitTileLayoutComponent {
|
|
|
5408
5473
|
}
|
|
5409
5474
|
}
|
|
5410
5475
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitTileLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5411
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitTileLayoutComponent, isStandalone: true, selector: "kit-tilelayout", inputs: { columnsConfig: "columnsConfig" }, host: { listeners: { "window:resize": "onResize()" } }, queries: [{ propertyName: "tileItems", predicate: KitTileLayoutItemComponent }], ngImport: i0, template: "<div class=\"kit-tilelayout\">\n <kendo-tilelayout\n class=\"tilelayout-container\"\n autoFlow=\"row\"\n [columns]=\"columns\"\n >\n @for (item of tileItems; track item) {\n <kendo-tilelayout-item>\n <div class=\"item-content\">\n <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n </div>\n </kendo-tilelayout-item>\n }\n </kendo-tilelayout>\n</div>\n", styles: [".kit-tilelayout .item-content{height:100%}.kit-tilelayout .k-tilelayout{background:none}.kit-tilelayout .k-tilelayout .k-card{border:none;background:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TileLayoutModule }, { kind: "component", type: i1$
|
|
5476
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitTileLayoutComponent, isStandalone: true, selector: "kit-tilelayout", inputs: { columnsConfig: "columnsConfig" }, host: { listeners: { "window:resize": "onResize()" } }, queries: [{ propertyName: "tileItems", predicate: KitTileLayoutItemComponent }], ngImport: i0, template: "<div class=\"kit-tilelayout\">\n <kendo-tilelayout\n class=\"tilelayout-container\"\n autoFlow=\"row\"\n [columns]=\"columns\"\n >\n @for (item of tileItems; track item) {\n <kendo-tilelayout-item>\n <div class=\"item-content\">\n <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n </div>\n </kendo-tilelayout-item>\n }\n </kendo-tilelayout>\n</div>\n", styles: [".kit-tilelayout .item-content{height:100%}.kit-tilelayout .k-tilelayout{background:none}.kit-tilelayout .k-tilelayout .k-card{border:none;background:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TileLayoutModule }, { kind: "component", type: i1$c.TileLayoutComponent, selector: "kendo-tilelayout", inputs: ["columns", "columnWidth", "gap", "reorderable", "resizable", "rowHeight", "autoFlow", "navigable"], outputs: ["reorder", "resize"] }, { kind: "component", type: i1$c.TileLayoutItemComponent, selector: "kendo-tilelayout-item", inputs: ["title", "rowSpan", "colSpan", "order", "col", "row", "reorderable", "resizable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5412
5477
|
}
|
|
5413
5478
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitTileLayoutComponent, decorators: [{
|
|
5414
5479
|
type: Component,
|
|
@@ -5797,10 +5862,12 @@ class KitEntitySectionEditableComponent {
|
|
|
5797
5862
|
this.hasActions = input(true, ...(ngDevMode ? [{ debugName: "hasActions" }] : []));
|
|
5798
5863
|
this.hasEditButton = input(true, ...(ngDevMode ? [{ debugName: "hasEditButton" }] : []));
|
|
5799
5864
|
this.hasCancelButton = input(true, ...(ngDevMode ? [{ debugName: "hasCancelButton" }] : []));
|
|
5865
|
+
this.hasDeleteButton = input(false, ...(ngDevMode ? [{ debugName: "hasDeleteButton" }] : []));
|
|
5800
5866
|
this.saveButtonDisabled = input(false, ...(ngDevMode ? [{ debugName: "saveButtonDisabled" }] : []));
|
|
5801
5867
|
this.changeModeOnSave = input(true, ...(ngDevMode ? [{ debugName: "changeModeOnSave" }] : []));
|
|
5802
5868
|
this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
|
|
5803
5869
|
this.saveButtonClicked = output();
|
|
5870
|
+
this.deleteButtonClicked = output();
|
|
5804
5871
|
this.viewTemplate = contentChild(KitEntitySectionEditableViewTemplateDirective, { ...(ngDevMode ? { debugName: "viewTemplate" } : {}), read: TemplateRef });
|
|
5805
5872
|
this.editTemplate = contentChild(KitEntitySectionEditableEditTemplateDirective, { ...(ngDevMode ? { debugName: "editTemplate" } : {}), read: TemplateRef });
|
|
5806
5873
|
this.actionsTemplate = contentChild(KitEntitySectionEditableActionsTemplateDirective, { ...(ngDevMode ? { debugName: "actionsTemplate" } : {}), read: TemplateRef });
|
|
@@ -5828,7 +5895,7 @@ class KitEntitySectionEditableComponent {
|
|
|
5828
5895
|
this.saveButtonClicked.emit();
|
|
5829
5896
|
}
|
|
5830
5897
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitEntitySectionEditableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5831
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitEntitySectionEditableComponent, isStandalone: true, selector: "kit-entity-section-editable", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, hasEditButton: { classPropertyName: "hasEditButton", publicName: "hasEditButton", isSignal: true, isRequired: false, transformFunction: null }, hasCancelButton: { classPropertyName: "hasCancelButton", publicName: "hasCancelButton", isSignal: true, isRequired: false, transformFunction: null }, saveButtonDisabled: { classPropertyName: "saveButtonDisabled", publicName: "saveButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, changeModeOnSave: { classPropertyName: "changeModeOnSave", publicName: "changeModeOnSave", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange", saveButtonClicked: "saveButtonClicked" }, queries: [{ propertyName: "viewTemplate", first: true, predicate: KitEntitySectionEditableViewTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "editTemplate", first: true, predicate: KitEntitySectionEditableEditTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "actionsTemplate", first: true, predicate: KitEntitySectionEditableActionsTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<kit-entity-section class=\"kit-entity-section-editable\"\n [class.editing]=\"isEditMode()\">\n <div header>\n <div class=\"kit-entity-section-editable-header\">\n <div class=\"kit-entity-section-editable-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n @if (hasActions()) {\n <div class=\"kit-entity-section-editable-actions\">\n @if (isAddMode()) {\n <kit-button [label]=\"'kit.entitySectionEditable.add' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isViewMode()) {\n @if (actionsTemplate()) {\n <ng-container *ngTemplateOutlet=\"actionsTemplate()\" />\n }\n @if (hasEditButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.edit' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.EDIT\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n }\n @if (isEditMode()) {\n @if (hasCancelButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.cancel' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.CROSS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onCancelClick()\"\n ></kit-button>\n }\n <kit-button [label]=\"'kit.entitySectionEditable.save' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"saveButtonDisabled()\"\n (clicked)=\"onSaveClick()\"\n ></kit-button>\n }\n </div>\n }\n </div>\n </div>\n <div content\n class=\"kit-entity-section-editable-content\"\n [class.loading]=\"isLoading()\">\n @if (isAddMode() || isViewMode()) {\n <ng-container *ngTemplateOutlet=\"viewTemplate()\" />\n }\n @if (isEditMode()) {\n <ng-container *ngTemplateOutlet=\"editTemplate()\" />\n }\n </div>\n</kit-entity-section>\n", styles: [".kit-entity-section-editable-header{display:flex;align-items:center;justify-content:space-between}.kit-entity-section-editable-actions{display:flex;align-items:center;gap:10px}.kit-entity-section-editable.editing ::ng-deep .kit-entity-section{border-color:var(--ui-kit-color-main)}.kit-entity-section-editable-content.loading{pointer-events:none;opacity:.6;filter:blur(3px)}\n"], dependencies: [{ kind: "component", type: KitEntitySectionComponent, selector: "kit-entity-section" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5898
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitEntitySectionEditableComponent, isStandalone: true, selector: "kit-entity-section-editable", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, hasEditButton: { classPropertyName: "hasEditButton", publicName: "hasEditButton", isSignal: true, isRequired: false, transformFunction: null }, hasCancelButton: { classPropertyName: "hasCancelButton", publicName: "hasCancelButton", isSignal: true, isRequired: false, transformFunction: null }, hasDeleteButton: { classPropertyName: "hasDeleteButton", publicName: "hasDeleteButton", isSignal: true, isRequired: false, transformFunction: null }, saveButtonDisabled: { classPropertyName: "saveButtonDisabled", publicName: "saveButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, changeModeOnSave: { classPropertyName: "changeModeOnSave", publicName: "changeModeOnSave", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange", saveButtonClicked: "saveButtonClicked", deleteButtonClicked: "deleteButtonClicked" }, queries: [{ propertyName: "viewTemplate", first: true, predicate: KitEntitySectionEditableViewTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "editTemplate", first: true, predicate: KitEntitySectionEditableEditTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "actionsTemplate", first: true, predicate: KitEntitySectionEditableActionsTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<kit-entity-section class=\"kit-entity-section-editable\"\n [class.editing]=\"isEditMode()\">\n <div header>\n <div class=\"kit-entity-section-editable-header\">\n <div class=\"kit-entity-section-editable-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n @if (hasActions()) {\n <div class=\"kit-entity-section-editable-actions\">\n @if (isAddMode()) {\n <kit-button [label]=\"'kit.entitySectionEditable.add' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isViewMode()) {\n @if (actionsTemplate()) {\n <ng-container *ngTemplateOutlet=\"actionsTemplate()\" />\n }\n @if (hasDeleteButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.delete' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"deleteButtonClicked.emit()\"\n ></kit-button>\n }\n @if (hasEditButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.edit' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.EDIT\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n }\n @if (isEditMode()) {\n @if (hasCancelButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.cancel' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.CROSS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onCancelClick()\"\n ></kit-button>\n }\n <kit-button [label]=\"'kit.entitySectionEditable.save' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"saveButtonDisabled()\"\n (clicked)=\"onSaveClick()\"\n ></kit-button>\n }\n </div>\n }\n </div>\n </div>\n <div content\n class=\"kit-entity-section-editable-content\"\n [class.loading]=\"isLoading()\">\n @if (isAddMode() || isViewMode()) {\n <ng-container *ngTemplateOutlet=\"viewTemplate()\" />\n }\n @if (isEditMode()) {\n <ng-container *ngTemplateOutlet=\"editTemplate()\" />\n }\n </div>\n</kit-entity-section>\n", styles: [".kit-entity-section-editable-header{display:flex;align-items:center;justify-content:space-between}.kit-entity-section-editable-actions{display:flex;align-items:center;gap:10px}.kit-entity-section-editable.editing ::ng-deep .kit-entity-section{border-color:var(--ui-kit-color-main)}.kit-entity-section-editable-content.loading{pointer-events:none;opacity:.6;filter:blur(3px)}\n"], dependencies: [{ kind: "component", type: KitEntitySectionComponent, selector: "kit-entity-section" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5832
5899
|
}
|
|
5833
5900
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitEntitySectionEditableComponent, decorators: [{
|
|
5834
5901
|
type: Component,
|
|
@@ -5837,8 +5904,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
5837
5904
|
KitButtonComponent,
|
|
5838
5905
|
TranslatePipe,
|
|
5839
5906
|
NgTemplateOutlet,
|
|
5840
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kit-entity-section class=\"kit-entity-section-editable\"\n [class.editing]=\"isEditMode()\">\n <div header>\n <div class=\"kit-entity-section-editable-header\">\n <div class=\"kit-entity-section-editable-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n @if (hasActions()) {\n <div class=\"kit-entity-section-editable-actions\">\n @if (isAddMode()) {\n <kit-button [label]=\"'kit.entitySectionEditable.add' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isViewMode()) {\n @if (actionsTemplate()) {\n <ng-container *ngTemplateOutlet=\"actionsTemplate()\" />\n }\n @if (hasEditButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.edit' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.EDIT\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n }\n @if (isEditMode()) {\n @if (hasCancelButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.cancel' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.CROSS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onCancelClick()\"\n ></kit-button>\n }\n <kit-button [label]=\"'kit.entitySectionEditable.save' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"saveButtonDisabled()\"\n (clicked)=\"onSaveClick()\"\n ></kit-button>\n }\n </div>\n }\n </div>\n </div>\n <div content\n class=\"kit-entity-section-editable-content\"\n [class.loading]=\"isLoading()\">\n @if (isAddMode() || isViewMode()) {\n <ng-container *ngTemplateOutlet=\"viewTemplate()\" />\n }\n @if (isEditMode()) {\n <ng-container *ngTemplateOutlet=\"editTemplate()\" />\n }\n </div>\n</kit-entity-section>\n", styles: [".kit-entity-section-editable-header{display:flex;align-items:center;justify-content:space-between}.kit-entity-section-editable-actions{display:flex;align-items:center;gap:10px}.kit-entity-section-editable.editing ::ng-deep .kit-entity-section{border-color:var(--ui-kit-color-main)}.kit-entity-section-editable-content.loading{pointer-events:none;opacity:.6;filter:blur(3px)}\n"] }]
|
|
5841
|
-
}], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], hasEditButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasEditButton", required: false }] }], hasCancelButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCancelButton", required: false }] }], saveButtonDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveButtonDisabled", required: false }] }], changeModeOnSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "changeModeOnSave", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], saveButtonClicked: [{ type: i0.Output, args: ["saveButtonClicked"] }], viewTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableViewTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], editTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableEditTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], actionsTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableActionsTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
|
|
5907
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kit-entity-section class=\"kit-entity-section-editable\"\n [class.editing]=\"isEditMode()\">\n <div header>\n <div class=\"kit-entity-section-editable-header\">\n <div class=\"kit-entity-section-editable-title\">\n <ng-content select=\"[title]\"></ng-content>\n </div>\n @if (hasActions()) {\n <div class=\"kit-entity-section-editable-actions\">\n @if (isAddMode()) {\n <kit-button [label]=\"'kit.entitySectionEditable.add' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n @if (isViewMode()) {\n @if (actionsTemplate()) {\n <ng-container *ngTemplateOutlet=\"actionsTemplate()\" />\n }\n @if (hasDeleteButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.delete' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"deleteButtonClicked.emit()\"\n ></kit-button>\n }\n @if (hasEditButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.edit' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.EDIT\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onEditClick()\"\n ></kit-button>\n }\n }\n @if (isEditMode()) {\n @if (hasCancelButton()) {\n <kit-button [label]=\"'kit.entitySectionEditable.cancel' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.CROSS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onCancelClick()\"\n ></kit-button>\n }\n <kit-button [label]=\"'kit.entitySectionEditable.save' | translate\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [disabled]=\"saveButtonDisabled()\"\n (clicked)=\"onSaveClick()\"\n ></kit-button>\n }\n </div>\n }\n </div>\n </div>\n <div content\n class=\"kit-entity-section-editable-content\"\n [class.loading]=\"isLoading()\">\n @if (isAddMode() || isViewMode()) {\n <ng-container *ngTemplateOutlet=\"viewTemplate()\" />\n }\n @if (isEditMode()) {\n <ng-container *ngTemplateOutlet=\"editTemplate()\" />\n }\n </div>\n</kit-entity-section>\n", styles: [".kit-entity-section-editable-header{display:flex;align-items:center;justify-content:space-between}.kit-entity-section-editable-actions{display:flex;align-items:center;gap:10px}.kit-entity-section-editable.editing ::ng-deep .kit-entity-section{border-color:var(--ui-kit-color-main)}.kit-entity-section-editable-content.loading{pointer-events:none;opacity:.6;filter:blur(3px)}\n"] }]
|
|
5908
|
+
}], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], hasEditButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasEditButton", required: false }] }], hasCancelButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCancelButton", required: false }] }], hasDeleteButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDeleteButton", required: false }] }], saveButtonDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveButtonDisabled", required: false }] }], changeModeOnSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "changeModeOnSave", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], saveButtonClicked: [{ type: i0.Output, args: ["saveButtonClicked"] }], deleteButtonClicked: [{ type: i0.Output, args: ["deleteButtonClicked"] }], viewTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableViewTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], editTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableEditTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], actionsTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableActionsTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
|
|
5842
5909
|
|
|
5843
5910
|
class KitEntitySectionContainerComponent {
|
|
5844
5911
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitEntitySectionContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -6400,7 +6467,7 @@ class KitRoutePathComponent {
|
|
|
6400
6467
|
this.kitSvgIcon = KitSvgIcon;
|
|
6401
6468
|
}
|
|
6402
6469
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitRoutePathComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6403
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitRoutePathComponent, isStandalone: true, selector: "kit-route-path", inputs: { originPort: { classPropertyName: "originPort", publicName: "originPort", isSignal: true, isRequired: false, transformFunction: null }, destinationPort: { classPropertyName: "destinationPort", publicName: "destinationPort", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, containerMode: { classPropertyName: "containerMode", publicName: "containerMode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"route-path\">\n <kit-pill class=\"route-origin-port\">\n <kit-truncate-text>{{ originPort() || ('kit.routePath.tbc' | translate ) }}</kit-truncate-text>\n </kit-pill>\n <kit-svg-icon class=\"icon arrow\"\n [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"/>\n <kit-pill class=\"route-destination-port\">\n <kit-truncate-text>{{ destinationPort() || ('kit.routePath.tbc' | translate ) }}</kit-truncate-text>\n </kit-pill>\n @if (type()) {\n <div class=\"route-mode\">\n <span>{{ 'kit.routePath.by' | translate }}</span>\n <kit-pill class=\"route-mode-value\">\n <kit-truncate-text>{{ type() }} {{ containerMode() }}</kit-truncate-text>\n </kit-pill>\n </div>\n }\n</div>\n", styles: [".route-path{height:22px;width:100%;display:grid;grid-template-columns:minmax(0,auto) 22px minmax(0,auto) min-content min-content;grid-auto-flow:column;justify-content:stretch}.route-path .icon.arrow{fill:var(--ui-kit-color-grey-10);margin:auto;width:16px;height:16px}.route-path ::ng-deep span{font-size:13px;color:var(--ui-kit-color-grey-14);margin:auto;padding:0 5px}.route-path ::ng-deep .kit-pill{padding:0 8px;font-weight:400}.route-path ::ng-deep .kit-pill .kit-pill-content,.route-path ::ng-deep .kit-pill span{width:100%;font-size:12px;max-width:150px}.route-path ::ng-deep .route-origin-port .kit-pill{border:1px solid var(--ui-kit-color-orange-5);background-color:var(--ui-kit-color-orange-3);color:var(--ui-kit-color-orange-2)}.route-path ::ng-deep .route-destination-port .kit-pill{border:1px solid var(--ui-kit-color-purple-2);background-color:var(--ui-kit-color-purple-1);color:var(--ui-kit-color-purple)}.route-path ::ng-deep .route-mode{display:flex}.route-path ::ng-deep .route-mode-value .kit-pill{border:1px solid var(--ui-kit-color-teal-2);background-color:var(--ui-kit-color-teal-1);color:var(--ui-kit-color-teal)}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$
|
|
6470
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitRoutePathComponent, isStandalone: true, selector: "kit-route-path", inputs: { originPort: { classPropertyName: "originPort", publicName: "originPort", isSignal: true, isRequired: false, transformFunction: null }, destinationPort: { classPropertyName: "destinationPort", publicName: "destinationPort", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, containerMode: { classPropertyName: "containerMode", publicName: "containerMode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"route-path\">\n <kit-pill class=\"route-origin-port\">\n <kit-truncate-text>{{ originPort() || ('kit.routePath.tbc' | translate ) }}</kit-truncate-text>\n </kit-pill>\n <kit-svg-icon class=\"icon arrow\"\n [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"/>\n <kit-pill class=\"route-destination-port\">\n <kit-truncate-text>{{ destinationPort() || ('kit.routePath.tbc' | translate ) }}</kit-truncate-text>\n </kit-pill>\n @if (type()) {\n <div class=\"route-mode\">\n <span>{{ 'kit.routePath.by' | translate }}</span>\n <kit-pill class=\"route-mode-value\">\n <kit-truncate-text>{{ type() }} {{ containerMode() }}</kit-truncate-text>\n </kit-pill>\n </div>\n }\n</div>\n", styles: [".route-path{height:22px;width:100%;display:grid;grid-template-columns:minmax(0,auto) 22px minmax(0,auto) min-content min-content;grid-auto-flow:column;justify-content:stretch}.route-path .icon.arrow{fill:var(--ui-kit-color-grey-10);margin:auto;width:16px;height:16px}.route-path ::ng-deep span{font-size:13px;color:var(--ui-kit-color-grey-14);margin:auto;padding:0 5px}.route-path ::ng-deep .kit-pill{padding:0 8px;font-weight:400}.route-path ::ng-deep .kit-pill .kit-pill-content,.route-path ::ng-deep .kit-pill span{width:100%;font-size:12px;max-width:150px}.route-path ::ng-deep .route-origin-port .kit-pill{border:1px solid var(--ui-kit-color-orange-5);background-color:var(--ui-kit-color-orange-3);color:var(--ui-kit-color-orange-2)}.route-path ::ng-deep .route-destination-port .kit-pill{border:1px solid var(--ui-kit-color-purple-2);background-color:var(--ui-kit-color-purple-1);color:var(--ui-kit-color-purple)}.route-path ::ng-deep .route-mode{display:flex}.route-path ::ng-deep .route-mode-value .kit-pill{border:1px solid var(--ui-kit-color-teal-2);background-color:var(--ui-kit-color-teal-1);color:var(--ui-kit-color-teal)}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6404
6471
|
}
|
|
6405
6472
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitRoutePathComponent, decorators: [{
|
|
6406
6473
|
type: Component,
|
|
@@ -6571,7 +6638,7 @@ class KitGlobalSearchComponent {
|
|
|
6571
6638
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGlobalSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6572
6639
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitGlobalSearchComponent, isStandalone: true, selector: "kit-global-search", inputs: { searchFn: { classPropertyName: "searchFn", publicName: "searchFn", isSignal: true, isRequired: true, transformFunction: null }, displayedLineItemsNumber: { classPropertyName: "displayedLineItemsNumber", publicName: "displayedLineItemsNumber", isSignal: true, isRequired: false, transformFunction: null }, prompts: { classPropertyName: "prompts", publicName: "prompts", isSignal: true, isRequired: true, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:click": "documentClick($event)" } }, providers: [
|
|
6573
6640
|
DatePipe,
|
|
6574
|
-
], viewQueries: [{ propertyName: "textbox", first: true, predicate: TextBoxComponent, descendants: true, isSignal: true }, { propertyName: "anchor", first: true, predicate: TextBoxComponent, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<div #container\n class=\"global-search\"\n [class.expanded]=\"isPopupOpen\">\n <kendo-textbox #textbox\n class=\"textbox\"\n [placeholder]=\"'kit.globalSearch.placeholder' | translate\"\n [size]=\"'none'\"\n [(ngModel)]=\"searchValue\"\n (click)=\"openPopup()\">\n <ng-template kendoTextBoxPrefixTemplate>\n <kit-svg-icon [icon]=\"kitSvgIcon.SEARCH\"/>\n </ng-template>\n <ng-template kendoTextBoxSuffixTemplate>\n <kit-svg-icon [icon]=\"kitSvgIcon.CIRCLE_CROSS_THIN\" \n (click)=\"clearSearch()\"/>\n </ng-template>\n </kendo-textbox>\n\n <kit-popup #popup\n [popupClass]=\"popupClass\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [closeOnOutsideClick]=\"false\" />\n\n <ng-template #content>\n @if (userPermissions$ | async; as userPermissions) {\n <div class=\"popup-content\">\n @if (showPropmts()) {\n <div class=\"prompts\">\n @for (prompt of prompts(); track prompt) {\n @if (hasPermissionToShowPrompt(userPermissions, prompt.permissions)) {\n <kit-pill [theme]=\"kitPillTheme.MAIN\"\n [selectable]=\"true\" \n (clicked)=\"onSelectPrompt(prompt)\">\n {{ prompt.label }}\n </kit-pill>\n }\n }\n </div>\n } @else {\n @if (isLoading()) {\n <div class=\"search-results\">\n <kendo-loader class=\"loader\"/>\n </div>\n } @else if (searchResults().length) {\n <div class=\"search-results\">\n @for (category of searchResults(); track category?.name) {\n @if (category) {\n <div class=\"category\">\n <p class=\"header\"\n [class.empty]=\"!category.total\">\n <kit-svg-icon [icon]=\"kitSvgIcon.CHECK_STICKER\"/>\n <span class=\"title\">{{ category.name.toUpperCase() }} ({{ category.total }})</span>\n </p>\n\n @for (lineItem of category.items.slice(0, this.displayedLineItemsNumber()); track lineItem) {\n <div class=\"line-item\"\n [class.has-link]=\"lineItem.routeConfig\"\n (click)=\"navigate(lineItem.routeConfig)\">\n <div class=\"main-content\">\n <div class=\"title\">\n <span [innerHTML]=\"lineItem.title | highlight:searchValue\"></span>\n </div>\n <div>\n <kit-pill class=\"status\"\n [theme]=\"kitPillTheme.MAIN\">\n {{ lineItem.status }}\n </kit-pill>\n </div>\n\n <div class=\"subtitle\"\n kitHideBelowWidth\n kitHideBelowWidthClass=\"hide\"\n [kitHideBelowWidth]=\"61\">\n <kit-truncate-text>\n <span [innerHTML]=\"lineItem.subtitle || '' | highlight:searchValue\"></span>\n </kit-truncate-text>\n </div>\n\n @if (lineItem.routePath?.from || lineItem.routePath?.to) {\n <kit-route-path class=\"route\"\n kitHideBelowWidth\n kitHideBelowWidthClass=\"hide\"\n [kitHideBelowWidth]=\"132\"\n [containerMode]=\"lineItem.routePath?.containerMode\"\n [destinationPort]=\"lineItem.routePath?.to\"\n [originPort]=\"lineItem.routePath?.from\"\n [type]=\"lineItem.routePath?.type\"/>\n }\n @if (lineItem.dates?.firstDate.value) {\n <div class=\"dates\">\n <div class=\"date-wrapper first-date\">\n <p class=\"date-label\">\n <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n <span>{{ lineItem.dates?.firstDate.label }}</span>\n </p>\n <span class=\"date\">{{ lineItem.dates?.firstDate.value | date: dateFormat : 'UTC' }}</span>\n </div>\n </div>\n }\n @if (lineItem.dates?.secondDate.value) {\n <div class=\"dates\">\n <div class=\"date-wrapper second-date\">\n <p class=\"date-label\">\n <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n <span>{{ lineItem.dates?.secondDate.label }}</span>\n </p>\n <span class=\"date\">{{ lineItem.dates?.secondDate.value | date: dateFormat : 'UTC' }}</span>\n </div>\n </div>\n }\n </div>\n\n <div class=\"additional-content\">\n @for (item of lineItem.additionalContent; track item.key) {\n <div>\n <span class=\"label\">{{ item.translateKey | translate }} </span>\n <span class=\"value\"\n [innerHTML]=\"formatValue(item.value) | highlight:searchValue\"></span>\n </div>\n }\n </div>\n </div>\n }\n \n @if (category.total > this.displayedLineItemsNumber()) {\n <kit-button [label]=\"'kit.globalSearch.showResults' | translate\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n (clicked)=\"navigate(category.routeConfig)\"/>\n }\n </div>\n }\n }\n </div>\n } @else {\n <kit-empty-section class=\"empty-section\"\n [text]=\"'kit.globalSearch.noData' | translate\"/>\n }\n\n @if (filters().length) {\n <div class=\"filters\">\n @for (filter of filters(); track $index) {\n <div>\n <p class=\"label\">{{ filter.label }}</p>\n @for (value of filter.values.slice(0, isFilterExpanded($index) ? filter.values.length : 3); track $index) {\n <kit-pill @heightExpandCollapseAnimation\n class=\"filter-value\"\n [theme]=\"kitPillTheme.MAIN\"\n [selectable]=\"true\"\n [selected]=\"isFilterSelected(value)\"\n (clicked)=\"onSelectFilter(value, filter.appliedTo)\">\n {{ value.title | translate }}\n </kit-pill>\n }\n @if (filter.values.length > 3) {\n <kit-button class=\"toggle-btn\"\n [label]=\"`kit.globalSearch.${isFilterExpanded($index) ? 'showLess' : 'showMore'}` | translate\"\n [icon]=\"isFilterExpanded($index) ? kitSvgIcon.CHEVRON_UP : kitSvgIcon.CHEVRON_DOWN\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"toggleFilterExpanded($index)\"/>\n }\n </div>\n }\n </div>\n }\n }\n </div>\n }\n </ng-template>\n</div>\n", styles: [":host{flex:1}:host .global-search{max-width:360px}:host .global-search.expanded{max-width:100%}:host .global-search .textbox{border-color:var(--ui-kit-color-grey-11);box-shadow:none;border-radius:8px}:host .global-search .textbox.k-focus{border-color:var(--ui-kit-color-main)}:host ::ng-deep .k-animation-container{width:calc(100% - 145px)}:host ::ng-deep .kit-global-search-popup{overflow:auto;padding:0}:host ::ng-deep .kit-global-search-popup .popup-content{display:flex;justify-content:space-between}:host ::ng-deep .global-search .k-textbox.k-input .k-input-inner{padding:11px 8px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .search-icon{width:37px;height:37px;fill:none;stroke:var(--ui-kit-color-grey-10);padding-left:12px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .circle-cross-thin-icon{width:30px;height:30px;fill:none;stroke:var(--ui-kit-color-grey-12);padding-right:12px;cursor:pointer}:host ::ng-deep .search-results{padding:24px;flex:1}:host ::ng-deep .search-results .loader{display:flex;justify-content:center;height:100%;align-items:center;color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category:not(:last-child){margin-bottom:20px}:host ::ng-deep .search-results .category .header{display:flex;align-items:center;margin:0 0 20px}:host ::ng-deep .search-results .category .header .icon.check-sticker-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);margin-right:10px}:host ::ng-deep .search-results .category .header .title{color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category .header.empty{margin:0}:host ::ng-deep .search-results .category .header.empty .icon.check-sticker-icon{fill:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .header.empty .title{color:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .line-item{min-width:575px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--ui-kit-color-grey-11)}:host ::ng-deep .search-results .category .line-item.has-link{cursor:pointer}:host ::ng-deep .search-results .category .line-item.has-link:hover{opacity:.7}:host ::ng-deep .search-results .category .line-item .highlighted{color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category .line-item .main-content{display:grid;grid-template-columns:minmax(170px,max-content) minmax(115px,max-content) repeat(auto-fit,minmax(60px,1fr));gap:20px;align-items:center;grid-auto-flow:column}:host ::ng-deep .search-results .category .line-item .main-content .title{font-size:16px;line-height:22px;font-weight:500}:host ::ng-deep .search-results .category .line-item .main-content .subtitle{width:100%}:host ::ng-deep .search-results .category .line-item .main-content .subtitle.hide{display:none}:host ::ng-deep .search-results .category .line-item .main-content .title,:host ::ng-deep .search-results .category .line-item .main-content .subtitle{color:var(--ui-kit-color-grey-10)}:host ::ng-deep .search-results .category .line-item .main-content .icon.calendar-icon{width:18px;height:18px;fill:var(--ui-kit-color-grey-12);margin-right:3px}:host ::ng-deep .search-results .category .line-item .main-content .route{container:route/inline-size;width:100%}:host ::ng-deep .search-results .category .line-item .main-content .route.hide{display:none;container:none}:host ::ng-deep .search-results .category .line-item .main-content .route .route-path{justify-content:left}:host ::ng-deep .search-results .category .line-item .main-content .status{white-space:nowrap;display:block;margin:auto}:host ::ng-deep .search-results .category .line-item .main-content .kit-pill-content{margin:auto}:host ::ng-deep .search-results .category .line-item .main-content .dates{display:flex;align-items:center;font-size:12px;line-height:14px;container:dates/inline-size;width:100%}:host ::ng-deep .search-results .category .line-item .main-content .dates .date-wrapper{display:flex;justify-content:left;align-items:center;flex-wrap:wrap;text-align:center}:host ::ng-deep .search-results .category .line-item .main-content .dates .date-wrapper .date{text-wrap:nowrap}:host ::ng-deep .search-results .category .line-item .main-content .dates .date-label{display:flex;align-items:center;justify-content:center;margin-right:5px;text-wrap:nowrap}:host ::ng-deep .search-results .category .line-item .main-content .dates.first-date{color:var(--ui-kit-color-grey-14)}:host ::ng-deep .search-results .category .line-item .main-content .dates.second-date{color:var(--ui-kit-color-grey-10)}:host ::ng-deep .search-results .category .line-item .main-content:has(.route:not(.hide)){grid-template-columns:minmax(170px,max-content) minmax(115px,max-content) minmax(70px,1fr) minmax(99px,2fr) repeat(auto-fit,minmax(50px,1fr))}:host ::ng-deep .search-results .category .line-item .main-content>:last-child{justify-self:end;justify-content:end;text-align:right}:host ::ng-deep .search-results .category .line-item .main-content>:last-child .date-wrapper{justify-content:end}:host ::ng-deep .search-results .category .line-item .additional-content{text-align:right}:host ::ng-deep .search-results .category .line-item .additional-content .label{color:var(--ui-kit-color-grey-14)}:host ::ng-deep .search-results .category .line-item .additional-content .value{color:var(--ui-kit-color-grey-10)}@container route (max-width: 190px){:host ::ng-deep .search-results .category .route-origin-port,:host ::ng-deep .search-results .category .icon.arrow{display:none}:host ::ng-deep .search-results .category .line-item .main-content .route .route-path{grid-template-columns:minmax(0,auto) min-content;justify-content:stretch}}@container route (max-width: 150px){:host ::ng-deep .search-results .category .route-mode{display:none}}@container dates (max-width: 120px){:host ::ng-deep .search-results .category .date-wrapper{flex-direction:column}:host ::ng-deep .search-results .category .date-label{margin-right:0}}:host ::ng-deep .filters{background-color:var(--ui-kit-color-grey-13);padding:24px;min-width:175px}:host ::ng-deep .filters .label{font-size:12px;line-height:14px;color:var(--ui-kit-color-grey-10);margin-bottom:10px;text-transform:uppercase}:host ::ng-deep .filters .filter-value{margin-bottom:10px;display:block}:host ::ng-deep .filters .filter-value .kit-pill{line-height:16px;text-align:left;display:inline-block;padding:7px 16px;font-size:13px}:host ::ng-deep .filters .toggle-btn{margin-bottom:40px;display:block}:host ::ng-deep .filters .toggle-btn .k-button{min-width:125px;padding:6px 16px;min-height:32px}:host ::ng-deep .prompts{display:flex;gap:10px;padding:24px}:host ::ng-deep .empty-section{container:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i1$2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i1$2.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "directive", type: i1$2.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: i1$9.LoaderComponent, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: KitRoutePathComponent, selector: "kit-route-path", inputs: ["originPort", "destinationPort", "type", "containerMode"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitEmptySectionComponent, selector: "kit-empty-section", inputs: ["text"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "directive", type: KitHideBelowWidthDirective, selector: "[kitHideBelowWidth]", inputs: ["kitHideBelowWidth", "kitHideBelowWidthClass"] }, { kind: "pipe", type: i1$6.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$6.DatePipe, name: "date" }, { kind: "pipe", type: i1$d.TranslatePipe, name: "translate" }, { kind: "pipe", type: HighlightPipe, name: "highlight" }], animations: [
|
|
6641
|
+
], viewQueries: [{ propertyName: "textbox", first: true, predicate: TextBoxComponent, descendants: true, isSignal: true }, { propertyName: "anchor", first: true, predicate: TextBoxComponent, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<div #container\n class=\"global-search\"\n [class.expanded]=\"isPopupOpen\">\n <kendo-textbox #textbox\n class=\"textbox\"\n [placeholder]=\"'kit.globalSearch.placeholder' | translate\"\n [size]=\"'none'\"\n [(ngModel)]=\"searchValue\"\n (click)=\"openPopup()\">\n <ng-template kendoTextBoxPrefixTemplate>\n <kit-svg-icon [icon]=\"kitSvgIcon.SEARCH\"/>\n </ng-template>\n <ng-template kendoTextBoxSuffixTemplate>\n <kit-svg-icon [icon]=\"kitSvgIcon.CIRCLE_CROSS_THIN\" \n (click)=\"clearSearch()\"/>\n </ng-template>\n </kendo-textbox>\n\n <kit-popup #popup\n [popupClass]=\"popupClass\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [closeOnOutsideClick]=\"false\" />\n\n <ng-template #content>\n @if (userPermissions$ | async; as userPermissions) {\n <div class=\"popup-content\">\n @if (showPropmts()) {\n <div class=\"prompts\">\n @for (prompt of prompts(); track prompt) {\n @if (hasPermissionToShowPrompt(userPermissions, prompt.permissions)) {\n <kit-pill [theme]=\"kitPillTheme.MAIN\"\n [selectable]=\"true\" \n (clicked)=\"onSelectPrompt(prompt)\">\n {{ prompt.label }}\n </kit-pill>\n }\n }\n </div>\n } @else {\n @if (isLoading()) {\n <div class=\"search-results\">\n <kendo-loader class=\"loader\"/>\n </div>\n } @else if (searchResults().length) {\n <div class=\"search-results\">\n @for (category of searchResults(); track category?.name) {\n @if (category) {\n <div class=\"category\">\n <p class=\"header\"\n [class.empty]=\"!category.total\">\n <kit-svg-icon [icon]=\"kitSvgIcon.CHECK_STICKER\"/>\n <span class=\"title\">{{ category.name.toUpperCase() }} ({{ category.total }})</span>\n </p>\n\n @for (lineItem of category.items.slice(0, this.displayedLineItemsNumber()); track lineItem) {\n <div class=\"line-item\"\n [class.has-link]=\"lineItem.routeConfig\"\n (click)=\"navigate(lineItem.routeConfig)\">\n <div class=\"main-content\">\n <div class=\"title\">\n <span [innerHTML]=\"lineItem.title | highlight:searchValue\"></span>\n </div>\n <div>\n <kit-pill class=\"status\"\n [theme]=\"kitPillTheme.MAIN\">\n {{ lineItem.status }}\n </kit-pill>\n </div>\n\n <div class=\"subtitle\"\n kitHideBelowWidth\n kitHideBelowWidthClass=\"hide\"\n [kitHideBelowWidth]=\"61\">\n <kit-truncate-text>\n <span [innerHTML]=\"lineItem.subtitle || '' | highlight:searchValue\"></span>\n </kit-truncate-text>\n </div>\n\n @if (lineItem.routePath?.from || lineItem.routePath?.to) {\n <kit-route-path class=\"route\"\n kitHideBelowWidth\n kitHideBelowWidthClass=\"hide\"\n [kitHideBelowWidth]=\"132\"\n [containerMode]=\"lineItem.routePath?.containerMode\"\n [destinationPort]=\"lineItem.routePath?.to\"\n [originPort]=\"lineItem.routePath?.from\"\n [type]=\"lineItem.routePath?.type\"/>\n }\n @if (lineItem.dates?.firstDate.value) {\n <div class=\"dates\">\n <div class=\"date-wrapper first-date\">\n <p class=\"date-label\">\n <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n <span>{{ lineItem.dates?.firstDate.label }}</span>\n </p>\n <span class=\"date\">{{ lineItem.dates?.firstDate.value | date: dateFormat : 'UTC' }}</span>\n </div>\n </div>\n }\n @if (lineItem.dates?.secondDate.value) {\n <div class=\"dates\">\n <div class=\"date-wrapper second-date\">\n <p class=\"date-label\">\n <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n <span>{{ lineItem.dates?.secondDate.label }}</span>\n </p>\n <span class=\"date\">{{ lineItem.dates?.secondDate.value | date: dateFormat : 'UTC' }}</span>\n </div>\n </div>\n }\n </div>\n\n <div class=\"additional-content\">\n @for (item of lineItem.additionalContent; track item.key) {\n <div>\n <span class=\"label\">{{ item.translateKey | translate }} </span>\n <span class=\"value\"\n [innerHTML]=\"formatValue(item.value) | highlight:searchValue\"></span>\n </div>\n }\n </div>\n </div>\n }\n \n @if (category.total > this.displayedLineItemsNumber()) {\n <kit-button [label]=\"'kit.globalSearch.showResults' | translate\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n (clicked)=\"navigate(category.routeConfig)\"/>\n }\n </div>\n }\n }\n </div>\n } @else {\n <kit-empty-section class=\"empty-section\"\n [text]=\"'kit.globalSearch.noData' | translate\"/>\n }\n\n @if (filters().length) {\n <div class=\"filters\">\n @for (filter of filters(); track $index) {\n <div>\n <p class=\"label\">{{ filter.label }}</p>\n @for (value of filter.values.slice(0, isFilterExpanded($index) ? filter.values.length : 3); track $index) {\n <kit-pill @heightExpandCollapseAnimation\n class=\"filter-value\"\n [theme]=\"kitPillTheme.MAIN\"\n [selectable]=\"true\"\n [selected]=\"isFilterSelected(value)\"\n (clicked)=\"onSelectFilter(value, filter.appliedTo)\">\n {{ value.title | translate }}\n </kit-pill>\n }\n @if (filter.values.length > 3) {\n <kit-button class=\"toggle-btn\"\n [label]=\"`kit.globalSearch.${isFilterExpanded($index) ? 'showLess' : 'showMore'}` | translate\"\n [icon]=\"isFilterExpanded($index) ? kitSvgIcon.CHEVRON_UP : kitSvgIcon.CHEVRON_DOWN\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"toggleFilterExpanded($index)\"/>\n }\n </div>\n }\n </div>\n }\n }\n </div>\n }\n </ng-template>\n</div>\n", styles: [":host{flex:1}:host .global-search{max-width:360px}:host .global-search.expanded{max-width:100%}:host .global-search .textbox{border-color:var(--ui-kit-color-grey-11);box-shadow:none;border-radius:8px}:host .global-search .textbox.k-focus{border-color:var(--ui-kit-color-main)}:host ::ng-deep .k-animation-container{width:calc(100% - 145px)}:host ::ng-deep .kit-global-search-popup{overflow:auto;padding:0}:host ::ng-deep .kit-global-search-popup .popup-content{display:flex;justify-content:space-between}:host ::ng-deep .global-search .k-textbox.k-input .k-input-inner{padding:11px 8px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .search-icon{width:37px;height:37px;fill:none;stroke:var(--ui-kit-color-grey-10);padding-left:12px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .circle-cross-thin-icon{width:30px;height:30px;fill:none;stroke:var(--ui-kit-color-grey-12);padding-right:12px;cursor:pointer}:host ::ng-deep .search-results{padding:24px;flex:1}:host ::ng-deep .search-results .loader{display:flex;justify-content:center;height:100%;align-items:center;color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category:not(:last-child){margin-bottom:20px}:host ::ng-deep .search-results .category .header{display:flex;align-items:center;margin:0 0 20px}:host ::ng-deep .search-results .category .header .icon.check-sticker-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);margin-right:10px}:host ::ng-deep .search-results .category .header .title{color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category .header.empty{margin:0}:host ::ng-deep .search-results .category .header.empty .icon.check-sticker-icon{fill:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .header.empty .title{color:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .line-item{min-width:575px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--ui-kit-color-grey-11)}:host ::ng-deep .search-results .category .line-item.has-link{cursor:pointer}:host ::ng-deep .search-results .category .line-item.has-link:hover{opacity:.7}:host ::ng-deep .search-results .category .line-item .highlighted{color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category .line-item .main-content{display:grid;grid-template-columns:minmax(170px,max-content) minmax(115px,max-content) repeat(auto-fit,minmax(60px,1fr));gap:20px;align-items:center;grid-auto-flow:column}:host ::ng-deep .search-results .category .line-item .main-content .title{font-size:16px;line-height:22px;font-weight:500}:host ::ng-deep .search-results .category .line-item .main-content .subtitle{width:100%}:host ::ng-deep .search-results .category .line-item .main-content .subtitle.hide{display:none}:host ::ng-deep .search-results .category .line-item .main-content .title,:host ::ng-deep .search-results .category .line-item .main-content .subtitle{color:var(--ui-kit-color-grey-10)}:host ::ng-deep .search-results .category .line-item .main-content .icon.calendar-icon{width:18px;height:18px;fill:var(--ui-kit-color-grey-12);margin-right:3px}:host ::ng-deep .search-results .category .line-item .main-content .route{container:route/inline-size;width:100%}:host ::ng-deep .search-results .category .line-item .main-content .route.hide{display:none;container:none}:host ::ng-deep .search-results .category .line-item .main-content .route .route-path{justify-content:left}:host ::ng-deep .search-results .category .line-item .main-content .status{white-space:nowrap;display:block;margin:auto}:host ::ng-deep .search-results .category .line-item .main-content .kit-pill-content{margin:auto}:host ::ng-deep .search-results .category .line-item .main-content .dates{display:flex;align-items:center;font-size:12px;line-height:14px;container:dates/inline-size;width:100%}:host ::ng-deep .search-results .category .line-item .main-content .dates .date-wrapper{display:flex;justify-content:left;align-items:center;flex-wrap:wrap;text-align:center}:host ::ng-deep .search-results .category .line-item .main-content .dates .date-wrapper .date{text-wrap:nowrap}:host ::ng-deep .search-results .category .line-item .main-content .dates .date-label{display:flex;align-items:center;justify-content:center;margin-right:5px;text-wrap:nowrap}:host ::ng-deep .search-results .category .line-item .main-content .dates.first-date{color:var(--ui-kit-color-grey-14)}:host ::ng-deep .search-results .category .line-item .main-content .dates.second-date{color:var(--ui-kit-color-grey-10)}:host ::ng-deep .search-results .category .line-item .main-content:has(.route:not(.hide)){grid-template-columns:minmax(170px,max-content) minmax(115px,max-content) minmax(70px,1fr) minmax(99px,2fr) repeat(auto-fit,minmax(50px,1fr))}:host ::ng-deep .search-results .category .line-item .main-content>:last-child{justify-self:end;justify-content:end;text-align:right}:host ::ng-deep .search-results .category .line-item .main-content>:last-child .date-wrapper{justify-content:end}:host ::ng-deep .search-results .category .line-item .additional-content{text-align:right}:host ::ng-deep .search-results .category .line-item .additional-content .label{color:var(--ui-kit-color-grey-14)}:host ::ng-deep .search-results .category .line-item .additional-content .value{color:var(--ui-kit-color-grey-10)}@container route (max-width: 190px){:host ::ng-deep .search-results .category .route-origin-port,:host ::ng-deep .search-results .category .icon.arrow{display:none}:host ::ng-deep .search-results .category .line-item .main-content .route .route-path{grid-template-columns:minmax(0,auto) min-content;justify-content:stretch}}@container route (max-width: 150px){:host ::ng-deep .search-results .category .route-mode{display:none}}@container dates (max-width: 120px){:host ::ng-deep .search-results .category .date-wrapper{flex-direction:column}:host ::ng-deep .search-results .category .date-label{margin-right:0}}:host ::ng-deep .filters{background-color:var(--ui-kit-color-grey-13);padding:24px;min-width:175px}:host ::ng-deep .filters .label{font-size:12px;line-height:14px;color:var(--ui-kit-color-grey-10);margin-bottom:10px;text-transform:uppercase}:host ::ng-deep .filters .filter-value{margin-bottom:10px;display:block}:host ::ng-deep .filters .filter-value .kit-pill{line-height:16px;text-align:left;display:inline-block;padding:7px 16px;font-size:13px}:host ::ng-deep .filters .toggle-btn{margin-bottom:40px;display:block}:host ::ng-deep .filters .toggle-btn .k-button{min-width:125px;padding:6px 16px;min-height:32px}:host ::ng-deep .prompts{display:flex;gap:10px;padding:24px}:host ::ng-deep .empty-section{container:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i1$2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i1$2.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "directive", type: i1$2.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: i1$a.LoaderComponent, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: KitRoutePathComponent, selector: "kit-route-path", inputs: ["originPort", "destinationPort", "type", "containerMode"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitEmptySectionComponent, selector: "kit-empty-section", inputs: ["text"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "directive", type: KitHideBelowWidthDirective, selector: "[kitHideBelowWidth]", inputs: ["kitHideBelowWidth", "kitHideBelowWidthClass"] }, { kind: "pipe", type: i1$6.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$6.DatePipe, name: "date" }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }, { kind: "pipe", type: HighlightPipe, name: "highlight" }], animations: [
|
|
6575
6642
|
expandCollapseAnimation('height'),
|
|
6576
6643
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6577
6644
|
}
|
|
@@ -7011,6 +7078,7 @@ const kitTranslations = {
|
|
|
7011
7078
|
edit: 'Edit',
|
|
7012
7079
|
save: 'Save',
|
|
7013
7080
|
cancel: 'Cancel',
|
|
7081
|
+
delete: 'Delete',
|
|
7014
7082
|
},
|
|
7015
7083
|
},
|
|
7016
7084
|
},
|
|
@@ -7168,6 +7236,7 @@ const kitTranslations = {
|
|
|
7168
7236
|
edit: 'Редактировать',
|
|
7169
7237
|
save: 'Сохранить',
|
|
7170
7238
|
cancel: 'Отмена',
|
|
7239
|
+
delete: 'Удалить',
|
|
7171
7240
|
},
|
|
7172
7241
|
},
|
|
7173
7242
|
},
|
|
@@ -7939,7 +8008,7 @@ class KitGridViewsManagerComponent extends DialogContentBase {
|
|
|
7939
8008
|
this.hasUnsavedChanges.set(JSON.stringify(views) !== JSON.stringify(this.items()));
|
|
7940
8009
|
}
|
|
7941
8010
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridViewsManagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7942
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitGridViewsManagerComponent, isStandalone: true, selector: "kit-grid-views-manager", inputs: { configGroup: { classPropertyName: "configGroup", publicName: "configGroup", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, 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 class=\"item-move\"\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 class=\"item-remove\"\n [icon]=\"kitSvgIcon.CIRCLE_MINUS\"\n (click)=\"onViewRemove(item)\"\n ></kit-svg-icon>\n <kit-svg-icon class=\"item-toggle\"\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"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitSortableComponent, selector: "kit-sortable", inputs: ["items", "columnCount", "itemClass", "activeItemClass", "zone", "emptyItemClass"], outputs: ["dragEnd"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitDialogActionsComponent, selector: "kit-dialog-actions" }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "pipe", type: i1$
|
|
8011
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitGridViewsManagerComponent, isStandalone: true, selector: "kit-grid-views-manager", inputs: { configGroup: { classPropertyName: "configGroup", publicName: "configGroup", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, 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 class=\"item-move\"\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 class=\"item-remove\"\n [icon]=\"kitSvgIcon.CIRCLE_MINUS\"\n (click)=\"onViewRemove(item)\"\n ></kit-svg-icon>\n <kit-svg-icon class=\"item-toggle\"\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"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitSortableComponent, selector: "kit-sortable", inputs: ["items", "columnCount", "itemClass", "activeItemClass", "zone", "emptyItemClass"], outputs: ["dragEnd"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitDialogActionsComponent, selector: "kit-dialog-actions" }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7943
8012
|
}
|
|
7944
8013
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridViewsManagerComponent, decorators: [{
|
|
7945
8014
|
type: Component,
|
|
@@ -8036,7 +8105,7 @@ class KitGridViewsSaveComponent {
|
|
|
8036
8105
|
this.viewName.set(value);
|
|
8037
8106
|
}
|
|
8038
8107
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridViewsSaveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8039
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: KitGridViewsSaveComponent, isStandalone: true, selector: "kit-grid-views-save", inputs: { viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: true, transformFunction: null }, viewsAutocompleteItems: { classPropertyName: "viewsAutocompleteItems", publicName: "viewsAutocompleteItems", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { resetQueryParams: "resetQueryParams" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<kit-button #toggleButton\n kitTooltip\n class=\"grid-views-save-btn\"\n kitTooltipFilter=\".grid-views-save-btn\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"hasUnsavedChanges() ? ('kit.views.saveView' | translate) : ('kit.views.noUnsavedChanges' | translate)\"\n [active]=\"popup.isPopupOpen\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [disabled]=\"!hasUnsavedChanges()\"\n (clicked)=\"onPopupToggle()\"\n></kit-button>\n\n<kit-popup #popup\n [anchor]=\"anchor()\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"grid-views-save\">\n <kit-autocomplete class=\"grid-views-save-input\"\n [placeholder]=\"'kit.views.enterText' | translate\"\n [allowCustom]=\"true\"\n [items]=\"viewsAutocompleteItems() ?? []\"\n [closePopupIfDataNotFound]=\"true\"\n [invalid]=\"!isViewNameValid\"\n [messageText]=\"inputMessage\"\n (filterChanged)=\"onValueChange($event)\"\n (valueChanged)=\"viewName.set($event)\"\n (selectionChanged)=\"onValueChange($event)\"\n ></kit-autocomplete>\n <kit-button [label]=\"'kit.views.save' | translate\"\n [disabled]=\"!viewName() || !isViewNameValid || isViewSaving()\"\n (clicked)=\"onViewSave()\"\n ></kit-button>\n </div>\n</ng-template>\n", styles: [".grid-views-save{display:flex;flex-direction:row;gap:12px;width:352px}.grid-views-save-input{flex:1}\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: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitAutocompleteComponent, selector: "kit-autocomplete", inputs: ["label", "placeholder", "items", "selectedValue", "disabled", "loaderVisible", "messageIcon", "messageText", "invalid", "allowCustom", "closePopupIfDataNotFound", "appendTo", "suggest", "readonly"], outputs: ["selectedValueChange", "disabledChange", "filterChanged", "valueChanged", "selectionChanged", "blured", "focused"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: i1$
|
|
8108
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: KitGridViewsSaveComponent, isStandalone: true, selector: "kit-grid-views-save", inputs: { viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: true, transformFunction: null }, viewsAutocompleteItems: { classPropertyName: "viewsAutocompleteItems", publicName: "viewsAutocompleteItems", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { resetQueryParams: "resetQueryParams" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<kit-button #toggleButton\n kitTooltip\n class=\"grid-views-save-btn\"\n kitTooltipFilter=\".grid-views-save-btn\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"hasUnsavedChanges() ? ('kit.views.saveView' | translate) : ('kit.views.noUnsavedChanges' | translate)\"\n [active]=\"popup.isPopupOpen\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n [icon]=\"kitSvgIcon.DISKETTE\"\n [disabled]=\"!hasUnsavedChanges()\"\n (clicked)=\"onPopupToggle()\"\n></kit-button>\n\n<kit-popup #popup\n [anchor]=\"anchor()\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"grid-views-save\">\n <kit-autocomplete class=\"grid-views-save-input\"\n [placeholder]=\"'kit.views.enterText' | translate\"\n [allowCustom]=\"true\"\n [items]=\"viewsAutocompleteItems() ?? []\"\n [closePopupIfDataNotFound]=\"true\"\n [invalid]=\"!isViewNameValid\"\n [messageText]=\"inputMessage\"\n (filterChanged)=\"onValueChange($event)\"\n (valueChanged)=\"viewName.set($event)\"\n (selectionChanged)=\"onValueChange($event)\"\n ></kit-autocomplete>\n <kit-button [label]=\"'kit.views.save' | translate\"\n [disabled]=\"!viewName() || !isViewNameValid || isViewSaving()\"\n (clicked)=\"onViewSave()\"\n ></kit-button>\n </div>\n</ng-template>\n", styles: [".grid-views-save{display:flex;flex-direction:row;gap:12px;width:352px}.grid-views-save-input{flex:1}\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: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitAutocompleteComponent, selector: "kit-autocomplete", inputs: ["label", "placeholder", "items", "selectedValue", "disabled", "loaderVisible", "messageIcon", "messageText", "invalid", "allowCustom", "closePopupIfDataNotFound", "appendTo", "suggest", "readonly"], outputs: ["selectedValueChange", "disabledChange", "filterChanged", "valueChanged", "selectionChanged", "blured", "focused"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8040
8109
|
}
|
|
8041
8110
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridViewsSaveComponent, decorators: [{
|
|
8042
8111
|
type: Component,
|
|
@@ -8309,7 +8378,7 @@ class KitGridViewsComponent {
|
|
|
8309
8378
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", 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: [
|
|
8310
8379
|
TitleCasePipe,
|
|
8311
8380
|
KitGridUrlStateService,
|
|
8312
|
-
], viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "collapsedList", first: true, predicate: (KitCollapsedListComponent), descendants: true, isSignal: true }, { propertyName: "createNewViewPopup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-views\">\n @if (viewsState$ | async; as viewsState) {\n @if (!viewsState.loading) {\n <div class=\"views-actions\">\n <kit-button #toggleButton\n kitTooltip\n kitTooltipFilter=\"kit-button\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"'kit.views.addView' | translate\"\n [icon]=\"kitSvgIcon.PLUS\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [active]=\"popup.isPopupOpen\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"onCreateViewPopupToggle()\"\n ></kit-button>\n <kit-grid-views-save [viewGroup]=\"viewGroup()\"\n [views]=\"views()\"\n [viewsAutocompleteItems]=\"viewsAutocompleteItems$ | async\"\n (resetQueryParams)=\"resetQueryParams()\"\n ></kit-grid-views-save>\n <kit-button kitTooltip\n kitTooltipFilter=\"kit-button\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"'kit.views.manageViews' | translate\"\n [icon]=\"kitSvgIcon.VIEWS\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n [disabled]=\"views().length < 2\"\n (clicked)=\"openViewsManagerModal()\"\n ></kit-button>\n </div>\n <div class=\"views-list\">\n <kit-collapsed-list [itemList]=\"collapsedListItems()\"\n [dropdownDefaultValueText]=\"collapsedListDropdownText()\"\n [lineHeight]=\"32\"\n [gap]=\"0\"\n [itemTemplate]=\"collapsedListItem\"\n [dropdownAlign]=\"kitCollapsedListDropdownAlign.INLINE\"\n (selectItem)=\"onSelectView($event)\"/>\n </div>\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]=\"item.title === selectedView()?.title && item.type === selectedView()?.type &&\n kitButtonType.GHOST || kitButtonType.LINK\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [iconType]=\"item.type === gridViewType.SYSTEM && kitSvgIconType.STROKE || kitSvgIconType.FILL\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"/>\n</ng-template>\n\n<kit-popup #popup\n popupClass=\"kit-grid-new-view-popup\"\n [anchor]=\"$any(anchor())\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"new-view\">\n <kit-textbox class=\"new-view-input\"\n [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 <kit-button [label]=\"'kit.views.save' | translate\"\n [disabled]=\"!createNewViewName() || !isViewNameValid || isViewSaving()\"\n (clicked)=\"onViewCreate()\"\n ></kit-button>\n </div>\n</ng-template>\n", styles: [".kit-grid-views{display:flex;gap:16px}.kit-grid-views .views-actions{display:flex;gap:16px;padding-right:16px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-grid-views .views-list{width:100%;min-width:0}::ng-deep .views-list .views-item.system .k-button{color:var(--ui-kit-color-blue)}::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:focus-within .dropdown{box-shadow:none}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown{border-color:transparent;background-color:transparent}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text span{color:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text svg{stroke:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .dropdown{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{width:360px}::ng-deep .kit-popup.kit-grid-new-view-popup{width:400px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view{display:flex;flex-direction:row;gap:12px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view-input{flex:1}\n"], dependencies: [{ kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }, { kind: "component", type: KitGridViewsSaveComponent, selector: "kit-grid-views-save", inputs: ["viewGroup", "views", "viewsAutocompleteItems"], outputs: ["resetQueryParams"] }, { kind: "component", type: KitCollapsedListComponent, selector: "kit-collapsed-list", inputs: ["itemList", "lineHeight", "dropdownDefaultValueText", "gap", "disableActions", "itemTemplate", "dropdownFooterTemplate", "dropdownItemTemplate", "dropdownNoDataTemplate", "appendTo", "alwaysShowDropdown", "dropdownAlign"], outputs: ["selectItem"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1$
|
|
8381
|
+
], viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "collapsedList", first: true, predicate: (KitCollapsedListComponent), descendants: true, isSignal: true }, { propertyName: "createNewViewPopup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-views\">\n @if (viewsState$ | async; as viewsState) {\n @if (!viewsState.loading) {\n <div class=\"views-actions\">\n <kit-button #toggleButton\n kitTooltip\n kitTooltipFilter=\"kit-button\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"'kit.views.addView' | translate\"\n [icon]=\"kitSvgIcon.PLUS\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [active]=\"popup.isPopupOpen\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"onCreateViewPopupToggle()\"\n ></kit-button>\n <kit-grid-views-save [viewGroup]=\"viewGroup()\"\n [views]=\"views()\"\n [viewsAutocompleteItems]=\"viewsAutocompleteItems$ | async\"\n (resetQueryParams)=\"resetQueryParams()\"\n ></kit-grid-views-save>\n <kit-button kitTooltip\n kitTooltipFilter=\"kit-button\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"'kit.views.manageViews' | translate\"\n [icon]=\"kitSvgIcon.VIEWS\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n [disabled]=\"views().length < 2\"\n (clicked)=\"openViewsManagerModal()\"\n ></kit-button>\n </div>\n <div class=\"views-list\">\n <kit-collapsed-list [itemList]=\"collapsedListItems()\"\n [dropdownDefaultValueText]=\"collapsedListDropdownText()\"\n [lineHeight]=\"32\"\n [gap]=\"0\"\n [itemTemplate]=\"collapsedListItem\"\n [dropdownAlign]=\"kitCollapsedListDropdownAlign.INLINE\"\n (selectItem)=\"onSelectView($event)\"/>\n </div>\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]=\"item.title === selectedView()?.title && item.type === selectedView()?.type &&\n kitButtonType.GHOST || kitButtonType.LINK\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [iconType]=\"item.type === gridViewType.SYSTEM && kitSvgIconType.STROKE || kitSvgIconType.FILL\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"/>\n</ng-template>\n\n<kit-popup #popup\n popupClass=\"kit-grid-new-view-popup\"\n [anchor]=\"$any(anchor())\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"new-view\">\n <kit-textbox class=\"new-view-input\"\n [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 <kit-button [label]=\"'kit.views.save' | translate\"\n [disabled]=\"!createNewViewName() || !isViewNameValid || isViewSaving()\"\n (clicked)=\"onViewCreate()\"\n ></kit-button>\n </div>\n</ng-template>\n", styles: [".kit-grid-views{display:flex;gap:16px}.kit-grid-views .views-actions{display:flex;gap:16px;padding-right:16px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-grid-views .views-list{width:100%;min-width:0}::ng-deep .views-list .views-item.system .k-button{color:var(--ui-kit-color-blue)}::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:focus-within .dropdown{box-shadow:none}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown{border-color:transparent;background-color:transparent}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text span{color:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text svg{stroke:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .dropdown{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{width:360px}::ng-deep .kit-popup.kit-grid-new-view-popup{width:400px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view{display:flex;flex-direction:row;gap:12px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view-input{flex:1}\n"], dependencies: [{ kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }, { kind: "component", type: KitGridViewsSaveComponent, selector: "kit-grid-views-save", inputs: ["viewGroup", "views", "viewsAutocompleteItems"], outputs: ["resetQueryParams"] }, { kind: "component", type: KitCollapsedListComponent, selector: "kit-collapsed-list", inputs: ["itemList", "lineHeight", "dropdownDefaultValueText", "gap", "disableActions", "itemTemplate", "dropdownFooterTemplate", "dropdownItemTemplate", "dropdownNoDataTemplate", "appendTo", "alwaysShowDropdown", "dropdownAlign"], outputs: ["selectItem"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8313
8382
|
}
|
|
8314
8383
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridViewsComponent, decorators: [{
|
|
8315
8384
|
type: Component,
|
|
@@ -8561,7 +8630,7 @@ class KitFilterCheckboxComponent {
|
|
|
8561
8630
|
})));
|
|
8562
8631
|
}
|
|
8563
8632
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitFilterCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8564
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitFilterCheckboxComponent, isStandalone: true, selector: "kit-filter-checkbox", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, translateKeyPrefix: { classPropertyName: "translateKeyPrefix", publicName: "translateKeyPrefix", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, showPopupOnInit: { classPropertyName: "showPopupOnInit", publicName: "showPopupOnInit", isSignal: true, isRequired: false, transformFunction: null }, guidField: { classPropertyName: "guidField", publicName: "guidField", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popupContent", first: true, predicate: ["popupContent"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-filter-checkbox\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (allSelected()) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ 'kit.filters.all' | translate }}\n </div>\n } @else if (displayedValues.length > 1) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ displayedValues[0] }}\n <span class=\"kit-filter-checkbox-tooltip-count\">+{{ displayedValues.length - 1 }}</span>\n </div>\n } @else {\n {{ displayedValues[0] ?? '' }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-checkbox-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled()\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-search\" \n [hidden]=\"!isContentOverflowing && !searchTerm()\">\n <kit-textbox [placeholder]=\"'kit.filters.search' | translate\"\n [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"searchTerm()\"\n (changed)=\"searchTerm.set($event)\"\n ></kit-textbox>\n </div>\n \n <div #popupContent\n class=\"popup-content\">\n @if (!searchTerm()) {\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"'kit.filters.all' | translate\"\n [(ngModel)]=\"allSelected\"\n (changed)=\"toggleAll($event)\"> \n </kit-checkbox>\n }\n\n @for (item of visibleItems(); track $index) {\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"buildTranslateKey(item.title) | translate\"\n [(ngModel)]=\"item.checked\"\n (changed)=\"onChange($event, item.value)\"\n ></kit-checkbox>\n }\n\n @if (!visibleItems().length) {\n {{ ('kit.filters.noDataFound' | translate) }}\n }\n </div>\n</ng-template>\n\n<ng-template #tooltipTemplate>\n @for (item of (displayedValues.length > 1 && !allSelected() ? displayedValues.slice(1) : displayedValues); track item) {\n <div class=\"kit-filter-checkbox-tooltip-item\">{{ buildTranslateKey(item) | translate }}</div>\n }\n</ng-template>\n", styles: [".kit-filter-checkbox-tooltip-count{color:var(--ui-kit-color-main)}.kit-filter-checkbox-tooltip-item{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500;line-height:20px}::ng-deep .kit-filter-checkbox-popup .popup-search{margin-bottom:5px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}::ng-deep .kit-filter-checkbox-popup .popup-content{width:172px;max-height:400px;overflow-y:auto}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar{width:4px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-17);border-radius:2px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-10)}::ng-deep .kit-filter-checkbox-popup .checkbox-item{display:block;padding:6px 0}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: ["label", "disabled", "checked", "readonly", "state", "messageIcon", "messageText"], outputs: ["changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "pipe", type: i1$
|
|
8633
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitFilterCheckboxComponent, isStandalone: true, selector: "kit-filter-checkbox", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, translateKeyPrefix: { classPropertyName: "translateKeyPrefix", publicName: "translateKeyPrefix", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, showPopupOnInit: { classPropertyName: "showPopupOnInit", publicName: "showPopupOnInit", isSignal: true, isRequired: false, transformFunction: null }, guidField: { classPropertyName: "guidField", publicName: "guidField", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popupContent", first: true, predicate: ["popupContent"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-filter-checkbox\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (allSelected()) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ 'kit.filters.all' | translate }}\n </div>\n } @else if (displayedValues.length > 1) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ displayedValues[0] }}\n <span class=\"kit-filter-checkbox-tooltip-count\">+{{ displayedValues.length - 1 }}</span>\n </div>\n } @else {\n {{ displayedValues[0] ?? '' }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-checkbox-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled()\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-search\" \n [hidden]=\"!isContentOverflowing && !searchTerm()\">\n <kit-textbox [placeholder]=\"'kit.filters.search' | translate\"\n [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"searchTerm()\"\n (changed)=\"searchTerm.set($event)\"\n ></kit-textbox>\n </div>\n \n <div #popupContent\n class=\"popup-content\">\n @if (!searchTerm()) {\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"'kit.filters.all' | translate\"\n [(ngModel)]=\"allSelected\"\n (changed)=\"toggleAll($event)\"> \n </kit-checkbox>\n }\n\n @for (item of visibleItems(); track $index) {\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"buildTranslateKey(item.title) | translate\"\n [(ngModel)]=\"item.checked\"\n (changed)=\"onChange($event, item.value)\"\n ></kit-checkbox>\n }\n\n @if (!visibleItems().length) {\n {{ ('kit.filters.noDataFound' | translate) }}\n }\n </div>\n</ng-template>\n\n<ng-template #tooltipTemplate>\n @for (item of (displayedValues.length > 1 && !allSelected() ? displayedValues.slice(1) : displayedValues); track item) {\n <div class=\"kit-filter-checkbox-tooltip-item\">{{ buildTranslateKey(item) | translate }}</div>\n }\n</ng-template>\n", styles: [".kit-filter-checkbox-tooltip-count{color:var(--ui-kit-color-main)}.kit-filter-checkbox-tooltip-item{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500;line-height:20px}::ng-deep .kit-filter-checkbox-popup .popup-search{margin-bottom:5px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}::ng-deep .kit-filter-checkbox-popup .popup-content{width:172px;max-height:400px;overflow-y:auto}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar{width:4px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-17);border-radius:2px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-10)}::ng-deep .kit-filter-checkbox-popup .checkbox-item{display:block;padding:6px 0}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: ["label", "disabled", "checked", "readonly", "state", "messageIcon", "messageText"], outputs: ["changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8565
8634
|
}
|
|
8566
8635
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitFilterCheckboxComponent, decorators: [{
|
|
8567
8636
|
type: Component,
|
|
@@ -8732,7 +8801,7 @@ class KitFilterDateComponent {
|
|
|
8732
8801
|
insideDatePicker);
|
|
8733
8802
|
}
|
|
8734
8803
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitFilterDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8735
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitFilterDateComponent, isStandalone: true, selector: "kit-filter-date", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, useLocalTimeZone: { classPropertyName: "useLocalTimeZone", publicName: "useLocalTimeZone", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-filter-date\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (selectedValues(); as selectedValues) {\n {{ selectedValues?.start | date: pillDateFormat : (useLocalTimeZone() ? undefined : 'UTC') }}\n @if (selectedValues?.start && selectedValues?.end) {\n -\n }\n {{ selectedValues?.end | date: pillDateFormat : (useLocalTimeZone() ? undefined : 'UTC') }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-date-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [closeOnOutsideClick]=\"false\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled()\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-actions\">\n <kit-button [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [label]=\"'kit.filters.today' | translate\"\n [active]=\"dateRange() === kitFilterDateRange.TODAY\"\n (clicked)=\"selectDateRange(kitFilterDateRange.TODAY)\" />\n <kit-button [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [label]=\"'kit.filters.lastWeek' | translate\"\n [active]=\"dateRange() === kitFilterDateRange.LAST_WEEK\"\n (clicked)=\"selectDateRange(kitFilterDateRange.LAST_WEEK)\" />\n <kit-button [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [label]=\"'kit.filters.lastMonth' | translate\"\n [active]=\"dateRange() === kitFilterDateRange.LAST_MONTH\"\n (clicked)=\"selectDateRange(kitFilterDateRange.LAST_MONTH)\" />\n </div>\n <div class=\"popup-content\">\n <div class=\"date-input\">\n <kit-datepicker [placeholder]=\"'kit.filters.chooseDateFrom' | translate\"\n [defaultDate]=\"localStartDate()\"\n [max]=\"localEndDate()\"\n (changed)=\"onFromDateChange($event)\"\n ></kit-datepicker>\n <kit-datepicker [placeholder]=\"'kit.filters.chooseDateTo' | translate\"\n [defaultDate]=\"localEndDate()\"\n [min]=\"localStartDate()\"\n (changed)=\"onToDateChange($event)\"\n ></kit-datepicker>\n </div>\n </div>\n</ng-template>\n", styles: ["::ng-deep .kit-filter-date-popup .popup-content{width:296px;box-sizing:border-box}::ng-deep .kit-filter-date-popup .popup-actions{display:flex;justify-content:space-between;gap:5px;margin-bottom:15px}::ng-deep .kit-filter-date-popup .date-input{display:flex;flex-direction:column;gap:10px}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitDatepickerComponent, selector: "kit-datepicker", inputs: ["placeholder", "label", "labelTooltip", "defaultDate", "disabled", "format", "min", "max", "messageIcon", "messageText", "size", "readonly"], outputs: ["defaultDateChange", "disabledChange", "changed"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "pipe", type: i1$
|
|
8804
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitFilterDateComponent, isStandalone: true, selector: "kit-filter-date", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, useLocalTimeZone: { classPropertyName: "useLocalTimeZone", publicName: "useLocalTimeZone", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-filter-date\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (selectedValues(); as selectedValues) {\n {{ selectedValues?.start | date: pillDateFormat : (useLocalTimeZone() ? undefined : 'UTC') }}\n @if (selectedValues?.start && selectedValues?.end) {\n -\n }\n {{ selectedValues?.end | date: pillDateFormat : (useLocalTimeZone() ? undefined : 'UTC') }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-date-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [closeOnOutsideClick]=\"false\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled()\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-actions\">\n <kit-button [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [label]=\"'kit.filters.today' | translate\"\n [active]=\"dateRange() === kitFilterDateRange.TODAY\"\n (clicked)=\"selectDateRange(kitFilterDateRange.TODAY)\" />\n <kit-button [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [label]=\"'kit.filters.lastWeek' | translate\"\n [active]=\"dateRange() === kitFilterDateRange.LAST_WEEK\"\n (clicked)=\"selectDateRange(kitFilterDateRange.LAST_WEEK)\" />\n <kit-button [kind]=\"kitButtonKind.SMALL\"\n [type]=\"kitButtonType.GHOST\"\n [label]=\"'kit.filters.lastMonth' | translate\"\n [active]=\"dateRange() === kitFilterDateRange.LAST_MONTH\"\n (clicked)=\"selectDateRange(kitFilterDateRange.LAST_MONTH)\" />\n </div>\n <div class=\"popup-content\">\n <div class=\"date-input\">\n <kit-datepicker [placeholder]=\"'kit.filters.chooseDateFrom' | translate\"\n [defaultDate]=\"localStartDate()\"\n [max]=\"localEndDate()\"\n (changed)=\"onFromDateChange($event)\"\n ></kit-datepicker>\n <kit-datepicker [placeholder]=\"'kit.filters.chooseDateTo' | translate\"\n [defaultDate]=\"localEndDate()\"\n [min]=\"localStartDate()\"\n (changed)=\"onToDateChange($event)\"\n ></kit-datepicker>\n </div>\n </div>\n</ng-template>\n", styles: ["::ng-deep .kit-filter-date-popup .popup-content{width:296px;box-sizing:border-box}::ng-deep .kit-filter-date-popup .popup-actions{display:flex;justify-content:space-between;gap:5px;margin-bottom:15px}::ng-deep .kit-filter-date-popup .date-input{display:flex;flex-direction:column;gap:10px}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitDatepickerComponent, selector: "kit-datepicker", inputs: ["placeholder", "label", "labelTooltip", "defaultDate", "disabled", "format", "min", "max", "messageIcon", "messageText", "size", "readonly"], outputs: ["defaultDateChange", "disabledChange", "changed"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8736
8805
|
}
|
|
8737
8806
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitFilterDateComponent, decorators: [{
|
|
8738
8807
|
type: Component,
|
|
@@ -8896,7 +8965,7 @@ class KitFilterInputComponent {
|
|
|
8896
8965
|
}));
|
|
8897
8966
|
}
|
|
8898
8967
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitFilterInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8899
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitFilterInputComponent, isStandalone: true, selector: "kit-filter-input", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, filterInputType: { classPropertyName: "filterInputType", publicName: "filterInputType", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (selectedValues()?.filters; as selectedFilters) {\n @for (filter of selectedFilters; track $index) {\n {{ getSelectedFilterText(filter) }}\n\n @if ($index === 0) {\n {{ getSelectedLogicText(selectedValues()) }}\n }\n }\n }\n</kit-pill>\n\n<kit-popup #popup\n popupClass=\"kit-filter-input-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled\"\n [closePopupOnCancel]=\"false\"\n [extraInsideSelectors]=\"['.kit-dropdown-popup']\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n @for (item of filterItems().filters; track $index) {\n <div class=\"filter-item\">\n <kit-dropdown [items]=\"getFilterOperatorDropdownItems()\"\n [size]=\"kitDropdownSize.SMALL\"\n [selectedItem]=\"$any(item.operator)\"\n (selected)=\"onOperatorSelect($event.value, $index)\"\n ></kit-dropdown>\n <div class=\"filter-controls\">\n @switch (filterInputType()) {\n @case (kitFilterType.TEXT) {\n <kit-textbox class=\"filter-item-value\"\n [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"item.value\"\n [disabled]=\"isFilterValueTextboxDisabled($index)\"\n (changed)=\"onValueChange($event, $index)\"\n ></kit-textbox>\n }\n @case (kitFilterType.NUMERIC) {\n <kit-numeric-textbox class=\"filter-item-value\"\n format=\"##\"\n [size]=\"kitNumericTextboxSize.SMALL\"\n [defaultValue]=\"item.value\"\n [min]=\"0\"\n [disabled]=\"isFilterValueTextboxDisabled($index)\"\n (changed)=\"onValueChange($event, $index)\"\n ></kit-numeric-textbox>\n }\n }\n @if ($index === 0) {\n <kit-dropdown class=\"logic-selector\"\n [selectedItem]=\"filterItems().logic\"\n [items]=\"filterLogicDropdownItems\"\n [size]=\"kitDropdownSize.SMALL\"\n (selected)=\"onLogicChange($event.value)\"\n ></kit-dropdown>\n }\n </div>\n </div>\n }\n </div>\n</ng-template>\n\n", styles: ["::ng-deep .kit-filter-input-popup .popup-content{display:flex;flex-direction:column;gap:10px;width:296px;box-sizing:border-box}::ng-deep .kit-filter-input-popup .filter-item{display:flex;flex-direction:column;gap:10px}::ng-deep .kit-filter-input-popup .filter-item-value{flex:1}::ng-deep .kit-filter-input-popup .filter-controls{display:flex;gap:10px}::ng-deep .kit-filter-input-popup .logic-selector{flex-shrink:0;width:100px}\n"], dependencies: [{ kind: "component", type: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "invalid", "defaultItem", "listHeight", "hideDefaultItem", "toggleIcon", "popupSettings", "isValuePrimitive", "footerTemplate", "noDataTemplate", "readonly", "size"], outputs: ["selectedItemChange", "disabledChange", "selected"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitNumericTextboxComponent, selector: "kit-numeric-textbox", inputs: ["placeholder", "label", "defaultValue", "decimals", "min", "max", "maxlength", "messageIcon", "messageText", "disabled", "format", "state", "icon", "size", "showStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "changed"] }, { kind: "pipe", type: i1$
|
|
8968
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitFilterInputComponent, isStandalone: true, selector: "kit-filter-input", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, filterInputType: { classPropertyName: "filterInputType", publicName: "filterInputType", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (selectedValues()?.filters; as selectedFilters) {\n @for (filter of selectedFilters; track $index) {\n {{ getSelectedFilterText(filter) }}\n\n @if ($index === 0) {\n {{ getSelectedLogicText(selectedValues()) }}\n }\n }\n }\n</kit-pill>\n\n<kit-popup #popup\n popupClass=\"kit-filter-input-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled\"\n [closePopupOnCancel]=\"false\"\n [extraInsideSelectors]=\"['.kit-dropdown-popup']\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n @for (item of filterItems().filters; track $index) {\n <div class=\"filter-item\">\n <kit-dropdown [items]=\"getFilterOperatorDropdownItems()\"\n [size]=\"kitDropdownSize.SMALL\"\n [selectedItem]=\"$any(item.operator)\"\n (selected)=\"onOperatorSelect($event.value, $index)\"\n ></kit-dropdown>\n <div class=\"filter-controls\">\n @switch (filterInputType()) {\n @case (kitFilterType.TEXT) {\n <kit-textbox class=\"filter-item-value\"\n [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"item.value\"\n [disabled]=\"isFilterValueTextboxDisabled($index)\"\n (changed)=\"onValueChange($event, $index)\"\n ></kit-textbox>\n }\n @case (kitFilterType.NUMERIC) {\n <kit-numeric-textbox class=\"filter-item-value\"\n format=\"##\"\n [size]=\"kitNumericTextboxSize.SMALL\"\n [defaultValue]=\"item.value\"\n [min]=\"0\"\n [disabled]=\"isFilterValueTextboxDisabled($index)\"\n (changed)=\"onValueChange($event, $index)\"\n ></kit-numeric-textbox>\n }\n }\n @if ($index === 0) {\n <kit-dropdown class=\"logic-selector\"\n [selectedItem]=\"filterItems().logic\"\n [items]=\"filterLogicDropdownItems\"\n [size]=\"kitDropdownSize.SMALL\"\n (selected)=\"onLogicChange($event.value)\"\n ></kit-dropdown>\n }\n </div>\n </div>\n }\n </div>\n</ng-template>\n\n", styles: ["::ng-deep .kit-filter-input-popup .popup-content{display:flex;flex-direction:column;gap:10px;width:296px;box-sizing:border-box}::ng-deep .kit-filter-input-popup .filter-item{display:flex;flex-direction:column;gap:10px}::ng-deep .kit-filter-input-popup .filter-item-value{flex:1}::ng-deep .kit-filter-input-popup .filter-controls{display:flex;gap:10px}::ng-deep .kit-filter-input-popup .logic-selector{flex-shrink:0;width:100px}\n"], dependencies: [{ kind: "component", type: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "invalid", "defaultItem", "listHeight", "hideDefaultItem", "toggleIcon", "popupSettings", "isValuePrimitive", "footerTemplate", "noDataTemplate", "readonly", "size"], outputs: ["selectedItemChange", "disabledChange", "selected"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitNumericTextboxComponent, selector: "kit-numeric-textbox", inputs: ["placeholder", "label", "defaultValue", "decimals", "min", "max", "maxlength", "messageIcon", "messageText", "disabled", "format", "state", "icon", "size", "showStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "changed"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8900
8969
|
}
|
|
8901
8970
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitFilterInputComponent, decorators: [{
|
|
8902
8971
|
type: Component,
|
|
@@ -8996,7 +9065,7 @@ class KitFilterNullCheckComponent {
|
|
|
8996
9065
|
this.onOptionChange(option ?? this.options()[0]);
|
|
8997
9066
|
}
|
|
8998
9067
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitFilterNullCheckComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8999
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: KitFilterNullCheckComponent, isStandalone: true, selector: "kit-filter-null-check", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, nullLabel: { classPropertyName: "nullLabel", publicName: "nullLabel", isSignal: true, isRequired: false, transformFunction: null }, notNullLabel: { classPropertyName: "notNullLabel", publicName: "notNullLabel", isSignal: true, isRequired: false, transformFunction: null }, showPopupOnInit: { classPropertyName: "showPopupOnInit", publicName: "showPopupOnInit", isSignal: true, isRequired: false, transformFunction: null }, selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterRemoved: "filterRemoved", filterChanged: "filterChanged", selectedOption: "selectedOptionChange", options: "optionsChange" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-filter-null\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}: {{ selectedOption()?.label }}\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-null-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearFilter()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-radio-button [items]=\"options()\"\n (changed)=\"onOptionChange($event)\"\n ></kit-radio-button>\n </div>\n</ng-template>\n", styles: ["::ng-deep .kit-filter-null-popup .popup-content{width:172px}::ng-deep .kit-filter-null-popup .kit-radio-button .kit-radio-button-items{flex-direction:column;gap:0}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "disabled", "type"], outputs: ["disabledChange", "changed"] }, { kind: "pipe", type: i1$
|
|
9068
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: KitFilterNullCheckComponent, isStandalone: true, selector: "kit-filter-null-check", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, nullLabel: { classPropertyName: "nullLabel", publicName: "nullLabel", isSignal: true, isRequired: false, transformFunction: null }, notNullLabel: { classPropertyName: "notNullLabel", publicName: "notNullLabel", isSignal: true, isRequired: false, transformFunction: null }, showPopupOnInit: { classPropertyName: "showPopupOnInit", publicName: "showPopupOnInit", isSignal: true, isRequired: false, transformFunction: null }, selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterRemoved: "filterRemoved", filterChanged: "filterChanged", selectedOption: "selectedOptionChange", options: "optionsChange" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-filter-null\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}: {{ selectedOption()?.label }}\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-null-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearFilter()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-radio-button [items]=\"options()\"\n (changed)=\"onOptionChange($event)\"\n ></kit-radio-button>\n </div>\n</ng-template>\n", styles: ["::ng-deep .kit-filter-null-popup .popup-content{width:172px}::ng-deep .kit-filter-null-popup .kit-radio-button .kit-radio-button-items{flex-direction:column;gap:0}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "disabled", "type"], outputs: ["disabledChange", "changed"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9000
9069
|
}
|
|
9001
9070
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitFilterNullCheckComponent, decorators: [{
|
|
9002
9071
|
type: Component,
|
|
@@ -9154,7 +9223,7 @@ class KitFilterSelectorComponent {
|
|
|
9154
9223
|
this.popup()?.close();
|
|
9155
9224
|
}
|
|
9156
9225
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitFilterSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9157
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitFilterSelectorComponent, isStandalone: true, selector: "kit-filter-selector", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemSelected: "itemSelected" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-filter-selector\">\n <kit-pill #toggleButton\n [type]=\"kitPillType.DASHED\"\n [selectable]=\"true\"\n [selected]=\"popup.isPopupOpen\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"popup.toggle()\">\n {{ \"kit.filters.addNewFilter\" | translate }}\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-selector-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <div class=\"filter-search\">\n <kit-textbox [placeholder]=\"'kit.filters.search' | translate\"\n [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"searchTerm()\"\n (changed)=\"onSearchChange($event)\"\n ></kit-textbox>\n </div>\n <div class=\"filter-items\">\n @for (item of filterItems(); track item.field) {\n <div class=\"filter-item\"\n [class.disabled]=\"item.disabled\"\n (click)=\"onItemClick(item)\">\n {{ item.title | translate }}\n </div>\n }\n </div>\n </div>\n</ng-template>\n", styles: ["::ng-deep .kit-filter-selector-popup .popup-content{width:172px;box-sizing:border-box}::ng-deep .kit-filter-selector-popup .filter-search{margin-bottom:5px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}::ng-deep .kit-filter-selector-popup .filter-items{max-height:400px;overflow-y:auto}::ng-deep .kit-filter-selector-popup .filter-items::-webkit-scrollbar{width:4px}::ng-deep .kit-filter-selector-popup .filter-items::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-17);border-radius:2px}::ng-deep .kit-filter-selector-popup .filter-items::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-10)}::ng-deep .kit-filter-selector-popup .filter-item{padding:6px 12px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;line-height:20px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .kit-filter-selector-popup .filter-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-filter-selector-popup .filter-item.disabled{color:var(--ui-kit-color-grey-12);pointer-events:none}\n"], dependencies: [{ kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { 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"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "pipe", type: i1$
|
|
9226
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitFilterSelectorComponent, isStandalone: true, selector: "kit-filter-selector", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemSelected: "itemSelected" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-filter-selector\">\n <kit-pill #toggleButton\n [type]=\"kitPillType.DASHED\"\n [selectable]=\"true\"\n [selected]=\"popup.isPopupOpen\"\n [icon]=\"kitSvgIcon.PLUS\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"popup.toggle()\">\n {{ \"kit.filters.addNewFilter\" | translate }}\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-selector-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <div class=\"filter-search\">\n <kit-textbox [placeholder]=\"'kit.filters.search' | translate\"\n [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"searchTerm()\"\n (changed)=\"onSearchChange($event)\"\n ></kit-textbox>\n </div>\n <div class=\"filter-items\">\n @for (item of filterItems(); track item.field) {\n <div class=\"filter-item\"\n [class.disabled]=\"item.disabled\"\n (click)=\"onItemClick(item)\">\n {{ item.title | translate }}\n </div>\n }\n </div>\n </div>\n</ng-template>\n", styles: ["::ng-deep .kit-filter-selector-popup .popup-content{width:172px;box-sizing:border-box}::ng-deep .kit-filter-selector-popup .filter-search{margin-bottom:5px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}::ng-deep .kit-filter-selector-popup .filter-items{max-height:400px;overflow-y:auto}::ng-deep .kit-filter-selector-popup .filter-items::-webkit-scrollbar{width:4px}::ng-deep .kit-filter-selector-popup .filter-items::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-17);border-radius:2px}::ng-deep .kit-filter-selector-popup .filter-items::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-10)}::ng-deep .kit-filter-selector-popup .filter-item{padding:6px 12px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;line-height:20px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .kit-filter-selector-popup .filter-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-filter-selector-popup .filter-item.disabled{color:var(--ui-kit-color-grey-12);pointer-events:none}\n"], dependencies: [{ kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { 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"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9158
9227
|
}
|
|
9159
9228
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitFilterSelectorComponent, decorators: [{
|
|
9160
9229
|
type: Component,
|
|
@@ -9243,7 +9312,7 @@ class KitFilterCustomInputComponent {
|
|
|
9243
9312
|
}
|
|
9244
9313
|
}
|
|
9245
9314
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitFilterCustomInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9246
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: KitFilterCustomInputComponent, isStandalone: true, selector: "kit-filter-custom-input", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n {{ selectedValue() }}\n</kit-pill>\n\n<kit-popup #popup\n popupClass=\"kit-filter-input-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-textbox [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"inputValue()\"\n (changed)=\"onValueChange($event)\"\n ></kit-textbox>\n </div>\n</ng-template>", styles: ["::ng-deep .kit-filter-input-popup .popup-content{width:296px;box-sizing:border-box}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$
|
|
9315
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: KitFilterCustomInputComponent, isStandalone: true, selector: "kit-filter-custom-input", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n {{ selectedValue() }}\n</kit-pill>\n\n<kit-popup #popup\n popupClass=\"kit-filter-input-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-textbox [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"inputValue()\"\n (changed)=\"onValueChange($event)\"\n ></kit-textbox>\n </div>\n</ng-template>", styles: ["::ng-deep .kit-filter-input-popup .popup-content{width:296px;box-sizing:border-box}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9247
9316
|
}
|
|
9248
9317
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitFilterCustomInputComponent, decorators: [{
|
|
9249
9318
|
type: Component,
|
|
@@ -9625,7 +9694,7 @@ class KitGridExportComponent {
|
|
|
9625
9694
|
.replace(/'/g, ''');
|
|
9626
9695
|
}
|
|
9627
9696
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridExportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9628
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: KitGridExportComponent, isStandalone: true, selector: "kit-grid-export", inputs: { getExportedData: { classPropertyName: "getExportedData", publicName: "getExportedData", isSignal: true, isRequired: true, transformFunction: null }, translationMap: { classPropertyName: "translationMap", publicName: "translationMap", isSignal: true, isRequired: true, transformFunction: null }, exportedFileName: { classPropertyName: "exportedFileName", publicName: "exportedFileName", isSignal: true, isRequired: true, transformFunction: null }, drawPdf: { classPropertyName: "drawPdf", publicName: "drawPdf", isSignal: true, isRequired: true, transformFunction: null }, gridHasData: { classPropertyName: "gridHasData", publicName: "gridHasData", isSignal: true, isRequired: true, transformFunction: null }, visibleColumns: { classPropertyName: "visibleColumns", publicName: "visibleColumns", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-export\">\n <kit-button #toggleButton\n kitTooltip\n kitTooltipFilter=\"kit-button\"\n [title]=\"'kit.export.title' | translate\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [disabled]=\"!gridHasData() || isGridExporting()\"\n [icon]=\"kitSvgIcon.DOWNLOAD\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [active]=\"popup.isPopupOpen\"\n (clicked)=\"onPopupToggle()\" />\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-grid-export-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <span class=\"kit-grid-export-popup-label\">{{ \"kit.export.exportTableData\" | translate }}</span>\n <kit-radio-button [type]=\"kitRadioButtonType.ICON_LIST\"\n [items]=\"gridExportOptions\" \n (changed)=\"onExport($event)\"/>\n</ng-template>\n", styles: ["::ng-deep .kit-grid-export-popup{width:220px}::ng-deep .kit-grid-export-popup-label{font-size:14px;font-weight:500;margin-bottom:20px;display:block}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "disabled", "type"], outputs: ["disabledChange", "changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: i1$
|
|
9697
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: KitGridExportComponent, isStandalone: true, selector: "kit-grid-export", inputs: { getExportedData: { classPropertyName: "getExportedData", publicName: "getExportedData", isSignal: true, isRequired: true, transformFunction: null }, translationMap: { classPropertyName: "translationMap", publicName: "translationMap", isSignal: true, isRequired: true, transformFunction: null }, exportedFileName: { classPropertyName: "exportedFileName", publicName: "exportedFileName", isSignal: true, isRequired: true, transformFunction: null }, drawPdf: { classPropertyName: "drawPdf", publicName: "drawPdf", isSignal: true, isRequired: true, transformFunction: null }, gridHasData: { classPropertyName: "gridHasData", publicName: "gridHasData", isSignal: true, isRequired: true, transformFunction: null }, visibleColumns: { classPropertyName: "visibleColumns", publicName: "visibleColumns", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-export\">\n <kit-button #toggleButton\n kitTooltip\n kitTooltipFilter=\"kit-button\"\n [title]=\"'kit.export.title' | translate\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [disabled]=\"!gridHasData() || isGridExporting()\"\n [icon]=\"kitSvgIcon.DOWNLOAD\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [active]=\"popup.isPopupOpen\"\n (clicked)=\"onPopupToggle()\" />\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-grid-export-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <span class=\"kit-grid-export-popup-label\">{{ \"kit.export.exportTableData\" | translate }}</span>\n <kit-radio-button [type]=\"kitRadioButtonType.ICON_LIST\"\n [items]=\"gridExportOptions\" \n (changed)=\"onExport($event)\"/>\n</ng-template>\n", styles: ["::ng-deep .kit-grid-export-popup{width:220px}::ng-deep .kit-grid-export-popup-label{font-size:14px;font-weight:500;margin-bottom:20px;display:block}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "disabled", "type"], outputs: ["disabledChange", "changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9629
9698
|
}
|
|
9630
9699
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridExportComponent, decorators: [{
|
|
9631
9700
|
type: Component,
|
|
@@ -9647,7 +9716,7 @@ class KitGridCellComponent {
|
|
|
9647
9716
|
this.dateformat = KIT_DATE_FORMAT;
|
|
9648
9717
|
}
|
|
9649
9718
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9650
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitGridCellComponent, isStandalone: true, selector: "kit-grid-cell", inputs: { column: "column", dataItem: "dataItem" }, ngImport: i0, template: "@switch (column.type) {\n @case (\"boolean\") {\n {{ dataItem[column.name] && \"common.yes\" || \"common.no\" | translate }}\n }\n @case (\"date\") {\n {{ dataItem[column.name] | date: dateformat : 'UTC' }}\n }\n @case (\"number\") {\n {{ dataItem[column.name] | number }}\n }\n @default {\n {{ dataItem[column.name] }}\n }\n}\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$
|
|
9719
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitGridCellComponent, isStandalone: true, selector: "kit-grid-cell", inputs: { column: "column", dataItem: "dataItem" }, ngImport: i0, template: "@switch (column.type) {\n @case (\"boolean\") {\n {{ dataItem[column.name] && \"common.yes\" || \"common.no\" | translate }}\n }\n @case (\"date\") {\n {{ dataItem[column.name] | date: dateformat : 'UTC' }}\n }\n @case (\"number\") {\n {{ dataItem[column.name] | number }}\n }\n @default {\n {{ dataItem[column.name] }}\n }\n}\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9651
9720
|
}
|
|
9652
9721
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridCellComponent, decorators: [{
|
|
9653
9722
|
type: Component,
|
|
@@ -9699,7 +9768,7 @@ class KitGridSearchComponent {
|
|
|
9699
9768
|
]);
|
|
9700
9769
|
}
|
|
9701
9770
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9702
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: KitGridSearchComponent, isStandalone: true, selector: "kit-grid-search", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleSearch: "toggleSearch" }, viewQueries: [{ propertyName: "kitSearchBarComponent", first: true, predicate: KitSearchBarComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<kit-search-bar [placeholder]=\"'kit.search.placeholder' | translate\"\n [searchButtonLabel]=\"'kit.search.searchButtonLabel' | translate\"\n [searchString]=\"(gridState$ | async)?.search\"\n [closeButtonLabel]=\"'kit.search.closeButtonLabel' | translate\"\n [disabled]=\"disabled()\"\n (closeButtonClick)=\"closeButtonClick()\"\n (searchButtonClick)=\"this.toggleSearch.emit(true)\"\n></kit-search-bar>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitSearchBarComponent, selector: "kit-search-bar", inputs: ["placeholder", "searchButtonLabel", "closeButtonLabel", "searchString", "disabled", "maxLength"], outputs: ["changed", "searchButtonClick", "closeButtonClick"] }, { kind: "pipe", type: i1$
|
|
9771
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: KitGridSearchComponent, isStandalone: true, selector: "kit-grid-search", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleSearch: "toggleSearch" }, viewQueries: [{ propertyName: "kitSearchBarComponent", first: true, predicate: KitSearchBarComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<kit-search-bar [placeholder]=\"'kit.search.placeholder' | translate\"\n [searchButtonLabel]=\"'kit.search.searchButtonLabel' | translate\"\n [searchString]=\"(gridState$ | async)?.search\"\n [closeButtonLabel]=\"'kit.search.closeButtonLabel' | translate\"\n [disabled]=\"disabled()\"\n (closeButtonClick)=\"closeButtonClick()\"\n (searchButtonClick)=\"this.toggleSearch.emit(true)\"\n></kit-search-bar>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitSearchBarComponent, selector: "kit-search-bar", inputs: ["placeholder", "searchButtonLabel", "closeButtonLabel", "searchString", "disabled", "maxLength"], outputs: ["changed", "searchButtonClick", "closeButtonClick"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9703
9772
|
}
|
|
9704
9773
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridSearchComponent, decorators: [{
|
|
9705
9774
|
type: Component,
|
|
@@ -9774,7 +9843,7 @@ class KitGridColumnManagerComponent {
|
|
|
9774
9843
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridColumnManagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9775
9844
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitGridColumnManagerComponent, isStandalone: true, selector: "kit-grid-column-manager", inputs: { showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
9776
9845
|
DialogRef,
|
|
9777
|
-
], viewQueries: [{ propertyName: "dialogContent", first: true, predicate: ["dialogContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<kit-button kitTooltip\n kitTooltipFilter=\"kit-button\"\n [title]=\"'kit.columns.columnManager' | translate\"\n [kitTooltipVisible]=\"!showLabel()\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [label]=\"showLabel() ? ('kit.columns.title' | translate) : ''\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"kitSvgIcon.COLUMNS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"openColumnsDialog()\"\n></kit-button>\n\n<ng-template #dialogContent>\n <div class=\"kit-grid-columns-dialog\">\n <kit-sortable itemClass=\"item\"\n activeItemClass=\"item active\"\n [columnCount]=\"3\"\n [items]=\"updatedColumns()\"\n (dragEnd)=\"checkChanges()\">\n <ng-template let-item>\n @if (item.hidden) {\n <kit-svg-icon class=\"item-icon-checkbox hidden\"\n [icon]=\"kitSvgIcon.EYE_CLOSE\"\n (click)=\"onColumnVisibilityChange(true, item)\"\n ></kit-svg-icon>\n } @else {\n <kit-svg-icon class=\"item-icon-checkbox\"\n [icon]=\"kitSvgIcon.EYE_OPEN\"\n (click)=\"onColumnVisibilityChange(false, item)\"\n ></kit-svg-icon>\n }\n <div class=\"item-label\">{{ item.title | translate }}</div>\n <kit-svg-icon class=\"item-icon-menu\"\n [ngClass]=\"{ hidden: item.hidden }\"\n [icon]=\"kitSvgIcon.MENU\"\n ></kit-svg-icon>\n </ng-template>\n </kit-sortable>\n </div>\n\n <kit-dialog-actions>\n <kit-button [label]=\"'kit.columns.cancel' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"close()\"\n ></kit-button>\n <div class=\"action-buttons\">\n <kit-button [label]=\"'kit.columns.reset' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\" \n (clicked)=\"reset()\"/>\n <kit-button [label]=\"'kit.columns.apply' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [disabled]=\"!hasUnsavedChanges()\"\n (clicked)=\"applyChanges()\"\n ></kit-button>\n </div>\n </kit-dialog-actions>\n</ng-template>\n", styles: [".kit-grid-columns-dialog{min-width:450px;padding:24px;overflow-y:auto;height:calc(100% - 80px);box-sizing:border-box}.kit-grid-columns-dialog ::ng-deep .kit-sortable{margin:0 -24px;column-gap:0;column-rule:1px solid var(--ui-kit-color-grey-11)}.kit-grid-columns-dialog ::ng-deep .item{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px 25px;min-width:250px;border-radius:8px;box-sizing:border-box;cursor:pointer}.kit-grid-columns-dialog ::ng-deep .item:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-grid-columns-dialog ::ng-deep .item-label{flex:1;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;line-height:22px}.kit-grid-columns-dialog ::ng-deep .item-icon-menu{width:12px;height:12px;fill:var(--ui-kit-color-grey-10)}.kit-grid-columns-dialog ::ng-deep .item-icon-menu.hidden{fill:var(--ui-kit-color-grey-12)}.kit-grid-columns-dialog ::ng-deep .item-icon-checkbox{width:18px;height:18px;fill:var(--ui-kit-color-main)}.kit-grid-columns-dialog ::ng-deep .item-icon-checkbox.hidden{fill:var(--ui-kit-color-grey-12)}.kit-grid-columns-dialog ::ng-deep .item.active{box-shadow:4px 4px 8px #0003;background:var(--ui-kit-color-white)}.kit-grid-columns-dialog ::ng-deep .item.active .item-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-grid-columns-dialog.kit-dialog .k-dialog{margin:30px}::ng-deep .kit-grid-columns-dialog.kit-dialog .k-dialog-content{padding:0;overflow:hidden}::ng-deep .kit-grid-columns-dialog.kit-dialog .k-dialog-content .kit-dialog-actions .action-buttons{display:flex;gap:15px}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitSortableComponent, selector: "kit-sortable", inputs: ["items", "columnCount", "itemClass", "activeItemClass", "zone", "emptyItemClass"], outputs: ["dragEnd"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitDialogActionsComponent, selector: "kit-dialog-actions" }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: i1$
|
|
9846
|
+
], viewQueries: [{ propertyName: "dialogContent", first: true, predicate: ["dialogContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<kit-button kitTooltip\n kitTooltipFilter=\"kit-button\"\n [title]=\"'kit.columns.columnManager' | translate\"\n [kitTooltipVisible]=\"!showLabel()\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [label]=\"showLabel() ? ('kit.columns.title' | translate) : ''\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"kitSvgIcon.COLUMNS\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"openColumnsDialog()\"\n></kit-button>\n\n<ng-template #dialogContent>\n <div class=\"kit-grid-columns-dialog\">\n <kit-sortable itemClass=\"item\"\n activeItemClass=\"item active\"\n [columnCount]=\"3\"\n [items]=\"updatedColumns()\"\n (dragEnd)=\"checkChanges()\">\n <ng-template let-item>\n @if (item.hidden) {\n <kit-svg-icon class=\"item-icon-checkbox hidden\"\n [icon]=\"kitSvgIcon.EYE_CLOSE\"\n (click)=\"onColumnVisibilityChange(true, item)\"\n ></kit-svg-icon>\n } @else {\n <kit-svg-icon class=\"item-icon-checkbox\"\n [icon]=\"kitSvgIcon.EYE_OPEN\"\n (click)=\"onColumnVisibilityChange(false, item)\"\n ></kit-svg-icon>\n }\n <div class=\"item-label\">{{ item.title | translate }}</div>\n <kit-svg-icon class=\"item-icon-menu\"\n [ngClass]=\"{ hidden: item.hidden }\"\n [icon]=\"kitSvgIcon.MENU\"\n ></kit-svg-icon>\n </ng-template>\n </kit-sortable>\n </div>\n\n <kit-dialog-actions>\n <kit-button [label]=\"'kit.columns.cancel' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"close()\"\n ></kit-button>\n <div class=\"action-buttons\">\n <kit-button [label]=\"'kit.columns.reset' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\" \n (clicked)=\"reset()\"/>\n <kit-button [label]=\"'kit.columns.apply' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [disabled]=\"!hasUnsavedChanges()\"\n (clicked)=\"applyChanges()\"\n ></kit-button>\n </div>\n </kit-dialog-actions>\n</ng-template>\n", styles: [".kit-grid-columns-dialog{min-width:450px;padding:24px;overflow-y:auto;height:calc(100% - 80px);box-sizing:border-box}.kit-grid-columns-dialog ::ng-deep .kit-sortable{margin:0 -24px;column-gap:0;column-rule:1px solid var(--ui-kit-color-grey-11)}.kit-grid-columns-dialog ::ng-deep .item{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px 25px;min-width:250px;border-radius:8px;box-sizing:border-box;cursor:pointer}.kit-grid-columns-dialog ::ng-deep .item:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-grid-columns-dialog ::ng-deep .item-label{flex:1;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;line-height:22px}.kit-grid-columns-dialog ::ng-deep .item-icon-menu{width:12px;height:12px;fill:var(--ui-kit-color-grey-10)}.kit-grid-columns-dialog ::ng-deep .item-icon-menu.hidden{fill:var(--ui-kit-color-grey-12)}.kit-grid-columns-dialog ::ng-deep .item-icon-checkbox{width:18px;height:18px;fill:var(--ui-kit-color-main)}.kit-grid-columns-dialog ::ng-deep .item-icon-checkbox.hidden{fill:var(--ui-kit-color-grey-12)}.kit-grid-columns-dialog ::ng-deep .item.active{box-shadow:4px 4px 8px #0003;background:var(--ui-kit-color-white)}.kit-grid-columns-dialog ::ng-deep .item.active .item-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-grid-columns-dialog.kit-dialog .k-dialog{margin:30px}::ng-deep .kit-grid-columns-dialog.kit-dialog .k-dialog-content{padding:0;overflow:hidden}::ng-deep .kit-grid-columns-dialog.kit-dialog .k-dialog-content .kit-dialog-actions .action-buttons{display:flex;gap:15px}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitSortableComponent, selector: "kit-sortable", inputs: ["items", "columnCount", "itemClass", "activeItemClass", "zone", "emptyItemClass"], outputs: ["dragEnd"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitDialogActionsComponent, selector: "kit-dialog-actions" }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9778
9847
|
}
|
|
9779
9848
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridColumnManagerComponent, decorators: [{
|
|
9780
9849
|
type: Component,
|
|
@@ -9801,7 +9870,7 @@ class KitGridDetailsButtonComponent {
|
|
|
9801
9870
|
this.kitSvgIconType = KitSvgIconType;
|
|
9802
9871
|
}
|
|
9803
9872
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridDetailsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9804
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: KitGridDetailsButtonComponent, isStandalone: true, selector: "kit-grid-details-button", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: true, transformFunction: null }, queryParamsHandling: { classPropertyName: "queryParamsHandling", publicName: "queryParamsHandling", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handleClick: "handleClick" }, ngImport: i0, template: "<div class=\"kit-grid-details-button\">\n <a class=\"button-link\"\n [routerLink]=\"link()\"\n [queryParamsHandling]=\"queryParamsHandling()\">\n <kit-svg-icon class=\"button-icon\"\n kitTooltip\n kitTooltipFilter=\".button-icon\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"'kit.grid.view' | translate\"\n [icon]=\"kitSvgIcon.DETAILS\"\n (click)=\"handleClick.emit()\" />\n </a>\n</div>\n", styles: [".kit-grid-details-button{display:flex;justify-content:center;align-items:center}.kit-grid-details-button .button-link{padding:0 8px}.kit-grid-details-button .button-link:hover .button-icon{fill:var(--color-main)}.kit-grid-details-button .button-icon{display:block;fill:var(--color-grey-4);stroke:none;width:16px;height:16px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$
|
|
9873
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: KitGridDetailsButtonComponent, isStandalone: true, selector: "kit-grid-details-button", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: true, transformFunction: null }, queryParamsHandling: { classPropertyName: "queryParamsHandling", publicName: "queryParamsHandling", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handleClick: "handleClick" }, ngImport: i0, template: "<div class=\"kit-grid-details-button\">\n <a class=\"button-link\"\n [routerLink]=\"link()\"\n [queryParamsHandling]=\"queryParamsHandling()\">\n <kit-svg-icon class=\"button-icon\"\n kitTooltip\n kitTooltipFilter=\".button-icon\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"'kit.grid.view' | translate\"\n [icon]=\"kitSvgIcon.DETAILS\"\n (click)=\"handleClick.emit()\" />\n </a>\n</div>\n", styles: [".kit-grid-details-button{display:flex;justify-content:center;align-items:center}.kit-grid-details-button .button-link{padding:0 8px}.kit-grid-details-button .button-link:hover .button-icon{fill:var(--color-main)}.kit-grid-details-button .button-icon{display:block;fill:var(--color-grey-4);stroke:none;width:16px;height:16px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9805
9874
|
}
|
|
9806
9875
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitGridDetailsButtonComponent, decorators: [{
|
|
9807
9876
|
type: Component,
|
|
@@ -10460,7 +10529,7 @@ class KitSchedulerComponent {
|
|
|
10460
10529
|
return local.toISOString().split('T')[0];
|
|
10461
10530
|
}
|
|
10462
10531
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitSchedulerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10463
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitSchedulerComponent, isStandalone: true, selector: "kit-scheduler", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: false, transformFunction: null }, viewModes: { classPropertyName: "viewModes", publicName: "viewModes", isSignal: true, isRequired: false, transformFunction: null }, showTimePill: { classPropertyName: "showTimePill", publicName: "showTimePill", isSignal: true, isRequired: false, transformFunction: null }, monthEventHeight: { classPropertyName: "monthEventHeight", publicName: "monthEventHeight", isSignal: true, isRequired: false, transformFunction: null }, eventsPerDay: { classPropertyName: "eventsPerDay", publicName: "eventsPerDay", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, exportedFileName: { classPropertyName: "exportedFileName", publicName: "exportedFileName", isSignal: true, isRequired: false, transformFunction: null }, showExportButton: { classPropertyName: "showExportButton", publicName: "showExportButton", isSignal: true, isRequired: false, transformFunction: null }, freezeToolbar: { classPropertyName: "freezeToolbar", publicName: "freezeToolbar", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { eventClicked: "eventClicked", eventDblClicked: "eventDblClicked", slotClicked: "slotClicked", dateChanged: "dateChanged" }, queries: [{ propertyName: "customViewTemplate", first: true, predicate: KitSchedulerCustomViewTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "weekEventTemplate", first: true, predicate: KitSchedulerWeekEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "monthEventTemplate", first: true, predicate: KitSchedulerMonthEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "agendaTimeTemplate", first: true, predicate: KitSchedulerAgendaTimeTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "headerCellTemplate", first: true, predicate: KitSchedulerMonthHeaderCellTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "scheduler", first: true, predicate: ["scheduler"], descendants: true, isSignal: true }], ngImport: i0, template: "<kendo-scheduler #scheduler\n class=\"kit-scheduler\"\n [ngClass]=\"{ 'freeze-toolbar': freezeToolbar() }\"\n [events]=\"events()\"\n [selectedDate]=\"selectedDate()\"\n [allDaySlot]=\"false\"\n [showFooter]=\"false\"\n [slotFill]=\"1\"\n [min]=\"min()\"\n [max]=\"max()\"\n [timezone]=\"timezone()\"\n [loading]=\"loading()\"\n [slotClass]=\"getSlotClass\"\n (eventClick)=\"onEventClick($event)\"\n (slotClick)=\"onSlotClick($event)\"\n (navigate)=\"onNavigate($event)\"\n (eventDblClick)=\"eventDblClicked.emit($event)\"\n (dateChange)=\"dateChanged.emit($event)\">\n <ng-template kendoSchedulerToolbarTemplate\n let-selectedDate=\"selectedDate\"\n let-selectedView=\"selectedView\"\n let-views=\"views\">\n <kit-scheduler-toolbar class=\"kit-scheduler-toolbar\"\n [selectedDate]=\"selectedDate\"\n [selectedView]=\"selectedView\"\n [views]=\"views\"\n [viewModes]=\"viewModes()\"\n [showTimePill]=\"showTimePill()\"\n [selectedViewIndex]=\"scheduler.selectedViewIndex\"\n [showExportButton]=\"showExportButton()\"\n [isLoading]=\"loading()\"\n (exportPDF)=\"exportPDF()\">\n </kit-scheduler-toolbar>\n <ng-content select=\"[toolbar]\"></ng-content>\n </ng-template>\n\n <ng-template kendoSchedulerDateHeaderTemplate\n let-date=\"date\">\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n </ng-template>\n\n <ng-template kendoSchedulerMajorTimeHeaderTemplate\n let-date=\"date\">\n {{ date | date:'h a' }}\n </ng-template>\n\n <ng-template kendoSchedulerTimeSlotTemplate let-date=\"date\">\n <div [class.selected]=\"weekCellIsSelected(date)\"></div>\n </ng-template>\n\n <ng-template kendoSchedulerMonthDaySlotTemplate\n let-date=\"date\">\n <div class=\"month-day\"\n [class.selected]=\"monthCellIsSelected(date)\">\n @if (headerCellTemplate(); as template) {\n <ng-container *ngTemplateOutlet=\"template; context: { date }\"\n ></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n }\n\n @if (monthEventTemplate(); as template) {\n <div class=\"month-day-events\">\n <ng-container *ngTemplateOutlet=\"template; context: { date, events: getEventsForDate(date, events()) }\"\n ></ng-container>\n </div>\n }\n </div>\n </ng-template>\n\n @if (weekEventTemplate(); as template) {\n <ng-template kendoSchedulerEventTemplate\n let-event=\"event\">\n <ng-container *ngTemplateOutlet=\"template; context: { event }\"\n ></ng-container>\n </ng-template>\n }\n\n <kendo-scheduler-month-view [eventHeight]=\"monthEventHeight()\"\n [eventsPerDay]=\"eventsPerDay()\"\n ></kendo-scheduler-month-view>\n\n @if (viewModes()['week']) {\n <kendo-scheduler-week-view\n ></kendo-scheduler-week-view>\n }\n\n @if (viewModes()['agenda']) {\n @for (agendaView of viewModes()['agenda']; track agendaView.title) {\n <kendo-scheduler-agenda-view [numberOfDays]=\"agendaView.numberOfDays\"\n ></kendo-scheduler-agenda-view>\n }\n }\n\n @if (agendaTimeTemplate(); as template) {\n <ng-template kendoSchedulerAgendaTimeTemplate\n let-start=\"start\">\n <ng-container *ngTemplateOutlet=\"template; context: { start }\"\n ></ng-container>\n </ng-template>\n }\n\n @if (viewModes()['day']) {\n <kendo-scheduler-day-view\n ></kendo-scheduler-day-view>\n }\n\n @if (viewModes()['timeline']) {\n <kendo-scheduler-timeline-view\n ></kendo-scheduler-timeline-view>\n }\n\n @if (viewModes()['custom']) {\n @if (customViewTemplate(); as template) {\n <ng-template [kendoSchedulerView]=\"viewModes()['custom']?.title\">\n <ng-container *ngTemplateOutlet=\"template\"\n ></ng-container>\n </ng-template>\n }\n }\n\n <kendo-scheduler-pdf [fileName]=\"exportedFileName()\"></kendo-scheduler-pdf>\n</kendo-scheduler>\n\n<ng-template #weekDayTemplate\n let-date=\"date\">\n <div class=\"week-day\">\n <div class=\"week-day-name\">\n {{ date | date:'EEE' }}\n </div>\n <div class=\"week-day-date\">\n {{ date | date:'dd' }}\n </div>\n </div>\n</ng-template>\n", styles: [".kit-scheduler{display:flex;flex-direction:column;border:none;background:none}.kit-scheduler-toolbar{flex:1}.kit-scheduler.freeze-toolbar{height:100%}.kit-scheduler.freeze-toolbar ::ng-deep month-view{flex:1;overflow-y:auto}.kit-scheduler ::ng-deep .k-scheduler-toolbar{padding:0 0 34px;border:none}.kit-scheduler ::ng-deep .k-scheduler-toolbar:before{display:none}.kit-scheduler ::ng-deep .k-scheduler-agendaview .k-scheduler-table tr:has(.highlightDate) .k-scheduler-cell{background-color:var(--ui-kit-color-background);border-color:var(--kendo-color-border, rgba(0, 0, 0, .08))}.kit-scheduler ::ng-deep .k-scheduler-cell.highlightDate{background-color:var(--ui-kit-color-background)}.kit-scheduler ::ng-deep .k-scheduler-cell:has(.selected){background:var(--ui-kit-color-blue-1)}.kit-scheduler ::ng-deep .k-scheduler-table{border-color:var(--ui-kit-color-grey-11)}.kit-scheduler ::ng-deep .k-scheduler-table .k-middle-row .k-scheduler-cell{border-bottom:1px solid var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-scheduler-times{border:none}.kit-scheduler ::ng-deep .k-scheduler-times .k-scheduler-cell{color:var(--ui-kit-color-grey-18);font-size:12px;font-weight:500;border:none;background:none;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-cell{background:var(--ui-kit-color-white);cursor:pointer}.kit-scheduler ::ng-deep .week-day{display:flex;flex-direction:column;font-weight:500;text-align:left}.kit-scheduler ::ng-deep .week-day-name{color:var(--ui-kit-color-grey-18);font-size:10px;line-height:16px;text-transform:uppercase}.kit-scheduler ::ng-deep .week-day-date{color:var(--ui-kit-color-grey-10);font-size:21px;line-height:30px}.kit-scheduler ::ng-deep .month-day{display:flex;flex-direction:column;margin-top:6px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1}.kit-scheduler ::ng-deep .month-day-event{color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);text-align:left;cursor:pointer}.kit-scheduler ::ng-deep .month-day-event:nth-child(n+5){display:none}.kit-scheduler ::ng-deep .month-day-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .month-day-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-head{display:none}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-other-month{background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-event,.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-more-events{display:none}.kit-scheduler ::ng-deep .k-more-events{color:var(--ui-kit-color-grey-14);border:none;border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-more-events:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-event{color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);cursor:pointer;box-sizing:content-box;padding-inline-end:0}.kit-scheduler ::ng-deep .k-event-template{padding:0}.kit-scheduler ::ng-deep .k-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .k-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-event-actions{display:none}.kit-scheduler ::ng-deep .k-current-time{display:none}.kit-scheduler ::ng-deep .k-scheduler-agendaview .k-scheduler-timecolumn{text-align:center}\n"], dependencies: [{ kind: "component", type: i1$e.SchedulerComponent, selector: "kendo-scheduler", inputs: ["selectedViewIndex", "editable", "selectable", "min", "max", "eventHeight", "columnWidth", "showWorkHours", "startTime", "endTime", "workDayStart", "workDayEnd", "workWeekStart", "workWeekEnd", "weekStart", "slotDuration", "slotDivisions", "slotFill", "allDaySlot", "scrollTime", "group", "resources", "loading", "timezone", "events", "selectedDate", "modelFields", "currentTimeMarker", "highlightOngoingEvents", "showToolbar", "showFooter", "slotClass", "eventClass", "eventStyles", "hiddenDays", "isSlotSelected"], outputs: ["selectedViewIndexChange", "navigate", "dateChange", "slotClick", "slotDblClick", "create", "eventClick", "eventDblClick", "eventKeydown", "cancel", "save", "remove", "resizeStart", "resize", "resizeEnd", "dragStart", "drag", "dragEnd", "slotDragStart", "slotDrag", "slotDragEnd", "pdfExport", "schedulerResize"] }, { kind: "directive", type: i1$e.SchedulerViewDirective, selector: "[kendoSchedulerView]", inputs: ["kendoSchedulerView", "kendoSchedulerViewName"] }, { kind: "component", type: i1$e.PDFComponent, selector: "kendo-scheduler-pdf", inputs: ["author", "avoidLinks", "creator", "date", "imageResolution", "fileName", "forceProxy", "keywords", "margin", "scale", "proxyData", "proxyURL", "proxyTarget", "producer", "subject", "title"] }, { kind: "directive", type: i1$e.ShortcutsDirective, selector: "kendo-scheduler" }, { kind: "component", type: i1$e.AgendaViewComponent, selector: "kendo-scheduler-agenda-view", inputs: ["selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }, { kind: "component", type: i1$e.DayViewComponent, selector: "kendo-scheduler-day-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "component", type: i1$e.MonthViewComponent, selector: "kendo-scheduler-month-view", inputs: ["eventsPerDay", "eventHeight", "adaptiveSlotHeight", "selectedDateFormat", "selectedShortDateFormat"], outputs: ["moreEventsClick"] }, { kind: "component", type: i1$e.TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: ["selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }, { kind: "component", type: i1$e.WeekViewComponent, selector: "kendo-scheduler-week-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "directive", type: i1$e.ToolbarTemplateDirective, selector: "[kendoSchedulerToolbarTemplate]" }, { kind: "directive", type: i1$e.AgendaTimeTemplateDirective, selector: "[kendoSchedulerAgendaTimeTemplate]" }, { kind: "directive", type: i1$e.DateHeaderTemplateDirective, selector: "[kendoSchedulerDateHeaderTemplate]" }, { kind: "directive", type: i1$e.EventTemplateDirective, selector: "[kendoSchedulerEventTemplate]" }, { kind: "directive", type: i1$e.MajorTimeHeaderTemplateDirective, selector: "[kendoSchedulerMajorTimeHeaderTemplate]" }, { kind: "directive", type: i1$e.MonthDaySlotTemplateDirective, selector: "[kendoSchedulerMonthDaySlotTemplate]" }, { kind: "directive", type: i1$e.TimeSlotTemplateDirective, selector: "[kendoSchedulerTimeSlotTemplate]" }, { kind: "component", type: KitSchedulerToolbarComponent, selector: "kit-scheduler-toolbar", inputs: ["selectedDate", "selectedView", "showTimePill", "views", "viewModes", "selectedViewIndex", "showExportButton", "isLoading"], outputs: ["exportPDF"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10532
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitSchedulerComponent, isStandalone: true, selector: "kit-scheduler", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: false, transformFunction: null }, viewModes: { classPropertyName: "viewModes", publicName: "viewModes", isSignal: true, isRequired: false, transformFunction: null }, showTimePill: { classPropertyName: "showTimePill", publicName: "showTimePill", isSignal: true, isRequired: false, transformFunction: null }, monthEventHeight: { classPropertyName: "monthEventHeight", publicName: "monthEventHeight", isSignal: true, isRequired: false, transformFunction: null }, eventsPerDay: { classPropertyName: "eventsPerDay", publicName: "eventsPerDay", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, exportedFileName: { classPropertyName: "exportedFileName", publicName: "exportedFileName", isSignal: true, isRequired: false, transformFunction: null }, showExportButton: { classPropertyName: "showExportButton", publicName: "showExportButton", isSignal: true, isRequired: false, transformFunction: null }, freezeToolbar: { classPropertyName: "freezeToolbar", publicName: "freezeToolbar", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { eventClicked: "eventClicked", eventDblClicked: "eventDblClicked", slotClicked: "slotClicked", dateChanged: "dateChanged" }, queries: [{ propertyName: "customViewTemplate", first: true, predicate: KitSchedulerCustomViewTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "weekEventTemplate", first: true, predicate: KitSchedulerWeekEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "monthEventTemplate", first: true, predicate: KitSchedulerMonthEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "agendaTimeTemplate", first: true, predicate: KitSchedulerAgendaTimeTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "headerCellTemplate", first: true, predicate: KitSchedulerMonthHeaderCellTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "scheduler", first: true, predicate: ["scheduler"], descendants: true, isSignal: true }], ngImport: i0, template: "<kendo-scheduler #scheduler\n class=\"kit-scheduler\"\n [ngClass]=\"{ 'freeze-toolbar': freezeToolbar() }\"\n [events]=\"events()\"\n [selectedDate]=\"selectedDate()\"\n [allDaySlot]=\"false\"\n [showFooter]=\"false\"\n [slotFill]=\"1\"\n [min]=\"min()\"\n [max]=\"max()\"\n [timezone]=\"timezone()\"\n [loading]=\"loading()\"\n [slotClass]=\"getSlotClass\"\n (eventClick)=\"onEventClick($event)\"\n (slotClick)=\"onSlotClick($event)\"\n (navigate)=\"onNavigate($event)\"\n (eventDblClick)=\"eventDblClicked.emit($event)\"\n (dateChange)=\"dateChanged.emit($event)\">\n <ng-template kendoSchedulerToolbarTemplate\n let-selectedDate=\"selectedDate\"\n let-selectedView=\"selectedView\"\n let-views=\"views\">\n <kit-scheduler-toolbar class=\"kit-scheduler-toolbar\"\n [selectedDate]=\"selectedDate\"\n [selectedView]=\"selectedView\"\n [views]=\"views\"\n [viewModes]=\"viewModes()\"\n [showTimePill]=\"showTimePill()\"\n [selectedViewIndex]=\"scheduler.selectedViewIndex\"\n [showExportButton]=\"showExportButton()\"\n [isLoading]=\"loading()\"\n (exportPDF)=\"exportPDF()\">\n </kit-scheduler-toolbar>\n <ng-content select=\"[toolbar]\"></ng-content>\n </ng-template>\n\n <ng-template kendoSchedulerDateHeaderTemplate\n let-date=\"date\">\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n </ng-template>\n\n <ng-template kendoSchedulerMajorTimeHeaderTemplate\n let-date=\"date\">\n {{ date | date:'h a' }}\n </ng-template>\n\n <ng-template kendoSchedulerTimeSlotTemplate let-date=\"date\">\n <div [class.selected]=\"weekCellIsSelected(date)\"></div>\n </ng-template>\n\n <ng-template kendoSchedulerMonthDaySlotTemplate\n let-date=\"date\">\n <div class=\"month-day\"\n [class.selected]=\"monthCellIsSelected(date)\">\n @if (headerCellTemplate(); as template) {\n <ng-container *ngTemplateOutlet=\"template; context: { date }\"\n ></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n ></ng-container>\n }\n\n @if (monthEventTemplate(); as template) {\n <div class=\"month-day-events\">\n <ng-container *ngTemplateOutlet=\"template; context: { date, events: getEventsForDate(date, events()) }\"\n ></ng-container>\n </div>\n }\n </div>\n </ng-template>\n\n @if (weekEventTemplate(); as template) {\n <ng-template kendoSchedulerEventTemplate\n let-event=\"event\">\n <ng-container *ngTemplateOutlet=\"template; context: { event }\"\n ></ng-container>\n </ng-template>\n }\n\n <kendo-scheduler-month-view [eventHeight]=\"monthEventHeight()\"\n [eventsPerDay]=\"eventsPerDay()\"\n ></kendo-scheduler-month-view>\n\n @if (viewModes()['week']) {\n <kendo-scheduler-week-view\n ></kendo-scheduler-week-view>\n }\n\n @if (viewModes()['agenda']) {\n @for (agendaView of viewModes()['agenda']; track agendaView.title) {\n <kendo-scheduler-agenda-view [numberOfDays]=\"agendaView.numberOfDays\"\n ></kendo-scheduler-agenda-view>\n }\n }\n\n @if (agendaTimeTemplate(); as template) {\n <ng-template kendoSchedulerAgendaTimeTemplate\n let-start=\"start\">\n <ng-container *ngTemplateOutlet=\"template; context: { start }\"\n ></ng-container>\n </ng-template>\n }\n\n @if (viewModes()['day']) {\n <kendo-scheduler-day-view\n ></kendo-scheduler-day-view>\n }\n\n @if (viewModes()['timeline']) {\n <kendo-scheduler-timeline-view\n ></kendo-scheduler-timeline-view>\n }\n\n @if (viewModes()['custom']) {\n @if (customViewTemplate(); as template) {\n <ng-template [kendoSchedulerView]=\"viewModes()['custom']?.title\">\n <ng-container *ngTemplateOutlet=\"template\"\n ></ng-container>\n </ng-template>\n }\n }\n\n <kendo-scheduler-pdf [fileName]=\"exportedFileName()\"></kendo-scheduler-pdf>\n</kendo-scheduler>\n\n<ng-template #weekDayTemplate\n let-date=\"date\">\n <div class=\"week-day\">\n <div class=\"week-day-name\">\n {{ date | date:'EEE' }}\n </div>\n <div class=\"week-day-date\">\n {{ date | date:'dd' }}\n </div>\n </div>\n</ng-template>\n", styles: [".kit-scheduler{display:flex;flex-direction:column;border:none;background:none}.kit-scheduler-toolbar{flex:1}.kit-scheduler.freeze-toolbar{height:100%}.kit-scheduler.freeze-toolbar ::ng-deep month-view{flex:1;overflow-y:auto}.kit-scheduler ::ng-deep .k-scheduler-toolbar{padding:0 0 34px;border:none}.kit-scheduler ::ng-deep .k-scheduler-toolbar:before{display:none}.kit-scheduler ::ng-deep .k-scheduler-agendaview .k-scheduler-table tr:has(.highlightDate) .k-scheduler-cell{background-color:var(--ui-kit-color-background);border-color:var(--kendo-color-border, rgba(0, 0, 0, .08))}.kit-scheduler ::ng-deep .k-scheduler-cell.highlightDate{background-color:var(--ui-kit-color-background)}.kit-scheduler ::ng-deep .k-scheduler-cell:has(.selected){background:var(--ui-kit-color-blue-1)}.kit-scheduler ::ng-deep .k-scheduler-table{border-color:var(--ui-kit-color-grey-11)}.kit-scheduler ::ng-deep .k-scheduler-table .k-middle-row .k-scheduler-cell{border-bottom:1px solid var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-scheduler-times{border:none}.kit-scheduler ::ng-deep .k-scheduler-times .k-scheduler-cell{color:var(--ui-kit-color-grey-18);font-size:12px;font-weight:500;border:none;background:none;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-cell{background:var(--ui-kit-color-white);cursor:pointer}.kit-scheduler ::ng-deep .week-day{display:flex;flex-direction:column;font-weight:500;text-align:left}.kit-scheduler ::ng-deep .week-day-name{color:var(--ui-kit-color-grey-18);font-size:10px;line-height:16px;text-transform:uppercase}.kit-scheduler ::ng-deep .week-day-date{color:var(--ui-kit-color-grey-10);font-size:21px;line-height:30px}.kit-scheduler ::ng-deep .month-day{display:flex;flex-direction:column;margin-top:6px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1}.kit-scheduler ::ng-deep .month-day-event{color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);text-align:left;cursor:pointer}.kit-scheduler ::ng-deep .month-day-event:nth-child(n+5){display:none}.kit-scheduler ::ng-deep .month-day-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .month-day-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-head{display:none}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-other-month{background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-event,.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-more-events{display:none}.kit-scheduler ::ng-deep .k-more-events{color:var(--ui-kit-color-grey-14);border:none;border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-more-events:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-event{color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);cursor:pointer;box-sizing:content-box;padding-inline-end:0}.kit-scheduler ::ng-deep .k-event-template{padding:0}.kit-scheduler ::ng-deep .k-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .k-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-event-actions{display:none}.kit-scheduler ::ng-deep .k-current-time{display:none}.kit-scheduler ::ng-deep .k-scheduler-agendaview .k-scheduler-timecolumn{text-align:center}\n"], dependencies: [{ kind: "component", type: i1$f.SchedulerComponent, selector: "kendo-scheduler", inputs: ["selectedViewIndex", "editable", "selectable", "min", "max", "eventHeight", "columnWidth", "showWorkHours", "startTime", "endTime", "workDayStart", "workDayEnd", "workWeekStart", "workWeekEnd", "weekStart", "slotDuration", "slotDivisions", "slotFill", "allDaySlot", "scrollTime", "group", "resources", "loading", "timezone", "events", "selectedDate", "modelFields", "currentTimeMarker", "highlightOngoingEvents", "showToolbar", "showFooter", "slotClass", "eventClass", "eventStyles", "hiddenDays", "isSlotSelected"], outputs: ["selectedViewIndexChange", "navigate", "dateChange", "slotClick", "slotDblClick", "create", "eventClick", "eventDblClick", "eventKeydown", "cancel", "save", "remove", "resizeStart", "resize", "resizeEnd", "dragStart", "drag", "dragEnd", "slotDragStart", "slotDrag", "slotDragEnd", "pdfExport", "schedulerResize"] }, { kind: "directive", type: i1$f.SchedulerViewDirective, selector: "[kendoSchedulerView]", inputs: ["kendoSchedulerView", "kendoSchedulerViewName"] }, { kind: "component", type: i1$f.PDFComponent, selector: "kendo-scheduler-pdf", inputs: ["author", "avoidLinks", "creator", "date", "imageResolution", "fileName", "forceProxy", "keywords", "margin", "scale", "proxyData", "proxyURL", "proxyTarget", "producer", "subject", "title"] }, { kind: "directive", type: i1$f.ShortcutsDirective, selector: "kendo-scheduler" }, { kind: "component", type: i1$f.AgendaViewComponent, selector: "kendo-scheduler-agenda-view", inputs: ["selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }, { kind: "component", type: i1$f.DayViewComponent, selector: "kendo-scheduler-day-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "component", type: i1$f.MonthViewComponent, selector: "kendo-scheduler-month-view", inputs: ["eventsPerDay", "eventHeight", "adaptiveSlotHeight", "selectedDateFormat", "selectedShortDateFormat"], outputs: ["moreEventsClick"] }, { kind: "component", type: i1$f.TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: ["selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }, { kind: "component", type: i1$f.WeekViewComponent, selector: "kendo-scheduler-week-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "directive", type: i1$f.ToolbarTemplateDirective, selector: "[kendoSchedulerToolbarTemplate]" }, { kind: "directive", type: i1$f.AgendaTimeTemplateDirective, selector: "[kendoSchedulerAgendaTimeTemplate]" }, { kind: "directive", type: i1$f.DateHeaderTemplateDirective, selector: "[kendoSchedulerDateHeaderTemplate]" }, { kind: "directive", type: i1$f.EventTemplateDirective, selector: "[kendoSchedulerEventTemplate]" }, { kind: "directive", type: i1$f.MajorTimeHeaderTemplateDirective, selector: "[kendoSchedulerMajorTimeHeaderTemplate]" }, { kind: "directive", type: i1$f.MonthDaySlotTemplateDirective, selector: "[kendoSchedulerMonthDaySlotTemplate]" }, { kind: "directive", type: i1$f.TimeSlotTemplateDirective, selector: "[kendoSchedulerTimeSlotTemplate]" }, { kind: "component", type: KitSchedulerToolbarComponent, selector: "kit-scheduler-toolbar", inputs: ["selectedDate", "selectedView", "showTimePill", "views", "viewModes", "selectedViewIndex", "showExportButton", "isLoading"], outputs: ["exportPDF"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10464
10533
|
}
|
|
10465
10534
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitSchedulerComponent, decorators: [{
|
|
10466
10535
|
type: Component,
|
|
@@ -11067,7 +11136,7 @@ class KitNotFoundComponent {
|
|
|
11067
11136
|
this.theme = this.kitThemeService.theme;
|
|
11068
11137
|
}
|
|
11069
11138
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11070
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: KitNotFoundComponent, isStandalone: true, selector: "kit-not-found", ngImport: i0, template: "<div class=\"kit-not-found\"\n [ngClass]=\"theme()\">\n <div class=\"kit-not-found-content\">\n <div class=\"kit-not-found-title\">\n {{ \"kit.notFound.title\" | translate }}\n </div>\n <div class=\"kit-not-found-subtitle\">\n {{ \"kit.notFound.subtitle\" | translate }}\n </div>\n <div class=\"kit-not-found-description\"\n [innerHTML]=\"'kit.notFound.description' | translate\"\n ></div>\n </div>\n</div>", styles: [".kit-not-found{height:100%}.kit-not-found-content{display:flex;flex-direction:column;justify-content:center;flex:1 0 0;align-items:center;padding:60px 0;color:var(--ui-kit-color-grey-10);font-size:16px;text-align:center;line-height:1}.kit-not-found-title{font-weight:700;font-size:80px}.kit-not-found-subtitle{font-size:40px}.kit-not-found-description{margin-top:40px;color:var(--ui-kit-color-grey-14);line-height:120%}.kit-not-found.dark .kit-not-found-content,.kit-not-found.dark .kit-not-found-description{color:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$
|
|
11139
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: KitNotFoundComponent, isStandalone: true, selector: "kit-not-found", ngImport: i0, template: "<div class=\"kit-not-found\"\n [ngClass]=\"theme()\">\n <div class=\"kit-not-found-content\">\n <div class=\"kit-not-found-title\">\n {{ \"kit.notFound.title\" | translate }}\n </div>\n <div class=\"kit-not-found-subtitle\">\n {{ \"kit.notFound.subtitle\" | translate }}\n </div>\n <div class=\"kit-not-found-description\"\n [innerHTML]=\"'kit.notFound.description' | translate\"\n ></div>\n </div>\n</div>", styles: [".kit-not-found{height:100%}.kit-not-found-content{display:flex;flex-direction:column;justify-content:center;flex:1 0 0;align-items:center;padding:60px 0;color:var(--ui-kit-color-grey-10);font-size:16px;text-align:center;line-height:1}.kit-not-found-title{font-weight:700;font-size:80px}.kit-not-found-subtitle{font-size:40px}.kit-not-found-description{margin-top:40px;color:var(--ui-kit-color-grey-14);line-height:120%}.kit-not-found.dark .kit-not-found-content,.kit-not-found.dark .kit-not-found-description{color:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11071
11140
|
}
|
|
11072
11141
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitNotFoundComponent, decorators: [{
|
|
11073
11142
|
type: Component,
|
|
@@ -11107,7 +11176,7 @@ class KitForbiddenComponent {
|
|
|
11107
11176
|
this.theme = this.kitThemeService.theme;
|
|
11108
11177
|
}
|
|
11109
11178
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitForbiddenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11110
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: KitForbiddenComponent, isStandalone: true, selector: "kit-forbidden", ngImport: i0, template: "<div class=\"kit-forbidden\"\n [ngClass]=\"theme()\">\n <div class=\"kit-forbidden-content\">\n <div class=\"kit-forbidden-title\">\n {{ \"kit.forbidden.title\" | translate }}\n </div>\n <div class=\"kit-forbidden-subtitle\">\n {{ \"kit.forbidden.subtitle\" | translate }}\n </div>\n <div class=\"kit-forbidden-description\"\n [innerHTML]=\"'kit.forbidden.description' | translate\"\n ></div>\n <div class=\"kit-forbidden-action\">\n <kit-button [label]=\"'kit.forbidden.logout' | translate\"\n [icon]=\"KitSvgIcon.LOGOUT\"\n [type]=\"KitButtonType.LINK\"\n [iconType]=\"KitSvgIconType.STROKE\"\n (clicked)=\"kitAccountService.logout()\"\n ></kit-button>\n </div>\n </div>\n</div>\n\n", styles: [".kit-forbidden{height:100%}.kit-forbidden-content{display:flex;flex-direction:column;justify-content:center;flex:1 0 0;align-items:center;padding:60px 0;color:var(--ui-kit-color-grey-10);font-size:16px;text-align:center;line-height:1}.kit-forbidden-title{font-weight:700;font-size:80px}.kit-forbidden-subtitle{font-size:40px}.kit-forbidden-description{margin-top:40px;color:var(--ui-kit-color-grey-14);line-height:120%}.kit-forbidden-action{margin-top:20px}.kit-forbidden.dark .kit-forbidden-content,.kit-forbidden.dark .kit-forbidden-description{color:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$
|
|
11179
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: KitForbiddenComponent, isStandalone: true, selector: "kit-forbidden", ngImport: i0, template: "<div class=\"kit-forbidden\"\n [ngClass]=\"theme()\">\n <div class=\"kit-forbidden-content\">\n <div class=\"kit-forbidden-title\">\n {{ \"kit.forbidden.title\" | translate }}\n </div>\n <div class=\"kit-forbidden-subtitle\">\n {{ \"kit.forbidden.subtitle\" | translate }}\n </div>\n <div class=\"kit-forbidden-description\"\n [innerHTML]=\"'kit.forbidden.description' | translate\"\n ></div>\n <div class=\"kit-forbidden-action\">\n <kit-button [label]=\"'kit.forbidden.logout' | translate\"\n [icon]=\"KitSvgIcon.LOGOUT\"\n [type]=\"KitButtonType.LINK\"\n [iconType]=\"KitSvgIconType.STROKE\"\n (clicked)=\"kitAccountService.logout()\"\n ></kit-button>\n </div>\n </div>\n</div>\n\n", styles: [".kit-forbidden{height:100%}.kit-forbidden-content{display:flex;flex-direction:column;justify-content:center;flex:1 0 0;align-items:center;padding:60px 0;color:var(--ui-kit-color-grey-10);font-size:16px;text-align:center;line-height:1}.kit-forbidden-title{font-weight:700;font-size:80px}.kit-forbidden-subtitle{font-size:40px}.kit-forbidden-description{margin-top:40px;color:var(--ui-kit-color-grey-14);line-height:120%}.kit-forbidden-action{margin-top:20px}.kit-forbidden.dark .kit-forbidden-content,.kit-forbidden.dark .kit-forbidden-description{color:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11111
11180
|
}
|
|
11112
11181
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitForbiddenComponent, decorators: [{
|
|
11113
11182
|
type: Component,
|
|
@@ -11752,7 +11821,7 @@ class KitDrawerComponent {
|
|
|
11752
11821
|
this.closed.emit();
|
|
11753
11822
|
}
|
|
11754
11823
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11755
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitDrawerComponent, isStandalone: true, selector: "kit-drawer", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, queries: [{ propertyName: "headerActions", first: true, predicate: ["headerActions"], descendants: true, isSignal: true }, { propertyName: "contentTemplate", first: true, predicate: KitDrawerContentTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: KitDrawerFooterTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "drawer", first: true, predicate: DrawerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<kendo-drawer-container>\n <kendo-drawer #drawer\n class=\"kit-drawer\"\n mode=\"overlay\"\n position=\"end\"\n [ngClass]=\"mode()\"\n [width]=\"width()\"\n (collapse)=\"closed.emit()\"\n [(expanded)]=\"drawer.expanded\">\n <ng-template kendoDrawerTemplate>\n <div class=\"kit-drawer-header\">\n <kit-entity-title class=\"title\">{{ title() }}</kit-entity-title>\n <div class=\"kit-drawer-header-actions\">\n <ng-container *ngTemplateOutlet=\"headerActions()\" />\n @if (showCloseButton()) {\n <kit-button [icon]=\"kitSvgIcon.CROSS\"\n [type]=\"kitButtonType.TEXT\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"onClose()\" />\n }\n </div>\n </div>\n\n <div class=\"kit-drawer-content\">\n <ng-container *ngTemplateOutlet=\"contentTemplate()\"></ng-container>\n </div>\n\n @if (footerTemplate(); as template) {\n <div class=\"kit-drawer-footer\">\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n </div>\n }\n </ng-template>\n </kendo-drawer>\n</kendo-drawer-container>\n", styles: [".kit-drawer-header{background-color:var(--ui-kit-color-grey-13);border-bottom:1px solid var(--ui-kit-color-grey-3);min-height:var(--ui-kit-header-height);padding:28px 24px;display:flex;align-items:center;justify-content:space-between}.kit-drawer-header-actions{display:flex;align-items:center;gap:5px}.kit-drawer-content{padding:32px 24px;flex:1;overflow:auto}.kit-drawer-footer{background-color:var(--ui-kit-color-grey-13);border-top:1px solid var(--ui-kit-color-grey-3);padding:16px 24px}.kit-drawer ::ng-deep .k-drawer-wrapper{height:100%;display:flex;flex-direction:column;justify-content:space-between}.kit-drawer ::ng-deep-header .title .kit-entity-title{font-size:18px;line-height:20px}.kit-drawer.drawer-modal-window{background-color:transparent;width:100%;max-width:100%}.kit-drawer.drawer-modal-window ::ng-deep .k-drawer-wrapper{max-width:90%;min-width:60%;margin:auto;min-height:60%;max-height:90%;background-color:var(--ui-kit-color-white);border-radius:8px}\n"], dependencies: [{ kind: "component", type: i1$
|
|
11824
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitDrawerComponent, isStandalone: true, selector: "kit-drawer", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, queries: [{ propertyName: "headerActions", first: true, predicate: ["headerActions"], descendants: true, isSignal: true }, { propertyName: "contentTemplate", first: true, predicate: KitDrawerContentTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: KitDrawerFooterTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "drawer", first: true, predicate: DrawerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<kendo-drawer-container>\n <kendo-drawer #drawer\n class=\"kit-drawer\"\n mode=\"overlay\"\n position=\"end\"\n [ngClass]=\"mode()\"\n [width]=\"width()\"\n (collapse)=\"closed.emit()\"\n [(expanded)]=\"drawer.expanded\">\n <ng-template kendoDrawerTemplate>\n <div class=\"kit-drawer-header\">\n <kit-entity-title class=\"title\">{{ title() }}</kit-entity-title>\n <div class=\"kit-drawer-header-actions\">\n <ng-container *ngTemplateOutlet=\"headerActions()\" />\n @if (showCloseButton()) {\n <kit-button [icon]=\"kitSvgIcon.CROSS\"\n [type]=\"kitButtonType.TEXT\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"onClose()\" />\n }\n </div>\n </div>\n\n <div class=\"kit-drawer-content\">\n <ng-container *ngTemplateOutlet=\"contentTemplate()\"></ng-container>\n </div>\n\n @if (footerTemplate(); as template) {\n <div class=\"kit-drawer-footer\">\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n </div>\n }\n </ng-template>\n </kendo-drawer>\n</kendo-drawer-container>\n", styles: [".kit-drawer-header{background-color:var(--ui-kit-color-grey-13);border-bottom:1px solid var(--ui-kit-color-grey-3);min-height:var(--ui-kit-header-height);padding:28px 24px;display:flex;align-items:center;justify-content:space-between}.kit-drawer-header-actions{display:flex;align-items:center;gap:5px}.kit-drawer-content{padding:32px 24px;flex:1;overflow:auto}.kit-drawer-footer{background-color:var(--ui-kit-color-grey-13);border-top:1px solid var(--ui-kit-color-grey-3);padding:16px 24px}.kit-drawer ::ng-deep .k-drawer-wrapper{height:100%;display:flex;flex-direction:column;justify-content:space-between}.kit-drawer ::ng-deep-header .title .kit-entity-title{font-size:18px;line-height:20px}.kit-drawer.drawer-modal-window{background-color:transparent;width:100%;max-width:100%}.kit-drawer.drawer-modal-window ::ng-deep .k-drawer-wrapper{max-width:90%;min-width:60%;margin:auto;min-height:60%;max-height:90%;background-color:var(--ui-kit-color-white);border-radius:8px}\n"], dependencies: [{ kind: "component", type: i1$c.DrawerComponent, selector: "kendo-drawer", inputs: ["mode", "position", "mini", "expanded", "width", "miniWidth", "autoCollapse", "items", "isItemExpanded", "animation"], outputs: ["expand", "collapse", "select", "expandedChange"], exportAs: ["kendoDrawer"] }, { kind: "component", type: i1$c.DrawerContainerComponent, selector: "kendo-drawer-container" }, { kind: "directive", type: i1$c.DrawerTemplateDirective, selector: "[kendoDrawerTemplate]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: KitEntityTitleComponent, selector: "kit-entity-title" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11756
11825
|
}
|
|
11757
11826
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitDrawerComponent, decorators: [{
|
|
11758
11827
|
type: Component,
|
|
@@ -11799,5 +11868,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
11799
11868
|
* Generated bundle index. Do not edit.
|
|
11800
11869
|
*/
|
|
11801
11870
|
|
|
11802
|
-
export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchApiTokens, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_API_TOKENS_STATE_TOKEN, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, 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, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, 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, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntitySectionEditableActionsTemplateDirective, KitEntitySectionEditableComponent, KitEntitySectionEditableEditTemplateDirective, KitEntitySectionEditableMode, KitEntitySectionEditableViewTemplateDirective, KitEntityTitleComponent, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitGlobalSearchComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputMessageComponent, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectSize, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerMonthHeaderCellTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, 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, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, findMatches, isKitFilterDescriptor, kitApiResponseDefaultEntities, kitApiTokenMaintenanceConfig, kitApiTokenMaintenanceRoutes, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildHttpParams, kitBuildOdataFilter, kitBuildSortString, kitConvertDateToUTC, kitDataStateToODataString, kitEncodeViewNameToUrl, kitExportExcel, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitShouldResetGridState, kitTranslations, kitUserPermissionsGuard, kitWhitespaceValidator, mapGlobalSearchResult, trimTrailingSlash };
|
|
11871
|
+
export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchApiTokens, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_API_TOKENS_STATE_TOKEN, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, 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, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, 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, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntitySectionEditableActionsTemplateDirective, KitEntitySectionEditableComponent, KitEntitySectionEditableEditTemplateDirective, KitEntitySectionEditableMode, KitEntitySectionEditableViewTemplateDirective, KitEntityTitleComponent, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitGlobalSearchComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputMessageComponent, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectSize, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopoverAnchorDirective, KitPopoverComponent, KitPopoverPosition, KitPopoverShowOption, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerMonthHeaderCellTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, 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, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, findMatches, isKitFilterDescriptor, kitApiResponseDefaultEntities, kitApiTokenMaintenanceConfig, kitApiTokenMaintenanceRoutes, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildHttpParams, kitBuildOdataFilter, kitBuildSortString, kitConvertDateToUTC, kitDataStateToODataString, kitEncodeViewNameToUrl, kitExportExcel, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitShouldResetGridState, kitTranslations, kitUserPermissionsGuard, kitWhitespaceValidator, mapGlobalSearchResult, trimTrailingSlash };
|
|
11803
11872
|
//# sourceMappingURL=indigina-ui-kit.mjs.map
|