iss-ctrl 0.0.17 → 0.0.19

package/fesm2022/{iss-ctrl-iss-ctrl-BHW3shB0.mjs → iss-ctrl-iss-ctrl-Cy9p_PEj.mjs}

@@ -167,6 +167,9 @@ class ControlBase {
         this.touched.set(true);
         this.onTouch();
     }
+    validate(control) {
+        return this.ctrl.errors;
+    }
     /**
      * Whether the control currently holds no value.
      *
@@ -182,9 +185,6 @@ class ControlBase {
         }
         return value === null || value === undefined || value === "";
     }
-    validate(control) {
-        return this.ctrl.errors;
-    }
     onTouch = () => { };
     onPropagateValue = (_) => { };
     emitValue(value) {
@@ -381,10 +381,6 @@ class ChipsControl extends ControlBase {
             this.keywords.set([]);
         }
     }
-    // the chips are the value here; `ctrl` stays untouched
-    isEmpty() {
-        return this.keywords().length === 0;
-    }
     remove(keyword) {
         if (this.disabled() || this.readonly()) {
             return;
@@ -412,6 +408,10 @@ class ChipsControl extends ControlBase {
         event.chipInput.clear();
         this.emitValue(this.#stringifyValues());
     }
+    // the chips are the value here; `ctrl` stays untouched
+    isEmpty() {
+        return this.keywords().length === 0;
+    }
     #stringifyValues() {
         return this.keywords().map((s) => s.trim()).join();
     }
@@ -1114,11 +1114,6 @@ class DateRangePickerControl extends ControlBase {
             this.onDateRangeObjectChange.emit(this.#getEmissionObject(values.start, values.end));
         }));
     }
-    // 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;
-    }
     setDisabledState(isDisabled) {
         super.setDisabledState(isDisabled);
         // the template binds `range`, disabling ctrl alone leaves the inputs live
@@ -1160,6 +1155,11 @@ class DateRangePickerControl extends ControlBase {
     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;
@@ -6049,7 +6049,8 @@ class FieldEvent {
  * | `visible()` | `boolean` | Whether the field is rendered at all. |
  * | `loading()` | `boolean` | Shows the field's own loading state. |
  * | `config` | `FieldConfig` | Per-type configuration — see {@link FieldConfig}. |
- * | `validation` | `any` | Synchronous validation rules. |
+ * | `validation` | `any` | Synchronous validation rules, exactly as the JSON declared them. |
+ * | `validationFns` | `Record<string, Function>` | Validator factory behind each active rule, resolved by the outlet. |
  * | `asyncValidation` | `FieldAsyncValidation` | Remote validation rules. |
  * | `events` | `FieldEvent[]` | Cross-field reactions (show, hide, set value, …). |
  * | `children` | `IssField[]` | Nested fields, used by table and group fields. |
@@ -6073,6 +6074,10 @@ class IssField {
     wasVisible = signal(true, ...(ngDevMode ? [{ debugName: "wasVisible" }] : /* istanbul ignore next */ []));
     events;
     validation;
+    // The lazily imported factory behind each active rule in `validation`, keyed by rule name.
+    // The factories are kept beside the rules instead of inside them so `validation` stays the
+    // object the JSON declared: what a rule says is the API's, how it is applied is ours.
+    validationFns = {};
     asyncValidation;
     children;
     apiResponse = new BehaviorSubject(null);
@@ -6163,6 +6168,18 @@ const VALIDATORS = {
     fileSize: () => Promise.resolve().then(function () { return file_validator; }).then((c) => c.FileValidators.size),
     fileType: () => Promise.resolve().then(function () { return file_validator; }).then((c) => c.FileValidators.type),
 };
+/**
+ * Whether a rule in a field's `validation` is switched on.
+ *
+ * The rule's value is the argument its validator is built with, so it is also what says
+ * whether the rule applies at all: `{ "required": false }` is an optional field, not a
+ * required one, and a rule the API left out or sent as null is off the same way. Values
+ * that are falsy but meaningful — `0`, `""` — are rules, so only the three off states are
+ * rejected here.
+ */
+function isActiveValidationRule(value) {
+    return value !== undefined && value !== null && value !== false;
+}
 
 class FormEngine {
     // Fields are stored per host FormGroup, never on the service itself: a single root
@@ -6247,9 +6264,11 @@ class FormEngine {
     trackChangesValidations(field, form) {
         const changes$ = [];
         const masterNames = new Set();
-        const iterateOn = Object.entries(field.validation);
+        // A rule that names another field — `beforeDate`, say — carries that name as its value, and
+        // `processTrackChanges` ignores every value that is not a string.
+        const iterateOn = Object.entries(field.validation ?? {});
         iterateOn.forEach((validationObj) => {
-            this.processTrackChanges(validationObj[1].value, masterNames, changes$, field, form);
+            this.processTrackChanges(validationObj[1], masterNames, changes$, field, form);
         });
         return merge(...changes$);
     }
@@ -6281,8 +6300,10 @@ class FormEngine {
             changes$.push(this.#mapMasterFieldValueChangesToFieldChanges(masterField, masterCtrl));
         }
     }
+    // A field carries validation only where a rule is actually switched on: one sent as `false`
+    // or `null` says the field is free of it, so it counts for nothing here.
     fieldHasValidation(field) {
-        return !!(field.validation && Object.values(field.validation).filter((v) => v).length);
+        return !!field.validation && Object.values(field.validation).some(isActiveValidationRule);
     }
     fieldHasAsyncValidation(field) {
         return !!(field.asyncValidation && Object.values(field.asyncValidation).filter((v) => v).length);
@@ -6290,7 +6311,7 @@ class FormEngine {
     isFormValid(form, fields) {
         return fields.map((childField) => {
             const currentCtrl = form.get(childField.name);
-            if (childField.validation?.required() && childField.visible() && childField.mode() === "edit" && currentCtrl?.status !== "DISABLED") {
+            if (isActiveValidationRule(childField.validation?.required) && childField.visible() && childField.mode() === "edit" && currentCtrl?.status !== "DISABLED") {
                 return currentCtrl?.valid;
             }
             return true;
@@ -6316,8 +6337,15 @@ class FormEngine {
         }
         return registration;
     }
+    // Builds each switched-on rule into its validator, out of the value the rule was given:
+    // `{ "minLength": 3 }` is what makes the validator refuse two characters, and `{ "required":
+    // false }` builds nothing at all. The field rides along as the second argument for the rules
+    // that need their neighbours — `beforeDate` and friends — and is ignored by the rest.
+    // A rule whose factory never resolved is skipped rather than called.
     #validatorsToNgValidators(field) {
-        return this.#mapNgValidators(field.validation).map((validatorValue) => validatorValue?.fn(field));
+        return Object.entries(field.validation ?? {})
+            .filter(([key, value]) => isActiveValidationRule(value) && typeof field.validationFns?.[key] === "function")
+            .map(([key, value]) => field.validationFns[key](value, field));
     }
     #mapNgValidators(validationObj) {
         return Object.entries((validationObj ? validationObj : {}))
@@ -6383,22 +6411,22 @@ const COMPONENTS = {
     datetime: () => Promise.resolve().then(function () { return datetimePicker_field; }).then((c) => c.DatetimePickerField),
     date_range: () => Promise.resolve().then(function () { return dateRangePicker_field; }).then((c) => c.DateRangePickerField),
     attachment: () => Promise.resolve().then(function () { return filePicker_field; }).then((c) => c.FilePickerField),
-    userPicker: () => import('./iss-ctrl-user-picker.field-BCd6g9jz.mjs').then((c) => c.UserPickerField),
+    userPicker: () => import('./iss-ctrl-user-picker.field-BhjVNeqN.mjs').then((c) => c.UserPickerField),
     vehicle_plate: () => Promise.resolve().then(function () { return plate_field; }).then((c) => c.PlateField),
-    enrichment: () => import('./iss-ctrl-note.field-Co2Og2eO.mjs').then((c) => c.NoteField),
+    enrichment: () => import('./iss-ctrl-note.field-CbLlparb.mjs').then((c) => c.NoteField),
     mobile: () => Promise.resolve().then(function () { return mobile_field; }).then((c) => c.MobileField),
-    table: () => import('./iss-ctrl-table.field-BcuL_fSr.mjs').then((c) => c.TableField),
+    table: () => import('./iss-ctrl-table.field-CvqXIE4q.mjs').then((c) => c.TableField),
     chips: () => Promise.resolve().then(function () { return chips_field; }).then((c) => c.ChipsField),
     switch: () => Promise.resolve().then(function () { return slideToggle_field; }).then((c) => c.SlideToggleField),
 };
 
 const SERVICES = {
-    setValue: () => import('./iss-ctrl-set-value-event-D38jsLlO.mjs').then((s) => s.SetValueEvent),
+    setValue: () => import('./iss-ctrl-set-value-event-vKIrSRgu.mjs').then((s) => s.SetValueEvent),
     show: () => import('./iss-ctrl-show-event-BcRCwAfo.mjs').then((s) => s.ShowEvent),
-    load: () => import('./iss-ctrl-load-value-event-ClkNTtds.mjs').then((s) => s.LoadValueEvent),
-    loadOptions: () => import('./iss-ctrl-load-options-event-jsZAQloX.mjs').then((s) => s.LoadOptionsEvent),
-    triggerBasedOnJsonValue: () => import('./iss-ctrl-trigger-based-on-json-value-B6M5dYnm.mjs').then((s) => s.TriggerBasedOnJsonValue),
-    replaceApiKeyDefaultImpl: () => import('./iss-ctrl-replace-api-keys-Bx7wo5zl.mjs').then((s) => s.ReplaceApiKeys),
+    load: () => import('./iss-ctrl-load-value-event-DmX9Pkzf.mjs').then((s) => s.LoadValueEvent),
+    loadOptions: () => import('./iss-ctrl-load-options-event-CmXkuQ5O.mjs').then((s) => s.LoadOptionsEvent),
+    triggerBasedOnJsonValue: () => import('./iss-ctrl-trigger-based-on-json-value-wyn6AXWA.mjs').then((s) => s.TriggerBasedOnJsonValue),
+    replaceApiKeyDefaultImpl: () => import('./iss-ctrl-replace-api-keys-C_mYQdtP.mjs').then((s) => s.ReplaceApiKeys),
 };
 
 // Read-only counterpart of COMPONENTS: the component used to render a field's value
@@ -6585,6 +6613,11 @@ class Outlet {
             action.config.fn = configFn;
         }));
     }
+    // Resolves the validator behind every rule the field switched on. `validation` itself is left
+    // exactly as it arrived — the caller's own object, which it may still read and re-render — so
+    // the factories land in `validationFns` and the rules keep the values they were given.
+    // A rule that is off carries no validator: nothing is imported for it and nothing is built
+    // from it, which is what makes `{ "required": false }` an optional field.
     async #loadFieldValidation(f) {
         if (!f.validation)
             return;
@@ -6593,13 +6626,10 @@ class Outlet {
                 console.error(`${key} not found`);
                 return false;
             }
-            return validation !== undefined && !validation?.hasOwnProperty("fn");
+            return isActiveValidationRule(validation);
         });
-        await Promise.all(validationEntries.map(async ([key, validation]) => {
-            f.validation[key] = {
-                fn: await VALIDATORS[key](),
-                value: validation
-            };
+        await Promise.all(validationEntries.map(async ([key]) => {
+            f.validationFns[key] = await VALIDATORS[key]();
         }));
     }
     #listenToHostFormGroupChanges() {
@@ -6621,7 +6651,7 @@ class Outlet {
         />
       }
     }
-  `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:1rem}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: FieldDataInjector, name: "FieldDataInjector" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:2rem}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: FieldDataInjector, name: "FieldDataInjector" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Outlet, decorators: [{
             type: Component,
@@ -6639,7 +6669,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         />
       }
     }
-  `, styles: [":host{display:flex;flex-direction:column;gap:1rem}\n"] }]
+  `, styles: [":host{display:flex;flex-direction:column;gap:2rem}\n"] }]
         }], propDecorators: { ready: [{ type: i0.Output, args: ["ready"] }], fields: [{ type: i0.Input, args: [{ isSignal: true, alias: "fields", required: true }] }] } });
 
 const VIEW_PROVIDER = {
@@ -6793,33 +6823,33 @@ class ValidationMessageComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ValidationMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ValidationMessageComponent, isStandalone: true, selector: "iss-validation-message-viewer", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: true, transformFunction: null }, showMessage: { classPropertyName: "showMessage", publicName: "showMessage", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
     @if (errors() !== null && showMessage()) {
-      @for (error of errors() ?? {} | keyvalue; track error) {
-        <p>
-          <mat-error>{{ getValidationMessage(error) | translate }}</mat-error>
-        </p>
-      }
+      <div class="messages">
+        @for (error of errors() ?? {} | keyvalue; track error) {
+          <p>
+            <mat-error>{{ getValidationMessage(error) | translate }}</mat-error>
+          </p>
+        }
+      </div>
     }
-  `, isInline: true, dependencies: [{ kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, styles: [":host{display:block;position:relative}.messages{position:absolute;inset-inline:0;top:0;z-index:1}p{margin:0}\n"], dependencies: [{ kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ValidationMessageComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: "iss-validation-message-viewer",
-                    imports: [
+            args: [{ selector: "iss-validation-message-viewer", imports: [
                         KeyValuePipe,
                         TranslatePipe,
                         MatError
-                    ],
-                    template: `
+                    ], template: `
     @if (errors() !== null && showMessage()) {
-      @for (error of errors() ?? {} | keyvalue; track error) {
-        <p>
-          <mat-error>{{ getValidationMessage(error) | translate }}</mat-error>
-        </p>
-      }
+      <div class="messages">
+        @for (error of errors() ?? {} | keyvalue; track error) {
+          <p>
+            <mat-error>{{ getValidationMessage(error) | translate }}</mat-error>
+          </p>
+        }
+      </div>
     }
-  `,
-                }]
+  `, styles: [":host{display:block;position:relative}.messages{position:absolute;inset-inline:0;top:0;z-index:1}p{margin:0}\n"] }]
         }], propDecorators: { errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: true }] }], showMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMessage", required: true }] }] } });
 
 class EventTrigger {
@@ -8562,10 +8592,10 @@ class FilePickerField extends FieldBase {
         super.ngOnDestroy();
         this.#valueEffect.destroy();
     }
-    // the outlet rewrites every validation entry into {fn, value}, so the extensions live under value
+    // The accepted extensions are the `fileType` rule's own value, the same one its validator is
+    // built from — a list, or the comma-separated string an older definition wrote it as.
     #acceptFactory() {
-        const fileType = this.field.validation?.["fileType"];
-        const extensions = fileType && fileType.hasOwnProperty("fn") ? fileType.value : fileType;
+        const extensions = this.field.validation?.["fileType"];
         if (!extensions) {
             return "";
         }
@@ -9402,11 +9432,13 @@ var file_validator = /*#__PURE__*/Object.freeze({
 });
 
 class TimeValidator {
-    static beforeDate(field) {
+    // The rule's value is the name of the field this one must not run past, so it arrives here
+    // rather than being read back off the field.
+    static beforeDate(otherFieldName) {
         const controlContainer = inject(ControlContainer);
         const parentForm = controlContainer.control;
         return (control) => {
-            const anotherControl = parentForm.get(field?.validation?.beforeDate?.value);
+            const anotherControl = parentForm.get(otherFieldName);
             if (anotherControl) {
                 const anotherControlValue = anotherControl.getRawValue();
                 const controlValue = control.getRawValue();
@@ -9419,7 +9451,7 @@ class TimeValidator {
             return null;
         };
     }
-    static afterDate(field) {
+    static afterDate(otherFieldName) {
         return (control) => {
             return null;
         };
@@ -9437,5 +9469,5 @@ var time_validator = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { PlateViewer as $, TimePickerField as A, DatePickerField as B, ControlBase as C, DatePickerControl as D, Employee as E, FieldBase as F, DatetimePickerField as G, HOST as H, IssField as I, DateRangePickerField as J, InputViewer as K, Loader as L, MobileControl as M, TextareaViewer as N, Outlet as O, PLACEHOLDER_REGEX as P, ChipsViewer as Q, RadioControl as R, SelectControl as S, TextareaControl as T, RadioViewer as U, VIEW_PROVIDER as V, SelectViewer as W, MobileViewer as X, CheckboxViewer as Y, ToggleButtonViewer as Z, SlideToggleViewer as _, ValidationMessageComponent as a, AttachmentViewer as a0, TimePickerViewer as a1, DatePickerViewer as a2, DatePickerTimeViewer as a3, DateRangePickerViewer as a4, DEFAULT_COUNTRY as a5, COUNTRIES as a6, DATE_FORMAT_ADAPTER as a7, DATETIME_FORMAT as a8, PLATE_LETTERS as a9, startOfHijriMonth as aA, getHijriDaysInMonth as aB, createHijriDate as aC, formatHijriDate as aD, parseHijriDate as aE, toHijriDisplay as aF, IssValidators as aG, FileValidators as aH, TimeValidator as aI, VALIDATION_MESSAGES as aa, COMPONENTS as ab, SERVICES as ac, VALIDATORS as ad, FIELD_DATA as ae, UI_LANGUAGE as af, ATTACHMENT_UPLOAD_URL as ag, ATTACHMENT_UPLOAD_RESPONSE_MAPPER as ah, ATTACHMENT_DOWNLOAD_URL as ai, USER_SEARCH_API as aj, HintsComponent as ak, Droppable as al, ArabicNumberPipe as am, FieldDataInjector as an, PlateLetterPipe as ao, SelectStatusPipe as ap, TranslatePipe as aq, FileHandler as ar, IssDateAdapter as as, provideIssDateAdapter as at, Phone as au, arrayFrom as av, formatFileSize as aw, HIJRI_LOCALE as ax, HIJRI_MONTH_NAMES as ay, getHijriParts as az, ViewerBase as b, FormEngine as c, CheckboxControl as d, ChipsControl as e, DateRangePickerControl as f, getPropertyByPath as g, DatetimePickerControl as h, FilePickerControl as i, InputControl as j, PlateControl as k, SlideToggleControl as l, TimePickerControl as m, ToggleButtonControl as n, InputField as o, TextareaField as p, ChipsField as q, replacePlaceholders as r, RadioField as s, SelectField as t, MobileField as u, CheckboxField as v, ToggleButtonField as w, SlideToggleField as x, PlateField as y, FilePickerField as z };
-//# sourceMappingURL=iss-ctrl-iss-ctrl-BHW3shB0.mjs.map
+export { PlateViewer as $, TimePickerField as A, DatePickerField as B, ControlBase as C, DatePickerControl as D, Employee as E, FieldBase as F, DatetimePickerField as G, HOST as H, IssField as I, DateRangePickerField as J, InputViewer as K, Loader as L, MobileControl as M, TextareaViewer as N, Outlet as O, PLACEHOLDER_REGEX as P, ChipsViewer as Q, RadioControl as R, SelectControl as S, TextareaControl as T, RadioViewer as U, VIEW_PROVIDER as V, SelectViewer as W, MobileViewer as X, CheckboxViewer as Y, ToggleButtonViewer as Z, SlideToggleViewer as _, ValidationMessageComponent as a, AttachmentViewer as a0, TimePickerViewer as a1, DatePickerViewer as a2, DatePickerTimeViewer as a3, DateRangePickerViewer as a4, DEFAULT_COUNTRY as a5, COUNTRIES as a6, DATE_FORMAT_ADAPTER as a7, DATETIME_FORMAT as a8, PLATE_LETTERS as a9, getHijriParts as aA, startOfHijriMonth as aB, getHijriDaysInMonth as aC, createHijriDate as aD, formatHijriDate as aE, parseHijriDate as aF, toHijriDisplay as aG, IssValidators as aH, FileValidators as aI, TimeValidator as aJ, VALIDATION_MESSAGES as aa, COMPONENTS as ab, SERVICES as ac, VALIDATORS as ad, isActiveValidationRule as ae, FIELD_DATA as af, UI_LANGUAGE as ag, ATTACHMENT_UPLOAD_URL as ah, ATTACHMENT_UPLOAD_RESPONSE_MAPPER as ai, ATTACHMENT_DOWNLOAD_URL as aj, USER_SEARCH_API as ak, HintsComponent as al, Droppable as am, ArabicNumberPipe as an, FieldDataInjector as ao, PlateLetterPipe as ap, SelectStatusPipe as aq, TranslatePipe as ar, FileHandler as as, IssDateAdapter as at, provideIssDateAdapter as au, Phone as av, arrayFrom as aw, formatFileSize as ax, HIJRI_LOCALE as ay, HIJRI_MONTH_NAMES as az, ViewerBase as b, FormEngine as c, CheckboxControl as d, ChipsControl as e, DateRangePickerControl as f, getPropertyByPath as g, DatetimePickerControl as h, FilePickerControl as i, InputControl as j, PlateControl as k, SlideToggleControl as l, TimePickerControl as m, ToggleButtonControl as n, InputField as o, TextareaField as p, ChipsField as q, replacePlaceholders as r, RadioField as s, SelectField as t, MobileField as u, CheckboxField as v, ToggleButtonField as w, SlideToggleField as x, PlateField as y, FilePickerField as z };
+//# sourceMappingURL=iss-ctrl-iss-ctrl-Cy9p_PEj.mjs.map