ngx-techlify-core 18.88.0 → 18.89.0

package/esm2022/lib/import-csv/field-mapping/field-mapping.component.mjs

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "../../core/form-validator.service";
 import * as i3 from "@angular/common";
-import * as i4 from "@angular/material/button";
-import * as i5 from "@angular/material/form-field";
-import * as i6 from "@angular/material/icon";
-import * as i7 from "@angular/material/core";
+import * as i4 from "@angular/material/core";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/form-field";
+import * as i7 from "@angular/material/icon";
 import * as i8 from "@angular/material/select";
 import * as i9 from "@angular/material/divider";
 import * as i10 from "@angular/material/tooltip";
@@ -135,7 +135,7 @@ export class FieldMappingComponent {
         this.onReUpload.emit(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldMappingComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.FormValidatorService }, { token: i0.ChangeDetectorRef }, { token: i3.Location }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FieldMappingComponent, selector: "app-field-mapping", inputs: { data: "data", config: "config" }, outputs: { onSave: "onSave", onReUpload: "onReUpload" }, ngImport: i0, template: "<div class=\"d-flex flex-column mt-2\">\n  <div class=\"d-flex flex-row flex-wrap pb-3\">\n    <h5 style=\"flex: 0 0 30%;\" class=\"primary-color\">Summary</h5>\n    <div style=\"flex: 0 0 70%;\" class=\"d-flex align-items-center\">\n      <h5 class=\"secondary-color mb-0\">\n        <span class=\"font-weight-bold\">{{data.length}} &nbsp;</span>\n      </h5>\n      <span class=\"text-muted ml-2\"> Records Found In Uploaded File</span>\n    </div>\n  </div>\n\n  <div>\n    <mat-divider></mat-divider>\n  </div>\n\n  <form [formGroup]=\"importMappingForm\" (ngSubmit)=\"next()\" class=\"d-flex flex-column pt-3\">\n    <h5 class=\"primary-color pb-2\">Properties</h5>\n    <table style=\"width: 100%;\" class=\"table table-sm table-striped\">\n      <tr class=\"table-header-row\">\n        <th>Column Headers From File</th>\n        <th>Preview Information</th>\n        <th>Property</th>\n      </tr>\n      <ng-container formArrayName=\"fields\">\n        <tr *ngFor=\"let field of fieldsArray.controls; let i = index\" [formGroupName]=\"i\">\n          <td>{{ field.get('label').value }}</td>\n          <td>{{ field.get('value').value }}</td>\n          <td>\n            <div class=\"d-flex align-items-center\">\n              <mat-form-field class=\"flex-grow-1\" appearance=\"outline\">\n                <mat-label>Select Property</mat-label>\n                <mat-select placeholder=\"Select Property\" formControlName=\"property\" required\n                  (selectionChange)=\"updatePropertyType($event, i)\">\n                  <mat-option *ngFor=\"let property of properties\" [value]=\"property.value\">\n                    {{property.label}}\n                  </mat-option>\n                </mat-select>\n                <mat-error *ngIf=\"isFieldValid('property', fieldsArray.controls[i])\">\n                  {{getErrorMessage('property', fieldsArray.controls[i])}}\n                </mat-error>\n              </mat-form-field>\n\n              <mat-icon role=\"button\" class=\"ms-3 text-danger\" type=\"button\" mat-icon-button (click)=\"removeField(i)\"\n                *ngIf=\"fieldsArray.length > 1\" matTooltip=\"Remove column\" matTooltipPosition=\"right\"\n                style=\"margin-bottom: 1.25em;\">remove_circle</mat-icon>\n            </div>\n          </td>\n        </tr>\n      </ng-container>\n    </table>\n\n    <div class=\"mt-1 d-flex flex-row gap-2 justify-content-end align-items-center\">\n      <button mat-button class=\"mt-2 mr-2\" type=\"button\" (click)=\"location.back()\">\n        Cancel\n      </button>\n      <button mat-stroked-button class=\"mt-2 mr-2 primary-color\" type=\"button\" (click)=\"reUpload()\">\n        <mat-icon>\n          <span class=\"material-icons-outlined\">\n            file_upload\n          </span>\n        </mat-icon>\n        Re-upload\n      </button>\n      <button mat-stroked-button class=\"mt-2 primary-bg\" type=\"submit\">\n        Next\n        <mat-icon>\n          chevron_right\n        </mat-icon>\n      </button>\n    </div>\n  </form>\n</div>", styles: ["table{width:100%}th,td{padding:1%}.table-header-row{background-color:#e6e4e4;color:#000;font-weight:bolder}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i9.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FieldMappingComponent, selector: "app-field-mapping", inputs: { data: "data", config: "config" }, outputs: { onSave: "onSave", onReUpload: "onReUpload" }, ngImport: i0, template: "<div class=\"d-flex flex-column mt-2\">\n  <div class=\"d-flex flex-row flex-wrap pb-3\">\n    <h5 style=\"flex: 0 0 30%;\" class=\"primary-color\">Summary</h5>\n    <div style=\"flex: 0 0 70%;\" class=\"d-flex align-items-center\">\n      <h5 class=\"secondary-color mb-0\">\n        <span class=\"font-weight-bold\">{{data.length}} &nbsp;</span>\n      </h5>\n      <span class=\"text-muted ml-2\"> Records Found In Uploaded File</span>\n    </div>\n  </div>\n\n  <div>\n    <mat-divider></mat-divider>\n  </div>\n\n  <form [formGroup]=\"importMappingForm\" (ngSubmit)=\"next()\" class=\"d-flex flex-column pt-3\">\n    <h5 class=\"primary-color pb-2\">Properties</h5>\n    <table style=\"width: 100%;\" class=\"table table-sm table-striped\">\n      <tr class=\"table-header-row\">\n        <th>Column Headers From File</th>\n        <th>Preview Information</th>\n        <th>Property</th>\n      </tr>\n      <ng-container formArrayName=\"fields\">\n        <tr *ngFor=\"let field of fieldsArray.controls; let i = index\" [formGroupName]=\"i\">\n          <td>{{ field.get('label').value }}</td>\n          <td>{{ field.get('value').value }}</td>\n          <td>\n            <div class=\"d-flex align-items-center\">\n              <mat-form-field class=\"flex-grow-1\" appearance=\"outline\">\n                <mat-label>Select Property</mat-label>\n                <mat-select placeholder=\"Select Property\" formControlName=\"property\" required\n                  (selectionChange)=\"updatePropertyType($event, i)\">\n                  <mat-option *ngFor=\"let property of properties\" [value]=\"property.value\">\n                    {{property.label}}\n                  </mat-option>\n                </mat-select>\n                <mat-error *ngIf=\"isFieldValid('property', fieldsArray.controls[i])\">\n                  {{getErrorMessage('property', fieldsArray.controls[i])}}\n                </mat-error>\n              </mat-form-field>\n\n              <mat-icon role=\"button\" class=\"ms-3 text-danger\" type=\"button\" mat-icon-button (click)=\"removeField(i)\"\n                *ngIf=\"fieldsArray.length > 1\" matTooltip=\"Remove column\" matTooltipPosition=\"right\"\n                style=\"margin-bottom: 1.25em;\">remove_circle</mat-icon>\n            </div>\n          </td>\n        </tr>\n      </ng-container>\n    </table>\n\n    <div class=\"mt-1 d-flex flex-row gap-2 justify-content-end align-items-center\">\n      <button mat-button class=\"mt-2 mr-2\" type=\"button\" (click)=\"location.back()\">\n        Cancel\n      </button>\n      <button mat-stroked-button class=\"mt-2 mr-2 primary-color\" type=\"button\" (click)=\"reUpload()\">\n        <mat-icon>\n          <span class=\"material-icons-outlined\">\n            file_upload\n          </span>\n        </mat-icon>\n        Re-upload\n      </button>\n      <button mat-stroked-button class=\"mt-2 primary-bg\" type=\"submit\">\n        Next\n        <mat-icon>\n          chevron_right\n        </mat-icon>\n      </button>\n    </div>\n  </form>\n</div>", styles: ["table{width:100%}th,td{padding:1%}.table-header-row{background-color:#e6e4e4;color:#000;font-weight:bolder}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i9.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldMappingComponent, decorators: [{
             type: Component,

package/esm2022/lib/import-csv/import-csv.component.mjs

@@ -8,11 +8,11 @@ import * as i2 from "../core/error-handler.service";
 import * as i3 from "../core/http.service";
 import * as i4 from "../utility/date-utils.service";
 import * as i5 from "@angular/common";
-import * as i6 from "@angular/material/button";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@angular/material/card";
-import * as i9 from "@angular/material/tooltip";
-import * as i10 from "../file-dropper/file-dropper.component";
+import * as i6 from "../file-dropper/file-dropper.component";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/card";
+import * as i10 from "@angular/material/tooltip";
 import * as i11 from "./field-mapping/field-mapping.component";
 import * as i12 from "./failed-items-list/failed-items-list.component";
 import * as i13 from "./import-history-list/import-history-list.component";
@@ -194,7 +194,7 @@ let ImportCsvComponent = class ImportCsvComponent {
         this.currentStep = 1;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImportCsvComponent, deps: [{ token: i1.AlertService }, { token: i2.ErrorHandlerService }, { token: i3.HttpService }, { token: i4.DateUtils }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ImportCsvComponent, selector: "app-import-csv", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"d-flex flex-column\">\n  <mat-card class=\"w-100 p-0\">\n    <mat-card-content class=\"d-flex flex-row flex-wrap align-items-center justify-content-center w-100 primary-color\">\n      <h4 style=\"flex: 0 0 20%;\" class=\"ml-2\">\n        Step {{step.step}}: <span class=\"normal-font-weight\">{{step?.title}}</span>\n      </h4>\n      <h3 class=\"d-flex align-items-center justify-content-center gap-3 text-dark\" style=\"flex: 0 0 80%;\">\n        <span>{{config?.title}} Import</span>\n        <a *ngIf=\"config?.sampleFile && currentStep == 1\" style=\"color: inherit;\" [download]=\"config?.sampleFile?.name\"\n          target=\"_blank\" [href]=\"config?.sampleFile?.path\" matTooltip=\"Download Sample file\" matTooltipPosition=\"below\">\n          <button mat-stroked-button class=\"primary-color\">\n            <mat-icon>\n              download\n            </mat-icon>\n            Sample File\n          </button>\n        </a>\n      </h3>\n    </mat-card-content>\n  </mat-card>\n  <div class=\"w-100 mt-2\">\n    <div class=\"row g-3\" *ngIf=\"currentStep==1 || currentStep == 2 || currentStep == 4\">\n      <div class=\"col-12 col-md-8\">\n        <mat-card class=\"w-100\">\n          <mat-card-content class=\"d-flex flex-column\">\n            <div class=\"w-100 overflow-x-auto\">\n              <section class=\"d-flex flex-column w-100\" *ngIf=\"config.importType && !this.fileData.length && !this.failedItems.length\">\n                <h5 class=\"primary-color pb-3\">File Upload</h5>\n                <app-file-dropper class=\"d-block w-100 mb-2 drop-section\" [config]=\"filesConfig\" [fileArray]=\"filesList\"\n                  (fileChanged)=\"fileChanged($event)\">\n                </app-file-dropper>\n                <app-import-history-list *ngIf=\"config.importHistory.isEnabled\" [config]=\"config\">\n                </app-import-history-list>\n              </section>\n              <app-field-mapping class=\"w-100\" *ngIf=\"this.fileData.length > 0 && !this.failedItems.length\"\n                [data]=\"fileData\" [config]=\"config\" (onSave)=\"mappingProcessed($event)\" (onReUpload)=\"reUpload()\">\n              </app-field-mapping>\n              <app-failed-items-list class=\"w-100\" *ngIf=\"this.failedItems.length > 0\" [failedItems]=\"failedItems\"\n                [selectedFields]=\"selectedFields\" (onReUpload)=\"reUpload()\"></app-failed-items-list>\n            </div>\n          </mat-card-content>\n        </mat-card>\n      </div>\n      <div class=\"col-12 col-md-4\">\n        <mat-card class=\"w-100\">\n          <mat-card-content class=\"d-flex flex-column\">\n            <h5 class=\"primary-color pb-3\">Instructions & Requirements</h5>\n            <div class=\"text-muted\">\n              <p>\n                1. Please use this yyyy/MM/dd date format for all the date fields. Otherwise your date fields will be\n                incorrect or not will be accepted. Ex: 2021/09/27\n              </p>\n              <ng-container *ngIf=\"config?.customErrorMessages\">\n                <ng-container *ngIf=\"config?.isRenderCustomErrorMessagesInHtml; else renderPlainText\">\n                  <ng-container *ngFor=\"let message of config?.customErrorMessages\">\n                    <div [innerHtml]=\"message\"></div>\n                  </ng-container>\n                </ng-container>\n                <ng-template #renderPlainText>\n                  <p *ngFor=\"let message of config?.customErrorMessages\">\n                    {{message}}\n                  </p>\n                </ng-template>\n              </ng-container>\n            </div>\n          </mat-card-content>\n        </mat-card>\n      </div>\n    </div>\n    <div class=\"d-flex flex-column p-3\" *ngIf=\"currentStep==3 || currentStep == 5\">\n      <app-data-import [step]=\"step\"></app-data-import>\n    </div>\n    <div class=\"d-flex flex-column p-3\" *ngIf=\"currentStep == 6\">\n      <app-import-success [data]=\"result\" [config]=\"config\"></app-import-success>\n    </div>\n  </div>\n</div>\n", styles: [".drop-section{width:100%!important}.mat-card-title{margin:0!important}.clickable-card{width:100%}.normal-font-weight{font-weight:200!important}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i10.FileDropperComponent, selector: "app-file-dropper", inputs: ["fileArray", "config", "styles"], outputs: ["fileChanged"] }, { kind: "component", type: i11.FieldMappingComponent, selector: "app-field-mapping", inputs: ["data", "config"], outputs: ["onSave", "onReUpload"] }, { kind: "component", type: i12.FailedItemsListComponent, selector: "app-failed-items-list", inputs: ["failedItems", "selectedFields"], outputs: ["onReUpload"] }, { kind: "component", type: i13.ImportHistoryListComponent, selector: "app-import-history-list", inputs: ["config"] }, { kind: "component", type: i14.ImportSuccessComponent, selector: "app-import-success", inputs: ["data", "config"] }, { kind: "component", type: i15.DataImportComponent, selector: "app-data-import", inputs: ["step"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ImportCsvComponent, selector: "app-import-csv", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"d-flex flex-column\">\n  <mat-card class=\"w-100 p-0\">\n    <mat-card-content class=\"d-flex flex-row flex-wrap align-items-center justify-content-center w-100 primary-color\">\n      <h4 style=\"flex: 0 0 20%;\" class=\"ml-2\">\n        Step {{step.step}}: <span class=\"normal-font-weight\">{{step?.title}}</span>\n      </h4>\n      <h3 class=\"d-flex align-items-center justify-content-center gap-3 text-dark\" style=\"flex: 0 0 80%;\">\n        <span>{{config?.title}} Import</span>\n        <a *ngIf=\"config?.sampleFile && currentStep == 1\" style=\"color: inherit;\" [download]=\"config?.sampleFile?.name\"\n          target=\"_blank\" [href]=\"config?.sampleFile?.path\" matTooltip=\"Download Sample file\" matTooltipPosition=\"below\">\n          <button mat-stroked-button class=\"primary-color\">\n            <mat-icon>\n              download\n            </mat-icon>\n            Sample File\n          </button>\n        </a>\n      </h3>\n    </mat-card-content>\n  </mat-card>\n  <div class=\"w-100 mt-2\">\n    <div class=\"row g-3\" *ngIf=\"currentStep==1 || currentStep == 2 || currentStep == 4\">\n      <div class=\"col-12 col-md-8\">\n        <mat-card class=\"w-100\">\n          <mat-card-content class=\"d-flex flex-column\">\n            <div class=\"w-100 overflow-x-auto\">\n              <section class=\"d-flex flex-column w-100\" *ngIf=\"config.importType && !this.fileData.length && !this.failedItems.length\">\n                <h5 class=\"primary-color pb-3\">File Upload</h5>\n                <app-file-dropper class=\"d-block w-100 mb-2 drop-section\" [config]=\"filesConfig\" [fileArray]=\"filesList\"\n                  (fileChanged)=\"fileChanged($event)\">\n                </app-file-dropper>\n                <app-import-history-list *ngIf=\"config.importHistory.isEnabled\" [config]=\"config\">\n                </app-import-history-list>\n              </section>\n              <app-field-mapping class=\"w-100\" *ngIf=\"this.fileData.length > 0 && !this.failedItems.length\"\n                [data]=\"fileData\" [config]=\"config\" (onSave)=\"mappingProcessed($event)\" (onReUpload)=\"reUpload()\">\n              </app-field-mapping>\n              <app-failed-items-list class=\"w-100\" *ngIf=\"this.failedItems.length > 0\" [failedItems]=\"failedItems\"\n                [selectedFields]=\"selectedFields\" (onReUpload)=\"reUpload()\"></app-failed-items-list>\n            </div>\n          </mat-card-content>\n        </mat-card>\n      </div>\n      <div class=\"col-12 col-md-4\">\n        <mat-card class=\"w-100\">\n          <mat-card-content class=\"d-flex flex-column\">\n            <h5 class=\"primary-color pb-3\">Instructions & Requirements</h5>\n            <div class=\"text-muted\">\n              <p>\n                1. Please use this yyyy/MM/dd date format for all the date fields. Otherwise your date fields will be\n                incorrect or not will be accepted. Ex: 2021/09/27\n              </p>\n              <ng-container *ngIf=\"config?.customErrorMessages\">\n                <ng-container *ngIf=\"config?.isRenderCustomErrorMessagesInHtml; else renderPlainText\">\n                  <ng-container *ngFor=\"let message of config?.customErrorMessages\">\n                    <div [innerHtml]=\"message\"></div>\n                  </ng-container>\n                </ng-container>\n                <ng-template #renderPlainText>\n                  <p *ngFor=\"let message of config?.customErrorMessages\">\n                    {{message}}\n                  </p>\n                </ng-template>\n              </ng-container>\n            </div>\n          </mat-card-content>\n        </mat-card>\n      </div>\n    </div>\n    <div class=\"d-flex flex-column p-3\" *ngIf=\"currentStep==3 || currentStep == 5\">\n      <app-data-import [step]=\"step\"></app-data-import>\n    </div>\n    <div class=\"d-flex flex-column p-3\" *ngIf=\"currentStep == 6\">\n      <app-import-success [data]=\"result\" [config]=\"config\"></app-import-success>\n    </div>\n  </div>\n</div>\n", styles: [".drop-section{width:100%!important}.mat-card-title{margin:0!important}.clickable-card{width:100%}.normal-font-weight{font-weight:200!important}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.FileDropperComponent, selector: "app-file-dropper", inputs: ["fileArray", "config", "styles"], outputs: ["fileChanged"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i9.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i11.FieldMappingComponent, selector: "app-field-mapping", inputs: ["data", "config"], outputs: ["onSave", "onReUpload"] }, { kind: "component", type: i12.FailedItemsListComponent, selector: "app-failed-items-list", inputs: ["failedItems", "selectedFields"], outputs: ["onReUpload"] }, { kind: "component", type: i13.ImportHistoryListComponent, selector: "app-import-history-list", inputs: ["config"] }, { kind: "component", type: i14.ImportSuccessComponent, selector: "app-import-success", inputs: ["data", "config"] }, { kind: "component", type: i15.DataImportComponent, selector: "app-data-import", inputs: ["step"] }] }); }
 };
 ImportCsvComponent = __decorate([
     UntilDestroy()

package/esm2022/lib/import-csv/import-csv.module.mjs

@@ -1,18 +1,12 @@
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { DocumentViewerModule } from './../document-viewer/document-viewer.module';
-import { FileDropperModule } from './../file-dropper/file-dropper.module';
-import { MaterialModule } from './../material.module';
 import { ImportSuccessComponent } from './import-success/import-success.component';
 import { ImportHistoryListComponent } from './import-history-list/import-history-list.component';
 import { FieldMappingComponent } from './field-mapping/field-mapping.component';
 import { FailedItemsListComponent } from './failed-items-list/failed-items-list.component';
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { FlexLayoutModule } from '@angular/flex-layout';
 import { ImportCsvComponent } from './import-csv.component';
 import { RouterModule } from '@angular/router';
-import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import { DataImportComponent } from './data-import/data-import.component';
+import { SharedModule } from './../shared.module';
 import * as i0 from "@angular/core";
 export class ImportCsvModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImportCsvModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -21,41 +15,17 @@ export class ImportCsvModule {
             FailedItemsListComponent,
             ImportHistoryListComponent,
             ImportSuccessComponent,
-            DataImportComponent], imports: [CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            FlexLayoutModule,
-            RouterModule,
-            MaterialModule,
-            FlexLayoutModule,
-            FileDropperModule,
-            DocumentViewerModule,
-            InfiniteScrollModule], exports: [ImportCsvComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImportCsvModule, imports: [CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            FlexLayoutModule,
-            RouterModule,
-            MaterialModule,
-            FlexLayoutModule,
-            FileDropperModule,
-            DocumentViewerModule,
-            InfiniteScrollModule] }); }
+            DataImportComponent], imports: [SharedModule,
+            RouterModule], exports: [ImportCsvComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImportCsvModule, imports: [SharedModule,
+            RouterModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImportCsvModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        FlexLayoutModule,
-                        RouterModule,
-                        MaterialModule,
-                        FlexLayoutModule,
-                        FileDropperModule,
-                        DocumentViewerModule,
-                        InfiniteScrollModule
+                        SharedModule,
+                        RouterModule
                     ],
                     declarations: [
                         ImportCsvComponent,
@@ -71,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1wb3J0LWNzdi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdGVjaGxpZnktY29yZS9zcmMvbGliL2ltcG9ydC1jc3YvaW1wb3J0LWNzdi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUMzRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBNEIxRSxNQUFNLE9BQU8sZUFBZTsrR0FBZixlQUFlO2dIQUFmLGVBQWUsaUJBWnhCLGtCQUFrQjtZQUNsQixxQkFBcUI7WUFDckIsd0JBQXdCO1lBQ3hCLDBCQUEwQjtZQUMxQixzQkFBc0I7WUFDdEIsbUJBQW1CLGFBakJuQixZQUFZO1lBQ1osV0FBVztZQUNYLG1CQUFtQjtZQUNuQixnQkFBZ0I7WUFDaEIsWUFBWTtZQUNaLGNBQWM7WUFDZCxnQkFBZ0I7WUFDaEIsaUJBQWlCO1lBQ2pCLG9CQUFvQjtZQUNwQixvQkFBb0IsYUFZcEIsa0JBQWtCO2dIQUdULGVBQWUsWUF4QnhCLFlBQVk7WUFDWixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLGdCQUFnQjtZQUNoQixZQUFZO1lBQ1osY0FBYztZQUNkLGdCQUFnQjtZQUNoQixpQkFBaUI7WUFDakIsb0JBQW9CO1lBQ3BCLG9CQUFvQjs7NEZBZVgsZUFBZTtrQkExQjNCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIsWUFBWTt3QkFDWixjQUFjO3dCQUNkLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3dCQUNqQixvQkFBb0I7d0JBQ3BCLG9CQUFvQjtxQkFDckI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGtCQUFrQjt3QkFDbEIscUJBQXFCO3dCQUNyQix3QkFBd0I7d0JBQ3hCLDBCQUEwQjt3QkFDMUIsc0JBQXNCO3dCQUN0QixtQkFBbUI7cUJBQ3BCO29CQUNELFNBQVMsRUFBRSxFQUFFO29CQUNiLE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7cUJBQ25CO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBEb2N1bWVudFZpZXdlck1vZHVsZSB9IGZyb20gJy4vLi4vZG9jdW1lbnQtdmlld2VyL2RvY3VtZW50LXZpZXdlci5tb2R1bGUnO1xuaW1wb3J0IHsgRmlsZURyb3BwZXJNb2R1bGUgfSBmcm9tICcuLy4uL2ZpbGUtZHJvcHBlci9maWxlLWRyb3BwZXIubW9kdWxlJztcbmltcG9ydCB7IE1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnLi8uLi9tYXRlcmlhbC5tb2R1bGUnO1xuaW1wb3J0IHsgSW1wb3J0U3VjY2Vzc0NvbXBvbmVudCB9IGZyb20gJy4vaW1wb3J0LXN1Y2Nlc3MvaW1wb3J0LXN1Y2Nlc3MuY29tcG9uZW50JztcbmltcG9ydCB7IEltcG9ydEhpc3RvcnlMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9pbXBvcnQtaGlzdG9yeS1saXN0L2ltcG9ydC1oaXN0b3J5LWxpc3QuY29tcG9uZW50JztcbmltcG9ydCB7IEZpZWxkTWFwcGluZ0NvbXBvbmVudCB9IGZyb20gJy4vZmllbGQtbWFwcGluZy9maWVsZC1tYXBwaW5nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGYWlsZWRJdGVtc0xpc3RDb21wb25lbnQgfSBmcm9tICcuL2ZhaWxlZC1pdGVtcy1saXN0L2ZhaWxlZC1pdGVtcy1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZsZXhMYXlvdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mbGV4LWxheW91dCc7XG5pbXBvcnQgeyBJbXBvcnRDc3ZDb21wb25lbnQgfSBmcm9tICcuL2ltcG9ydC1jc3YuY29tcG9uZW50JztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBJbmZpbml0ZVNjcm9sbE1vZHVsZSB9IGZyb20gJ25neC1pbmZpbml0ZS1zY3JvbGwnO1xuaW1wb3J0IHsgRGF0YUltcG9ydENvbXBvbmVudCB9IGZyb20gJy4vZGF0YS1pbXBvcnQvZGF0YS1pbXBvcnQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIEZsZXhMYXlvdXRNb2R1bGUsXG4gICAgUm91dGVyTW9kdWxlLFxuICAgIE1hdGVyaWFsTW9kdWxlLFxuICAgIEZsZXhMYXlvdXRNb2R1bGUsXG4gICAgRmlsZURyb3BwZXJNb2R1bGUsXG4gICAgRG9jdW1lbnRWaWV3ZXJNb2R1bGUsXG4gICAgSW5maW5pdGVTY3JvbGxNb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgSW1wb3J0Q3N2Q29tcG9uZW50LFxuICAgIEZpZWxkTWFwcGluZ0NvbXBvbmVudCxcbiAgICBGYWlsZWRJdGVtc0xpc3RDb21wb25lbnQsXG4gICAgSW1wb3J0SGlzdG9yeUxpc3RDb21wb25lbnQsXG4gICAgSW1wb3J0U3VjY2Vzc0NvbXBvbmVudCxcbiAgICBEYXRhSW1wb3J0Q29tcG9uZW50XG4gIF0sXG4gIHByb3ZpZGVyczogW10sXG4gIGV4cG9ydHM6IFtcbiAgICBJbXBvcnRDc3ZDb21wb25lbnRcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgSW1wb3J0Q3N2TW9kdWxlIHsgfVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1wb3J0LWNzdi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdGVjaGxpZnktY29yZS9zcmMvbGliL2ltcG9ydC1jc3YvaW1wb3J0LWNzdi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDbkYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDakcsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDM0YsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQW9CbEQsTUFBTSxPQUFPLGVBQWU7K0dBQWYsZUFBZTtnSEFBZixlQUFlLGlCQVp4QixrQkFBa0I7WUFDbEIscUJBQXFCO1lBQ3JCLHdCQUF3QjtZQUN4QiwwQkFBMEI7WUFDMUIsc0JBQXNCO1lBQ3RCLG1CQUFtQixhQVRuQixZQUFZO1lBQ1osWUFBWSxhQVlaLGtCQUFrQjtnSEFHVCxlQUFlLFlBaEJ4QixZQUFZO1lBQ1osWUFBWTs7NEZBZUgsZUFBZTtrQkFsQjNCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTtxQkFDYjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osa0JBQWtCO3dCQUNsQixxQkFBcUI7d0JBQ3JCLHdCQUF3Qjt3QkFDeEIsMEJBQTBCO3dCQUMxQixzQkFBc0I7d0JBQ3RCLG1CQUFtQjtxQkFDcEI7b0JBQ0QsU0FBUyxFQUFFLEVBQUU7b0JBQ2IsT0FBTyxFQUFFO3dCQUNQLGtCQUFrQjtxQkFDbkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbXBvcnRTdWNjZXNzQ29tcG9uZW50IH0gZnJvbSAnLi9pbXBvcnQtc3VjY2Vzcy9pbXBvcnQtc3VjY2Vzcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW1wb3J0SGlzdG9yeUxpc3RDb21wb25lbnQgfSBmcm9tICcuL2ltcG9ydC1oaXN0b3J5LWxpc3QvaW1wb3J0LWhpc3RvcnktbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRmllbGRNYXBwaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9maWVsZC1tYXBwaW5nL2ZpZWxkLW1hcHBpbmcuY29tcG9uZW50JztcbmltcG9ydCB7IEZhaWxlZEl0ZW1zTGlzdENvbXBvbmVudCB9IGZyb20gJy4vZmFpbGVkLWl0ZW1zLWxpc3QvZmFpbGVkLWl0ZW1zLWxpc3QuY29tcG9uZW50JztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbXBvcnRDc3ZDb21wb25lbnQgfSBmcm9tICcuL2ltcG9ydC1jc3YuY29tcG9uZW50JztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBEYXRhSW1wb3J0Q29tcG9uZW50IH0gZnJvbSAnLi9kYXRhLWltcG9ydC9kYXRhLWltcG9ydC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2hhcmVkTW9kdWxlIH0gZnJvbSAnLi8uLi9zaGFyZWQubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIFNoYXJlZE1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgSW1wb3J0Q3N2Q29tcG9uZW50LFxuICAgIEZpZWxkTWFwcGluZ0NvbXBvbmVudCxcbiAgICBGYWlsZWRJdGVtc0xpc3RDb21wb25lbnQsXG4gICAgSW1wb3J0SGlzdG9yeUxpc3RDb21wb25lbnQsXG4gICAgSW1wb3J0U3VjY2Vzc0NvbXBvbmVudCxcbiAgICBEYXRhSW1wb3J0Q29tcG9uZW50XG4gIF0sXG4gIHByb3ZpZGVyczogW10sXG4gIGV4cG9ydHM6IFtcbiAgICBJbXBvcnRDc3ZDb21wb25lbnRcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgSW1wb3J0Q3N2TW9kdWxlIHsgfVxuIl19

package/esm2022/lib/import-csv/import-history-list/import-history-list.component.mjs

@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "./../../core/error-handler.service";
 import * as i2 from "../../core/http.service";
 import * as i3 from "@angular/common";
-import * as i4 from "@angular/router";
+import * as i4 from "ngx-infinite-scroll";
 import * as i5 from "@angular/material/table";
-import * as i6 from "ngx-infinite-scroll";
+import * as i6 from "@angular/router";
 export class ImportHistoryListComponent {
     constructor(errorHandler, http) {
         this.errorHandler = errorHandler;
@@ -59,7 +59,7 @@ export class ImportHistoryListComponent {
         //Until destroyed uses it
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImportHistoryListComponent, deps: [{ token: i1.ErrorHandlerService }, { token: i2.HttpService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ImportHistoryListComponent, selector: "app-import-history-list", inputs: { config: "config" }, ngImport: i0, template: "<section class=\"d-flex flex-column\">\n  <h5 class=\"primary-color py-3\">\n    Import History\n  </h5>\n  <table mat-table [dataSource]=\"histories\" class=\"mat-elevation-z8 w-100\" infi infiniteScroll\n    [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\">\n\n    <!-- Index Column -->\n    <ng-container matColumnDef=\"index\">\n      <th mat-header-cell *matHeaderCellDef> # </th>\n      <td mat-cell *matCellDef=\"let element;let i=index\"> {{ i+1 }} </td>\n    </ng-container>\n\n    <!-- Date Column -->\n    <ng-container matColumnDef=\"date\">\n      <th mat-header-cell *matHeaderCellDef> Date </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element?.created_at | date:'medium'}} </td>\n    </ng-container>\n\n    <!-- Imported By Column -->\n    <ng-container matColumnDef=\"imported_by\">\n      <th mat-header-cell *matHeaderCellDef> Imported By </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element?.creator?.name}} </td>\n    </ng-container>\n\n    <!-- No of records Column -->\n    <ng-container matColumnDef=\"no_of_records\">\n      <th mat-header-cell *matHeaderCellDef> # of Records </th>\n      <td mat-cell *matCellDef=\"let element\">\n        <a *ngIf=\"config.viewRouterLink\" href=\"javascript:;\"\n          [routerLink]=\"[config.viewRouterLink]\" [queryParams]=\"{import_id: element?.id}\">\n          {{element?.no_of_records}}\n        </a>\n        <span *ngIf=\"!config.viewRouterLink\">\n          {{element?.no_of_records}}\n        </span>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n</section>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ImportHistoryListComponent, selector: "app-import-history-list", inputs: { config: "config" }, ngImport: i0, template: "<section class=\"d-flex flex-column\">\n  <h5 class=\"primary-color py-3\">\n    Import History\n  </h5>\n  <table mat-table [dataSource]=\"histories\" class=\"mat-elevation-z8 w-100\" infi infiniteScroll\n    [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\">\n\n    <!-- Index Column -->\n    <ng-container matColumnDef=\"index\">\n      <th mat-header-cell *matHeaderCellDef> # </th>\n      <td mat-cell *matCellDef=\"let element;let i=index\"> {{ i+1 }} </td>\n    </ng-container>\n\n    <!-- Date Column -->\n    <ng-container matColumnDef=\"date\">\n      <th mat-header-cell *matHeaderCellDef> Date </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element?.created_at | date:'medium'}} </td>\n    </ng-container>\n\n    <!-- Imported By Column -->\n    <ng-container matColumnDef=\"imported_by\">\n      <th mat-header-cell *matHeaderCellDef> Imported By </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element?.creator?.name}} </td>\n    </ng-container>\n\n    <!-- No of records Column -->\n    <ng-container matColumnDef=\"no_of_records\">\n      <th mat-header-cell *matHeaderCellDef> # of Records </th>\n      <td mat-cell *matCellDef=\"let element\">\n        <a *ngIf=\"config.viewRouterLink\" href=\"javascript:;\"\n          [routerLink]=\"[config.viewRouterLink]\" [queryParams]=\"{import_id: element?.id}\">\n          {{element?.no_of_records}}\n        </a>\n        <span *ngIf=\"!config.viewRouterLink\">\n          {{element?.no_of_records}}\n        </span>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n</section>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "component", type: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImportHistoryListComponent, decorators: [{
             type: Component,

package/esm2022/lib/import-csv/import-success/import-success.component.mjs

@@ -1,16 +1,16 @@
 import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@angular/router";
-import * as i3 from "@angular/material/button";
-import * as i4 from "@angular/material/icon";
-import * as i5 from "@angular/material/card";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/card";
+import * as i5 from "@angular/router";
 export class ImportSuccessComponent {
     constructor() { }
     ngOnInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImportSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ImportSuccessComponent, selector: "app-import-success", inputs: { data: "data", config: "config" }, ngImport: i0, template: "<mat-card class=\"w-100 p-0\">\n  <mat-card-content class=\"d-flex flex-column align-items-center justify-content-center pt-3\">\n    <mat-icon style=\"transform: scale(2);\" class=\"text-success\">\n      <span class=\"material-icons-outlined\">\n        check_circle\n      </span>\n    </mat-icon>\n    <h3 class=\"font-weight-bold p-3 text-success text-center\">\n      {{data?.no_of_recrods}} Records have been successfully imported\n    </h3>\n    <ng-container *ngIf=\"config.viewRouterLink\">\n      <div class=\"text-muted p-3 text-center\">\n        Click the button below to view the imported records.\n      </div>\n      <div class=\"text-muted p-3 text-center\">\n        <button type=\"button\" mat-raised-button [routerLink]=\"[config.viewRouterLink]\" [queryParams]=\"{import_id: data?.import_id}\">\n          View Imported Records\n        </button>\n      </div>\n    </ng-container>\n  </mat-card-content>\n</mat-card>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5.MatCardContent, selector: "mat-card-content" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ImportSuccessComponent, selector: "app-import-success", inputs: { data: "data", config: "config" }, ngImport: i0, template: "<mat-card class=\"w-100 p-0\">\n  <mat-card-content class=\"d-flex flex-column align-items-center justify-content-center pt-3\">\n    <mat-icon style=\"transform: scale(2);\" class=\"text-success\">\n      <span class=\"material-icons-outlined\">\n        check_circle\n      </span>\n    </mat-icon>\n    <h3 class=\"font-weight-bold p-3 text-success text-center\">\n      {{data?.no_of_recrods}} Records have been successfully imported\n    </h3>\n    <ng-container *ngIf=\"config.viewRouterLink\">\n      <div class=\"text-muted p-3 text-center\">\n        Click the button below to view the imported records.\n      </div>\n      <div class=\"text-muted p-3 text-center\">\n        <button type=\"button\" mat-raised-button [routerLink]=\"[config.viewRouterLink]\" [queryParams]=\"{import_id: data?.import_id}\">\n          View Imported Records\n        </button>\n      </div>\n    </ng-container>\n  </mat-card-content>\n</mat-card>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImportSuccessComponent, decorators: [{
             type: Component,

package/esm2022/lib/ip-address-selector/ip-address-selector.module.mjs

@@ -1,29 +1,11 @@
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
 import { IpRangeSelectorComponent } from './ip-range-selector/ip-range-selector.component';
-import { FlexModule } from '@angular/flex-layout';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatOptionModule } from '@angular/material/core';
-import { MatSelectModule } from '@angular/material/select';
-import { ReactiveFormsModule } from '@angular/forms';
+import { SharedModule } from '../shared.module';
 import * as i0 from "@angular/core";
 export class IpAddressSelectorModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IpAddressSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IpAddressSelectorModule, declarations: [IpRangeSelectorComponent], imports: [CommonModule,
-            FlexModule,
-            MatFormFieldModule,
-            MatInputModule,
-            MatOptionModule,
-            MatSelectModule,
-            ReactiveFormsModule], exports: [IpRangeSelectorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IpAddressSelectorModule, imports: [CommonModule,
-            FlexModule,
-            MatFormFieldModule,
-            MatInputModule,
-            MatOptionModule,
-            MatSelectModule,
-            ReactiveFormsModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IpAddressSelectorModule, declarations: [IpRangeSelectorComponent], imports: [SharedModule], exports: [IpRangeSelectorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IpAddressSelectorModule, imports: [SharedModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IpAddressSelectorModule, decorators: [{
             type: NgModule,
@@ -32,17 +14,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         IpRangeSelectorComponent
                     ],
                     imports: [
-                        CommonModule,
-                        FlexModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        MatOptionModule,
-                        MatSelectModule,
-                        ReactiveFormsModule,
+                        SharedModule
                     ],
                     exports: [
                         IpRangeSelectorComponent
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXAtYWRkcmVzcy1zZWxlY3Rvci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdGVjaGxpZnktY29yZS9zcmMvbGliL2lwLWFkZHJlc3Mtc2VsZWN0b3IvaXAtYWRkcmVzcy1zZWxlY3Rvci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDM0YsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ2hELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBQ2hFLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDOztBQXFCbkQsTUFBTSxPQUFPLHVCQUF1QjsrR0FBdkIsdUJBQXVCO2dIQUF2Qix1QkFBdUIsaUJBZmhDLHdCQUF3QixhQUdwQixZQUFZO1lBQ1osVUFBVTtZQUNWLGtCQUFrQjtZQUNsQixjQUFjO1lBQ2QsZUFBZTtZQUNmLGVBQWU7WUFDZixtQkFBbUIsYUFHdkIsd0JBQXdCO2dIQUdmLHVCQUF1QixZQVo1QixZQUFZO1lBQ1osVUFBVTtZQUNWLGtCQUFrQjtZQUNsQixjQUFjO1lBQ2QsZUFBZTtZQUNmLGVBQWU7WUFDZixtQkFBbUI7OzRGQU1kLHVCQUF1QjtrQkFqQm5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0MsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osVUFBVTt3QkFDVixrQkFBa0I7d0JBQ2xCLGNBQWM7d0JBQ2QsZUFBZTt3QkFDZixlQUFlO3dCQUNmLG1CQUFtQjtxQkFDdEI7b0JBQ0gsT0FBTyxFQUFFO3dCQUNQLHdCQUF3QjtxQkFDekI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IElwUmFuZ2VTZWxlY3RvckNvbXBvbmVudCB9IGZyb20gJy4vaXAtcmFuZ2Utc2VsZWN0b3IvaXAtcmFuZ2Utc2VsZWN0b3IuY29tcG9uZW50JztcbmltcG9ydCB7RmxleE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZmxleC1sYXlvdXQnO1xuaW1wb3J0IHtNYXRGb3JtRmllbGRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHtNYXRJbnB1dE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHtNYXRPcHRpb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHtNYXRTZWxlY3RNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NlbGVjdCc7XG5pbXBvcnQge1JlYWN0aXZlRm9ybXNNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIElwUmFuZ2VTZWxlY3RvckNvbXBvbmVudFxuICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBGbGV4TW9kdWxlLFxuICAgICAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgICAgIE1hdElucHV0TW9kdWxlLFxuICAgICAgICBNYXRPcHRpb25Nb2R1bGUsXG4gICAgICAgIE1hdFNlbGVjdE1vZHVsZSxcbiAgICAgICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBdLFxuICBleHBvcnRzOiBbXG4gICAgSXBSYW5nZVNlbGVjdG9yQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgSXBBZGRyZXNzU2VsZWN0b3JNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXAtYWRkcmVzcy1zZWxlY3Rvci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdGVjaGxpZnktY29yZS9zcmMvbGliL2lwLWFkZHJlc3Mtc2VsZWN0b3IvaXAtYWRkcmVzcy1zZWxlY3Rvci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUMzRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBZWhELE1BQU0sT0FBTyx1QkFBdUI7K0dBQXZCLHVCQUF1QjtnSEFBdkIsdUJBQXVCLGlCQVRoQyx3QkFBd0IsYUFHcEIsWUFBWSxhQUdoQix3QkFBd0I7Z0hBR2YsdUJBQXVCLFlBTjVCLFlBQVk7OzRGQU1QLHVCQUF1QjtrQkFYbkMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osd0JBQXdCO3FCQUN6QjtvQkFDQyxPQUFPLEVBQUU7d0JBQ0wsWUFBWTtxQkFDZjtvQkFDSCxPQUFPLEVBQUU7d0JBQ1Asd0JBQXdCO3FCQUN6QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJcFJhbmdlU2VsZWN0b3JDb21wb25lbnQgfSBmcm9tICcuL2lwLXJhbmdlLXNlbGVjdG9yL2lwLXJhbmdlLXNlbGVjdG9yLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTaGFyZWRNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQubW9kdWxlJztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIElwUmFuZ2VTZWxlY3RvckNvbXBvbmVudFxuICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgU2hhcmVkTW9kdWxlXG4gICAgXSxcbiAgZXhwb3J0czogW1xuICAgIElwUmFuZ2VTZWxlY3RvckNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIElwQWRkcmVzc1NlbGVjdG9yTW9kdWxlIHsgfVxuIl19

package/esm2022/lib/ip-address-selector/ip-range-selector/ip-range-selector.component.mjs

@@ -3,12 +3,11 @@ import { Component, Input } from '@angular/core';
 import { FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@angular/flex-layout/flex";
-import * as i3 from "@angular/material/form-field";
-import * as i4 from "@angular/material/input";
-import * as i5 from "@angular/material/core";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/core";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/input";
 import * as i6 from "@angular/material/select";
-import * as i7 from "@angular/forms";
 export class IpRangeSelectorComponent {
     constructor() {
         this.label = 'IP Range';
@@ -92,7 +91,7 @@ export class IpRangeSelectorComponent {
                 multi: true,
                 useExisting: IpRangeSelectorComponent
             }
-        ], ngImport: i0, template: "<div fxLayout fxLayoutGap=\"10px\" class=\"w-100\">\n  <mat-form-field fxFlex=\"calc(85% - 10px)\">\n    <mat-label>{{ label }}</mat-label>\n    <input type=\"text\" matInput placeholder=\"IP Range\" [formControl]=\"ipAddressControl\">\n    <mat-hint>\n      What is the ip address or range that we should block? Format can be either a single IP like\n      <code>192.175.32.133</code> OR a range specifying the subnet like <code>192.175.32.0/24</code>\n    </mat-hint>\n  </mat-form-field>\n  <mat-form-field fxFlex=\"calc(15% - 10px)\">\n    <mat-select [formControl]=\"subnetControl\">\n      <mat-option *ngFor=\"let subnet of subnetOptions\" [value]=\"subnet.value\">\n        /{{ subnet.value }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n</div>\n", styles: [".custom-suffix{background:gray;margin-top:-20px;position:absolute;right:0;top:20px;height:50px;border-radius:4px;padding-top:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+        ], ngImport: i0, template: "<div class=\"w-100 row g-2\">\n  <mat-form-field class=\"col-10\">\n    <mat-label>{{ label }}</mat-label>\n    <input type=\"text\" matInput placeholder=\"IP Range\" [formControl]=\"ipAddressControl\">\n    <mat-hint>\n      What is the ip address or range that we should block? Format can be either a single IP like\n      <code>192.175.32.133</code> OR a range specifying the subnet like <code>192.175.32.0/24</code>\n    </mat-hint>\n  </mat-form-field>\n  <mat-form-field class=\"col-2\">\n    <mat-select [formControl]=\"subnetControl\">\n      <mat-option *ngFor=\"let subnet of subnetOptions\" [value]=\"subnet.value\">\n        /{{ subnet.value }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n</div>\n", styles: [".custom-suffix{background:gray;margin-top:-20px;position:absolute;right:0;top:20px;height:50px;border-radius:4px;padding-top:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IpRangeSelectorComponent, decorators: [{
             type: Component,
@@ -102,8 +101,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             multi: true,
                             useExisting: IpRangeSelectorComponent
                         }
-                    ], template: "<div fxLayout fxLayoutGap=\"10px\" class=\"w-100\">\n  <mat-form-field fxFlex=\"calc(85% - 10px)\">\n    <mat-label>{{ label }}</mat-label>\n    <input type=\"text\" matInput placeholder=\"IP Range\" [formControl]=\"ipAddressControl\">\n    <mat-hint>\n      What is the ip address or range that we should block? Format can be either a single IP like\n      <code>192.175.32.133</code> OR a range specifying the subnet like <code>192.175.32.0/24</code>\n    </mat-hint>\n  </mat-form-field>\n  <mat-form-field fxFlex=\"calc(15% - 10px)\">\n    <mat-select [formControl]=\"subnetControl\">\n      <mat-option *ngFor=\"let subnet of subnetOptions\" [value]=\"subnet.value\">\n        /{{ subnet.value }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n</div>\n", styles: [".custom-suffix{background:gray;margin-top:-20px;position:absolute;right:0;top:20px;height:50px;border-radius:4px;padding-top:20px}\n"] }]
+                    ], template: "<div class=\"w-100 row g-2\">\n  <mat-form-field class=\"col-10\">\n    <mat-label>{{ label }}</mat-label>\n    <input type=\"text\" matInput placeholder=\"IP Range\" [formControl]=\"ipAddressControl\">\n    <mat-hint>\n      What is the ip address or range that we should block? Format can be either a single IP like\n      <code>192.175.32.133</code> OR a range specifying the subnet like <code>192.175.32.0/24</code>\n    </mat-hint>\n  </mat-form-field>\n  <mat-form-field class=\"col-2\">\n    <mat-select [formControl]=\"subnetControl\">\n      <mat-option *ngFor=\"let subnet of subnetOptions\" [value]=\"subnet.value\">\n        /{{ subnet.value }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n</div>\n", styles: [".custom-suffix{background:gray;margin-top:-20px;position:absolute;right:0;top:20px;height:50px;border-radius:4px;padding-top:20px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { label: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXAtcmFuZ2Utc2VsZWN0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXRlY2hsaWZ5LWNvcmUvc3JjL2xpYi9pcC1hZGRyZXNzLXNlbGVjdG9yL2lwLXJhbmdlLXNlbGVjdG9yL2lwLXJhbmdlLXNlbGVjdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC10ZWNobGlmeS1jb3JlL3NyYy9saWIvaXAtYWRkcmVzcy1zZWxlY3Rvci9pcC1yYW5nZS1zZWxlY3Rvci9pcC1yYW5nZS1zZWxlY3Rvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw2Q0FBNkM7QUFDN0MsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDdkQsT0FBTyxFQUF1QixXQUFXLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7O0FBY3BGLE1BQU0sT0FBTyx3QkFBd0I7SUFFbkM7UUFFUyxVQUFLLEdBQUcsVUFBVSxDQUFDO1FBRTVCLGtCQUFhLEdBQUc7WUFDZCxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRTtZQUN2QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRTtZQUN2QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRTtZQUN2QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRTtZQUN2QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtZQUN4QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtZQUN4QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtZQUN4QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRTtZQUN6QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRTtZQUN6QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRTtZQUN6QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtZQUMxQixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtZQUMxQixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtZQUMxQixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtZQUMxQixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRTtZQUMzQixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRTtZQUMzQixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRTtZQUMzQixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRTtZQUM1QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRTtZQUM1QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRTtZQUM1QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUM3QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUM3QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUM3QixFQUFFLEtBQUssRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUM1QixFQUFFLEtBQUssRUFBRSxDQUFD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RSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsMEJBQTBCO3lCQUN0QztxQkFDRjt3REFNUSxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKiB0c2xpbnQ6ZGlzYWJsZTpjb21wb25lbnQtc2VsZWN0b3IgcmFkaXggKi9cbmltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1Db250cm9sLCBOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZWNobGlmeS1pcC1yYW5nZS1zZWxlY3RvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pcC1yYW5nZS1zZWxlY3Rvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lwLXJhbmdlLXNlbGVjdG9yLmNvbXBvbmVudC5jc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgIHVzZUV4aXN0aW5nOiBJcFJhbmdlU2VsZWN0b3JDb21wb25lbnRcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgSXBSYW5nZVNlbGVjdG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBASW5wdXQoKSBsYWJlbCA9ICdJUCBSYW5nZSc7XG5cbiAgc3VibmV0T3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAzMiwgcmFuZ2U6IDEgfSxcbiAgICB7IHZhbHVlOiAzMSwgcmFuZ2U6IDIgfSxcbiAgICB7IHZhbHVlOiAzMCwgcmFuZ2U6IDQgfSxcbiAgICB7IHZhbHVlOiAyOSwgcmFuZ2U6IDggfSxcbiAgICB7IHZhbHVlOiAyOCwgcmFuZ2U6IDE2IH0sXG4gICAgeyB2YWx1ZTogMjcsIHJhbmdlOiAzMiB9LFxuICAgIHsgdmFsdWU6IDI2LCByYW5nZTogNjQgfSxcbiAgICB7IHZhbHVlOiAyNSwgcmFuZ2U6IDEyOCB9LFxuICAgIHsgdmFsdWU6IDI0LCByYW5nZTogMjU2IH0sXG4gICAgeyB2YWx1ZTogMjMsIHJhbmdlOiA1MTIgfSxcbiAgICB7IHZhbHVlOiAyMiwgcmFuZ2U6IDEwMjQgfSxcbiAgICB7IHZhbHVlOiAyMSwgcmFuZ2U6IDIwNDggfSxcbiAgICB7IHZhbHVlOiAyMCwgcmFuZ2U6IDQwOTYgfSxcbiAgICB7IHZhbHVlOiAxOSwgcmFuZ2U6IDgxOTIgfSxcbiAgICB7IHZhbHVlOiAxOCwgcmFuZ2U6IDE2Mzg0IH0sXG4gICAgeyB2YWx1ZTogMTcsIHJhbmdlOiAzMjc2OCB9LFxuICAgIHsgdmFsdWU6IDE2LCByYW5nZTogNjU1MzYgfSxcbiAgICB7IHZhbHVlOiAxNSwgcmFuZ2U6IDEzMTA3MiB9LFxuICAgIHsgdmFsdWU6IDE0LCByYW5nZTogMjYyMTQ0IH0sXG4gICAgeyB2YWx1ZTogMTMsIHJhbmdlOiA1MjQyODggfSxcbiAgICB7IHZhbHVlOiAxMiwgcmFuZ2U6IDEwNDg1NzYgfSxcbiAgICB7IHZhbHVlOiAxMSwgcmFuZ2U6IDIwOTYxNTIgfSxcbiAgICB7IHZhbHVlOiAxMCwgcmFuZ2U6IDQxOTQzMDQgfSxcbiAgICB7IHZhbHVlOiA5LCByYW5nZTogODM4ODYwOCB9LFxuICAgIHsgdmFsdWU6IDgsIHJhbmdlOiAxNjc3NzIxNiB9LFxuICAgIHsgdmFsdWU6IDcsIHJhbmdlOiAzMzU1NDQzMiB9LFxuICAgIHsgdmFsdWU6IDYsIHJhbmdlOiA2NzEwODg2NCB9LFxuICAgIHsgdmFsdWU6IDUsIHJhbmdlOiAxMzQyMTc3MjggfSxcbiAgICB7IHZhbHVlOiA0LCByYW5nZTogMjY4NDM1NDU2IH0sXG4gICAgeyB2YWx1ZTogMywgcmFuZ2U6IDUzNjg3MDkxMiB9LFxuICAgIHsgdmFsdWU6IDIsIHJhbmdlOiAxMDczNzQxODI0IH0sXG4gICAgeyB2YWx1ZTogMSwgcmFuZ2U6IDIxNDc0ODM2NDggfSxcbiAgXTtcbiAgZGlzYWJsZWQgPSBmYWxzZTtcbiAgaXBBZGRyZXNzQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG4gIHN1Ym5ldENvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woMzIpO1xuXG4gIG9uQ2hhbmdlID0gKHZhbHVlOiBhbnkpID0+IHt9O1xuXG4gIG9uVG91Y2hlZCA9ICgpID0+IHt9O1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaXBBZGRyZXNzQ29udHJvbC52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKCgpID0+IHRoaXMudXBkYXRlVmFsdWUoKSk7XG4gICAgdGhpcy5zdWJuZXRDb250cm9sLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4gdGhpcy51cGRhdGVWYWx1ZSgpKTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBpZiAodmFsKSB7XG4gICAgICBjb25zdCBbaXBBZGRyZXNzLCBzdWJuZXRdID0gdmFsLnNwbGl0KCcvJyk7XG4gICAgICB0aGlzLmlwQWRkcmVzc0NvbnRyb2wuc2V0VmFsdWUoaXBBZGRyZXNzKTtcbiAgICAgIHRoaXMuc3VibmV0Q29udHJvbC5zZXRWYWx1ZShOdW1iZXIucGFyc2VJbnQoc3VibmV0KSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc3VibmV0Q29udHJvbC5zZXRWYWx1ZSgzMik7XG4gICAgfVxuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gIH1cblxuICAvKipcbiAgICogVXBkYXRlIHRoZSBjb250cm9sIHZhbHVlLlxuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSB1cGRhdGVWYWx1ZSgpOiB2b2lkIHtcbiAgICBjb25zdCBpcEFkZHJlc3MgPSB0aGlzLmlwQWRkcmVzc0NvbnRyb2wudmFsdWU7XG4gICAgY29uc3Qgc3VibmV0ID0gdGhpcy5zdWJuZXRDb250cm9sLnZhbHVlO1xuICAgIHRoaXMub25DaGFuZ2UoaXBBZGRyZXNzICsgJy8nICsgc3VibmV0KTtcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICB9XG59XG4iLCI8ZGl2IGZ4TGF5b3V0IGZ4TGF5b3V0R2FwPVwiMTBweFwiIGNsYXNzPVwidy0xMDBcIj5cbiAgPG1hdC1mb3JtLWZpZWxkIGZ4RmxleD1cImNhbGMoODUlIC0gMTBweClcIj5cbiAgICA8bWF0LWxhYmVsPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XG4gICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgbWF0SW5wdXQgcGxhY2Vob2xkZXI9XCJJUCBSYW5nZVwiIFtmb3JtQ29udHJvbF09XCJpcEFkZHJlc3NDb250cm9sXCI+XG4gICAgPG1hdC1oaW50PlxuICAgICAgV2hhdCBpcyB0aGUgaXAgYWRkcmVzcyBvciByYW5nZSB0aGF0IHdlIHNob3VsZCBibG9jaz8gRm9ybWF0IGNhbiBiZSBlaXRoZXIgYSBzaW5nbGUgSVAgbGlrZVxuICAgICAgPGNvZGU+MTkyLjE3NS4zMi4xMzM8L2NvZGU+IE9SIGEgcmFuZ2Ugc3BlY2lmeWluZyB0aGUgc3VibmV0IGxpa2UgPGNvZGU+MTkyLjE3NS4zMi4wLzI0PC9jb2RlPlxuICAgIDwvbWF0LWhpbnQ+XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG4gIDxtYXQtZm9ybS1maWVsZCBmeEZsZXg9XCJjYWxjKDE1JSAtIDEwcHgpXCI+XG4gICAgPG1hdC1zZWxlY3QgW2Zvcm1Db250cm9sXT1cInN1Ym5ldENvbnRyb2xcIj5cbiAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBzdWJuZXQgb2Ygc3VibmV0T3B0aW9uc1wiIFt2YWx1ZV09XCJzdWJuZXQudmFsdWVcIj5cbiAgICAgICAgL3t7IHN1Ym5ldC52YWx1ZSB9fVxuICAgICAgPC9tYXQtb3B0aW9uPlxuICAgIDwvbWF0LXNlbGVjdD5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXAtcmFuZ2Utc2VsZWN0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXRlY2hsaWZ5LWNvcmUvc3JjL2xpYi9pcC1hZGRyZXNzLXNlbGVjdG9yL2lwLXJhbmdlLXNlbGVjdG9yL2lwLXJhbmdlLXNlbGVjdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC10ZWNobGlmeS1jb3JlL3NyYy9saWIvaXAtYWRkcmVzcy1zZWxlY3Rvci9pcC1yYW5nZS1zZWxlY3Rvci9pcC1yYW5nZS1zZWxlY3Rvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw2Q0FBNkM7QUFDN0MsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDdkQsT0FBTyxFQUF1QixXQUFXLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7QUFjcEYsTUFBTSxPQUFPLHdCQUF3QjtJQUVuQztRQUVTLFVBQUssR0FBRyxVQUFVLENBQUM7UUFFNUIsa0JBQWEsR0FBRztZQUNkLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFO1lBQ3ZCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFO1lBQ3ZCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFO1lBQ3ZCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFO1lBQ3ZCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO1lBQ3hCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO1lBQ3hCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO1lBQ3hCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFO1lBQ3pCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFO1lBQ3pCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFO1lBQ3pCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO1lBQzFCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO1lBQzFCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO1lBQzFCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO1lBQzFCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFO1lBQzNCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFO1lBQzNCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFO1lBQzNCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFO1lBQzVCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFO1lBQzVCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFO1lBQzVCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQzdCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQzdCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQzdCLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQzVCLEVBQUUsS0FBSyxFQUFFLENBQUMs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LGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVywwQkFBMEI7eUJBQ3RDO3FCQUNGO3dEQU1RLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qIHRzbGludDpkaXNhYmxlOmNvbXBvbmVudC1zZWxlY3RvciByYWRpeCAqL1xuaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb250cm9sVmFsdWVBY2Nlc3NvciwgRm9ybUNvbnRyb2wsIE5HX1ZBTFVFX0FDQ0VTU09SfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlY2hsaWZ5LWlwLXJhbmdlLXNlbGVjdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lwLXJhbmdlLXNlbGVjdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaXAtcmFuZ2Utc2VsZWN0b3IuY29tcG9uZW50LmNzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IElwUmFuZ2VTZWxlY3RvckNvbXBvbmVudFxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBJcFJhbmdlU2VsZWN0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIEBJbnB1dCgpIGxhYmVsID0gJ0lQIFJhbmdlJztcblxuICBzdWJuZXRPcHRpb25zID0gW1xuICAgIHsgdmFsdWU6IDMyLCByYW5nZTogMSB9LFxuICAgIHsgdmFsdWU6IDMxLCByYW5nZTogMiB9LFxuICAgIHsgdmFsdWU6IDMwLCByYW5nZTogNCB9LFxuICAgIHsgdmFsdWU6IDI5LCByYW5nZTogOCB9LFxuICAgIHsgdmFsdWU6IDI4LCByYW5nZTogMTYgfSxcbiAgICB7IHZhbHVlOiAyNywgcmFuZ2U6IDMyIH0sXG4gICAgeyB2YWx1ZTogMjYsIHJhbmdlOiA2NCB9LFxuICAgIHsgdmFsdWU6IDI1LCByYW5nZTogMTI4IH0sXG4gICAgeyB2YWx1ZTogMjQsIHJhbmdlOiAyNTYgfSxcbiAgICB7IHZhbHVlOiAyMywgcmFuZ2U6IDUxMiB9LFxuICAgIHsgdmFsdWU6IDIyLCByYW5nZTogMTAyNCB9LFxuICAgIHsgdmFsdWU6IDIxLCByYW5nZTogMjA0OCB9LFxuICAgIHsgdmFsdWU6IDIwLCByYW5nZTogNDA5NiB9LFxuICAgIHsgdmFsdWU6IDE5LCByYW5nZTogODE5MiB9LFxuICAgIHsgdmFsdWU6IDE4LCByYW5nZTogMTYzODQgfSxcbiAgICB7IHZhbHVlOiAxNywgcmFuZ2U6IDMyNzY4IH0sXG4gICAgeyB2YWx1ZTogMTYsIHJhbmdlOiA2NTUzNiB9LFxuICAgIHsgdmFsdWU6IDE1LCByYW5nZTogMTMxMDcyIH0sXG4gICAgeyB2YWx1ZTogMTQsIHJhbmdlOiAyNjIxNDQgfSxcbiAgICB7IHZhbHVlOiAxMywgcmFuZ2U6IDUyNDI4OCB9LFxuICAgIHsgdmFsdWU6IDEyLCByYW5nZTogMTA0ODU3NiB9LFxuICAgIHsgdmFsdWU6IDExLCByYW5nZTogMjA5NjE1MiB9LFxuICAgIHsgdmFsdWU6IDEwLCByYW5nZTogNDE5NDMwNCB9LFxuICAgIHsgdmFsdWU6IDksIHJhbmdlOiA4Mzg4NjA4IH0sXG4gICAgeyB2YWx1ZTogOCwgcmFuZ2U6IDE2Nzc3MjE2IH0sXG4gICAgeyB2YWx1ZTogNywgcmFuZ2U6IDMzNTU0NDMyIH0sXG4gICAgeyB2YWx1ZTogNiwgcmFuZ2U6IDY3MTA4ODY0IH0sXG4gICAgeyB2YWx1ZTogNSwgcmFuZ2U6IDEzNDIxNzcyOCB9LFxuICAgIHsgdmFsdWU6IDQsIHJhbmdlOiAyNjg0MzU0NTYgfSxcbiAgICB7IHZhbHVlOiAzLCByYW5nZTogNTM2ODcwOTEyIH0sXG4gICAgeyB2YWx1ZTogMiwgcmFuZ2U6IDEwNzM3NDE4MjQgfSxcbiAgICB7IHZhbHVlOiAxLCByYW5nZTogMjE0NzQ4MzY0OCB9LFxuICBdO1xuICBkaXNhYmxlZCA9IGZhbHNlO1xuICBpcEFkZHJlc3NDb250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnKTtcbiAgc3VibmV0Q29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgzMik7XG5cbiAgb25DaGFuZ2UgPSAodmFsdWU6IGFueSkgPT4ge307XG5cbiAgb25Ub3VjaGVkID0gKCkgPT4ge307XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pcEFkZHJlc3NDb250cm9sLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4gdGhpcy51cGRhdGVWYWx1ZSgpKTtcbiAgICB0aGlzLnN1Ym5ldENvbnRyb2wudmFsdWVDaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB0aGlzLnVwZGF0ZVZhbHVlKCkpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWw6IHN0cmluZyk6IHZvaWQge1xuICAgIGlmICh2YWwpIHtcbiAgICAgIGNvbnN0IFtpcEFkZHJlc3MsIHN1Ym5ldF0gPSB2YWwuc3BsaXQoJy8nKTtcbiAgICAgIHRoaXMuaXBBZGRyZXNzQ29udHJvbC5zZXRWYWx1ZShpcEFkZHJlc3MpO1xuICAgICAgdGhpcy5zdWJuZXRDb250cm9sLnNldFZhbHVlKE51bWJlci5wYXJzZUludChzdWJuZXQpKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zdWJuZXRDb250cm9sLnNldFZhbHVlKDMyKTtcbiAgICB9XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIC8qKlxuICAgKiBVcGRhdGUgdGhlIGNvbnRyb2wgdmFsdWUuXG4gICAqIEBwcml2YXRlXG4gICAqL1xuICBwcml2YXRlIHVwZGF0ZVZhbHVlKCk6IHZvaWQge1xuICAgIGNvbnN0IGlwQWRkcmVzcyA9IHRoaXMuaXBBZGRyZXNzQ29udHJvbC52YWx1ZTtcbiAgICBjb25zdCBzdWJuZXQgPSB0aGlzLnN1Ym5ldENvbnRyb2wudmFsdWU7XG4gICAgdGhpcy5vbkNoYW5nZShpcEFkZHJlc3MgKyAnLycgKyBzdWJuZXQpO1xuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ3LTEwMCByb3cgZy0yXCI+XG4gIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImNvbC0xMFwiPlxuICAgIDxtYXQtbGFiZWw+e3sgbGFiZWwgfX08L21hdC1sYWJlbD5cbiAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBtYXRJbnB1dCBwbGFjZWhvbGRlcj1cIklQIFJhbmdlXCIgW2Zvcm1Db250cm9sXT1cImlwQWRkcmVzc0NvbnRyb2xcIj5cbiAgICA8bWF0LWhpbnQ+XG4gICAgICBXaGF0IGlzIHRoZSBpcCBhZGRyZXNzIG9yIHJhbmdlIHRoYXQgd2Ugc2hvdWxkIGJsb2NrPyBGb3JtYXQgY2FuIGJlIGVpdGhlciBhIHNpbmdsZSBJUCBsaWtlXG4gICAgICA8Y29kZT4xOTIuMTc1LjMyLjEzMzwvY29kZT4gT1IgYSByYW5nZSBzcGVjaWZ5aW5nIHRoZSBzdWJuZXQgbGlrZSA8Y29kZT4xOTIuMTc1LjMyLjAvMjQ8L2NvZGU+XG4gICAgPC9tYXQtaGludD5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwiY29sLTJcIj5cbiAgICA8bWF0LXNlbGVjdCBbZm9ybUNvbnRyb2xdPVwic3VibmV0Q29udHJvbFwiPlxuICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IHN1Ym5ldCBvZiBzdWJuZXRPcHRpb25zXCIgW3ZhbHVlXT1cInN1Ym5ldC52YWx1ZVwiPlxuICAgICAgICAve3sgc3VibmV0LnZhbHVlIH19XG4gICAgICA8L21hdC1vcHRpb24+XG4gICAgPC9tYXQtc2VsZWN0PlxuICA8L21hdC1mb3JtLWZpZWxkPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/locked-date/locked-date-form/locked-date-form.component.mjs

@@ -56,7 +56,7 @@ export class LockedDateFormComponent extends TechlifyFormComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockedDateFormComponent, deps: [{ token: i1.LockedDateService }, { token: i2.ErrorHandlerService }, { token: i3.UntypedFormBuilder }, { token: i4.MatDialog }, { token: i4.MatDialogRef, optional: true }, { token: i5.FormValidatorService }, { token: i6.DatePipe }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LockedDateFormComponent, selector: "app-locked-date-form", providers: [DatePipe], usesInheritance: true, ngImport: i0, template: "<mat-card-content #formTemplate>\n  <h5 class=\"text-center\">Lock Date</h5>\n\n  <form class=\"d-flex flex-column gap-3\" [formGroup]=\"form\" (ngSubmit)=\"save()\">\n\n    <mat-form-field class=\"w-100\">\n      <mat-label>Date</mat-label>\n      <input formControlName=\"date\" matInput [matDatepicker]=\"picker\" (focus)=\"picker.open()\" required>\n      <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n      <mat-datepicker #picker></mat-datepicker>\n      <mat-error *ngIf=\"isFieldValid('date')\">Invalid Date</mat-error>\n    </mat-form-field>\n\n    <mat-form-field>\n      <textarea matInput placeholder=\"Details\" formControlName='details'></textarea>\n    </mat-form-field>\n\n    <div class=\"d-flex flex-row gap-2 justify-content-end w-100\">\n      <button mat-raised-button type=\"button\" (click)=\"dialogRef.close()\">Cancel</button>\n      <button mat-raised-button color=\"primary\" type=\"submit\">Save</button>\n    </div>\n  </form>\n</mat-card-content>\n", dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i10.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i11.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i11.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i11.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LockedDateFormComponent, selector: "app-locked-date-form", providers: [DatePipe], usesInheritance: true, ngImport: i0, template: "<mat-card-content #formTemplate>\n  <h5 class=\"text-center\">Lock Date</h5>\n\n  <form class=\"d-flex flex-column gap-3\" [formGroup]=\"form\" (ngSubmit)=\"save()\">\n\n    <mat-form-field class=\"w-100\">\n      <mat-label>Date</mat-label>\n      <input formControlName=\"date\" matInput [matDatepicker]=\"picker\" (focus)=\"picker.open()\" required>\n      <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n      <mat-datepicker #picker></mat-datepicker>\n      <mat-error *ngIf=\"isFieldValid('date')\">Invalid Date</mat-error>\n    </mat-form-field>\n\n    <mat-form-field>\n      <textarea matInput placeholder=\"Details\" formControlName='details'></textarea>\n    </mat-form-field>\n\n    <div class=\"d-flex flex-row gap-2 justify-content-end w-100\">\n      <button mat-raised-button type=\"button\" (click)=\"dialogRef.close()\">Cancel</button>\n      <button mat-raised-button color=\"primary\" type=\"submit\">Save</button>\n    </div>\n  </form>\n</mat-card-content>\n", dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i10.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i11.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i11.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i11.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockedDateFormComponent, decorators: [{
             type: Component,

package/esm2022/lib/locked-date/locked-date.module.mjs

@@ -1,50 +1,23 @@
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { InfiniteScrollDirective } from 'ngx-infinite-scroll';
-import { MaterialModule } from '../material.module';
-import { ActionPopupModule } from '../action-popup/action-popup.module';
-import { TimelineFilterModule } from '../timeline-filter/timeline-filter.module';
 import { LockedDateListComponent } from './locked-dates-list/locked-date-list.component';
 import { LockedDateFormComponent } from './locked-date-form/locked-date-form.component';
 import { LockedDateLockUnlockButtonComponent } from './locked-date-lock-unlock-button/locked-date-lock-unlock-button.component';
-import { TechlifyDeleteButtonComponent } from '../delete-button/techlify-delete-button.component';
-import { TechlifyFormButtonComponent } from '../form-button/techlify-form-button.component';
+import { SharedModule } from '../shared.module';
 import * as i0 from "@angular/core";
 export class LockedDateModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockedDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: LockedDateModule, declarations: [LockedDateListComponent,
             LockedDateFormComponent,
-            LockedDateLockUnlockButtonComponent], imports: [CommonModule,
-            ReactiveFormsModule,
-            InfiniteScrollDirective,
-            MaterialModule,
-            ActionPopupModule,
-            TimelineFilterModule,
-            TechlifyDeleteButtonComponent,
-            TechlifyFormButtonComponent], exports: [LockedDateListComponent,
+            LockedDateLockUnlockButtonComponent], imports: [SharedModule], exports: [LockedDateListComponent,
             LockedDateFormComponent,
             LockedDateLockUnlockButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockedDateModule, imports: [CommonModule,
-            ReactiveFormsModule,
-            MaterialModule,
-            ActionPopupModule,
-            TimelineFilterModule,
-            TechlifyDeleteButtonComponent,
-            TechlifyFormButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockedDateModule, imports: [SharedModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockedDateModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        InfiniteScrollDirective,
-                        MaterialModule,
-                        ActionPopupModule,
-                        TimelineFilterModule,
-                        TechlifyDeleteButtonComponent,
-                        TechlifyFormButtonComponent
+                        SharedModule
                     ],
                     declarations: [
                         LockedDateListComponent,
@@ -58,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9ja2VkLWRhdGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXRlY2hsaWZ5LWNvcmUvc3JjL2xpYi9sb2NrZWQtZGF0ZS9sb2NrZWQtZGF0ZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxtQ0FBbUMsRUFBRSxNQUFNLDJFQUEyRSxDQUFDO0FBQ2hJLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLCtDQUErQyxDQUFDOztBQXdCNUYsTUFBTSxPQUFPLGdCQUFnQjsrR0FBaEIsZ0JBQWdCO2dIQUFoQixnQkFBZ0IsaUJBVnpCLHVCQUF1QjtZQUN2Qix1QkFBdUI7WUFDdkIsbUNBQW1DLGFBWm5DLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsdUJBQXVCO1lBQ3ZCLGNBQWM7WUFDZCxpQkFBaUI7WUFDakIsb0JBQW9CO1lBQ3BCLDZCQUE2QjtZQUM3QiwyQkFBMkIsYUFRM0IsdUJBQXVCO1lBQ3ZCLHVCQUF1QjtZQUN2QixtQ0FBbUM7Z0hBRzFCLGdCQUFnQixZQXBCekIsWUFBWTtZQUNaLG1CQUFtQjtZQUVuQixjQUFjO1lBQ2QsaUJBQWlCO1lBQ2pCLG9CQUFvQjtZQUNwQiw2QkFBNkI7WUFDN0IsMkJBQTJCOzs0RkFhbEIsZ0JBQWdCO2tCQXRCNUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLHVCQUF1Qjt3QkFDdkIsY0FBYzt3QkFDZCxpQkFBaUI7d0JBQ2pCLG9CQUFvQjt3QkFDcEIsNkJBQTZCO3dCQUM3QiwyQkFBMkI7cUJBQzVCO29CQUNELFlBQVksRUFBRTt3QkFDWix1QkFBdUI7d0JBQ3ZCLHVCQUF1Qjt3QkFDdkIsbUNBQW1DO3FCQUNwQztvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsdUJBQXVCO3dCQUN2Qix1QkFBdUI7d0JBQ3ZCLG1DQUFtQztxQkFDcEM7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBJbmZpbml0ZVNjcm9sbERpcmVjdGl2ZSB9IGZyb20gJ25neC1pbmZpbml0ZS1zY3JvbGwnO1xuaW1wb3J0IHsgTWF0ZXJpYWxNb2R1bGUgfSBmcm9tICcuLi9tYXRlcmlhbC5tb2R1bGUnO1xuaW1wb3J0IHsgQWN0aW9uUG9wdXBNb2R1bGUgfSBmcm9tICcuLi9hY3Rpb24tcG9wdXAvYWN0aW9uLXBvcHVwLm1vZHVsZSc7XG5pbXBvcnQgeyBUaW1lbGluZUZpbHRlck1vZHVsZSB9IGZyb20gJy4uL3RpbWVsaW5lLWZpbHRlci90aW1lbGluZS1maWx0ZXIubW9kdWxlJztcbmltcG9ydCB7IExvY2tlZERhdGVMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9sb2NrZWQtZGF0ZXMtbGlzdC9sb2NrZWQtZGF0ZS1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMb2NrZWREYXRlRm9ybUNvbXBvbmVudCB9IGZyb20gJy4vbG9ja2VkLWRhdGUtZm9ybS9sb2NrZWQtZGF0ZS1mb3JtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMb2NrZWREYXRlTG9ja1VubG9ja0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vbG9ja2VkLWRhdGUtbG9jay11bmxvY2stYnV0dG9uL2xvY2tlZC1kYXRlLWxvY2stdW5sb2NrLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgVGVjaGxpZnlEZWxldGVCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9kZWxldGUtYnV0dG9uL3RlY2hsaWZ5LWRlbGV0ZS1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFRlY2hsaWZ5Rm9ybUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2Zvcm0tYnV0dG9uL3RlY2hsaWZ5LWZvcm0tYnV0dG9uLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBJbmZpbml0ZVNjcm9sbERpcmVjdGl2ZSxcbiAgICBNYXRlcmlhbE1vZHVsZSxcbiAgICBBY3Rpb25Qb3B1cE1vZHVsZSxcbiAgICBUaW1lbGluZUZpbHRlck1vZHVsZSxcbiAgICBUZWNobGlmeURlbGV0ZUJ1dHRvbkNvbXBvbmVudCxcbiAgICBUZWNobGlmeUZvcm1CdXR0b25Db21wb25lbnRcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgTG9ja2VkRGF0ZUxpc3RDb21wb25lbnQsXG4gICAgTG9ja2VkRGF0ZUZvcm1Db21wb25lbnQsXG4gICAgTG9ja2VkRGF0ZUxvY2tVbmxvY2tCdXR0b25Db21wb25lbnRcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIExvY2tlZERhdGVMaXN0Q29tcG9uZW50LFxuICAgIExvY2tlZERhdGVGb3JtQ29tcG9uZW50LFxuICAgIExvY2tlZERhdGVMb2NrVW5sb2NrQnV0dG9uQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTG9ja2VkRGF0ZU1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9ja2VkLWRhdGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXRlY2hsaWZ5LWNvcmUvc3JjL2xpYi9sb2NrZWQtZGF0ZS9sb2NrZWQtZGF0ZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN6RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN4RixPQUFPLEVBQUUsbUNBQW1DLEVBQUUsTUFBTSwyRUFBMkUsQ0FBQztBQUNoSSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBaUJoRCxNQUFNLE9BQU8sZ0JBQWdCOytHQUFoQixnQkFBZ0I7Z0hBQWhCLGdCQUFnQixpQkFWekIsdUJBQXVCO1lBQ3ZCLHVCQUF1QjtZQUN2QixtQ0FBbUMsYUFMbkMsWUFBWSxhQVFaLHVCQUF1QjtZQUN2Qix1QkFBdUI7WUFDdkIsbUNBQW1DO2dIQUcxQixnQkFBZ0IsWUFiekIsWUFBWTs7NEZBYUgsZ0JBQWdCO2tCQWY1QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELFlBQVksRUFBRTt3QkFDWix1QkFBdUI7d0JBQ3ZCLHVCQUF1Qjt3QkFDdkIsbUNBQW1DO3FCQUNwQztvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsdUJBQXVCO3dCQUN2Qix1QkFBdUI7d0JBQ3ZCLG1DQUFtQztxQkFDcEM7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTG9ja2VkRGF0ZUxpc3RDb21wb25lbnQgfSBmcm9tICcuL2xvY2tlZC1kYXRlcy1saXN0L2xvY2tlZC1kYXRlLWxpc3QuY29tcG9uZW50JztcbmltcG9ydCB7IExvY2tlZERhdGVGb3JtQ29tcG9uZW50IH0gZnJvbSAnLi9sb2NrZWQtZGF0ZS1mb3JtL2xvY2tlZC1kYXRlLWZvcm0uY29tcG9uZW50JztcbmltcG9ydCB7IExvY2tlZERhdGVMb2NrVW5sb2NrQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9sb2NrZWQtZGF0ZS1sb2NrLXVubG9jay1idXR0b24vbG9ja2VkLWRhdGUtbG9jay11bmxvY2stYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTaGFyZWRNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIFNoYXJlZE1vZHVsZVxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBMb2NrZWREYXRlTGlzdENvbXBvbmVudCxcbiAgICBMb2NrZWREYXRlRm9ybUNvbXBvbmVudCxcbiAgICBMb2NrZWREYXRlTG9ja1VubG9ja0J1dHRvbkNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgTG9ja2VkRGF0ZUxpc3RDb21wb25lbnQsXG4gICAgTG9ja2VkRGF0ZUZvcm1Db21wb25lbnQsXG4gICAgTG9ja2VkRGF0ZUxvY2tVbmxvY2tCdXR0b25Db21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBMb2NrZWREYXRlTW9kdWxlIHsgfVxuIl19