iss-ctrl 0.0.8 → 0.0.9

package/fesm2022/iss-ctrl-table.field-Bs6l5tWV.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"iss-ctrl-table.field-Bs6l5tWV.mjs","sources":["../../../projects/iss/src/components/controls/table/field.viewer.ts","../../../projects/iss/src/components/controls/table/table.field.ts"],"sourcesContent":["import { Component, effect, EffectRef, OnDestroy, Signal, viewChild, ViewContainerRef } from \"@angular/core\";\r\nimport { ViewerBase } from \"../base/viewer-base\";\r\nimport { SelectViewer } from \"../select/select.viewer\";\r\n\r\n@Component({\r\n  selector: \"iss-viewer-field\",\r\n  template: `\r\n    <ng-container #container></ng-container>\r\n  `,\r\n})\r\nexport class FieldViewer extends ViewerBase implements OnDestroy {\r\n  containerRef: Signal<ViewContainerRef | undefined> = viewChild(\"container\", {read: ViewContainerRef});\r\n  #fieldEffectRef: EffectRef = effect(() => {\r\n    const componentRef = this.containerRef()?.createComponent(SelectViewer);\r\n    if (componentRef) {\r\n      componentRef.setInput(\"field\", this.field());\r\n    }\r\n  });\r\n\r\n  ngOnDestroy(): void {\r\n    this.#fieldEffectRef.destroy();\r\n  }\r\n}\r\n","import { AfterViewInit, Component, computed, CUSTOM_ELEMENTS_SCHEMA, inject, OnInit, signal, Signal, viewChild, WritableSignal } from \"@angular/core\";\r\nimport { FormGroup, ReactiveFormsModule } from \"@angular/forms\";\r\nimport { MatFormFieldModule } from \"@angular/material/form-field\";\r\nimport { MatInputModule } from \"@angular/material/input\";\r\nimport { MatPaginator, MatPaginatorModule } from \"@angular/material/paginator\";\r\nimport { MatSidenav, MatSidenavModule } from \"@angular/material/sidenav\";\r\nimport { MatSort, MatSortModule } from \"@angular/material/sort\";\r\nimport { MatTableDataSource, MatTableModule } from \"@angular/material/table\";\r\nimport { IssField } from \"../../../shared/classes/iss-field\";\r\nimport { VIEW_PROVIDER } from \"../../../shared/constants/view-provider.const\";\r\nimport { FormEngine } from \"../../../shared/services/form-engine\";\r\nimport { Loader } from \"../../../shared/services/loader\";\r\nimport { Outlet } from \"../../outlet/outlet\";\r\nimport { FieldBase } from \"../base/field-base\";\r\nimport { FieldViewer } from \"./field.viewer\";\r\n\r\n@Component({\r\n  selector: \"iss-field-table\",\r\n  viewProviders: [VIEW_PROVIDER],\r\n  imports: [\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatTableModule,\r\n    MatSortModule,\r\n    MatPaginatorModule,\r\n    MatSidenavModule,\r\n    ReactiveFormsModule,\r\n    Outlet,\r\n    FieldViewer,\r\n  ],\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n  template: `\r\n    <mat-sidenav-container [hasBackdrop]=\"true\">\r\n      <mat-sidenav #drawer [mode]=\"'over'\" [position]=\"'start'\" [autoFocus]=\"false\">\r\n        <form [formGroup]=\"tableOutletForm\">\r\n          <iss-form-outlet [fields]=\"fields()\" />\r\n        </form>\r\n        <ds-button (click)=\"drawer.close();addRow(tableOutletForm.getRawValue());tableOutletForm.reset()\">save\r\n        </ds-button>\r\n        <ds-button (click)=\"addRow(tableOutletForm.getRawValue());tableOutletForm.reset()\">save and add more</ds-button>\r\n      </mat-sidenav>\r\n      <mat-sidenav-content>\r\n        <div>\r\n          <ds-button icon=\"true\" (click)=\"drawer.toggle()\">\r\n            <ds-icon icon=\"plus\"></ds-icon>\r\n          </ds-button>\r\n          <!--<button mat-raised-button (click)=\"removeRow()\" class=\"demo-button\">Remove data</button>-->\r\n        </div>\r\n        @if (field.config.tableWithFilter()) {\r\n          <mat-form-field>\r\n            <mat-label>Filter</mat-label>\r\n            <input matInput (keyup)=\"applyFilter($event)\" placeholder=\"Search in table\" #input>\r\n          </mat-form-field>\r\n        }\r\n        <div class=\"mat-elevation-z8\">\r\n          <table mat-table [dataSource]=\"dataSource\" matSort>\r\n            <tr mat-header-row *matHeaderRowDef=\"fieldNames()\"></tr>\r\n            <tr mat-row *matRowDef=\"let row; columns: fieldNames();\" (click)=\"onRowClick(row)\"></tr>\r\n\r\n            @for (col of fieldNames(); track col) {\r\n              @if (col !== \"actions\") {\r\n                <ng-container [matColumnDef]=\"col\">\r\n                  <th\r\n                    mat-header-cell *matHeaderCellDef mat-sort-header\r\n                    [disabled]=\"!fieldsMap().get(col)?.config?.tableWithSort()\"\r\n                  >\r\n                    {{ columnLabels()[$index] }}\r\n                  </th>\r\n                  <td mat-cell *matCellDef=\"let row; let i = index\">\r\n                    <iss-viewer-field [field]=\"fieldsWithValueInViewMode()[i][$index]\" />\r\n                  </td>\r\n                </ng-container>\r\n              }\r\n            }\r\n\r\n            <!-- Actions -->\r\n            <ng-container matColumnDef=\"actions\">\r\n              <th mat-header-cell *matHeaderCellDef mat-sort-header></th>\r\n              <td mat-cell *matCellDef=\"let row\">\r\n                <ds-icon icon=\"eye\" class=\"cursor-pointer\" (click)=\"viewRow(row)\"></ds-icon>\r\n                <ds-icon icon=\"pen\" class=\"cursor-pointer\" (click)=\"editRow(row)\"></ds-icon>\r\n                <ds-icon icon=\"trash\" class=\"cursor-pointer fc-red\" (click)=\"removeRow(row)\"></ds-icon>\r\n              </td>\r\n            </ng-container>\r\n\r\n            <tr class=\"mat-row\" *matNoDataRow>\r\n              <td class=\"mat-cell\" colspan=\"4\">\r\n                <ds-message type=\"emptyCard\"></ds-message>\r\n              </td>\r\n            </tr>\r\n          </table>\r\n\r\n          @if (field.config.tableWithPagination()) {\r\n            <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" aria-label=\"Select page number\"></mat-paginator>\r\n          }\r\n        </div>\r\n      </mat-sidenav-content>\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  `\r\n})\r\nexport class TableField extends FieldBase implements AfterViewInit, OnInit {\r\n  loader: Loader = inject(Loader);\r\n  drawer: Signal<MatSidenav | undefined> = viewChild(\"drawer\");\r\n  tableOutletForm: FormGroup = new FormGroup({});\r\n  fields: WritableSignal<IssField[]> = signal(this.constructFieldChildren(this.field.children));\r\n  fieldsWithValueInViewMode: WritableSignal<IssField[][]> = signal([]);\r\n  columnLabels: Signal<string[]> = computed(() => {\r\n    const labels: string[] = this.fields().map((f: IssField) => f.label());\r\n    labels.push(\"\");\r\n    return labels;\r\n  });\r\n  fieldNames: Signal<string[]> = computed(() => {\r\n    const names = this.fields().map((f: IssField) => f.name);\r\n    names.push(\"actions\");\r\n    return names;\r\n  });\r\n  fieldsMap: Signal<Map<string, IssField>> = computed(() => {\r\n    const m: Map<string, IssField> = new Map<string, IssField>();\r\n    this.fields().forEach((f: IssField) => {\r\n      m.set(f.name, f);\r\n    });\r\n    return m;\r\n  });\r\n  dataSource: MatTableDataSource<any> = new MatTableDataSource<any>([]);\r\n  clickedRows = new Set<any>();\r\n  paginator: Signal<MatPaginator | undefined> = viewChild(MatPaginator);\r\n  sort: Signal<MatSort | undefined> = viewChild(MatSort);\r\n  #formEngine: FormEngine = inject(FormEngine);\r\n\r\n  override ngOnInit() {\r\n    super.ngOnInit();\r\n    this.drawer()?.closedStart.subscribe(() => {\r\n      this.tableOutletForm.reset();\r\n      this.tableOutletForm.enable();\r\n    });\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.dataSource.paginator = this.paginator() ?? null;\r\n    this.dataSource.sort = this.sort() ?? null;\r\n  }\r\n\r\n  applyFilter(event: Event) {\r\n    const filterValue: string = (event.target as HTMLInputElement).value;\r\n    this.dataSource.filter = filterValue.trim().toLowerCase();\r\n\r\n    if (this.dataSource.paginator) {\r\n      this.dataSource.paginator.firstPage();\r\n    }\r\n  }\r\n\r\n  onRowClick(row: any) {\r\n    this.clickedRows.add(row);\r\n  }\r\n\r\n  removeRow(row: any) {\r\n    const newData = this.dataSource.data.filter((r) => r.id !== row.id);\r\n    this.renderRows(newData);\r\n    if (!newData.length) {\r\n      this.ctrl.setValue(null);\r\n    }\r\n  }\r\n\r\n  addRow(rows: any) {\r\n    this.renderRows([...this.dataSource.data, rows]);\r\n    this.fieldsWithValueInViewMode.update((fields) => {\r\n      return [...fields, this.#fieldValuesMapper(rows)];\r\n    });\r\n    this.ctrl.setValue(\"*\");\r\n  }\r\n\r\n  renderRows(rows: any) {\r\n    this.dataSource = new MatTableDataSource<any>(rows);\r\n    this.dataSource.paginator = this.paginator() ?? null;\r\n    this.dataSource.sort = this.sort() ?? null;\r\n    this.field.jsonValue = this.dataSource.data;\r\n  }\r\n\r\n  viewRow(row: any) {\r\n    this.fields.update((fields: IssField[]): IssField[] => {\r\n      fields = fields.map((field) => {\r\n        field.value = row[field.name];\r\n        return field;\r\n      });\r\n      return [...fields];\r\n    });\r\n    this.tableOutletForm.patchValue(row);\r\n    this.tableOutletForm.disable();\r\n    this.drawer()?.open();\r\n  }\r\n\r\n  editRow(row: any) {\r\n    this.tableOutletForm.patchValue(row);\r\n    this.drawer()?.open();\r\n  }\r\n\r\n  private constructFieldChildren(fields: any): IssField[] {\r\n    return fields.map((f: any) => new IssField(f, this.loader));\r\n  }\r\n\r\n  #fieldValuesMapper(values: any): IssField[] {\r\n    return this.fields().map((field: IssField): any => {\r\n      const fieldWithJsonValue: IssField = this.#formEngine.fields.find((f: IssField) => f.name === field.name)!;\r\n      return {\r\n        name: fieldWithJsonValue.name,\r\n        type: fieldWithJsonValue.type,\r\n        ctrlValue: signal(values[field.name]),\r\n        ctrlJsonValue: signal(fieldWithJsonValue.ctrlJsonValue()),\r\n        config: fieldWithJsonValue.config,\r\n      };\r\n    });\r\n  }\r\n\r\n  #viewFieldsFactory() {\r\n    const viewData: any = [];\r\n    this.fields().forEach((f) => {\r\n      viewData.push({\r\n        name: f.name,\r\n        type: f.type,\r\n        ctrlValue: signal(f.ctrlValue()),\r\n        ctrlJsonValue: signal(f.ctrlJsonValue()),\r\n        config: f.config,\r\n      });\r\n    });\r\n    return viewData;\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"iss-ctrl-user-picker.field-Cx0CCAFC.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 { MatSidenav, MatSidenavContainer } from \"@angular/material/sidenav\";\r\nimport { map, tap } 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\n\r\n@Component({\r\n  selector: \"iss-user-picker\",\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          (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]=\"userImageHost + userData?.profileImage || userData?.profileImageUrl\" [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\r\n  search(event: string) {\r\n    this.employeeService.search(event)\r\n      .pipe(\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        tap((res: any) => {\r\n          this.options.set(res);\r\n        })\r\n      ).subscribe();\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":";;;;;;AA8FM,MAAO,eAAgB,SAAQ,SAAS,CAAA;IAC5C,aAAa,GAAG,6BAA6B;AAC7C,IAAA,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC;AAClC,IAAA,OAAO,GAAQ,MAAM,CAAC,EAAE,8EAAC;AACzB,IAAA,QAAQ;AAER,IAAA,MAAM,CAAC,KAAa,EAAA;AAClB,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK;AAC9B,aAAA,IAAI,CACH,GAAG,CAAC,CAAC,GAAQ,KAAI;AACf,YAAA,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,IAAS,KAAI;AAC3B,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK;AACvB,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI;AACtB,gBAAA,OAAO,IAAI;AACb,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC,EACF,GAAG,CAAC,CAAC,GAAQ,KAAI;AACf,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;AACvB,QAAA,CAAC,CAAC,CACH,CAAC,SAAS,EAAE;IACjB;AAEA,IAAA,WAAW,CAAC,MAAyB,EAAA;AACnC,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;IACtB;AAEA,IAAA,YAAY,CAAC,IAAS,EAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;IACtB;uGA5BW,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA9EhB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,sCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EA3EC,aAAa,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,0BAA0B,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC1B,UAAU,gJACV,mBAAmB,EAAA,QAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAgFV,eAAe,EAAA,UAAA,EAAA,CAAA;kBAtF3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,OAAA,EAClB;wBACP,aAAa;wBACb,0BAA0B;wBAC1B,UAAU;wBACV,mBAAmB;qBACpB,EAAA,QAAA,EACS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsET,EAAA,OAAA,EAMQ,CAAC,sBAAsB,CAAC,EAAA,MAAA,EAAA,CAAA,sCAAA,CAAA,EAAA;;;;;"}