@meshmakers/shared-ui 3.3.560 → 3.3.570

package/fesm2022/meshmakers-shared-ui.mjs

@@ -654,21 +654,122 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
   `, styles: [".message-details-content{display:flex;flex-direction:column;height:100%;padding:16px;box-sizing:border-box;overflow:hidden}.loading-section{flex:1;display:flex;align-items:center;justify-content:center}.details-pre{flex:1;margin:0;font-family:Courier New,monospace;font-size:13px;line-height:1.5;border:1px solid var(--kendo-color-border);background:var(--kendo-color-base-subtle);border-radius:4px;padding:12px;overflow:scroll;white-space:pre;min-height:0}.details-pre::-webkit-scrollbar{width:10px;height:10px}.details-pre::-webkit-scrollbar-track{background:var(--kendo-color-base-subtle, #f5f5f5);border-radius:4px}.details-pre::-webkit-scrollbar-thumb{background:var(--kendo-color-border, #ccc);border-radius:4px}.details-pre::-webkit-scrollbar-thumb:hover{background:#999}.dialog-actions{flex-shrink:0;padding-top:16px;margin-top:16px;border-top:1px solid var(--kendo-color-border);display:flex;flex-direction:row;justify-content:space-between;gap:12px}\n"] }]
         }] });
 
+class WindowStateService {
+    storageKey = 'mm-window-states';
+    activeBackdrops = 0;
+    getDimensions(dialogKey) {
+        const states = this.loadStates();
+        return states[dialogKey] ?? null;
+    }
+    saveDimensions(dialogKey, dimensions) {
+        const states = this.loadStates();
+        states[dialogKey] = dimensions;
+        this.saveStates(states);
+    }
+    clearDimensions(dialogKey) {
+        const states = this.loadStates();
+        delete states[dialogKey];
+        this.saveStates(states);
+    }
+    resolveWindowSize(dialogKey, defaults) {
+        return this.getDimensions(dialogKey) ?? defaults;
+    }
+    captureAndSave(dialogKey, windowElement) {
+        const rect = windowElement.getBoundingClientRect();
+        if (rect.width > 0 && rect.height > 0) {
+            this.saveDimensions(dialogKey, {
+                width: Math.round(rect.width),
+                height: Math.round(rect.height)
+            });
+        }
+    }
+    /**
+     * Applies modal behavior to a Kendo WindowRef: shows a dark backdrop overlay
+     * that blocks interaction with the background, and removes it when the window closes.
+     * Also captures and saves window dimensions on close.
+     */
+    applyModalBehavior(dialogKey, windowRef) {
+        const windowEl = windowRef.window.location.nativeElement;
+        this.showBackdrop();
+        windowRef.result.subscribe({
+            next: () => {
+                this.captureAndSave(dialogKey, windowEl);
+                this.hideBackdrop();
+            },
+            error: () => {
+                this.captureAndSave(dialogKey, windowEl);
+                this.hideBackdrop();
+            }
+        });
+    }
+    showBackdrop() {
+        this.activeBackdrops++;
+        if (this.activeBackdrops === 1) {
+            this.getOrCreateBackdropElement().style.display = 'block';
+        }
+    }
+    hideBackdrop() {
+        this.activeBackdrops = Math.max(0, this.activeBackdrops - 1);
+        if (this.activeBackdrops === 0) {
+            const el = document.querySelector('.mm-window-backdrop');
+            if (el) {
+                el.style.display = 'none';
+            }
+        }
+    }
+    getOrCreateBackdropElement() {
+        let el = document.querySelector('.mm-window-backdrop');
+        if (!el) {
+            el = document.createElement('div');
+            el.className = 'mm-window-backdrop';
+            el.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:11499;display:none;';
+            document.body.appendChild(el);
+        }
+        return el;
+    }
+    loadStates() {
+        try {
+            const raw = sessionStorage.getItem(this.storageKey);
+            return raw ? JSON.parse(raw) : {};
+        }
+        catch {
+            return {};
+        }
+    }
+    saveStates(states) {
+        try {
+            sessionStorage.setItem(this.storageKey, JSON.stringify(states));
+        }
+        catch {
+            // sessionStorage full or unavailable
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: WindowStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: WindowStateService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: WindowStateService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class MessageDetailsDialogService {
     windowService = inject(WindowService);
+    windowStateService = inject(WindowStateService);
     /**
      * Opens a resizable window to show message details with copy-to-clipboard functionality
      */
     showDetailsDialog(data) {
+        const size = this.windowStateService.resolveWindowSize('message-details', { width: 900, height: 600 });
         const windowRef = this.windowService.open({
             content: MessageDetailsDialogComponent,
             title: data.title,
-            width: 900,
-            height: 600,
+            width: size.width,
+            height: size.height,
             minWidth: 500,
             minHeight: 400,
             resizable: true,
         });
+        this.windowStateService.applyModalBehavior('message-details', windowRef);
         const contentRef = windowRef.content;
         if (contentRef?.instance) {
             contentRef.instance.data = data;
@@ -2803,6 +2904,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 
 class EntitySelectDialogService {
     windowService = inject(WindowService);
+    windowStateService = inject(WindowStateService);
     /**
      * Opens the entity select dialog
      * @param dataSource The data source providing grid data and column definitions
@@ -2810,15 +2912,19 @@ class EntitySelectDialogService {
      * @returns Promise resolving to selected entities or null if cancelled
      */
     async open(dataSource, options) {
+        const defaultWidth = options.width ?? 800;
+        const defaultHeight = options.height ?? 600;
+        const size = this.windowStateService.resolveWindowSize('entity-select', { width: defaultWidth, height: defaultHeight });
         const windowRef = this.windowService.open({
             title: options.title,
             content: EntitySelectDialogComponent,
-            width: options.width ?? 800,
-            height: options.height ?? 600,
+            width: size.width,
+            height: size.height,
             minWidth: 550,
             minHeight: 400,
             resizable: true
         });
+        this.windowStateService.applyModalBehavior('entity-select', windowRef);
         const contentRef = windowRef.content;
         if (contentRef?.instance) {
             contentRef.instance.dataSource = dataSource;
@@ -2854,6 +2960,12 @@ class EntitySelectInputComponent {
     maxResults = 50;
     debounceMs = 300;
     prefix = '';
+    // Initial display value (e.g. when restoring a previously selected entity by name)
+    set initialDisplayValue(value) {
+        if (value && !this.selectedEntity) {
+            this.searchFormControl.setValue(value, { emitEvent: false });
+        }
+    }
     // Dialog inputs
     // eslint-disable-next-line @typescript-eslint/no-explicit-any -- generic component accepts any entity type
     dialogDataSource;
@@ -3101,7 +3213,7 @@ class EntitySelectInputComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EntitySelectInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: EntitySelectInputComponent, isStandalone: true, selector: "mm-entity-select-input", inputs: { dataSource: "dataSource", placeholder: "placeholder", minSearchLength: "minSearchLength", maxResults: "maxResults", debounceMs: "debounceMs", prefix: "prefix", dialogDataSource: "dialogDataSource", dialogTitle: "dialogTitle", multiSelect: "multiSelect", advancedSearchLabel: "advancedSearchLabel", dialogMessages: "dialogMessages", messages: "messages", disabled: "disabled", required: "required" }, outputs: { entitySelected: "entitySelected", entityCleared: "entityCleared", entitiesSelected: "entitiesSelected" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: EntitySelectInputComponent, isStandalone: true, selector: "mm-entity-select-input", inputs: { dataSource: "dataSource", placeholder: "placeholder", minSearchLength: "minSearchLength", maxResults: "maxResults", debounceMs: "debounceMs", prefix: "prefix", initialDisplayValue: "initialDisplayValue", dialogDataSource: "dialogDataSource", dialogTitle: "dialogTitle", multiSelect: "multiSelect", advancedSearchLabel: "advancedSearchLabel", dialogMessages: "dialogMessages", messages: "messages", disabled: "disabled", required: "required" }, outputs: { entitySelected: "entitySelected", entityCleared: "entityCleared", entitiesSelected: "entitiesSelected" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => EntitySelectInputComponent),
@@ -3163,6 +3275,7 @@ class EntitySelectInputComponent {
       <button *ngIf="dialogDataSource"
               kendoButton
               type="button"
+              fillMode="flat"
               [svgIcon]="searchIcon"
               [disabled]="disabled"
               [title]="advancedSearchLabel || _messages.advancedSearchLabel"
@@ -3244,6 +3357,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
       <button *ngIf="dialogDataSource"
               kendoButton
               type="button"
+              fillMode="flat"
               [svgIcon]="searchIcon"
               [disabled]="disabled"
               [title]="advancedSearchLabel || _messages.advancedSearchLabel"
@@ -3267,6 +3381,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                 type: Input
             }], prefix: [{
                 type: Input
+            }], initialDisplayValue: [{
+                type: Input
             }], dialogDataSource: [{
                 type: Input
             }], dialogTitle: [{
@@ -5189,5 +5305,5 @@ function provideMmSharedUi() {
  * Generated bundle index. Do not edit.
  */
 
-export { BaseFormComponent, BaseTreeDetailComponent, ButtonTypes, BytesToSizePipe, CRON_PRESETS, ConfirmationService, ConfirmationWindowResult, CopyableTextComponent, CronBuilderComponent, CronHumanizerService, CronParserService, DEFAULT_CRON_BUILDER_CONFIG, DEFAULT_ENTITY_SELECT_DIALOG_MESSAGES, DEFAULT_ENTITY_SELECT_INPUT_MESSAGES, DEFAULT_LIST_VIEW_MESSAGES, DEFAULT_RESPONSIVE_COLSPAN, DEFAULT_TIME_RANGE_LABELS, DataSourceBase, DataSourceTyped, DialogType, EntitySelectDialogComponent, EntitySelectDialogService, EntitySelectInputComponent, FetchResultBase, FetchResultTyped, FileUploadResult, FileUploadService, FormTitleExtraDirective, HAS_UNSAVED_CHANGES, HOUR_INTERVALS, HierarchyDataSource, HierarchyDataSourceBase, ImportStrategyDialogComponent, ImportStrategyDialogResult, ImportStrategyDialogService, ImportStrategyDto, InputDialogComponent, InputService, ListViewComponent, MINUTE_INTERVALS, MessageDetailsDialogComponent, MessageDetailsDialogService, MessageListenerService, MmListViewDataBindingDirective, NotificationDisplayService, PascalCasePipe, ProgressValue, ProgressWindowComponent, ProgressWindowService, RELATIVE_WEEKS, SECOND_INTERVALS, SaveAsDialogComponent, SaveAsDialogService, TimeRangePickerComponent, TimeRangeUtils, TreeComponent, UnsavedChangesDirective, UnsavedChangesGuard, UploadFileDialogComponent, WEEKDAYS, WEEKDAY_ABBREVIATIONS, generateDayOfMonthOptions, generateHourOptions, generateMinuteOptions, provideMmSharedUi };
+export { BaseFormComponent, BaseTreeDetailComponent, ButtonTypes, BytesToSizePipe, CRON_PRESETS, ConfirmationService, ConfirmationWindowResult, CopyableTextComponent, CronBuilderComponent, CronHumanizerService, CronParserService, DEFAULT_CRON_BUILDER_CONFIG, DEFAULT_ENTITY_SELECT_DIALOG_MESSAGES, DEFAULT_ENTITY_SELECT_INPUT_MESSAGES, DEFAULT_LIST_VIEW_MESSAGES, DEFAULT_RESPONSIVE_COLSPAN, DEFAULT_TIME_RANGE_LABELS, DataSourceBase, DataSourceTyped, DialogType, EntitySelectDialogComponent, EntitySelectDialogService, EntitySelectInputComponent, FetchResultBase, FetchResultTyped, FileUploadResult, FileUploadService, FormTitleExtraDirective, HAS_UNSAVED_CHANGES, HOUR_INTERVALS, HierarchyDataSource, HierarchyDataSourceBase, ImportStrategyDialogComponent, ImportStrategyDialogResult, ImportStrategyDialogService, ImportStrategyDto, InputDialogComponent, InputService, ListViewComponent, MINUTE_INTERVALS, MessageDetailsDialogComponent, MessageDetailsDialogService, MessageListenerService, MmListViewDataBindingDirective, NotificationDisplayService, PascalCasePipe, ProgressValue, ProgressWindowComponent, ProgressWindowService, RELATIVE_WEEKS, SECOND_INTERVALS, SaveAsDialogComponent, SaveAsDialogService, TimeRangePickerComponent, TimeRangeUtils, TreeComponent, UnsavedChangesDirective, UnsavedChangesGuard, UploadFileDialogComponent, WEEKDAYS, WEEKDAY_ABBREVIATIONS, WindowStateService, generateDayOfMonthOptions, generateHourOptions, generateMinuteOptions, provideMmSharedUi };
 //# sourceMappingURL=meshmakers-shared-ui.mjs.map