@meshmakers/shared-ui 3.3.980 → 3.3.1010

package/fesm2022/meshmakers-shared-ui.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { inject, signal, ViewChild, Input, Component, Injectable, NgZone, Pipe, EventEmitter, ChangeDetectorRef, Directive, Output, ChangeDetectionStrategy, InjectionToken, HostListener, TemplateRef, ContentChild, ElementRef, forwardRef, computed, effect, makeEnvironmentProviders } from '@angular/core';
-import * as i3$2 from '@progress/kendo-angular-dialog';
-import { DialogContentBase, DialogRef, DialogActionsComponent, DialogService, WindowRef, WindowService, WindowModule, WindowCloseResult, DialogModule } from '@progress/kendo-angular-dialog';
+import * as i2 from '@progress/kendo-angular-dialog';
+import { DialogContentBase, DialogRef, DialogActionsComponent, DialogService, WindowRef, KENDO_DIALOG, WindowService, WindowModule, WindowCloseResult, DialogModule } from '@progress/kendo-angular-dialog';
 import { NotificationService } from '@progress/kendo-angular-notification';
 import * as i4 from '@progress/kendo-angular-buttons';
 import { ButtonComponent, ButtonModule, DropDownButtonComponent, ButtonsModule, ButtonGroupModule } from '@progress/kendo-angular-buttons';
@@ -29,13 +29,13 @@ import { ContextMenuComponent, HierarchyBindingDirective } from '@progress/kendo
 import cronstrue from 'cronstrue';
 import 'cronstrue/locales/de';
 import 'cronstrue/locales/en';
-import * as i2 from '@progress/kendo-angular-excel-export';
+import * as i2$1 from '@progress/kendo-angular-excel-export';
 import { DropPosition, ExpandDirective, TreeViewComponent, NodeTemplateDirective, DragAndDropDirective } from '@progress/kendo-angular-treeview';
 import * as i1$3 from '@progress/kendo-angular-layout';
 import { SplitterComponent, SplitterPaneComponent, TabStripModule } from '@progress/kendo-angular-layout';
 import * as i7 from '@progress/kendo-angular-indicators';
 import { LoaderModule, IndicatorsModule } from '@progress/kendo-angular-indicators';
-import * as i2$1 from '@progress/kendo-angular-dateinputs';
+import * as i2$2 from '@progress/kendo-angular-dateinputs';
 import { DatePickerModule, DateTimePickerModule } from '@progress/kendo-angular-dateinputs';
 import { CronExpressionParser } from 'cron-parser';
 
@@ -214,6 +214,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             type: Injectable
         }] });
 
+const DEFAULT_CONFIRMATION_WINDOW_MESSAGES = {
+    ok: 'OK',
+    cancel: 'Cancel',
+    yes: 'Yes',
+    no: 'No',
+};
+
 class ConfirmationWindowComponent extends DialogContentBase {
     dialogRef;
     data;
@@ -231,34 +238,43 @@ class ConfirmationWindowComponent extends DialogContentBase {
         this.button2Result = null;
         this.button3Text = null;
         this.button3Result = null;
-        this.button1Text = 'OK';
+        this.button1Text = DEFAULT_CONFIRMATION_WINDOW_MESSAGES.ok;
         this.button1Result = ButtonTypes.Ok;
     }
     ngOnInit() {
         if (this.data) {
+            // Precedence: buttonLabels > messages > English defaults.
+            const messages = {
+                ...DEFAULT_CONFIRMATION_WINDOW_MESSAGES,
+                ...(this.data.messages ?? {}),
+            };
             const labels = this.data.buttonLabels;
+            const okLabel = labels?.ok ?? messages.ok;
+            const cancelLabel = labels?.cancel ?? messages.cancel;
+            const yesLabel = labels?.yes ?? messages.yes;
+            const noLabel = labels?.no ?? messages.no;
             if (this.data.dialogType === DialogType.OkCancel) {
-                this.button1Text = labels?.ok ?? 'OK';
+                this.button1Text = okLabel;
                 this.button1Result = ButtonTypes.Ok;
-                this.button2Text = labels?.cancel ?? 'Cancel';
+                this.button2Text = cancelLabel;
                 this.button2Result = ButtonTypes.Cancel;
             }
             else if (this.data.dialogType === DialogType.YesNoCancel) {
-                this.button1Text = labels?.yes ?? 'Yes';
+                this.button1Text = yesLabel;
                 this.button1Result = ButtonTypes.Yes;
-                this.button2Text = labels?.no ?? 'No';
+                this.button2Text = noLabel;
                 this.button2Result = ButtonTypes.No;
-                this.button3Text = labels?.cancel ?? 'Cancel';
+                this.button3Text = cancelLabel;
                 this.button3Result = ButtonTypes.Cancel;
             }
             else if (this.data.dialogType === DialogType.Ok) {
-                this.button1Text = labels?.ok ?? 'OK';
+                this.button1Text = okLabel;
                 this.button1Result = ButtonTypes.Ok;
             }
             else {
-                this.button1Text = labels?.yes ?? 'Yes';
+                this.button1Text = yesLabel;
                 this.button1Result = ButtonTypes.Yes;
-                this.button2Text = labels?.no ?? 'No';
+                this.button2Text = noLabel;
                 this.button2Result = ButtonTypes.No;
             }
         }
@@ -288,8 +304,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
 class ConfirmationService {
     dialogService = inject(DialogService);
-    async showYesNoConfirmationDialog(title, message, cssClass, buttonLabels) {
-        const dialogRef = this.openDialog(title, message, DialogType.YesNo, cssClass, buttonLabels);
+    defaultMessages;
+    async showYesNoConfirmationDialog(title, message, cssClass, buttonLabels, messages) {
+        const dialogRef = this.openDialog(title, message, DialogType.YesNo, cssClass, buttonLabels, messages);
         const result = await firstValueFrom(dialogRef.result);
         if (result instanceof ConfirmationWindowResult) {
             return result.result === ButtonTypes.Yes;
@@ -298,21 +315,22 @@ class ConfirmationService {
             return false;
         }
     }
-    async showYesNoCancelConfirmationDialog(title, message, buttonLabels) {
-        const dialogRef = this.openDialog(title, message, DialogType.YesNoCancel, undefined, buttonLabels);
+    async showYesNoCancelConfirmationDialog(title, message, buttonLabels, messages) {
+        const dialogRef = this.openDialog(title, message, DialogType.YesNoCancel, undefined, buttonLabels, messages);
         const result = await firstValueFrom(dialogRef.result);
         if (result instanceof ConfirmationWindowResult) {
             return result;
         }
         return undefined;
     }
-    async showOkCancelConfirmationDialog(title, message) {
-        const dialogRef = this.openDialog(title, message, DialogType.OkCancel);
+    async showOkCancelConfirmationDialog(title, message, messages) {
+        const dialogRef = this.openDialog(title, message, DialogType.OkCancel, undefined, undefined, messages);
         const component = dialogRef.content.instance;
         component.data = {
             title,
             message,
-            dialogType: DialogType.OkCancel
+            dialogType: DialogType.OkCancel,
+            messages: messages ?? this.defaultMessages,
         };
         const result = await firstValueFrom(dialogRef.result);
         if (result instanceof ConfirmationWindowResult) {
@@ -322,8 +340,8 @@ class ConfirmationService {
             return false;
         }
     }
-    async showOkDialog(title, message) {
-        const dialogRef = this.openDialog(title, message, DialogType.Ok);
+    async showOkDialog(title, message, messages) {
+        const dialogRef = this.openDialog(title, message, DialogType.Ok, undefined, undefined, messages);
         const result = await firstValueFrom(dialogRef.result);
         if (result instanceof ConfirmationWindowResult) {
             return result.result === ButtonTypes.Ok;
@@ -332,7 +350,7 @@ class ConfirmationService {
             return false;
         }
     }
-    openDialog(title, message, dialogType, cssClass, buttonLabels) {
+    openDialog(title, message, dialogType, cssClass, buttonLabels, messages) {
         const dialogRef = this.dialogService.open({
             title,
             content: ConfirmationWindowComponent,
@@ -344,6 +362,7 @@ class ConfirmationService {
             message,
             dialogType,
             buttonLabels,
+            messages: messages ?? this.defaultMessages,
         };
         return dialogRef;
     }
@@ -361,12 +380,28 @@ class InputDialogResult {
     }
 }
 
+const DEFAULT_INPUT_DIALOG_MESSAGES = {
+    ok: 'OK',
+    cancel: 'Cancel',
+    placeholder: 'Enter value',
+};
+
 class InputDialogComponent extends DialogContentBase {
     dialogRef;
-    buttonOkText = "OK";
+    buttonOkText = DEFAULT_INPUT_DIALOG_MESSAGES.ok;
     message = "";
-    placeholder = "Enter value";
+    placeholder = DEFAULT_INPUT_DIALOG_MESSAGES.placeholder;
     inputValue = "";
+    _messages = { ...DEFAULT_INPUT_DIALOG_MESSAGES };
+    set messages(value) {
+        this._messages = { ...DEFAULT_INPUT_DIALOG_MESSAGES, ...(value ?? {}) };
+        if (this.buttonOkText === DEFAULT_INPUT_DIALOG_MESSAGES.ok) {
+            this.buttonOkText = this._messages.ok;
+        }
+        if (this.placeholder === DEFAULT_INPUT_DIALOG_MESSAGES.placeholder) {
+            this.placeholder = this._messages.placeholder;
+        }
+    }
     constructor() {
         const dialogRef = inject(DialogRef);
         super(dialogRef);
@@ -379,7 +414,7 @@ class InputDialogComponent extends DialogContentBase {
         this.dialogRef.close(null);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: InputDialogComponent, isStandalone: true, selector: "mm-input-dialog", inputs: { buttonOkText: "buttonOkText", message: "message", placeholder: "placeholder", inputValue: "inputValue" }, usesInheritance: true, ngImport: i0, template: "<kendo-label text=\"{{message}}\">\n<kendo-textbox id=\"input\" [placeholder]=\"placeholder\" [(ngModel)]=\"inputValue\" ></kendo-textbox>\n</kendo-label>\n<kendo-dialog-actions>\n  <button kendoButton (click)=\"onOk()\" themeColor=\"primary\" [disabled]=\"!inputValue\">{{buttonOkText}}</button>\n  <button kendoButton (click)=\"onCancel()\">Cancel</button>\n</kendo-dialog-actions>\n", styles: [""], dependencies: [{ kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: InputDialogComponent, isStandalone: true, selector: "mm-input-dialog", inputs: { buttonOkText: "buttonOkText", message: "message", placeholder: "placeholder", inputValue: "inputValue", messages: "messages" }, usesInheritance: true, ngImport: i0, template: "<kendo-label text=\"{{message}}\">\n<kendo-textbox id=\"input\" [placeholder]=\"placeholder\" [(ngModel)]=\"inputValue\" ></kendo-textbox>\n</kendo-label>\n<kendo-dialog-actions>\n  <button kendoButton (click)=\"onOk()\" themeColor=\"primary\" [disabled]=\"!inputValue\">{{buttonOkText}}</button>\n  <button kendoButton (click)=\"onCancel()\">{{ _messages.cancel }}</button>\n</kendo-dialog-actions>\n", styles: [""], dependencies: [{ kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputDialogComponent, decorators: [{
             type: Component,
@@ -389,7 +424,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         FormsModule,
                         LabelComponent,
                         TextBoxComponent
-                    ], template: "<kendo-label text=\"{{message}}\">\n<kendo-textbox id=\"input\" [placeholder]=\"placeholder\" [(ngModel)]=\"inputValue\" ></kendo-textbox>\n</kendo-label>\n<kendo-dialog-actions>\n  <button kendoButton (click)=\"onOk()\" themeColor=\"primary\" [disabled]=\"!inputValue\">{{buttonOkText}}</button>\n  <button kendoButton (click)=\"onCancel()\">Cancel</button>\n</kendo-dialog-actions>\n" }]
+                    ], template: "<kendo-label text=\"{{message}}\">\n<kendo-textbox id=\"input\" [placeholder]=\"placeholder\" [(ngModel)]=\"inputValue\" ></kendo-textbox>\n</kendo-label>\n<kendo-dialog-actions>\n  <button kendoButton (click)=\"onOk()\" themeColor=\"primary\" [disabled]=\"!inputValue\">{{buttonOkText}}</button>\n  <button kendoButton (click)=\"onCancel()\">{{ _messages.cancel }}</button>\n</kendo-dialog-actions>\n" }]
         }], ctorParameters: () => [], propDecorators: { buttonOkText: [{
                 type: Input
             }], message: [{
@@ -398,11 +433,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 type: Input
             }], inputValue: [{
                 type: Input
+            }], messages: [{
+                type: Input
             }] } });
 
 class InputService {
     dialogService = inject(DialogService);
-    async showInputDialog(title, message, placeholder, buttonOkText = null) {
+    defaultMessages;
+    async showInputDialog(title, message, placeholder, buttonOkText = null, messages) {
         const dialogRef = this.dialogService.open({
             title,
             content: InputDialogComponent,
@@ -414,6 +452,10 @@ class InputService {
         if (buttonOkText) {
             component.buttonOkText = buttonOkText;
         }
+        const effectiveMessages = messages ?? this.defaultMessages;
+        if (effectiveMessages) {
+            component.messages = effectiveMessages;
+        }
         const result = await firstValueFrom(dialogRef.result);
         if (result instanceof InputDialogResult) {
             return result.newValue;
@@ -427,6 +469,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             type: Injectable
         }] });
 
+const DEFAULT_PROGRESS_WINDOW_MESSAGES = {
+    cancel: 'Cancel',
+};
+
 class ProgressWindowComponent extends DialogContentBase {
     dialogRef;
     progressSubscription;
@@ -436,6 +482,10 @@ class ProgressWindowComponent extends DialogContentBase {
     cancelOperation;
     statusText = null;
     progressValue = 0;
+    _messages = { ...DEFAULT_PROGRESS_WINDOW_MESSAGES };
+    set messages(value) {
+        this._messages = { ...DEFAULT_PROGRESS_WINDOW_MESSAGES, ...(value ?? {}) };
+    }
     constructor() {
         const dialogRef = inject(DialogRef);
         super(dialogRef);
@@ -463,7 +513,7 @@ class ProgressWindowComponent extends DialogContentBase {
         this.dialogRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ProgressWindowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ProgressWindowComponent, isStandalone: true, selector: "mm-progress-window", inputs: { isDeterminate: "isDeterminate", progress: "progress", isCancelOperationAvailable: "isCancelOperationAvailable", cancelOperation: "cancelOperation" }, usesInheritance: true, ngImport: i0, template: "<div class=\"progress-content\">\n  <div class=\"progress-section\">\n    <!-- Determinate progress bar -->\n    @if (isDeterminate) {\n      <kendo-progressbar\n        [value]=\"progressValue\"\n        [max]=\"100\" [label]=\"false\"\n        class=\"progress-bar\">\n      </kendo-progressbar>\n    }\n\n    <!-- Indeterminate progress bar -->\n    @if (!isDeterminate) {\n      <kendo-progressbar\n        [indeterminate]=\"true\"\n        class=\"progress-bar\">\n      </kendo-progressbar>\n    }\n\n    <!-- Status text -->\n    @if (statusText) {\n      <p class=\"status-text\">{{ statusText }}</p>\n    }\n  </div>\n</div>\n\n<kendo-dialog-actions>\n  @if (isCancelOperationAvailable) {\n    <button\n      kendoButton\n      (click)=\"onCancelClick()\">\n      Cancel\n    </button>\n  }\n</kendo-dialog-actions>\n", styles: [".progress-content{padding:20px;box-sizing:border-box;overflow:hidden}.progress-content .progress-section{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.progress-content .progress-section .progress-bar{width:100%;height:8px;box-sizing:border-box;max-width:100%}.progress-content .progress-section .status-text{margin:0;font-size:14px;color:var(--kendo-color-on-app-surface);text-align:center;min-height:20px;word-wrap:break-word;overflow-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:block;width:100%;box-sizing:border-box;overflow:hidden}:host .k-dialog-titlebar{background-color:var(--kendo-color-primary);color:var(--kendo-color-on-primary)}:host kendo-dialog-actions{box-sizing:border-box;overflow:hidden}::ng-deep .mm-progress-window-no-close .k-window-titlebar-action{display:none!important}::ng-deep .mm-progress-window-no-close .k-dialog-titlebar-action{display:none!important}::ng-deep .mm-progress-window-no-close .k-window-titlebar-actions{display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ProgressBarComponent, selector: "kendo-progressbar", inputs: ["label", "progressCssStyle", "progressCssClass", "emptyCssStyle", "emptyCssClass", "animation"], outputs: ["animationEnd"], exportAs: ["kendoProgressBar"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ProgressWindowComponent, isStandalone: true, selector: "mm-progress-window", inputs: { isDeterminate: "isDeterminate", progress: "progress", isCancelOperationAvailable: "isCancelOperationAvailable", cancelOperation: "cancelOperation", messages: "messages" }, usesInheritance: true, ngImport: i0, template: "<div class=\"progress-content\">\n  <div class=\"progress-section\">\n    <!-- Determinate progress bar -->\n    @if (isDeterminate) {\n      <kendo-progressbar\n        [value]=\"progressValue\"\n        [max]=\"100\" [label]=\"false\"\n        class=\"progress-bar\">\n      </kendo-progressbar>\n    }\n\n    <!-- Indeterminate progress bar -->\n    @if (!isDeterminate) {\n      <kendo-progressbar\n        [indeterminate]=\"true\"\n        class=\"progress-bar\">\n      </kendo-progressbar>\n    }\n\n    <!-- Status text -->\n    @if (statusText) {\n      <p class=\"status-text\">{{ statusText }}</p>\n    }\n  </div>\n</div>\n\n<kendo-dialog-actions>\n  @if (isCancelOperationAvailable) {\n    <button\n      kendoButton\n      (click)=\"onCancelClick()\">\n      {{ _messages.cancel }}\n    </button>\n  }\n</kendo-dialog-actions>\n", styles: [".progress-content{padding:20px;box-sizing:border-box;overflow:hidden}.progress-content .progress-section{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.progress-content .progress-section .progress-bar{width:100%;height:8px;box-sizing:border-box;max-width:100%}.progress-content .progress-section .status-text{margin:0;font-size:14px;color:var(--kendo-color-on-app-surface);text-align:center;min-height:20px;word-wrap:break-word;overflow-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:block;width:100%;box-sizing:border-box;overflow:hidden}:host .k-dialog-titlebar{background-color:var(--kendo-color-primary);color:var(--kendo-color-on-primary)}:host kendo-dialog-actions{box-sizing:border-box;overflow:hidden}::ng-deep .mm-progress-window-no-close .k-window-titlebar-action{display:none!important}::ng-deep .mm-progress-window-no-close .k-dialog-titlebar-action{display:none!important}::ng-deep .mm-progress-window-no-close .k-window-titlebar-actions{display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ProgressBarComponent, selector: "kendo-progressbar", inputs: ["label", "progressCssStyle", "progressCssClass", "emptyCssStyle", "emptyCssClass", "animation"], outputs: ["animationEnd"], exportAs: ["kendoProgressBar"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ProgressWindowComponent, decorators: [{
             type: Component,
@@ -472,7 +522,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         ButtonComponent,
                         DialogActionsComponent,
                         ProgressBarComponent,
-                    ], template: "<div class=\"progress-content\">\n  <div class=\"progress-section\">\n    <!-- Determinate progress bar -->\n    @if (isDeterminate) {\n      <kendo-progressbar\n        [value]=\"progressValue\"\n        [max]=\"100\" [label]=\"false\"\n        class=\"progress-bar\">\n      </kendo-progressbar>\n    }\n\n    <!-- Indeterminate progress bar -->\n    @if (!isDeterminate) {\n      <kendo-progressbar\n        [indeterminate]=\"true\"\n        class=\"progress-bar\">\n      </kendo-progressbar>\n    }\n\n    <!-- Status text -->\n    @if (statusText) {\n      <p class=\"status-text\">{{ statusText }}</p>\n    }\n  </div>\n</div>\n\n<kendo-dialog-actions>\n  @if (isCancelOperationAvailable) {\n    <button\n      kendoButton\n      (click)=\"onCancelClick()\">\n      Cancel\n    </button>\n  }\n</kendo-dialog-actions>\n", styles: [".progress-content{padding:20px;box-sizing:border-box;overflow:hidden}.progress-content .progress-section{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.progress-content .progress-section .progress-bar{width:100%;height:8px;box-sizing:border-box;max-width:100%}.progress-content .progress-section .status-text{margin:0;font-size:14px;color:var(--kendo-color-on-app-surface);text-align:center;min-height:20px;word-wrap:break-word;overflow-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:block;width:100%;box-sizing:border-box;overflow:hidden}:host .k-dialog-titlebar{background-color:var(--kendo-color-primary);color:var(--kendo-color-on-primary)}:host kendo-dialog-actions{box-sizing:border-box;overflow:hidden}::ng-deep .mm-progress-window-no-close .k-window-titlebar-action{display:none!important}::ng-deep .mm-progress-window-no-close .k-dialog-titlebar-action{display:none!important}::ng-deep .mm-progress-window-no-close .k-window-titlebar-actions{display:none!important}\n"] }]
+                    ], template: "<div class=\"progress-content\">\n  <div class=\"progress-section\">\n    <!-- Determinate progress bar -->\n    @if (isDeterminate) {\n      <kendo-progressbar\n        [value]=\"progressValue\"\n        [max]=\"100\" [label]=\"false\"\n        class=\"progress-bar\">\n      </kendo-progressbar>\n    }\n\n    <!-- Indeterminate progress bar -->\n    @if (!isDeterminate) {\n      <kendo-progressbar\n        [indeterminate]=\"true\"\n        class=\"progress-bar\">\n      </kendo-progressbar>\n    }\n\n    <!-- Status text -->\n    @if (statusText) {\n      <p class=\"status-text\">{{ statusText }}</p>\n    }\n  </div>\n</div>\n\n<kendo-dialog-actions>\n  @if (isCancelOperationAvailable) {\n    <button\n      kendoButton\n      (click)=\"onCancelClick()\">\n      {{ _messages.cancel }}\n    </button>\n  }\n</kendo-dialog-actions>\n", styles: [".progress-content{padding:20px;box-sizing:border-box;overflow:hidden}.progress-content .progress-section{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.progress-content .progress-section .progress-bar{width:100%;height:8px;box-sizing:border-box;max-width:100%}.progress-content .progress-section .status-text{margin:0;font-size:14px;color:var(--kendo-color-on-app-surface);text-align:center;min-height:20px;word-wrap:break-word;overflow-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:block;width:100%;box-sizing:border-box;overflow:hidden}:host .k-dialog-titlebar{background-color:var(--kendo-color-primary);color:var(--kendo-color-on-primary)}:host kendo-dialog-actions{box-sizing:border-box;overflow:hidden}::ng-deep .mm-progress-window-no-close .k-window-titlebar-action{display:none!important}::ng-deep .mm-progress-window-no-close .k-dialog-titlebar-action{display:none!important}::ng-deep .mm-progress-window-no-close .k-window-titlebar-actions{display:none!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { isDeterminate: [{
                 type: Input
             }], progress: [{
@@ -481,15 +531,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 type: Input
             }], cancelOperation: [{
                 type: Input
+            }], messages: [{
+                type: Input
             }] } });
 
 class ProgressWindowService {
     dialogService = inject(DialogService);
-    /**
-     * Opens a progress window dialog
-     * @param config Configuration for the progress window
-     * @returns DialogRef for the progress window
-     */
+    defaultMessages;
     showProgress(config) {
         const dialogRef = this.dialogService.open({
             title: config.title,
@@ -497,14 +545,17 @@ class ProgressWindowService {
             width: config.width ?? 450,
             height: config.height ?? 'auto',
             cssClass: 'mm-progress-window-no-close',
-            preventAction: () => true // Always prevent closing via X button or ESC
+            preventAction: () => true
         });
-        // Set component input properties
         const component = dialogRef.content.instance;
         component.isDeterminate = config.isDeterminate !== false;
         component.progress = config.progress;
         component.isCancelOperationAvailable = config.isCancelOperationAvailable || false;
         component.cancelOperation = config.cancelOperation || (() => { });
+        const messages = config.messages ?? this.defaultMessages;
+        if (messages) {
+            component.messages = messages;
+        }
         return dialogRef;
     }
     /**
@@ -544,21 +595,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             type: Injectable
         }] });
 
+const DEFAULT_MESSAGE_DETAILS_DIALOG_MESSAGES = {
+    copyToClipboard: 'Copy to Clipboard',
+    close: 'Close',
+    closeTitle: 'Close',
+    minimizeTitle: 'Minimize',
+    maximizeTitle: 'Maximize',
+    restoreTitle: 'Restore',
+};
+
 class MessageDetailsDialogComponent {
     copyIcon = copyIcon;
     xIcon = xIcon;
     windowRef = inject(WindowRef);
     data;
     details = '';
-    copyLabel = 'Copy to Clipboard';
-    closeLabel = 'Close';
+    copyLabel = DEFAULT_MESSAGE_DETAILS_DIALOG_MESSAGES.copyToClipboard;
+    closeLabel = DEFAULT_MESSAGE_DETAILS_DIALOG_MESSAGES.close;
+    messages = { ...DEFAULT_MESSAGE_DETAILS_DIALOG_MESSAGES };
     ngOnInit() {
         if (this.data) {
             this.details = this.data.details;
-            if (this.data.copyLabel)
-                this.copyLabel = this.data.copyLabel;
-            if (this.data.closeLabel)
-                this.closeLabel = this.data.closeLabel;
+            this.messages = {
+                ...DEFAULT_MESSAGE_DETAILS_DIALOG_MESSAGES,
+                ...(this.data.messages ?? {}),
+            };
+            this.copyLabel = this.data.copyLabel ?? this.messages.copyToClipboard;
+            this.closeLabel = this.data.closeLabel ?? this.messages.close;
         }
     }
     onClose() {
@@ -592,6 +655,13 @@ class MessageDetailsDialogComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MessageDetailsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: MessageDetailsDialogComponent, isStandalone: true, selector: "mm-message-details-dialog", ngImport: i0, template: `
+    <kendo-window-messages
+      [closeTitle]="messages.closeTitle"
+      [minimizeTitle]="messages.minimizeTitle"
+      [maximizeTitle]="messages.maximizeTitle"
+      [restoreTitle]="messages.restoreTitle"
+    />
+
     <div class="message-details-content">
       @if (!details) {
         <div class="loading-section">
@@ -618,13 +688,21 @@ class MessageDetailsDialogComponent {
         </button>
       </div>
     </div>
-  `, isInline: true, styles: [".message-details-content{display:flex;flex-direction:column;height:100%;padding:16px;box-sizing:border-box;overflow:hidden}.loading-section{flex:1;display:flex;align-items:center;justify-content:center}.details-pre{flex:1;margin:0;font-family:Courier New,monospace;font-size:13px;line-height:1.5;border:1px solid var(--kendo-color-border);background:var(--kendo-color-base-subtle);border-radius:4px;padding:12px;overflow:scroll;white-space:pre;min-height:0}.details-pre::-webkit-scrollbar{width:10px;height:10px}.details-pre::-webkit-scrollbar-track{background:var(--kendo-color-base-subtle, #f5f5f5);border-radius:4px}.details-pre::-webkit-scrollbar-thumb{background:var(--kendo-color-border, #ccc);border-radius:4px}.details-pre::-webkit-scrollbar-thumb:hover{background:#999}.dialog-actions{flex-shrink:0;padding-top:16px;margin-top:16px;border-top:1px solid var(--kendo-color-border);display:flex;flex-direction:row;justify-content:space-between;gap:12px}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+  `, isInline: true, styles: [".message-details-content{display:flex;flex-direction:column;height:100%;padding:16px;box-sizing:border-box;overflow:hidden}.loading-section{flex:1;display:flex;align-items:center;justify-content:center}.details-pre{flex:1;margin:0;font-family:Courier New,monospace;font-size:13px;line-height:1.5;border:1px solid var(--kendo-color-border);background:var(--kendo-color-base-subtle);border-radius:4px;padding:12px;overflow:scroll;white-space:pre;min-height:0}.details-pre::-webkit-scrollbar{width:10px;height:10px}.details-pre::-webkit-scrollbar-track{background:var(--kendo-color-base-subtle, #f5f5f5);border-radius:4px}.details-pre::-webkit-scrollbar-thumb{background:var(--kendo-color-border, #ccc);border-radius:4px}.details-pre::-webkit-scrollbar-thumb:hover{background:#999}.dialog-actions{flex-shrink:0;padding-top:16px;margin-top:16px;border-top:1px solid var(--kendo-color-border);display:flex;flex-direction:row;justify-content:space-between;gap:12px}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i2.CustomMessagesComponent, selector: "kendo-dialog-messages, kendo-window-messages" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MessageDetailsDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mm-message-details-dialog', standalone: true, imports: [
                         ButtonModule,
+                        KENDO_DIALOG,
                     ], template: `
+    <kendo-window-messages
+      [closeTitle]="messages.closeTitle"
+      [minimizeTitle]="messages.minimizeTitle"
+      [maximizeTitle]="messages.maximizeTitle"
+      [restoreTitle]="messages.restoreTitle"
+    />
+
     <div class="message-details-content">
       @if (!details) {
         <div class="loading-section">
@@ -811,11 +889,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 class MessageDetailsDialogService {
     windowService = inject(WindowService);
     windowStateService = inject(WindowStateService);
-    /**
-     * Opens a resizable window to show message details with copy-to-clipboard functionality
-     */
+    defaultMessages;
     showDetailsDialog(data) {
         const size = this.windowStateService.resolveWindowSize('message-details', { width: 900, height: 600 });
+        const effectiveMessages = data.messages ?? this.defaultMessages;
+        // Kendo's Window titlebar reads close/minimize/maximize/restore tooltips
+        // from WindowSettings.messages at open time. The same labels in the inner
+        // <kendo-window-messages> directive cannot reach the titlebar (the
+        // directive sits inside the projected content, but Kendo Window's
+        // ContentChild query runs at the <kendo-window> level), so the tooltips
+        // would stay on Kendo defaults. Forward the title slots explicitly.
+        const windowMessages = effectiveMessages
+            ? {
+                closeTitle: effectiveMessages.closeTitle,
+                minimizeTitle: effectiveMessages.minimizeTitle,
+                maximizeTitle: effectiveMessages.maximizeTitle,
+                restoreTitle: effectiveMessages.restoreTitle,
+            }
+            : undefined;
         const windowRef = this.windowService.open({
             content: MessageDetailsDialogComponent,
             title: data.title,
@@ -824,11 +915,14 @@ class MessageDetailsDialogService {
             minWidth: 500,
             minHeight: 400,
             resizable: true,
+            messages: windowMessages,
         });
         this.windowStateService.applyModalBehavior('message-details', windowRef);
         const contentRef = windowRef.content;
         if (contentRef?.instance) {
-            contentRef.instance.data = data;
+            contentRef.instance.data = effectiveMessages
+                ? { ...data, messages: effectiveMessages }
+                : data;
         }
         return windowRef;
     }
@@ -839,6 +933,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             type: Injectable
         }] });
 
+const DEFAULT_NOTIFICATION_DISPLAY_MESSAGES = {
+    showDetails: 'Show Details',
+};
+
 class NotificationDisplayService {
     notificationService = inject(NotificationService);
     messageDetailsDialogService = inject(MessageDetailsDialogService);
@@ -850,6 +948,10 @@ class NotificationDisplayService {
     interactionDebounceTime = 300; // ms
     gracePeriod = 1000; // ms - prevent immediate closure after opening
     notificationOpenTimes = new Map();
+    messages = { ...DEFAULT_NOTIFICATION_DISPLAY_MESSAGES };
+    setMessages(value) {
+        this.messages = { ...DEFAULT_NOTIFICATION_DISPLAY_MESSAGES, ...value };
+    }
     defaultSettings = {
         content: '',
         type: { style: 'success', icon: true },
@@ -1029,7 +1131,7 @@ class NotificationDisplayService {
                         detailsBtn.className = 'k-button k-button-sm k-button-flat k-button-flat-base notification-details-btn';
                         detailsBtn.style.cssText = 'flex-shrink: 0; width: 32px; height: 32px; padding: 8px; display: flex; align-items: center; justify-content: center;';
                         detailsBtn.innerHTML = this.createSvgIcon();
-                        detailsBtn.title = 'Show Details';
+                        detailsBtn.title = this.messages.showDetails;
                         detailsBtn.onclick = (event) => {
                             event.stopPropagation();
                             this.messageDetailsDialogService.showDetailsDialog({
@@ -1091,7 +1193,7 @@ class NotificationDisplayService {
                         detailsBtn.className = 'k-button k-button-sm k-button-flat k-button-flat-base notification-details-btn';
                         detailsBtn.style.cssText = 'flex-shrink: 0; width: 32px; height: 32px; padding: 8px; display: flex; align-items: center; justify-content: center;';
                         detailsBtn.innerHTML = this.createSvgIcon();
-                        detailsBtn.title = 'Show Details';
+                        detailsBtn.title = this.messages.showDetails;
                         detailsBtn.onclick = (event) => {
                             event.stopPropagation();
                             this.messageDetailsDialogService.showDetailsDialog({
@@ -1959,7 +2061,7 @@ class ListViewComponent extends CommandBaseService {
     }
     moreVerticalIcon = moreVerticalIcon;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ListViewComponent, isStandalone: true, selector: "mm-list-view", inputs: { pageSize: "pageSize", skip: "skip", rowIsClickable: "rowIsClickable", showRowCheckBoxes: "showRowCheckBoxes", showRowSelectAllCheckBox: "showRowSelectAllCheckBox", contextMenuType: "contextMenuType", leftToolbarActions: "leftToolbarActions", rightToolbarActions: "rightToolbarActions", actionCommandItems: "actionCommandItems", contextMenuCommandItems: "contextMenuCommandItems", excelExportFileName: "excelExportFileName", pdfExportFileName: "pdfExportFileName", pageable: "pageable", sortable: "sortable", rowFilterEnabled: "rowFilterEnabled", searchTextBoxEnabled: "searchTextBoxEnabled", rowClass: "rowClass", messages: "messages", selectable: "selectable", columns: "columns" }, outputs: { rowClicked: "rowClicked" }, viewQueries: [{ propertyName: "gridComponent", first: true, predicate: GridComponent, descendants: true }, { propertyName: "dataBindingDirective", first: true, predicate: MmListViewDataBindingDirective, descendants: true }, { propertyName: "gridContextMenu", first: true, predicate: ["gridmenu"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<kendo-grid\n  mmListViewDataBinding\n  [loading]=\"isLoading()\"\n  [pageSize]=\"pageSize\" [selectable]=\"selectable\" (pageChange)=\"onPageChange($event)\"\n  [skip]=\"skip\" (selectionChange)=\"onRowSelect($event)\" (cellClick)=\"onCellClick($event)\"\n  [pageable]=\"pageable\"\n  [sortable]=\"sortable\"\n  [filterable]=\"_showRowFilter\"\n  [rowClass]=\"rowClass ?? defaultRowClass\"\n>\n  <kendo-grid-messages\n    [pagerItemsPerPage]=\"_messages.pagerItemsPerPage\"\n    [pagerOf]=\"_messages.pagerOf\"\n    [pagerItems]=\"_messages.pagerItems\"\n    [pagerPage]=\"_messages.pagerPage\"\n    [pagerFirstPage]=\"_messages.pagerFirstPage\"\n    [pagerLastPage]=\"_messages.pagerLastPage\"\n    [pagerPreviousPage]=\"_messages.pagerPreviousPage\"\n    [pagerNextPage]=\"_messages.pagerNextPage\"\n    [noRecords]=\"_messages.noRecords\"\n  ></kendo-grid-messages>\n  <ng-template kendoGridToolbarTemplate>\n\n    @for (commandItem of leftToolbarActions; track commandItem.id) {\n      @if (commandItem) {\n        @switch (commandItem.type) {\n          @case ('link') {\n            @if (commandItem.children && commandItem.children.length > 0) {\n              <kendo-dropdownbutton\n                [data]=\"commandItem.children\"\n                [svgIcon]=\"$any(commandItem.svgIcon)\"\n                [disabled]=\"getIsDisabled(commandItem) || isLoading()\"\n                [textField]=\"'text'\"\n                themeColor=\"primary\"\n                (itemClick)=\"onToolbarDropdownItemClick($event)\">\n                {{ commandItem.text }}\n              </kendo-dropdownbutton>\n            } @else if (commandItem.svgIcon) {\n              <button kendoTooltip kendoButton themeColor=\"primary\" [svgIcon]=\"commandItem.svgIcon\" [title]=\"commandItem.text\"\n                      [disabled]=\"getIsDisabled(commandItem) || isLoading()\"\n                      (click)=\"onToolbarCommand(commandItem)\">{{ commandItem.text }}\n              </button>\n            } @else {\n              <button kendoTooltip kendoButton themeColor=\"primary\" [title]=\"commandItem.text\"\n                      [disabled]=\"getIsDisabled(commandItem) || isLoading()\"\n                      (click)=\"onToolbarCommand(commandItem)\">{{ commandItem.text }}\n              </button>\n            }\n          }\n          @case ('separator'){\n            <kendo-separator></kendo-separator>\n          }\n        }\n      }\n    }\n\n    <kendo-grid-spacer></kendo-grid-spacer>\n    @if (searchTextBoxEnabled) {\n      <input\n        class=\"k-textbox k-input k-input-md k-rounded-md\"\n        [style.width.px]=\"165\"\n        [placeholder]=\"_messages.searchPlaceholder\"\n        [value]=\"searchValue\"\n        (input)=\"onFilter($any($event.target).value || null)\"\n      />\n    }\n\n    @for (commandItem of rightToolbarActions; track commandItem.id) {\n      @if (commandItem) {\n        @switch (commandItem.type) {\n          @case ('link') {\n            @if (commandItem.children && commandItem.children.length > 0) {\n              <kendo-dropdownbutton\n                [data]=\"commandItem.children\"\n                [svgIcon]=\"$any(commandItem.svgIcon)\"\n                [disabled]=\"getIsDisabled(commandItem) || isLoading()\"\n                [textField]=\"'text'\"\n                themeColor=\"primary\"\n                (itemClick)=\"onToolbarDropdownItemClick($event)\">\n                {{ commandItem.text }}\n              </kendo-dropdownbutton>\n            } @else if (commandItem.svgIcon) {\n              <button kendoTooltip kendoButton themeColor=\"primary\" [svgIcon]=\"commandItem.svgIcon\" [title]=\"commandItem.text\"\n                      [disabled]=\"getIsDisabled(commandItem) || isLoading()\"\n                      (click)=\"onToolbarCommand(commandItem)\">{{ commandItem.text }}\n              </button>\n            } @else {\n              <button kendoTooltip kendoButton themeColor=\"primary\" [title]=\"commandItem.text\"\n                      [disabled]=\"getIsDisabled(commandItem) || isLoading()\"\n                      (click)=\"onToolbarCommand(commandItem)\">{{ commandItem.text }}\n              </button>\n            }\n          }\n          @case ('separator'){\n            <kendo-separator></kendo-separator>\n          }\n        }\n      }\n    }\n\n    @if (rowFilterEnabled) {\n      <button kendoTooltip kendoButton themeColor=\"primary\" fillMode=\"flat\" [svgIcon]=\"filterIcon\" (click)=\"onShowRowFilter()\"\n              [disabled]=\"isLoading()\" [title]=\"_messages.showRowFilter\"></button>\n    }\n    <button kendoTooltip kendoGridExcelCommand themeColor=\"primary\" fillMode=\"flat\" [svgIcon]=\"excelSVG\" [disabled]=\"isLoading()\" [title]=\"_messages.exportToExcel\"></button>\n    <button kendoTooltip kendoGridPDFCommand themeColor=\"primary\" fillMode=\"flat\" [svgIcon]=\"pdfSVG\" [disabled]=\"isLoading()\" [title]=\"_messages.exportToPdf\"></button>\n    <button kendoTooltip kendoButton themeColor=\"primary\" fillMode=\"flat\" [svgIcon]=\"refreshIcon\" (click)=\"onRefresh()\" [disabled]=\"isLoading()\" [title]=\"_messages.refreshData\"></button>\n  </ng-template>\n\n  @if (showRowCheckBoxes && selectable.enabled) {\n    <kendo-grid-checkbox-column [showSelectAll]=\"showRowSelectAllCheckBox\"\n                                [width]=\"40\"></kendo-grid-checkbox-column>\n  }\n\n  @for (column of columns; track column.field) {\n    <kendo-grid-column [field]=\"column.field\"\n                       [filter]=\"getFilterType(column)\" format=\"{{column.format}}\"\n                       [width]=\"$any(column.width)\"\n                       [sortable]=\"column.sortable !== false\"\n                       [filterable]=\"column.filterable !== false\"\n                       [title]=\"getDisplayName(column) | pascalCase\">\n      <ng-template kendoGridFilterCellTemplate let-filter let-gridColumn=\"column\">\n        @if (hasFilterOptions(column)) {\n          <kendo-dropdownlist\n            class=\"status-filter-dropdown\"\n            [data]=\"column.filterOptions!\"\n            textField=\"text\"\n            valueField=\"value\"\n            [valuePrimitive]=\"true\"\n            [value]=\"getSelectedFilterValue(column)\"\n            [defaultItem]=\"{ text: '', value: null }\"\n            [popupSettings]=\"{ width: 'auto' }\"\n            (valueChange)=\"onDropdownFilter($event, column)\"\n          >\n            <ng-template kendoDropDownListValueTemplate let-dataItem>\n              @if (dataItem?.value && column.statusMapping?.[dataItem.value]; as mapping) {\n                <span class=\"filter-status-item\">\n                  <span [style.color]=\"mapping.color\">\n                    <kendo-svg-icon [icon]=\"mapping.icon\" [size]=\"'small'\"></kendo-svg-icon>\n                  </span>\n                </span>\n              } @else if (dataItem?.text) {\n                <span>{{ dataItem.text }}</span>\n              }\n            </ng-template>\n            <ng-template kendoDropDownListItemTemplate let-dataItem>\n              @if (dataItem?.value && column.statusMapping?.[dataItem.value]; as mapping) {\n                <span style=\"display: inline-flex; align-items: center; gap: 8px;\">\n                  <span [style.color]=\"mapping.color\">\n                    <kendo-svg-icon [icon]=\"mapping.icon\" [size]=\"'small'\"></kendo-svg-icon>\n                  </span>\n                  <span>{{ dataItem.text }}</span>\n                </span>\n              } @else {\n                <span>{{ dataItem.text }}</span>\n              }\n            </ng-template>\n          </kendo-dropdownlist>\n        } @else if (column.dataType === 'numericRange') {\n          <span class=\"numeric-range-filter\">\n            <kendo-numerictextbox\n              [value]=\"$any(getRangeFilterValue(column, 'gte'))\"\n              (valueChange)=\"onRangeFilterChange($event, column, 'gte')\"\n              [spinners]=\"false\"\n              [decimals]=\"2\"\n              placeholder=\"From\"\n              size=\"small\"\n            ></kendo-numerictextbox>\n            <span class=\"range-separator\">\u2013</span>\n            <kendo-numerictextbox\n              [value]=\"$any(getRangeFilterValue(column, 'lte'))\"\n              (valueChange)=\"onRangeFilterChange($event, column, 'lte')\"\n              [spinners]=\"false\"\n              [decimals]=\"2\"\n              placeholder=\"To\"\n              size=\"small\"\n            ></kendo-numerictextbox>\n          </span>\n        } @else {\n          @switch (getFilterType(column)) {\n            @case ('numeric') {\n              <kendo-grid-numeric-filter-cell [column]=\"gridColumn\" [filter]=\"filter\" [showOperators]=\"true\" [operator]=\"column.filterOperator || 'eq'\"></kendo-grid-numeric-filter-cell>\n            }\n            @case ('boolean') {\n              <kendo-grid-boolean-filter-cell [column]=\"gridColumn\" [filter]=\"filter\"></kendo-grid-boolean-filter-cell>\n            }\n            @case ('date') {\n              <kendo-grid-date-filter-cell [column]=\"gridColumn\" [filter]=\"filter\" [showOperators]=\"true\" [operator]=\"column.filterOperator || 'eq'\"></kendo-grid-date-filter-cell>\n            }\n            @default {\n              <kendo-grid-string-filter-cell [column]=\"gridColumn\" [filter]=\"filter\" [showOperators]=\"false\"></kendo-grid-string-filter-cell>\n            }\n          }\n        }\n      </ng-template>\n      <ng-template kendoGridCellTemplate let-dataItem>\n        @if (column.formatter) {\n          {{ getFormattedValue(dataItem, column) }}\n        } @else {\n        @switch (column.dataType) {\n          @case ('boolean') {\n            <kendo-checkbox type=\"checkbox\" [checkedState]=\"$any(getValue(dataItem, column))\" [disabled]=\"true\" />\n          }\n          @case ('iso8601') {\n            {{ $any(getValue(dataItem, column)) | date:column.format }}\n          }\n          @case ('bytes') {\n            {{ $any(getValue(dataItem, column)) | bytesToSize }}\n          }\n          @case ('statusIcons') {\n            <span class=\"status-icons-cell\">\n              @for (fieldConfig of getStatusFields(column); track fieldConfig.field) {\n                @if (getStatusIconMapping(dataItem, fieldConfig); as mapping) {\n                  <span\n                    class=\"status-icon\"\n                    [title]=\"mapping.tooltip\"\n                    [style.color]=\"mapping.color\">\n                    <kendo-svg-icon [icon]=\"mapping.icon\"></kendo-svg-icon>\n                  </span>\n                }\n              }\n            </span>\n          }\n          @case ('cronExpression') {\n            <span class=\"cron-expression-cell\">\n              <code class=\"cron-expression\">{{ getValue(dataItem, column) }}</code>\n              <span class=\"cron-description\">{{ getCronHumanReadable(getValue(dataItem, column)) }}</span>\n            </span>\n          }\n          @case ('numeric') {\n            {{ $any(getValue(dataItem, column)) | number:column.format }}\n          }\n          @case ('progressBar') {\n            <span class=\"progress-bar-cell\">\n              <span class=\"progress-bar-track\">\n                <span class=\"progress-bar-fill\" [style.width.%]=\"getValue(dataItem, column)\"></span>\n              </span>\n              <span class=\"progress-bar-label\">{{ getValue(dataItem, column) }}%</span>\n            </span>\n          }\n          @case ('badge') {\n            @if (getBadgeMapping(dataItem, column); as badge) {\n              <span\n                class=\"badge-cell\"\n                [title]=\"badge.tooltip ?? ''\"\n                [style.color]=\"badge.color\"\n                [style.background]=\"badge.backgroundColor\"\n                [style.borderColor]=\"badge.borderColor ?? badge.backgroundColor\">\n                {{ badge.label ?? getValue(dataItem, column) }}\n              </span>\n            } @else {\n              <span class=\"badge-cell badge-cell-default\">{{ getValue(dataItem, column) }}</span>\n            }\n          }\n          @default {\n            {{ getValue(dataItem, column) }}\n          }\n        }\n        }\n      </ng-template>\n    </kendo-grid-column>\n  }\n\n  @if (_actionMenuItems.length > 0 || (_contextMenuItems.length > 0 &&  contextMenuType == 'actionMenu')) {\n    <kendo-grid-command-column [title]=\"_messages.actionsColumnTitle\" [width]=\"220\">\n      <ng-template kendoGridCellTemplate let-dataItem>\n        @if (_actionMenuItems.length > 0) {\n          @for (menuItem of _actionMenuItems; track menuItem.text) {\n            @if (!menuItem.separator && getMenuItemVisible(menuItem, dataItem)) {\n              <button kendoButton themeColor=\"primary\" fillMode=\"flat\"\n                [svgIcon]=\"menuItem.svgIcon!\"\n                [title]=\"menuItem.text ?? ''\"\n                [disabled]=\"getMenuItemDisabled(menuItem, dataItem) || isLoading()\"\n                (click)=\"onSelectOptionActionItem($event, dataItem, menuItem)\">\n              </button>\n            }\n          }\n        }\n\n        @if (_contextMenuItems.length > 0 && contextMenuType == 'actionMenu') {\n          <button kendoButton themeColor=\"primary\" fillMode=\"flat\" [svgIcon]=\"moreVerticalIcon\" [disabled]=\"isLoading()\" (click)=\"onContextMenu(dataItem, $event)\"></button>\n        }\n      </ng-template>\n    </kendo-grid-command-column>\n  }\n\n  <kendo-grid-excel fileName=\"{{excelExportFileName}}\">\n    @for (column of columns; track column.field) {\n      <kendo-excelexport-column [field]=\"column.field\"\n                                [title]=\"getDisplayName(column) | pascalCase\">\n      </kendo-excelexport-column>\n    }\n  </kendo-grid-excel>\n\n  <kendo-grid-pdf fileName=\"{{pdfExportFileName}}\" paperSize=\"A4\" [repeatHeaders]=\"true\"\n                  [landscape]=\"true\">\n    @for (column of columns; track column.field) {\n      <kendo-grid-column [field]=\"column.field\"\n                         [filter]=\"getFilterType(column)\"\n                         [title]=\"getDisplayName(column) | pascalCase\"></kendo-grid-column>\n    }\n    <kendo-grid-pdf-margin top=\"1.5cm\" left=\"1cm\" right=\"1cm\" bottom=\"1.5cm\"></kendo-grid-pdf-margin>\n    <ng-template kendoGridPDFTemplate let-pageNum=\"pageNum\" let-totalPages=\"totalPages\">\n      <div class=\"page-template\">\n        <div class=\"footer\" style=\"position: absolute; bottom: 0; width: 100%; text-align: center; font-size: 9px; color: #666;\">\n          {{ getPdfPageText(pageNum, totalPages) }}\n        </div>\n      </div>\n    </ng-template>\n  </kendo-grid-pdf>\n</kendo-grid>\n\n<kendo-contextmenu\n  #gridmenu\n  [kendoMenuHierarchyBinding]=\"_contextMenuItems\"\n  [textField]=\"['text']\"\n  childrenField=\"items\"\n  svgIconField=\"svgIcon\"\n  separatorField=\"separator\"\n  disabledField=\"disabled\"\n  (popupClose)=\"onContextMenuClosed($event)\"\n  (select)=\"onContextMenuSelect($event)\"\n></kendo-contextmenu>\n", styles: [".status-icons-cell{display:inline-flex;align-items:center;gap:8px}.status-icons-cell .status-icon{display:inline-flex;align-items:center;justify-content:center;cursor:default}.status-icons-cell .status-icon kendo-svg-icon{width:18px;height:18px}:host ::ng-deep .filter-status-item{display:inline-flex;align-items:center;gap:10px}:host ::ng-deep .status-filter-dropdown .k-input-value-text{font-size:0}:host ::ng-deep .status-filter-dropdown .k-input-value-text .filter-status-item,:host ::ng-deep .status-filter-dropdown .k-input-value-text>span{font-size:14px}.numeric-range-filter{display:flex;align-items:center;gap:4px}.numeric-range-filter kendo-numerictextbox{flex:1;min-width:0}.numeric-range-filter .range-separator{flex-shrink:0;opacity:.6}.cron-expression-cell{display:flex;flex-direction:column;gap:2px}.cron-expression-cell .cron-expression{font-family:Roboto Mono,Consolas,monospace;font-size:.85em;background:var(--mm-cron-code-bg, #eeeeee);color:var(--mm-cron-code-text, #333333);padding:2px 6px;border-radius:3px}.cron-expression-cell .cron-description{font-size:.8em;color:var(--mm-cron-text-secondary, #666666)}.badge-cell{display:inline-block;padding:2px 10px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border-radius:12px;border:1px solid var(--mm-badge-default-border, transparent);background:var(--mm-badge-default-bg, rgba(127, 127, 127, .15));color:var(--mm-badge-default-color, inherit);white-space:nowrap;line-height:1.4}.badge-cell-default{opacity:.7;font-style:italic}.progress-bar-cell{display:inline-flex;align-items:center;gap:8px;width:100%}.progress-bar-cell .progress-bar-track{flex:1;height:8px;background:var(--mm-progress-track-bg, rgba(255, 255, 255, .1));border-radius:4px;overflow:hidden}.progress-bar-cell .progress-bar-fill{display:block;height:100%;background:var(--mm-progress-fill-color, #10b981);border-radius:4px;transition:width .3s ease}.progress-bar-cell .progress-bar-label{min-width:40px;text-align:right;font-size:.85em}:host-context(.k-pdf-export) .k-grid,:host-context(.k-pdf-export) .k-grid-header,:host-context(.k-pdf-export) .k-grid-content,:host-context(.k-pdf-export) .k-grid-header-wrap,:host-context(.k-pdf-export) .k-grid-content-locked,:host-context(.k-pdf-export) .k-grid-header-locked{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#000!important;border-color:#000!important}:host-context(.k-pdf-export) .k-grid{border:1px solid #000!important;font-family:Arial,sans-serif!important;font-size:10px!important}:host-context(.k-pdf-export) .k-grid-header th,:host-context(.k-pdf-export) .k-header,:host-context(.k-pdf-export) .k-grid th{background:#f0f0f0!important;background-color:#f0f0f0!important;background-image:none!important;color:#000!important;border:1px solid #000!important;font-weight:700!important;padding:6px 8px!important;text-transform:none!important;letter-spacing:normal!important}:host-context(.k-pdf-export) .k-grid td,:host-context(.k-pdf-export) .k-grid-content td,:host-context(.k-pdf-export) .k-master-row td{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#000!important;border:1px solid #000!important;padding:4px 8px!important}:host-context(.k-pdf-export) .k-grid tr,:host-context(.k-pdf-export) .k-master-row,:host-context(.k-pdf-export) .k-alt{background:#fff!important;background-color:#fff!important;background-image:none!important}:host-context(.k-pdf-export) .k-grid tr:hover,:host-context(.k-pdf-export) .k-grid tr.k-selected,:host-context(.k-pdf-export) .k-grid td:hover{background:#fff!important;background-color:#fff!important}:host-context(.k-pdf-export) .k-grid-toolbar,:host-context(.k-pdf-export) .k-pager,:host-context(.k-pdf-export) .k-grid-pager,:host-context(.k-pdf-export) .k-command-cell,:host-context(.k-pdf-export) .k-checkbox-column,:host-context(.k-pdf-export) kendo-grid-checkbox-column,:host-context(.k-pdf-export) .status-icons-cell,:host-context(.k-pdf-export) .status-icon,:host-context(.k-pdf-export) kendo-svg-icon{display:none!important}:host-context(.k-pdf-export) .badge-cell{background:transparent!important;border:none!important;color:inherit!important;padding:0!important;border-radius:0!important;text-transform:none!important;font-weight:inherit!important;letter-spacing:0!important;font-size:inherit!important}\n"], dependencies: [{ kind: "component", type: 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: MmListViewDataBindingDirective, selector: "[mmListViewDataBinding]" }, { kind: "component", type: ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: GridSpacerComponent, selector: "kendo-grid-spacer", inputs: ["width"] }, { kind: "ngmodule", type: ExcelModule }, { kind: "component", type: i1$1.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"], outputs: ["fileCreated"] }, { kind: "component", type: i1$1.ExcelCommandDirective, selector: "[kendoGridExcelCommand]" }, { kind: "component", type: i2.ColumnComponent, selector: "kendo-excelexport-column", inputs: ["field", "cellOptions", "groupHeaderCellOptions", "groupFooterCellOptions", "footerCellOptions"] }, { kind: "ngmodule", type: PDFModule }, { kind: "component", type: i1$1.PDFComponent, selector: "kendo-grid-pdf", inputs: ["allPages", "delay"] }, { kind: "component", type: i1$1.PDFMarginComponent, selector: "kendo-grid-pdf-margin" }, { kind: "component", type: i1$1.PDFCommandDirective, selector: "[kendoGridPDFCommand]" }, { kind: "directive", type: i1$1.PDFTemplateDirective, selector: "[kendoGridPDFTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "component", type: ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "directive", type: HierarchyBindingDirective, selector: "[kendoMenuHierarchyBinding]", inputs: ["kendoMenuHierarchyBinding", "textField", "urlField", "iconField", "svgIconField", "disabledField", "cssClassField", "cssStyleField", "separatorField", "childrenField"], exportAs: ["kendoMenuHierarchyBinding"] }, { kind: "component", type: CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll", "showDisabledCheckbox"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }, { kind: "component", type: SeparatorComponent, selector: "kendo-separator", inputs: ["orientation"] }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: i3.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { kind: "component", type: CustomMessagesComponent, selector: "kendo-grid-messages" }, { kind: "directive", type: FilterCellTemplateDirective, selector: "[kendoGridFilterCellTemplate]" }, { kind: "component", type: StringFilterCellComponent, selector: "kendo-grid-string-filter-cell", inputs: ["filterDelay", "showOperators", "placeholder"] }, { kind: "component", type: NumericFilterCellComponent, selector: "kendo-grid-numeric-filter-cell", inputs: ["filterDelay", "showOperators", "placeholder"] }, { kind: "component", type: BooleanFilterCellComponent, selector: "kendo-grid-boolean-filter-cell" }, { kind: "component", type: DateFilterCellComponent, selector: "kendo-grid-date-filter-cell", inputs: ["showOperators"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "pipe", type: PascalCasePipe, name: "pascalCase" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: BytesToSizePipe, name: "bytesToSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ListViewComponent, isStandalone: true, selector: "mm-list-view", inputs: { pageSize: "pageSize", skip: "skip", rowIsClickable: "rowIsClickable", showRowCheckBoxes: "showRowCheckBoxes", showRowSelectAllCheckBox: "showRowSelectAllCheckBox", contextMenuType: "contextMenuType", leftToolbarActions: "leftToolbarActions", rightToolbarActions: "rightToolbarActions", actionCommandItems: "actionCommandItems", contextMenuCommandItems: "contextMenuCommandItems", excelExportFileName: "excelExportFileName", pdfExportFileName: "pdfExportFileName", pageable: "pageable", sortable: "sortable", rowFilterEnabled: "rowFilterEnabled", searchTextBoxEnabled: "searchTextBoxEnabled", rowClass: "rowClass", messages: "messages", selectable: "selectable", columns: "columns" }, outputs: { rowClicked: "rowClicked" }, viewQueries: [{ propertyName: "gridComponent", first: true, predicate: GridComponent, descendants: true }, { propertyName: "dataBindingDirective", first: true, predicate: MmListViewDataBindingDirective, descendants: true }, { propertyName: "gridContextMenu", first: true, predicate: ["gridmenu"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<kendo-grid\n  mmListViewDataBinding\n  [loading]=\"isLoading()\"\n  [pageSize]=\"pageSize\" [selectable]=\"selectable\" (pageChange)=\"onPageChange($event)\"\n  [skip]=\"skip\" (selectionChange)=\"onRowSelect($event)\" (cellClick)=\"onCellClick($event)\"\n  [pageable]=\"pageable\"\n  [sortable]=\"sortable\"\n  [filterable]=\"_showRowFilter\"\n  [rowClass]=\"rowClass ?? defaultRowClass\"\n>\n  <kendo-grid-messages\n    [pagerItemsPerPage]=\"_messages.pagerItemsPerPage\"\n    [pagerOf]=\"_messages.pagerOf\"\n    [pagerItems]=\"_messages.pagerItems\"\n    [pagerPage]=\"_messages.pagerPage\"\n    [pagerFirstPage]=\"_messages.pagerFirstPage\"\n    [pagerLastPage]=\"_messages.pagerLastPage\"\n    [pagerPreviousPage]=\"_messages.pagerPreviousPage\"\n    [pagerNextPage]=\"_messages.pagerNextPage\"\n    [noRecords]=\"_messages.noRecords\"\n  ></kendo-grid-messages>\n  <ng-template kendoGridToolbarTemplate>\n\n    @for (commandItem of leftToolbarActions; track commandItem.id) {\n      @if (commandItem) {\n        @switch (commandItem.type) {\n          @case ('link') {\n            @if (commandItem.children && commandItem.children.length > 0) {\n              <kendo-dropdownbutton\n                [data]=\"commandItem.children\"\n                [svgIcon]=\"$any(commandItem.svgIcon)\"\n                [disabled]=\"getIsDisabled(commandItem) || isLoading()\"\n                [textField]=\"'text'\"\n                themeColor=\"primary\"\n                (itemClick)=\"onToolbarDropdownItemClick($event)\">\n                {{ commandItem.text }}\n              </kendo-dropdownbutton>\n            } @else if (commandItem.svgIcon) {\n              <button kendoTooltip kendoButton themeColor=\"primary\" [svgIcon]=\"commandItem.svgIcon\" [title]=\"commandItem.text\"\n                      [disabled]=\"getIsDisabled(commandItem) || isLoading()\"\n                      (click)=\"onToolbarCommand(commandItem)\">{{ commandItem.text }}\n              </button>\n            } @else {\n              <button kendoTooltip kendoButton themeColor=\"primary\" [title]=\"commandItem.text\"\n                      [disabled]=\"getIsDisabled(commandItem) || isLoading()\"\n                      (click)=\"onToolbarCommand(commandItem)\">{{ commandItem.text }}\n              </button>\n            }\n          }\n          @case ('separator'){\n            <kendo-separator></kendo-separator>\n          }\n        }\n      }\n    }\n\n    <kendo-grid-spacer></kendo-grid-spacer>\n    @if (searchTextBoxEnabled) {\n      <input\n        class=\"k-textbox k-input k-input-md k-rounded-md\"\n        [style.width.px]=\"165\"\n        [placeholder]=\"_messages.searchPlaceholder\"\n        [value]=\"searchValue\"\n        (input)=\"onFilter($any($event.target).value || null)\"\n      />\n    }\n\n    @for (commandItem of rightToolbarActions; track commandItem.id) {\n      @if (commandItem) {\n        @switch (commandItem.type) {\n          @case ('link') {\n            @if (commandItem.children && commandItem.children.length > 0) {\n              <kendo-dropdownbutton\n                [data]=\"commandItem.children\"\n                [svgIcon]=\"$any(commandItem.svgIcon)\"\n                [disabled]=\"getIsDisabled(commandItem) || isLoading()\"\n                [textField]=\"'text'\"\n                themeColor=\"primary\"\n                (itemClick)=\"onToolbarDropdownItemClick($event)\">\n                {{ commandItem.text }}\n              </kendo-dropdownbutton>\n            } @else if (commandItem.svgIcon) {\n              <button kendoTooltip kendoButton themeColor=\"primary\" [svgIcon]=\"commandItem.svgIcon\" [title]=\"commandItem.text\"\n                      [disabled]=\"getIsDisabled(commandItem) || isLoading()\"\n                      (click)=\"onToolbarCommand(commandItem)\">{{ commandItem.text }}\n              </button>\n            } @else {\n              <button kendoTooltip kendoButton themeColor=\"primary\" [title]=\"commandItem.text\"\n                      [disabled]=\"getIsDisabled(commandItem) || isLoading()\"\n                      (click)=\"onToolbarCommand(commandItem)\">{{ commandItem.text }}\n              </button>\n            }\n          }\n          @case ('separator'){\n            <kendo-separator></kendo-separator>\n          }\n        }\n      }\n    }\n\n    @if (rowFilterEnabled) {\n      <button kendoTooltip kendoButton themeColor=\"primary\" fillMode=\"flat\" [svgIcon]=\"filterIcon\" (click)=\"onShowRowFilter()\"\n              [disabled]=\"isLoading()\" [title]=\"_messages.showRowFilter\"></button>\n    }\n    <button kendoTooltip kendoGridExcelCommand themeColor=\"primary\" fillMode=\"flat\" [svgIcon]=\"excelSVG\" [disabled]=\"isLoading()\" [title]=\"_messages.exportToExcel\"></button>\n    <button kendoTooltip kendoGridPDFCommand themeColor=\"primary\" fillMode=\"flat\" [svgIcon]=\"pdfSVG\" [disabled]=\"isLoading()\" [title]=\"_messages.exportToPdf\"></button>\n    <button kendoTooltip kendoButton themeColor=\"primary\" fillMode=\"flat\" [svgIcon]=\"refreshIcon\" (click)=\"onRefresh()\" [disabled]=\"isLoading()\" [title]=\"_messages.refreshData\"></button>\n  </ng-template>\n\n  @if (showRowCheckBoxes && selectable.enabled) {\n    <kendo-grid-checkbox-column [showSelectAll]=\"showRowSelectAllCheckBox\"\n                                [width]=\"40\"></kendo-grid-checkbox-column>\n  }\n\n  @for (column of columns; track column.field) {\n    <kendo-grid-column [field]=\"column.field\"\n                       [filter]=\"getFilterType(column)\" format=\"{{column.format}}\"\n                       [width]=\"$any(column.width)\"\n                       [sortable]=\"column.sortable !== false\"\n                       [filterable]=\"column.filterable !== false\"\n                       [title]=\"getDisplayName(column) | pascalCase\">\n      <ng-template kendoGridFilterCellTemplate let-filter let-gridColumn=\"column\">\n        @if (hasFilterOptions(column)) {\n          <kendo-dropdownlist\n            class=\"status-filter-dropdown\"\n            [data]=\"column.filterOptions!\"\n            textField=\"text\"\n            valueField=\"value\"\n            [valuePrimitive]=\"true\"\n            [value]=\"getSelectedFilterValue(column)\"\n            [defaultItem]=\"{ text: '', value: null }\"\n            [popupSettings]=\"{ width: 'auto' }\"\n            (valueChange)=\"onDropdownFilter($event, column)\"\n          >\n            <ng-template kendoDropDownListValueTemplate let-dataItem>\n              @if (dataItem?.value && column.statusMapping?.[dataItem.value]; as mapping) {\n                <span class=\"filter-status-item\">\n                  <span [style.color]=\"mapping.color\">\n                    <kendo-svg-icon [icon]=\"mapping.icon\" [size]=\"'small'\"></kendo-svg-icon>\n                  </span>\n                </span>\n              } @else if (dataItem?.text) {\n                <span>{{ dataItem.text }}</span>\n              }\n            </ng-template>\n            <ng-template kendoDropDownListItemTemplate let-dataItem>\n              @if (dataItem?.value && column.statusMapping?.[dataItem.value]; as mapping) {\n                <span style=\"display: inline-flex; align-items: center; gap: 8px;\">\n                  <span [style.color]=\"mapping.color\">\n                    <kendo-svg-icon [icon]=\"mapping.icon\" [size]=\"'small'\"></kendo-svg-icon>\n                  </span>\n                  <span>{{ dataItem.text }}</span>\n                </span>\n              } @else {\n                <span>{{ dataItem.text }}</span>\n              }\n            </ng-template>\n          </kendo-dropdownlist>\n        } @else if (column.dataType === 'numericRange') {\n          <span class=\"numeric-range-filter\">\n            <kendo-numerictextbox\n              [value]=\"$any(getRangeFilterValue(column, 'gte'))\"\n              (valueChange)=\"onRangeFilterChange($event, column, 'gte')\"\n              [spinners]=\"false\"\n              [decimals]=\"2\"\n              placeholder=\"From\"\n              size=\"small\"\n            ></kendo-numerictextbox>\n            <span class=\"range-separator\">\u2013</span>\n            <kendo-numerictextbox\n              [value]=\"$any(getRangeFilterValue(column, 'lte'))\"\n              (valueChange)=\"onRangeFilterChange($event, column, 'lte')\"\n              [spinners]=\"false\"\n              [decimals]=\"2\"\n              placeholder=\"To\"\n              size=\"small\"\n            ></kendo-numerictextbox>\n          </span>\n        } @else {\n          @switch (getFilterType(column)) {\n            @case ('numeric') {\n              <kendo-grid-numeric-filter-cell [column]=\"gridColumn\" [filter]=\"filter\" [showOperators]=\"true\" [operator]=\"column.filterOperator || 'eq'\"></kendo-grid-numeric-filter-cell>\n            }\n            @case ('boolean') {\n              <kendo-grid-boolean-filter-cell [column]=\"gridColumn\" [filter]=\"filter\"></kendo-grid-boolean-filter-cell>\n            }\n            @case ('date') {\n              <kendo-grid-date-filter-cell [column]=\"gridColumn\" [filter]=\"filter\" [showOperators]=\"true\" [operator]=\"column.filterOperator || 'eq'\"></kendo-grid-date-filter-cell>\n            }\n            @default {\n              <kendo-grid-string-filter-cell [column]=\"gridColumn\" [filter]=\"filter\" [showOperators]=\"false\"></kendo-grid-string-filter-cell>\n            }\n          }\n        }\n      </ng-template>\n      <ng-template kendoGridCellTemplate let-dataItem>\n        @if (column.formatter) {\n          {{ getFormattedValue(dataItem, column) }}\n        } @else {\n        @switch (column.dataType) {\n          @case ('boolean') {\n            <kendo-checkbox type=\"checkbox\" [checkedState]=\"$any(getValue(dataItem, column))\" [disabled]=\"true\" />\n          }\n          @case ('iso8601') {\n            {{ $any(getValue(dataItem, column)) | date:column.format }}\n          }\n          @case ('bytes') {\n            {{ $any(getValue(dataItem, column)) | bytesToSize }}\n          }\n          @case ('statusIcons') {\n            <span class=\"status-icons-cell\">\n              @for (fieldConfig of getStatusFields(column); track fieldConfig.field) {\n                @if (getStatusIconMapping(dataItem, fieldConfig); as mapping) {\n                  <span\n                    class=\"status-icon\"\n                    [title]=\"mapping.tooltip\"\n                    [style.color]=\"mapping.color\">\n                    <kendo-svg-icon [icon]=\"mapping.icon\"></kendo-svg-icon>\n                  </span>\n                }\n              }\n            </span>\n          }\n          @case ('cronExpression') {\n            <span class=\"cron-expression-cell\">\n              <code class=\"cron-expression\">{{ getValue(dataItem, column) }}</code>\n              <span class=\"cron-description\">{{ getCronHumanReadable(getValue(dataItem, column)) }}</span>\n            </span>\n          }\n          @case ('numeric') {\n            {{ $any(getValue(dataItem, column)) | number:column.format }}\n          }\n          @case ('progressBar') {\n            <span class=\"progress-bar-cell\">\n              <span class=\"progress-bar-track\">\n                <span class=\"progress-bar-fill\" [style.width.%]=\"getValue(dataItem, column)\"></span>\n              </span>\n              <span class=\"progress-bar-label\">{{ getValue(dataItem, column) }}%</span>\n            </span>\n          }\n          @case ('badge') {\n            @if (getBadgeMapping(dataItem, column); as badge) {\n              <span\n                class=\"badge-cell\"\n                [title]=\"badge.tooltip ?? ''\"\n                [style.color]=\"badge.color\"\n                [style.background]=\"badge.backgroundColor\"\n                [style.borderColor]=\"badge.borderColor ?? badge.backgroundColor\">\n                {{ badge.label ?? getValue(dataItem, column) }}\n              </span>\n            } @else {\n              <span class=\"badge-cell badge-cell-default\">{{ getValue(dataItem, column) }}</span>\n            }\n          }\n          @default {\n            {{ getValue(dataItem, column) }}\n          }\n        }\n        }\n      </ng-template>\n    </kendo-grid-column>\n  }\n\n  @if (_actionMenuItems.length > 0 || (_contextMenuItems.length > 0 &&  contextMenuType == 'actionMenu')) {\n    <kendo-grid-command-column [title]=\"_messages.actionsColumnTitle\" [width]=\"220\">\n      <ng-template kendoGridCellTemplate let-dataItem>\n        @if (_actionMenuItems.length > 0) {\n          @for (menuItem of _actionMenuItems; track menuItem.text) {\n            @if (!menuItem.separator && getMenuItemVisible(menuItem, dataItem)) {\n              <button kendoButton themeColor=\"primary\" fillMode=\"flat\"\n                [svgIcon]=\"menuItem.svgIcon!\"\n                [title]=\"menuItem.text ?? ''\"\n                [disabled]=\"getMenuItemDisabled(menuItem, dataItem) || isLoading()\"\n                (click)=\"onSelectOptionActionItem($event, dataItem, menuItem)\">\n              </button>\n            }\n          }\n        }\n\n        @if (_contextMenuItems.length > 0 && contextMenuType == 'actionMenu') {\n          <button kendoButton themeColor=\"primary\" fillMode=\"flat\" [svgIcon]=\"moreVerticalIcon\" [disabled]=\"isLoading()\" (click)=\"onContextMenu(dataItem, $event)\"></button>\n        }\n      </ng-template>\n    </kendo-grid-command-column>\n  }\n\n  <kendo-grid-excel fileName=\"{{excelExportFileName}}\">\n    @for (column of columns; track column.field) {\n      <kendo-excelexport-column [field]=\"column.field\"\n                                [title]=\"getDisplayName(column) | pascalCase\">\n      </kendo-excelexport-column>\n    }\n  </kendo-grid-excel>\n\n  <kendo-grid-pdf fileName=\"{{pdfExportFileName}}\" paperSize=\"A4\" [repeatHeaders]=\"true\"\n                  [landscape]=\"true\">\n    @for (column of columns; track column.field) {\n      <kendo-grid-column [field]=\"column.field\"\n                         [filter]=\"getFilterType(column)\"\n                         [title]=\"getDisplayName(column) | pascalCase\"></kendo-grid-column>\n    }\n    <kendo-grid-pdf-margin top=\"1.5cm\" left=\"1cm\" right=\"1cm\" bottom=\"1.5cm\"></kendo-grid-pdf-margin>\n    <ng-template kendoGridPDFTemplate let-pageNum=\"pageNum\" let-totalPages=\"totalPages\">\n      <div class=\"page-template\">\n        <div class=\"footer\" style=\"position: absolute; bottom: 0; width: 100%; text-align: center; font-size: 9px; color: #666;\">\n          {{ getPdfPageText(pageNum, totalPages) }}\n        </div>\n      </div>\n    </ng-template>\n  </kendo-grid-pdf>\n</kendo-grid>\n\n<kendo-contextmenu\n  #gridmenu\n  [kendoMenuHierarchyBinding]=\"_contextMenuItems\"\n  [textField]=\"['text']\"\n  childrenField=\"items\"\n  svgIconField=\"svgIcon\"\n  separatorField=\"separator\"\n  disabledField=\"disabled\"\n  (popupClose)=\"onContextMenuClosed($event)\"\n  (select)=\"onContextMenuSelect($event)\"\n></kendo-contextmenu>\n", styles: [".status-icons-cell{display:inline-flex;align-items:center;gap:8px}.status-icons-cell .status-icon{display:inline-flex;align-items:center;justify-content:center;cursor:default}.status-icons-cell .status-icon kendo-svg-icon{width:18px;height:18px}:host ::ng-deep .filter-status-item{display:inline-flex;align-items:center;gap:10px}:host ::ng-deep .status-filter-dropdown .k-input-value-text{font-size:0}:host ::ng-deep .status-filter-dropdown .k-input-value-text .filter-status-item,:host ::ng-deep .status-filter-dropdown .k-input-value-text>span{font-size:14px}.numeric-range-filter{display:flex;align-items:center;gap:4px}.numeric-range-filter kendo-numerictextbox{flex:1;min-width:0}.numeric-range-filter .range-separator{flex-shrink:0;opacity:.6}.cron-expression-cell{display:flex;flex-direction:column;gap:2px}.cron-expression-cell .cron-expression{font-family:Roboto Mono,Consolas,monospace;font-size:.85em;background:var(--mm-cron-code-bg, #eeeeee);color:var(--mm-cron-code-text, #333333);padding:2px 6px;border-radius:3px}.cron-expression-cell .cron-description{font-size:.8em;color:var(--mm-cron-text-secondary, #666666)}.badge-cell{display:inline-block;padding:2px 10px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border-radius:12px;border:1px solid var(--mm-badge-default-border, transparent);background:var(--mm-badge-default-bg, rgba(127, 127, 127, .15));color:var(--mm-badge-default-color, inherit);white-space:nowrap;line-height:1.4}.badge-cell-default{opacity:.7;font-style:italic}.progress-bar-cell{display:inline-flex;align-items:center;gap:8px;width:100%}.progress-bar-cell .progress-bar-track{flex:1;height:8px;background:var(--mm-progress-track-bg, rgba(255, 255, 255, .1));border-radius:4px;overflow:hidden}.progress-bar-cell .progress-bar-fill{display:block;height:100%;background:var(--mm-progress-fill-color, #10b981);border-radius:4px;transition:width .3s ease}.progress-bar-cell .progress-bar-label{min-width:40px;text-align:right;font-size:.85em}:host-context(.k-pdf-export) .k-grid,:host-context(.k-pdf-export) .k-grid-header,:host-context(.k-pdf-export) .k-grid-content,:host-context(.k-pdf-export) .k-grid-header-wrap,:host-context(.k-pdf-export) .k-grid-content-locked,:host-context(.k-pdf-export) .k-grid-header-locked{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#000!important;border-color:#000!important}:host-context(.k-pdf-export) .k-grid{border:1px solid #000!important;font-family:Arial,sans-serif!important;font-size:10px!important}:host-context(.k-pdf-export) .k-grid-header th,:host-context(.k-pdf-export) .k-header,:host-context(.k-pdf-export) .k-grid th{background:#f0f0f0!important;background-color:#f0f0f0!important;background-image:none!important;color:#000!important;border:1px solid #000!important;font-weight:700!important;padding:6px 8px!important;text-transform:none!important;letter-spacing:normal!important}:host-context(.k-pdf-export) .k-grid td,:host-context(.k-pdf-export) .k-grid-content td,:host-context(.k-pdf-export) .k-master-row td{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#000!important;border:1px solid #000!important;padding:4px 8px!important}:host-context(.k-pdf-export) .k-grid tr,:host-context(.k-pdf-export) .k-master-row,:host-context(.k-pdf-export) .k-alt{background:#fff!important;background-color:#fff!important;background-image:none!important}:host-context(.k-pdf-export) .k-grid tr:hover,:host-context(.k-pdf-export) .k-grid tr.k-selected,:host-context(.k-pdf-export) .k-grid td:hover{background:#fff!important;background-color:#fff!important}:host-context(.k-pdf-export) .k-grid-toolbar,:host-context(.k-pdf-export) .k-pager,:host-context(.k-pdf-export) .k-grid-pager,:host-context(.k-pdf-export) .k-command-cell,:host-context(.k-pdf-export) .k-checkbox-column,:host-context(.k-pdf-export) kendo-grid-checkbox-column,:host-context(.k-pdf-export) .status-icons-cell,:host-context(.k-pdf-export) .status-icon,:host-context(.k-pdf-export) kendo-svg-icon{display:none!important}:host-context(.k-pdf-export) .badge-cell{background:transparent!important;border:none!important;color:inherit!important;padding:0!important;border-radius:0!important;text-transform:none!important;font-weight:inherit!important;letter-spacing:0!important;font-size:inherit!important}\n"], dependencies: [{ kind: "component", type: 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: MmListViewDataBindingDirective, selector: "[mmListViewDataBinding]" }, { kind: "component", type: ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: GridSpacerComponent, selector: "kendo-grid-spacer", inputs: ["width"] }, { kind: "ngmodule", type: ExcelModule }, { kind: "component", type: i1$1.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"], outputs: ["fileCreated"] }, { kind: "component", type: i1$1.ExcelCommandDirective, selector: "[kendoGridExcelCommand]" }, { kind: "component", type: i2$1.ColumnComponent, selector: "kendo-excelexport-column", inputs: ["field", "cellOptions", "groupHeaderCellOptions", "groupFooterCellOptions", "footerCellOptions"] }, { kind: "ngmodule", type: PDFModule }, { kind: "component", type: i1$1.PDFComponent, selector: "kendo-grid-pdf", inputs: ["allPages", "delay"] }, { kind: "component", type: i1$1.PDFMarginComponent, selector: "kendo-grid-pdf-margin" }, { kind: "component", type: i1$1.PDFCommandDirective, selector: "[kendoGridPDFCommand]" }, { kind: "directive", type: i1$1.PDFTemplateDirective, selector: "[kendoGridPDFTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "component", type: ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "directive", type: HierarchyBindingDirective, selector: "[kendoMenuHierarchyBinding]", inputs: ["kendoMenuHierarchyBinding", "textField", "urlField", "iconField", "svgIconField", "disabledField", "cssClassField", "cssStyleField", "separatorField", "childrenField"], exportAs: ["kendoMenuHierarchyBinding"] }, { kind: "component", type: CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll", "showDisabledCheckbox"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }, { kind: "component", type: SeparatorComponent, selector: "kendo-separator", inputs: ["orientation"] }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: i3.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { kind: "component", type: CustomMessagesComponent, selector: "kendo-grid-messages" }, { kind: "directive", type: FilterCellTemplateDirective, selector: "[kendoGridFilterCellTemplate]" }, { kind: "component", type: StringFilterCellComponent, selector: "kendo-grid-string-filter-cell", inputs: ["filterDelay", "showOperators", "placeholder"] }, { kind: "component", type: NumericFilterCellComponent, selector: "kendo-grid-numeric-filter-cell", inputs: ["filterDelay", "showOperators", "placeholder"] }, { kind: "component", type: BooleanFilterCellComponent, selector: "kendo-grid-boolean-filter-cell" }, { kind: "component", type: DateFilterCellComponent, selector: "kendo-grid-date-filter-cell", inputs: ["showOperators"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "pipe", type: PascalCasePipe, name: "pascalCase" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: BytesToSizePipe, name: "bytesToSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ListViewComponent, decorators: [{
             type: Component,
@@ -3669,18 +3771,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
+const DEFAULT_SAVE_AS_DIALOG_MESSAGES = {
+    nameLabel: 'Name',
+    placeholder: 'Enter name...',
+    save: 'Save',
+    cancel: 'Cancel',
+    patternError: 'Invalid name format',
+    nameRequired: 'Name is required',
+    nameTooShort: 'Name must be at least {0} characters',
+    nameTooLong: 'Name must be at most {0} characters',
+    checkingAvailability: 'Checking availability...',
+    nameAvailable: 'Name is available',
+    nameAlreadyTaken: 'Name is already taken',
+};
+
 class SaveAsDialogComponent extends DialogContentBase {
     nameControl = new FormControl('', { nonNullable: true });
-    nameLabel = 'Name';
-    placeholder = 'Enter name...';
-    saveButtonText = 'Save';
-    cancelButtonText = 'Cancel';
+    nameLabel = DEFAULT_SAVE_AS_DIALOG_MESSAGES.nameLabel;
+    placeholder = DEFAULT_SAVE_AS_DIALOG_MESSAGES.placeholder;
+    saveButtonText = DEFAULT_SAVE_AS_DIALOG_MESSAGES.save;
+    cancelButtonText = DEFAULT_SAVE_AS_DIALOG_MESSAGES.cancel;
     minLength = 1;
     maxLength = 255;
-    patternErrorMessage = 'Invalid name format';
+    patternErrorMessage = DEFAULT_SAVE_AS_DIALOG_MESSAGES.patternError;
     isCheckingAvailability = false;
     isNameAvailable = false;
     availabilityMessage = '';
+    _messages = { ...DEFAULT_SAVE_AS_DIALOG_MESSAGES };
     dataSource;
     debounceMs = 300;
     subscriptions = new Subscription();
@@ -3691,16 +3808,16 @@ class SaveAsDialogComponent extends DialogContentBase {
     ngOnInit() {
         const options = this.dialog.content?.instance?.options;
         if (options) {
-            this.nameLabel = options.nameLabel || 'Name';
-            this.placeholder = options.placeholder || 'Enter name...';
-            this.saveButtonText = options.saveButtonText || 'Save';
-            this.cancelButtonText = options.cancelButtonText || 'Cancel';
+            this._messages = { ...DEFAULT_SAVE_AS_DIALOG_MESSAGES, ...(options.messages ?? {}) };
+            this.nameLabel = options.nameLabel || this._messages.nameLabel;
+            this.placeholder = options.placeholder || this._messages.placeholder;
+            this.saveButtonText = options.saveButtonText || this._messages.save;
+            this.cancelButtonText = options.cancelButtonText || this._messages.cancel;
             this.minLength = options.minLength ?? 1;
             this.maxLength = options.maxLength ?? 255;
-            this.patternErrorMessage = options.patternErrorMessage || 'Invalid name format';
+            this.patternErrorMessage = options.patternErrorMessage || this._messages.patternError;
             this.dataSource = options.dataSource;
             this.debounceMs = options.debounceTime ?? 300;
-            // Set up validators
             const validators = [
                 Validators.required,
                 Validators.minLength(this.minLength),
@@ -3710,12 +3827,10 @@ class SaveAsDialogComponent extends DialogContentBase {
                 validators.push(Validators.pattern(options.pattern));
             }
             this.nameControl.setValidators(validators);
-            // Set suggested name
             if (options.suggestedName) {
                 this.nameControl.setValue(options.suggestedName);
             }
         }
-        // Set up availability checking if data source provided
         if (this.dataSource) {
             this.setupAvailabilityCheck();
         }
@@ -3724,6 +3839,12 @@ class SaveAsDialogComponent extends DialogContentBase {
         this.subscriptions.unsubscribe();
         this.checkSubject.complete();
     }
+    formatNameTooShort(min) {
+        return this._messages.nameTooShort.replace('{0}', String(min));
+    }
+    formatNameTooLong(max) {
+        return this._messages.nameTooLong.replace('{0}', String(max));
+    }
     setupAvailabilityCheck() {
         this.subscriptions.add(this.checkSubject.pipe(debounceTime(this.debounceMs), distinctUntilChanged(), tap(() => {
             this.isCheckingAvailability = true;
@@ -3732,12 +3853,11 @@ class SaveAsDialogComponent extends DialogContentBase {
             next: (result) => {
                 this.isCheckingAvailability = false;
                 this.isNameAvailable = result.isAvailable;
-                this.availabilityMessage = result.message || 'Name is already taken';
+                this.availabilityMessage = result.message || this._messages.nameAlreadyTaken;
                 if (!result.isAvailable) {
                     this.nameControl.setErrors({ ...this.nameControl.errors, nameTaken: true });
                 }
                 else {
-                    // Remove nameTaken error if it exists
                     if (this.nameControl.errors?.['nameTaken']) {
                         const { nameTaken, ...otherErrors } = this.nameControl.errors;
                         this.nameControl.setErrors(Object.keys(otherErrors).length ? otherErrors : null);
@@ -3748,7 +3868,6 @@ class SaveAsDialogComponent extends DialogContentBase {
                 this.isCheckingAvailability = false;
             }
         }));
-        // Listen to value changes
         this.subscriptions.add(this.nameControl.valueChanges.subscribe(value => {
             if (value && value.length >= this.minLength && !this.nameControl.errors?.['pattern']) {
                 this.checkSubject.next(value);
@@ -3765,7 +3884,6 @@ class SaveAsDialogComponent extends DialogContentBase {
         if (!this.nameControl.valid) {
             return false;
         }
-        // If we have a data source, require availability check to pass
         if (this.dataSource && !this.isNameAvailable) {
             return false;
         }
@@ -3802,13 +3920,13 @@ class SaveAsDialogComponent extends DialogContentBase {
 
         <div class="validation-container">
           <div class="validation-message error" *ngIf="nameControl.touched && nameControl.errors?.['required']">
-            Name is required
+            {{ _messages.nameRequired }}
           </div>
           <div class="validation-message error" *ngIf="nameControl.touched && nameControl.errors?.['minlength']">
-            Name must be at least {{ minLength }} characters
+            {{ formatNameTooShort(minLength) }}
           </div>
           <div class="validation-message error" *ngIf="nameControl.touched && nameControl.errors?.['maxlength']">
-            Name must be at most {{ maxLength }} characters
+            {{ formatNameTooLong(maxLength) }}
           </div>
           <div class="validation-message error" *ngIf="nameControl.touched && nameControl.errors?.['pattern']">
             {{ patternErrorMessage }}
@@ -3819,11 +3937,11 @@ class SaveAsDialogComponent extends DialogContentBase {
 
           <div class="availability-check" *ngIf="isCheckingAvailability">
             <kendo-loader size="small" type="pulsing"></kendo-loader>
-            <span>Checking availability...</span>
+            <span>{{ _messages.checkingAvailability }}</span>
           </div>
 
           <div class="validation-message success" *ngIf="isNameAvailable && !isCheckingAvailability && nameControl.valid">
-            Name is available
+            {{ _messages.nameAvailable }}
           </div>
         </div>
       </div>
@@ -3839,7 +3957,7 @@ class SaveAsDialogComponent extends DialogContentBase {
         {{ saveButtonText }}
       </button>
     </kendo-dialog-actions>
-  `, isInline: true, styles: [".save-as-container{padding:20px;min-width:350px}.form-group{display:flex;flex-direction:column;gap:8px}.name-input{width:100%}.validation-container{min-height:24px}.validation-message{font-size:12px;padding:4px 0}.validation-message.error{color:var(--kendo-color-error, #dc3545)}.validation-message.success{color:var(--kendo-color-success, #28a745)}.availability-check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$2.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i4.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i5.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: "ngmodule", type: LabelModule }, { kind: "component", type: i6.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "ngmodule", type: IndicatorsModule }, { kind: "component", type: i7.LoaderComponent, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }] });
+  `, isInline: true, styles: [".save-as-container{padding:20px;min-width:350px}.form-group{display:flex;flex-direction:column;gap:8px}.name-input{width:100%}.validation-container{min-height:24px}.validation-message{font-size:12px;padding:4px 0}.validation-message.error{color:var(--kendo-color-error, #dc3545)}.validation-message.success{color:var(--kendo-color-success, #28a745)}.availability-check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i4.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i5.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: "ngmodule", type: LabelModule }, { kind: "component", type: i6.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "ngmodule", type: IndicatorsModule }, { kind: "component", type: i7.LoaderComponent, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SaveAsDialogComponent, decorators: [{
             type: Component,
@@ -3865,13 +3983,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
         <div class="validation-container">
           <div class="validation-message error" *ngIf="nameControl.touched && nameControl.errors?.['required']">
-            Name is required
+            {{ _messages.nameRequired }}
           </div>
           <div class="validation-message error" *ngIf="nameControl.touched && nameControl.errors?.['minlength']">
-            Name must be at least {{ minLength }} characters
+            {{ formatNameTooShort(minLength) }}
           </div>
           <div class="validation-message error" *ngIf="nameControl.touched && nameControl.errors?.['maxlength']">
-            Name must be at most {{ maxLength }} characters
+            {{ formatNameTooLong(maxLength) }}
           </div>
           <div class="validation-message error" *ngIf="nameControl.touched && nameControl.errors?.['pattern']">
             {{ patternErrorMessage }}
@@ -3882,11 +4000,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
           <div class="availability-check" *ngIf="isCheckingAvailability">
             <kendo-loader size="small" type="pulsing"></kendo-loader>
-            <span>Checking availability...</span>
+            <span>{{ _messages.checkingAvailability }}</span>
           </div>
 
           <div class="validation-message success" *ngIf="isNameAvailable && !isCheckingAvailability && nameControl.valid">
-            Name is available
+            {{ _messages.nameAvailable }}
           </div>
         </div>
       </div>
@@ -4455,7 +4573,7 @@ class TimeRangePickerComponent {
         return this.selectedType() === type;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TimeRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: TimeRangePickerComponent, isStandalone: true, selector: "mm-time-range-picker", inputs: { config: "config", labels: "labels", initialSelection: "initialSelection" }, outputs: { rangeChange: "rangeChange", rangeChangeISO: "rangeChangeISO", selectionChange: "selectionChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"time-range-picker\">\n  <!-- Range Type Selection -->\n  <div class=\"picker-field type-field\">\n    <kendo-label [text]=\"mergedLabels().rangeType || 'Range Type'\">\n      <kendo-dropdownlist\n        [data]=\"typeOptions()\"\n        [value]=\"selectedType()\"\n        textField=\"label\"\n        valueField=\"value\"\n        [valuePrimitive]=\"true\"\n        (valueChange)=\"onTypeChange($event)\">\n      </kendo-dropdownlist>\n    </kendo-label>\n  </div>\n\n  <!-- Year Selection (for year, quarter, month, day types) -->\n  @if (isType('year') || isType('quarter') || isType('month') || isType('day')) {\n    <div class=\"picker-field year-field\">\n      <kendo-label [text]=\"mergedLabels().year || 'Year'\">\n        <kendo-dropdownlist\n          [data]=\"yearOptions()\"\n          [value]=\"selectedYear()\"\n          textField=\"label\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          (valueChange)=\"onYearChange($event)\">\n        </kendo-dropdownlist>\n      </kendo-label>\n    </div>\n  }\n\n  <!-- Quarter Selection -->\n  @if (isType('quarter')) {\n    <div class=\"picker-field quarter-field\">\n      <kendo-label [text]=\"mergedLabels().quarter || 'Quarter'\">\n        <kendo-dropdownlist\n          [data]=\"quarterOptions()\"\n          [value]=\"selectedQuarter()\"\n          textField=\"label\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          (valueChange)=\"onQuarterChange($event)\">\n        </kendo-dropdownlist>\n      </kendo-label>\n    </div>\n  }\n\n  <!-- Month Selection -->\n  @if (isType('month') || isType('day')) {\n    <div class=\"picker-field month-field\">\n      <kendo-label [text]=\"mergedLabels().month || 'Month'\">\n        <kendo-dropdownlist\n          [data]=\"monthOptions()\"\n          [value]=\"selectedMonth()\"\n          textField=\"label\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          (valueChange)=\"onMonthChange($event)\">\n        </kendo-dropdownlist>\n      </kendo-label>\n    </div>\n  }\n\n  <!-- Day Selection -->\n  @if (isType('day')) {\n    <div class=\"picker-field day-field\">\n      <kendo-label [text]=\"mergedLabels().day || 'Day'\">\n        <kendo-dropdownlist\n          [data]=\"dayOptions()\"\n          [value]=\"selectedDay()\"\n          textField=\"label\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          (valueChange)=\"onDayChange($event)\">\n        </kendo-dropdownlist>\n      </kendo-label>\n    </div>\n\n    <!-- Hour From Selection (optional) -->\n    <div class=\"picker-field hour-from-field\">\n      <kendo-label [text]=\"mergedLabels().hourFrom || 'From Hour'\">\n        <kendo-dropdownlist\n          [data]=\"hourFromOptions()\"\n          [value]=\"hourFrom()\"\n          textField=\"label\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          [defaultItem]=\"{ value: null, label: '\u2014' }\"\n          (valueChange)=\"onHourFromChange($event)\">\n        </kendo-dropdownlist>\n      </kendo-label>\n    </div>\n\n    <!-- Hour To Selection (visible when hourFrom is set) -->\n    @if (hourFrom() !== null) {\n      <div class=\"picker-field hour-to-field\">\n        <kendo-label [text]=\"mergedLabels().hourTo || 'To Hour'\">\n          <kendo-dropdownlist\n            [data]=\"hourToOptions()\"\n            [value]=\"hourTo()\"\n            textField=\"label\"\n            valueField=\"value\"\n            [valuePrimitive]=\"true\"\n            (valueChange)=\"onHourToChange($event)\">\n          </kendo-dropdownlist>\n        </kendo-label>\n      </div>\n    }\n  }\n\n  <!-- Relative Time Selection -->\n  @if (isType('relative')) {\n    <div class=\"picker-field relative-value-field\">\n      <kendo-label [text]=\"mergedLabels().relativeValue || 'Last'\">\n        <kendo-numerictextbox\n          [value]=\"relativeValue()\"\n          [min]=\"1\"\n          [max]=\"9999\"\n          [decimals]=\"0\"\n          [format]=\"'n0'\"\n          [spinners]=\"true\"\n          (valueChange)=\"onRelativeValueChange($event)\">\n        </kendo-numerictextbox>\n      </kendo-label>\n    </div>\n\n    <div class=\"picker-field relative-unit-field\">\n      <kendo-label [text]=\"mergedLabels().relativeUnit || 'Unit'\">\n        <kendo-dropdownlist\n          [data]=\"relativeUnitOptions()\"\n          [value]=\"relativeUnit()\"\n          textField=\"label\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          (valueChange)=\"onRelativeUnitChange($event)\">\n        </kendo-dropdownlist>\n      </kendo-label>\n    </div>\n  }\n\n  <!-- Custom Date Range -->\n  @if (isType('custom')) {\n    <div class=\"picker-field custom-from-field\">\n      <kendo-label [text]=\"mergedLabels().customFrom || 'From'\">\n        @if (showTime()) {\n          <kendo-datetimepicker\n            [value]=\"customFrom()\"\n            [min]=\"minDate()\"\n            [max]=\"customTo()\"\n            (valueChange)=\"onCustomFromChange($event)\">\n          </kendo-datetimepicker>\n        } @else {\n          <kendo-datepicker\n            [value]=\"customFrom()\"\n            [min]=\"minDate()\"\n            [max]=\"customTo()\"\n            (valueChange)=\"onCustomFromChange($event)\">\n          </kendo-datepicker>\n        }\n      </kendo-label>\n    </div>\n\n    <div class=\"picker-field custom-to-field\">\n      <kendo-label [text]=\"mergedLabels().customTo || 'To'\">\n        @if (showTime()) {\n          <kendo-datetimepicker\n            [value]=\"customTo()\"\n            [min]=\"customFrom()\"\n            [max]=\"maxDate()\"\n            (valueChange)=\"onCustomToChange($event)\">\n          </kendo-datetimepicker>\n        } @else {\n          <kendo-datepicker\n            [value]=\"customTo()\"\n            [min]=\"customFrom()\"\n            [max]=\"maxDate()\"\n            (valueChange)=\"onCustomToChange($event)\">\n          </kendo-datepicker>\n        }\n      </kendo-label>\n    </div>\n  }\n</div>\n", styles: [".time-range-picker{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.time-range-picker .picker-field{display:flex;flex-direction:column}.time-range-picker .picker-field kendo-label{display:flex;flex-direction:column;gap:.25rem}.time-range-picker .type-field{min-width:120px}.time-range-picker .year-field{min-width:100px}.time-range-picker .quarter-field{min-width:140px}.time-range-picker .month-field{min-width:130px}.time-range-picker .relative-value-field{min-width:80px}.time-range-picker .relative-value-field kendo-numerictextbox{width:100%}.time-range-picker .relative-unit-field{min-width:100px}.time-range-picker .custom-from-field,.time-range-picker .custom-to-field{min-width:150px}.time-range-picker .custom-from-field kendo-datepicker,.time-range-picker .custom-from-field kendo-datetimepicker,.time-range-picker .custom-to-field kendo-datepicker,.time-range-picker .custom-to-field kendo-datetimepicker{width:100%}@media(max-width:768px){.time-range-picker{gap:.75rem}.time-range-picker .picker-field{flex:1 1 calc(50% - .5rem);min-width:0}.time-range-picker .type-field{flex:1 1 100%}}@media(max-width:480px){.time-range-picker{flex-direction:column;gap:.5rem}.time-range-picker .picker-field{flex:1 1 100%;width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i3$1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$1.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "ngmodule", type: DateTimePickerModule }, { kind: "component", type: i2$1.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "adaptiveTitle", "adaptiveSubtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "ngmodule", type: NumericTextBoxModule }, { kind: "component", type: i5.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "ngmodule", type: LabelModule }, { kind: "component", type: i6.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: TimeRangePickerComponent, isStandalone: true, selector: "mm-time-range-picker", inputs: { config: "config", labels: "labels", initialSelection: "initialSelection" }, outputs: { rangeChange: "rangeChange", rangeChangeISO: "rangeChangeISO", selectionChange: "selectionChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"time-range-picker\">\n  <!-- Range Type Selection -->\n  <div class=\"picker-field type-field\">\n    <kendo-label [text]=\"mergedLabels().rangeType || 'Range Type'\">\n      <kendo-dropdownlist\n        [data]=\"typeOptions()\"\n        [value]=\"selectedType()\"\n        textField=\"label\"\n        valueField=\"value\"\n        [valuePrimitive]=\"true\"\n        (valueChange)=\"onTypeChange($event)\">\n      </kendo-dropdownlist>\n    </kendo-label>\n  </div>\n\n  <!-- Year Selection (for year, quarter, month, day types) -->\n  @if (isType('year') || isType('quarter') || isType('month') || isType('day')) {\n    <div class=\"picker-field year-field\">\n      <kendo-label [text]=\"mergedLabels().year || 'Year'\">\n        <kendo-dropdownlist\n          [data]=\"yearOptions()\"\n          [value]=\"selectedYear()\"\n          textField=\"label\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          (valueChange)=\"onYearChange($event)\">\n        </kendo-dropdownlist>\n      </kendo-label>\n    </div>\n  }\n\n  <!-- Quarter Selection -->\n  @if (isType('quarter')) {\n    <div class=\"picker-field quarter-field\">\n      <kendo-label [text]=\"mergedLabels().quarter || 'Quarter'\">\n        <kendo-dropdownlist\n          [data]=\"quarterOptions()\"\n          [value]=\"selectedQuarter()\"\n          textField=\"label\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          (valueChange)=\"onQuarterChange($event)\">\n        </kendo-dropdownlist>\n      </kendo-label>\n    </div>\n  }\n\n  <!-- Month Selection -->\n  @if (isType('month') || isType('day')) {\n    <div class=\"picker-field month-field\">\n      <kendo-label [text]=\"mergedLabels().month || 'Month'\">\n        <kendo-dropdownlist\n          [data]=\"monthOptions()\"\n          [value]=\"selectedMonth()\"\n          textField=\"label\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          (valueChange)=\"onMonthChange($event)\">\n        </kendo-dropdownlist>\n      </kendo-label>\n    </div>\n  }\n\n  <!-- Day Selection -->\n  @if (isType('day')) {\n    <div class=\"picker-field day-field\">\n      <kendo-label [text]=\"mergedLabels().day || 'Day'\">\n        <kendo-dropdownlist\n          [data]=\"dayOptions()\"\n          [value]=\"selectedDay()\"\n          textField=\"label\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          (valueChange)=\"onDayChange($event)\">\n        </kendo-dropdownlist>\n      </kendo-label>\n    </div>\n\n    <!-- Hour From Selection (optional) -->\n    <div class=\"picker-field hour-from-field\">\n      <kendo-label [text]=\"mergedLabels().hourFrom || 'From Hour'\">\n        <kendo-dropdownlist\n          [data]=\"hourFromOptions()\"\n          [value]=\"hourFrom()\"\n          textField=\"label\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          [defaultItem]=\"{ value: null, label: '\u2014' }\"\n          (valueChange)=\"onHourFromChange($event)\">\n        </kendo-dropdownlist>\n      </kendo-label>\n    </div>\n\n    <!-- Hour To Selection (visible when hourFrom is set) -->\n    @if (hourFrom() !== null) {\n      <div class=\"picker-field hour-to-field\">\n        <kendo-label [text]=\"mergedLabels().hourTo || 'To Hour'\">\n          <kendo-dropdownlist\n            [data]=\"hourToOptions()\"\n            [value]=\"hourTo()\"\n            textField=\"label\"\n            valueField=\"value\"\n            [valuePrimitive]=\"true\"\n            (valueChange)=\"onHourToChange($event)\">\n          </kendo-dropdownlist>\n        </kendo-label>\n      </div>\n    }\n  }\n\n  <!-- Relative Time Selection -->\n  @if (isType('relative')) {\n    <div class=\"picker-field relative-value-field\">\n      <kendo-label [text]=\"mergedLabels().relativeValue || 'Last'\">\n        <kendo-numerictextbox\n          [value]=\"relativeValue()\"\n          [min]=\"1\"\n          [max]=\"9999\"\n          [decimals]=\"0\"\n          [format]=\"'n0'\"\n          [spinners]=\"true\"\n          (valueChange)=\"onRelativeValueChange($event)\">\n        </kendo-numerictextbox>\n      </kendo-label>\n    </div>\n\n    <div class=\"picker-field relative-unit-field\">\n      <kendo-label [text]=\"mergedLabels().relativeUnit || 'Unit'\">\n        <kendo-dropdownlist\n          [data]=\"relativeUnitOptions()\"\n          [value]=\"relativeUnit()\"\n          textField=\"label\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          (valueChange)=\"onRelativeUnitChange($event)\">\n        </kendo-dropdownlist>\n      </kendo-label>\n    </div>\n  }\n\n  <!-- Custom Date Range -->\n  @if (isType('custom')) {\n    <div class=\"picker-field custom-from-field\">\n      <kendo-label [text]=\"mergedLabels().customFrom || 'From'\">\n        @if (showTime()) {\n          <kendo-datetimepicker\n            [value]=\"customFrom()\"\n            [min]=\"minDate()\"\n            [max]=\"customTo()\"\n            (valueChange)=\"onCustomFromChange($event)\">\n          </kendo-datetimepicker>\n        } @else {\n          <kendo-datepicker\n            [value]=\"customFrom()\"\n            [min]=\"minDate()\"\n            [max]=\"customTo()\"\n            (valueChange)=\"onCustomFromChange($event)\">\n          </kendo-datepicker>\n        }\n      </kendo-label>\n    </div>\n\n    <div class=\"picker-field custom-to-field\">\n      <kendo-label [text]=\"mergedLabels().customTo || 'To'\">\n        @if (showTime()) {\n          <kendo-datetimepicker\n            [value]=\"customTo()\"\n            [min]=\"customFrom()\"\n            [max]=\"maxDate()\"\n            (valueChange)=\"onCustomToChange($event)\">\n          </kendo-datetimepicker>\n        } @else {\n          <kendo-datepicker\n            [value]=\"customTo()\"\n            [min]=\"customFrom()\"\n            [max]=\"maxDate()\"\n            (valueChange)=\"onCustomToChange($event)\">\n          </kendo-datepicker>\n        }\n      </kendo-label>\n    </div>\n  }\n</div>\n", styles: [".time-range-picker{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.time-range-picker .picker-field{display:flex;flex-direction:column}.time-range-picker .picker-field kendo-label{display:flex;flex-direction:column;gap:.25rem}.time-range-picker .type-field{min-width:120px}.time-range-picker .year-field{min-width:100px}.time-range-picker .quarter-field{min-width:140px}.time-range-picker .month-field{min-width:130px}.time-range-picker .relative-value-field{min-width:80px}.time-range-picker .relative-value-field kendo-numerictextbox{width:100%}.time-range-picker .relative-unit-field{min-width:100px}.time-range-picker .custom-from-field,.time-range-picker .custom-to-field{min-width:150px}.time-range-picker .custom-from-field kendo-datepicker,.time-range-picker .custom-from-field kendo-datetimepicker,.time-range-picker .custom-to-field kendo-datepicker,.time-range-picker .custom-to-field kendo-datetimepicker{width:100%}@media(max-width:768px){.time-range-picker{gap:.75rem}.time-range-picker .picker-field{flex:1 1 calc(50% - .5rem);min-width:0}.time-range-picker .type-field{flex:1 1 100%}}@media(max-width:480px){.time-range-picker{flex-direction:column;gap:.5rem}.time-range-picker .picker-field{flex:1 1 100%;width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i3$1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$2.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "ngmodule", type: DateTimePickerModule }, { kind: "component", type: i2$2.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "adaptiveTitle", "adaptiveSubtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "ngmodule", type: NumericTextBoxModule }, { kind: "component", type: i5.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "ngmodule", type: LabelModule }, { kind: "component", type: i6.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TimeRangePickerComponent, decorators: [{
             type: Component,
@@ -5480,5 +5598,5 @@ function provideMmSharedUi() {
  * Generated bundle index. Do not edit.
  */
 
-export { BaseFormComponent, BaseTreeDetailComponent, ButtonTypes, BytesToSizePipe, CRON_PRESETS, ConfirmationService, ConfirmationWindowResult, CopyableTextComponent, CronBuilderComponent, CronHumanizerService, CronParserService, DEFAULT_CRON_BUILDER_CONFIG, DEFAULT_ENTITY_SELECT_DIALOG_MESSAGES, DEFAULT_ENTITY_SELECT_INPUT_MESSAGES, DEFAULT_LIST_VIEW_MESSAGES, DEFAULT_RESPONSIVE_COLSPAN, DEFAULT_TIME_RANGE_LABELS, DataSourceBase, DataSourceTyped, DialogType, EntitySelectDialogComponent, EntitySelectDialogService, EntitySelectInputComponent, FetchResultBase, FetchResultTyped, FileUploadResult, FileUploadService, FormTitleExtraDirective, HAS_UNSAVED_CHANGES, HOUR_INTERVALS, HierarchyDataSource, HierarchyDataSourceBase, ImportStrategyDialogComponent, ImportStrategyDialogResult, ImportStrategyDialogService, ImportStrategyDto, InputDialogComponent, InputService, ListViewComponent, MINUTE_INTERVALS, MessageDetailsDialogComponent, MessageDetailsDialogService, MessageListenerService, MmListViewDataBindingDirective, NotificationDisplayService, PascalCasePipe, ProgressValue, ProgressWindowComponent, ProgressWindowService, RELATIVE_WEEKS, SECOND_INTERVALS, SaveAsDialogComponent, SaveAsDialogService, TimeRangePickerComponent, TimeRangeUtils, TreeComponent, UnsavedChangesDirective, UnsavedChangesGuard, UploadFileDialogComponent, WEEKDAYS, WEEKDAY_ABBREVIATIONS, WindowStateService, generateDayOfMonthOptions, generateHourOptions, generateMinuteOptions, provideMmSharedUi };
+export { BaseFormComponent, BaseTreeDetailComponent, ButtonTypes, BytesToSizePipe, CRON_PRESETS, ConfirmationService, ConfirmationWindowComponent, ConfirmationWindowResult, CopyableTextComponent, CronBuilderComponent, CronHumanizerService, CronParserService, DEFAULT_CONFIRMATION_WINDOW_MESSAGES, DEFAULT_CRON_BUILDER_CONFIG, DEFAULT_ENTITY_SELECT_DIALOG_MESSAGES, DEFAULT_ENTITY_SELECT_INPUT_MESSAGES, DEFAULT_INPUT_DIALOG_MESSAGES, DEFAULT_LIST_VIEW_MESSAGES, DEFAULT_MESSAGE_DETAILS_DIALOG_MESSAGES, DEFAULT_NOTIFICATION_DISPLAY_MESSAGES, DEFAULT_PROGRESS_WINDOW_MESSAGES, DEFAULT_RESPONSIVE_COLSPAN, DEFAULT_SAVE_AS_DIALOG_MESSAGES, DEFAULT_TIME_RANGE_LABELS, DataSourceBase, DataSourceTyped, DialogType, EntitySelectDialogComponent, EntitySelectDialogService, EntitySelectInputComponent, FetchResultBase, FetchResultTyped, FileUploadResult, FileUploadService, FormTitleExtraDirective, HAS_UNSAVED_CHANGES, HOUR_INTERVALS, HierarchyDataSource, HierarchyDataSourceBase, ImportStrategyDialogComponent, ImportStrategyDialogResult, ImportStrategyDialogService, ImportStrategyDto, InputDialogComponent, InputService, ListViewComponent, MINUTE_INTERVALS, MessageDetailsDialogComponent, MessageDetailsDialogService, MessageListenerService, MmListViewDataBindingDirective, NotificationDisplayService, PascalCasePipe, ProgressValue, ProgressWindowComponent, ProgressWindowService, RELATIVE_WEEKS, SECOND_INTERVALS, SaveAsDialogComponent, SaveAsDialogService, TimeRangePickerComponent, TimeRangeUtils, TreeComponent, UnsavedChangesDirective, UnsavedChangesGuard, UploadFileDialogComponent, WEEKDAYS, WEEKDAY_ABBREVIATIONS, WindowStateService, generateDayOfMonthOptions, generateHourOptions, generateMinuteOptions, provideMmSharedUi };
 //# sourceMappingURL=meshmakers-shared-ui.mjs.map