@meshmakers/shared-ui 3.3.480 → 3.3.490

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, Directive, ChangeDetectorRef, Output, InjectionToken, HostListener, ElementRef, forwardRef, computed, effect, makeEnvironmentProviders } from '@angular/core';
-import * as i3$1 from '@progress/kendo-angular-dialog';
-import { DialogContentBase, DialogRef, DialogActionsComponent, DialogService, DialogModule } from '@progress/kendo-angular-dialog';
+import * as i3$2 from '@progress/kendo-angular-dialog';
+import { DialogContentBase, DialogRef, DialogActionsComponent, DialogService, DialogModule, WindowRef, WindowModule, WindowService, WindowCloseResult } from '@progress/kendo-angular-dialog';
 import { NotificationService } from '@progress/kendo-angular-notification';
 import * as i4 from '@progress/kendo-angular-buttons';
 import { ButtonComponent, ButtonModule, ButtonsModule, ButtonGroupModule } from '@progress/kendo-angular-buttons';
@@ -31,7 +31,7 @@ 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 i3$2 from '@progress/kendo-angular-dropdowns';
+import * as i3$1 from '@progress/kendo-angular-dropdowns';
 import { AutoCompleteModule, DropDownListModule } from '@progress/kendo-angular-dropdowns';
 import * as i7 from '@progress/kendo-angular-indicators';
 import { LoaderModule, IndicatorsModule } from '@progress/kendo-angular-indicators';
@@ -2411,8 +2411,8 @@ var ImportStrategyDto;
     ImportStrategyDto[ImportStrategyDto["Upsert"] = 1] = "Upsert";
 })(ImportStrategyDto || (ImportStrategyDto = {}));
 
-class EntitySelectDialogComponent extends DialogContentBase {
-    dialogRef;
+class EntitySelectDialogComponent {
+    windowRef = inject(WindowRef);
     searchSubject = new Subject();
     destroy$ = new Subject();
     dataSource;
@@ -2440,11 +2440,6 @@ class EntitySelectDialogComponent extends DialogContentBase {
             checkboxOnly: true
         };
     }
-    constructor() {
-        const dialogRef = inject(DialogRef);
-        super(dialogRef);
-        this.dialogRef = dialogRef;
-    }
     ngOnInit() {
         this.initializeColumns();
         this.setupSearch();
@@ -2545,13 +2540,13 @@ class EntitySelectDialogComponent extends DialogContentBase {
         const result = {
             selectedEntities: this.selectedEntities
         };
-        this.dialogRef.close(result);
+        this.windowRef.close(result);
     }
     onCancel() {
-        this.dialogRef.close(null);
+        this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EntitySelectDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: EntitySelectDialogComponent, isStandalone: true, selector: "mm-entity-select-dialog", inputs: { dataSource: "dataSource", multiSelect: "multiSelect", preSelectedEntities: "preSelectedEntities" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: EntitySelectDialogComponent, isStandalone: true, selector: "mm-entity-select-dialog", inputs: { dataSource: "dataSource", multiSelect: "multiSelect", preSelectedEntities: "preSelectedEntities" }, ngImport: i0, template: `
     <div class="entity-select-dialog-content">
       <div class="search-toolbar">
         <kendo-textbox
@@ -2589,25 +2584,25 @@ class EntitySelectDialogComponent extends DialogContentBase {
       <div class="selection-info" *ngIf="selectedEntities.length > 0">
         {{ selectedEntities.length }} selected
       </div>
-    </div>
 
-    <kendo-dialog-actions>
-      <button kendoButton (click)="onCancel()">Cancel</button>
-      <button kendoButton
-              themeColor="primary"
-              [disabled]="selectedEntities.length === 0"
-              (click)="onConfirm()">
-        OK
-      </button>
-    </kendo-dialog-actions>
-  `, isInline: true, styles: [".entity-select-dialog-content{display:flex;flex-direction:column;height:100%;min-height:400px;box-sizing:border-box}.search-toolbar{padding:8px 0 16px;flex-shrink:0}.entity-grid{flex:1;min-height:200px;border:1px solid var(--kendo-color-border)}.selection-info{padding:8px 0;font-size:12px;color:var(--kendo-color-subtle);flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: DialogModule }, { kind: "component", type: i3$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { 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", "csvExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "component", type: ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "component", type: CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll", "showDisabledCheckbox"] }, { 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"] }, { kind: "pipe", type: PascalCasePipe, name: "pascalCase" }] });
+      <div class="dialog-actions">
+        <button kendoButton (click)="onCancel()">Cancel</button>
+        <button kendoButton
+                themeColor="primary"
+                [disabled]="selectedEntities.length === 0"
+                (click)="onConfirm()">
+          OK
+        </button>
+      </div>
+    </div>
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;height:100%}.entity-select-dialog-content{display:flex;flex-direction:column;flex:1;min-height:0;padding:16px 20px;box-sizing:border-box;gap:12px}.search-toolbar{flex-shrink:0}.entity-grid{flex:1;min-height:200px;border:1px solid var(--kendo-color-border)}.selection-info{padding:8px 0;font-size:12px;color:var(--kendo-color-subtle);flex-shrink:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: WindowModule }, { 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", "csvExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "component", type: ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "component", type: CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll", "showDisabledCheckbox"] }, { 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"] }, { kind: "pipe", type: PascalCasePipe, name: "pascalCase" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EntitySelectDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mm-entity-select-dialog', standalone: true, imports: [
                         CommonModule,
                         ButtonsModule,
-                        DialogModule,
+                        WindowModule,
                         GridComponent,
                         ColumnComponent,
                         CheckboxColumnComponent,
@@ -2651,19 +2646,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
       <div class="selection-info" *ngIf="selectedEntities.length > 0">
         {{ selectedEntities.length }} selected
       </div>
-    </div>
 
-    <kendo-dialog-actions>
-      <button kendoButton (click)="onCancel()">Cancel</button>
-      <button kendoButton
-              themeColor="primary"
-              [disabled]="selectedEntities.length === 0"
-              (click)="onConfirm()">
-        OK
-      </button>
-    </kendo-dialog-actions>
-  `, styles: [".entity-select-dialog-content{display:flex;flex-direction:column;height:100%;min-height:400px;box-sizing:border-box}.search-toolbar{padding:8px 0 16px;flex-shrink:0}.entity-grid{flex:1;min-height:200px;border:1px solid var(--kendo-color-border)}.selection-info{padding:8px 0;font-size:12px;color:var(--kendo-color-subtle);flex-shrink:0}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { dataSource: [{
+      <div class="dialog-actions">
+        <button kendoButton (click)="onCancel()">Cancel</button>
+        <button kendoButton
+                themeColor="primary"
+                [disabled]="selectedEntities.length === 0"
+                (click)="onConfirm()">
+          OK
+        </button>
+      </div>
+    </div>
+  `, styles: [":host{display:flex;flex-direction:column;height:100%}.entity-select-dialog-content{display:flex;flex-direction:column;flex:1;min-height:0;padding:16px 20px;box-sizing:border-box;gap:12px}.search-toolbar{flex-shrink:0}.entity-grid{flex:1;min-height:200px;border:1px solid var(--kendo-color-border)}.selection-info{padding:8px 0;font-size:12px;color:var(--kendo-color-subtle);flex-shrink:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}\n"] }]
+        }], propDecorators: { dataSource: [{
                 type: Input
             }], multiSelect: [{
                 type: Input
@@ -2672,7 +2667,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
             }] } });
 
 class EntitySelectDialogService {
-    dialogService = inject(DialogService);
+    windowService = inject(WindowService);
     /**
      * Opens the entity select dialog
      * @param dataSource The data source providing grid data and column definitions
@@ -2680,18 +2675,26 @@ class EntitySelectDialogService {
      * @returns Promise resolving to selected entities or null if cancelled
      */
     async open(dataSource, options) {
-        const dialogRef = this.dialogService.open({
+        const windowRef = this.windowService.open({
             title: options.title,
             content: EntitySelectDialogComponent,
             width: options.width ?? 800,
-            height: options.height ?? 600
+            height: options.height ?? 600,
+            minWidth: 550,
+            minHeight: 400,
+            resizable: true
         });
-        const component = dialogRef.content.instance;
-        component.dataSource = dataSource;
-        component.multiSelect = options.multiSelect ?? false;
-        component.preSelectedEntities = options.selectedEntities ?? [];
-        const result = await firstValueFrom(dialogRef.result);
-        if (result instanceof Object && 'selectedEntities' in result) {
+        const contentRef = windowRef.content;
+        if (contentRef?.instance) {
+            contentRef.instance.dataSource = dataSource;
+            contentRef.instance.multiSelect = options.multiSelect ?? false;
+            contentRef.instance.preSelectedEntities = options.selectedEntities ?? [];
+        }
+        const result = await firstValueFrom(windowRef.result);
+        if (result instanceof WindowCloseResult) {
+            return null;
+        }
+        if (result && typeof result === 'object' && 'selectedEntities' in result) {
             return result;
         }
         return null;
@@ -3018,7 +3021,7 @@ class EntitySelectInputComponent {
               (click)="openAdvancedSearch()">
       </button>
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%}.entity-select-wrapper{position:relative;display:flex;align-items:center;width:100%;gap:4px}.entity-select-wrapper.disabled{opacity:.6;pointer-events:none}.entity-autocomplete{flex:1;min-width:0}.dialog-button{flex-shrink:0;height:30px;width:30px;padding:0;display:flex;align-items:center;justify-content:center}.clear-button{position:absolute;right:32px;top:50%;transform:translateY(-50%);z-index:1;padding:4px;min-width:auto;height:20px;width:20px}.entity-item{padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-data-message{padding:8px 12px;color:var(--kendo-color-subtle);font-style:italic;text-align:center}.advanced-search-footer{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;color:var(--kendo-color-primary);border-top:1px solid var(--kendo-color-border);background:var(--kendo-color-surface-alt);transition:background-color .2s}.advanced-search-footer:hover{background:var(--kendo-color-base-hover)}::ng-deep .entity-autocomplete .k-input-inner{padding-right:60px!important}::ng-deep .entity-autocomplete.k-disabled .k-input-inner{padding-right:32px!important}\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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i3$2.AutoCompleteComponent, selector: "kendo-autocomplete", inputs: ["highlightFirst", "showStickyHeader", "focusableId", "data", "value", "valueField", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "clearButton", "suggest", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoAutoComplete"] }, { kind: "directive", type: i3$2.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3$2.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i3$2.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "ngmodule", type: LoaderModule }, { 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: IconsModule }, { kind: "component", type: i3.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { kind: "ngmodule", type: SVGIconModule }] });
+  `, isInline: true, styles: [":host{display:block;width:100%}.entity-select-wrapper{position:relative;display:flex;align-items:center;width:100%;gap:4px}.entity-select-wrapper.disabled{opacity:.6;pointer-events:none}.entity-autocomplete{flex:1;min-width:0}.dialog-button{flex-shrink:0;height:30px;width:30px;padding:0;display:flex;align-items:center;justify-content:center}.clear-button{position:absolute;right:32px;top:50%;transform:translateY(-50%);z-index:1;padding:4px;min-width:auto;height:20px;width:20px}.entity-item{padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-data-message{padding:8px 12px;color:var(--kendo-color-subtle);font-style:italic;text-align:center}.advanced-search-footer{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;color:var(--kendo-color-primary);border-top:1px solid var(--kendo-color-border);background:var(--kendo-color-surface-alt);transition:background-color .2s}.advanced-search-footer:hover{background:var(--kendo-color-base-hover)}::ng-deep .entity-autocomplete .k-input-inner{padding-right:60px!important}::ng-deep .entity-autocomplete.k-disabled .k-input-inner{padding-right:32px!important}\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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i3$1.AutoCompleteComponent, selector: "kendo-autocomplete", inputs: ["highlightFirst", "showStickyHeader", "focusableId", "data", "value", "valueField", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "clearButton", "suggest", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoAutoComplete"] }, { kind: "directive", type: i3$1.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3$1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i3$1.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "ngmodule", type: LoaderModule }, { 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: IconsModule }, { kind: "component", type: i3.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { kind: "ngmodule", type: SVGIconModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EntitySelectInputComponent, decorators: [{
             type: Component,
@@ -3382,7 +3385,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$1.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: i2.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: 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: i2.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.0", ngImport: i0, type: SaveAsDialogComponent, decorators: [{
             type: Component,
@@ -3877,7 +3880,7 @@ class TimeRangePickerComponent {
         return this.selectedType() === type;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TimeRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", 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 types) -->\n  @if (isType('year') || isType('quarter') || isType('month')) {\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')) {\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  <!-- 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$2.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: i2.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.0", 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 types) -->\n  @if (isType('year') || isType('quarter') || isType('month')) {\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')) {\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  <!-- 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: i2.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.0", ngImport: i0, type: TimeRangePickerComponent, decorators: [{
             type: Component,
@@ -4734,7 +4737,7 @@ class CronBuilderComponent {
                 useExisting: forwardRef(() => CronBuilderComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<div class=\"cron-builder\" [class.disabled]=\"disabled()\">\n  <!-- Expression Preview Section -->\n  <div class=\"expression-section\">\n    <div class=\"expression-display\">\n      <div class=\"expression-label\">Cron Expression</div>\n      <div class=\"expression-value-row\">\n        <code class=\"expression-value\" [class.invalid]=\"!validationResult().isValid\">\n          {{ expression() }}\n        </code>\n        @if (mergedConfig().showCopyButton) {\n          <button\n            kendoButton\n            [svgIcon]=\"copiedRecently() ? checkIcon : copyIcon\"\n            [title]=\"copiedRecently() ? 'Copied!' : 'Copy to clipboard'\"\n            fillMode=\"flat\"\n            class=\"copy-button\"\n            [class.copied]=\"copiedRecently()\"\n            (click)=\"onCopyExpression()\"\n            [disabled]=\"disabled()\">\n          </button>\n        }\n      </div>\n      @if (!validationResult().isValid) {\n        <div class=\"validation-error\">\n          <kendo-svg-icon [icon]=\"xIcon\" size=\"small\"></kendo-svg-icon>\n          {{ validationResult().error }}\n        </div>\n      }\n    </div>\n\n    @if (mergedConfig().showHumanReadable && validationResult().isValid) {\n      <div class=\"human-readable\">\n        <kendo-svg-icon [icon]=\"clockIcon\" size=\"small\"></kendo-svg-icon>\n        <span>{{ humanReadable() }}</span>\n      </div>\n    }\n  </div>\n\n  <!-- Preset Buttons -->\n  @if (mergedConfig().showPresets) {\n    <div class=\"presets-section\">\n      <div class=\"presets-label\">Quick Select</div>\n      <div class=\"presets-grid\">\n        @for (preset of presetsByCategory().frequent; track preset.id) {\n          <button\n            kendoButton\n            size=\"small\"\n            fillMode=\"outline\"\n            class=\"preset-button\"\n            [title]=\"preset.description\"\n            [disabled]=\"disabled()\"\n            (click)=\"onPresetSelect(preset)\">\n            {{ preset.label }}\n          </button>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Schedule Type Tabs -->\n  <kendo-tabstrip\n    [animate]=\"false\"\n    [tabAlignment]=\"'start'\"\n    (tabSelect)=\"onTabSelect($event.index)\">\n\n    <!-- Seconds Tab -->\n    <kendo-tabstrip-tab [title]=\"'Seconds'\" [selected]=\"selectedTabIndex() === 0\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <div class=\"form-row\">\n            <kendo-label text=\"Run every\"></kendo-label>\n            <kendo-dropdownlist\n              [data]=\"secondIntervalOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"secondInterval()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onSecondIntervalChange($event)\">\n            </kendo-dropdownlist>\n          </div>\n          <div class=\"preview-text\">\n            Generates: <code>*/{{ secondInterval() }} * * * * *</code>\n          </div>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Minutes Tab -->\n    <kendo-tabstrip-tab [title]=\"'Minutes'\" [selected]=\"selectedTabIndex() === 1\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <div class=\"form-row\">\n            <kendo-label text=\"Run every\"></kendo-label>\n            <kendo-dropdownlist\n              [data]=\"minuteIntervalOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"minuteInterval()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onMinuteIntervalChange($event)\">\n            </kendo-dropdownlist>\n          </div>\n          <div class=\"preview-text\">\n            Generates: <code>0 */{{ minuteInterval() }} * * * *</code>\n          </div>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Hourly Tab -->\n    <kendo-tabstrip-tab [title]=\"'Hourly'\" [selected]=\"selectedTabIndex() === 2\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <div class=\"form-row\">\n            <kendo-label text=\"Run every\"></kendo-label>\n            <kendo-dropdownlist\n              [data]=\"hourIntervalOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"hourInterval()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onHourIntervalChange($event)\">\n            </kendo-dropdownlist>\n          </div>\n          <div class=\"form-row\">\n            <kendo-label text=\"At minute\"></kendo-label>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"hourMinute()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onHourMinuteChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"separator\">:</span>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"hourSecond()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onHourSecondChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"time-label\">(mm:ss)</span>\n          </div>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Daily Tab -->\n    <kendo-tabstrip-tab [title]=\"'Daily'\" [selected]=\"selectedTabIndex() === 3\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <div class=\"form-row time-row\">\n            <kendo-label text=\"At\"></kendo-label>\n            <kendo-dropdownlist\n              [data]=\"hourOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeHour()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeHourChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"separator\">:</span>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeMinute()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeMinuteChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"separator\">:</span>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeSecond()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeSecondChange($event)\">\n            </kendo-dropdownlist>\n          </div>\n\n          <div class=\"form-row mode-row\">\n            <kendo-label text=\"On\"></kendo-label>\n            <div class=\"mode-buttons\">\n              <button\n                kendoButton\n                [selected]=\"dailyMode() === 'every'\"\n                [disabled]=\"disabled()\"\n                (click)=\"onDailyModeChange('every')\">\n                Every day\n              </button>\n              <button\n                kendoButton\n                [selected]=\"dailyMode() === 'weekdays'\"\n                [disabled]=\"disabled()\"\n                (click)=\"onDailyModeChange('weekdays')\">\n                Weekdays\n              </button>\n              <button\n                kendoButton\n                [selected]=\"dailyMode() === 'weekends'\"\n                [disabled]=\"disabled()\"\n                (click)=\"onDailyModeChange('weekends')\">\n                Weekends\n              </button>\n              <button\n                kendoButton\n                [selected]=\"dailyMode() === 'specific'\"\n                [disabled]=\"disabled()\"\n                (click)=\"onDailyModeChange('specific')\">\n                Specific days\n              </button>\n            </div>\n          </div>\n\n          @if (dailyMode() === 'specific') {\n            <div class=\"form-row days-row\">\n              <div class=\"day-buttons\">\n                @for (day of weekdayAbbreviations; track day.value) {\n                  <button\n                    kendoButton\n                    [selected]=\"isDaySelected(day.value)\"\n                    [disabled]=\"disabled()\"\n                    class=\"day-button\"\n                    (click)=\"onDayToggle(day.value)\">\n                    {{ day.label }}\n                  </button>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Weekly Tab -->\n    <kendo-tabstrip-tab [title]=\"'Weekly'\" [selected]=\"selectedTabIndex() === 4\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <div class=\"form-row time-row\">\n            <kendo-label text=\"At\"></kendo-label>\n            <kendo-dropdownlist\n              [data]=\"hourOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeHour()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeHourChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"separator\">:</span>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeMinute()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeMinuteChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"separator\">:</span>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeSecond()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeSecondChange($event)\">\n            </kendo-dropdownlist>\n          </div>\n\n          <div class=\"form-row\">\n            <kendo-label text=\"On days\"></kendo-label>\n            <div class=\"day-buttons\">\n              @for (day of weekdayAbbreviations; track day.value) {\n                <button\n                  kendoButton\n                  [selected]=\"isDaySelected(day.value)\"\n                  [disabled]=\"disabled()\"\n                  class=\"day-button\"\n                  (click)=\"onDayToggle(day.value)\">\n                  {{ day.label }}\n                </button>\n              }\n            </div>\n          </div>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Monthly Tab -->\n    <kendo-tabstrip-tab [title]=\"'Monthly'\" [selected]=\"selectedTabIndex() === 5\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <div class=\"form-row time-row\">\n            <kendo-label text=\"At\"></kendo-label>\n            <kendo-dropdownlist\n              [data]=\"hourOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeHour()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeHourChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"separator\">:</span>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeMinute()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeMinuteChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"separator\">:</span>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeSecond()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeSecondChange($event)\">\n            </kendo-dropdownlist>\n          </div>\n\n          <div class=\"form-row mode-row\">\n            <div class=\"mode-buttons\">\n              <button\n                kendoButton\n                [selected]=\"monthlyMode() === 'specific'\"\n                [disabled]=\"disabled()\"\n                (click)=\"onMonthlyModeChange('specific')\">\n                Specific day\n              </button>\n              <button\n                kendoButton\n                [selected]=\"monthlyMode() === 'relative'\"\n                [disabled]=\"disabled()\"\n                (click)=\"onMonthlyModeChange('relative')\">\n                Relative day\n              </button>\n            </div>\n          </div>\n\n          @if (monthlyMode() === 'specific') {\n            <div class=\"form-row\">\n              <kendo-label text=\"On day\"></kendo-label>\n              <kendo-dropdownlist\n                [data]=\"dayOfMonthOptions\"\n                [textField]=\"'label'\"\n                [valueField]=\"'value'\"\n                [value]=\"dayOfMonth()\"\n                [valuePrimitive]=\"true\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onDayOfMonthChange($event)\">\n              </kendo-dropdownlist>\n              <span class=\"suffix-text\">of every month</span>\n            </div>\n          }\n\n          @if (monthlyMode() === 'relative') {\n            <div class=\"form-row\">\n              <kendo-label text=\"On the\"></kendo-label>\n              <kendo-dropdownlist\n                [data]=\"relativeWeekOptions\"\n                [textField]=\"'label'\"\n                [valueField]=\"'value'\"\n                [value]=\"relativeWeek()\"\n                [valuePrimitive]=\"true\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onRelativeWeekChange($event)\">\n              </kendo-dropdownlist>\n              <kendo-dropdownlist\n                [data]=\"weekdayOptions\"\n                [textField]=\"'label'\"\n                [valueField]=\"'value'\"\n                [value]=\"relativeDay()\"\n                [valuePrimitive]=\"true\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onRelativeDayChange($event)\">\n              </kendo-dropdownlist>\n              <span class=\"suffix-text\">of every month</span>\n            </div>\n          }\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Custom/Advanced Tab -->\n    @if (mergedConfig().allowCustom) {\n      <kendo-tabstrip-tab [title]=\"'Custom'\" [selected]=\"selectedTabIndex() === 6\">\n        <ng-template kendoTabContent>\n          <div class=\"tab-content custom-tab\">\n            <div class=\"custom-fields\">\n              <div class=\"custom-field\">\n                <kendo-label text=\"Second\"></kendo-label>\n                <kendo-textbox\n                  [value]=\"customSecond()\"\n                  [disabled]=\"disabled()\"\n                  (valueChange)=\"onCustomFieldChange('second', $event || '*')\">\n                </kendo-textbox>\n                <span class=\"field-hint\">0-59, *, /</span>\n              </div>\n              <div class=\"custom-field\">\n                <kendo-label text=\"Minute\"></kendo-label>\n                <kendo-textbox\n                  [value]=\"customMinute()\"\n                  [disabled]=\"disabled()\"\n                  (valueChange)=\"onCustomFieldChange('minute', $event || '*')\">\n                </kendo-textbox>\n                <span class=\"field-hint\">0-59, *, /</span>\n              </div>\n              <div class=\"custom-field\">\n                <kendo-label text=\"Hour\"></kendo-label>\n                <kendo-textbox\n                  [value]=\"customHour()\"\n                  [disabled]=\"disabled()\"\n                  (valueChange)=\"onCustomFieldChange('hour', $event || '*')\">\n                </kendo-textbox>\n                <span class=\"field-hint\">0-23, *, /</span>\n              </div>\n              <div class=\"custom-field\">\n                <kendo-label text=\"Day\"></kendo-label>\n                <kendo-textbox\n                  [value]=\"customDayOfMonth()\"\n                  [disabled]=\"disabled()\"\n                  (valueChange)=\"onCustomFieldChange('dayOfMonth', $event || '*')\">\n                </kendo-textbox>\n                <span class=\"field-hint\">1-31, *, /</span>\n              </div>\n              <div class=\"custom-field\">\n                <kendo-label text=\"Month\"></kendo-label>\n                <kendo-textbox\n                  [value]=\"customMonth()\"\n                  [disabled]=\"disabled()\"\n                  (valueChange)=\"onCustomFieldChange('month', $event || '*')\">\n                </kendo-textbox>\n                <span class=\"field-hint\">1-12, *, /</span>\n              </div>\n              <div class=\"custom-field\">\n                <kendo-label text=\"Weekday\"></kendo-label>\n                <kendo-textbox\n                  [value]=\"customDayOfWeek()\"\n                  [disabled]=\"disabled()\"\n                  (valueChange)=\"onCustomFieldChange('dayOfWeek', $event || '*')\">\n                </kendo-textbox>\n                <span class=\"field-hint\">0-6 (Sun-Sat)</span>\n              </div>\n            </div>\n\n            <div class=\"syntax-reference\">\n              <div class=\"reference-title\">Syntax Reference</div>\n              <div class=\"reference-items\">\n                <span><code>*</code> any</span>\n                <span><code>*/N</code> every N</span>\n                <span><code>N-M</code> range</span>\n                <span><code>N,M</code> list</span>\n              </div>\n            </div>\n          </div>\n        </ng-template>\n      </kendo-tabstrip-tab>\n    }\n  </kendo-tabstrip>\n\n  <!-- Next Executions Section -->\n  @if (mergedConfig().showNextExecutions && validationResult().isValid && nextExecutions().length > 0) {\n    <div class=\"next-executions-section\">\n      <div class=\"next-executions-label\">Next Executions</div>\n      <ul class=\"next-executions-list\">\n        @for (execution of nextExecutions(); track $index) {\n          <li>{{ formatNextExecution(execution) }}</li>\n        }\n      </ul>\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{--cron-bg: var(--mm-cron-bg, #ffffff);--cron-border: var(--mm-cron-border, #e0e0e0);--cron-border-radius: var(--mm-cron-border-radius, 8px);--cron-text: var(--mm-cron-text, #333333);--cron-text-secondary: var(--mm-cron-text-secondary, #666666);--cron-accent: var(--mm-cron-accent, #616161);--cron-accent-hover: var(--mm-cron-accent-hover, #424242);--cron-preview-bg: var(--mm-cron-preview-bg, #f5f5f5);--cron-tab-active-bg: var(--mm-cron-tab-active-bg, #eeeeee);--cron-tab-active-border: var(--mm-cron-tab-active-border, #616161);--cron-error: var(--mm-cron-error, #d32f2f);--cron-success: var(--mm-cron-success, #388e3c);--cron-code-bg: var(--mm-cron-code-bg, #eeeeee);--cron-code-text: var(--mm-cron-code-text, #333333);--cron-shadow: var(--mm-cron-shadow, 0 2px 8px rgba(0, 0, 0, .1));--cron-font-family: var(--mm-cron-font-family, inherit);--cron-font-mono: var(--mm-cron-font-mono, \"Roboto Mono\", \"Consolas\", monospace);display:block;font-family:var(--cron-font-family)}.cron-builder{background:var(--cron-bg);border:1px solid var(--cron-border);border-radius:var(--cron-border-radius);padding:16px;box-shadow:var(--cron-shadow)}.cron-builder.disabled{opacity:.6;pointer-events:none}.expression-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--cron-border)}.expression-display .expression-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--cron-text-secondary);margin-bottom:8px}.expression-display .expression-value-row{display:flex;align-items:center;gap:8px}.expression-display .expression-value{flex:1;font-family:var(--cron-font-mono);font-size:1.1rem;font-weight:500;padding:8px 12px;background:var(--cron-code-bg);color:var(--cron-code-text);border-radius:4px;letter-spacing:1px}.expression-display .expression-value.invalid{color:var(--cron-error);border:1px solid var(--cron-error)}.expression-display .copy-button{flex-shrink:0;transition:all .2s ease}.expression-display .copy-button.copied{color:var(--cron-success)!important}.expression-display .validation-error{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.85rem;color:var(--cron-error)}.expression-display .validation-error kendo-svg-icon{flex-shrink:0}.human-readable{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:var(--cron-preview-bg);border-radius:4px;font-size:.9rem;color:var(--cron-text)}.human-readable kendo-svg-icon{color:var(--cron-accent);flex-shrink:0}.presets-section{margin-bottom:16px}.presets-section .presets-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--cron-text-secondary);margin-bottom:8px}.presets-section .presets-grid{display:flex;flex-wrap:wrap;gap:8px}.presets-section .preset-button{font-size:.8rem;padding:4px 12px;border-color:var(--cron-border);transition:all .2s ease}.presets-section .preset-button:hover:not(:disabled){border-color:var(--cron-accent);color:var(--cron-accent)}::ng-deep .k-tabstrip{background:transparent;border:none}::ng-deep .k-tabstrip .k-tabstrip-items-wrapper{border-bottom:1px solid var(--cron-border)}::ng-deep .k-tabstrip .k-tabstrip-items .k-item{color:var(--cron-text-secondary);background:transparent;border:none}::ng-deep .k-tabstrip .k-tabstrip-items .k-item.k-active{color:var(--cron-accent);background:var(--cron-tab-active-bg);border-bottom:2px solid var(--cron-tab-active-border)}::ng-deep .k-tabstrip .k-tabstrip-items .k-item:hover:not(.k-active){color:var(--cron-text);background:var(--cron-preview-bg)}::ng-deep .k-tabstrip .k-tabstrip-content{background:transparent;border:none;padding:16px 0}.tab-content{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.form-row kendo-label{min-width:80px;font-weight:500;color:var(--cron-text)}.form-row kendo-dropdownlist{min-width:140px}.form-row .separator{font-size:1.2rem;font-weight:700;color:var(--cron-text-secondary)}.form-row .time-label,.form-row .suffix-text{font-size:.85rem;color:var(--cron-text-secondary)}.mode-row .mode-buttons{display:flex;flex-wrap:wrap;gap:8px}.mode-row .mode-buttons button{transition:all .2s ease}.mode-row .mode-buttons button.k-selected,.mode-row .mode-buttons button[ng-reflect-selected=true]{background:var(--cron-accent)!important;border-color:var(--cron-accent)!important;color:#fff!important}.days-row{padding-left:92px}.day-buttons{display:flex;flex-wrap:wrap;gap:6px}.day-buttons .day-button{min-width:48px;padding:6px 10px;font-size:.85rem;transition:all .2s ease}.day-buttons .day-button.k-selected,.day-buttons .day-button[ng-reflect-selected=true]{background:var(--cron-accent)!important;border-color:var(--cron-accent)!important;color:#fff!important}.preview-text{font-size:.85rem;color:var(--cron-text-secondary)}.preview-text code{font-family:var(--cron-font-mono);background:var(--cron-preview-bg);padding:2px 6px;border-radius:3px}.custom-tab .custom-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.custom-tab .custom-field{display:flex;flex-direction:column;gap:4px}.custom-tab .custom-field kendo-label{font-size:.8rem;font-weight:600;color:var(--cron-text-secondary)}.custom-tab .custom-field kendo-textbox{font-family:var(--cron-font-mono)}.custom-tab .custom-field .field-hint{font-size:.7rem;color:var(--cron-text-secondary)}.custom-tab .syntax-reference{margin-top:16px;padding:12px;background:var(--cron-preview-bg);border-radius:4px}.custom-tab .syntax-reference .reference-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--cron-text-secondary);margin-bottom:8px}.custom-tab .syntax-reference .reference-items{display:flex;flex-wrap:wrap;gap:16px;font-size:.85rem;color:var(--cron-text)}.custom-tab .syntax-reference .reference-items code{font-family:var(--cron-font-mono);background:var(--cron-code-bg);color:var(--cron-code-text);padding:2px 6px;border-radius:3px;margin-right:4px}.next-executions-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--cron-border)}.next-executions-section .next-executions-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--cron-text-secondary);margin-bottom:8px}.next-executions-section .next-executions-list{list-style:none;margin:0;padding:0}.next-executions-section .next-executions-list li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.9rem;color:var(--cron-text);font-family:var(--cron-font-mono)}.next-executions-section .next-executions-list li:before{content:\"\\25b8\";color:var(--cron-accent);font-size:.75rem}.next-executions-section .next-executions-list li:not(:last-child){border-bottom:1px dashed var(--cron-border)}@media(max-width:600px){.cron-builder{padding:12px}.form-row{flex-direction:column;align-items:flex-start}.form-row kendo-label{min-width:auto}.days-row{padding-left:0}.time-row{flex-direction:row;flex-wrap:wrap}.time-row kendo-label{width:100%;margin-bottom:8px}.custom-tab .custom-fields{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.custom-tab .custom-fields{grid-template-columns:1fr}.presets-grid{flex-direction:column}.presets-grid .preset-button{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TabStripModule }, { kind: "component", type: i1$3.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i1$3.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i1$3.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i3$2.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: 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: "ngmodule", type: ButtonGroupModule }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i2.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: SVGIconModule }, { kind: "component", type: i3.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }] });
+        ], ngImport: i0, template: "<div class=\"cron-builder\" [class.disabled]=\"disabled()\">\n  <!-- Expression Preview Section -->\n  <div class=\"expression-section\">\n    <div class=\"expression-display\">\n      <div class=\"expression-label\">Cron Expression</div>\n      <div class=\"expression-value-row\">\n        <code class=\"expression-value\" [class.invalid]=\"!validationResult().isValid\">\n          {{ expression() }}\n        </code>\n        @if (mergedConfig().showCopyButton) {\n          <button\n            kendoButton\n            [svgIcon]=\"copiedRecently() ? checkIcon : copyIcon\"\n            [title]=\"copiedRecently() ? 'Copied!' : 'Copy to clipboard'\"\n            fillMode=\"flat\"\n            class=\"copy-button\"\n            [class.copied]=\"copiedRecently()\"\n            (click)=\"onCopyExpression()\"\n            [disabled]=\"disabled()\">\n          </button>\n        }\n      </div>\n      @if (!validationResult().isValid) {\n        <div class=\"validation-error\">\n          <kendo-svg-icon [icon]=\"xIcon\" size=\"small\"></kendo-svg-icon>\n          {{ validationResult().error }}\n        </div>\n      }\n    </div>\n\n    @if (mergedConfig().showHumanReadable && validationResult().isValid) {\n      <div class=\"human-readable\">\n        <kendo-svg-icon [icon]=\"clockIcon\" size=\"small\"></kendo-svg-icon>\n        <span>{{ humanReadable() }}</span>\n      </div>\n    }\n  </div>\n\n  <!-- Preset Buttons -->\n  @if (mergedConfig().showPresets) {\n    <div class=\"presets-section\">\n      <div class=\"presets-label\">Quick Select</div>\n      <div class=\"presets-grid\">\n        @for (preset of presetsByCategory().frequent; track preset.id) {\n          <button\n            kendoButton\n            size=\"small\"\n            fillMode=\"outline\"\n            class=\"preset-button\"\n            [title]=\"preset.description\"\n            [disabled]=\"disabled()\"\n            (click)=\"onPresetSelect(preset)\">\n            {{ preset.label }}\n          </button>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Schedule Type Tabs -->\n  <kendo-tabstrip\n    [animate]=\"false\"\n    [tabAlignment]=\"'start'\"\n    (tabSelect)=\"onTabSelect($event.index)\">\n\n    <!-- Seconds Tab -->\n    <kendo-tabstrip-tab [title]=\"'Seconds'\" [selected]=\"selectedTabIndex() === 0\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <div class=\"form-row\">\n            <kendo-label text=\"Run every\"></kendo-label>\n            <kendo-dropdownlist\n              [data]=\"secondIntervalOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"secondInterval()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onSecondIntervalChange($event)\">\n            </kendo-dropdownlist>\n          </div>\n          <div class=\"preview-text\">\n            Generates: <code>*/{{ secondInterval() }} * * * * *</code>\n          </div>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Minutes Tab -->\n    <kendo-tabstrip-tab [title]=\"'Minutes'\" [selected]=\"selectedTabIndex() === 1\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <div class=\"form-row\">\n            <kendo-label text=\"Run every\"></kendo-label>\n            <kendo-dropdownlist\n              [data]=\"minuteIntervalOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"minuteInterval()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onMinuteIntervalChange($event)\">\n            </kendo-dropdownlist>\n          </div>\n          <div class=\"preview-text\">\n            Generates: <code>0 */{{ minuteInterval() }} * * * *</code>\n          </div>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Hourly Tab -->\n    <kendo-tabstrip-tab [title]=\"'Hourly'\" [selected]=\"selectedTabIndex() === 2\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <div class=\"form-row\">\n            <kendo-label text=\"Run every\"></kendo-label>\n            <kendo-dropdownlist\n              [data]=\"hourIntervalOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"hourInterval()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onHourIntervalChange($event)\">\n            </kendo-dropdownlist>\n          </div>\n          <div class=\"form-row\">\n            <kendo-label text=\"At minute\"></kendo-label>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"hourMinute()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onHourMinuteChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"separator\">:</span>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"hourSecond()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onHourSecondChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"time-label\">(mm:ss)</span>\n          </div>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Daily Tab -->\n    <kendo-tabstrip-tab [title]=\"'Daily'\" [selected]=\"selectedTabIndex() === 3\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <div class=\"form-row time-row\">\n            <kendo-label text=\"At\"></kendo-label>\n            <kendo-dropdownlist\n              [data]=\"hourOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeHour()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeHourChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"separator\">:</span>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeMinute()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeMinuteChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"separator\">:</span>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeSecond()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeSecondChange($event)\">\n            </kendo-dropdownlist>\n          </div>\n\n          <div class=\"form-row mode-row\">\n            <kendo-label text=\"On\"></kendo-label>\n            <div class=\"mode-buttons\">\n              <button\n                kendoButton\n                [selected]=\"dailyMode() === 'every'\"\n                [disabled]=\"disabled()\"\n                (click)=\"onDailyModeChange('every')\">\n                Every day\n              </button>\n              <button\n                kendoButton\n                [selected]=\"dailyMode() === 'weekdays'\"\n                [disabled]=\"disabled()\"\n                (click)=\"onDailyModeChange('weekdays')\">\n                Weekdays\n              </button>\n              <button\n                kendoButton\n                [selected]=\"dailyMode() === 'weekends'\"\n                [disabled]=\"disabled()\"\n                (click)=\"onDailyModeChange('weekends')\">\n                Weekends\n              </button>\n              <button\n                kendoButton\n                [selected]=\"dailyMode() === 'specific'\"\n                [disabled]=\"disabled()\"\n                (click)=\"onDailyModeChange('specific')\">\n                Specific days\n              </button>\n            </div>\n          </div>\n\n          @if (dailyMode() === 'specific') {\n            <div class=\"form-row days-row\">\n              <div class=\"day-buttons\">\n                @for (day of weekdayAbbreviations; track day.value) {\n                  <button\n                    kendoButton\n                    [selected]=\"isDaySelected(day.value)\"\n                    [disabled]=\"disabled()\"\n                    class=\"day-button\"\n                    (click)=\"onDayToggle(day.value)\">\n                    {{ day.label }}\n                  </button>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Weekly Tab -->\n    <kendo-tabstrip-tab [title]=\"'Weekly'\" [selected]=\"selectedTabIndex() === 4\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <div class=\"form-row time-row\">\n            <kendo-label text=\"At\"></kendo-label>\n            <kendo-dropdownlist\n              [data]=\"hourOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeHour()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeHourChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"separator\">:</span>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeMinute()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeMinuteChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"separator\">:</span>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeSecond()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeSecondChange($event)\">\n            </kendo-dropdownlist>\n          </div>\n\n          <div class=\"form-row\">\n            <kendo-label text=\"On days\"></kendo-label>\n            <div class=\"day-buttons\">\n              @for (day of weekdayAbbreviations; track day.value) {\n                <button\n                  kendoButton\n                  [selected]=\"isDaySelected(day.value)\"\n                  [disabled]=\"disabled()\"\n                  class=\"day-button\"\n                  (click)=\"onDayToggle(day.value)\">\n                  {{ day.label }}\n                </button>\n              }\n            </div>\n          </div>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Monthly Tab -->\n    <kendo-tabstrip-tab [title]=\"'Monthly'\" [selected]=\"selectedTabIndex() === 5\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <div class=\"form-row time-row\">\n            <kendo-label text=\"At\"></kendo-label>\n            <kendo-dropdownlist\n              [data]=\"hourOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeHour()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeHourChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"separator\">:</span>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeMinute()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeMinuteChange($event)\">\n            </kendo-dropdownlist>\n            <span class=\"separator\">:</span>\n            <kendo-dropdownlist\n              [data]=\"minuteOptions\"\n              [textField]=\"'label'\"\n              [valueField]=\"'value'\"\n              [value]=\"timeSecond()\"\n              [valuePrimitive]=\"true\"\n              [disabled]=\"disabled()\"\n              (valueChange)=\"onTimeSecondChange($event)\">\n            </kendo-dropdownlist>\n          </div>\n\n          <div class=\"form-row mode-row\">\n            <div class=\"mode-buttons\">\n              <button\n                kendoButton\n                [selected]=\"monthlyMode() === 'specific'\"\n                [disabled]=\"disabled()\"\n                (click)=\"onMonthlyModeChange('specific')\">\n                Specific day\n              </button>\n              <button\n                kendoButton\n                [selected]=\"monthlyMode() === 'relative'\"\n                [disabled]=\"disabled()\"\n                (click)=\"onMonthlyModeChange('relative')\">\n                Relative day\n              </button>\n            </div>\n          </div>\n\n          @if (monthlyMode() === 'specific') {\n            <div class=\"form-row\">\n              <kendo-label text=\"On day\"></kendo-label>\n              <kendo-dropdownlist\n                [data]=\"dayOfMonthOptions\"\n                [textField]=\"'label'\"\n                [valueField]=\"'value'\"\n                [value]=\"dayOfMonth()\"\n                [valuePrimitive]=\"true\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onDayOfMonthChange($event)\">\n              </kendo-dropdownlist>\n              <span class=\"suffix-text\">of every month</span>\n            </div>\n          }\n\n          @if (monthlyMode() === 'relative') {\n            <div class=\"form-row\">\n              <kendo-label text=\"On the\"></kendo-label>\n              <kendo-dropdownlist\n                [data]=\"relativeWeekOptions\"\n                [textField]=\"'label'\"\n                [valueField]=\"'value'\"\n                [value]=\"relativeWeek()\"\n                [valuePrimitive]=\"true\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onRelativeWeekChange($event)\">\n              </kendo-dropdownlist>\n              <kendo-dropdownlist\n                [data]=\"weekdayOptions\"\n                [textField]=\"'label'\"\n                [valueField]=\"'value'\"\n                [value]=\"relativeDay()\"\n                [valuePrimitive]=\"true\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onRelativeDayChange($event)\">\n              </kendo-dropdownlist>\n              <span class=\"suffix-text\">of every month</span>\n            </div>\n          }\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Custom/Advanced Tab -->\n    @if (mergedConfig().allowCustom) {\n      <kendo-tabstrip-tab [title]=\"'Custom'\" [selected]=\"selectedTabIndex() === 6\">\n        <ng-template kendoTabContent>\n          <div class=\"tab-content custom-tab\">\n            <div class=\"custom-fields\">\n              <div class=\"custom-field\">\n                <kendo-label text=\"Second\"></kendo-label>\n                <kendo-textbox\n                  [value]=\"customSecond()\"\n                  [disabled]=\"disabled()\"\n                  (valueChange)=\"onCustomFieldChange('second', $event || '*')\">\n                </kendo-textbox>\n                <span class=\"field-hint\">0-59, *, /</span>\n              </div>\n              <div class=\"custom-field\">\n                <kendo-label text=\"Minute\"></kendo-label>\n                <kendo-textbox\n                  [value]=\"customMinute()\"\n                  [disabled]=\"disabled()\"\n                  (valueChange)=\"onCustomFieldChange('minute', $event || '*')\">\n                </kendo-textbox>\n                <span class=\"field-hint\">0-59, *, /</span>\n              </div>\n              <div class=\"custom-field\">\n                <kendo-label text=\"Hour\"></kendo-label>\n                <kendo-textbox\n                  [value]=\"customHour()\"\n                  [disabled]=\"disabled()\"\n                  (valueChange)=\"onCustomFieldChange('hour', $event || '*')\">\n                </kendo-textbox>\n                <span class=\"field-hint\">0-23, *, /</span>\n              </div>\n              <div class=\"custom-field\">\n                <kendo-label text=\"Day\"></kendo-label>\n                <kendo-textbox\n                  [value]=\"customDayOfMonth()\"\n                  [disabled]=\"disabled()\"\n                  (valueChange)=\"onCustomFieldChange('dayOfMonth', $event || '*')\">\n                </kendo-textbox>\n                <span class=\"field-hint\">1-31, *, /</span>\n              </div>\n              <div class=\"custom-field\">\n                <kendo-label text=\"Month\"></kendo-label>\n                <kendo-textbox\n                  [value]=\"customMonth()\"\n                  [disabled]=\"disabled()\"\n                  (valueChange)=\"onCustomFieldChange('month', $event || '*')\">\n                </kendo-textbox>\n                <span class=\"field-hint\">1-12, *, /</span>\n              </div>\n              <div class=\"custom-field\">\n                <kendo-label text=\"Weekday\"></kendo-label>\n                <kendo-textbox\n                  [value]=\"customDayOfWeek()\"\n                  [disabled]=\"disabled()\"\n                  (valueChange)=\"onCustomFieldChange('dayOfWeek', $event || '*')\">\n                </kendo-textbox>\n                <span class=\"field-hint\">0-6 (Sun-Sat)</span>\n              </div>\n            </div>\n\n            <div class=\"syntax-reference\">\n              <div class=\"reference-title\">Syntax Reference</div>\n              <div class=\"reference-items\">\n                <span><code>*</code> any</span>\n                <span><code>*/N</code> every N</span>\n                <span><code>N-M</code> range</span>\n                <span><code>N,M</code> list</span>\n              </div>\n            </div>\n          </div>\n        </ng-template>\n      </kendo-tabstrip-tab>\n    }\n  </kendo-tabstrip>\n\n  <!-- Next Executions Section -->\n  @if (mergedConfig().showNextExecutions && validationResult().isValid && nextExecutions().length > 0) {\n    <div class=\"next-executions-section\">\n      <div class=\"next-executions-label\">Next Executions</div>\n      <ul class=\"next-executions-list\">\n        @for (execution of nextExecutions(); track $index) {\n          <li>{{ formatNextExecution(execution) }}</li>\n        }\n      </ul>\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{--cron-bg: var(--mm-cron-bg, #ffffff);--cron-border: var(--mm-cron-border, #e0e0e0);--cron-border-radius: var(--mm-cron-border-radius, 8px);--cron-text: var(--mm-cron-text, #333333);--cron-text-secondary: var(--mm-cron-text-secondary, #666666);--cron-accent: var(--mm-cron-accent, #616161);--cron-accent-hover: var(--mm-cron-accent-hover, #424242);--cron-preview-bg: var(--mm-cron-preview-bg, #f5f5f5);--cron-tab-active-bg: var(--mm-cron-tab-active-bg, #eeeeee);--cron-tab-active-border: var(--mm-cron-tab-active-border, #616161);--cron-error: var(--mm-cron-error, #d32f2f);--cron-success: var(--mm-cron-success, #388e3c);--cron-code-bg: var(--mm-cron-code-bg, #eeeeee);--cron-code-text: var(--mm-cron-code-text, #333333);--cron-shadow: var(--mm-cron-shadow, 0 2px 8px rgba(0, 0, 0, .1));--cron-font-family: var(--mm-cron-font-family, inherit);--cron-font-mono: var(--mm-cron-font-mono, \"Roboto Mono\", \"Consolas\", monospace);display:block;font-family:var(--cron-font-family)}.cron-builder{background:var(--cron-bg);border:1px solid var(--cron-border);border-radius:var(--cron-border-radius);padding:16px;box-shadow:var(--cron-shadow)}.cron-builder.disabled{opacity:.6;pointer-events:none}.expression-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--cron-border)}.expression-display .expression-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--cron-text-secondary);margin-bottom:8px}.expression-display .expression-value-row{display:flex;align-items:center;gap:8px}.expression-display .expression-value{flex:1;font-family:var(--cron-font-mono);font-size:1.1rem;font-weight:500;padding:8px 12px;background:var(--cron-code-bg);color:var(--cron-code-text);border-radius:4px;letter-spacing:1px}.expression-display .expression-value.invalid{color:var(--cron-error);border:1px solid var(--cron-error)}.expression-display .copy-button{flex-shrink:0;transition:all .2s ease}.expression-display .copy-button.copied{color:var(--cron-success)!important}.expression-display .validation-error{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.85rem;color:var(--cron-error)}.expression-display .validation-error kendo-svg-icon{flex-shrink:0}.human-readable{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:var(--cron-preview-bg);border-radius:4px;font-size:.9rem;color:var(--cron-text)}.human-readable kendo-svg-icon{color:var(--cron-accent);flex-shrink:0}.presets-section{margin-bottom:16px}.presets-section .presets-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--cron-text-secondary);margin-bottom:8px}.presets-section .presets-grid{display:flex;flex-wrap:wrap;gap:8px}.presets-section .preset-button{font-size:.8rem;padding:4px 12px;border-color:var(--cron-border);transition:all .2s ease}.presets-section .preset-button:hover:not(:disabled){border-color:var(--cron-accent);color:var(--cron-accent)}::ng-deep .k-tabstrip{background:transparent;border:none}::ng-deep .k-tabstrip .k-tabstrip-items-wrapper{border-bottom:1px solid var(--cron-border)}::ng-deep .k-tabstrip .k-tabstrip-items .k-item{color:var(--cron-text-secondary);background:transparent;border:none}::ng-deep .k-tabstrip .k-tabstrip-items .k-item.k-active{color:var(--cron-accent);background:var(--cron-tab-active-bg);border-bottom:2px solid var(--cron-tab-active-border)}::ng-deep .k-tabstrip .k-tabstrip-items .k-item:hover:not(.k-active){color:var(--cron-text);background:var(--cron-preview-bg)}::ng-deep .k-tabstrip .k-tabstrip-content{background:transparent;border:none;padding:16px 0}.tab-content{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.form-row kendo-label{min-width:80px;font-weight:500;color:var(--cron-text)}.form-row kendo-dropdownlist{min-width:140px}.form-row .separator{font-size:1.2rem;font-weight:700;color:var(--cron-text-secondary)}.form-row .time-label,.form-row .suffix-text{font-size:.85rem;color:var(--cron-text-secondary)}.mode-row .mode-buttons{display:flex;flex-wrap:wrap;gap:8px}.mode-row .mode-buttons button{transition:all .2s ease}.mode-row .mode-buttons button.k-selected,.mode-row .mode-buttons button[ng-reflect-selected=true]{background:var(--cron-accent)!important;border-color:var(--cron-accent)!important;color:#fff!important}.days-row{padding-left:92px}.day-buttons{display:flex;flex-wrap:wrap;gap:6px}.day-buttons .day-button{min-width:48px;padding:6px 10px;font-size:.85rem;transition:all .2s ease}.day-buttons .day-button.k-selected,.day-buttons .day-button[ng-reflect-selected=true]{background:var(--cron-accent)!important;border-color:var(--cron-accent)!important;color:#fff!important}.preview-text{font-size:.85rem;color:var(--cron-text-secondary)}.preview-text code{font-family:var(--cron-font-mono);background:var(--cron-preview-bg);padding:2px 6px;border-radius:3px}.custom-tab .custom-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.custom-tab .custom-field{display:flex;flex-direction:column;gap:4px}.custom-tab .custom-field kendo-label{font-size:.8rem;font-weight:600;color:var(--cron-text-secondary)}.custom-tab .custom-field kendo-textbox{font-family:var(--cron-font-mono)}.custom-tab .custom-field .field-hint{font-size:.7rem;color:var(--cron-text-secondary)}.custom-tab .syntax-reference{margin-top:16px;padding:12px;background:var(--cron-preview-bg);border-radius:4px}.custom-tab .syntax-reference .reference-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--cron-text-secondary);margin-bottom:8px}.custom-tab .syntax-reference .reference-items{display:flex;flex-wrap:wrap;gap:16px;font-size:.85rem;color:var(--cron-text)}.custom-tab .syntax-reference .reference-items code{font-family:var(--cron-font-mono);background:var(--cron-code-bg);color:var(--cron-code-text);padding:2px 6px;border-radius:3px;margin-right:4px}.next-executions-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--cron-border)}.next-executions-section .next-executions-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--cron-text-secondary);margin-bottom:8px}.next-executions-section .next-executions-list{list-style:none;margin:0;padding:0}.next-executions-section .next-executions-list li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.9rem;color:var(--cron-text);font-family:var(--cron-font-mono)}.next-executions-section .next-executions-list li:before{content:\"\\25b8\";color:var(--cron-accent);font-size:.75rem}.next-executions-section .next-executions-list li:not(:last-child){border-bottom:1px dashed var(--cron-border)}@media(max-width:600px){.cron-builder{padding:12px}.form-row{flex-direction:column;align-items:flex-start}.form-row kendo-label{min-width:auto}.days-row{padding-left:0}.time-row{flex-direction:row;flex-wrap:wrap}.time-row kendo-label{width:100%;margin-bottom:8px}.custom-tab .custom-fields{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.custom-tab .custom-fields{grid-template-columns:1fr}.presets-grid{flex-direction:column}.presets-grid .preset-button{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TabStripModule }, { kind: "component", type: i1$3.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i1$3.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i1$3.TabContentDirective, selector: "[kendoTabContent]" }, { 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: 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: "ngmodule", type: ButtonGroupModule }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i2.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: SVGIconModule }, { kind: "component", type: i3.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CronBuilderComponent, decorators: [{
             type: Component,