ng-otp-box 0.0.2 → 0.0.4

package/README.md

@@ -70,5 +70,5 @@ Name            | Type     | Required | Default | Description
 
 ## Contributing
 
-Show your support by starring the repo!
+Show your support by starring the repo! Feel free to open [issues](https://github.com/Toheed123/ng-otp-box/issues/new) or contribute via [pull requests](https://github.com/Toheed123/ng-otp-box/compare).
 

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/ng-otp-box",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/package.json

@@ -1,6 +1,47 @@
 {
   "name": "ng-otp-box",
-  "version": "0.0.2",
+  "version": "0.0.4",
+  "description": "Reusable OTP input component for Angular with support for numeric, text, mixed, and masked OTP types.",
+  "keywords": [
+    "angular",
+    "angular-otp",
+    "otp",
+    "otp-input",
+    "angular-otp-input",
+    "ng-otp",
+    "ngx-otp",
+    "ng-otp-input",
+    "ngx-otp-input",
+    "one-time-password",
+    "password-input",
+    "two-factor-auth",
+    "2fa",
+    "angular-component",
+    "input-component",
+    "angular-forms",
+    "reactive-forms",
+    "angular-otp-field",
+    "custom-input",
+    "ng-input",
+    "otp-field",
+    "auth",
+    "angular-ui",
+    "frontend",
+    "otp-verification",
+    "otp-angular",
+    "otp input angular",
+    "angular otp password box",
+    "angular otp verification",
+    "otp box",
+    "masked-input",
+    "auto-focus",
+    "paste-support",
+    "material-design",
+    "angular-library",
+    "reusable-component",
+    "form-validation",
+    "form-control"
+  ],
   "peerDependencies": {
     "@angular/common": "^15.1.0",
     "@angular/core": "^15.1.0",
@@ -10,24 +51,5 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "sideEffects": false,
-  "module": "fesm2015/ng-otp-box.mjs",
-  "es2020": "fesm2020/ng-otp-box.mjs",
-  "esm2020": "esm2020/ng-otp-box.mjs",
-  "fesm2020": "fesm2020/ng-otp-box.mjs",
-  "fesm2015": "fesm2015/ng-otp-box.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2020": "./esm2020/ng-otp-box.mjs",
-      "es2020": "./fesm2020/ng-otp-box.mjs",
-      "es2015": "./fesm2015/ng-otp-box.mjs",
-      "node": "./fesm2015/ng-otp-box.mjs",
-      "default": "./fesm2020/ng-otp-box.mjs"
-    }
-  }
+  "sideEffects": false
 }

package/src/lib/ng-otp-box.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NgOtpBoxComponent } from './ng-otp-box.component';
+
+describe('NgOtpBoxComponent', () => {
+  let component: NgOtpBoxComponent;
+  let fixture: ComponentFixture<NgOtpBoxComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ NgOtpBoxComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(NgOtpBoxComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/ng-otp-box.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'lib-ng-otp-box',
+  template: `
+    <p>
+      ng-otp-box works!
+    </p>
+  `,
+  styles: [
+  ]
+})
+export class NgOtpBoxComponent {
+
+}

package/src/lib/ng-otp-box.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+
+import { MatInputModule } from '@angular/material/input';
+
+import { OtpBoxComponent } from './otp-box/otp-box.component';
+
+@NgModule({
+  declarations: [OtpBoxComponent],
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    FormsModule,
+    MatInputModule,
+  ],
+  exports: [OtpBoxComponent],
+})
+export class NgOtpBoxModule {}

package/src/lib/ng-otp-box.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { NgOtpBoxService } from './ng-otp-box.service';
+
+describe('NgOtpBoxService', () => {
+  let service: NgOtpBoxService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(NgOtpBoxService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/src/lib/ng-otp-box.service.ts

@@ -0,0 +1,9 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class NgOtpBoxService {
+
+  constructor() { }
+}

package/src/lib/otp-box/otp-box.component.css

@@ -0,0 +1,26 @@
+.otp-container {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+
+.otp-mat-field {
+  width: 46px;
+}
+
+.otp-mat-field input {
+  text-align: center;
+  font-size: 18px;
+}
+
+.otp-mat-field.mat-form-field-appearance-fill
+  .mat-form-field-flex {
+  background-color: #f2f2f2;
+  border-radius: 6px;
+}
+
+/* Keep red error state visible */
+.otp-mat-field.mat-form-field-invalid
+  .mat-form-field-flex {
+  background-color: #fdecea;
+}

package/src/lib/otp-box/otp-box.component.html

@@ -0,0 +1,21 @@
+<div>
+  <form [formGroup]="otpForm" (paste)="onPaste($event)">
+
+    <div class="otp-container" formArrayName="otp">
+      <ng-container *ngFor="let ctrl of otpArray.controls; let i = index">
+        <mat-form-field appearance="outline" class="otp-mat-field" [class.mat-form-field-invalid]="
+          otpForm.invalid && (otpForm.touched || otpForm.dirty)">
+          <input matInput [type]="inputType === 'masked' ? 'password' : 'text'" maxlength="1"
+            #otpInput cdkFocusInitial [formControlName]="i" (input)="onInput($event, i)"
+            (keydown)="onKeyDown($event, i)" />
+        </mat-form-field>
+      </ng-container>
+    </div>
+    <!-- <div class="otp-password-toggle" *ngIf="inputType === 'password' && showUnMaskCheckBoxYN">
+      <mat-checkbox [checked]="unmaskPassword" (change)="togglePasswordVisibility()">
+        Show password
+      </mat-checkbox>
+    </div> -->
+
+  </form>
+</div>

package/src/lib/otp-box/otp-box.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OtpBoxComponent } from './otp-box.component';
+
+describe('OtpBoxComponent', () => {
+  let component: OtpBoxComponent;
+  let fixture: ComponentFixture<OtpBoxComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ OtpBoxComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(OtpBoxComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/otp-box/otp-box.component.ts

@@ -0,0 +1,172 @@
+import { Input, OnInit, Output, ViewChildren } from '@angular/core';
+import { Component, ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { FormGroup, FormBuilder, FormArray, Validators } from '@angular/forms';
+
+export interface otpModel {
+  isValid: boolean;
+  value: number;
+  message? : string;
+}
+
+@Component({
+  selector: 'lib-otp-box',
+  templateUrl: './otp-box.component.html',
+  styleUrls: ['./otp-box.component.css']
+})
+export class OtpBoxComponent implements OnInit {
+  @Output() otpChange = new EventEmitter<any>();
+  @Input() otpLength = 6;
+  @Input() inputType: 'text' | 'number' | 'mixed' | 'masked' = 'number';
+  // @Input() allowUppercase: boolean = true;
+  // @Input() showUnMaskCheckBoxYN : boolean = false;
+  unmaskPassword: boolean = false;
+
+  otpForm!: FormGroup;
+
+  @ViewChildren('otpInput') inputs!: QueryList<ElementRef>;
+
+  constructor(private fb: FormBuilder) {}
+
+  ngOnInit(): void {
+    this.otpForm = this.fb.group({
+      otp: this.fb.array([]),
+    });
+  }
+
+  ngAfterViewInit(): void {
+    this.buildOtpControls();
+
+    // this.otpForm.valueChanges.subscribe((val) => {
+    //   this.emitOtp();
+    // });
+  }
+
+  get otpArray(): FormArray {
+    return this.otpForm.get('otp') as FormArray;
+  }
+
+  private getInputPattern(): RegExp {
+    const alpha =  'a-zA-Z';
+    const alphanumeric = 'a-zA-Z0-9';
+    switch (this.inputType) {
+      case 'text':
+        return new RegExp(`^[${alpha}]$`);
+
+      case 'number':
+        return /^[0-9+]$/;
+
+      case 'mixed':
+        return /^[a-zA-Z0-9]$/;
+
+      case 'masked':
+        return new RegExp(`^[${alphanumeric}]$`);
+
+      default:
+        return /^[0-9]$/;
+    }
+  }
+
+  private buildOtpControls(): void {
+    this.otpArray.clear();
+    const pattern = this.getInputPattern();
+
+    for (let i = 0; i < this.otpLength; i++) {
+      this.otpArray.push(
+        this.fb.control('', [Validators.required, Validators.pattern(pattern)])
+      );
+    }
+  }
+
+  togglePasswordVisibility(): void {
+    this.unmaskPassword = !this.unmaskPassword;
+  }
+
+  focusFirstInput() {
+    if (this.inputs && this.inputs.length > 0) {
+      this.inputs.first.nativeElement.focus();
+    }
+  }
+
+  onInput(event: Event, index: number): void {
+    const input = event.target as HTMLInputElement;
+    const { value, message } = this.sanitizeWithMessage(input.value);
+    this.emitChange(message);
+    this.otpArray.at(index).setValue(value, { emitEvent: false });
+
+    if (value && index < this.otpLength - 1) {
+      this.inputs.toArray()[index + 1].nativeElement.focus();
+    }
+  }
+
+  private sanitizeWithMessage(rawValue: string): { value: string; message?: string } {
+  switch (this.inputType) {
+    case 'number':
+      if (/[^0-9]/.test(rawValue)) {
+        return {
+          value: rawValue.replace(/\D/g, ''),
+          message: 'Only numbers are allowed'
+        };
+      }
+      return { value: rawValue };
+
+    case 'text':
+      if (/[^a-zA-Z]/.test(rawValue)) {
+        return {
+          value: rawValue.replace(/[^a-zA-Z]/g, ''),
+          message: 'Only letters are allowed'
+        };
+      }
+      return { value: rawValue, message: 'success' };
+
+    case 'mixed':
+    case 'masked':
+      if (/[^a-zA-Z0-9]/.test(rawValue)) {
+        return {
+          value: rawValue.replace(/[^a-zA-Z0-9]/g, ''),
+          message: 'Only letters and numbers are allowed'
+        };
+      }
+      return { value: rawValue, message: 'success' };
+
+    default:
+      return { value: rawValue, message: 'success' };
+  }
+}
+
+  onKeyDown(event: KeyboardEvent, index: number): void {
+    if (
+      event.key === 'Backspace' &&
+      !this.otpArray.at(index).value &&
+      index > 0
+    ) {
+      this.inputs.toArray()[index - 1].nativeElement.focus();
+    }
+  }
+
+onPaste(event: ClipboardEvent): void {
+  event.preventDefault();
+
+  const pasteData = event.clipboardData?.getData('text') ?? '';
+  const { value, message } = this.sanitizeWithMessage(pasteData);
+
+  if (value.length !== this.otpLength) {
+    this.emitChange('Invalid OTP length');
+    return;
+  }
+
+  value.split('').forEach((char, i) => {
+    this.otpArray.at(i).setValue(char, { emitEvent: false });
+  });
+
+  this.emitChange(message);
+}
+
+  private emitChange(message: any): void {
+    const otp = this.otpArray.value.join('');
+    this.otpChange.emit({
+      value: otp,
+      isValid: this.otpForm.valid,
+      message: message
+    });
+  }
+}

package/{public-api.d.ts → src/public-api.ts}

@@ -1,4 +1,8 @@
-export * from './lib/ng-otp-box.service';
-export * from './lib/ng-otp-box.component';
-export * from './lib/ng-otp-box.module';
-export * from './lib/otp-box/otp-box.component';
+/*
+ * Public API Surface of ng-otp-box
+ */
+
+export * from './lib/ng-otp-box.service';
+export * from './lib/ng-otp-box.component';
+export * from './lib/ng-otp-box.module';
+export * from './lib/otp-box/otp-box.component';

package/tsconfig.lib.json

@@ -0,0 +1,11 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true
+  },
+  "exclude": ["**/*.spec.ts"]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/esm2020/lib/ng-otp-box.component.mjs

@@ -1,19 +0,0 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-export class NgOtpBoxComponent {
-}
-NgOtpBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgOtpBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgOtpBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NgOtpBoxComponent, selector: "lib-ng-otp-box", ngImport: i0, template: `
-    <p>
-      ng-otp-box works!
-    </p>
-  `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgOtpBoxComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-ng-otp-box', template: `
-    <p>
-      ng-otp-box works!
-    </p>
-  ` }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctb3RwLWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1vdHAtYm94L3NyYy9saWIvbmctb3RwLWJveC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFZMUMsTUFBTSxPQUFPLGlCQUFpQjs7K0dBQWpCLGlCQUFpQjttR0FBakIsaUJBQWlCLHNEQVJsQjs7OztHQUlUOzRGQUlVLGlCQUFpQjtrQkFWN0IsU0FBUzsrQkFDRSxnQkFBZ0IsWUFDaEI7Ozs7R0FJVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItbmctb3RwLWJveCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPHA+XG4gICAgICBuZy1vdHAtYm94IHdvcmtzIVxuICAgIDwvcD5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTmdPdHBCb3hDb21wb25lbnQge1xuXG59XG4iXX0=

package/esm2020/lib/ng-otp-box.module.mjs

@@ -1,31 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatInputModule } from '@angular/material/input';
-import { OtpBoxComponent } from './otp-box/otp-box.component';
-import * as i0 from "@angular/core";
-export class NgOtpBoxModule {
-}
-NgOtpBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgOtpBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgOtpBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: NgOtpBoxModule, declarations: [OtpBoxComponent], imports: [CommonModule,
-        ReactiveFormsModule,
-        FormsModule,
-        MatInputModule], exports: [OtpBoxComponent] });
-NgOtpBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgOtpBoxModule, imports: [CommonModule,
-        ReactiveFormsModule,
-        FormsModule,
-        MatInputModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgOtpBoxModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [OtpBoxComponent],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        FormsModule,
-                        MatInputModule,
-                    ],
-                    exports: [OtpBoxComponent],
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctb3RwLWJveC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1vdHAtYm94L3NyYy9saWIvbmctb3RwLWJveC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRWxFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBWTlELE1BQU0sT0FBTyxjQUFjOzs0R0FBZCxjQUFjOzZHQUFkLGNBQWMsaUJBVFYsZUFBZSxhQUU1QixZQUFZO1FBQ1osbUJBQW1CO1FBQ25CLFdBQVc7UUFDWCxjQUFjLGFBRU4sZUFBZTs2R0FFZCxjQUFjLFlBUHZCLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsV0FBVztRQUNYLGNBQWM7NEZBSUwsY0FBYztrQkFWMUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQy9CLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsV0FBVzt3QkFDWCxjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztpQkFDM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcblxuaW1wb3J0IHsgT3RwQm94Q29tcG9uZW50IH0gZnJvbSAnLi9vdHAtYm94L290cC1ib3guY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbT3RwQm94Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbT3RwQm94Q29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTmdPdHBCb3hNb2R1bGUge31cbiJdfQ==

package/esm2020/lib/ng-otp-box.service.mjs

@@ -1,14 +0,0 @@
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-export class NgOtpBoxService {
-    constructor() { }
-}
-NgOtpBoxService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgOtpBoxService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NgOtpBoxService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgOtpBoxService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgOtpBoxService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctb3RwLWJveC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctb3RwLWJveC9zcmMvbGliL25nLW90cC1ib3guc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8sZUFBZTtJQUUxQixnQkFBZ0IsQ0FBQzs7NkdBRk4sZUFBZTtpSEFBZixlQUFlLGNBRmQsTUFBTTs0RkFFUCxlQUFlO2tCQUgzQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgTmdPdHBCb3hTZXJ2aWNlIHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxufVxuIl19