iss-ctrl 0.0.2 → 0.0.4

package/fesm2022/iss-ctrl-trigger-based-on-json-value.service-CAnJWl6G.mjs

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import { m as getPropertyByPath } from './iss-ctrl-iss-ctrl-BhZGHw0A.mjs';
+
+class TriggerBasedOnJsonValueService {
+    isTriggered(field, change, action, masterField) {
+        if (masterField) {
+            const actionTriggersOnAnyValue = action.value === "*" && (change.value !== null && change.value !== undefined);
+            const triggerValue = getPropertyByPath(masterField.ctrlJsonValue(), action.config?.triggerFromJsonValue);
+            const actionTriggersOnSpecificValue = triggerValue === action.value;
+            return actionTriggersOnAnyValue || actionTriggersOnSpecificValue;
+        }
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TriggerBasedOnJsonValueService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TriggerBasedOnJsonValueService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TriggerBasedOnJsonValueService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+
+export { TriggerBasedOnJsonValueService };
+//# sourceMappingURL=iss-ctrl-trigger-based-on-json-value.service-CAnJWl6G.mjs.map

package/fesm2022/iss-ctrl-trigger-based-on-json-value.service-CAnJWl6G.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-trigger-based-on-json-value.service-CAnJWl6G.mjs","sources":["../../../projects/iss/src/events/triggers/trigger-based-on-json-value.service.ts"],"sourcesContent":["import {Injectable} from \"@angular/core\";\r\nimport {FieldAction} from \"../../shared/classes/field-action\";\r\nimport {FormField} from \"../../shared/classes/form-field\";\r\nimport {ActionTriggerFn} from \"../../shared/interfaces/action.interface\";\r\nimport {FieldChange} from \"../../shared/interfaces/field.interface\";\r\nimport {getPropertyByPath} from \"../../shared/utilities/get-property-by-path.util\";\r\n\r\n@Injectable({providedIn: \"root\"})\r\nexport class TriggerBasedOnJsonValueService implements ActionTriggerFn {\r\n  isTriggered(field: FormField, change: FieldChange, action: FieldAction, masterField: FormField): boolean {\r\n    if (masterField) {\r\n      const actionTriggersOnAnyValue: boolean = action.value === \"*\" && (change.value !== null && change.value !== undefined);\r\n      const triggerValue = getPropertyByPath(masterField.ctrlJsonValue(), action.config?.triggerFromJsonValue);\r\n      const actionTriggersOnSpecificValue: boolean = triggerValue === action.value;\r\n      return actionTriggersOnAnyValue || actionTriggersOnSpecificValue;\r\n    }\r\n    return false;\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;MAQa,8BAA8B,CAAA;AACzC,IAAA,WAAW,CAAC,KAAgB,EAAE,MAAmB,EAAE,MAAmB,EAAE,WAAsB,EAAA;QAC5F,IAAI,WAAW,EAAE;YACf,MAAM,wBAAwB,GAAY,MAAM,CAAC,KAAK,KAAK,GAAG,KAAK,MAAM,CAAC,KAAK,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC;AACvH,YAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,WAAW,CAAC,aAAa,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC;AACxG,YAAA,MAAM,6BAA6B,GAAY,YAAY,KAAK,MAAM,CAAC,KAAK;YAC5E,OAAO,wBAAwB,IAAI,6BAA6B;QAClE;AACA,QAAA,OAAO,KAAK;IACd;uGATW,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAA9B,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,8BAA8B,cADlB,MAAM,EAAA,CAAA;;2FAClB,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAD1C,UAAU;mBAAC,EAAC,UAAU,EAAE,MAAM,EAAC;;;;;"}

package/fesm2022/iss-ctrl-user-picker.wrapper-UeA0dCqd.mjs

@@ -0,0 +1,190 @@
+import * as i0 from '@angular/core';
+import { inject, signal, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+import { MatLabel } from '@angular/material/form-field';
+import { MatSidenav, MatSidenavContainer } from '@angular/material/sidenav';
+import { map, tap } from 'rxjs';
+import { W as WrapperBase, E as EmployeeService, S as SelectControl, c as ValidationMessageComponent } from './iss-ctrl-iss-ctrl-BhZGHw0A.mjs';
+
+class UserPickerWrapper extends WrapperBase {
+    userImageHost = "https://igateapp.stc.com.sa";
+    employeeService = inject(EmployeeService);
+    options = signal([], ...(ngDevMode ? [{ debugName: "options" }] : []));
+    userData;
+    search(event) {
+        this.employeeService.search(event)
+            .pipe(map((res) => {
+            return res.map((user) => {
+                user.value = user.email;
+                user.label = user.name;
+                return user;
+            });
+        }), tap((res) => {
+            this.options.set(res);
+        })).subscribe();
+    }
+    updateField($event) {
+        this.options.set([]);
+    }
+    showUserData(item) {
+        this.userData = item;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UserPickerWrapper, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: UserPickerWrapper, isStandalone: true, selector: "iss-user-picker", usesInheritance: true, ngImport: i0, template: `
+    @if (field.isVisible() && field.registered()) {
+      @if (!(field.config.hideLabel)) {
+        <mat-label>{{ field.label() }}</mat-label>
+      }
+      @if (field.mode() === "edit") {
+        <iss-ctrl-select
+          [formControlName]="field.name"
+          [min]="field.config.min ?? null"
+          [max]="field.config.max ?? null"
+          [options]="options()"
+          [multiple]="true"
+          (onQueryChange)="search($event)"
+          (onChange)="updateField($event)"
+        >
+          <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]="userImageHost + userData?.profileImage || userData?.profileImageUrl" [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: "directive", type: MatLabel, selector: "mat-label" }, { 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UserPickerWrapper, decorators: [{
+            type: Component,
+            args: [{ selector: "iss-user-picker", imports: [
+                        MatLabel,
+                        SelectControl,
+                        ValidationMessageComponent,
+                        MatSidenav,
+                        MatSidenavContainer,
+                    ], template: `
+    @if (field.isVisible() && field.registered()) {
+      @if (!(field.config.hideLabel)) {
+        <mat-label>{{ field.label() }}</mat-label>
+      }
+      @if (field.mode() === "edit") {
+        <iss-ctrl-select
+          [formControlName]="field.name"
+          [min]="field.config.min ?? null"
+          [max]="field.config.max ?? null"
+          [options]="options()"
+          [multiple]="true"
+          (onQueryChange)="search($event)"
+          (onChange)="updateField($event)"
+        >
+          <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]="userImageHost + userData?.profileImage || userData?.profileImageUrl" [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"] }]
+        }] });
+
+export { UserPickerWrapper };
+//# sourceMappingURL=iss-ctrl-user-picker.wrapper-UeA0dCqd.mjs.map

package/fesm2022/iss-ctrl-user-picker.wrapper-UeA0dCqd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-user-picker.wrapper-UeA0dCqd.mjs","sources":["../../../projects/iss/src/components/controls/user-picker/user-picker.wrapper.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, inject, signal} from \"@angular/core\";\r\nimport {MatLabel} from \"@angular/material/form-field\";\r\nimport {MatSidenav, MatSidenavContainer} from \"@angular/material/sidenav\";\r\nimport {map, tap} from \"rxjs\";\r\nimport {ValidationMessageComponent} from \"../../shared/validation-message.component\";\r\nimport {WrapperBase} from \"../base/wrapper.base\";\r\nimport {SelectControl} from \"../select/select.control\";\r\nimport {EmployeeService} from \"./employee.service\";\r\n\r\n@Component({\r\n  selector: \"iss-user-picker\",\r\n  imports: [\r\n    MatLabel,\r\n    SelectControl,\r\n    ValidationMessageComponent,\r\n    MatSidenav,\r\n    MatSidenavContainer,\r\n  ],\r\n  template: `\r\n    @if (field.isVisible() && field.registered()) {\r\n      @if (!(field.config.hideLabel)) {\r\n        <mat-label>{{ field.label() }}</mat-label>\r\n      }\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          <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 UserPickerWrapper extends WrapperBase {\r\n  userImageHost = \"https://igateapp.stc.com.sa\";\r\n  employeeService = inject(EmployeeService);\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":";;;;;;;AAkGM,MAAO,iBAAkB,SAAQ,WAAW,CAAA;IAChD,aAAa,GAAG,6BAA6B;AAC7C,IAAA,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC;AACzC,IAAA,OAAO,GAAQ,MAAM,CAAC,EAAE,mDAAC;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,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAhFlB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwET,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,sCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EA9EC,QAAQ,sDACR,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;;2FAkFV,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAzF7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,OAAA,EAClB;wBACP,QAAQ;wBACR,aAAa;wBACb,0BAA0B;wBAC1B,UAAU;wBACV,mBAAmB;qBACpB,EAAA,QAAA,EACS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwET,EAAA,OAAA,EAMQ,CAAC,sBAAsB,CAAC,EAAA,MAAA,EAAA,CAAA,sCAAA,CAAA,EAAA;;;;;"}

package/fesm2022/iss-ctrl-viewer.base-BCFfZsDG.mjs

@@ -0,0 +1,17 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+
+class ViewerBase {
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ViewerBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: ViewerBase, isStandalone: true, selector: "ng-component", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ViewerBase, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                }]
+        }], propDecorators: { field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }] } });
+
+export { ViewerBase as V };
+//# sourceMappingURL=iss-ctrl-viewer.base-BCFfZsDG.mjs.map

package/fesm2022/iss-ctrl-viewer.base-BCFfZsDG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-viewer.base-BCFfZsDG.mjs","sources":["../../../projects/iss/src/components/controls/base/viewer.base.ts"],"sourcesContent":["import {Component, input, InputSignal} from \"@angular/core\";\r\n\r\n@Component({\r\n  template: ``,\r\n})\r\nexport class ViewerBase {\r\n  field: InputSignal<any> = input.required();\r\n}\r\n"],"names":[],"mappings":";;;MAKa,UAAU,CAAA;AACrB,IAAA,KAAK,GAAqB,KAAK,CAAC,QAAQ,gDAAE;uGAD/B,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,2MAFX,CAAA,CAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAED,UAAU,EAAA,UAAA,EAAA,CAAA;kBAHtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA,CAAE;AACb,iBAAA;;;;;"}