iss-ctrl 0.0.14 → 0.0.16

package/fesm2022/{iss-ctrl-iss-ctrl-CDk4_RVA.mjs → iss-ctrl-iss-ctrl-CUlx5aua.mjs}

@@ -79,9 +79,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  *
  * ### Content projection
  * Controls that render a `mat-form-field` project `<label>` into the floating label.
- * An omitted label — or one that interpolates to an empty string — leaves `<mat-label>`
- * empty, and `upgrade.scss` collapses the floating-label space for it. No label markup is
- * removed at runtime, so a label that arrives later simply shows up.
+ * `upgrade.scss` reveals that space only while the projected `<label>` carries text, so an
+ * omitted label — or one that interpolates to an empty string — collapses it. No label markup
+ * is removed at runtime, so a label that arrives later simply shows up.
  *
  * @example
  * ```html
@@ -401,8 +401,8 @@ class ChipsControl extends ControlBase {
             { provide: NG_VALUE_ACCESSOR, useExisting: ChipsControl, multi: true }
         ], usesInheritance: true, ngImport: i0, template: `
     <mat-form-field floatLabel="auto" class="">
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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>
       <input
@@ -446,8 +446,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     ],
                     template: `
     <mat-form-field floatLabel="auto" class="">
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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>
       <input
@@ -773,11 +773,16 @@ class IssDateAdapter extends NativeDateAdapter {
         // One pass, so a substituted month name can never be re-read as a token.
         return (displayFormat ?? "dd/MM/yyyy").replace(/yyyy|MMMM|MMM|MM|dd/g, (token) => {
             switch (token) {
-                case "yyyy": return String(year).padStart(4, "0");
-                case "MMMM": return this.getMonthNames("long")[month];
-                case "MMM": return this.getMonthNames("short")[month];
-                case "MM": return String(month + 1).padStart(2, "0");
-                default: return String(day).padStart(2, "0");
+                case "yyyy":
+                    return String(year).padStart(4, "0");
+                case "MMMM":
+                    return this.getMonthNames("long")[month];
+                case "MMM":
+                    return this.getMonthNames("short")[month];
+                case "MM":
+                    return String(month + 1).padStart(2, "0");
+                default:
+                    return String(day).padStart(2, "0");
             }
         });
     }
@@ -931,8 +936,8 @@ class DatePickerControl extends ControlBase {
             { provide: NG_VALIDATORS, useExisting: DatePickerControl, multi: true },
         ], usesInheritance: true, ngImport: i0, template: `
     <mat-form-field floatLabel="auto" class="">
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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>
       <input
@@ -966,8 +971,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         { provide: NG_VALIDATORS, useExisting: DatePickerControl, multi: true },
                     ], template: `
     <mat-form-field floatLabel="auto" class="">
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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>
       <input
@@ -1179,8 +1184,8 @@ class DateRangePickerControl extends ControlBase {
         ], usesInheritance: true, ngImport: i0, template: `
     <mat-form-field floatLabel="auto" class="">
 
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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
@@ -1231,8 +1236,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     template: `
     <mat-form-field floatLabel="auto" class="">
 
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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
@@ -1351,8 +1356,8 @@ class TimePickerControl extends ControlBase {
             { provide: NG_VALIDATORS, useExisting: TimePickerControl, multi: true },
         ], usesInheritance: true, ngImport: i0, template: `
     <mat-form-field floatLabel="auto" class="">
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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>
       <input
@@ -1388,8 +1393,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     ],
                     template: `
     <mat-form-field floatLabel="auto" class="">
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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>
       <input
@@ -1555,7 +1560,7 @@ class DatetimePickerControl extends ControlBase {
         (onChange)="emit()"
       >
         <!-- Re-projected with ngProjectAs so it still matches the date picker's own select="label";
-             wrapping it in a second <label> instead would hide an empty label from the :empty rule in upgrade.scss. -->
+             wrapping it in a second <label> instead would nest one inside the other and defeat the label rule in upgrade.scss. -->
         <ng-content select="label" ngProjectAs="label"></ng-content>
       </iss-ctrl-date-picker>
       <iss-ctrl-time-picker
@@ -1600,7 +1605,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         (onChange)="emit()"
       >
         <!-- Re-projected with ngProjectAs so it still matches the date picker's own select="label";
-             wrapping it in a second <label> instead would hide an empty label from the :empty rule in upgrade.scss. -->
+             wrapping it in a second <label> instead would nest one inside the other and defeat the label rule in upgrade.scss. -->
         <ng-content select="label" ngProjectAs="label"></ng-content>
       </iss-ctrl-date-picker>
       <iss-ctrl-time-picker
@@ -2022,8 +2027,8 @@ class InputControl extends ControlBase {
             { provide: NG_VALIDATORS, useExisting: InputControl, multi: true }
         ], usesInheritance: true, ngImport: i0, template: `
     <mat-form-field floatLabel="auto" class="">
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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>
       <ng-content select="[issPrefix]"></ng-content>
@@ -2080,8 +2085,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     ],
                     template: `
     <mat-form-field floatLabel="auto" class="">
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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>
       <ng-content select="[issPrefix]"></ng-content>
@@ -4416,8 +4421,8 @@ class MobileControl extends ControlBase {
             { provide: NG_VALIDATORS, useExisting: MobileControl, multi: true }
         ], usesInheritance: true, ngImport: i0, template: `
     <mat-form-field floatLabel="auto" cdkOverlayOrigin #trigger="cdkOverlayOrigin">
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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>
       <div class="d-inline-flex align-items-center gap-1 country-flag" matPrefix (click)="toggleCountryCodeMenu()">
@@ -4494,8 +4499,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         { provide: NG_VALIDATORS, useExisting: MobileControl, multi: true }
                     ], template: `
     <mat-form-field floatLabel="auto" cdkOverlayOrigin #trigger="cdkOverlayOrigin">
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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>
       <div class="d-inline-flex align-items-center gap-1 country-flag" matPrefix (click)="toggleCountryCodeMenu()">
@@ -5314,8 +5319,8 @@ class SelectControl extends ControlBase {
             { provide: NG_VALUE_ACCESSOR, useExisting: SelectControl, multi: true },
         ], queries: [{ propertyName: "optionTemplate", first: true, predicate: ["optionTemplate"], descendants: true, isSignal: true }, { propertyName: "cardViewerTemplate", first: true, predicate: ["cardViewerTemplate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <mat-form-field floatLabel="auto" class="">
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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>
       <input [formControl]="ctrl" [matAutocomplete]="auto" [matChipInputFor]="chipGrid" [placeholder]="placeholder()" [readonly]="readonly()" (blur)="markAsTouched()" class="m-0" matInput/>
@@ -5394,8 +5399,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         { provide: NG_VALUE_ACCESSOR, useExisting: SelectControl, multi: true },
                     ], template: `
     <mat-form-field floatLabel="auto" class="">
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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>
       <input [formControl]="ctrl" [matAutocomplete]="auto" [matChipInputFor]="chipGrid" [placeholder]="placeholder()" [readonly]="readonly()" (blur)="markAsTouched()" class="m-0" matInput/>
@@ -5547,8 +5552,8 @@ class TextareaControl extends ControlBase {
             { provide: NG_VALIDATORS, useExisting: TextareaControl, multi: true }
         ], usesInheritance: true, ngImport: i0, template: `
     <mat-form-field floatLabel="auto" class="custom-textarea">
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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>
       <textarea
@@ -5585,8 +5590,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                     template: `
     <mat-form-field floatLabel="auto" class="custom-textarea">
-      <!-- Kept on one line: an omitted or empty label must leave <mat-label> :empty so upgrade.scss can collapse the floating-label space. -->
-      <mat-label class="fs-16 fc-black">
+      <!-- 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>
       <textarea
@@ -6351,22 +6356,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-CFK871y8.mjs').then((c) => c.UserPickerField),
+    userPicker: () => import('./iss-ctrl-user-picker.field-69Tqgu2G.mjs').then((c) => c.UserPickerField),
     vehicle_plate: () => Promise.resolve().then(function () { return plate_field; }).then((c) => c.PlateField),
-    enrichment: () => import('./iss-ctrl-note.field-DIU49W4s.mjs').then((c) => c.NoteField),
+    enrichment: () => import('./iss-ctrl-note.field-DpXXdNd0.mjs').then((c) => c.NoteField),
     mobile: () => Promise.resolve().then(function () { return mobile_field; }).then((c) => c.MobileField),
-    table: () => import('./iss-ctrl-table.field-Ca6d7LvU.mjs').then((c) => c.TableField),
+    table: () => import('./iss-ctrl-table.field-C5SDeghW.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-BJGXPwPV.mjs').then((s) => s.SetValueEvent),
+    setValue: () => import('./iss-ctrl-set-value-event-CXVuywEr.mjs').then((s) => s.SetValueEvent),
     show: () => import('./iss-ctrl-show-event-BcRCwAfo.mjs').then((s) => s.ShowEvent),
-    load: () => import('./iss-ctrl-load-value-event-a_CrlH07.mjs').then((s) => s.LoadValueEvent),
-    loadOptions: () => import('./iss-ctrl-load-options-event-D4gOR-3h.mjs').then((s) => s.LoadOptionsEvent),
-    triggerBasedOnJsonValue: () => import('./iss-ctrl-trigger-based-on-json-value-Jp6lQkIa.mjs').then((s) => s.TriggerBasedOnJsonValue),
-    replaceApiKeyDefaultImpl: () => import('./iss-ctrl-replace-api-keys-8o7-XCdX.mjs').then((s) => s.ReplaceApiKeys),
+    load: () => import('./iss-ctrl-load-value-event-Bq6nRj3K.mjs').then((s) => s.LoadValueEvent),
+    loadOptions: () => import('./iss-ctrl-load-options-event-Bvfi4PZq.mjs').then((s) => s.LoadOptionsEvent),
+    triggerBasedOnJsonValue: () => import('./iss-ctrl-trigger-based-on-json-value-Ck642ldN.mjs').then((s) => s.TriggerBasedOnJsonValue),
+    replaceApiKeyDefaultImpl: () => import('./iss-ctrl-replace-api-keys-Dbdwgl4g.mjs').then((s) => s.ReplaceApiKeys),
 };
 
 // Read-only counterpart of COMPONENTS: the component used to render a field's value
@@ -9411,4 +9416,4 @@ var time_validator = /*#__PURE__*/Object.freeze({
  */
 
 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-CDk4_RVA.mjs.map
+//# sourceMappingURL=iss-ctrl-iss-ctrl-CUlx5aua.mjs.map