iss-ctrl 0.0.21 → 0.0.22

package/fesm2022/iss-ctrl-date-range-picker.field-CjNHU1RW.mjs

@@ -0,0 +1,97 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { F as FieldBase, V as VIEW_PROVIDER, b as FieldViewer } from './iss-ctrl-iss-ctrl-DvnkwSMG.mjs';
+import { DateRangePickerControl } from 'iss-ctrl/date-range-picker';
+import { DateRangePickerViewer } from './iss-ctrl-date-range-picker.viewer-tmTQGPFh.mjs';
+
+/**
+ * `<iss-field-date-range-picker>` — a start and end date in one field.
+ *
+ * Rendered by the outlet for fields of type `date_range`. In `edit` mode it renders
+ * {@link DateRangePickerControl} plus the validation message; in `view` mode the matching viewer.
+ *
+ * ### Supported `config` keys
+ * | Key | Type | Description |
+ * | --- | --- | --- |
+ * | `minDate` | `Date` | Earliest selectable date. |
+ * | `maxDate` | `Date` | Latest selectable date. |
+ * | `readonly` | `boolean` | Shows the value but blocks interaction. |
+ * | `hijriCalendar` | `boolean` | Renders an Umm al-Qura Hijri calendar while the emitted value stays Gregorian. |
+ * | `emitHijri` | `boolean` | Emits the Hijri date instead of the Gregorian one. Implies `hijriCalendar`. |
+ *
+ * ### Other field members used
+ * `label()`
+ *
+ * Every field also honours `visible`, `mode`, `validation`, `asyncValidation` and
+ * `events` — see {@link IssField} for the full model and {@link FieldConfig} for all keys.
+ *
+ * A half-filled range is treated as no value at all.
+ *
+ * @example
+ * ```json
+ * { "name": "period", "type": "date_range", "label": "Period" }
+ * ```
+ */
+class DateRangePickerField extends FieldBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DateRangePickerField, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DateRangePickerField, isStandalone: true, selector: "iss-field-date-range-picker", usesInheritance: true, ngImport: i0, template: `
+    @if (field.visible()) {
+      @if (field.mode() === "edit") {
+        <iss-ctrl-date-range-picker
+          [formControlName]="field.name"
+          [minDate]="field.config.minDate() ?? null"
+          [maxDate]="field.config.maxDate() ?? null"
+          [readonly]="field.config.readonly() ?? false"
+          [hijriCalendar]="field.config.hijriCalendar() ?? false"
+          [emitHijri]="field.config.emitHijri() ?? false"
+        >
+          <label>{{ field.label() }}</label>
+        </iss-ctrl-date-range-picker>
+      } @else {
+        <iss-field-viewer>
+          <label>{{ field.label() }}</label>
+          <iss-viewer-date-range-picker [field]="field"/>
+        </iss-field-viewer>
+      }
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DateRangePickerControl, selector: "iss-ctrl-date-range-picker", inputs: ["disabledDays", "minDate", "maxDate", "hijriCalendar", "emitHijri"], outputs: ["onDateRangeObjectChange"] }, { kind: "component", type: DateRangePickerViewer, selector: "iss-viewer-date-range-picker" }, { kind: "component", type: FieldViewer, selector: "iss-field-viewer" }], viewProviders: [VIEW_PROVIDER] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DateRangePickerField, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-field-date-range-picker",
+                    viewProviders: [VIEW_PROVIDER],
+                    imports: [
+                        ReactiveFormsModule,
+                        DateRangePickerControl,
+                        DateRangePickerViewer,
+                        FieldViewer
+                    ],
+                    template: `
+    @if (field.visible()) {
+      @if (field.mode() === "edit") {
+        <iss-ctrl-date-range-picker
+          [formControlName]="field.name"
+          [minDate]="field.config.minDate() ?? null"
+          [maxDate]="field.config.maxDate() ?? null"
+          [readonly]="field.config.readonly() ?? false"
+          [hijriCalendar]="field.config.hijriCalendar() ?? false"
+          [emitHijri]="field.config.emitHijri() ?? false"
+        >
+          <label>{{ field.label() }}</label>
+        </iss-ctrl-date-range-picker>
+      } @else {
+        <iss-field-viewer>
+          <label>{{ field.label() }}</label>
+          <iss-viewer-date-range-picker [field]="field"/>
+        </iss-field-viewer>
+      }
+    }
+  `
+                }]
+        }] });
+
+export { DateRangePickerField };
+//# sourceMappingURL=iss-ctrl-date-range-picker.field-CjNHU1RW.mjs.map

package/fesm2022/iss-ctrl-date-range-picker.field-CjNHU1RW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-date-range-picker.field-CjNHU1RW.mjs","sources":["../../../projects/iss/src/components/controls/date-range-picker/date-range-picker.field.ts"],"sourcesContent":["import { Component } from \"@angular/core\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\nimport { VIEW_PROVIDER } from \"../../../shared/constants/view-provider.const\";\nimport { FieldViewer } from \"../../shared/field-viewer\";\nimport { FieldBase } from \"../base/field-base\";\nimport { DateRangePickerControl } from \"iss-ctrl/date-range-picker\";\nimport { DateRangePickerViewer } from \"./date-range-picker.viewer\";\n\n/**\n * `<iss-field-date-range-picker>` — a start and end date in one field.\n *\n * Rendered by the outlet for fields of type `date_range`. In `edit` mode it renders\n * {@link DateRangePickerControl} plus the validation message; in `view` mode the matching viewer.\n *\n * ### Supported `config` keys\n * | Key | Type | Description |\n * | --- | --- | --- |\n * | `minDate` | `Date` | Earliest selectable date. |\n * | `maxDate` | `Date` | Latest selectable date. |\n * | `readonly` | `boolean` | Shows the value but blocks interaction. |\n * | `hijriCalendar` | `boolean` | Renders an Umm al-Qura Hijri calendar while the emitted value stays Gregorian. |\n * | `emitHijri` | `boolean` | Emits the Hijri date instead of the Gregorian one. Implies `hijriCalendar`. |\n *\n * ### Other field members used\n * `label()`\n *\n * Every field also honours `visible`, `mode`, `validation`, `asyncValidation` and\n * `events` — see {@link IssField} for the full model and {@link FieldConfig} for all keys.\n *\n * A half-filled range is treated as no value at all.\n *\n * @example\n * ```json\n * { \"name\": \"period\", \"type\": \"date_range\", \"label\": \"Period\" }\n * ```\n */\n@Component({\n  selector: \"iss-field-date-range-picker\",\n  viewProviders: [VIEW_PROVIDER],\n  imports: [\n    ReactiveFormsModule,\n    DateRangePickerControl,\n    DateRangePickerViewer,\n    FieldViewer\n  ],\n  template: `\n    @if (field.visible()) {\n      @if (field.mode() === \"edit\") {\n        <iss-ctrl-date-range-picker\n          [formControlName]=\"field.name\"\n          [minDate]=\"field.config.minDate() ?? null\"\n          [maxDate]=\"field.config.maxDate() ?? null\"\n          [readonly]=\"field.config.readonly() ?? false\"\n          [hijriCalendar]=\"field.config.hijriCalendar() ?? false\"\n          [emitHijri]=\"field.config.emitHijri() ?? false\"\n        >\n          <label>{{ field.label() }}</label>\n        </iss-ctrl-date-range-picker>\n      } @else {\n        <iss-field-viewer>\n          <label>{{ field.label() }}</label>\n          <iss-viewer-date-range-picker [field]=\"field\"/>\n        </iss-field-viewer>\n      }\n    }\n  `\n})\nexport class DateRangePickerField extends FieldBase {}\n"],"names":[],"mappings":";;;;;;;;AAQA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;AAgCG,MAAO,oBAAqB,SAAQ,SAAS,CAAA;uGAAtC,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAtBrB;;;;;;;;;;;;;;;;;;;;GAoBT,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAzBC,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,sBAAsB,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,SAAA,EAAA,SAAA,EAAA,eAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,qBAAqB,yEACrB,WAAW,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAA,EAAA,aAAA,EALE,CAAC,aAAa,CAAC,EAAA,CAAA;;2FA6BnB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBA/BhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,6BAA6B;oBACvC,aAAa,EAAE,CAAC,aAAa,CAAC;AAC9B,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB,sBAAsB;wBACtB,qBAAqB;wBACrB;AACD,qBAAA;AACD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;AAoBT,EAAA;AACF,iBAAA;;;;;"}

package/fesm2022/iss-ctrl-date-range-picker.mjs

@@ -0,0 +1,307 @@
+import * as i0 from '@angular/core';
+import { input, output, inject, effect, Component } from '@angular/core';
+import * as i3 from '@angular/forms';
+import { FormGroup, FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { DateAdapter } from '@angular/material/core';
+import * as i2 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i1 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIcon } from '@angular/material/icon';
+import { format } from 'date-fns';
+import { Subscription } from 'rxjs';
+import { ControlBase, parseHijriDate, formatHijriDate, provideIssDateAdapter } from 'iss-ctrl/base';
+
+/**
+ * `<iss-ctrl-date-range-picker>` — a start/end date range in one field.
+ *
+ * A half-filled range is not a value: clearing either endpoint clears the form value and
+ * emits `null`. The form value is a `yyyy-MM-dd` string pair; `(onDateRangeObjectChange)`
+ * emits the same range as a {@link DateRangeEmission} object.
+ *
+ * @example
+ * ```html
+ * <iss-ctrl-date-range-picker formControlName="period" (onDateRangeObjectChange)="apply($event)">
+ *   <label>Period</label>
+ * </iss-ctrl-date-range-picker>
+ * ```
+ *
+ * ### Own inputs
+ * | Property | Type | Default | Description |
+ * | --- | --- | --- | --- |
+ * | `minDate` | `Date \| null` | `null` | Earliest selectable date. |
+ * | `maxDate` | `Date \| null` | `null` | Latest selectable date. |
+ * | `disabledDays` | `number[]` | `[]` | Week days to block, `0` = Sunday … `6` = Saturday. |
+ * | `hijriCalendar` | `boolean` | `false` | Shows an Umm al-Qura Hijri calendar; the value stays Gregorian. |
+ * | `emitHijri` | `boolean` | `false` | Emits both endpoints as Hijri dates. Implies `hijriCalendar`. |
+ *
+ * ### Hijri dates
+ * `hijriCalendar` only changes what the user sees; the emitted range stays Gregorian until
+ * `emitHijri` is on as well, at which point both endpoints carry Hijri dates. `duration` is
+ * a count of days either way, and `minDate`/`maxDate` stay Gregorian.
+ *
+ * ### Inherited from {@link ControlBase}
+ * `formControlName` · `readonly` · `className` · `(onChange)`
+ *
+ * ### Outputs
+ * - `(onDateRangeObjectChange)` — `DateRangeEmission | null`, the range as an object.
+ *
+ * Projects `<label>` into the floating label; omit it to render the control without one.
+ */
+class DateRangePickerControl extends ControlBase {
+    /**
+     * Week days that cannot be selected — `0` is Sunday through `6` for Saturday.
+     */
+    disabledDays = input([], ...(ngDevMode ? [{ debugName: "disabledDays" }] : /* istanbul ignore next */ []));
+    /**
+     * Earliest selectable date.
+     */
+    minDate = input(null, ...(ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []));
+    /**
+     * Latest selectable date.
+     */
+    maxDate = input(null, ...(ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []));
+    /**
+     * Renders the calendar as an Umm al-Qura Hijri calendar, leaving the emitted range Gregorian.
+     */
+    hijriCalendar = input(false, ...(ngDevMode ? [{ debugName: "hijriCalendar" }] : /* istanbul ignore next */ []));
+    /**
+     * Emits both endpoints as Hijri dates. Implies {@link hijriCalendar}.
+     */
+    emitHijri = input(false, ...(ngDevMode ? [{ debugName: "emitHijri" }] : /* istanbul ignore next */ []));
+    /**
+     * Emits the selected range as an object, or `null` while the range is incomplete.
+     */
+    onDateRangeObjectChange = output();
+    /**
+     * The `start`/`end` form group backing the range input. Internal state.
+     */
+    range = new FormGroup({
+        start: new FormControl(null),
+        end: new FormControl(null),
+    });
+    #sub = new Subscription();
+    #dateAdapter = inject(DateAdapter);
+    // the adapter is provided by this component, so switching it here leaves every other
+    // picker on the form on its own calendar
+    #hijriEffectRef = effect(() => this.#dateAdapter.setHijri(this.isHijri()), ...(ngDevMode ? [{ debugName: "#hijriEffectRef" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether this picker is currently showing the Hijri calendar.
+     */
+    isHijri() {
+        return this.hijriCalendar() || this.emitHijri();
+    }
+    ngOnInit() {
+        this.#sub.add(this.range.valueChanges.subscribe((values) => {
+            if (this.readonly()) {
+                return;
+            }
+            if (!values.start || !values.end) {
+                // an incomplete range is not a value, clearing one endpoint must clear the form value
+                this.emitValue(null);
+                this.onDateRangeObjectChange.emit(null);
+                return;
+            }
+            this.emitValue(this.#getEmissionValue(values.start, values.end));
+            this.onDateRangeObjectChange.emit(this.#getEmissionObject(values.start, values.end));
+        }));
+    }
+    setDisabledState(isDisabled) {
+        super.setDisabledState(isDisabled);
+        // the template binds `range`, disabling ctrl alone leaves the inputs live
+        if (isDisabled) {
+            this.range.disable({ emitEvent: false });
+        }
+        else {
+            this.range.enable({ emitEvent: false });
+        }
+    }
+    clear(event) {
+        if (this.readonly()) {
+            return;
+        }
+        event.stopImmediatePropagation();
+        this.ctrl.setValue(null);
+        this.range.setValue({
+            start: null,
+            end: null,
+        });
+        this.propagateValue(null);
+        this.emitOnChangeEvent(null);
+    }
+    writeValue(value) {
+        if (typeof value !== "string" || !value) {
+            this.ctrl.setValue(null, { emitEvent: false });
+            this.range.reset({ start: null, end: null }, { emitEvent: false });
+            return;
+        }
+        const valArr = value.split(",");
+        const valObj = {
+            // a Hijri endpoint read back from the form is `1447-03-15`, which is not the day
+            // the adapter would deserialize it as
+            start: this.#readEndpoint(valArr[0]),
+            end: this.#readEndpoint(valArr[1]),
+        };
+        this.range.patchValue(valObj, { emitEvent: false });
+    }
+    ngOnDestroy() {
+        this.#sub.unsubscribe();
+    }
+    // the endpoints live on `range`; `ctrl` only holds the emitted value of a complete range
+    isEmpty() {
+        const { start, end } = this.range.getRawValue();
+        return !start && !end;
+    }
+    openPicker(picker) {
+        if (this.readonly()) {
+            return;
+        }
+        picker.open();
+        this.markAsTouched();
+    }
+    calendarDaysFilter = (d) => {
+        const day = (d || new Date()).getDay();
+        return !(this.disabledDays().includes(day));
+    };
+    #getDuration(startDate, endDate) {
+        const start = new Date(startDate).getTime();
+        const end = new Date(endDate).getTime();
+        return Math.ceil((end - start) / (1000 * 60 * 60 * 24) + 1);
+    }
+    #readEndpoint(value) {
+        if (!value) {
+            return null;
+        }
+        return this.emitHijri() ? parseHijriDate(value) : value;
+    }
+    #getFormatedDate(date) {
+        if (this.emitHijri()) {
+            return `${formatHijriDate(date)}${format(date, "'T'HH:mm:ss")}`;
+        }
+        return format(date, "yyyy-MM-dd'T'HH:mm:ss");
+    }
+    #getFormatedEndDate(endDate) {
+        const inputDate = new Date(new Date(endDate).setHours(23, 59, 59));
+        return this.#getFormatedDate(inputDate);
+    }
+    #getEmissionValue(start, end) {
+        const formatedStart = this.#getFormatedDate(start);
+        const formatedEnd = this.#getFormatedEndDate(end);
+        return `${formatedStart},${formatedEnd}`;
+    }
+    #getEmissionObject(start, end) {
+        return {
+            duration: this.#getDuration(start, end),
+            start: this.#getFormatedDate(start),
+            end: this.#getFormatedEndDate(end)
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DateRangePickerControl, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DateRangePickerControl, isStandalone: true, selector: "iss-ctrl-date-range-picker", inputs: { disabledDays: { classPropertyName: "disabledDays", publicName: "disabledDays", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, hijriCalendar: { classPropertyName: "hijriCalendar", publicName: "hijriCalendar", isSignal: true, isRequired: false, transformFunction: null }, emitHijri: { classPropertyName: "emitHijri", publicName: "emitHijri", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDateRangeObjectChange: "onDateRangeObjectChange" }, providers: [
+            provideIssDateAdapter(),
+            { provide: NG_VALUE_ACCESSOR, useExisting: DateRangePickerControl, multi: true },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <mat-form-field floatLabel="auto" class="">
+
+      <!-- Always rendered: upgrade.scss shows the floating label only while the projected <label> carries text, so an omitted or empty one collapses on its own. -->
+      <mat-label class="fs-16 fc-dark-gray">
+        <ng-content select="label"></ng-content>
+      </mat-label>
+      <mat-date-range-input
+        [formGroup]="range"
+        [rangePicker]="picker"
+        [min]="minDate()"
+        [max]="maxDate()"
+        [dateFilter]="calendarDaysFilter"
+      >
+        <input
+          matStartDate
+          [errorStateMatcher]="errorStateMatcher"
+          formControlName="start"
+          [readonly]="readonly()"
+          placeholder="dd/mm/yyyy"
+          (click)="openPicker(picker)"
+        />
+        <input
+          matEndDate
+          [errorStateMatcher]="errorStateMatcher"
+          formControlName="end"
+          [readonly]="readonly()"
+          placeholder="dd/mm/yyyy"
+          (click)="openPicker(picker)"
+        />
+      </mat-date-range-input>
+      @if (range.getRawValue().start || range.getRawValue().end) {
+        <mat-icon matSuffix style="cursor: pointer" (click)="clear($event)">close</mat-icon>
+      }
+      <mat-datepicker-toggle matSuffix [for]="picker" [disabled]="readonly()"></mat-datepicker-toggle>
+      <mat-date-range-picker #picker [panelClass]="isHijri() ? 'iss-hijri-calendar' : ''"></mat-date-range-picker>
+
+    </mat-form-field>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i2.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DateRangePickerControl, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-ctrl-date-range-picker",
+                    imports: [
+                        MatFormFieldModule,
+                        MatDatepickerModule,
+                        ReactiveFormsModule,
+                        MatIcon,
+                    ],
+                    providers: [
+                        provideIssDateAdapter(),
+                        { provide: NG_VALUE_ACCESSOR, useExisting: DateRangePickerControl, multi: true },
+                    ],
+                    template: `
+    <mat-form-field floatLabel="auto" class="">
+
+      <!-- Always rendered: upgrade.scss shows the floating label only while the projected <label> carries text, so an omitted or empty one collapses on its own. -->
+      <mat-label class="fs-16 fc-dark-gray">
+        <ng-content select="label"></ng-content>
+      </mat-label>
+      <mat-date-range-input
+        [formGroup]="range"
+        [rangePicker]="picker"
+        [min]="minDate()"
+        [max]="maxDate()"
+        [dateFilter]="calendarDaysFilter"
+      >
+        <input
+          matStartDate
+          [errorStateMatcher]="errorStateMatcher"
+          formControlName="start"
+          [readonly]="readonly()"
+          placeholder="dd/mm/yyyy"
+          (click)="openPicker(picker)"
+        />
+        <input
+          matEndDate
+          [errorStateMatcher]="errorStateMatcher"
+          formControlName="end"
+          [readonly]="readonly()"
+          placeholder="dd/mm/yyyy"
+          (click)="openPicker(picker)"
+        />
+      </mat-date-range-input>
+      @if (range.getRawValue().start || range.getRawValue().end) {
+        <mat-icon matSuffix style="cursor: pointer" (click)="clear($event)">close</mat-icon>
+      }
+      <mat-datepicker-toggle matSuffix [for]="picker" [disabled]="readonly()"></mat-datepicker-toggle>
+      <mat-date-range-picker #picker [panelClass]="isHijri() ? 'iss-hijri-calendar' : ''"></mat-date-range-picker>
+
+    </mat-form-field>
+  `
+                }]
+        }], propDecorators: { disabledDays: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDays", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], hijriCalendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "hijriCalendar", required: false }] }], emitHijri: [{ type: i0.Input, args: [{ isSignal: true, alias: "emitHijri", required: false }] }], onDateRangeObjectChange: [{ type: i0.Output, args: ["onDateRangeObjectChange"] }] } });
+
+// The date-range-picker control. Its field and viewer stay in the primary entry point and reach it
+// from there, so the control ships only to an app that renders it or imports it directly.
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DateRangePickerControl };
+//# sourceMappingURL=iss-ctrl-date-range-picker.mjs.map

package/fesm2022/iss-ctrl-date-range-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-date-range-picker.mjs","sources":["../../../projects/iss/date-range-picker/src/date-range-picker.control.ts","../../../projects/iss/date-range-picker/src/public-api.ts","../../../projects/iss/date-range-picker/src/iss-ctrl-date-range-picker.ts"],"sourcesContent":["import { Component, effect, inject, input, InputSignal, OnDestroy, OnInit, output, OutputEmitterRef } from \"@angular/core\";\nimport { FormControl, FormGroup, NG_VALUE_ACCESSOR, ReactiveFormsModule } from \"@angular/forms\";\nimport { DateAdapter } from \"@angular/material/core\";\nimport { MatDatepickerModule } from \"@angular/material/datepicker\";\nimport { MatFormFieldModule } from \"@angular/material/form-field\";\nimport { MatIcon } from \"@angular/material/icon\";\nimport { format } from \"date-fns\";\nimport { Subscription } from \"rxjs\";\nimport { IssDateAdapter, provideIssDateAdapter } from \"iss-ctrl/base\";\nimport { formatHijriDate, parseHijriDate } from \"iss-ctrl/base\";\nimport { ControlBase } from \"iss-ctrl/base\";\nimport { DateRangeEmission } from \"./date-range-emission\";\n\n/**\n * `<iss-ctrl-date-range-picker>` — a start/end date range in one field.\n *\n * A half-filled range is not a value: clearing either endpoint clears the form value and\n * emits `null`. The form value is a `yyyy-MM-dd` string pair; `(onDateRangeObjectChange)`\n * emits the same range as a {@link DateRangeEmission} object.\n *\n * @example\n * ```html\n * <iss-ctrl-date-range-picker formControlName=\"period\" (onDateRangeObjectChange)=\"apply($event)\">\n *   <label>Period</label>\n * </iss-ctrl-date-range-picker>\n * ```\n *\n * ### Own inputs\n * | Property | Type | Default | Description |\n * | --- | --- | --- | --- |\n * | `minDate` | `Date \\| null` | `null` | Earliest selectable date. |\n * | `maxDate` | `Date \\| null` | `null` | Latest selectable date. |\n * | `disabledDays` | `number[]` | `[]` | Week days to block, `0` = Sunday … `6` = Saturday. |\n * | `hijriCalendar` | `boolean` | `false` | Shows an Umm al-Qura Hijri calendar; the value stays Gregorian. |\n * | `emitHijri` | `boolean` | `false` | Emits both endpoints as Hijri dates. Implies `hijriCalendar`. |\n *\n * ### Hijri dates\n * `hijriCalendar` only changes what the user sees; the emitted range stays Gregorian until\n * `emitHijri` is on as well, at which point both endpoints carry Hijri dates. `duration` is\n * a count of days either way, and `minDate`/`maxDate` stay Gregorian.\n *\n * ### Inherited from {@link ControlBase}\n * `formControlName` · `readonly` · `className` · `(onChange)`\n *\n * ### Outputs\n * - `(onDateRangeObjectChange)` — `DateRangeEmission | null`, the range as an object.\n *\n * Projects `<label>` into the floating label; omit it to render the control without one.\n */\n@Component({\n  selector: \"iss-ctrl-date-range-picker\",\n  imports: [\n    MatFormFieldModule,\n    MatDatepickerModule,\n    ReactiveFormsModule,\n    MatIcon,\n  ],\n  providers: [\n    provideIssDateAdapter(),\n    { provide: NG_VALUE_ACCESSOR, useExisting: DateRangePickerControl, multi: true },\n  ],\n  template: `\n    <mat-form-field floatLabel=\"auto\" class=\"\">\n\n      <!-- Always rendered: upgrade.scss shows the floating label only while the projected <label> carries text, so an omitted or empty one collapses on its own. -->\n      <mat-label class=\"fs-16 fc-dark-gray\">\n        <ng-content select=\"label\"></ng-content>\n      </mat-label>\n      <mat-date-range-input\n        [formGroup]=\"range\"\n        [rangePicker]=\"picker\"\n        [min]=\"minDate()\"\n        [max]=\"maxDate()\"\n        [dateFilter]=\"calendarDaysFilter\"\n      >\n        <input\n          matStartDate\n          [errorStateMatcher]=\"errorStateMatcher\"\n          formControlName=\"start\"\n          [readonly]=\"readonly()\"\n          placeholder=\"dd/mm/yyyy\"\n          (click)=\"openPicker(picker)\"\n        />\n        <input\n          matEndDate\n          [errorStateMatcher]=\"errorStateMatcher\"\n          formControlName=\"end\"\n          [readonly]=\"readonly()\"\n          placeholder=\"dd/mm/yyyy\"\n          (click)=\"openPicker(picker)\"\n        />\n      </mat-date-range-input>\n      @if (range.getRawValue().start || range.getRawValue().end) {\n        <mat-icon matSuffix style=\"cursor: pointer\" (click)=\"clear($event)\">close</mat-icon>\n      }\n      <mat-datepicker-toggle matSuffix [for]=\"picker\" [disabled]=\"readonly()\"></mat-datepicker-toggle>\n      <mat-date-range-picker #picker [panelClass]=\"isHijri() ? 'iss-hijri-calendar' : ''\"></mat-date-range-picker>\n\n    </mat-form-field>\n  `\n})\nexport class DateRangePickerControl extends ControlBase implements OnInit, OnDestroy {\n  /**\n   * Week days that cannot be selected — `0` is Sunday through `6` for Saturday.\n   */\n  disabledDays: InputSignal<number[]> = input<number[]>([]);\n  /**\n   * Earliest selectable date.\n   */\n  minDate: InputSignal<Date | null> = input<Date | null>(null);\n  /**\n   * Latest selectable date.\n   */\n  maxDate: InputSignal<Date | null> = input<Date | null>(null);\n  /**\n   * Renders the calendar as an Umm al-Qura Hijri calendar, leaving the emitted range Gregorian.\n   */\n  hijriCalendar: InputSignal<boolean> = input(false);\n  /**\n   * Emits both endpoints as Hijri dates. Implies {@link hijriCalendar}.\n   */\n  emitHijri: InputSignal<boolean> = input(false);\n  /**\n   * Emits the selected range as an object, or `null` while the range is incomplete.\n   */\n  onDateRangeObjectChange: OutputEmitterRef<DateRangeEmission | null> = output();\n  /**\n   * The `start`/`end` form group backing the range input. Internal state.\n   */\n  readonly range: FormGroup = new FormGroup({\n    start: new FormControl(null),\n    end: new FormControl(null),\n  });\n  #sub: Subscription = new Subscription();\n  #dateAdapter: IssDateAdapter = inject(DateAdapter) as IssDateAdapter;\n  // the adapter is provided by this component, so switching it here leaves every other\n  // picker on the form on its own calendar\n  #hijriEffectRef = effect(() => this.#dateAdapter.setHijri(this.isHijri()));\n\n  /**\n   * Whether this picker is currently showing the Hijri calendar.\n   */\n  isHijri(): boolean {\n    return this.hijriCalendar() || this.emitHijri();\n  }\n\n  ngOnInit(): void {\n    this.#sub.add(\n      this.range.valueChanges.subscribe((values) => {\n        if (this.readonly()) {\n          return;\n        }\n        if (!values.start || !values.end) {\n          // an incomplete range is not a value, clearing one endpoint must clear the form value\n          this.emitValue(null);\n          this.onDateRangeObjectChange.emit(null);\n          return;\n        }\n        this.emitValue(this.#getEmissionValue(values.start, values.end));\n        this.onDateRangeObjectChange.emit(this.#getEmissionObject(values.start, values.end));\n      })\n    );\n  }\n\n  override setDisabledState(isDisabled: boolean): void {\n    super.setDisabledState(isDisabled);\n    // the template binds `range`, disabling ctrl alone leaves the inputs live\n    if (isDisabled) {\n      this.range.disable({ emitEvent: false });\n    } else {\n      this.range.enable({ emitEvent: false });\n    }\n  }\n\n  clear(event: MouseEvent) {\n    if (this.readonly()) {\n      return;\n    }\n    event.stopImmediatePropagation();\n    this.ctrl.setValue(null);\n    this.range.setValue({\n      start: null,\n      end: null,\n    });\n    this.propagateValue(null);\n    this.emitOnChangeEvent(null);\n  }\n\n  override writeValue(value: string | FormData | null) {\n    if (typeof value !== \"string\" || !value) {\n      this.ctrl.setValue(null, { emitEvent: false });\n      this.range.reset({ start: null, end: null }, { emitEvent: false });\n      return;\n    }\n\n    const valArr: string[] = value.split(\",\");\n    const valObj = {\n      // a Hijri endpoint read back from the form is `1447-03-15`, which is not the day\n      // the adapter would deserialize it as\n      start: this.#readEndpoint(valArr[0]),\n      end: this.#readEndpoint(valArr[1]),\n    };\n    this.range.patchValue(valObj, { emitEvent: false });\n  }\n\n  ngOnDestroy(): void {\n    this.#sub.unsubscribe();\n  }\n\n  // the endpoints live on `range`; `ctrl` only holds the emitted value of a complete range\n  protected override isEmpty(): boolean {\n    const { start, end } = this.range.getRawValue();\n    return !start && !end;\n  }\n\n  protected openPicker(picker: any): void {\n    if (this.readonly()) {\n      return;\n    }\n    picker.open();\n    this.markAsTouched();\n  }\n\n  protected calendarDaysFilter = (d: Date | null): boolean => {\n    const day: number = (d || new Date()).getDay();\n    return !(this.disabledDays().includes(day));\n  };\n\n  #getDuration(startDate: Date, endDate: Date) {\n    const start: number = new Date(startDate).getTime();\n    const end: number = new Date(endDate).getTime();\n    return Math.ceil((end - start) / (1000 * 60 * 60 * 24) + 1);\n  }\n\n  #readEndpoint(value: string | undefined): Date | string | null {\n    if (!value) {\n      return null;\n    }\n    return this.emitHijri() ? parseHijriDate(value) : value;\n  }\n\n  #getFormatedDate(date: Date) {\n    if (this.emitHijri()) {\n      return `${formatHijriDate(date)}${format(date, \"'T'HH:mm:ss\")}`;\n    }\n    return format(date, \"yyyy-MM-dd'T'HH:mm:ss\");\n  }\n\n  #getFormatedEndDate(endDate: Date) {\n    const inputDate: Date = new Date(new Date(endDate).setHours(23, 59, 59));\n    return this.#getFormatedDate(inputDate);\n  }\n\n  #getEmissionValue(start: Date, end: Date): string {\n    const formatedStart: string = this.#getFormatedDate(start);\n    const formatedEnd: string = this.#getFormatedEndDate(end);\n    return `${formatedStart},${formatedEnd}`;\n  }\n\n  #getEmissionObject(start: Date, end: Date): DateRangeEmission {\n    return {\n      duration: this.#getDuration(start, end),\n      start: this.#getFormatedDate(start),\n      end: this.#getFormatedEndDate(end)\n    };\n  }\n}\n","// The date-range-picker control. Its field and viewer stay in the primary entry point and reach it\n// from there, so the control ships only to an app that renders it or imports it directly.\n\nexport * from \"./date-range-emission\";\nexport * from \"./date-range-picker.control\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/iss-ctrl-date-range-picker.viewer-tmTQGPFh.mjs

@@ -0,0 +1,41 @@
+import { DatePipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import { ViewerBase, toHijriDisplay } from 'iss-ctrl/base';
+
+class DateRangePickerViewer extends ViewerBase {
+    dateRange = [];
+    // a range picked on the Hijri calendar reads back as Hijri dates, whichever calendar its
+    // stored value is in
+    hijriDates = [];
+    ngOnInit() {
+        this.dateRange = this.field().ctrlValue().split(",").map((val) => val.trim());
+        this.hijriDates = this.dateRange.map((date) => toHijriDisplay(date, {
+            hijriCalendar: this.field().config?.hijriCalendar(),
+            emitHijri: this.field().config?.emitHijri(),
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DateRangePickerViewer, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DateRangePickerViewer, isStandalone: true, selector: "iss-viewer-date-range-picker", usesInheritance: true, ngImport: i0, template: `
+    @for (date of dateRange; track date; let last = $last) {
+      <span> {{ hijriDates[$index] ?? (date | date: 'dd/MM/yyyy') }} {{ last ? '' : '- ' }} </span>
+    }
+  `, isInline: true, dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DateRangePickerViewer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-viewer-date-range-picker",
+                    imports: [
+                        DatePipe
+                    ],
+                    template: `
+    @for (date of dateRange; track date; let last = $last) {
+      <span> {{ hijriDates[$index] ?? (date | date: 'dd/MM/yyyy') }} {{ last ? '' : '- ' }} </span>
+    }
+  `
+                }]
+        }] });
+
+export { DateRangePickerViewer };
+//# sourceMappingURL=iss-ctrl-date-range-picker.viewer-tmTQGPFh.mjs.map

package/fesm2022/iss-ctrl-date-range-picker.viewer-tmTQGPFh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-date-range-picker.viewer-tmTQGPFh.mjs","sources":["../../../projects/iss/src/components/controls/date-range-picker/date-range-picker.viewer.ts"],"sourcesContent":["import { DatePipe } from \"@angular/common\";\nimport { Component, OnInit } from \"@angular/core\";\nimport { toHijriDisplay } from \"iss-ctrl/base\";\nimport { ViewerBase } from \"iss-ctrl/base\";\n\n@Component({\n  selector: \"iss-viewer-date-range-picker\",\n  imports: [\n    DatePipe\n  ],\n  template: `\n    @for (date of dateRange; track date; let last = $last) {\n      <span> {{ hijriDates[$index] ?? (date | date: 'dd/MM/yyyy') }} {{ last ? '' : '- ' }} </span>\n    }\n  `\n})\nexport class DateRangePickerViewer extends ViewerBase implements OnInit {\n  dateRange: string[] = [];\n  // a range picked on the Hijri calendar reads back as Hijri dates, whichever calendar its\n  // stored value is in\n  hijriDates: (string | null)[] = [];\n\n  ngOnInit() {\n    this.dateRange = this.field().ctrlValue().split(\",\").map((val: any) => val.trim());\n    this.hijriDates = this.dateRange.map((date: string) => toHijriDisplay(date, {\n      hijriCalendar: this.field().config?.hijriCalendar(),\n      emitHijri: this.field().config?.emitHijri(),\n    }));\n  }\n}\n"],"names":[],"mappings":";;;;;AAgBM,MAAO,qBAAsB,SAAQ,UAAU,CAAA;IACnD,SAAS,GAAa,EAAE;;;IAGxB,UAAU,GAAsB,EAAE;IAElC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAQ,KAAK,GAAG,CAAC,IAAI,EAAE,CAAC;AAClF,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAY,KAAK,cAAc,CAAC,IAAI,EAAE;YAC1E,aAAa,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE;YACnD,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE;AAC5C,SAAA,CAAC,CAAC;IACL;uGAZW,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANtB;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EANC,QAAQ,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA;;2FAQC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;AACD,oBAAA,QAAQ,EAAE;;;;AAIT,EAAA;AACF,iBAAA;;;;;"}

package/fesm2022/iss-ctrl-datetime-picker.field-DGMY9PaU.mjs

@@ -0,0 +1,98 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { F as FieldBase, V as VIEW_PROVIDER, a as ValidationMessage, b as FieldViewer } from './iss-ctrl-iss-ctrl-DvnkwSMG.mjs';
+import { DatetimePickerControl } from 'iss-ctrl/datetime-picker';
+import { DatePickerTimeViewer } from './iss-ctrl-datetime-picker.viewer-BeUyEBKo.mjs';
+
+/**
+ * `<iss-field-datetime-picker>` — a date and a time in one field.
+ *
+ * Rendered by the outlet for fields of type `datetime`. In `edit` mode it renders
+ * {@link DatetimePickerControl} plus the validation message; in `view` mode the matching viewer.
+ *
+ * ### Supported `config` keys
+ * | Key | Type | Description |
+ * | --- | --- | --- |
+ * | `minDate` | `Date` | Earliest selectable date. |
+ * | `maxDate` | `Date` | Latest selectable date. |
+ * | `readonly` | `boolean` | Shows the value but blocks interaction. |
+ * | `hijriCalendar` | `boolean` | Renders an Umm al-Qura Hijri calendar while the emitted value stays Gregorian. |
+ * | `emitHijri` | `boolean` | Emits the Hijri date instead of the Gregorian one. Implies `hijriCalendar`. |
+ *
+ * ### Other field members used
+ * `label()`
+ *
+ * Every field also honours `visible`, `mode`, `validation`, `asyncValidation` and
+ * `events` — see {@link IssField} for the full model and {@link FieldConfig} for all keys.
+ *
+ * @example
+ * ```json
+ * { "name": "scheduledAt", "type": "datetime", "label": "Scheduled at" }
+ * ```
+ */
+class DatetimePickerField extends FieldBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DatetimePickerField, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DatetimePickerField, isStandalone: true, selector: "iss-field-datetime-picker", usesInheritance: true, ngImport: i0, template: `
+    @if (field.visible()) {
+      @if (field.mode() === "edit") {
+        <iss-ctrl-datetime-picker
+          [formControlName]="field.name"
+          [minDate]="field.config.minDate() ?? null"
+          [maxDate]="field.config.maxDate() ?? null"
+          [readonly]="field.config.readonly() ?? false"
+          [hijriCalendar]="field.config.hijriCalendar() ?? false"
+          [emitHijri]="field.config.emitHijri() ?? false"
+        >
+          <label>{{ field.label() }}</label>
+        </iss-ctrl-datetime-picker>
+        <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="!ctrl.untouched"/>
+      } @else {
+        <iss-field-viewer>
+          <label>{{ field.label() }}</label>
+          <iss-viewer-datetime-picker [field]="field"/>
+        </iss-field-viewer>
+      }
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DatetimePickerControl, selector: "iss-ctrl-datetime-picker", inputs: ["disabledDays", "minDate", "maxDate", "minTime", "maxTime", "hijriCalendar", "emitHijri"] }, { kind: "component", type: ValidationMessage, selector: "iss-validation-message-viewer", inputs: ["errors", "showMessage"] }, { kind: "component", type: DatePickerTimeViewer, selector: "iss-viewer-datetime-picker" }, { kind: "component", type: FieldViewer, selector: "iss-field-viewer" }], viewProviders: [VIEW_PROVIDER] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DatetimePickerField, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-field-datetime-picker",
+                    viewProviders: [VIEW_PROVIDER],
+                    imports: [
+                        ReactiveFormsModule,
+                        DatetimePickerControl,
+                        ValidationMessage,
+                        DatePickerTimeViewer,
+                        FieldViewer
+                    ],
+                    template: `
+    @if (field.visible()) {
+      @if (field.mode() === "edit") {
+        <iss-ctrl-datetime-picker
+          [formControlName]="field.name"
+          [minDate]="field.config.minDate() ?? null"
+          [maxDate]="field.config.maxDate() ?? null"
+          [readonly]="field.config.readonly() ?? false"
+          [hijriCalendar]="field.config.hijriCalendar() ?? false"
+          [emitHijri]="field.config.emitHijri() ?? false"
+        >
+          <label>{{ field.label() }}</label>
+        </iss-ctrl-datetime-picker>
+        <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="!ctrl.untouched"/>
+      } @else {
+        <iss-field-viewer>
+          <label>{{ field.label() }}</label>
+          <iss-viewer-datetime-picker [field]="field"/>
+        </iss-field-viewer>
+      }
+    }
+  `
+                }]
+        }] });
+
+export { DatetimePickerField };
+//# sourceMappingURL=iss-ctrl-datetime-picker.field-DGMY9PaU.mjs.map

package/fesm2022/iss-ctrl-datetime-picker.field-DGMY9PaU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-datetime-picker.field-DGMY9PaU.mjs","sources":["../../../projects/iss/src/components/controls/datetime-picker/datetime-picker.field.ts"],"sourcesContent":["import { Component } from \"@angular/core\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\nimport { VIEW_PROVIDER } from \"../../../shared/constants/view-provider.const\";\nimport { FieldViewer } from \"../../shared/field-viewer\";\nimport { ValidationMessage } from \"../../shared/validation-message\";\nimport { FieldBase } from \"../base/field-base\";\nimport { DatetimePickerControl } from \"iss-ctrl/datetime-picker\";\nimport { DatePickerTimeViewer } from \"./datetime-picker.viewer\";\n\n/**\n * `<iss-field-datetime-picker>` — a date and a time in one field.\n *\n * Rendered by the outlet for fields of type `datetime`. In `edit` mode it renders\n * {@link DatetimePickerControl} plus the validation message; in `view` mode the matching viewer.\n *\n * ### Supported `config` keys\n * | Key | Type | Description |\n * | --- | --- | --- |\n * | `minDate` | `Date` | Earliest selectable date. |\n * | `maxDate` | `Date` | Latest selectable date. |\n * | `readonly` | `boolean` | Shows the value but blocks interaction. |\n * | `hijriCalendar` | `boolean` | Renders an Umm al-Qura Hijri calendar while the emitted value stays Gregorian. |\n * | `emitHijri` | `boolean` | Emits the Hijri date instead of the Gregorian one. Implies `hijriCalendar`. |\n *\n * ### Other field members used\n * `label()`\n *\n * Every field also honours `visible`, `mode`, `validation`, `asyncValidation` and\n * `events` — see {@link IssField} for the full model and {@link FieldConfig} for all keys.\n *\n * @example\n * ```json\n * { \"name\": \"scheduledAt\", \"type\": \"datetime\", \"label\": \"Scheduled at\" }\n * ```\n */\n@Component({\n  selector: \"iss-field-datetime-picker\",\n  viewProviders: [VIEW_PROVIDER],\n  imports: [\n    ReactiveFormsModule,\n    DatetimePickerControl,\n    ValidationMessage,\n    DatePickerTimeViewer,\n    FieldViewer\n  ],\n  template: `\n    @if (field.visible()) {\n      @if (field.mode() === \"edit\") {\n        <iss-ctrl-datetime-picker\n          [formControlName]=\"field.name\"\n          [minDate]=\"field.config.minDate() ?? null\"\n          [maxDate]=\"field.config.maxDate() ?? null\"\n          [readonly]=\"field.config.readonly() ?? false\"\n          [hijriCalendar]=\"field.config.hijriCalendar() ?? false\"\n          [emitHijri]=\"field.config.emitHijri() ?? false\"\n        >\n          <label>{{ field.label() }}</label>\n        </iss-ctrl-datetime-picker>\n        <iss-validation-message-viewer [errors]=\"ctrl.errors\" [showMessage]=\"!ctrl.untouched\"/>\n      } @else {\n        <iss-field-viewer>\n          <label>{{ field.label() }}</label>\n          <iss-viewer-datetime-picker [field]=\"field\"/>\n        </iss-field-viewer>\n      }\n    }\n  `\n})\nexport class DatetimePickerField extends FieldBase {}\n"],"names":[],"mappings":";;;;;;;;AASA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;AAkCG,MAAO,mBAAoB,SAAQ,SAAS,CAAA;uGAArC,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAvBpB;;;;;;;;;;;;;;;;;;;;;AAqBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA3BC,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,qBAAqB,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,eAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACrB,iBAAiB,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,oBAAoB,EAAA,QAAA,EAAA,4BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACpB,WAAW,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAA,EAAA,aAAA,EANE,CAAC,aAAa,CAAC,EAAA,CAAA;;2FA+BnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAjC/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;oBACrC,aAAa,EAAE,CAAC,aAAa,CAAC;AAC9B,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB,qBAAqB;wBACrB,iBAAiB;wBACjB,oBAAoB;wBACpB;AACD,qBAAA;AACD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;AAqBT,EAAA;AACF,iBAAA;;;;;"}