@arsedizioni/ars-utils 22.5.37 → 22.5.39

package/fesm2022/arsedizioni-ars-utils-ui.controls.date.mjs

@@ -0,0 +1,118 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, ChangeDetectorRef, ChangeDetectionStrategy, Component, HostListener, Directive } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { MatCalendar, MatDatepickerInput, MatStartDate, MatEndDate } from '@angular/material/datepicker';
+
+/**
+ * A blank calendar header that hides the month/year navigation controls.
+ * Used when an inline calendar should render without any navigation UI.
+ */
+class CalendarEmptyHeader {
+    constructor() {
+        this.destroyRef = inject(DestroyRef);
+        this.calendar = inject((MatCalendar));
+        this.changeDetector = inject(ChangeDetectorRef);
+        // Re-run change detection whenever the calendar's internal state changes
+        // (e.g. active date, selected date) so the blank header stays in sync.
+        this.calendar.stateChanges
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => this.changeDetector.markForCheck());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CalendarEmptyHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: CalendarEmptyHeader, isStandalone: true, selector: "ng-component", ngImport: i0, template: '<div></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CalendarEmptyHeader, decorators: [{
+            type: Component,
+            args: [{
+                    template: '<div></div>',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Works around a MatDatepicker/Signal Forms interop bug.
+ *
+ * `MatDatepickerInputBase._onInput()` only notifies its registered validator-change
+ * callback from the branch it does not take when the parsed date is null. Signal
+ * Forms recomputes CVA parse errors from that callback or from a model value
+ * change, and neither happens while the user erases an unparseable date one
+ * character at a time (the model is already `null`, so the signal write is a
+ * no-op). The stale `matDatepickerParse` error therefore survives on an empty
+ * field. Notifying on every keystroke re-runs the datepicker validators.
+ */
+class MatDatepickerParseErrorFixDirective {
+    constructor() {
+        this.singleDate = inject(MatDatepickerInput, {
+            optional: true,
+            self: true,
+        });
+        this.startDate = inject(MatStartDate, {
+            optional: true,
+            self: true,
+        });
+        this.endDate = inject(MatEndDate, {
+            optional: true,
+            self: true,
+        });
+    }
+    /**
+     * Re-runs the datepicker validators after Material has updated its internal
+     * parse flag.
+     *
+     * @returns Nothing.
+     */
+    onInput() {
+        // Deferred: Material updates `_lastValueValid` in its own `input` host
+        // listener, and host listener order across directives is not guaranteed.
+        queueMicrotask(() => this.revalidate());
+    }
+    /**
+   * Notifies the validator-change callback of this input and, for range parts,
+   * of the sibling input as well.
+   *
+   * @returns Nothing.
+   */
+    revalidate() {
+        const host = this.singleDate ?? this.startDate ?? this.endDate;
+        if (!host) {
+            return;
+        }
+        host._validatorOnChange();
+        const rangePart = this.startDate ?? this.endDate;
+        if (!rangePart) {
+            return;
+        }
+        const rangeInput = rangePart._rangeInput;
+        const sibling = this.startDate ? rangeInput._endInput : rangeInput._startInput;
+        sibling?._validatorOnChange();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MatDatepickerParseErrorFixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: MatDatepickerParseErrorFixDirective, isStandalone: true, selector: "input[matDatepicker], input[matStartDate], input[matEndDate]", host: { listeners: { "input": "onInput()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MatDatepickerParseErrorFixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[matDatepicker], input[matStartDate], input[matEndDate]',
+                }]
+        }], propDecorators: { onInput: [{
+                type: HostListener,
+                args: ['input']
+            }] } });
+
+/*
+ * Public API Surface of @arsedizioni/ars-utils/ui.controls.date
+ *
+ * Everything that touches `@angular/material/datepicker`. Kept OUT of `ui.controls` on purpose:
+ * `MatDatepickerParseErrorFixDirective` is twenty lines, but `ui.controls` is a single file in the
+ * published bundle, so any of its symbols that survives tree-shaking shares the chunk placement of
+ * all the others. `ui.dialogs.prompt` needs only this directive, and must not link the file that
+ * carries `mat-chips` with it.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CalendarEmptyHeader, MatDatepickerParseErrorFixDirective };
+//# sourceMappingURL=arsedizioni-ars-utils-ui.controls.date.mjs.map

package/fesm2022/arsedizioni-ars-utils-ui.controls.date.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"arsedizioni-ars-utils-ui.controls.date.mjs","sources":["../../../projects/ars-utils/ui.controls.date/calendar-empty-header/calendar-empy-header.component.ts","../../../projects/ars-utils/ui.controls.date/date-picker/datepicker-fix.directive.ts","../../../projects/ars-utils/ui.controls.date/public_api.ts","../../../projects/ars-utils/ui.controls.date/arsedizioni-ars-utils-ui.controls.date.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, DestroyRef, inject } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { MatCalendar } from '@angular/material/datepicker';\r\n\r\n/**\r\n * A blank calendar header that hides the month/year navigation controls.\r\n * Used when an inline calendar should render without any navigation UI.\r\n */\r\n@Component({\r\n    template: '<div></div>',\r\n    standalone: true,\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CalendarEmptyHeader<D> {\r\n  private readonly destroyRef     = inject(DestroyRef);\r\n  private readonly calendar       = inject(MatCalendar<D>);\r\n  private readonly changeDetector = inject(ChangeDetectorRef);\r\n\r\n  constructor() {\r\n    // Re-run change detection whenever the calendar's internal state changes\r\n    // (e.g. active date, selected date) so the blank header stays in sync.\r\n    this.calendar.stateChanges\r\n      .pipe(takeUntilDestroyed(this.destroyRef))\r\n      .subscribe(() => this.changeDetector.markForCheck());\r\n  }\r\n}\r\n","import { Directive, HostListener, inject } from '@angular/core';\r\nimport { MatDatepickerInput, MatEndDate, MatStartDate } from '@angular/material/datepicker';\r\n\r\n/** Callback Material date inputs expose so their validators can be re-run on demand. */\r\ninterface RevalidatableDateInput {\r\n  _validatorOnChange: () => void;\r\n}\r\n\r\n/**\r\n * Works around a MatDatepicker/Signal Forms interop bug.\r\n *\r\n * `MatDatepickerInputBase._onInput()` only notifies its registered validator-change\r\n * callback from the branch it does not take when the parsed date is null. Signal\r\n * Forms recomputes CVA parse errors from that callback or from a model value\r\n * change, and neither happens while the user erases an unparseable date one\r\n * character at a time (the model is already `null`, so the signal write is a\r\n * no-op). The stale `matDatepickerParse` error therefore survives on an empty\r\n * field. Notifying on every keystroke re-runs the datepicker validators.\r\n */\r\n@Directive({\r\n  selector: 'input[matDatepicker], input[matStartDate], input[matEndDate]',\r\n})\r\nexport class MatDatepickerParseErrorFixDirective {\r\n   private readonly singleDate = inject<MatDatepickerInput<unknown>>(MatDatepickerInput, {\r\n    optional: true,\r\n    self: true,\r\n  });\r\n  private readonly startDate = inject<MatStartDate<unknown>>(MatStartDate, {\r\n    optional: true,\r\n    self: true,\r\n  });\r\n  private readonly endDate = inject<MatEndDate<unknown>>(MatEndDate, {\r\n    optional: true,\r\n    self: true,\r\n  });\r\n\r\n  /**\r\n   * Re-runs the datepicker validators after Material has updated its internal\r\n   * parse flag.\r\n   *\r\n   * @returns Nothing.\r\n   */\r\n  @HostListener('input')\r\n  protected onInput(): void {\r\n    // Deferred: Material updates `_lastValueValid` in its own `input` host\r\n    // listener, and host listener order across directives is not guaranteed.\r\n    queueMicrotask(() => this.revalidate());\r\n  }\r\n\r\n    /**\r\n   * Notifies the validator-change callback of this input and, for range parts,\r\n   * of the sibling input as well.\r\n   *\r\n   * @returns Nothing.\r\n   */\r\n  private revalidate(): void {\r\n    const host = this.singleDate ?? this.startDate ?? this.endDate;\r\n    if (!host) {\r\n      return;\r\n    }\r\n    (host as unknown as RevalidatableDateInput)._validatorOnChange();\r\n\r\n    const rangePart = this.startDate ?? this.endDate;\r\n    if (!rangePart) {\r\n      return;\r\n    }\r\n    const rangeInput = rangePart._rangeInput;\r\n    const sibling = this.startDate ? rangeInput._endInput : rangeInput._startInput;\r\n    (sibling as unknown as RevalidatableDateInput | undefined)?._validatorOnChange();\r\n  }\r\n}","/*\n * Public API Surface of @arsedizioni/ars-utils/ui.controls.date\n *\n * Everything that touches `@angular/material/datepicker`. Kept OUT of `ui.controls` on purpose:\n * `MatDatepickerParseErrorFixDirective` is twenty lines, but `ui.controls` is a single file in the\n * published bundle, so any of its symbols that survives tree-shaking shares the chunk placement of\n * all the others. `ui.dialogs.prompt` needs only this directive, and must not link the file that\n * carries `mat-chips` with it.\n */\nexport * from './calendar-empty-header/calendar-empy-header.component';\nexport * from './date-picker/datepicker-fix.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}