iss-ctrl 0.0.22 → 0.0.23

package/fesm2022/{iss-ctrl-user-picker.field-BIzB5ZX6.mjs → iss-ctrl-user-picker.field-DpmYCfpD.mjs}

@@ -3,14 +3,14 @@ import { inject, signal, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { MatSidenav, MatSidenavContainer } from '@angular/material/sidenav';
 import { Subject, debounceTime, distinctUntilChanged, switchMap, map } from 'rxjs';
-import { F as FieldBase, E as Employee, V as VIEW_PROVIDER, a as ValidationMessage, b as FieldViewer } from './iss-ctrl-iss-ctrl-DvnkwSMG.mjs';
-import { SelectControl } from 'iss-ctrl/select';
+import { F as FieldBase, E as Employee, V as VIEW_PROVIDER, a as ValidationMessage, b as FieldViewer } from './iss-ctrl-iss-ctrl-BG-QWWdq.mjs';
+import { DropdownlistControl } from 'iss-ctrl/dropdownlist';
 
 /**
  * `<iss-user-picker>` — employee lookup, searched against the directory API.
  *
  * Rendered by the outlet for fields of type `userPicker`. In `edit` mode it renders
- * {@link SelectControl} — always multi-select — over the employees returned by the search;
+ * {@link DropdownlistControl} — always multi-select — over the employees returned by the search;
  * in `view` mode the stored value as plain text. Selecting a user opens a details drawer.
  *
  * ### Supported `config` keys
@@ -71,7 +71,7 @@ class UserPickerField extends FieldBase {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: UserPickerField, isStandalone: true, selector: "iss-user-picker", usesInheritance: true, ngImport: i0, template: `
     @if (field.visible()) {
       @if (field.mode() === "edit") {
-        <iss-ctrl-select
+        <iss-ctrl-dropdownlist
           [formControlName]="field.name"
           [min]="field.config.min() ?? null"
           [max]="field.config.max() ?? null"
@@ -93,7 +93,7 @@ class UserPickerField extends FieldBase {
               {{ item.name }}
             </div>
           </ng-template>
-        </iss-ctrl-select>
+        </iss-ctrl-dropdownlist>
         <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="!ctrl.untouched"/>
       } @else {
         <iss-field-viewer>
@@ -142,12 +142,12 @@ class UserPickerField extends FieldBase {
         </div>
       </mat-sidenav>
     </mat-sidenav-container>
-  `, isInline: true, styles: [".mat-drawer{position:fixed;left:0}\n"], dependencies: [{ kind: "component", type: SelectControl, selector: "iss-ctrl-select", inputs: ["options", "height", "loading"], outputs: ["onQueryChange"] }, { kind: "component", type: ValidationMessage, selector: "iss-validation-message-viewer", inputs: ["errors", "showMessage"] }, { kind: "component", type: MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: FieldViewer, selector: "iss-field-viewer" }], viewProviders: [VIEW_PROVIDER] });
+  `, isInline: true, styles: [".mat-drawer{position:fixed;left:0}\n"], dependencies: [{ kind: "component", type: DropdownlistControl, selector: "iss-ctrl-dropdownlist", inputs: ["options", "height", "loading"], outputs: ["onQueryChange"] }, { kind: "component", type: ValidationMessage, selector: "iss-validation-message-viewer", inputs: ["errors", "showMessage"] }, { kind: "component", type: MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: FieldViewer, selector: "iss-field-viewer" }], viewProviders: [VIEW_PROVIDER] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UserPickerField, decorators: [{
             type: Component,
             args: [{ selector: "iss-user-picker", viewProviders: [VIEW_PROVIDER], imports: [
-                        SelectControl,
+                        DropdownlistControl,
                         ValidationMessage,
                         MatSidenav,
                         MatSidenavContainer,
@@ -155,7 +155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     ], template: `
     @if (field.visible()) {
       @if (field.mode() === "edit") {
-        <iss-ctrl-select
+        <iss-ctrl-dropdownlist
           [formControlName]="field.name"
           [min]="field.config.min() ?? null"
           [max]="field.config.max() ?? null"
@@ -177,7 +177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
               {{ item.name }}
             </div>
           </ng-template>
-        </iss-ctrl-select>
+        </iss-ctrl-dropdownlist>
         <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="!ctrl.untouched"/>
       } @else {
         <iss-field-viewer>
@@ -230,4 +230,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }], ctorParameters: () => [] });
 
 export { UserPickerField };
-//# sourceMappingURL=iss-ctrl-user-picker.field-BIzB5ZX6.mjs.map
+//# sourceMappingURL=iss-ctrl-user-picker.field-DpmYCfpD.mjs.map

package/fesm2022/iss-ctrl-user-picker.field-DpmYCfpD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-user-picker.field-DpmYCfpD.mjs","sources":["../../../projects/iss/src/components/controls/user-picker/user-picker.field.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, inject, signal } from \"@angular/core\";\nimport { takeUntilDestroyed } from \"@angular/core/rxjs-interop\";\nimport { MatSidenav, MatSidenavContainer } from \"@angular/material/sidenav\";\nimport { debounceTime, distinctUntilChanged, map, Subject, switchMap } from \"rxjs\";\nimport { FieldViewer } from \"../../shared/field-viewer\";\nimport { ValidationMessage } from \"../../shared/validation-message\";\nimport { FieldBase } from \"../base/field-base\";\nimport { DropdownlistControl } from \"iss-ctrl/dropdownlist\";\nimport { Employee } from \"./employee\";\nimport { VIEW_PROVIDER } from \"../../../shared/constants/view-provider.const\";\n\n/**\n * `<iss-user-picker>` — employee lookup, searched against the directory API.\n *\n * Rendered by the outlet for fields of type `userPicker`. In `edit` mode it renders\n * {@link DropdownlistControl} — always multi-select — over the employees returned by the search;\n * in `view` mode the stored value as plain text. Selecting a user opens a details drawer.\n *\n * ### Supported `config` keys\n * | Key | Type | Description |\n * | --- | --- | --- |\n * | `min` | `number` | Minimum number of users required. |\n * | `max` | `number` | Maximum number of users allowed. |\n * | `readonly` | `boolean` | Shows the value but blocks interaction. |\n *\n * ### Other field members used\n * `label()` · `value` · `ctrlJsonValue()`\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\": \"approvers\", \"type\": \"userPicker\", \"label\": \"Approvers\", \"config\": { \"max\": 3 } }\n * ```\n */\n@Component({\n  selector: \"iss-user-picker\",\n  viewProviders: [VIEW_PROVIDER],\n  imports: [\n    DropdownlistControl,\n    ValidationMessage,\n    MatSidenav,\n    MatSidenavContainer,\n    FieldViewer\n  ],\n  template: `\n    @if (field.visible()) {\n      @if (field.mode() === \"edit\") {\n        <iss-ctrl-dropdownlist\n          [formControlName]=\"field.name\"\n          [min]=\"field.config.min() ?? null\"\n          [max]=\"field.config.max() ?? null\"\n          [options]=\"options()\"\n          [multiple]=\"true\"\n          [readonly]=\"field.config.readonly() ?? false\"\n          (onQueryChange)=\"search($event)\"\n          (onChange)=\"updateField($event)\"\n        >\n          <label>{{ field.label() }}</label>\n          <ng-template let-item #optionTemplate>\n            <div class=\"d-flex align-items-center gap-2\">\n              <ds-avatar size=\"x-small\" [attr.image]=\"item.image\"></ds-avatar>\n              <span class=\"fs-14 fw-medium fc-black\">{{ item.name }}</span>\n            </div>\n          </ng-template>\n          <ng-template let-item #cardViewerTemplate>\n            <div (click)=\"showUserData(item);drawer.open()\">\n              {{ item.name }}\n            </div>\n          </ng-template>\n        </iss-ctrl-dropdownlist>\n        <iss-validation-message-viewer [errors]=\"ctrl.errors\" [showMessage]=\"!ctrl.untouched\"/>\n      } @else {\n        <iss-field-viewer>\n          <label>{{ field.label() }}</label>\n          <p>{{ field.value }}</p>\n        </iss-field-viewer>\n      }\n    }\n    <mat-sidenav-container [hasBackdrop]=\"true\">\n      <mat-sidenav #drawer [mode]=\"'over'\" [position]=\"'start'\" [autoFocus]=\"false\">\n        <div class=\"main-sidenav\">\n          <div class=\"sidenav-title bc-white\">\n            <h3> Employee Information </h3>\n            <ds-icon icon=\"close\" class=\"fc-black fs-20 p-3 cursor-pointer\" (click)=\"drawer.close()\"></ds-icon>\n          </div>\n          <div class=\"sidenav-body p-0\">\n            <div class=\"d-flex flex-column align-items-center gap-3 sidenav-user bc-off-white text-center\">\n              <ds-avatar [attr.image]=\"userImage()\" [attr.label]=\"userData?.name\"></ds-avatar>\n              @if (userData?.employeeNumber) {\n                <div class=\"d-flex flex-column gap-1\">\n                  <h4 class=\"fs-16 fc-black fw-medium mb-0\">{{ userData?.name }}</h4>\n                  @if (!userData?.job?.name) {\n                    <h6 class=\"fs-12 fc-dark-gray fw-normal mb-0\">{{ userData?.position?.name }}</h6>\n                  }\n                  @if (!userData?.position?.name) {\n                    <h6 class=\"fs-12 fc-dark-gray fw-normal mb-0\">{{ userData?.job?.name }}</h6>\n                  }\n                </div>\n              }\n              <div class=\"d-flex flex-wrap gap-2\">\n                <div class=\"fs-12 fc-black d-flex align-items-center gap-2 box-shadow bc-white radius-4 p-2 profile-box\">\n                  <ds-icon icon=\"mail-o\" class=\"fc-coral fs-20\"></ds-icon>\n                  <a [href]=\"'mailTo:' + userData?.email\" class=\"fc-black\">{{ userData?.email }}</a>\n                </div>\n                @if (userData?.contact?.mobile) {\n                  <div class=\"fs-12 fc-black d-flex align-items-center gap-2 box-shadow bc-white radius-4 p-2 profile-box\">\n                    <ds-icon icon=\"phone\" class=\"fc-coral fs-20\"></ds-icon>\n                    <a [href]=\"'tel:' + userData?.contact?.mobile\" class=\"fc-black\">\n                      <bdi>{{ userData?.contact?.mobile }}</bdi>\n                    </a>\n                  </div>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n      </mat-sidenav>\n    </mat-sidenav-container>\n  `,\n  styles: `\n    .mat-drawer {\n      position: fixed;\n      left: 0;\n    }`,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class UserPickerField extends FieldBase {\n  userImageHost = \"https://igateapp.stc.com.sa\";\n  employeeService = inject(Employee);\n  options: any = signal([]);\n  userData: any;\n  #query: Subject<string> = new Subject<string>();\n\n  constructor() {\n    super();\n    this.#query.pipe(\n      debounceTime(300),\n      distinctUntilChanged(),\n      // a new query cancels the request still in flight\n      switchMap((query: string) => this.employeeService.search(query)),\n      map((res: any) => {\n        return res.map((user: any) => {\n          user.value = user.email;\n          user.label = user.name;\n          return user;\n        });\n      }),\n      takeUntilDestroyed(this.destroyRef)\n    ).subscribe((res: any) => {\n      this.options.set(res);\n    });\n  }\n\n  userImage(): string | null {\n    const image: string | undefined = this.userData?.profileImage ?? this.userData?.profileImageUrl;\n    if (!image) {\n      return null;\n    }\n    return image.startsWith(\"http\") ? image : this.userImageHost + image;\n  }\n\n  search(event: string) {\n    this.#query.next(event);\n  }\n\n  updateField($event: string | FormData) {\n    this.options.set([]);\n  }\n\n  showUserData(item: any) {\n    this.userData = item;\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/iss-ctrl.mjs

@@ -1,4 +1,4 @@
-export { A as ArabicNumberPipe, C as COMPONENTS, E as Employee, j as FIELD_DATA, F as FieldBase, e as FieldDataInjector, b as FieldViewer, c as FileHandler, o as FileValidators, d as FormEngine, n as IssValidators, L as Loader, O as Outlet, P as PLACEHOLDER_REGEX, k as PlateLetterPipe, S as SERVICES, p as TimeValidator, T as TranslatePipe, f as VALIDATION_MESSAGES, h as VALIDATORS, V as VIEW_PROVIDER, a as ValidationMessage, l as arrayFrom, m as formatFileSize, g as getPropertyByPath, i as isActiveValidationRule, r as replacePlaceholders } from './iss-ctrl-iss-ctrl-DvnkwSMG.mjs';
+export { A as ArabicNumberPipe, C as COMPONENTS, E as Employee, j as FIELD_DATA, F as FieldBase, e as FieldDataInjector, b as FieldViewer, c as FileHandler, o as FileValidators, d as FormEngine, n as IssValidators, L as Loader, O as Outlet, P as PLACEHOLDER_REGEX, k as PlateLetterPipe, S as SERVICES, T as TimeValidator, f as VALIDATION_MESSAGES, h as VALIDATORS, V as VIEW_PROVIDER, a as ValidationMessage, l as arrayFrom, m as formatFileSize, g as getPropertyByPath, i as isActiveValidationRule, r as replacePlaceholders } from './iss-ctrl-iss-ctrl-BG-QWWdq.mjs';
 export * from 'iss-ctrl/base';
 export * from 'iss-ctrl/tokens';
 //# sourceMappingURL=iss-ctrl.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iss-ctrl",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "peerDependencies": {
     "@angular/common": "^21.0.6",
     "@angular/core": "^21.0.6",
@@ -48,6 +48,10 @@
       "types": "./types/iss-ctrl-datetime-picker.d.ts",
       "default": "./fesm2022/iss-ctrl-datetime-picker.mjs"
     },
+    "./dropdownlist": {
+      "types": "./types/iss-ctrl-dropdownlist.d.ts",
+      "default": "./fesm2022/iss-ctrl-dropdownlist.mjs"
+    },
     "./file-picker": {
       "types": "./types/iss-ctrl-file-picker.d.ts",
       "default": "./fesm2022/iss-ctrl-file-picker.mjs"
@@ -68,10 +72,6 @@
       "types": "./types/iss-ctrl-radio.d.ts",
       "default": "./fesm2022/iss-ctrl-radio.mjs"
     },
-    "./select": {
-      "types": "./types/iss-ctrl-select.d.ts",
-      "default": "./fesm2022/iss-ctrl-select.mjs"
-    },
     "./slide-toggle": {
       "types": "./types/iss-ctrl-slide-toggle.d.ts",
       "default": "./fesm2022/iss-ctrl-slide-toggle.mjs"

package/types/iss-ctrl-base.d.ts

@@ -230,6 +230,11 @@ declare class Hints {
     static ɵcmp: i0.ɵɵComponentDeclaration<Hints, "iss-ctrl-hints", never, { "hints": { "alias": "hints"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+interface I18n {
+    ar: string | null | undefined;
+    en: string | null | undefined;
+}
+
 /**
  * The single date adapter behind every `iss-ctrl-*` picker.
  *
@@ -287,7 +292,7 @@ declare function provideIssDateAdapter(): Provider[];
 
 interface Option {
     value: string;
-    label: string;
+    title: string | I18n | undefined;
 }
 
 declare class SelectStatusPipe implements PipeTransform {
@@ -296,11 +301,18 @@ declare class SelectStatusPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<SelectStatusPipe, "selectStatus", true>;
 }
 
+declare class TranslatePipe implements PipeTransform {
+    currentLanguage: string;
+    transform(value: I18n | string | null | undefined, locale?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TranslatePipe, "translate", true>;
+}
+
 declare class ViewerBase {
     field: InputSignal<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ViewerBase, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ViewerBase, "ng-component", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { ControlBase, DATETIME_FORMAT, DATE_FORMAT_ADAPTER, HIJRI_LOCALE, HIJRI_MONTH_NAMES, Hints, IssDateAdapter, SelectStatusPipe, ViewerBase, createHijriDate, formatHijriDate, getHijriDaysInMonth, getHijriParts, parseHijriDate, provideIssDateAdapter, startOfHijriMonth, toHijriDisplay };
-export type { HijriParts, Hint, HintAlignment, Option };
+export { ControlBase, DATETIME_FORMAT, DATE_FORMAT_ADAPTER, HIJRI_LOCALE, HIJRI_MONTH_NAMES, Hints, IssDateAdapter, SelectStatusPipe, TranslatePipe, ViewerBase, createHijriDate, formatHijriDate, getHijriDaysInMonth, getHijriParts, parseHijriDate, provideIssDateAdapter, startOfHijriMonth, toHijriDisplay };
+export type { HijriParts, Hint, HintAlignment, I18n, Option };

package/types/iss-ctrl-checkbox.d.ts

@@ -21,12 +21,13 @@ import { ControlBase, Option } from 'iss-ctrl/base';
  * ### Inherited from {@link ControlBase}
  * `formControlName` · `readonly` · `className` · `(onChange)`
  *
- * Does not project a label — the field label is rendered by the wrapping `iss-field-*`.
+ * Projected content is rendered above the list — the wrapping `iss-field-*` passes the
+ * field label in that way.
  */
 declare class CheckboxControl extends ControlBase {
     #private;
     /**
-     * Selectable choices, each a `{ value, label }` pair. Required.
+     * Selectable choices, each a `{ value, title }` pair. Required.
      */
     options: InputSignal<Option[]>;
     /**
@@ -39,7 +40,7 @@ declare class CheckboxControl extends ControlBase {
     stringifySelectedOptions(): string | null;
     getEmissionValue(options: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxControl, "iss-ctrl-checkbox", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxControl, "iss-ctrl-checkbox", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; }, {}, never, ["label"], true, never>;
 }
 
 export { CheckboxControl };

package/types/{iss-ctrl-select.d.ts → iss-ctrl-dropdownlist.d.ts}

@@ -3,14 +3,14 @@ import { OnDestroy, WritableSignal, InputSignal, Signal, OutputEmitterRef } from
 import { ControlBase, Option } from 'iss-ctrl/base';
 
 /**
- * `<iss-ctrl-select>` — dropdown selection, single or multiple, with a search box.
+ * `<iss-ctrl-dropdownlist>` — dropdown selection, single or multiple, with a search box.
  *
  * Typing in the search box emits `(onQueryChange)`, so options can be loaded remotely; set
  * `loading` while that request is in flight.
  *
  * @example
  * ```html
- * <iss-ctrl-select
+ * <iss-ctrl-dropdownlist
  *   formControlName="city"
  *   [options]="cities()"
  *   [multiple]="false"
@@ -18,7 +18,7 @@ import { ControlBase, Option } from 'iss-ctrl/base';
  *   (onQueryChange)="search($event)"
  * >
  *   <label>City</label>
- * </iss-ctrl-select>
+ * </iss-ctrl-dropdownlist>
  * ```
  *
  * ### Own inputs
@@ -36,11 +36,12 @@ import { ControlBase, Option } from 'iss-ctrl/base';
  *
  * Projects `<label>` into the floating label; omit it to render the control without one.
  */
-declare class SelectControl extends ControlBase implements OnDestroy {
+declare class DropdownlistControl extends ControlBase implements OnDestroy {
     #private;
+    UI_LANGUAGE: string;
     selectedOptions: WritableSignal<Map<string, Option>>;
     /**
-     * Selectable choices, each a `{ value, label }` pair. Required.
+     * Selectable choices, each a `{ value, title }` pair. Required.
      */
     options: InputSignal<Option[]>;
     /**
@@ -61,6 +62,8 @@ declare class SelectControl extends ControlBase implements OnDestroy {
     protected cardViewerTemplate: any;
     protected allSelected: WritableSignal<boolean>;
     displayFn: (options: Option | Option[]) => string;
+    /** Resolves an option title to plain text for the active UI language. */
+    titleOf(option: Option | undefined): string;
     writeValue(value: string | null): void;
     captureValue($event: any): void;
     removeFromSelectedOptionsMap(option: Option): void;
@@ -68,8 +71,8 @@ declare class SelectControl extends ControlBase implements OnDestroy {
     toggleAllSelection(): void;
     ngOnDestroy(): void;
     protected isEmpty(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectControl, "iss-ctrl-select", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "onQueryChange": "onQueryChange"; }, ["optionTemplate", "cardViewerTemplate"], ["label"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownlistControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownlistControl, "iss-ctrl-dropdownlist", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "onQueryChange": "onQueryChange"; }, ["optionTemplate", "cardViewerTemplate"], ["label"], true, never>;
 }
 
-export { SelectControl };
+export { DropdownlistControl };

package/types/iss-ctrl-file-picker.d.ts

@@ -52,7 +52,7 @@ interface IssFile {
  * ### Inherited from {@link ControlBase}
  * `formControlName` · `readonly` · `className` · `(onChange)` · `multiple` · `hints`
  *
- * Does not project a label — the field label is rendered by the wrapping `iss-field-*`.
+ * Projects a `<label>` above the control — the wrapping `iss-field-*` passes the field label in that way.
  */
 declare class FilePickerControl extends ControlBase implements OnDestroy {
     #private;
@@ -88,7 +88,7 @@ declare class FilePickerControl extends ControlBase implements OnDestroy {
     protected captureFile($event: FileList): void;
     protected openFilePicker(input: HTMLInputElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilePickerControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilePickerControl, "iss-ctrl-file-picker", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "showDownloadButton": { "alias": "showDownloadButton"; "required": false; "isSignal": true; }; "showDeleteButton": { "alias": "showDeleteButton"; "required": false; "isSignal": true; }; "uploading": { "alias": "uploading"; "required": false; "isSignal": true; }; "uploadedFiles": { "alias": "uploadedFiles"; "required": false; "isSignal": true; }; "uploadingError": { "alias": "uploadingError"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilePickerControl, "iss-ctrl-file-picker", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "showDownloadButton": { "alias": "showDownloadButton"; "required": false; "isSignal": true; }; "showDeleteButton": { "alias": "showDeleteButton"; "required": false; "isSignal": true; }; "uploading": { "alias": "uploading"; "required": false; "isSignal": true; }; "uploadedFiles": { "alias": "uploadedFiles"; "required": false; "isSignal": true; }; "uploadingError": { "alias": "uploadingError"; "required": false; "isSignal": true; }; }, {}, never, ["label"], true, never>;
 }
 
 export { Droppable, FilePickerControl };

package/types/iss-ctrl-plate.d.ts

@@ -29,7 +29,7 @@ declare const PLATE_LETTERS: PlateLetter[];
  * ### Inherited from {@link ControlBase}
  * `formControlName` · `readonly` · `className` · `(onChange)`
  *
- * Does not project a label — the field label is rendered by the wrapping `iss-field-*`.
+ * Projects a `<label>` above the control — the wrapping `iss-field-*` passes the field label in that way.
  */
 declare class PlateControl extends ControlBase {
     #private;
@@ -47,7 +47,7 @@ declare class PlateControl extends ControlBase {
     private focusInput;
     private convertDigit;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PlateControl, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PlateControl, "iss-ctrl-plate-number", never, {}, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PlateControl, "iss-ctrl-plate-number", never, {}, {}, never, ["label"], true, never>;
 }
 
 export { PLATE_LETTERS, PlateControl };

package/types/iss-ctrl-radio.d.ts

@@ -18,17 +18,17 @@ import { ControlBase, Option } from 'iss-ctrl/base';
  * ### Inherited from {@link ControlBase}
  * `formControlName` · `readonly` · `className` · `(onChange)`
  *
- * Does not project a label — the field label is rendered by the wrapping `iss-field-*`.
+ * Projects a `<label>` above the control — the wrapping `iss-field-*` passes the field label in that way.
  */
 declare class RadioControl extends ControlBase {
     /**
-     * Selectable choices, each a `{ value, label }` pair. Required.
+     * Selectable choices, each a `{ value, title }` pair. Required.
      */
     options: InputSignal<Option[]>;
     writeValue(value: string | null): void;
     onRadioChange(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioControl, "iss-ctrl-radio", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioControl, "iss-ctrl-radio", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; }, {}, never, ["label"], true, never>;
 }
 
 export { RadioControl };

package/types/iss-ctrl-slide-toggle.d.ts

@@ -15,12 +15,12 @@ import * as i0 from '@angular/core';
  * ### Inherited from {@link ControlBase}
  * `formControlName` · `readonly` · `className` · `(onChange)`
  *
- * Does not project a label — the field label is rendered by the wrapping `iss-field-*`.
+ * Projects a `<label>` above the control — the wrapping `iss-field-*` passes the field label in that way.
  */
 declare class SlideToggleControl extends ControlBase {
     onSlideToggleChange(checked: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleControl, "iss-ctrl-slide-toggle", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleControl, "iss-ctrl-slide-toggle", never, {}, {}, never, ["label"], true, never>;
 }
 
 export { SlideToggleControl };

package/types/iss-ctrl-toggle-button.d.ts

@@ -20,12 +20,12 @@ import { ControlBase, Option } from 'iss-ctrl/base';
  * ### Inherited from {@link ControlBase}
  * `formControlName` · `readonly` · `className` · `(onChange)` · `multiple`
  *
- * Does not project a label — the field label is rendered by the wrapping `iss-field-*`.
+ * Projects a `<label>` above the control — the wrapping `iss-field-*` passes the field label in that way.
  */
 declare class ToggleButtonControl extends ControlBase {
     #private;
     /**
-     * Selectable choices, each a `{ value, label }` pair. Required.
+     * Selectable choices, each a `{ value, title }` pair. Required.
      */
     options: InputSignal<Option[]>;
     selectedOptions: WritableSignal<Map<string, Option>>;
@@ -35,7 +35,7 @@ declare class ToggleButtonControl extends ControlBase {
     stringifySelectedOptions(): string | null;
     getEmissionValue(options: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleButtonControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleButtonControl, "iss-ctrl-toggle-button", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleButtonControl, "iss-ctrl-toggle-button", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; }, {}, never, ["label"], true, never>;
 }
 
 export { ToggleButtonControl };

package/types/iss-ctrl.d.ts

@@ -1,4 +1,4 @@
-import { Option } from 'iss-ctrl/base';
+import { Option, I18n } from 'iss-ctrl/base';
 export * from 'iss-ctrl/base';
 import { IssAttachment } from 'iss-ctrl/tokens';
 export * from 'iss-ctrl/tokens';
@@ -394,11 +394,6 @@ declare const VIEW_PROVIDER: StaticProvider;
 
 declare const PLACEHOLDER_REGEX: RegExp;
 
-interface I18n {
-    ar: string;
-    en: string;
-}
-
 type ValidationMessageFn<T> = (args: T) => I18n;
 
 interface IssValidator {
@@ -421,7 +416,7 @@ interface DynamicImport<T> {
  * | --- | --- | --- | --- |
  * | `text_input` | `InputField` | `iss-ctrl-input` | Single line text, number, email, password. |
  * | `textarea` | `TextareaField` | `iss-ctrl-textarea` | Multi line free text. |
- * | `dropdown_list` | `SelectField` | `iss-ctrl-select` | Searchable single/multi select. |
+ * | `dropdown_list` | `DropdownlistField` | `iss-ctrl-dropdownlist` | Searchable single/multi select. |
  * | `toggle_button` | `ToggleButtonField` | `iss-ctrl-toggle-button` | Options as a button group. |
  * | `checkbox` | `CheckboxField` | `iss-ctrl-checkbox` | Multi choice checkbox list. |
  * | `radio` | `RadioField` | `iss-ctrl-radio` | Single choice radio list. |
@@ -430,7 +425,7 @@ interface DynamicImport<T> {
  * | `datetime` | `DatetimePickerField` | `iss-ctrl-datetime-picker` | Date and time together. |
  * | `date_range` | `DateRangePickerField` | `iss-ctrl-date-range-picker` | A start/end date range. |
  * | `attachment` | `FilePickerField` | `iss-ctrl-file-picker` | File upload. |
- * | `userPicker` | `UserPickerField` | `iss-ctrl-select` | Employee lookup. |
+ * | `userPicker` | `UserPickerField` | `iss-ctrl-dropdownlist` | Employee lookup. |
  * | `vehicle_plate` | `PlateField` | `iss-ctrl-plate-number` | Saudi vehicle plate. |
  * | `enrichment` | `NoteField` | — | Read-only explanatory text. |
  * | `mobile` | `MobileField` | `iss-ctrl-mobile` | International phone number. |
@@ -497,13 +492,6 @@ declare class ArabicNumberPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<ArabicNumberPipe, "arabicNumber", true>;
 }
 
-declare class TranslatePipe implements PipeTransform {
-    currentLanguage: string;
-    transform(value: I18n | string, locale?: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TranslatePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<TranslatePipe, "translate", true>;
-}
-
 declare class PlateLetterPipe implements PipeTransform {
     transform(value: string): unknown;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlateLetterPipe, never>;
@@ -571,5 +559,5 @@ declare abstract class TimeValidator {
     static afterDate(otherFieldName: string): ValidatorFn;
 }
 
-export { ArabicNumberPipe, COMPONENTS, Employee, FIELD_DATA, FieldBase, FieldDataInjector, FieldViewer, FileHandler, FileValidators, FormEngine, IssValidators, Loader, Outlet, PLACEHOLDER_REGEX, PlateLetterPipe, SERVICES, TimeValidator, TranslatePipe, VALIDATION_MESSAGES, VALIDATORS, VIEW_PROVIDER, ValidationMessage, arrayFrom, formatFileSize, getPropertyByPath, isActiveValidationRule, replacePlaceholders };
-export type { ActionTriggerFn, ComponentOutlet, DynamicImport, EventArgument, EventConfigFn, EventStrategy, FieldChange, I18n, IssValidator, ValidationMessageFn };
+export { ArabicNumberPipe, COMPONENTS, Employee, FIELD_DATA, FieldBase, FieldDataInjector, FieldViewer, FileHandler, FileValidators, FormEngine, IssValidators, Loader, Outlet, PLACEHOLDER_REGEX, PlateLetterPipe, SERVICES, TimeValidator, VALIDATION_MESSAGES, VALIDATORS, VIEW_PROVIDER, ValidationMessage, arrayFrom, formatFileSize, getPropertyByPath, isActiveValidationRule, replacePlaceholders };
+export type { ActionTriggerFn, ComponentOutlet, DynamicImport, EventArgument, EventConfigFn, EventStrategy, FieldChange, IssValidator, ValidationMessageFn };

package/fesm2022/iss-ctrl-checkbox.field-Dj5EGLUr.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"iss-ctrl-checkbox.field-Dj5EGLUr.mjs","sources":["../../../projects/iss/src/components/controls/checkbox/checkbox.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 { CheckboxControl } from \"iss-ctrl/checkbox\";\nimport { CheckboxViewer } from \"./checkbox.viewer\";\n\n/**\n * `<iss-field-checkbox>` — a list of checkboxes over a fixed set of options.\n *\n * Rendered by the outlet for fields of type `checkbox`. In `edit` mode it renders\n * {@link CheckboxControl} plus the validation message; in `view` mode the matching viewer.\n *\n * ### Supported `config` keys\n * | Key | Type | Description |\n * | --- | --- | --- |\n * | `hideLabel` | `boolean` | Hides the field label. |\n * | `readonly` | `boolean` | Shows the value but blocks interaction. |\n *\n * ### Other field members used\n * `label()` · `options()`\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\": \"days\", \"type\": \"checkbox\", \"label\": \"Days\", \"options\": [{ \"value\": \"sun\", \"label\": \"Sunday\" }] }\n * ```\n */\n@Component({\n  selector: \"iss-field-checkbox\",\n  viewProviders: [VIEW_PROVIDER],\n  imports: [\n    ReactiveFormsModule,\n    CheckboxControl,\n    ValidationMessage,\n    CheckboxViewer,\n    FieldViewer\n  ],\n  template: `\n    @if (field.visible()) {\n      @if (field.mode() === \"edit\") {\n        <iss-ctrl-checkbox [formControlName]=\"field.name\" [options]=\"field.options()\" [readonly]=\"field.config.readonly() ?? false\" (onChange)=\"updateField($event)\">\n          @if (!field.config.hideLabel()) {\n            <label>{{ field.label() }}</label>\n          }\n        </iss-ctrl-checkbox>\n        <iss-validation-message-viewer [errors]=\"ctrl.errors\" [showMessage]=\"!ctrl.untouched\"/>\n      } @else {\n        <iss-field-viewer>\n          @if (!field.config.hideLabel()) {\n            <label>{{ field.label() }}</label>\n          }\n          <iss-viewer-checkbox [field]=\"field\"/>\n        </iss-field-viewer>\n      }\n    }\n  `\n})\nexport class CheckboxField extends FieldBase {\n  updateField($event: any) {\n    this.field.ctrlJsonValue.set($event);\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AASA;;;;;;;;;;;;;;;;;;;;;;AAsBG;AA+BG,MAAO,aAAc,SAAQ,SAAS,CAAA;AAC1C,IAAA,WAAW,CAAC,MAAW,EAAA;QACrB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC;IACtC;uGAHW,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EApBd;;;;;;;;;;;;;;;;;;AAkBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAxBC,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,eAAe,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,iBAAiB,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,cAAc,EAAA,QAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,WAAW,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAA,EAAA,aAAA,EANE,CAAC,aAAa,CAAC,EAAA,CAAA;;2FA4BnB,aAAa,EAAA,UAAA,EAAA,CAAA;kBA9BzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;oBAC9B,aAAa,EAAE,CAAC,aAAa,CAAC;AAC9B,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB,eAAe;wBACf,iBAAiB;wBACjB,cAAc;wBACd;AACD,qBAAA;AACD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;AAkBT,EAAA;AACF,iBAAA;;;;;"}