iss-ctrl 0.0.4 → 0.0.6

package/projects/iss/src/shared/types/validation.type.ts

@@ -0,0 +1,3 @@
+import { I18n } from "../interfaces/i18n";
+
+export type ValidationMessageFn<T> = (args: T) => I18n;

package/projects/iss/src/shared/utilities/array-from.util.ts

@@ -0,0 +1,7 @@
+export function arrayFrom<T>(length: number, valueFunction: (index: number) => T): T[] {
+  const valuesArray = Array(length);
+  for (let i = 0; i < length; i++) {
+    valuesArray[i] = valueFunction(i);
+  }
+  return valuesArray;
+}

package/projects/iss/src/shared/utilities/get-property-by-path.util.ts

@@ -0,0 +1,30 @@
+export function getPropertyByPath(obj: any, path: string | undefined) {
+  if (obj && path) {
+    let currentProp: any;
+    const props = path.split(".");
+    for (let i = 0; i < props.length; i++) {
+      const propKey = props[i];
+      if (!currentProp) {
+        const target = obj[propKey];
+        if (typeof target === "function") {
+          currentProp = target();
+        } else {
+          currentProp = target;
+        }
+      } else {
+        const target = currentProp[propKey];
+
+        if (typeof target === "function") {
+          currentProp = target();
+        } else {
+          currentProp = target;
+        }
+      }
+      if (currentProp === undefined) {
+        break;
+      }
+    }
+    return currentProp;
+  }
+  return undefined;
+}

package/projects/iss/src/shared/utilities/http.util.service.ts

@@ -0,0 +1,19 @@
+import { HttpClient } from "@angular/common/http";
+import { inject, Injectable } from "@angular/core";
+import { EMPTY, map, Observable } from "rxjs";
+import { Dto } from "../interfaces/dto";
+import { API_RESPONSE_MAPPER } from "../tokens/api-response-mapper.token";
+import { isValidEndpoint } from "./is-valid-api.util";
+
+@Injectable({providedIn: "root"})
+export class IssHttp {
+  #http: HttpClient = inject(HttpClient);
+  #apiResponseMapper = inject(API_RESPONSE_MAPPER);
+
+  get<T>(url: string): Observable<Dto> {
+    if (isValidEndpoint(url)) {
+      return this.#http.get<T>(url).pipe(map((res: any): Dto => this.#apiResponseMapper(res)));
+    }
+    return EMPTY;
+  }
+}

package/projects/iss/src/shared/utilities/is-valid-api.util.ts

@@ -0,0 +1,8 @@
+import { PLACEHOLDER_REGEX } from "../constants/placeholder-regex.const";
+
+export function isValidEndpoint(api: string): boolean {
+  if (api.includes("undefined") || api.includes("null")) {
+    return false;
+  }
+  return !api.match(PLACEHOLDER_REGEX)?.length && !["undefined", "null"].includes(api);
+}

package/projects/iss/src/shared/utilities/replace-placeholder.util.ts

@@ -0,0 +1,12 @@
+import { PLACEHOLDER_REGEX } from "../constants/placeholder-regex.const";
+
+export function replacePlaceholders(str: string, values: any) {
+  /*TODO check if placeholders passed in values object*/
+  if (!str) {
+    return "";
+  }
+  return str.replace(PLACEHOLDER_REGEX, (match: any) => {
+    const key = match.replace("{", "").replace("}", "");
+    return values[key] ?? match;
+  });
+}

package/projects/iss/src/upgrade.scss

@@ -0,0 +1,68 @@
+html {
+  //  --mat-form-field-container-height: 50px !important;
+}
+
+//mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-fill mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-valid mat-form-field-animations-enabled
+//mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-fill mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-valid mat-form-field-animations-enabled
+//mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-mdc-form-field-has-icon-suffix mat-form-field-appearance-fill mat-primary ng-untouched ng-pristine ng-valid mat-form-field-animations-enabled
+// mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-fill mat-primary mat-form-field-animations-enabled ng-dirty ng-invalid mat-form-field-invalid ng-touched
+mat-form-field {
+  --input-height: 55px;
+  --input-radius: 8px;
+
+  &.mat-mdc-form-field {
+    .mdc-floating-label {
+      display: block !important;
+    }
+
+    .mdc-text-field--invalid.mat-mdc-text-field-wrapper {
+      border: 1px solid var(--red) !important;
+    }
+
+    &.mat-form-field-animations-enabled .mat-mdc-form-field-infix {
+      // padding-top: 10px !important;
+    }
+  }
+
+  span[mattextsuffix],
+  span[matsuffix] {
+    // margin-bottom: 6px;
+    // display: block;
+  }
+}
+
+mat-error {
+  --mat-form-field-error-text-color: var(--red);
+  font-size: 12px !important;
+}
+
+.custom-textarea {
+  --input-height: 100px;
+}
+
+.mat-mdc-standard-chip {
+  --mat-chip-container-shape-radius: 8px;
+  --mat-chip-elevated-container-color: var(--white);
+}
+
+.search-container mat-form-field {
+  --input-height: 30px;
+
+}
+
+mat-form-field.mat-mdc-form-field:has(mat-label) .mat-mdc-form-field-infix {
+  padding-top: 10px !important;
+}
+
+
+mat-form-field.mat-mdc-form-field
+.mat-mdc-input-element::placeholder {
+
+  --placeholder-fc: transparent !important;
+}
+
+
+mat-form-field.mat-mdc-form-field.mat-focused
+.mat-mdc-input-element::placeholder {
+  --placeholder-fc: var(--dark-gray) !important;
+}

package/projects/iss/src/validators/core.validator.ts

@@ -0,0 +1,39 @@
+import {ValidatorFn, Validators} from "@angular/forms";
+
+export abstract class IssValidators {
+  static required(): ValidatorFn {
+    return Validators.required;
+  }
+
+  static max(maxValue: number): ValidatorFn {
+    return Validators.max(maxValue);
+  }
+
+  static min(minValue: number): ValidatorFn {
+    return Validators.min(minValue);
+  }
+
+  static requiredTrue(): ValidatorFn {
+    return Validators.requiredTrue;
+  }
+
+  static email(): ValidatorFn {
+    return Validators.email;
+  }
+
+  static minLength(minLength: number): ValidatorFn {
+    return Validators.minLength(minLength);
+  }
+
+  static maxLength(maxLength: number): ValidatorFn {
+    return Validators.maxLength(maxLength);
+  }
+
+  static pattern(pattern: string | RegExp): ValidatorFn {
+    return Validators.pattern(pattern);
+  }
+
+  static null(): ValidatorFn {
+    return Validators.nullValidator;
+  }
+}

package/projects/iss/src/validators/file.validator.ts

@@ -0,0 +1,100 @@
+import { AbstractControl, ValidatorFn } from "@angular/forms";
+import { formatFileSize } from "../components/controls/file-picker/format-file-size.util";
+
+export abstract class FileValidators {
+  static size(limitSize: number): ValidatorFn {
+    return (control: AbstractControl): { [key: string]: any } | null => {
+      const formData: FormData = control.value;
+      if (!formData || !(formData instanceof FormData)) {
+        return null; // No validation errors if there's no form data or the value is not FormData
+      }
+
+      const filesValidity: any[] = [];
+      const inValidFileName: string [] = [];
+      formData.forEach((value: FormDataEntryValue) => {
+        if (value instanceof File) {
+          if (value.size > limitSize) {
+            inValidFileName.push(value.name);
+            filesValidity.push(false);
+          } else {
+            filesValidity.push(true);
+          }
+        }
+      });
+
+      return filesValidity.every((v: any) => v) ? null : {
+        fileSize: {
+          limitSize: formatFileSize(limitSize),
+          inValidFileName: inValidFileName.join()
+        }
+      };
+    };
+  }
+
+  static type(validFileExtensions: string[]): ValidatorFn {
+    return (control: AbstractControl): { [key: string]: any } | null => {
+      const formData: FormData = control.value;
+      if (!formData || !(formData instanceof FormData) || validFileExtensions.length === 0) {
+        return null; // No validation errors if there's no form data or the value is not FormData
+      }
+
+      const filesValidity: boolean[] = [];
+      const inValidFileName: string[] = [];
+
+      formData.forEach((value: FormDataEntryValue) => {
+        if (value instanceof File) {
+          const uploadedFileExt = value.name.split(".").pop()?.toLowerCase();
+          const isValidExtension = validFileExtensions.some((ext: string) => ext.toLowerCase() === uploadedFileExt);
+
+          if (!isValidExtension) {
+            inValidFileName.push(value.name);
+            filesValidity.push(false);
+          } else {
+            filesValidity.push(true);
+          }
+        }
+      });
+      return filesValidity.every((v: boolean) => v) ? null : {
+        fileType: {
+          validFileExtensions: validFileExtensions.join(", "),
+          inValidFileName: inValidFileName.join(", ")
+        }
+      };
+    };
+  }
+
+  static maxCount(maxCount: number): ValidatorFn {
+    return (control: AbstractControl): { [key: string]: any } | null => {
+      const formData: FormData = control.value;
+      if (!formData || !(formData instanceof FormData)) {
+        return null; // No validation errors if there's no form data or the value is not FormData
+      }
+
+      let fileCount = 0;
+      formData.forEach((value) => {
+        if (value instanceof File) {
+          fileCount++;
+        }
+      });
+
+      return fileCount <= maxCount ? null : {maxFileCount: {maxCount, fileCount}};
+    };
+  }
+
+  static minCount(minCount: number): ValidatorFn {
+    return (control: AbstractControl): { [key: string]: any } | null => {
+      const formData: FormData = control.value;
+      if (!formData || !(formData instanceof FormData)) {
+        return null; // No validation errors if there's no form data or the value is not FormData
+      }
+
+      let fileCount = 0;
+      formData.forEach((value) => {
+        if (value instanceof File) {
+          fileCount++;
+        }
+      });
+      return fileCount >= minCount ? null : {minFileCount: {minCount, fileCount}};
+    };
+  }
+}

package/projects/iss/src/validators/time.validator.ts

@@ -0,0 +1,31 @@
+import { inject } from "@angular/core";
+import { AbstractControl, ControlContainer, FormGroup, ValidationErrors, ValidatorFn } from "@angular/forms";
+import { format } from "date-fns";
+import { IssField } from "../shared/classes/iss-field";
+import { DATETIME_FORMAT } from "../shared/constants/date-format.const";
+
+export abstract class TimeValidator {
+  static beforeDate(field: IssField): ValidatorFn {
+    const controlContainer = inject(ControlContainer);
+    const parentForm = controlContainer.control as FormGroup;
+    return (control: AbstractControl): ValidationErrors | null => {
+      const anotherControl = parentForm.get(field?.validation?.beforeDate?.value);
+      if (anotherControl) {
+        const anotherControlValue = anotherControl.getRawValue();
+        const controlValue = control.getRawValue();
+        if (new Date(anotherControlValue) < new Date(controlValue)) {
+          return {
+            relativeTimeValidation_before: format(anotherControlValue.replace("Z", ""), DATETIME_FORMAT)
+          };
+        }
+      }
+      return null;
+    };
+  }
+
+  static afterDate(field: IssField): ValidatorFn {
+    return (control: AbstractControl): ValidationErrors | null => {
+      return null;
+    };
+  }
+}

package/projects/iss/tsconfig.lib.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/projects/iss/tsconfig.lib.prod.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/projects/iss/tsconfig.spec.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,31 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "outDir": "./dist/out-tsc",
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "paths": {
+      "iss": [
+        "./dist/iss"
+      ]
+    },
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "sourceMap": true,
+    "declaration": false,
+    "experimentalDecorators": true,
+    "moduleResolution": "bundler",
+    "importHelpers": true,
+    "target": "ES2022",
+    "module": "ES2022"
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

package/fesm2022/iss-ctrl-checkbox.wrapper-BVw3Pu1B.mjs

@@ -1,81 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatLabel } from '@angular/material/form-field';
-import { W as WrapperBase, V as VIEW_PROVIDER, C as CheckboxControl } from './iss-ctrl-iss-ctrl-BhZGHw0A.mjs';
-import { V as ViewerBase } from './iss-ctrl-viewer.base-BCFfZsDG.mjs';
-
-class CheckboxViewer extends ViewerBase {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CheckboxViewer, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CheckboxViewer, isStandalone: true, selector: "iss-vwr-checkbox", usesInheritance: true, ngImport: i0, template: `
-    <p>
-      @for (item of field().ctrlJsonValue(); track item?.value; let last = $last) {
-        <span>{{ item.label }} {{ last ? '' : ', ' }}</span>
-      }
-    </p>
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CheckboxViewer, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "iss-vwr-checkbox",
-                    standalone: true,
-                    template: `
-    <p>
-      @for (item of field().ctrlJsonValue(); track item?.value; let last = $last) {
-        <span>{{ item.label }} {{ last ? '' : ', ' }}</span>
-      }
-    </p>
-  `,
-                }]
-        }] });
-
-class CheckboxWrapper extends WrapperBase {
-    updateField($event) {
-        this.field.jsonValue = $event;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CheckboxWrapper, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CheckboxWrapper, isStandalone: true, selector: "iss-wrp-checkbox", 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-checkbox [formControlName]="field.name" [options]="field.options()" (onChange)="updateField($event)" />
-      } @else {
-        <iss-vwr-checkbox [field]="field" />
-      }
-    }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: CheckboxControl, selector: "iss-ctrl-checkbox", inputs: ["options"] }, { kind: "component", type: CheckboxViewer, selector: "iss-vwr-checkbox" }], viewProviders: [VIEW_PROVIDER] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CheckboxWrapper, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "iss-wrp-checkbox",
-                    viewProviders: [VIEW_PROVIDER],
-                    imports: [
-                        ReactiveFormsModule,
-                        MatLabel,
-                        CheckboxControl,
-                        CheckboxViewer
-                    ],
-                    template: `
-    @if (field.isVisible() && field.registered()) {
-      @if (!(field.config.hideLabel)) {
-        <mat-label>{{ field.label() }}</mat-label>
-      }
-
-      @if (field.mode() === "edit") {
-        <iss-ctrl-checkbox [formControlName]="field.name" [options]="field.options()" (onChange)="updateField($event)" />
-      } @else {
-        <iss-vwr-checkbox [field]="field" />
-      }
-    }
-  `
-                }]
-        }] });
-
-export { CheckboxWrapper };
-//# sourceMappingURL=iss-ctrl-checkbox.wrapper-BVw3Pu1B.mjs.map

package/fesm2022/iss-ctrl-checkbox.wrapper-BVw3Pu1B.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"iss-ctrl-checkbox.wrapper-BVw3Pu1B.mjs","sources":["../../../projects/iss/src/components/controls/checkbox/checkbox.viewer.ts","../../../projects/iss/src/components/controls/checkbox/checkbox.wrapper.ts"],"sourcesContent":["import {Component} from \"@angular/core\";\r\nimport {ViewerBase} from \"../base/viewer.base\";\r\n\r\n@Component({\r\n  selector: \"iss-vwr-checkbox\",\r\n  standalone: true,\r\n  template: `\r\n    <p>\r\n      @for (item of field().ctrlJsonValue(); track item?.value; let last = $last) {\r\n        <span>{{ item.label }} {{ last ? '' : ', ' }}</span>\r\n      }\r\n    </p>\r\n  `,\r\n})\r\nexport class CheckboxViewer extends ViewerBase {}\r\n","import {Component} from \"@angular/core\";\r\nimport {ReactiveFormsModule} from \"@angular/forms\";\r\nimport {MatLabel} from \"@angular/material/form-field\";\r\nimport {VIEW_PROVIDER} from \"../../../shared/constants/provider.const\";\r\nimport {WrapperBase} from \"../base/wrapper.base\";\r\nimport {CheckboxControl} from \"./checkbox.control\";\r\nimport {CheckboxViewer} from \"./checkbox.viewer\";\r\n\r\n@Component({\r\n  selector: \"iss-wrp-checkbox\",\r\n  viewProviders: [VIEW_PROVIDER],\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatLabel,\r\n    CheckboxControl,\r\n    CheckboxViewer\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\r\n      @if (field.mode() === \"edit\") {\r\n        <iss-ctrl-checkbox [formControlName]=\"field.name\" [options]=\"field.options()\" (onChange)=\"updateField($event)\" />\r\n      } @else {\r\n        <iss-vwr-checkbox [field]=\"field\" />\r\n      }\r\n    }\r\n  `\r\n})\r\nexport class CheckboxWrapper extends WrapperBase {\r\n  updateField($event: any) {\r\n    this.field.jsonValue = $event;\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;;;AAcM,MAAO,cAAe,SAAQ,UAAU,CAAA;uGAAjC,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EARf,CAAA;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAEU,cAAc,EAAA,UAAA,EAAA,CAAA;kBAX1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA;;;;;;AAMT,EAAA,CAAA;AACF,iBAAA;;;ACkBK,MAAO,eAAgB,SAAQ,WAAW,CAAA;AAC9C,IAAA,WAAW,CAAC,MAAW,EAAA;AACrB,QAAA,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM;IAC/B;uGAHW,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,kBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAdhB,CAAA;;;;;;;;;;;;GAYT,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAjBC,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,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACR,eAAe,mFACf,cAAc,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAA,EAAA,aAAA,EALD,CAAC,aAAa,CAAC,EAAA,CAAA;;2FAqBnB,eAAe,EAAA,UAAA,EAAA,CAAA;kBAvB3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;oBAC5B,aAAa,EAAE,CAAC,aAAa,CAAC;AAC9B,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB,QAAQ;wBACR,eAAe;wBACf;AACD,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;AAYT,EAAA;AACF,iBAAA;;;;;"}

package/fesm2022/iss-ctrl-chips.wrapper-FY02vbu1.mjs

@@ -1,83 +0,0 @@
-import * as i0 from '@angular/core';
-import { computed, Component } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatLabel } from '@angular/material/form-field';
-import { W as WrapperBase, V as VIEW_PROVIDER, f as ChipsControl } from './iss-ctrl-iss-ctrl-BhZGHw0A.mjs';
-import { MatChipSet, MatChip } from '@angular/material/chips';
-import { V as ViewerBase } from './iss-ctrl-viewer.base-BCFfZsDG.mjs';
-
-class ChipsViewer extends ViewerBase {
-    keywords = computed(() => {
-        return this.field().ctrlValue().split(",").map((c) => c.trim());
-    }, ...(ngDevMode ? [{ debugName: "keywords" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ChipsViewer, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ChipsViewer, isStandalone: true, selector: "iss-vwr-chips", usesInheritance: true, ngImport: i0, template: `
-    <mat-chip-set>
-      @for (keyword of keywords(); track keyword) {
-        <mat-chip>{{ keyword }}</mat-chip>
-      }
-    </mat-chip-set>
-  `, isInline: true, dependencies: [{ kind: "component", type: MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "component", type: MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ChipsViewer, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "iss-vwr-chips",
-                    imports: [
-                        MatChipSet,
-                        MatChip
-                    ],
-                    template: `
-    <mat-chip-set>
-      @for (keyword of keywords(); track keyword) {
-        <mat-chip>{{ keyword }}</mat-chip>
-      }
-    </mat-chip-set>
-  `
-                }]
-        }] });
-
-class ChipsWrapper extends WrapperBase {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ChipsWrapper, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ChipsWrapper, isStandalone: true, selector: "iss-wrp-chips", 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-chips [formControlName]="field.name" />
-      } @else {
-        <iss-vwr-chips [field]="field" />
-      }
-    }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: ChipsControl, selector: "iss-ctrl-chips" }, { kind: "component", type: ChipsViewer, selector: "iss-vwr-chips" }], viewProviders: [VIEW_PROVIDER] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ChipsWrapper, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "iss-wrp-chips",
-                    viewProviders: [VIEW_PROVIDER],
-                    imports: [
-                        ReactiveFormsModule,
-                        MatLabel,
-                        ChipsControl,
-                        ChipsViewer
-                    ],
-                    template: `
-    @if (field.isVisible() && field.registered()) {
-      @if (!(field.config.hideLabel)) {
-        <mat-label>{{ field.label() }}</mat-label>
-      }
-      @if (field.mode() === "edit") {
-        <iss-ctrl-chips [formControlName]="field.name" />
-      } @else {
-        <iss-vwr-chips [field]="field" />
-      }
-    }
-  `
-                }]
-        }] });
-
-export { ChipsWrapper };
-//# sourceMappingURL=iss-ctrl-chips.wrapper-FY02vbu1.mjs.map

package/fesm2022/iss-ctrl-chips.wrapper-FY02vbu1.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"iss-ctrl-chips.wrapper-FY02vbu1.mjs","sources":["../../../projects/iss/src/components/controls/chips/chips.viewer.ts","../../../projects/iss/src/components/controls/chips/chips.wrapper.ts"],"sourcesContent":["import {Component, computed} from \"@angular/core\";\r\nimport {MatChip, MatChipSet} from \"@angular/material/chips\";\r\nimport {ViewerBase} from \"../base/viewer.base\";\r\n\r\n@Component({\r\n  selector: \"iss-vwr-chips\",\r\n  imports: [\r\n    MatChipSet,\r\n    MatChip\r\n  ],\r\n  template: `\r\n    <mat-chip-set>\r\n      @for (keyword of keywords(); track keyword) {\r\n        <mat-chip>{{ keyword }}</mat-chip>\r\n      }\r\n    </mat-chip-set>\r\n  `\r\n})\r\nexport class ChipsViewer extends ViewerBase {\r\n  keywords = computed(() => {\r\n    return this.field().ctrlValue().split(\",\").map((c: string) => c.trim());\r\n  });\r\n}\r\n","import {Component} from \"@angular/core\";\r\nimport {ReactiveFormsModule} from \"@angular/forms\";\r\nimport {MatLabel} from \"@angular/material/form-field\";\r\nimport {VIEW_PROVIDER} from \"../../../shared/constants/provider.const\";\r\nimport {WrapperBase} from \"../base/wrapper.base\";\r\nimport {ChipsControl} from \"./chips.control\";\r\nimport {ChipsViewer} from \"./chips.viewer\";\r\n\r\n@Component({\r\n  selector: \"iss-wrp-chips\",\r\n  viewProviders: [VIEW_PROVIDER],\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatLabel,\r\n    ChipsControl,\r\n    ChipsViewer\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-chips [formControlName]=\"field.name\" />\r\n      } @else {\r\n        <iss-vwr-chips [field]=\"field\" />\r\n      }\r\n    }\r\n  `\r\n})\r\nexport class ChipsWrapper extends WrapperBase {}\r\n"],"names":[],"mappings":"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"}