iss-ctrl 0.0.13 → 0.0.14

package/fesm2022/iss-ctrl-user-picker.field-PxT_dZ_O.mjs

@@ -1,225 +0,0 @@
-import * as i0 from '@angular/core';
-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, S as SelectControl, a as ValidationMessageComponent } from './iss-ctrl-iss-ctrl-DOmgkxUv.mjs';
-
-/**
- * `<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;
- * in `view` mode the stored value as plain text. Selecting a user opens a details drawer.
- *
- * ### Supported `config` keys
- * | Key | Type | Description |
- * | --- | --- | --- |
- * | `min` | `number` | Minimum number of users required. |
- * | `max` | `number` | Maximum number of users allowed. |
- * | `readonly` | `boolean` | Shows the value but blocks interaction. |
- *
- * ### Other field members used
- * `label()` · `value` · `ctrlJsonValue()`
- *
- * 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": "approvers", "type": "userPicker", "label": "Approvers", "config": { "max": 3 } }
- * ```
- */
-class UserPickerField extends FieldBase {
-    userImageHost = "https://igateapp.stc.com.sa";
-    employeeService = inject(Employee);
-    options = signal([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-    userData;
-    #query = new Subject();
-    constructor() {
-        super();
-        this.#query.pipe(debounceTime(300), distinctUntilChanged(), 
-        // a new query cancels the request still in flight
-        switchMap((query) => this.employeeService.search(query)), map((res) => {
-            return res.map((user) => {
-                user.value = user.email;
-                user.label = user.name;
-                return user;
-            });
-        }), takeUntilDestroyed(this.destroyRef)).subscribe((res) => {
-            this.options.set(res);
-        });
-    }
-    userImage() {
-        const image = this.userData?.profileImage ?? this.userData?.profileImageUrl;
-        if (!image) {
-            return null;
-        }
-        return image.startsWith("http") ? image : this.userImageHost + image;
-    }
-    search(event) {
-        this.#query.next(event);
-    }
-    updateField($event) {
-        this.options.set([]);
-    }
-    showUserData(item) {
-        this.userData = item;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UserPickerField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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
-          [formControlName]="field.name"
-          [min]="field.config.min() ?? null"
-          [max]="field.config.max() ?? null"
-          [options]="options()"
-          [multiple]="true"
-          [readonly]="field.config.readonly() ?? false"
-          (onQueryChange)="search($event)"
-          (onChange)="updateField($event)"
-        >
-          <label>{{ field.label() }}</label>
-          <ng-template let-item #optionTemplate>
-            <div class="d-flex align-items-center gap-2">
-              <ds-avatar size="x-small" [attr.image]="item.image"></ds-avatar>
-              <span class="fs-14 fw-medium fc-black">{{ item.name }}</span>
-            </div>
-          </ng-template>
-          <ng-template let-item #cardViewerTemplate>
-            <div (click)="showUserData(item);drawer.open()">
-              {{ item.name }}
-            </div>
-          </ng-template>
-        </iss-ctrl-select>
-        <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="!ctrl.untouched"/>
-      } @else {
-        <p>{{ field.value }}</p>
-      }
-    }
-    <mat-sidenav-container [hasBackdrop]="true">
-      <mat-sidenav #drawer [mode]="'over'" [position]="'start'" [autoFocus]="false">
-        <div class="main-sidenav">
-          <div class="sidenav-title bc-white">
-            <h3> Employee Information </h3>
-            <ds-icon icon="close" class="fc-black fs-20 p-3 cursor-pointer" (click)="drawer.close()"></ds-icon>
-          </div>
-          <div class="sidenav-body p-0">
-            <div class="d-flex flex-column align-items-center gap-3 sidenav-user bc-off-white text-center">
-              <ds-avatar [attr.image]="userImage()" [attr.label]="userData?.name"></ds-avatar>
-              @if (userData?.employeeNumber) {
-                <div class="d-flex flex-column gap-1">
-                  <h4 class="fs-16 fc-black fw-medium mb-0">{{ userData?.name }}</h4>
-                  @if (!userData?.job?.name) {
-                    <h6 class="fs-12 fc-dark-gray fw-normal mb-0">{{ userData?.position?.name }}</h6>
-                  }
-                  @if (!userData?.position?.name) {
-                    <h6 class="fs-12 fc-dark-gray fw-normal mb-0">{{ userData?.job?.name }}</h6>
-                  }
-                </div>
-              }
-              <div class="d-flex flex-wrap gap-2">
-                <div class="fs-12 fc-black d-flex align-items-center gap-2 box-shadow bc-white radius-4 p-2 profile-box">
-                  <ds-icon icon="mail-o" class="fc-coral fs-20"></ds-icon>
-                  <a [href]="'mailTo:' + userData?.email" class="fc-black">{{ userData?.email }}</a>
-                </div>
-                @if (userData?.contact?.mobile) {
-                  <div class="fs-12 fc-black d-flex align-items-center gap-2 box-shadow bc-white radius-4 p-2 profile-box">
-                    <ds-icon icon="phone" class="fc-coral fs-20"></ds-icon>
-                    <a [href]="'tel:' + userData?.contact?.mobile" class="fc-black">
-                      <bdi>{{ userData?.contact?.mobile }}</bdi>
-                    </a>
-                  </div>
-                }
-              </div>
-            </div>
-          </div>
-        </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: ValidationMessageComponent, 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"] }], 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,
-                        ValidationMessageComponent,
-                        MatSidenav,
-                        MatSidenavContainer,
-                    ], template: `
-    @if (field.visible()) {
-      @if (field.mode() === "edit") {
-        <iss-ctrl-select
-          [formControlName]="field.name"
-          [min]="field.config.min() ?? null"
-          [max]="field.config.max() ?? null"
-          [options]="options()"
-          [multiple]="true"
-          [readonly]="field.config.readonly() ?? false"
-          (onQueryChange)="search($event)"
-          (onChange)="updateField($event)"
-        >
-          <label>{{ field.label() }}</label>
-          <ng-template let-item #optionTemplate>
-            <div class="d-flex align-items-center gap-2">
-              <ds-avatar size="x-small" [attr.image]="item.image"></ds-avatar>
-              <span class="fs-14 fw-medium fc-black">{{ item.name }}</span>
-            </div>
-          </ng-template>
-          <ng-template let-item #cardViewerTemplate>
-            <div (click)="showUserData(item);drawer.open()">
-              {{ item.name }}
-            </div>
-          </ng-template>
-        </iss-ctrl-select>
-        <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="!ctrl.untouched"/>
-      } @else {
-        <p>{{ field.value }}</p>
-      }
-    }
-    <mat-sidenav-container [hasBackdrop]="true">
-      <mat-sidenav #drawer [mode]="'over'" [position]="'start'" [autoFocus]="false">
-        <div class="main-sidenav">
-          <div class="sidenav-title bc-white">
-            <h3> Employee Information </h3>
-            <ds-icon icon="close" class="fc-black fs-20 p-3 cursor-pointer" (click)="drawer.close()"></ds-icon>
-          </div>
-          <div class="sidenav-body p-0">
-            <div class="d-flex flex-column align-items-center gap-3 sidenav-user bc-off-white text-center">
-              <ds-avatar [attr.image]="userImage()" [attr.label]="userData?.name"></ds-avatar>
-              @if (userData?.employeeNumber) {
-                <div class="d-flex flex-column gap-1">
-                  <h4 class="fs-16 fc-black fw-medium mb-0">{{ userData?.name }}</h4>
-                  @if (!userData?.job?.name) {
-                    <h6 class="fs-12 fc-dark-gray fw-normal mb-0">{{ userData?.position?.name }}</h6>
-                  }
-                  @if (!userData?.position?.name) {
-                    <h6 class="fs-12 fc-dark-gray fw-normal mb-0">{{ userData?.job?.name }}</h6>
-                  }
-                </div>
-              }
-              <div class="d-flex flex-wrap gap-2">
-                <div class="fs-12 fc-black d-flex align-items-center gap-2 box-shadow bc-white radius-4 p-2 profile-box">
-                  <ds-icon icon="mail-o" class="fc-coral fs-20"></ds-icon>
-                  <a [href]="'mailTo:' + userData?.email" class="fc-black">{{ userData?.email }}</a>
-                </div>
-                @if (userData?.contact?.mobile) {
-                  <div class="fs-12 fc-black d-flex align-items-center gap-2 box-shadow bc-white radius-4 p-2 profile-box">
-                    <ds-icon icon="phone" class="fc-coral fs-20"></ds-icon>
-                    <a [href]="'tel:' + userData?.contact?.mobile" class="fc-black">
-                      <bdi>{{ userData?.contact?.mobile }}</bdi>
-                    </a>
-                  </div>
-                }
-              </div>
-            </div>
-          </div>
-        </div>
-      </mat-sidenav>
-    </mat-sidenav-container>
-  `, schemas: [CUSTOM_ELEMENTS_SCHEMA], styles: [".mat-drawer{position:fixed;left:0}\n"] }]
-        }], ctorParameters: () => [] });
-
-export { UserPickerField };
-//# sourceMappingURL=iss-ctrl-user-picker.field-PxT_dZ_O.mjs.map

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

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