special-forms 3.2.1 → 4.0.0

package/README.md

@@ -1,24 +1,147 @@
-# SpecialForms
+<h1 align="center">Welcome to special-forms 👋</h1>
+<p>
+  <a href="https://www.npmjs.com/package/special-forms" target="_blank">
+    <img alt="Version" src="https://img.shields.io/npm/v/special-forms.svg">
+  </a>
+</p>
 
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.1.0.
+> Angular library to create complex forms with a simple config object.
 
-## Code scaffolding
+### 🏠 [Homepage](https://gitlab.com/lopezsantiago/special-forms)
 
-Run `ng generate component component-name --project special-forms` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project special-forms`.
-> Note: Don't forget to add `--project special-forms` or else it will be added to the default project in your `angular.json` file. 
+## Install
 
-## Build
+```sh
+yarn add special-forms
+```
 
-Run `ng build special-forms` to build the project. The build artifacts will be stored in the `dist/` directory.
+## Author
 
-## Publishing
+👤 **Santiago López**
 
-After building your library with `ng build special-forms`, go to the dist folder `cd dist/special-forms` and run `npm publish`.
+- Github: [@LopezSantiago](https://github.com/LopezSantiago)
+- LinkedIn: [@https:\/\/www.linkedin.com\/in\/lopezsantiagowebui\/](https://linkedin.com/in/https://www.linkedin.com/in/lopezsantiagowebui/)
 
-## Running unit tests
+## Instructions
 
-Run `ng test special-forms` to execute the unit tests via [Karma](https://karma-runner.github.io).
+```typeScript
+import { SpecialFormModule } from 'special-forms';
 
-## Further help
+@NgModule({
+  ...
+  imports: [
+    SpecialFormModule
+  ],
+  ...
+})
+```
 
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+In the component
+
+```typeScript
+import { SpecialFormBuilderService } from 'special-forms';
+@Component({
+  ...
+})
+export class SomeComponent implements OnInit {
+
+  constructor(private specialBuilder: SpecialFormBuilderService) {}
+
+  form = this.specialBuilder.group({
+    test: {
+      type: EControlTypes.input,
+      label: 'Esto es una prueba',
+      placeholder: 'Un placeholder',
+    },
+  });
+}
+
+```
+
+To create a new Form only pass the config Object
+
+```typeScript
+  interface {
+    placeholder?: string;
+    label?: string;
+    tooltip?: string;
+    icon?: string;
+    elementId?: string;
+    styleClasses?: string;
+    length?: number;
+    required?: boolean;
+    hidden?: boolean;
+    readOnly?: boolean;
+    disabled?:boolean;
+    errorMessages?: { [key: string]: string };
+    validators?: ValidatorFn | ValidatorFn[] | null;
+    asyncValidators?: AsyncValidatorFn | AsyncValidatorFn[] | null;
+    defaultValue?: any;
+    settings: //depends of the type of control selected;
+  }
+
+ enum EControlTypes {
+  pkey = 'PRIMARY-KEY',
+  input = 'INPUT',
+  richText = 'RICH-TEXT',
+  textArea = 'TEXT-AREA',
+  dropdown = 'DROPDOWN',
+  date = 'DATE',
+  time = 'TIME',
+  checkbox = 'CHECKBOX',
+  upload = 'UPLOAD',
+  autocomplete = 'AUTOCOMPLETE',
+  multiple = 'MULTIPLE-AUTOCOMPLETE',
+  array = 'ARRAY',
+  form = 'FORM',
+  label = 'LABEL',
+  default = 'DEFAULT',
+}
+
+```
+Example
+
+```typeScript
+  form = this.specialBuilder.group({
+    name: {
+      type: EControlTypes.input,
+      label: 'Name',
+      placeholder: 'Write your first name',
+      validators:[Validators.maxLength(20)],
+      defaultValue:'Jhon Doe',
+      disabled:false,
+      elementId:'name-input',
+      errorMessages:{
+        maxLength:'The maximum length is 20'
+      },
+      required:true,
+      type: EControlTypes.input,
+    },
+  });
+```
+Finally you can pass the form object to the component.
+
+```HTML
+  <sp-form [control]="form"></sp-form>
+```
+
+To the correct functionality of the library, need to install the next libraries
+
+```JSON
+    "tailwindcss": "^3.2.7",
+    "autoprefixer": "^10.4.13",
+    "postcss": "^8.4.21",
+    "@ngneat/input-mask": "6.1.0",
+    "inputmask": "^5.0.7",
+    "ngx-dropzone": "^3.1.0",
+    "ngx-editor": "^15.2.0",
+    "@angular/material": "15.1.5"
+```
+
+## Show your support
+
+Give a ⭐️ if this project helped you!
+
+---
+
+_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_

package/esm2020/lib/components/special-upload/special-upload.component.mjs

@@ -62,7 +62,7 @@ export class SpecialUploadComponent {
     }
 }
 SpecialUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SpecialUploadComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-SpecialUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SpecialUploadComponent, isStandalone: true, selector: "sp-upload", inputs: { controlSetter: ["control", "controlSetter"] }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<div class=\"special_upload mb-2\">\n  <ngx-dropzone\n    class=\"special_upload__dropzone\"\n    [ngClass]=\"{\n      'special_upload--error-dashed':\n        !!control.errors && (control.dirty || control.touched)\n    }\"\n    [multiple]=\"control.settings?.multiple\"\n    [accept]=\"\n      control.settings?.accept\n        ? control.settings?.accept\n        : 'image/png, .jpeg, .jpg, image/gif'\n    \"\n    (change)=\"\n      control.settings?.multiple\n        ? onSelectMultiple($event)\n        : onSelectOne($event)\n    \"\n  >\n    <ngx-dropzone-label\n      [ngClass]=\"{\n        'special_upload--error':\n          !!control.errors && (control.dirty || control.touched)\n      }\"\n    >\n      <mat-icon class=\"special_upload__icon\"*ngIf=\"control.icon\">{{ control.icon }} </mat-icon>\n      <h2 class=\"text-base font-bold\">\n        {{ control.label }}\n      </h2>\n      <h3 class=\"text-base\">\n        {{ control.placeholder }}\n      </h3>\n    </ngx-dropzone-label>\n    <ngx-dropzone-preview\n      *ngFor=\"let file of previewImages\"\n      [removable]=\"true\"\n      (removed)=\"onRemove(file)\"\n    >\n      <ngx-dropzone-label class=\"special_upload__card\">\n        <img class=\"special_upload__card--image\" [src]=\"file?.url\" alt=\"\" />\n      </ngx-dropzone-label>\n    </ngx-dropzone-preview>\n  </ngx-dropzone>\n  <div\n    class=\"special_upload--error mt-2\"\n    *ngIf=\"!!control.errors && (control.dirty || control.touched)\"\n  >\n    {{ control.errors | errorMessage: control.errorMessages }}\n  </div>\n</div>\n", styles: [":host{display:contents}:host .special-upload{margin-bottom:2rem}:host .special-upload__icon{height:64px;width:64px;font-size:64px}:host .special-upload__card{width:100%;height:100%;margin:0;box-sizing:border-box;display:flex;align-items:center;flex-direction:column}:host .special-upload__card--image{width:100%;height:100%;object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: NgxDropzoneModule }, { kind: "component", type: i2.NgxDropzoneComponent, selector: "ngx-dropzone, [ngx-dropzone]", inputs: ["accept", "disabled", "multiple", "maxFileSize", "expandable", "disableClick", "processDirectoryDrop", "id", "aria-label", "aria-labelledby", "aria-describedby"], outputs: ["change"] }, { kind: "directive", type: i2.NgxDropzoneLabelDirective, selector: "ngx-dropzone-label" }, { kind: "component", type: i2.NgxDropzonePreviewComponent, selector: "ngx-dropzone-preview", inputs: ["file", "removable"], outputs: ["removed"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: ErrorMessagePipeModule }, { kind: "pipe", type: i5.ErrorMessagePipe, name: "errorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SpecialUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SpecialUploadComponent, isStandalone: true, selector: "sp-upload", inputs: { controlSetter: ["control", "controlSetter"] }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<div class=\"special_upload w-full mb-2 {{ control.styleClasses }}\">\n  <ngx-dropzone\n    class=\"special_upload__dropzone\"\n    [ngClass]=\"{\n      'special_upload--error-dashed':\n        !!control.errors && (control.dirty || control.touched)\n    }\"\n    [multiple]=\"control.settings?.multiple\"\n    [accept]=\"\n      control.settings?.accept\n        ? control.settings?.accept\n        : 'image/png, .jpeg, .jpg, image/gif'\n    \"\n    (change)=\"\n      control.settings?.multiple\n        ? onSelectMultiple($event)\n        : onSelectOne($event)\n    \"\n  >\n    <ngx-dropzone-label\n      [ngClass]=\"{\n        'special_upload--error':\n          !!control.errors && (control.dirty || control.touched)\n      }\"\n    >\n      <mat-icon class=\"special_upload__icon\"*ngIf=\"control.icon\">{{ control.icon }} </mat-icon>\n      <h2 class=\"text-base font-bold\">\n        {{ control.label }}\n      </h2>\n      <h3 class=\"text-base\">\n        {{ control.placeholder }}\n      </h3>\n    </ngx-dropzone-label>\n    <ngx-dropzone-preview\n      *ngFor=\"let file of previewImages\"\n      [removable]=\"true\"\n      (removed)=\"onRemove(file)\"\n    >\n      <ngx-dropzone-label class=\"special_upload__card\">\n        <img class=\"special_upload__card--image\" [src]=\"file?.url\" alt=\"\" />\n      </ngx-dropzone-label>\n    </ngx-dropzone-preview>\n  </ngx-dropzone>\n  <div\n    class=\"special_upload--error mt-2\"\n    *ngIf=\"!!control.errors && (control.dirty || control.touched)\"\n  >\n    {{ control.errors | errorMessage: control.errorMessages }}\n  </div>\n</div>\n", styles: [":host{display:contents}:host .special-upload{margin-bottom:2rem}:host .special-upload__icon{height:64px;width:64px;font-size:64px}:host .special-upload__card{width:100%;height:100%;margin:0;box-sizing:border-box;display:flex;align-items:center;flex-direction:column}:host .special-upload__card--image{width:100%;height:100%;object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: NgxDropzoneModule }, { kind: "component", type: i2.NgxDropzoneComponent, selector: "ngx-dropzone, [ngx-dropzone]", inputs: ["accept", "disabled", "multiple", "maxFileSize", "expandable", "disableClick", "processDirectoryDrop", "id", "aria-label", "aria-labelledby", "aria-describedby"], outputs: ["change"] }, { kind: "directive", type: i2.NgxDropzoneLabelDirective, selector: "ngx-dropzone-label" }, { kind: "component", type: i2.NgxDropzonePreviewComponent, selector: "ngx-dropzone-preview", inputs: ["file", "removable"], outputs: ["removed"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: ErrorMessagePipeModule }, { kind: "pipe", type: i5.ErrorMessagePipe, name: "errorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SpecialUploadComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'sp-upload', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
@@ -73,11 +73,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
                         ReactiveFormsModule,
                         MatButtonModule,
                         ErrorMessagePipeModule,
-                    ], template: "<div class=\"special_upload mb-2\">\n  <ngx-dropzone\n    class=\"special_upload__dropzone\"\n    [ngClass]=\"{\n      'special_upload--error-dashed':\n        !!control.errors && (control.dirty || control.touched)\n    }\"\n    [multiple]=\"control.settings?.multiple\"\n    [accept]=\"\n      control.settings?.accept\n        ? control.settings?.accept\n        : 'image/png, .jpeg, .jpg, image/gif'\n    \"\n    (change)=\"\n      control.settings?.multiple\n        ? onSelectMultiple($event)\n        : onSelectOne($event)\n    \"\n  >\n    <ngx-dropzone-label\n      [ngClass]=\"{\n        'special_upload--error':\n          !!control.errors && (control.dirty || control.touched)\n      }\"\n    >\n      <mat-icon class=\"special_upload__icon\"*ngIf=\"control.icon\">{{ control.icon }} </mat-icon>\n      <h2 class=\"text-base font-bold\">\n        {{ control.label }}\n      </h2>\n      <h3 class=\"text-base\">\n        {{ control.placeholder }}\n      </h3>\n    </ngx-dropzone-label>\n    <ngx-dropzone-preview\n      *ngFor=\"let file of previewImages\"\n      [removable]=\"true\"\n      (removed)=\"onRemove(file)\"\n    >\n      <ngx-dropzone-label class=\"special_upload__card\">\n        <img class=\"special_upload__card--image\" [src]=\"file?.url\" alt=\"\" />\n      </ngx-dropzone-label>\n    </ngx-dropzone-preview>\n  </ngx-dropzone>\n  <div\n    class=\"special_upload--error mt-2\"\n    *ngIf=\"!!control.errors && (control.dirty || control.touched)\"\n  >\n    {{ control.errors | errorMessage: control.errorMessages }}\n  </div>\n</div>\n", styles: [":host{display:contents}:host .special-upload{margin-bottom:2rem}:host .special-upload__icon{height:64px;width:64px;font-size:64px}:host .special-upload__card{width:100%;height:100%;margin:0;box-sizing:border-box;display:flex;align-items:center;flex-direction:column}:host .special-upload__card--image{width:100%;height:100%;object-fit:cover}\n"] }]
+                    ], template: "<div class=\"special_upload w-full mb-2 {{ control.styleClasses }}\">\n  <ngx-dropzone\n    class=\"special_upload__dropzone\"\n    [ngClass]=\"{\n      'special_upload--error-dashed':\n        !!control.errors && (control.dirty || control.touched)\n    }\"\n    [multiple]=\"control.settings?.multiple\"\n    [accept]=\"\n      control.settings?.accept\n        ? control.settings?.accept\n        : 'image/png, .jpeg, .jpg, image/gif'\n    \"\n    (change)=\"\n      control.settings?.multiple\n        ? onSelectMultiple($event)\n        : onSelectOne($event)\n    \"\n  >\n    <ngx-dropzone-label\n      [ngClass]=\"{\n        'special_upload--error':\n          !!control.errors && (control.dirty || control.touched)\n      }\"\n    >\n      <mat-icon class=\"special_upload__icon\"*ngIf=\"control.icon\">{{ control.icon }} </mat-icon>\n      <h2 class=\"text-base font-bold\">\n        {{ control.label }}\n      </h2>\n      <h3 class=\"text-base\">\n        {{ control.placeholder }}\n      </h3>\n    </ngx-dropzone-label>\n    <ngx-dropzone-preview\n      *ngFor=\"let file of previewImages\"\n      [removable]=\"true\"\n      (removed)=\"onRemove(file)\"\n    >\n      <ngx-dropzone-label class=\"special_upload__card\">\n        <img class=\"special_upload__card--image\" [src]=\"file?.url\" alt=\"\" />\n      </ngx-dropzone-label>\n    </ngx-dropzone-preview>\n  </ngx-dropzone>\n  <div\n    class=\"special_upload--error mt-2\"\n    *ngIf=\"!!control.errors && (control.dirty || control.touched)\"\n  >\n    {{ control.errors | errorMessage: control.errorMessages }}\n  </div>\n</div>\n", styles: [":host{display:contents}:host .special-upload{margin-bottom:2rem}:host .special-upload__icon{height:64px;width:64px;font-size:64px}:host .special-upload__card{width:100%;height:100%;margin:0;box-sizing:border-box;display:flex;align-items:center;flex-direction:column}:host .special-upload__card--image{width:100%;height:100%;object-fit:cover}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { controlSetter: [{
                 type: Input,
                 args: ['control']
             }], onSelect: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BlY2lhbC11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3BlY2lhbC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvc3BlY2lhbC11cGxvYWQvc3BlY2lhbC11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3BlY2lhbC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvc3BlY2lhbC11cGxvYWQvc3BlY2lhbC11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUkvRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7Ozs7OztBQWtCMUQsTUFBTSxPQUFPLHNCQUFzQjtJQUdqQyxJQUFzQixhQUFhLENBQ2pDLE9BQTRDO1FBRTVDLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxhQUFhLEdBQUcsT0FBTyxDQUFDLEtBQUssQ0FBQztJQUNyQyxDQUFDO0lBTUQsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUpqQyxh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ZSw4QkFDZixzQkFBc0I7MkZBR2Isc0JBQXNCO2tCQWhCbEMsU0FBUztpQ0FDSSxJQUFJLFlBQ04sV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDO3dCQUNQLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQixZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsbUJBQW1CO3dCQUNuQixlQUFlO3dCQUNmLHNCQUFzQjtxQkFDdkI7bUdBS3FCLGFBQWE7c0JBQWxDLEtBQUs7dUJBQUMsU0FBUztnQkFPTixRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3BlY2lhbEZvcm1Db250cm9sIH0gZnJvbSAnLi4vLi4vY29yZS9mb3Jtcy9zcGVjaWFsLWZvcm1zJztcbmltcG9ydCB7IElVcGxvYWRTZXR0aW5ncyB9IGZyb20gJy4vc3BlY2lhbC11cGxvYWQuaW50ZXJmYWNlJztcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTmd4RHJvcHpvbmVNb2R1bGUgfSBmcm9tICduZ3gtZHJvcHpvbmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBFcnJvck1lc3NhZ2VQaXBlTW9kdWxlIH0gZnJvbSAnLi4vLi4vY29yZS9waXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ3NwLXVwbG9hZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGVjaWFsLXVwbG9hZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NwZWNpYWwtdXBsb2FkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTmd4RHJvcHpvbmVNb2R1bGUsXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgRXJyb3JNZXNzYWdlUGlwZU1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3BlY2lhbFVwbG9hZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGNvbnRyb2whOiBTcGVjaWFsRm9ybUNvbnRyb2w8SVVwbG9hZFNldHRpbmdzPjtcblxuICBASW5wdXQoJ2NvbnRyb2wnKSBzZXQgY29udHJvbFNldHRlcihcbiAgICBjb250cm9sOiBTcGVjaWFsRm9ybUNvbnRyb2w8SVVwbG9hZFNldHRpbmdzPlxuICApIHtcbiAgICB0aGlzLmNvbnRyb2wgPSBjb250cm9sO1xuICAgIHRoaXMucHJldmlld0ltYWdlcyA9IGNvbnRyb2wudmFsdWU7XG4gIH1cblxuICBAT3V0cHV0KCkgb25TZWxlY3Q6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHByZXZpZXdJbWFnZXM6IGFueVtdID0gW107XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgb25TZWxlY3RNdWx0aXBsZShldmVudDogYW55KSB7XG4gICAgdGhpcy5wcmV2aWV3SW1hZ2VzID0gW1xuICAgICAgLi4udGhpcy5wcmV2aWV3SW1hZ2VzLFxuICAgICAgLi4uZXZlbnQuYWRkZWRGaWxlcy5tYXAoKGZpbGU6IEZpbGUpID0+ICh7XG4gICAgICAgIGxhc3RNb2RpZmllZDogZmlsZS5sYXN0TW9kaWZpZWQsXG4gICAgICAgIHVybDogdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFVybChVUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpKSxcbiAgICAgIH0pKSxcbiAgICBdO1xuXG4gICAgdGhpcy5jb250cm9sLnNldFZhbHVlKFtcbiAgICAgIC4uLnRoaXMuY29udHJvbC52YWx1ZSxcbiAgICAgIC4uLmV2ZW50LmFkZGVkRmlsZXMubWFwKHRoaXMuZml4RmlsZU5hbWUpLFxuICAgIF0pO1xuICAgIHRoaXMub25TZWxlY3QuZW1pdCh0aGlzLmNvbnRyb2wudmFsdWUpO1xuICAgIHRoaXMuY29udHJvbC5tYXJrQXNEaXJ0eSgpO1xuICB9XG5cbiAgb25TZWxlY3RPbmUoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMucHJldmlld0ltYWdlcyA9IGV2ZW50LmFkZGVkRmlsZXMubWFwKChmaWxlOiBGaWxlKSA9PiAoe1xuICAgICAgbGFzdE1vZGlmaWVkOiBmaWxlLmxhc3RNb2RpZmllZCxcbiAgICAgIHVybDogdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFVybChVUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpKSxcbiAgICB9KSk7XG5cbiAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUoZXZlbnQuYWRkZWRGaWxlcy5tYXAodGhpcy5maXhGaWxlTmFtZSkpO1xuICAgIHRoaXMub25TZWxlY3QuZW1pdCh0aGlzLmNvbnRyb2wudmFsdWUpO1xuICAgIHRoaXMuY29udHJvbC5tYXJrQXNEaXJ0eSgpO1xuICB9XG5cbiAgZml4RmlsZU5hbWUoZmlsZTogRmlsZSkge1xuICAgIHJldHVybiBPYmplY3QuZGVmaW5lUHJvcGVydHkoZmlsZSwgJ25hbWUnLCB7XG4gICAgICB3cml0YWJsZTogdHJ1ZSxcbiAgICAgIHZhbHVlOiBmaWxlLm5hbWUubm9ybWFsaXplKCdORkQnKS5yZXBsYWNlKC9bXFx1MDMwMC1cXHUwMzZmXS9nLCAnJyksXG4gICAgfSk7XG4gIH1cblxuICBjbGVhbigpIHtcbiAgICB0aGlzLnByZXZpZXdJbWFnZXMgPSBbXTtcbiAgfVxuICBvblJlbW92ZShmaWxlOiBGaWxlKSB7XG4gICAgdGhpcy5jb250cm9sLnNldFZhbHVlKFxuICAgICAgdGhpcy5jb250cm9sLnZhbHVlLmZpbHRlcihcbiAgICAgICAgKGZsOiBhbnkpID0+IGZsLmxhc3RNb2RpZmllZCAhPT0gZmlsZS5sYXN0TW9kaWZpZWRcbiAgICAgIClcbiAgICApO1xuICAgIHRoaXMucHJldmlld0ltYWdlcyA9IHRoaXMucHJldmlld0ltYWdlcy5maWx0ZXIoXG4gICAgICAoZmwpID0+IGZsLmxhc3RNb2RpZmllZCAhPT0gZmlsZS5sYXN0TW9kaWZpZWRcbiAgICApO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic3BlY2lhbF91cGxvYWQgbWItMlwiPlxuICA8bmd4LWRyb3B6b25lXG4gICAgY2xhc3M9XCJzcGVjaWFsX3VwbG9hZF9fZHJvcHpvbmVcIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICdzcGVjaWFsX3VwbG9hZC0tZXJyb3ItZGFzaGVkJzpcbiAgICAgICAgISFjb250cm9sLmVycm9ycyAmJiAoY29udHJvbC5kaXJ0eSB8fCBjb250cm9sLnRvdWNoZWQpXG4gICAgfVwiXG4gICAgW211bHRpcGxlXT1cImNvbnRyb2wuc2V0dGluZ3M/Lm11bHRpcGxlXCJcbiAgICBbYWNjZXB0XT1cIlxuICAgICAgY29udHJvbC5zZXR0aW5ncz8uYWNjZXB0XG4gICAgICAgID8gY29udHJvbC5zZXR0aW5ncz8uYWNjZXB0XG4gICAgICAgIDogJ2ltYWdlL3BuZywgLmpwZWcsIC5qcGcsIGltYWdlL2dpZidcbiAgICBcIlxuICAgIChjaGFuZ2UpPVwiXG4gICAgICBjb250cm9sLnNldHRpbmdzPy5tdWx0aXBsZVxuICAgICAgICA/IG9uU2VsZWN0TXVsdGlwbGUoJGV2ZW50KVxuICAgICAgICA6IG9uU2VsZWN0T25lKCRldmVudClcbiAgICBcIlxuICA+XG4gICAgPG5neC1kcm9wem9uZS1sYWJlbFxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAnc3BlY2lhbF91cGxvYWQtLWVycm9yJzpcbiAgICAgICAgICAhIWNvbnRyb2wuZXJyb3JzICYmIChjb250cm9sLmRpcnR5IHx8IGNvbnRyb2wudG91Y2hlZClcbiAgICAgIH1cIlxuICAgID5cbiAgICAgIDxtYXQtaWNvbiBjbGFzcz1cInNwZWNpYWxfdXBsb2FkX19pY29uXCIqbmdJZj1cImNvbnRyb2wuaWNvblwiPnt7IGNvbnRyb2wuaWNvbiB9fSA8L21hdC1pY29uPlxuICAgICAgPGgyIGNsYXNzPVwidGV4dC1iYXNlIGZvbnQtYm9sZFwiPlxuICAgICAgICB7eyBjb250cm9sLmxhYmVsIH19XG4gICAgICA8L2gyPlxuICAgICAgPGgzIGNsYXNzPVwidGV4dC1iYXNlXCI+XG4gICAgICAgIHt7IGNvbnRyb2wucGxhY2Vob2xkZXIgfX1cbiAgICAgIDwvaDM+XG4gICAgPC9uZ3gtZHJvcHpvbmUtbGFiZWw+XG4gICAgPG5neC1kcm9wem9uZS1wcmV2aWV3XG4gICAgICAqbmdGb3I9XCJsZXQgZmlsZSBvZiBwcmV2aWV3SW1hZ2VzXCJcbiAgICAgIFtyZW1vdmFibGVdPVwidHJ1ZVwiXG4gICAgICAocmVtb3ZlZCk9XCJvblJlbW92ZShmaWxlKVwiXG4gICAgPlxuICAgICAgPG5neC1kcm9wem9uZS1sYWJlbCBjbGFzcz1cInNwZWNpYWxfdXBsb2FkX19jYXJkXCI+XG4gICAgICAgIDxpbWcgY2xhc3M9XCJzcGVjaWFsX3VwbG9hZF9fY2FyZC0taW1hZ2VcIiBbc3JjXT1cImZpbGU/LnVybFwiIGFsdD1cIlwiIC8+XG4gICAgICA8L25neC1kcm9wem9uZS1sYWJlbD5cbiAgICA8L25neC1kcm9wem9uZS1wcmV2aWV3PlxuICA8L25neC1kcm9wem9uZT5cbiAgPGRpdlxuICAgIGNsYXNzPVwic3BlY2lhbF91cGxvYWQtLWVycm9yIG10LTJcIlxuICAgICpuZ0lmPVwiISFjb250cm9sLmVycm9ycyAmJiAoY29udHJvbC5kaXJ0eSB8fCBjb250cm9sLnRvdWNoZWQpXCJcbiAgPlxuICAgIHt7IGNvbnRyb2wuZXJyb3JzIHwgZXJyb3JNZXNzYWdlOiBjb250cm9sLmVycm9yTWVzc2FnZXMgfX1cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BlY2lhbC11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3BlY2lhbC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvc3BlY2lhbC11cGxvYWQvc3BlY2lhbC11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3BlY2lhbC1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvc3BlY2lhbC11cGxvYWQvc3BlY2lhbC11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUkvRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7Ozs7OztBQWtCMUQsTUFBTSxPQUFPLHNCQUFzQjtJQUdqQyxJQUFzQixhQUFhLENBQ2pDLE9BQTRDO1FBRTVDLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxhQUFhLEdBQUcsT0FBTyxDQUFDLEtBQUssQ0FBQztJQUNyQyxDQUFDO0lBTUQsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUpqQyxh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ZSw4QkFDZixzQkFBc0I7MkZBR2Isc0JBQXNCO2tCQWhCbEMsU0FBUztpQ0FDSSxJQUFJLFlBQ04sV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDO3dCQUNQLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQixZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsbUJBQW1CO3dCQUNuQixlQUFlO3dCQUNmLHNCQUFzQjtxQkFDdkI7bUdBS3FCLGFBQWE7c0JBQWxDLEtBQUs7dUJBQUMsU0FBUztnQkFPTixRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3BlY2lhbEZvcm1Db250cm9sIH0gZnJvbSAnLi4vLi4vY29yZS9mb3Jtcy9zcGVjaWFsLWZvcm1zJztcbmltcG9ydCB7IElVcGxvYWRTZXR0aW5ncyB9IGZyb20gJy4vc3BlY2lhbC11cGxvYWQuaW50ZXJmYWNlJztcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTmd4RHJvcHpvbmVNb2R1bGUgfSBmcm9tICduZ3gtZHJvcHpvbmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBFcnJvck1lc3NhZ2VQaXBlTW9kdWxlIH0gZnJvbSAnLi4vLi4vY29yZS9waXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ3NwLXVwbG9hZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGVjaWFsLXVwbG9hZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NwZWNpYWwtdXBsb2FkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTmd4RHJvcHpvbmVNb2R1bGUsXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgRXJyb3JNZXNzYWdlUGlwZU1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3BlY2lhbFVwbG9hZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGNvbnRyb2whOiBTcGVjaWFsRm9ybUNvbnRyb2w8SVVwbG9hZFNldHRpbmdzPjtcblxuICBASW5wdXQoJ2NvbnRyb2wnKSBzZXQgY29udHJvbFNldHRlcihcbiAgICBjb250cm9sOiBTcGVjaWFsRm9ybUNvbnRyb2w8SVVwbG9hZFNldHRpbmdzPlxuICApIHtcbiAgICB0aGlzLmNvbnRyb2wgPSBjb250cm9sO1xuICAgIHRoaXMucHJldmlld0ltYWdlcyA9IGNvbnRyb2wudmFsdWU7XG4gIH1cblxuICBAT3V0cHV0KCkgb25TZWxlY3Q6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHByZXZpZXdJbWFnZXM6IGFueVtdID0gW107XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgb25TZWxlY3RNdWx0aXBsZShldmVudDogYW55KSB7XG4gICAgdGhpcy5wcmV2aWV3SW1hZ2VzID0gW1xuICAgICAgLi4udGhpcy5wcmV2aWV3SW1hZ2VzLFxuICAgICAgLi4uZXZlbnQuYWRkZWRGaWxlcy5tYXAoKGZpbGU6IEZpbGUpID0+ICh7XG4gICAgICAgIGxhc3RNb2RpZmllZDogZmlsZS5sYXN0TW9kaWZpZWQsXG4gICAgICAgIHVybDogdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFVybChVUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpKSxcbiAgICAgIH0pKSxcbiAgICBdO1xuXG4gICAgdGhpcy5jb250cm9sLnNldFZhbHVlKFtcbiAgICAgIC4uLnRoaXMuY29udHJvbC52YWx1ZSxcbiAgICAgIC4uLmV2ZW50LmFkZGVkRmlsZXMubWFwKHRoaXMuZml4RmlsZU5hbWUpLFxuICAgIF0pO1xuICAgIHRoaXMub25TZWxlY3QuZW1pdCh0aGlzLmNvbnRyb2wudmFsdWUpO1xuICAgIHRoaXMuY29udHJvbC5tYXJrQXNEaXJ0eSgpO1xuICB9XG5cbiAgb25TZWxlY3RPbmUoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMucHJldmlld0ltYWdlcyA9IGV2ZW50LmFkZGVkRmlsZXMubWFwKChmaWxlOiBGaWxlKSA9PiAoe1xuICAgICAgbGFzdE1vZGlmaWVkOiBmaWxlLmxhc3RNb2RpZmllZCxcbiAgICAgIHVybDogdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFVybChVUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpKSxcbiAgICB9KSk7XG5cbiAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUoZXZlbnQuYWRkZWRGaWxlcy5tYXAodGhpcy5maXhGaWxlTmFtZSkpO1xuICAgIHRoaXMub25TZWxlY3QuZW1pdCh0aGlzLmNvbnRyb2wudmFsdWUpO1xuICAgIHRoaXMuY29udHJvbC5tYXJrQXNEaXJ0eSgpO1xuICB9XG5cbiAgZml4RmlsZU5hbWUoZmlsZTogRmlsZSkge1xuICAgIHJldHVybiBPYmplY3QuZGVmaW5lUHJvcGVydHkoZmlsZSwgJ25hbWUnLCB7XG4gICAgICB3cml0YWJsZTogdHJ1ZSxcbiAgICAgIHZhbHVlOiBmaWxlLm5hbWUubm9ybWFsaXplKCdORkQnKS5yZXBsYWNlKC9bXFx1MDMwMC1cXHUwMzZmXS9nLCAnJyksXG4gICAgfSk7XG4gIH1cblxuICBjbGVhbigpIHtcbiAgICB0aGlzLnByZXZpZXdJbWFnZXMgPSBbXTtcbiAgfVxuICBvblJlbW92ZShmaWxlOiBGaWxlKSB7XG4gICAgdGhpcy5jb250cm9sLnNldFZhbHVlKFxuICAgICAgdGhpcy5jb250cm9sLnZhbHVlLmZpbHRlcihcbiAgICAgICAgKGZsOiBhbnkpID0+IGZsLmxhc3RNb2RpZmllZCAhPT0gZmlsZS5sYXN0TW9kaWZpZWRcbiAgICAgIClcbiAgICApO1xuICAgIHRoaXMucHJldmlld0ltYWdlcyA9IHRoaXMucHJldmlld0ltYWdlcy5maWx0ZXIoXG4gICAgICAoZmwpID0+IGZsLmxhc3RNb2RpZmllZCAhPT0gZmlsZS5sYXN0TW9kaWZpZWRcbiAgICApO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic3BlY2lhbF91cGxvYWQgdy1mdWxsIG1iLTIge3sgY29udHJvbC5zdHlsZUNsYXNzZXMgfX1cIj5cbiAgPG5neC1kcm9wem9uZVxuICAgIGNsYXNzPVwic3BlY2lhbF91cGxvYWRfX2Ryb3B6b25lXCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnc3BlY2lhbF91cGxvYWQtLWVycm9yLWRhc2hlZCc6XG4gICAgICAgICEhY29udHJvbC5lcnJvcnMgJiYgKGNvbnRyb2wuZGlydHkgfHwgY29udHJvbC50b3VjaGVkKVxuICAgIH1cIlxuICAgIFttdWx0aXBsZV09XCJjb250cm9sLnNldHRpbmdzPy5tdWx0aXBsZVwiXG4gICAgW2FjY2VwdF09XCJcbiAgICAgIGNvbnRyb2wuc2V0dGluZ3M/LmFjY2VwdFxuICAgICAgICA/IGNvbnRyb2wuc2V0dGluZ3M/LmFjY2VwdFxuICAgICAgICA6ICdpbWFnZS9wbmcsIC5qcGVnLCAuanBnLCBpbWFnZS9naWYnXG4gICAgXCJcbiAgICAoY2hhbmdlKT1cIlxuICAgICAgY29udHJvbC5zZXR0aW5ncz8ubXVsdGlwbGVcbiAgICAgICAgPyBvblNlbGVjdE11bHRpcGxlKCRldmVudClcbiAgICAgICAgOiBvblNlbGVjdE9uZSgkZXZlbnQpXG4gICAgXCJcbiAgPlxuICAgIDxuZ3gtZHJvcHpvbmUtbGFiZWxcbiAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgJ3NwZWNpYWxfdXBsb2FkLS1lcnJvcic6XG4gICAgICAgICAgISFjb250cm9sLmVycm9ycyAmJiAoY29udHJvbC5kaXJ0eSB8fCBjb250cm9sLnRvdWNoZWQpXG4gICAgICB9XCJcbiAgICA+XG4gICAgICA8bWF0LWljb24gY2xhc3M9XCJzcGVjaWFsX3VwbG9hZF9faWNvblwiKm5nSWY9XCJjb250cm9sLmljb25cIj57eyBjb250cm9sLmljb24gfX0gPC9tYXQtaWNvbj5cbiAgICAgIDxoMiBjbGFzcz1cInRleHQtYmFzZSBmb250LWJvbGRcIj5cbiAgICAgICAge3sgY29udHJvbC5sYWJlbCB9fVxuICAgICAgPC9oMj5cbiAgICAgIDxoMyBjbGFzcz1cInRleHQtYmFzZVwiPlxuICAgICAgICB7eyBjb250cm9sLnBsYWNlaG9sZGVyIH19XG4gICAgICA8L2gzPlxuICAgIDwvbmd4LWRyb3B6b25lLWxhYmVsPlxuICAgIDxuZ3gtZHJvcHpvbmUtcHJldmlld1xuICAgICAgKm5nRm9yPVwibGV0IGZpbGUgb2YgcHJldmlld0ltYWdlc1wiXG4gICAgICBbcmVtb3ZhYmxlXT1cInRydWVcIlxuICAgICAgKHJlbW92ZWQpPVwib25SZW1vdmUoZmlsZSlcIlxuICAgID5cbiAgICAgIDxuZ3gtZHJvcHpvbmUtbGFiZWwgY2xhc3M9XCJzcGVjaWFsX3VwbG9hZF9fY2FyZFwiPlxuICAgICAgICA8aW1nIGNsYXNzPVwic3BlY2lhbF91cGxvYWRfX2NhcmQtLWltYWdlXCIgW3NyY109XCJmaWxlPy51cmxcIiBhbHQ9XCJcIiAvPlxuICAgICAgPC9uZ3gtZHJvcHpvbmUtbGFiZWw+XG4gICAgPC9uZ3gtZHJvcHpvbmUtcHJldmlldz5cbiAgPC9uZ3gtZHJvcHpvbmU+XG4gIDxkaXZcbiAgICBjbGFzcz1cInNwZWNpYWxfdXBsb2FkLS1lcnJvciBtdC0yXCJcbiAgICAqbmdJZj1cIiEhY29udHJvbC5lcnJvcnMgJiYgKGNvbnRyb2wuZGlydHkgfHwgY29udHJvbC50b3VjaGVkKVwiXG4gID5cbiAgICB7eyBjb250cm9sLmVycm9ycyB8IGVycm9yTWVzc2FnZTogY29udHJvbC5lcnJvck1lc3NhZ2VzIH19XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/fesm2015/special-forms.mjs

@@ -436,7 +436,7 @@ class SpecialUploadComponent {
     }
 }
 SpecialUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SpecialUploadComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-SpecialUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SpecialUploadComponent, isStandalone: true, selector: "sp-upload", inputs: { controlSetter: ["control", "controlSetter"] }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<div class=\"special_upload mb-2\">\n  <ngx-dropzone\n    class=\"special_upload__dropzone\"\n    [ngClass]=\"{\n      'special_upload--error-dashed':\n        !!control.errors && (control.dirty || control.touched)\n    }\"\n    [multiple]=\"control.settings?.multiple\"\n    [accept]=\"\n      control.settings?.accept\n        ? control.settings?.accept\n        : 'image/png, .jpeg, .jpg, image/gif'\n    \"\n    (change)=\"\n      control.settings?.multiple\n        ? onSelectMultiple($event)\n        : onSelectOne($event)\n    \"\n  >\n    <ngx-dropzone-label\n      [ngClass]=\"{\n        'special_upload--error':\n          !!control.errors && (control.dirty || control.touched)\n      }\"\n    >\n      <mat-icon class=\"special_upload__icon\"*ngIf=\"control.icon\">{{ control.icon }} </mat-icon>\n      <h2 class=\"text-base font-bold\">\n        {{ control.label }}\n      </h2>\n      <h3 class=\"text-base\">\n        {{ control.placeholder }}\n      </h3>\n    </ngx-dropzone-label>\n    <ngx-dropzone-preview\n      *ngFor=\"let file of previewImages\"\n      [removable]=\"true\"\n      (removed)=\"onRemove(file)\"\n    >\n      <ngx-dropzone-label class=\"special_upload__card\">\n        <img class=\"special_upload__card--image\" [src]=\"file?.url\" alt=\"\" />\n      </ngx-dropzone-label>\n    </ngx-dropzone-preview>\n  </ngx-dropzone>\n  <div\n    class=\"special_upload--error mt-2\"\n    *ngIf=\"!!control.errors && (control.dirty || control.touched)\"\n  >\n    {{ control.errors | errorMessage: control.errorMessages }}\n  </div>\n</div>\n", styles: [":host{display:contents}:host .special-upload{margin-bottom:2rem}:host .special-upload__icon{height:64px;width:64px;font-size:64px}:host .special-upload__card{width:100%;height:100%;margin:0;box-sizing:border-box;display:flex;align-items:center;flex-direction:column}:host .special-upload__card--image{width:100%;height:100%;object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: NgxDropzoneModule }, { kind: "component", type: i2$2.NgxDropzoneComponent, selector: "ngx-dropzone, [ngx-dropzone]", inputs: ["accept", "disabled", "multiple", "maxFileSize", "expandable", "disableClick", "processDirectoryDrop", "id", "aria-label", "aria-labelledby", "aria-describedby"], outputs: ["change"] }, { kind: "directive", type: i2$2.NgxDropzoneLabelDirective, selector: "ngx-dropzone-label" }, { kind: "component", type: i2$2.NgxDropzonePreviewComponent, selector: "ngx-dropzone-preview", inputs: ["file", "removable"], outputs: ["removed"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: ErrorMessagePipeModule }, { kind: "pipe", type: ErrorMessagePipe, name: "errorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SpecialUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SpecialUploadComponent, isStandalone: true, selector: "sp-upload", inputs: { controlSetter: ["control", "controlSetter"] }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<div class=\"special_upload w-full mb-2 {{ control.styleClasses }}\">\n  <ngx-dropzone\n    class=\"special_upload__dropzone\"\n    [ngClass]=\"{\n      'special_upload--error-dashed':\n        !!control.errors && (control.dirty || control.touched)\n    }\"\n    [multiple]=\"control.settings?.multiple\"\n    [accept]=\"\n      control.settings?.accept\n        ? control.settings?.accept\n        : 'image/png, .jpeg, .jpg, image/gif'\n    \"\n    (change)=\"\n      control.settings?.multiple\n        ? onSelectMultiple($event)\n        : onSelectOne($event)\n    \"\n  >\n    <ngx-dropzone-label\n      [ngClass]=\"{\n        'special_upload--error':\n          !!control.errors && (control.dirty || control.touched)\n      }\"\n    >\n      <mat-icon class=\"special_upload__icon\"*ngIf=\"control.icon\">{{ control.icon }} </mat-icon>\n      <h2 class=\"text-base font-bold\">\n        {{ control.label }}\n      </h2>\n      <h3 class=\"text-base\">\n        {{ control.placeholder }}\n      </h3>\n    </ngx-dropzone-label>\n    <ngx-dropzone-preview\n      *ngFor=\"let file of previewImages\"\n      [removable]=\"true\"\n      (removed)=\"onRemove(file)\"\n    >\n      <ngx-dropzone-label class=\"special_upload__card\">\n        <img class=\"special_upload__card--image\" [src]=\"file?.url\" alt=\"\" />\n      </ngx-dropzone-label>\n    </ngx-dropzone-preview>\n  </ngx-dropzone>\n  <div\n    class=\"special_upload--error mt-2\"\n    *ngIf=\"!!control.errors && (control.dirty || control.touched)\"\n  >\n    {{ control.errors | errorMessage: control.errorMessages }}\n  </div>\n</div>\n", styles: [":host{display:contents}:host .special-upload{margin-bottom:2rem}:host .special-upload__icon{height:64px;width:64px;font-size:64px}:host .special-upload__card{width:100%;height:100%;margin:0;box-sizing:border-box;display:flex;align-items:center;flex-direction:column}:host .special-upload__card--image{width:100%;height:100%;object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: NgxDropzoneModule }, { kind: "component", type: i2$2.NgxDropzoneComponent, selector: "ngx-dropzone, [ngx-dropzone]", inputs: ["accept", "disabled", "multiple", "maxFileSize", "expandable", "disableClick", "processDirectoryDrop", "id", "aria-label", "aria-labelledby", "aria-describedby"], outputs: ["change"] }, { kind: "directive", type: i2$2.NgxDropzoneLabelDirective, selector: "ngx-dropzone-label" }, { kind: "component", type: i2$2.NgxDropzonePreviewComponent, selector: "ngx-dropzone-preview", inputs: ["file", "removable"], outputs: ["removed"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: ErrorMessagePipeModule }, { kind: "pipe", type: ErrorMessagePipe, name: "errorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SpecialUploadComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'sp-upload', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
@@ -447,7 +447,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
                         ReactiveFormsModule,
                         MatButtonModule,
                         ErrorMessagePipeModule,
-                    ], template: "<div class=\"special_upload mb-2\">\n  <ngx-dropzone\n    class=\"special_upload__dropzone\"\n    [ngClass]=\"{\n      'special_upload--error-dashed':\n        !!control.errors && (control.dirty || control.touched)\n    }\"\n    [multiple]=\"control.settings?.multiple\"\n    [accept]=\"\n      control.settings?.accept\n        ? control.settings?.accept\n        : 'image/png, .jpeg, .jpg, image/gif'\n    \"\n    (change)=\"\n      control.settings?.multiple\n        ? onSelectMultiple($event)\n        : onSelectOne($event)\n    \"\n  >\n    <ngx-dropzone-label\n      [ngClass]=\"{\n        'special_upload--error':\n          !!control.errors && (control.dirty || control.touched)\n      }\"\n    >\n      <mat-icon class=\"special_upload__icon\"*ngIf=\"control.icon\">{{ control.icon }} </mat-icon>\n      <h2 class=\"text-base font-bold\">\n        {{ control.label }}\n      </h2>\n      <h3 class=\"text-base\">\n        {{ control.placeholder }}\n      </h3>\n    </ngx-dropzone-label>\n    <ngx-dropzone-preview\n      *ngFor=\"let file of previewImages\"\n      [removable]=\"true\"\n      (removed)=\"onRemove(file)\"\n    >\n      <ngx-dropzone-label class=\"special_upload__card\">\n        <img class=\"special_upload__card--image\" [src]=\"file?.url\" alt=\"\" />\n      </ngx-dropzone-label>\n    </ngx-dropzone-preview>\n  </ngx-dropzone>\n  <div\n    class=\"special_upload--error mt-2\"\n    *ngIf=\"!!control.errors && (control.dirty || control.touched)\"\n  >\n    {{ control.errors | errorMessage: control.errorMessages }}\n  </div>\n</div>\n", styles: [":host{display:contents}:host .special-upload{margin-bottom:2rem}:host .special-upload__icon{height:64px;width:64px;font-size:64px}:host .special-upload__card{width:100%;height:100%;margin:0;box-sizing:border-box;display:flex;align-items:center;flex-direction:column}:host .special-upload__card--image{width:100%;height:100%;object-fit:cover}\n"] }]
+                    ], template: "<div class=\"special_upload w-full mb-2 {{ control.styleClasses }}\">\n  <ngx-dropzone\n    class=\"special_upload__dropzone\"\n    [ngClass]=\"{\n      'special_upload--error-dashed':\n        !!control.errors && (control.dirty || control.touched)\n    }\"\n    [multiple]=\"control.settings?.multiple\"\n    [accept]=\"\n      control.settings?.accept\n        ? control.settings?.accept\n        : 'image/png, .jpeg, .jpg, image/gif'\n    \"\n    (change)=\"\n      control.settings?.multiple\n        ? onSelectMultiple($event)\n        : onSelectOne($event)\n    \"\n  >\n    <ngx-dropzone-label\n      [ngClass]=\"{\n        'special_upload--error':\n          !!control.errors && (control.dirty || control.touched)\n      }\"\n    >\n      <mat-icon class=\"special_upload__icon\"*ngIf=\"control.icon\">{{ control.icon }} </mat-icon>\n      <h2 class=\"text-base font-bold\">\n        {{ control.label }}\n      </h2>\n      <h3 class=\"text-base\">\n        {{ control.placeholder }}\n      </h3>\n    </ngx-dropzone-label>\n    <ngx-dropzone-preview\n      *ngFor=\"let file of previewImages\"\n      [removable]=\"true\"\n      (removed)=\"onRemove(file)\"\n    >\n      <ngx-dropzone-label class=\"special_upload__card\">\n        <img class=\"special_upload__card--image\" [src]=\"file?.url\" alt=\"\" />\n      </ngx-dropzone-label>\n    </ngx-dropzone-preview>\n  </ngx-dropzone>\n  <div\n    class=\"special_upload--error mt-2\"\n    *ngIf=\"!!control.errors && (control.dirty || control.touched)\"\n  >\n    {{ control.errors | errorMessage: control.errorMessages }}\n  </div>\n</div>\n", styles: [":host{display:contents}:host .special-upload{margin-bottom:2rem}:host .special-upload__icon{height:64px;width:64px;font-size:64px}:host .special-upload__card{width:100%;height:100%;margin:0;box-sizing:border-box;display:flex;align-items:center;flex-direction:column}:host .special-upload__card--image{width:100%;height:100%;object-fit:cover}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$3.DomSanitizer }]; }, propDecorators: { controlSetter: [{
                 type: Input,
                 args: ['control']