@memberjunction/ng-ui-components 6.1.0-edge.4 → 6.1.0-edge.6

package/dist/lib/datepicker/datepicker.component.js

@@ -11,45 +11,45 @@ function MJDatepickerComponent_ng_template_7_For_10_Template(rf, ctx) { if (rf &
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const day_r4 = ctx.$implicit;
+    const day_r3 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(day_r4);
+    i0.ɵɵtextInterpolate(day_r3);
 } }
 function MJDatepickerComponent_ng_template_7_For_12_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
+    const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 20);
-    i0.ɵɵlistener("click", function MJDatepickerComponent_ng_template_7_For_12_For_2_Template_button_click_0_listener() { const day_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SelectDate(day_r6)); });
+    i0.ɵɵlistener("click", function MJDatepickerComponent_ng_template_7_For_12_For_2_Template_button_click_0_listener() { const day_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SelectDate(day_r5)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const day_r6 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("mj-calendar-day--selected", ctx_r2.IsSelectedDay(day_r6))("mj-calendar-day--today", day_r6.isToday)("mj-calendar-day--other-month", !day_r6.isCurrentMonth);
-    i0.ɵɵproperty("disabled", ctx_r2.IsOutOfRange(day_r6));
-    i0.ɵɵattribute("aria-selected", ctx_r2.IsSelectedDay(day_r6));
+    const day_r5 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("mj-calendar-day--selected", ctx_r1.IsSelectedDay(day_r5))("mj-calendar-day--today", day_r5.isToday)("mj-calendar-day--other-month", !day_r5.isCurrentMonth);
+    i0.ɵɵproperty("disabled", ctx_r1.IsOutOfRange(day_r5));
+    i0.ɵɵattribute("aria-selected", ctx_r1.IsSelectedDay(day_r5));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(day_r6.dayNumber);
+    i0.ɵɵtextInterpolate(day_r5.dayNumber);
 } }
 function MJDatepickerComponent_ng_template_7_For_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 16);
     i0.ɵɵrepeaterCreate(1, MJDatepickerComponent_ng_template_7_For_12_For_2_Template, 2, 9, "button", 19, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const week_r7 = ctx.$implicit;
+    const week_r6 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(week_r7);
+    i0.ɵɵrepeater(week_r6);
 } }
 function MJDatepickerComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 7)(1, "div", 8)(2, "button", 9);
-    i0.ɵɵlistener("click", function MJDatepickerComponent_ng_template_7_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.PreviousMonth()); });
+    i0.ɵɵlistener("click", function MJDatepickerComponent_ng_template_7_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.PreviousMonth()); });
     i0.ɵɵelement(3, "i", 10);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "span", 11);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "button", 12);
-    i0.ɵɵlistener("click", function MJDatepickerComponent_ng_template_7_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.NextMonth()); });
+    i0.ɵɵlistener("click", function MJDatepickerComponent_ng_template_7_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.NextMonth()); });
     i0.ɵɵelement(7, "i", 13);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(8, "div", 14);
@@ -57,17 +57,17 @@ function MJDatepickerComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵrepeaterCreate(11, MJDatepickerComponent_ng_template_7_For_12_Template, 3, 0, "div", 16, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementStart(13, "div", 17)(14, "button", 18);
-    i0.ɵɵlistener("click", function MJDatepickerComponent_ng_template_7_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SelectToday()); });
+    i0.ɵɵlistener("click", function MJDatepickerComponent_ng_template_7_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SelectToday()); });
     i0.ɵɵtext(15, "Today");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.MonthYearLabel);
+    i0.ɵɵtextInterpolate(ctx_r1.MonthYearLabel);
     i0.ɵɵadvance(4);
-    i0.ɵɵrepeater(ctx_r2.WeekDays);
+    i0.ɵɵrepeater(ctx_r1.WeekDays);
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r2.Weeks);
+    i0.ɵɵrepeater(ctx_r1.Weeks);
 } }
 /**
  * mj-datepicker — Date picker with calendar popup. Replaces `<kendo-datepicker>`.
@@ -77,7 +77,14 @@ export class MJDatepickerComponent {
     Max = null;
     Format = 'MM/dd/yyyy';
     Placeholder = '';
-    Disabled = false;
+    /**
+     * Host-driven disable. Composed with Angular Forms' `setDisabledState()` into `IsDisabled`
+     * (the actual gate) — see `syncDisabled`. A setter, not a bare field, because this input is
+     * routinely bound to an expression that changes over the control's lifetime, and the gate has
+     * to follow it every time.
+     */
+    set Disabled(value) { this.disabledInput = value; this.syncDisabled(); }
+    get Disabled() { return this.disabledInput; }
     ValueChange = new EventEmitter();
     triggerEl;
     hostClass = true;
@@ -108,6 +115,31 @@ export class MJDatepickerComponent {
     }
     Close() { if (!this.IsOpen)
         return; this.IsOpen = false; this.cdr.detectChanges(); }
+    /** Backing field for the `Disabled` input. */
+    disabledInput = false;
+    /** The forms-driven disabled state, kept SEPARATE so neither source can stomp the other. */
+    formDisabled = false;
+    /**
+     * Recompute the gate from both of its sources. Called whenever either changes.
+     *
+     * `IsDisabled` is derived state, and the only thing that assigned it was `setDisabledState()`.
+     * The forms-driven half was in fact fine — `setUpControl` also wires `registerOnDisabledChange`,
+     * so that hook fires on every `control.disable()`/`enable()`, not just at registration. What had
+     * no recompute path at all was the `Disabled` @Input: a plain field, so the gate froze at
+     * whatever the first compose produced and every later change to the input was dropped.
+     *
+     * Closes the calendar directly rather than via `Close()`: this can run from an @Input setter,
+     * i.e. DURING the parent's CD pass, where a nested `detectChanges()` trips NG0100.
+     */
+    syncDisabled() {
+        const disabled = this.disabledInput || this.formDisabled;
+        if (disabled === this.IsDisabled)
+            return;
+        this.IsDisabled = disabled;
+        if (disabled)
+            this.IsOpen = false;
+        this.cdr.markForCheck();
+    }
     PreviousMonth() { this.viewDate = new Date(this.viewDate.getFullYear(), this.viewDate.getMonth() - 1, 1); this.Weeks = BuildCalendarWeeks(this.viewDate); }
     NextMonth() { this.viewDate = new Date(this.viewDate.getFullYear(), this.viewDate.getMonth() + 1, 1); this.Weeks = BuildCalendarWeeks(this.viewDate); }
     SelectDate(day) {
@@ -172,7 +204,7 @@ export class MJDatepickerComponent {
     }
     registerOnChange(fn) { this.onChange = fn; }
     registerOnTouched(fn) { this.onTouched = fn; }
-    setDisabledState(isDisabled) { this.IsDisabled = isDisabled || this.Disabled; }
+    setDisabledState(isDisabled) { this.formDisabled = isDisabled; this.syncDisabled(); }
     ngOnDestroy() { this.Close(); }
     static ɵfac = function MJDatepickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJDatepickerComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJDatepickerComponent, selectors: [["mj-datepicker"]], viewQuery: function MJDatepickerComponent_Query(rf, ctx) { if (rf & 1) {
@@ -183,25 +215,24 @@ export class MJDatepickerComponent {
         } }, hostVars: 2, hostBindings: function MJDatepickerComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassProp("mj-datepicker-host", ctx.hostClass);
         } }, inputs: { Min: "Min", Max: "Max", Format: "Format", Placeholder: "Placeholder", Disabled: "Disabled" }, outputs: { ValueChange: "ValueChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => MJDatepickerComponent), multi: true }])], decls: 8, vars: 10, consts: [["trigger", "", "overlayOrigin", "cdkOverlayOrigin"], ["dateInput", ""], ["cdkOverlayOrigin", "", 1, "mj-datepicker"], ["type", "text", 1, "mj-input", "mj-datepicker-input", 3, "input", "blur", "keydown", "placeholder", "disabled", "value"], ["type", "button", "tabindex", "-1", "aria-label", "Open calendar", 1, "mj-datepicker-toggle", 3, "click", "disabled"], [1, "fa-solid", "fa-calendar"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "mj-dropdown-backdrop", 3, "backdropClick", "detach", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayPositions", "cdkConnectedOverlayHasBackdrop"], ["role", "grid", "aria-label", "Calendar", 1, "mj-calendar"], [1, "mj-calendar-header"], ["type", "button", "aria-label", "Previous month", 1, "mj-calendar-nav", 3, "click"], [1, "fa-solid", "fa-chevron-left"], [1, "mj-calendar-title"], ["type", "button", "aria-label", "Next month", 1, "mj-calendar-nav", 3, "click"], [1, "fa-solid", "fa-chevron-right"], ["role", "row", 1, "mj-calendar-weekdays"], ["role", "columnheader", 1, "mj-calendar-weekday"], ["role", "row", 1, "mj-calendar-row"], [1, "mj-calendar-footer"], ["type", "button", 1, "mj-calendar-today", 3, "click"], ["type", "button", "role", "gridcell", 1, "mj-calendar-day", 3, "mj-calendar-day--selected", "mj-calendar-day--today", "mj-calendar-day--other-month", "disabled"], ["type", "button", "role", "gridcell", 1, "mj-calendar-day", 3, "click", "disabled"]], template: function MJDatepickerComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 2, 0)(3, "input", 3, 1);
-            i0.ɵɵlistener("input", function MJDatepickerComponent_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnInputChange($event)); })("blur", function MJDatepickerComponent_Template_input_blur_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnBlur()); })("keydown", function MJDatepickerComponent_Template_input_keydown_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnKeyDown($event)); });
+            i0.ɵɵlistener("input", function MJDatepickerComponent_Template_input_input_3_listener($event) { return ctx.OnInputChange($event); })("blur", function MJDatepickerComponent_Template_input_blur_3_listener() { return ctx.OnBlur(); })("keydown", function MJDatepickerComponent_Template_input_keydown_3_listener($event) { return ctx.OnKeyDown($event); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(5, "button", 4);
-            i0.ɵɵlistener("click", function MJDatepickerComponent_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.Toggle()); });
+            i0.ɵɵlistener("click", function MJDatepickerComponent_Template_button_click_5_listener() { return ctx.Toggle(); });
             i0.ɵɵelement(6, "i", 5);
             i0.ɵɵelementEnd()();
             i0.ɵɵtemplate(7, MJDatepickerComponent_ng_template_7_Template, 16, 1, "ng-template", 6);
-            i0.ɵɵlistener("backdropClick", function MJDatepickerComponent_Template_ng_template_backdropClick_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.Close()); })("detach", function MJDatepickerComponent_Template_ng_template_detach_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.Close()); });
+            i0.ɵɵlistener("backdropClick", function MJDatepickerComponent_Template_ng_template_backdropClick_7_listener() { return ctx.Close(); })("detach", function MJDatepickerComponent_Template_ng_template_detach_7_listener() { return ctx.Close(); });
         } if (rf & 2) {
-            const overlayOrigin_r8 = i0.ɵɵreference(2);
+            const overlayOrigin_r7 = i0.ɵɵreference(2);
             i0.ɵɵclassProp("mj-datepicker--disabled", ctx.IsDisabled);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("placeholder", ctx.Placeholder)("disabled", ctx.IsDisabled)("value", ctx.DisplayValue);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("disabled", ctx.IsDisabled);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("cdkConnectedOverlayOrigin", overlayOrigin_r8)("cdkConnectedOverlayOpen", ctx.IsOpen)("cdkConnectedOverlayPositions", ctx.Positions)("cdkConnectedOverlayHasBackdrop", true);
+            i0.ɵɵproperty("cdkConnectedOverlayOrigin", overlayOrigin_r7)("cdkConnectedOverlayOpen", ctx.IsOpen)("cdkConnectedOverlayPositions", ctx.Positions)("cdkConnectedOverlayHasBackdrop", true);
         } }, dependencies: [OverlayModule, i1.CdkConnectedOverlay, i1.CdkOverlayOrigin], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJDatepickerComponent, [{

package/dist/lib/datepicker/datepicker.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.component.js","sourceRoot":"","sources":["../../../src/lib/datepicker/datepicker.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, forwardRef, HostBinding, ElementRef, ViewChild, OnDestroy, inject, ChangeDetectorRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { OverlayModule, ConnectedPosition } from '@angular/cdk/overlay';\nimport { CalendarDay, WEEK_DAYS, BuildCalendarWeeks, FormatDate, GetMonthYearLabel } from '../calendar/calendar-utils';\n\n/**\n * mj-datepicker — Date picker with calendar popup. Replaces `<kendo-datepicker>`.\n */\n@Component({\n  selector: 'mj-datepicker',\n  standalone: true,\n  imports: [OverlayModule],\n  template: `\n    <div class=\"mj-datepicker\" #trigger cdkOverlayOrigin #overlayOrigin=\"cdkOverlayOrigin\"\n      [class.mj-datepicker--disabled]=\"IsDisabled\">\n      <input #dateInput class=\"mj-input mj-datepicker-input\" type=\"text\"\n        [placeholder]=\"Placeholder\" [disabled]=\"IsDisabled\" [value]=\"DisplayValue\"\n        (input)=\"OnInputChange($event)\" (blur)=\"OnBlur()\" (keydown)=\"OnKeyDown($event)\" />\n      <button type=\"button\" class=\"mj-datepicker-toggle\" tabindex=\"-1\" [disabled]=\"IsDisabled\"\n        (click)=\"Toggle()\" aria-label=\"Open calendar\">\n        <i class=\"fa-solid fa-calendar\"></i>\n      </button>\n    </div>\n    <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n      [cdkConnectedOverlayOpen]=\"IsOpen\" [cdkConnectedOverlayPositions]=\"Positions\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\" cdkConnectedOverlayBackdropClass=\"mj-dropdown-backdrop\"\n      (backdropClick)=\"Close()\" (detach)=\"Close()\">\n      <div class=\"mj-calendar\" role=\"grid\" aria-label=\"Calendar\">\n        <div class=\"mj-calendar-header\">\n          <button type=\"button\" (click)=\"PreviousMonth()\" aria-label=\"Previous month\" class=\"mj-calendar-nav\">\n            <i class=\"fa-solid fa-chevron-left\"></i></button>\n          <span class=\"mj-calendar-title\">{{ MonthYearLabel }}</span>\n          <button type=\"button\" (click)=\"NextMonth()\" aria-label=\"Next month\" class=\"mj-calendar-nav\">\n            <i class=\"fa-solid fa-chevron-right\"></i></button>\n        </div>\n        <div class=\"mj-calendar-weekdays\" role=\"row\">\n          @for (day of WeekDays; track day) { <span class=\"mj-calendar-weekday\" role=\"columnheader\">{{ day }}</span> }\n        </div>\n        @for (week of Weeks; track $index) {\n          <div class=\"mj-calendar-row\" role=\"row\">\n            @for (day of week; track day.date.getTime()) {\n              <button type=\"button\" class=\"mj-calendar-day\" role=\"gridcell\"\n                [class.mj-calendar-day--selected]=\"IsSelectedDay(day)\"\n                [class.mj-calendar-day--today]=\"day.isToday\"\n                [class.mj-calendar-day--other-month]=\"!day.isCurrentMonth\"\n                [disabled]=\"IsOutOfRange(day)\" [attr.aria-selected]=\"IsSelectedDay(day)\"\n                (click)=\"SelectDate(day)\">{{ day.dayNumber }}</button>\n            }\n          </div>\n        }\n        <div class=\"mj-calendar-footer\">\n          <button type=\"button\" class=\"mj-calendar-today\" (click)=\"SelectToday()\">Today</button>\n        </div>\n      </div>\n    </ng-template>\n  `,\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => MJDatepickerComponent), multi: true }]\n})\nexport class MJDatepickerComponent implements ControlValueAccessor, OnDestroy {\n  @Input() Min: Date | null = null;\n  @Input() Max: Date | null = null;\n  @Input() Format = 'MM/dd/yyyy';\n  @Input() Placeholder = '';\n  @Input() Disabled = false;\n  @Output() ValueChange = new EventEmitter<Date | null>();\n  @ViewChild('trigger') private triggerEl!: ElementRef<HTMLElement>;\n  @HostBinding('class.mj-datepicker-host') readonly hostClass = true;\n  private cdr = inject(ChangeDetectorRef);\n\n  IsOpen = false; IsDisabled = false; DisplayValue = '';\n  Weeks: CalendarDay[][] = []; WeekDays = WEEK_DAYS;\n  Positions: ConnectedPosition[] = [\n    { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n    { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' }\n  ];\n  private viewDate = new Date();\n  private selectedDate: Date | null = null;\n  private onChange: (value: Date | null) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  get MonthYearLabel(): string { return GetMonthYearLabel(this.viewDate); }\n\n  Toggle(): void { if (this.IsDisabled) return; this.IsOpen ? this.Close() : this.Open(); }\n  Open(): void {\n    if (this.IsDisabled || this.IsOpen) return;\n    this.viewDate = this.selectedDate ? new Date(this.selectedDate) : new Date();\n    this.Weeks = BuildCalendarWeeks(this.viewDate); this.IsOpen = true; this.cdr.detectChanges();\n  }\n  Close(): void { if (!this.IsOpen) return; this.IsOpen = false; this.cdr.detectChanges(); }\n  PreviousMonth(): void { this.viewDate = new Date(this.viewDate.getFullYear(), this.viewDate.getMonth() - 1, 1); this.Weeks = BuildCalendarWeeks(this.viewDate); }\n  NextMonth(): void { this.viewDate = new Date(this.viewDate.getFullYear(), this.viewDate.getMonth() + 1, 1); this.Weeks = BuildCalendarWeeks(this.viewDate); }\n\n  SelectDate(day: CalendarDay): void {\n    if (this.IsOutOfRange(day)) return;\n    this.selectedDate = day.date; this.DisplayValue = FormatDate(day.date);\n    this.onChange(day.date); this.ValueChange.emit(day.date); this.Close();\n  }\n  SelectToday(): void {\n    const today = new Date(); today.setHours(0, 0, 0, 0);\n    this.selectedDate = today; this.DisplayValue = FormatDate(today);\n    this.onChange(today); this.ValueChange.emit(today); this.Close();\n  }\n  IsSelectedDay(day: CalendarDay): boolean {\n    if (!this.selectedDate) return false;\n    return day.date.getFullYear() === this.selectedDate.getFullYear() && day.date.getMonth() === this.selectedDate.getMonth() && day.date.getDate() === this.selectedDate.getDate();\n  }\n  IsOutOfRange(day: CalendarDay): boolean {\n    if (this.Min && day.date < this.Min) return true;\n    if (this.Max && day.date > this.Max) return true;\n    return false;\n  }\n  OnInputChange(event: Event): void {\n    const value = (event.target as HTMLInputElement).value; this.DisplayValue = value;\n    const parsed = new Date(value);\n    if (!isNaN(parsed.getTime())) { this.selectedDate = parsed; this.onChange(parsed); this.ValueChange.emit(parsed); }\n  }\n  OnBlur(): void { this.onTouched(); }\n  OnKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') this.Close();\n    else if (event.key === 'Enter' && !this.IsOpen) this.Open();\n  }\n  writeValue(value: Date | string | null): void {\n    if (value == null) { this.selectedDate = null; this.DisplayValue = ''; }\n    else { const d = typeof value === 'string' ? new Date(value) : value; if (!isNaN(d.getTime())) { this.selectedDate = d; this.DisplayValue = FormatDate(d); } }\n  }\n  registerOnChange(fn: (value: Date | null) => void): void { this.onChange = fn; }\n  registerOnTouched(fn: () => void): void { this.onTouched = fn; }\n  setDisabledState(isDisabled: boolean): void { this.IsDisabled = isDisabled || this.Disabled; }\n  ngOnDestroy(): void { this.Close(); }\n}\n"]}
+{"version":3,"file":"datepicker.component.js","sourceRoot":"","sources":["../../../src/lib/datepicker/datepicker.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, forwardRef, HostBinding, ElementRef, ViewChild, OnDestroy, inject, ChangeDetectorRef } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { OverlayModule, ConnectedPosition } from '@angular/cdk/overlay';\nimport { CalendarDay, WEEK_DAYS, BuildCalendarWeeks, FormatDate, GetMonthYearLabel } from '../calendar/calendar-utils';\n\n/**\n * mj-datepicker — Date picker with calendar popup. Replaces `<kendo-datepicker>`.\n */\n@Component({\n  selector: 'mj-datepicker',\n  standalone: true,\n  imports: [OverlayModule],\n  template: `\n    <div class=\"mj-datepicker\" #trigger cdkOverlayOrigin #overlayOrigin=\"cdkOverlayOrigin\"\n      [class.mj-datepicker--disabled]=\"IsDisabled\">\n      <input #dateInput class=\"mj-input mj-datepicker-input\" type=\"text\"\n        [placeholder]=\"Placeholder\" [disabled]=\"IsDisabled\" [value]=\"DisplayValue\"\n        (input)=\"OnInputChange($event)\" (blur)=\"OnBlur()\" (keydown)=\"OnKeyDown($event)\" />\n      <button type=\"button\" class=\"mj-datepicker-toggle\" tabindex=\"-1\" [disabled]=\"IsDisabled\"\n        (click)=\"Toggle()\" aria-label=\"Open calendar\">\n        <i class=\"fa-solid fa-calendar\"></i>\n      </button>\n    </div>\n    <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n      [cdkConnectedOverlayOpen]=\"IsOpen\" [cdkConnectedOverlayPositions]=\"Positions\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\" cdkConnectedOverlayBackdropClass=\"mj-dropdown-backdrop\"\n      (backdropClick)=\"Close()\" (detach)=\"Close()\">\n      <div class=\"mj-calendar\" role=\"grid\" aria-label=\"Calendar\">\n        <div class=\"mj-calendar-header\">\n          <button type=\"button\" (click)=\"PreviousMonth()\" aria-label=\"Previous month\" class=\"mj-calendar-nav\">\n            <i class=\"fa-solid fa-chevron-left\"></i></button>\n          <span class=\"mj-calendar-title\">{{ MonthYearLabel }}</span>\n          <button type=\"button\" (click)=\"NextMonth()\" aria-label=\"Next month\" class=\"mj-calendar-nav\">\n            <i class=\"fa-solid fa-chevron-right\"></i></button>\n        </div>\n        <div class=\"mj-calendar-weekdays\" role=\"row\">\n          @for (day of WeekDays; track day) { <span class=\"mj-calendar-weekday\" role=\"columnheader\">{{ day }}</span> }\n        </div>\n        @for (week of Weeks; track $index) {\n          <div class=\"mj-calendar-row\" role=\"row\">\n            @for (day of week; track day.date.getTime()) {\n              <button type=\"button\" class=\"mj-calendar-day\" role=\"gridcell\"\n                [class.mj-calendar-day--selected]=\"IsSelectedDay(day)\"\n                [class.mj-calendar-day--today]=\"day.isToday\"\n                [class.mj-calendar-day--other-month]=\"!day.isCurrentMonth\"\n                [disabled]=\"IsOutOfRange(day)\" [attr.aria-selected]=\"IsSelectedDay(day)\"\n                (click)=\"SelectDate(day)\">{{ day.dayNumber }}</button>\n            }\n          </div>\n        }\n        <div class=\"mj-calendar-footer\">\n          <button type=\"button\" class=\"mj-calendar-today\" (click)=\"SelectToday()\">Today</button>\n        </div>\n      </div>\n    </ng-template>\n  `,\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => MJDatepickerComponent), multi: true }]\n})\nexport class MJDatepickerComponent implements ControlValueAccessor, OnDestroy {\n  @Input() Min: Date | null = null;\n  @Input() Max: Date | null = null;\n  @Input() Format = 'MM/dd/yyyy';\n  @Input() Placeholder = '';\n  /**\n   * Host-driven disable. Composed with Angular Forms' `setDisabledState()` into `IsDisabled`\n   * (the actual gate) — see `syncDisabled`. A setter, not a bare field, because this input is\n   * routinely bound to an expression that changes over the control's lifetime, and the gate has\n   * to follow it every time.\n   */\n  @Input()\n  set Disabled(value: boolean) { this.disabledInput = value; this.syncDisabled(); }\n  get Disabled(): boolean { return this.disabledInput; }\n  @Output() ValueChange = new EventEmitter<Date | null>();\n  @ViewChild('trigger') private triggerEl!: ElementRef<HTMLElement>;\n  @HostBinding('class.mj-datepicker-host') readonly hostClass = true;\n  private cdr = inject(ChangeDetectorRef);\n\n  IsOpen = false; IsDisabled = false; DisplayValue = '';\n  Weeks: CalendarDay[][] = []; WeekDays = WEEK_DAYS;\n  Positions: ConnectedPosition[] = [\n    { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n    { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' }\n  ];\n  private viewDate = new Date();\n  private selectedDate: Date | null = null;\n  private onChange: (value: Date | null) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  get MonthYearLabel(): string { return GetMonthYearLabel(this.viewDate); }\n\n  Toggle(): void { if (this.IsDisabled) return; this.IsOpen ? this.Close() : this.Open(); }\n  Open(): void {\n    if (this.IsDisabled || this.IsOpen) return;\n    this.viewDate = this.selectedDate ? new Date(this.selectedDate) : new Date();\n    this.Weeks = BuildCalendarWeeks(this.viewDate); this.IsOpen = true; this.cdr.detectChanges();\n  }\n  Close(): void { if (!this.IsOpen) return; this.IsOpen = false; this.cdr.detectChanges(); }\n\n  /** Backing field for the `Disabled` input. */\n  private disabledInput = false;\n  /** The forms-driven disabled state, kept SEPARATE so neither source can stomp the other. */\n  private formDisabled = false;\n\n  /**\n   * Recompute the gate from both of its sources. Called whenever either changes.\n   *\n   * `IsDisabled` is derived state, and the only thing that assigned it was `setDisabledState()`.\n   * The forms-driven half was in fact fine — `setUpControl` also wires `registerOnDisabledChange`,\n   * so that hook fires on every `control.disable()`/`enable()`, not just at registration. What had\n   * no recompute path at all was the `Disabled` @Input: a plain field, so the gate froze at\n   * whatever the first compose produced and every later change to the input was dropped.\n   *\n   * Closes the calendar directly rather than via `Close()`: this can run from an @Input setter,\n   * i.e. DURING the parent's CD pass, where a nested `detectChanges()` trips NG0100.\n   */\n  private syncDisabled(): void {\n    const disabled = this.disabledInput || this.formDisabled;\n    if (disabled === this.IsDisabled) return;\n    this.IsDisabled = disabled;\n    if (disabled) this.IsOpen = false;\n    this.cdr.markForCheck();\n  }\n  PreviousMonth(): void { this.viewDate = new Date(this.viewDate.getFullYear(), this.viewDate.getMonth() - 1, 1); this.Weeks = BuildCalendarWeeks(this.viewDate); }\n  NextMonth(): void { this.viewDate = new Date(this.viewDate.getFullYear(), this.viewDate.getMonth() + 1, 1); this.Weeks = BuildCalendarWeeks(this.viewDate); }\n\n  SelectDate(day: CalendarDay): void {\n    if (this.IsOutOfRange(day)) return;\n    this.selectedDate = day.date; this.DisplayValue = FormatDate(day.date);\n    this.onChange(day.date); this.ValueChange.emit(day.date); this.Close();\n  }\n  SelectToday(): void {\n    const today = new Date(); today.setHours(0, 0, 0, 0);\n    this.selectedDate = today; this.DisplayValue = FormatDate(today);\n    this.onChange(today); this.ValueChange.emit(today); this.Close();\n  }\n  IsSelectedDay(day: CalendarDay): boolean {\n    if (!this.selectedDate) return false;\n    return day.date.getFullYear() === this.selectedDate.getFullYear() && day.date.getMonth() === this.selectedDate.getMonth() && day.date.getDate() === this.selectedDate.getDate();\n  }\n  IsOutOfRange(day: CalendarDay): boolean {\n    if (this.Min && day.date < this.Min) return true;\n    if (this.Max && day.date > this.Max) return true;\n    return false;\n  }\n  OnInputChange(event: Event): void {\n    const value = (event.target as HTMLInputElement).value; this.DisplayValue = value;\n    const parsed = new Date(value);\n    if (!isNaN(parsed.getTime())) { this.selectedDate = parsed; this.onChange(parsed); this.ValueChange.emit(parsed); }\n  }\n  OnBlur(): void { this.onTouched(); }\n  OnKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') this.Close();\n    else if (event.key === 'Enter' && !this.IsOpen) this.Open();\n  }\n  writeValue(value: Date | string | null): void {\n    if (value == null) { this.selectedDate = null; this.DisplayValue = ''; }\n    else { const d = typeof value === 'string' ? new Date(value) : value; if (!isNaN(d.getTime())) { this.selectedDate = d; this.DisplayValue = FormatDate(d); } }\n  }\n  registerOnChange(fn: (value: Date | null) => void): void { this.onChange = fn; }\n  registerOnTouched(fn: () => void): void { this.onTouched = fn; }\n  setDisabledState(isDisabled: boolean): void { this.formDisabled = isDisabled; this.syncDisabled(); }\n  ngOnDestroy(): void { this.Close(); }\n}\n"]}

package/dist/lib/dialog/dialog.component.js

@@ -37,7 +37,7 @@ function MJDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "div", 1);
     i0.ɵɵdomListener("click", function MJDialogComponent_Conditional_0_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnBackdropClick($event)); });
     i0.ɵɵdomElementStart(1, "div", 2);
-    i0.ɵɵdomListener("click", function MJDialogComponent_Conditional_0_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵdomListener("click", function MJDialogComponent_Conditional_0_Template_div_click_1_listener($event) { return $event.stopPropagation(); });
     i0.ɵɵconditionalCreate(2, MJDialogComponent_Conditional_0_Conditional_2_Template, 4, 2, "div", 3);
     i0.ɵɵdomElementStart(3, "div", 4);
     i0.ɵɵprojection(4);

package/dist/lib/dialog/dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.component.js","sourceRoot":"","sources":["../../../src/lib/dialog/dialog.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  HostListener,\n  ElementRef,\n  ViewChild,\n  AfterViewInit,\n  OnDestroy,\n  inject\n} from '@angular/core';\n\nexport type MjDialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'auto';\n\nconst SIZE_MAP: Record<MjDialogSize, string> = {\n  sm: '400px',\n  md: '600px',\n  lg: '800px',\n  xl: '1000px',\n  auto: 'auto'\n};\n\n/**\n * mj-dialog — Modal dialog component using native `<dialog>` element.\n *\n * Replaces `<kendo-dialog>`.\n *\n * Supports both explicit width/height and size presets.\n * Content is projected, with an optional `<mj-dialog-actions>` for the footer.\n *\n * @example\n * ```html\n * <mj-dialog [Visible]=\"showDialog\" Title=\"Confirm\" (Close)=\"onClose()\">\n *   <p>Are you sure?</p>\n *   <mj-dialog-actions>\n *     <button mjButton variant=\"primary\" (click)=\"onConfirm()\">Yes</button>\n *     <button mjButton (click)=\"onClose()\">No</button>\n *   </mj-dialog-actions>\n * </mj-dialog>\n * ```\n */\n@Component({\n  selector: 'mj-dialog',\n  standalone: true,\n  template: `\n    @if (Visible) {\n      <div class=\"mj-dialog-backdrop\" (click)=\"OnBackdropClick($event)\">\n        <div class=\"mj-dialog-container\"\n          [attr.role]=\"Role\"\n          aria-modal=\"true\"\n          [attr.aria-labelledby]=\"Title ? 'mj-dialog-title-' + dialogId : null\"\n          [style.width]=\"resolvedWidth\"\n          [style.height]=\"resolvedHeight\"\n          [style.max-width]=\"'90vw'\"\n          [style.max-height]=\"'90vh'\"\n          (click)=\"$event.stopPropagation()\">\n\n          <!-- Title bar -->\n          @if (Title || Closeable) {\n            <div class=\"mj-dialog-titlebar\">\n              @if (Title) {\n                <h2 class=\"mj-dialog-title\" [id]=\"'mj-dialog-title-' + dialogId\">{{ Title }}</h2>\n              }\n              <ng-content select=\"mj-dialog-titlebar\"></ng-content>\n              @if (Closeable) {\n                <button class=\"mj-dialog-close\" (click)=\"OnCloseClick()\" aria-label=\"Close dialog\">\n                  <i class=\"fa-solid fa-times\"></i>\n                </button>\n              }\n            </div>\n          }\n\n          <!-- Body -->\n          <div class=\"mj-dialog-body\">\n            <ng-content></ng-content>\n          </div>\n\n          <!-- Actions (projected) -->\n          <ng-content select=\"mj-dialog-actions\"></ng-content>\n        </div>\n      </div>\n    }\n  `\n})\nexport class MJDialogComponent implements OnDestroy {\n  private _visible = false;\n  private static nextId = 0;\n\n  @Input()\n  set Visible(value: boolean) {\n    const wasVisible = this._visible;\n    this._visible = value;\n    if (value && !wasVisible) {\n      this.onOpen();\n    }\n    if (!value && wasVisible) {\n      this.onCloseInternal();\n    }\n  }\n  get Visible(): boolean {\n    return this._visible;\n  }\n\n  @Input() Title = '';\n  @Input() Width: number | string | null = null;\n  @Input() Height: number | string | null = null;\n  @Input() Size: MjDialogSize = 'auto';\n  @Input() Closeable = true;\n  @Input() MinWidth: number | null = null;\n\n  /**\n   * ARIA role for the dialog container. Defaults to `'dialog'`; pass\n   * `'alertdialog'` for confirmation / destructive prompts that interrupt the\n   * user (per WAI-ARIA, an alertdialog conveys an urgent message requiring a\n   * response). Backward compatible — existing callers keep `'dialog'`.\n   */\n  @Input() Role: 'dialog' | 'alertdialog' = 'dialog';\n\n  @Output() Close = new EventEmitter<void>();\n\n  DialogId = MJDialogComponent.nextId++;\n\n  get dialogId(): number {\n    return this.DialogId;\n  }\n\n  get resolvedWidth(): string {\n    if (this.Width) {\n      return typeof this.Width === 'number' ? `${this.Width}px` : this.Width;\n    }\n    return SIZE_MAP[this.Size] ?? 'auto';\n  }\n\n  get resolvedHeight(): string {\n    if (this.Height) {\n      return typeof this.Height === 'number' ? `${this.Height}px` : this.Height;\n    }\n    return 'auto';\n  }\n\n  @HostListener('document:keydown.escape')\n  OnEscapeKey(): void {\n    if (this.Visible && this.Closeable) {\n      this.OnCloseClick();\n    }\n  }\n\n  OnBackdropClick(event: Event): void {\n    if (this.Closeable) {\n      this.OnCloseClick();\n    }\n  }\n\n  OnCloseClick(): void {\n    this.Close.emit();\n  }\n\n  private onOpen(): void {\n    document.body.style.overflow = 'hidden';\n  }\n\n  private onCloseInternal(): void {\n    document.body.style.overflow = '';\n  }\n\n  ngOnDestroy(): void {\n    document.body.style.overflow = '';\n  }\n}\n\n/**\n * mj-dialog-titlebar — Custom titlebar content for mj-dialog.\n *\n * Replaces `<kendo-dialog-titlebar>`.\n *\n * @example\n * ```html\n * <mj-dialog [Visible]=\"show\" (Close)=\"onClose()\">\n *   <mj-dialog-titlebar>\n *     <i class=\"fa-solid fa-save\"></i> Custom Title\n *   </mj-dialog-titlebar>\n *   <p>Dialog content</p>\n * </mj-dialog>\n * ```\n */\n@Component({\n  selector: 'mj-dialog-titlebar',\n  standalone: true,\n  template: `<ng-content></ng-content>`\n})\nexport class MJDialogTitlebarComponent {}\n\n/**\n * mj-dialog-actions — Footer action bar for mj-dialog.\n *\n * Replaces `<kendo-dialog-actions>`.\n *\n * @example\n * ```html\n * <mj-dialog-actions>\n *   <button mjButton variant=\"primary\">Save</button>\n *   <button mjButton>Cancel</button>\n * </mj-dialog-actions>\n * ```\n */\n@Component({\n  selector: 'mj-dialog-actions',\n  standalone: true,\n  template: `\n    <div class=\"mj-dialog-actions\">\n      <ng-content></ng-content>\n    </div>\n  `\n})\nexport class MJDialogActionsComponent {}\n"]}
+{"version":3,"file":"dialog.component.js","sourceRoot":"","sources":["../../../src/lib/dialog/dialog.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  HostListener,\n  ElementRef,\n  ViewChild,\n  AfterViewInit,\n  OnDestroy,\n  inject\n} from '@angular/core';\n\nexport type MjDialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'auto';\n\nconst SIZE_MAP: Record<MjDialogSize, string> = {\n  sm: '400px',\n  md: '600px',\n  lg: '800px',\n  xl: '1000px',\n  auto: 'auto'\n};\n\n/**\n * mj-dialog — Modal dialog component using native `<dialog>` element.\n *\n * Replaces `<kendo-dialog>`.\n *\n * Supports both explicit width/height and size presets.\n * Content is projected, with an optional `<mj-dialog-actions>` for the footer.\n *\n * @example\n * ```html\n * <mj-dialog [Visible]=\"showDialog\" Title=\"Confirm\" (Close)=\"onClose()\">\n *   <p>Are you sure?</p>\n *   <mj-dialog-actions>\n *     <button mjButton variant=\"primary\" (click)=\"onConfirm()\">Yes</button>\n *     <button mjButton (click)=\"onClose()\">No</button>\n *   </mj-dialog-actions>\n * </mj-dialog>\n * ```\n */\n@Component({\n  selector: 'mj-dialog',\n  standalone: true,\n  template: `\n    @if (Visible) {\n      <div class=\"mj-dialog-backdrop\" (click)=\"OnBackdropClick($event)\">\n        <div class=\"mj-dialog-container\"\n          [attr.role]=\"Role\"\n          aria-modal=\"true\"\n          [attr.aria-labelledby]=\"Title ? 'mj-dialog-title-' + dialogId : null\"\n          [style.width]=\"resolvedWidth\"\n          [style.height]=\"resolvedHeight\"\n          [style.max-width]=\"'90vw'\"\n          [style.max-height]=\"'90vh'\"\n          (click)=\"$event.stopPropagation()\">\n\n          <!-- Title bar -->\n          @if (Title || Closeable) {\n            <div class=\"mj-dialog-titlebar\">\n              @if (Title) {\n                <h2 class=\"mj-dialog-title\" [id]=\"'mj-dialog-title-' + dialogId\">{{ Title }}</h2>\n              }\n              <ng-content select=\"mj-dialog-titlebar\"></ng-content>\n              @if (Closeable) {\n                <button class=\"mj-dialog-close\" (click)=\"OnCloseClick()\" aria-label=\"Close dialog\">\n                  <i class=\"fa-solid fa-times\"></i>\n                </button>\n              }\n            </div>\n          }\n\n          <!-- Body -->\n          <div class=\"mj-dialog-body\">\n            <ng-content></ng-content>\n          </div>\n\n          <!-- Actions (projected) -->\n          <ng-content select=\"mj-dialog-actions\"></ng-content>\n        </div>\n      </div>\n    }\n  `\n})\nexport class MJDialogComponent implements OnDestroy {\n  private _visible = false;\n  private static nextId = 0;\n\n  @Input()\n  set Visible(value: boolean) {\n    const wasVisible = this._visible;\n    this._visible = value;\n    if (value && !wasVisible) {\n      this.onOpen();\n    }\n    if (!value && wasVisible) {\n      this.onCloseInternal();\n    }\n  }\n  get Visible(): boolean {\n    return this._visible;\n  }\n\n  @Input() Title = '';\n  @Input() Width: number | string | null = null;\n  @Input() Height: number | string | null = null;\n  @Input() Size: MjDialogSize = 'auto';\n  @Input() Closeable = true;\n  @Input() MinWidth: number | null = null;\n\n  /**\n   * ARIA role for the dialog container. Defaults to `'dialog'`; pass\n   * `'alertdialog'` for confirmation / destructive prompts that interrupt the\n   * user (per WAI-ARIA, an alertdialog conveys an urgent message requiring a\n   * response). Backward compatible — existing callers keep `'dialog'`.\n   */\n  @Input() Role: 'dialog' | 'alertdialog' = 'dialog';\n\n  @Output() Close = new EventEmitter<void>();\n\n  DialogId = MJDialogComponent.nextId++;\n\n  get dialogId(): number {\n    return this.DialogId;\n  }\n\n  get resolvedWidth(): string {\n    if (this.Width) {\n      return typeof this.Width === 'number' ? `${this.Width}px` : this.Width;\n    }\n    return SIZE_MAP[this.Size] ?? 'auto';\n  }\n\n  get resolvedHeight(): string {\n    if (this.Height) {\n      return typeof this.Height === 'number' ? `${this.Height}px` : this.Height;\n    }\n    return 'auto';\n  }\n\n  @HostListener('document:keydown.escape')\n  OnEscapeKey(): void {\n    if (this.Visible && this.Closeable) {\n      this.OnCloseClick();\n    }\n  }\n\n  OnBackdropClick(event: Event): void {\n    if (this.Closeable) {\n      this.OnCloseClick();\n    }\n  }\n\n  OnCloseClick(): void {\n    this.Close.emit();\n  }\n\n  private onOpen(): void {\n    document.body.style.overflow = 'hidden';\n  }\n\n  private onCloseInternal(): void {\n    document.body.style.overflow = '';\n  }\n\n  ngOnDestroy(): void {\n    document.body.style.overflow = '';\n  }\n}\n\n/**\n * mj-dialog-titlebar — Custom titlebar content for mj-dialog.\n *\n * Replaces `<kendo-dialog-titlebar>`.\n *\n * @example\n * ```html\n * <mj-dialog [Visible]=\"show\" (Close)=\"onClose()\">\n *   <mj-dialog-titlebar>\n *     <i class=\"fa-solid fa-save\"></i> Custom Title\n *   </mj-dialog-titlebar>\n *   <p>Dialog content</p>\n * </mj-dialog>\n * ```\n */\n@Component({\n  selector: 'mj-dialog-titlebar',\n  standalone: true,\n  template: `<ng-content></ng-content>`\n})\nexport class MJDialogTitlebarComponent {}\n\n/**\n * mj-dialog-actions — Footer action bar for mj-dialog.\n *\n * Replaces `<kendo-dialog-actions>`.\n *\n * @example\n * ```html\n * <mj-dialog-actions>\n *   <button mjButton variant=\"primary\">Save</button>\n *   <button mjButton>Cancel</button>\n * </mj-dialog-actions>\n * ```\n */\n@Component({\n  selector: 'mj-dialog-actions',\n  standalone: true,\n  template: `\n    <div class=\"mj-dialog-actions\">\n      <ng-content></ng-content>\n    </div>\n  `\n})\nexport class MJDialogActionsComponent {}\n"]}

package/dist/lib/dialog/dialog.service.js

@@ -8,48 +8,48 @@ import { Component, Input, Output, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 const _forTrack0 = ($index, $item) => $item.text;
 function MJDialogContainerComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵdomElementStart(0, "div", 3)(1, "h3", 6);
     i0.ɵɵtext(2);
     i0.ɵɵdomElementEnd();
     i0.ɵɵdomElementStart(3, "button", 7);
-    i0.ɵɵdomListener("click", function MJDialogContainerComponent_Conditional_2_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnCloseClick()); });
+    i0.ɵɵdomListener("click", function MJDialogContainerComponent_Conditional_2_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCloseClick()); });
     i0.ɵɵdomElement(4, "i", 8);
     i0.ɵɵdomElementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r2.Title);
+    i0.ɵɵtextInterpolate(ctx_r1.Title);
 } }
 function MJDialogContainerComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "p");
     i0.ɵɵtext(1);
     i0.ɵɵdomElementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.StringContent);
+    i0.ɵɵtextInterpolate(ctx_r1.StringContent);
 } }
 function MJDialogContainerComponent_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
+    const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵdomElementStart(0, "button", 10);
-    i0.ɵɵdomListener("click", function MJDialogContainerComponent_Conditional_7_For_2_Template_button_click_0_listener() { const action_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnActionClick(action_r5)); });
+    i0.ɵɵdomListener("click", function MJDialogContainerComponent_Conditional_7_For_2_Template_button_click_0_listener() { const action_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnActionClick(action_r4)); });
     i0.ɵɵtext(1);
     i0.ɵɵdomElementEnd();
 } if (rf & 2) {
-    const action_r5 = ctx.$implicit;
-    i0.ɵɵclassProp("mj-btn--primary", action_r5.primary)("mj-btn--danger", action_r5.themeColor === "error");
+    const action_r4 = ctx.$implicit;
+    i0.ɵɵclassProp("mj-btn--primary", action_r4.primary)("mj-btn--danger", action_r4.themeColor === "error");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", action_r5.text, " ");
+    i0.ɵɵtextInterpolate1(" ", action_r4.text, " ");
 } }
 function MJDialogContainerComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "div", 5);
     i0.ɵɵrepeaterCreate(1, MJDialogContainerComponent_Conditional_7_For_2_Template, 2, 5, "button", 9, _forTrack0);
     i0.ɵɵdomElementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r2.Actions);
+    i0.ɵɵrepeater(ctx_r1.Actions);
 } }
 /**
  * Reference to an open dialog. Used to access content instance and subscribe to results.
@@ -95,11 +95,10 @@ export class MJDialogContainerComponent {
     }
     static ɵfac = function MJDialogContainerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJDialogContainerComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJDialogContainerComponent, selectors: [["mj-dialog-container-internal"]], inputs: { Title: "Title", StringContent: "StringContent", Width: "Width", MinWidth: "MinWidth", Height: "Height", Actions: "Actions" }, outputs: { ActionClicked: "ActionClicked", CloseClicked: "CloseClicked" }, decls: 8, vars: 9, consts: [["contentHost", ""], [1, "mj-dialog-backdrop", 3, "click"], ["role", "dialog", "aria-modal", "true", 1, "mj-dialog-container", 3, "click"], [1, "mj-dialog-titlebar"], [1, "mj-dialog-body"], [1, "mj-dialog-actions"], [1, "mj-dialog-title"], ["aria-label", "Close", 1, "mj-dialog-close", 3, "click"], [1, "fa-solid", "fa-times"], [1, "mj-btn", 3, "mj-btn--primary", "mj-btn--danger"], [1, "mj-btn", 3, "click"]], template: function MJDialogContainerComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵdomElementStart(0, "div", 1);
-            i0.ɵɵdomListener("click", function MJDialogContainerComponent_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnBackdropClick()); });
+            i0.ɵɵdomListener("click", function MJDialogContainerComponent_Template_div_click_0_listener() { return ctx.OnBackdropClick(); });
             i0.ɵɵdomElementStart(1, "div", 2);
-            i0.ɵɵdomListener("click", function MJDialogContainerComponent_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
+            i0.ɵɵdomListener("click", function MJDialogContainerComponent_Template_div_click_1_listener($event) { return $event.stopPropagation(); });
             i0.ɵɵconditionalCreate(2, MJDialogContainerComponent_Conditional_2_Template, 5, 1, "div", 3);
             i0.ɵɵdomElementStart(3, "div", 4);
             i0.ɵɵconditionalCreate(4, MJDialogContainerComponent_Conditional_4_Template, 2, 1, "p");

package/dist/lib/dialog/dialog.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.service.js","sourceRoot":"","sources":["../../../src/lib/dialog/dialog.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Injectable,\n  ComponentRef,\n  Type,\n  ViewContainerRef,\n  ApplicationRef,\n  Injector,\n  createComponent,\n  inject\n} from '@angular/core';\nimport { Subject, Observable } from 'rxjs';\n\n/**\n * Result returned when a dialog action button is clicked.\n */\nexport interface MJDialogAction {\n  text: string;\n  primary?: boolean;\n  themeColor?: string;\n}\n\n/**\n * Options for opening a dialog programmatically.\n */\nexport interface MJDialogSettings {\n  /** Dialog title */\n  title?: string;\n  /** Content: either a string message or a Component class */\n  content?: string | Type<unknown>;\n  /** Action buttons shown in the footer */\n  actions?: MJDialogAction[];\n  /** Dialog width in pixels */\n  width?: number;\n  /** Dialog minimum width in pixels */\n  minWidth?: number;\n  /** Dialog height in pixels */\n  height?: number;\n  /** ViewContainerRef to attach the dialog to (for proper DI context) */\n  appendTo?: ViewContainerRef;\n}\n\n/**\n * Reference to an open dialog. Used to access content instance and subscribe to results.\n */\nexport class MJDialogRef {\n  private resultSubject = new Subject<unknown>();\n  private containerRef: ComponentRef<MJDialogContainerComponent> | null = null;\n\n  /** The content component instance (when content is a Component class) */\n  Content: { instance: Record<string, unknown> } | null = null;\n\n  /** Observable that emits when the dialog is closed */\n  get Result(): Observable<unknown> {\n    return this.resultSubject.asObservable();\n  }\n\n  /** @internal */\n  SetContainerRef(ref: ComponentRef<MJDialogContainerComponent>): void {\n    this.containerRef = ref;\n  }\n\n  /** Close the dialog with a result */\n  Close(result?: unknown): void {\n    this.resultSubject.next(result);\n    this.resultSubject.complete();\n    this.containerRef?.location.nativeElement.remove();\n    this.containerRef?.destroy();\n  }\n}\n\n/**\n * Internal container component that wraps dialog content.\n * This is dynamically created by MJDialogService.\n */\nimport { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n  selector: 'mj-dialog-container-internal',\n  standalone: true,\n  template: `\n    <div class=\"mj-dialog-backdrop\" (click)=\"OnBackdropClick()\">\n      <div class=\"mj-dialog-container\"\n        [style.width]=\"Width ? Width + 'px' : '450px'\"\n        [style.min-width]=\"MinWidth ? MinWidth + 'px' : null\"\n        [style.height]=\"Height ? Height + 'px' : null\"\n        (click)=\"$event.stopPropagation()\"\n        role=\"dialog\"\n        aria-modal=\"true\">\n\n        @if (Title) {\n          <div class=\"mj-dialog-titlebar\">\n            <h3 class=\"mj-dialog-title\">{{ Title }}</h3>\n            <button class=\"mj-dialog-close\" (click)=\"OnCloseClick()\" aria-label=\"Close\">\n              <i class=\"fa-solid fa-times\"></i>\n            </button>\n          </div>\n        }\n\n        <div class=\"mj-dialog-body\">\n          @if (StringContent) {\n            <p>{{ StringContent }}</p>\n          }\n          <div #contentHost></div>\n        </div>\n\n        @if (Actions && Actions.length > 0) {\n          <div class=\"mj-dialog-actions\">\n            @for (action of Actions; track action.text) {\n              <button\n                class=\"mj-btn\"\n                [class.mj-btn--primary]=\"action.primary\"\n                [class.mj-btn--danger]=\"action.themeColor === 'error'\"\n                (click)=\"OnActionClick(action)\">\n                {{ action.text }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  `,\n  styles: [`\n    .mj-dialog-backdrop {\n      position: fixed;\n      top: 0; left: 0; right: 0; bottom: 0;\n      background: var(--mj-bg-overlay);\n      z-index: 10001;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .mj-dialog-container {\n      background: var(--mj-bg-surface);\n      border-radius: var(--mj-radius-lg);\n      box-shadow: var(--mj-shadow-xl, 0 20px 60px color-mix(in srgb, var(--mj-text-primary) 30%, transparent));\n      display: flex;\n      flex-direction: column;\n      max-height: 90vh;\n      max-width: 90vw;\n      overflow: hidden;\n    }\n\n    .mj-dialog-titlebar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-card);\n    }\n\n    .mj-dialog-title {\n      margin: 0;\n      font-size: 1.1rem;\n      font-weight: var(--mj-font-semibold);\n      color: var(--mj-text-primary);\n    }\n\n    .mj-dialog-close {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      border: none;\n      background: none;\n      cursor: pointer;\n      color: var(--mj-text-muted);\n      border-radius: var(--mj-radius-sm);\n      transition: var(--mj-transition-colors);\n    }\n    .mj-dialog-close:hover {\n      background: var(--mj-bg-surface-hover);\n      color: var(--mj-text-primary);\n    }\n\n    .mj-dialog-body {\n      flex: 1;\n      padding: 0;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      min-height: 0;\n    }\n\n    .mj-dialog-body > p {\n      padding: 20px;\n    }\n\n    .mj-dialog-body > div {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      min-height: 0;\n    }\n\n    .mj-dialog-body p {\n      margin: 0;\n      color: var(--mj-text-primary);\n      line-height: 1.5;\n    }\n\n    .mj-dialog-actions {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 20px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .mj-btn {\n      padding: 8px 16px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: var(--mj-radius-sm);\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      font-size: 0.875rem;\n      transition: var(--mj-transition-colors);\n    }\n    .mj-btn:hover { background: var(--mj-bg-surface-hover); }\n    .mj-btn--primary {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border-color: var(--mj-brand-primary);\n    }\n    .mj-btn--primary:hover { background: var(--mj-brand-primary-hover); }\n    .mj-btn--danger {\n      background: var(--mj-status-error);\n      color: var(--mj-text-inverse);\n      border-color: var(--mj-status-error);\n    }\n\n    @media (max-width: 767px) {\n      .mj-dialog-container {\n        width: 100vw !important;\n        height: 100vh !important;\n        max-width: 100vw;\n        max-height: 100vh;\n        border-radius: 0;\n      }\n    }\n  `]\n})\nexport class MJDialogContainerComponent {\n  @Input() Title = '';\n  @Input() StringContent = '';\n  @Input() Width: number | null = null;\n  @Input() MinWidth: number | null = null;\n  @Input() Height: number | null = null;\n  @Input() Actions: MJDialogAction[] = [];\n  @Output() ActionClicked = new EventEmitter<MJDialogAction>();\n  @Output() CloseClicked = new EventEmitter<void>();\n\n  OnBackdropClick(): void {\n    this.CloseClicked.emit();\n  }\n\n  OnCloseClick(): void {\n    this.CloseClicked.emit();\n  }\n\n  OnActionClick(action: MJDialogAction): void {\n    this.ActionClicked.emit(action);\n  }\n}\n\n/**\n * MJDialogService — Programmatic dialog opening. Replaces Kendo `DialogService`.\n *\n * @example\n * ```typescript\n * // Simple confirm\n * const dialogRef = this.dialogService.Open({\n *   title: 'Confirm',\n *   content: 'Are you sure?',\n *   actions: [\n *     { text: 'OK', primary: true },\n *     { text: 'Cancel' }\n *   ]\n * });\n * dialogRef.Result.subscribe(result => { ... });\n *\n * // Component content\n * const dialogRef = this.dialogService.Open({\n *   content: MyDialogComponent,\n *   width: 500\n * });\n * dialogRef.Content.instance.someInput = 'value';\n * dialogRef.Result.subscribe(result => { ... });\n * ```\n */\n@Injectable({ providedIn: 'root' })\nexport class MJDialogService {\n  private appRef = inject(ApplicationRef);\n  private injector = inject(Injector);\n\n  /**\n   * Open a dialog programmatically.\n   *\n   * Kendo-compatible API: accepts `content` as string or Component class,\n   * returns a ref with `.Content.instance` and `.Result` observable.\n   */\n  Open(settings: MJDialogSettings): MJDialogRef {\n    const dialogRef = new MJDialogRef();\n    const injector = settings.appendTo?.injector ?? this.injector;\n\n    const containerRef = this.createContainer(injector);\n    this.configureContainer(containerRef, settings, dialogRef);\n    this.attachToDOM(containerRef, settings);\n    this.attachContentComponent(containerRef, settings, dialogRef, injector);\n\n    containerRef.changeDetectorRef.detectChanges();\n    return dialogRef;\n  }\n\n  private createContainer(injector: Injector): ComponentRef<MJDialogContainerComponent> {\n    return createComponent(MJDialogContainerComponent, {\n      environmentInjector: this.appRef.injector,\n      elementInjector: injector\n    });\n  }\n\n  private configureContainer(\n    containerRef: ComponentRef<MJDialogContainerComponent>,\n    settings: MJDialogSettings,\n    dialogRef: MJDialogRef\n  ): void {\n    containerRef.instance.Title = settings.title ?? '';\n    containerRef.instance.Width = settings.width ?? null;\n    containerRef.instance.MinWidth = settings.minWidth ?? null;\n    containerRef.instance.Height = settings.height ?? null;\n    containerRef.instance.Actions = settings.actions ?? [];\n\n    if (typeof settings.content === 'string') {\n      containerRef.instance.StringContent = settings.content;\n    }\n\n    containerRef.instance.CloseClicked.subscribe(() => dialogRef.Close(undefined));\n    containerRef.instance.ActionClicked.subscribe((action: MJDialogAction) => dialogRef.Close(action));\n    dialogRef.SetContainerRef(containerRef);\n  }\n\n  private attachToDOM(containerRef: ComponentRef<MJDialogContainerComponent>, settings: MJDialogSettings): void {\n    if (settings.appendTo) {\n      settings.appendTo.insert(containerRef.hostView);\n    } else {\n      document.body.appendChild(containerRef.location.nativeElement);\n      this.appRef.attachView(containerRef.hostView);\n    }\n  }\n\n  private attachContentComponent(\n    containerRef: ComponentRef<MJDialogContainerComponent>,\n    settings: MJDialogSettings,\n    dialogRef: MJDialogRef,\n    injector: Injector\n  ): void {\n    if (!settings.content || typeof settings.content === 'string') return;\n\n    const contentHost = containerRef.location.nativeElement.querySelector('.mj-dialog-body div');\n    if (!contentHost) return;\n\n    const contentRef = createComponent(settings.content as Type<unknown>, {\n      environmentInjector: this.appRef.injector,\n      elementInjector: injector,\n      hostElement: contentHost\n    });\n    this.appRef.attachView(contentRef.hostView);\n    dialogRef.Content = { instance: contentRef.instance as Record<string, unknown> };\n  }\n\n  /**\n   * Kendo-compatible alias — lowercase `open` for easier migration.\n   */\n  open(settings: MJDialogSettings): MJDialogRef {\n    return this.Open(settings);\n  }\n}\n"]}
+{"version":3,"file":"dialog.service.js","sourceRoot":"","sources":["../../../src/lib/dialog/dialog.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Injectable,\n  ComponentRef,\n  Type,\n  ViewContainerRef,\n  ApplicationRef,\n  Injector,\n  createComponent,\n  inject\n} from '@angular/core';\nimport { Subject, Observable } from 'rxjs';\n\n/**\n * Result returned when a dialog action button is clicked.\n */\nexport interface MJDialogAction {\n  text: string;\n  primary?: boolean;\n  themeColor?: string;\n}\n\n/**\n * Options for opening a dialog programmatically.\n */\nexport interface MJDialogSettings {\n  /** Dialog title */\n  title?: string;\n  /** Content: either a string message or a Component class */\n  content?: string | Type<unknown>;\n  /** Action buttons shown in the footer */\n  actions?: MJDialogAction[];\n  /** Dialog width in pixels */\n  width?: number;\n  /** Dialog minimum width in pixels */\n  minWidth?: number;\n  /** Dialog height in pixels */\n  height?: number;\n  /** ViewContainerRef to attach the dialog to (for proper DI context) */\n  appendTo?: ViewContainerRef;\n}\n\n/**\n * Reference to an open dialog. Used to access content instance and subscribe to results.\n */\nexport class MJDialogRef {\n  private resultSubject = new Subject<unknown>();\n  private containerRef: ComponentRef<MJDialogContainerComponent> | null = null;\n\n  /** The content component instance (when content is a Component class) */\n  Content: { instance: Record<string, unknown> } | null = null;\n\n  /** Observable that emits when the dialog is closed */\n  get Result(): Observable<unknown> {\n    return this.resultSubject.asObservable();\n  }\n\n  /** @internal */\n  SetContainerRef(ref: ComponentRef<MJDialogContainerComponent>): void {\n    this.containerRef = ref;\n  }\n\n  /** Close the dialog with a result */\n  Close(result?: unknown): void {\n    this.resultSubject.next(result);\n    this.resultSubject.complete();\n    this.containerRef?.location.nativeElement.remove();\n    this.containerRef?.destroy();\n  }\n}\n\n/**\n * Internal container component that wraps dialog content.\n * This is dynamically created by MJDialogService.\n */\nimport { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n  selector: 'mj-dialog-container-internal',\n  standalone: true,\n  template: `\n    <div class=\"mj-dialog-backdrop\" (click)=\"OnBackdropClick()\">\n      <div class=\"mj-dialog-container\"\n        [style.width]=\"Width ? Width + 'px' : '450px'\"\n        [style.min-width]=\"MinWidth ? MinWidth + 'px' : null\"\n        [style.height]=\"Height ? Height + 'px' : null\"\n        (click)=\"$event.stopPropagation()\"\n        role=\"dialog\"\n        aria-modal=\"true\">\n\n        @if (Title) {\n          <div class=\"mj-dialog-titlebar\">\n            <h3 class=\"mj-dialog-title\">{{ Title }}</h3>\n            <button class=\"mj-dialog-close\" (click)=\"OnCloseClick()\" aria-label=\"Close\">\n              <i class=\"fa-solid fa-times\"></i>\n            </button>\n          </div>\n        }\n\n        <div class=\"mj-dialog-body\">\n          @if (StringContent) {\n            <p>{{ StringContent }}</p>\n          }\n          <div #contentHost></div>\n        </div>\n\n        @if (Actions && Actions.length > 0) {\n          <div class=\"mj-dialog-actions\">\n            @for (action of Actions; track action.text) {\n              <button\n                class=\"mj-btn\"\n                [class.mj-btn--primary]=\"action.primary\"\n                [class.mj-btn--danger]=\"action.themeColor === 'error'\"\n                (click)=\"OnActionClick(action)\">\n                {{ action.text }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  `,\n  styles: [`\n    .mj-dialog-backdrop {\n      position: fixed;\n      top: 0; left: 0; right: 0; bottom: 0;\n      background: var(--mj-bg-overlay);\n      z-index: 10001;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .mj-dialog-container {\n      background: var(--mj-bg-surface);\n      border-radius: var(--mj-radius-lg);\n      box-shadow: var(--mj-shadow-xl, 0 20px 60px color-mix(in srgb, var(--mj-text-primary) 30%, transparent));\n      display: flex;\n      flex-direction: column;\n      max-height: 90vh;\n      max-width: 90vw;\n      overflow: hidden;\n    }\n\n    .mj-dialog-titlebar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-card);\n    }\n\n    .mj-dialog-title {\n      margin: 0;\n      font-size: 1.1rem;\n      font-weight: var(--mj-font-semibold);\n      color: var(--mj-text-primary);\n    }\n\n    .mj-dialog-close {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 28px;\n      height: 28px;\n      border: none;\n      background: none;\n      cursor: pointer;\n      color: var(--mj-text-muted);\n      border-radius: var(--mj-radius-sm);\n      transition: var(--mj-transition-colors);\n    }\n    .mj-dialog-close:hover {\n      background: var(--mj-bg-surface-hover);\n      color: var(--mj-text-primary);\n    }\n\n    .mj-dialog-body {\n      flex: 1;\n      padding: 0;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      min-height: 0;\n    }\n\n    .mj-dialog-body > p {\n      padding: 20px;\n    }\n\n    .mj-dialog-body > div {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      min-height: 0;\n    }\n\n    .mj-dialog-body p {\n      margin: 0;\n      color: var(--mj-text-primary);\n      line-height: 1.5;\n    }\n\n    .mj-dialog-actions {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 20px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .mj-btn {\n      padding: 8px 16px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: var(--mj-radius-sm);\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      font-size: 0.875rem;\n      transition: var(--mj-transition-colors);\n    }\n    .mj-btn:hover { background: var(--mj-bg-surface-hover); }\n    .mj-btn--primary {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border-color: var(--mj-brand-primary);\n    }\n    .mj-btn--primary:hover { background: var(--mj-brand-primary-hover); }\n    .mj-btn--danger {\n      background: var(--mj-status-error);\n      color: var(--mj-text-inverse);\n      border-color: var(--mj-status-error);\n    }\n\n    @media (max-width: 767px) {\n      .mj-dialog-container {\n        width: 100vw !important;\n        height: 100vh !important;\n        max-width: 100vw;\n        max-height: 100vh;\n        border-radius: 0;\n      }\n    }\n  `]\n})\nexport class MJDialogContainerComponent {\n  @Input() Title = '';\n  @Input() StringContent = '';\n  @Input() Width: number | null = null;\n  @Input() MinWidth: number | null = null;\n  @Input() Height: number | null = null;\n  @Input() Actions: MJDialogAction[] = [];\n  @Output() ActionClicked = new EventEmitter<MJDialogAction>();\n  @Output() CloseClicked = new EventEmitter<void>();\n\n  OnBackdropClick(): void {\n    this.CloseClicked.emit();\n  }\n\n  OnCloseClick(): void {\n    this.CloseClicked.emit();\n  }\n\n  OnActionClick(action: MJDialogAction): void {\n    this.ActionClicked.emit(action);\n  }\n}\n\n/**\n * MJDialogService — Programmatic dialog opening. Replaces Kendo `DialogService`.\n *\n * @example\n * ```typescript\n * // Simple confirm\n * const dialogRef = this.dialogService.Open({\n *   title: 'Confirm',\n *   content: 'Are you sure?',\n *   actions: [\n *     { text: 'OK', primary: true },\n *     { text: 'Cancel' }\n *   ]\n * });\n * dialogRef.Result.subscribe(result => { ... });\n *\n * // Component content\n * const dialogRef = this.dialogService.Open({\n *   content: MyDialogComponent,\n *   width: 500\n * });\n * dialogRef.Content.instance.someInput = 'value';\n * dialogRef.Result.subscribe(result => { ... });\n * ```\n */\n@Injectable({ providedIn: 'root' })\nexport class MJDialogService {\n  private appRef = inject(ApplicationRef);\n  private injector = inject(Injector);\n\n  /**\n   * Open a dialog programmatically.\n   *\n   * Kendo-compatible API: accepts `content` as string or Component class,\n   * returns a ref with `.Content.instance` and `.Result` observable.\n   */\n  Open(settings: MJDialogSettings): MJDialogRef {\n    const dialogRef = new MJDialogRef();\n    const injector = settings.appendTo?.injector ?? this.injector;\n\n    const containerRef = this.createContainer(injector);\n    this.configureContainer(containerRef, settings, dialogRef);\n    this.attachToDOM(containerRef, settings);\n    this.attachContentComponent(containerRef, settings, dialogRef, injector);\n\n    containerRef.changeDetectorRef.detectChanges();\n    return dialogRef;\n  }\n\n  private createContainer(injector: Injector): ComponentRef<MJDialogContainerComponent> {\n    return createComponent(MJDialogContainerComponent, {\n      environmentInjector: this.appRef.injector,\n      elementInjector: injector\n    });\n  }\n\n  private configureContainer(\n    containerRef: ComponentRef<MJDialogContainerComponent>,\n    settings: MJDialogSettings,\n    dialogRef: MJDialogRef\n  ): void {\n    containerRef.instance.Title = settings.title ?? '';\n    containerRef.instance.Width = settings.width ?? null;\n    containerRef.instance.MinWidth = settings.minWidth ?? null;\n    containerRef.instance.Height = settings.height ?? null;\n    containerRef.instance.Actions = settings.actions ?? [];\n\n    if (typeof settings.content === 'string') {\n      containerRef.instance.StringContent = settings.content;\n    }\n\n    containerRef.instance.CloseClicked.subscribe(() => dialogRef.Close(undefined));\n    containerRef.instance.ActionClicked.subscribe((action: MJDialogAction) => dialogRef.Close(action));\n    dialogRef.SetContainerRef(containerRef);\n  }\n\n  private attachToDOM(containerRef: ComponentRef<MJDialogContainerComponent>, settings: MJDialogSettings): void {\n    if (settings.appendTo) {\n      settings.appendTo.insert(containerRef.hostView);\n    } else {\n      document.body.appendChild(containerRef.location.nativeElement);\n      this.appRef.attachView(containerRef.hostView);\n    }\n  }\n\n  private attachContentComponent(\n    containerRef: ComponentRef<MJDialogContainerComponent>,\n    settings: MJDialogSettings,\n    dialogRef: MJDialogRef,\n    injector: Injector\n  ): void {\n    if (!settings.content || typeof settings.content === 'string') return;\n\n    const contentHost = containerRef.location.nativeElement.querySelector('.mj-dialog-body div');\n    if (!contentHost) return;\n\n    const contentRef = createComponent(settings.content as Type<unknown>, {\n      environmentInjector: this.appRef.injector,\n      elementInjector: injector,\n      hostElement: contentHost\n    });\n    this.appRef.attachView(contentRef.hostView);\n    dialogRef.Content = { instance: contentRef.instance as Record<string, unknown> };\n  }\n\n  /**\n   * Kendo-compatible alias — lowercase `open` for easier migration.\n   */\n  open(settings: MJDialogSettings): MJDialogRef {\n    return this.Open(settings);\n  }\n}\n"]}