kebs-huge-input-search-d1 0.0.4

package/README.md

@@ -0,0 +1,24 @@
+# HugeInputSearchD1
+
+This library supports Angular version 14.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project huge-input-search-d1` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project huge-input-search-d1`.
+> Note: Don't forget to add `--project huge-input-search-d1` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build huge-input-search-d1` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build huge-input-search-d1`, go to the dist folder `cd dist/huge-input-search-d1` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test huge-input-search-d1` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/esm2020/kebs-huge-input-search-d1.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2Vicy1odWdlLWlucHV0LXNlYXJjaC1kMS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2h1Z2UtaW5wdXQtc2VhcmNoLWQxL3NyYy9rZWJzLWh1Z2UtaW5wdXQtc2VhcmNoLWQxLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2020/lib/huge-input-search-d1.component.mjs

@@ -0,0 +1,149 @@
+import { Component, Input, forwardRef, EventEmitter, Output, } from "@angular/core";
+import { HttpHeaders } from "@angular/common/http";
+import { Subject } from "rxjs";
+import { FormControl, NG_VALUE_ACCESSOR, } from "@angular/forms";
+import { takeUntil, debounceTime } from "rxjs/operators";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common/http";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/material/autocomplete";
+import * as i7 from "@angular/material/core";
+import * as i8 from "@angular/material/tooltip";
+//import { LoginService } from 'src/app/services/login/login.service';
+class BaseControlValueAccessor {
+    constructor() {
+        this.disabled = false;
+    }
+    onChange(newVal) { }
+    onTouched(_) { }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+}
+export class HugeInputSearchD1Component extends BaseControlValueAccessor {
+    constructor(http, renderer) {
+        super();
+        this.http = http;
+        this.renderer = renderer;
+        this.isRequired = false;
+        this.emitVal = new EventEmitter();
+        this.optClicked = false;
+        this.searchTextControl = new FormControl();
+        this.isLoading = false;
+        this._onDestroy = new Subject();
+        this.resultClicked = (result, event) => {
+            setTimeout(() => {
+                this.optClicked = true;
+                if (this.outputParam) {
+                    this.onChange(result[this.outputParam]);
+                    this.emitVal.emit(result[this.outputParam]);
+                }
+                else {
+                    this.onChange(JSON.stringify(result));
+                    this.emitVal.emit(JSON.stringify(result));
+                }
+                let txt = result[this.optionLabel[0]] +
+                    (this.optionLabel.length > 1 ? " " + result[this.optionLabel[1]] : "");
+                this.searchTextControl.patchValue(txt);
+            }, 100);
+        };
+    }
+    ngOnInit() {
+        this.searchTxtControlSubscription = this.searchTextControl.valueChanges
+            .pipe(takeUntil(this._onDestroy), debounceTime(700))
+            .subscribe((text) => {
+            if (text)
+                if (text.length > 0) {
+                    this.isLoading = true;
+                    this.http
+                        .post(this.apiUri, {
+                        searchParameter: text,
+                        options: this.bodyParams,
+                    }, { headers: new HttpHeaders({ 'Authorization': 'Bearer ' + this.loginToken }) })
+                        .pipe(takeUntil(this._onDestroy))
+                        .subscribe((res) => {
+                        console.log(res);
+                        this.isLoading = false;
+                        this.searchResult = res;
+                    }, (err) => {
+                        console.error(err);
+                    });
+                }
+        });
+    }
+    resetSuggestion() {
+        this.searchTextControl.patchValue("");
+    }
+    writeValue(value) {
+        if (value) {
+            let arr = JSON.parse(value);
+            console.log(arr);
+            let txt = arr[this.optionLabel[0]] +
+                (this.optionLabel.length > 1 ? " " + arr[this.optionLabel[1]] : "");
+            this.searchTextControl.patchValue(txt);
+        }
+        else {
+            this.searchTextControl.patchValue('');
+        }
+    }
+    ngOnDestroy() {
+        if (this.searchTxtControlSubscription)
+            this.searchTxtControlSubscription.unsubscribe();
+    }
+    checkAndClearInput() {
+        if (!this.optClicked) {
+            this.searchTextControl.reset();
+            this.onChange(null);
+            this.emitVal.emit(null);
+        }
+    }
+}
+HugeInputSearchD1Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Component, deps: [{ token: i1.HttpClient }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+HugeInputSearchD1Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: HugeInputSearchD1Component, selector: "kebs-huge-input-search-d1", inputs: { apiUri: "apiUri", bodyParams: "bodyParams", outputParam: "outputParam", optionLabel: "optionLabel", optionValue: "optionValue", label: "label", isRequired: "isRequired", loginToken: "loginToken" }, outputs: { emitVal: "emitVal" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => HugeInputSearchD1Component),
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance='outline'>\r\n    <mat-label>{{label}}</mat-label>\r\n    <input matInput placeholder=\"Search {{label}}\" aria-label=\"State\" [matAutocomplete]=\"auto\"\r\n      [formControl]=\"searchTextControl\" (focusout)='checkAndClearInput()' (keyup)='optClicked = false' autocomplete=\"off\"\r\n      [required]=\"isRequired\">\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n      <mat-option class=\"is-loading\" *ngIf='isLoading'>\r\n        <div class=\"lds-facebook\">\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n        </div>\r\n      </mat-option>\r\n      <ng-container *ngIf=\"isLoading == false\">\r\n        <mat-option *ngFor=\"let item of searchResult\" (onSelectionChange)=\"resultClicked(item,$event)\">\r\n          <span>\r\n            <small style=\"padding-left: 12px;\" matTooltip=\"{{item[optionLabel[0]]}} - {{item[optionLabel[1]]?item[optionLabel[1]]:''}}\">{{item[optionLabel[0]] +\" | \" }}\r\n              {{item[optionLabel[1]]?item[optionLabel[1]]:''}}</small></span>1\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-autocomplete>\r\n  </mat-form-field>", styles: [".mat-form-field{width:100%}.mat-form-field ::ng-deep .mat-form-field-wrapper{padding-bottom:8px!important}.mat-form-field ::ng-deep .mat-form-field-underline{bottom:0}.mat-form-field ::ng-deep .mat-form-field-infix{padding:.65em 0!important;border-top:.54375em solid transparent!important;font-size:13px}.mat-form-field ::ng-deep .mat-select-arrow{margin:0 4px!important}.lds-facebook{display:inline-block;position:sticky;width:80px;height:24px;margin-left:110px}.lds-facebook div{display:inline-block;position:absolute;left:4px;width:5px;background:#cf0001;animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite}.lds-facebook div:nth-child(1){left:8px;animation-delay:-.24s}.lds-facebook div:nth-child(2){left:16px;animation-delay:-.12s}.lds-facebook div:nth-child(3){left:24px;animation-delay:0}@keyframes lds-facebook{0%{top:8px;height:32px}50%,to{top:12px;height:16px}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { 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.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'kebs-huge-input-search-d1', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => HugeInputSearchD1Component),
+                            multi: true,
+                        },
+                    ], template: "<mat-form-field appearance='outline'>\r\n    <mat-label>{{label}}</mat-label>\r\n    <input matInput placeholder=\"Search {{label}}\" aria-label=\"State\" [matAutocomplete]=\"auto\"\r\n      [formControl]=\"searchTextControl\" (focusout)='checkAndClearInput()' (keyup)='optClicked = false' autocomplete=\"off\"\r\n      [required]=\"isRequired\">\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n      <mat-option class=\"is-loading\" *ngIf='isLoading'>\r\n        <div class=\"lds-facebook\">\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n        </div>\r\n      </mat-option>\r\n      <ng-container *ngIf=\"isLoading == false\">\r\n        <mat-option *ngFor=\"let item of searchResult\" (onSelectionChange)=\"resultClicked(item,$event)\">\r\n          <span>\r\n            <small style=\"padding-left: 12px;\" matTooltip=\"{{item[optionLabel[0]]}} - {{item[optionLabel[1]]?item[optionLabel[1]]:''}}\">{{item[optionLabel[0]] +\" | \" }}\r\n              {{item[optionLabel[1]]?item[optionLabel[1]]:''}}</small></span>1\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-autocomplete>\r\n  </mat-form-field>", styles: [".mat-form-field{width:100%}.mat-form-field ::ng-deep .mat-form-field-wrapper{padding-bottom:8px!important}.mat-form-field ::ng-deep .mat-form-field-underline{bottom:0}.mat-form-field ::ng-deep .mat-form-field-infix{padding:.65em 0!important;border-top:.54375em solid transparent!important;font-size:13px}.mat-form-field ::ng-deep .mat-select-arrow{margin:0 4px!important}.lds-facebook{display:inline-block;position:sticky;width:80px;height:24px;margin-left:110px}.lds-facebook div{display:inline-block;position:absolute;left:4px;width:5px;background:#cf0001;animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite}.lds-facebook div:nth-child(1){left:8px;animation-delay:-.24s}.lds-facebook div:nth-child(2){left:16px;animation-delay:-.12s}.lds-facebook div:nth-child(3){left:24px;animation-delay:0}@keyframes lds-facebook{0%{top:8px;height:32px}50%,to{top:12px;height:16px}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i0.Renderer2 }]; }, propDecorators: { apiUri: [{
+                type: Input
+            }], bodyParams: [{
+                type: Input
+            }], outputParam: [{
+                type: Input
+            }], optionLabel: [{
+                type: Input
+            }], optionValue: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], isRequired: [{
+                type: Input
+            }], loginToken: [{
+                type: Input
+            }], emitVal: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHVnZS1pbnB1dC1zZWFyY2gtZDEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaHVnZS1pbnB1dC1zZWFyY2gtZDEvc3JjL2xpYi9odWdlLWlucHV0LXNlYXJjaC1kMS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9odWdlLWlucHV0LXNlYXJjaC1kMS9zcmMvbGliL2h1Z2UtaW5wdXQtc2VhcmNoLWQxLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUVMLFVBQVUsRUFFVixZQUFZLEVBQ1osTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBYyxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMvRCxPQUFPLEVBQWdCLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUM3QyxPQUFPLEVBQ0wsV0FBVyxFQUNYLGlCQUFpQixHQUNsQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7Ozs7QUFDekQsc0VBQXNFO0FBRXRFLE1BQU0sd0JBQXdCO0lBQTlCO1FBQ1MsYUFBUSxHQUFHLEtBQUssQ0FBQztJQWtCMUIsQ0FBQztJQWhCUSxRQUFRLENBQUMsTUFBUyxJQUFHLENBQUM7SUFDdEIsU0FBUyxDQUFDLENBQU8sSUFBRyxDQUFDO0lBR3JCLFVBQVUsQ0FBQyxHQUFNO1FBQ3RCLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO0lBQ25CLENBQUM7SUFDTSxnQkFBZ0IsQ0FBQyxFQUFPO1FBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFDTSxpQkFBaUIsQ0FBQyxFQUFPO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RC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LElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMvQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFBO1lBQ25CLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO1NBQ3hCO0lBQ0gsQ0FBQzs7dUhBNUdVLDBCQUEwQjsyR0FBMUIsMEJBQTBCLHFTQVgxQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDBCQUEwQixDQUFDO1lBQ3pELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRixpRENyREgscXFDQXFCbUI7MkZEcUNOLDBCQUEwQjtrQkFmdEMsU0FBUzsrQkFDRSwyQkFBMkIsYUFHMUI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsMkJBQTJCLENBQUM7NEJBQ3pELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO3lIQU9RLE1BQU07c0JBQWQsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcblxyXG5cclxuaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgT25Jbml0LFxyXG4gIElucHV0LFxyXG4gIE9uRGVzdHJveSxcclxuICBmb3J3YXJkUmVmLFxyXG4gIFJlbmRlcmVyMixcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgT3V0cHV0LFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IEh0dHBDbGllbnQsIEh0dHBIZWFkZXJzIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vbi9odHRwXCI7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiwgU3ViamVjdCB9IGZyb20gXCJyeGpzXCI7XHJcbmltcG9ydCB7XHJcbiAgRm9ybUNvbnRyb2wsXHJcbiAgTkdfVkFMVUVfQUNDRVNTT1IsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcbmltcG9ydCB7IHRha2VVbnRpbCwgZGVib3VuY2VUaW1lIH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XHJcbi8vaW1wb3J0IHsgTG9naW5TZXJ2aWNlIH0gZnJvbSAnc3JjL2FwcC9zZXJ2aWNlcy9sb2dpbi9sb2dpbi5zZXJ2aWNlJztcclxuXHJcbmNsYXNzIEJhc2VDb250cm9sVmFsdWVBY2Nlc3NvcjxUPiBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBwdWJsaWMgZGlzYWJsZWQgPSBmYWxzZTtcclxuXHJcbiAgcHVibGljIG9uQ2hhbmdlKG5ld1ZhbDogVCkge31cclxuICBwdWJsaWMgb25Ub3VjaGVkKF8/OiBhbnkpIHt9XHJcbiAgcHVibGljIHZhbHVlOiBUO1xyXG5cclxuICBwdWJsaWMgd3JpdGVWYWx1ZShvYmo6IFQpOiB2b2lkIHtcclxuICAgIHRoaXMudmFsdWUgPSBvYmo7XHJcbiAgfVxyXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XHJcbiAgfVxyXG4gIHB1YmxpYyBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xyXG4gIH1cclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrZWJzLWh1Z2UtaW5wdXQtc2VhcmNoLWQxJyxcclxuICB0ZW1wbGF0ZVVybDogJ2h1Z2UtaW5wdXQtc2VhcmNoLWQxLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnaHVnZS1pbnB1dC1zZWFyY2gtZDEuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEh1Z2VJbnB1dFNlYXJjaEQxQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcblxyXG5cclxuXHJcbmV4cG9ydCBjbGFzcyBIdWdlSW5wdXRTZWFyY2hEMUNvbXBvbmVudFxyXG4gIGV4dGVuZHMgQmFzZUNvbnRyb2xWYWx1ZUFjY2Vzc29yPGFueT4gaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgQElucHV0KCkgYXBpVXJpOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgYm9keVBhcmFtczogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG91dHB1dFBhcmFtOnN0cmluZztcclxuICBASW5wdXQoKSBvcHRpb25MYWJlbDogYW55O1xyXG4gIEBJbnB1dCgpIG9wdGlvblZhbHVlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcclxuICBASW5wdXQoKSBpc1JlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbG9naW5Ub2tlbjogYW55O1xyXG4gIEBPdXRwdXQoKSBlbWl0VmFsID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcclxuICBcclxuICBvcHRDbGlja2VkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIHNlYXJjaFRleHRDb250cm9sID0gPGFueT5uZXcgRm9ybUNvbnRyb2woKTtcclxuICBzZWFyY2hSZXN1bHQ6IGFueTtcclxuICBpc0xvYWRpbmcgPSBmYWxzZTtcclxuICBkaXNwbGF5Rm46IGFueTtcclxuXHJcbiAgLy9zdWJzY3JpcHRvbnNcclxuICBzZWFyY2hUeHRDb250cm9sU3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb25cclxuXHJcbiAgcHJvdGVjdGVkIF9vbkRlc3Ryb3kgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGh0dHA6IEh0dHBDbGllbnQsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG5cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnNlYXJjaFR4dENvbnRyb2xTdWJzY3JpcHRpb24gPSB0aGlzLnNlYXJjaFRleHRDb250cm9sLnZhbHVlQ2hhbmdlc1xyXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5fb25EZXN0cm95KSwgZGVib3VuY2VUaW1lKDcwMCkpXHJcbiAgICAgIC5zdWJzY3JpYmUoKHRleHQ6YW55KSA9PiB7XHJcbiAgICAgICAgaWYgKHRleHQpXHJcbiAgICAgICAgICBpZiAodGV4dC5sZW5ndGggPiAwKSB7XHJcbiAgICAgICAgICAgIHRoaXMuaXNMb2FkaW5nID0gdHJ1ZTtcclxuXHJcbiAgICAgICAgICAgIHRoaXMuaHR0cFxyXG4gICAgICAgICAgICAgIC5wb3N0KHRoaXMuYXBpVXJpLCB7XHJcbiAgICAgICAgICAgICAgICBzZWFyY2hQYXJhbWV0ZXI6IHRleHQsXHJcbiAgICAgICAgICAgICAgICBvcHRpb25zOiB0aGlzLmJvZHlQYXJhbXMsXHJcbiAgICAgICAgICAgICAgfSwgeyBoZWFkZXJzOiBuZXcgSHR0cEhlYWRlcnMoeydBdXRob3JpemF0aW9uJzogJ0JlYXJlciAnICsgdGhpcy5sb2dpblRva2VufSl9KVxyXG4gICAgICAgICAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLl9vbkRlc3Ryb3kpKVxyXG4gICAgICAgICAgICAgIC5zdWJzY3JpYmUoXHJcbiAgICAgICAgICAgICAgICAocmVzKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKHJlcyk7XHJcbiAgICAgICAgICAgICAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XHJcbiAgICAgICAgICAgICAgICAgIHRoaXMuc2VhcmNoUmVzdWx0ID0gcmVzO1xyXG4gICAgICAgICAgICAgICAgICBcclxuXHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgKGVycikgPT4ge1xyXG4gICAgICAgICAgICAgICAgICBjb25zb2xlLmVycm9yKGVycik7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgKTtcclxuICAgICAgICAgIH1cclxuICAgICAgfSk7XHJcbiAgfVxyXG4gIHJlc2V0U3VnZ2VzdGlvbigpIHtcclxuICAgIHRoaXMuc2VhcmNoVGV4dENvbnRyb2wucGF0Y2hWYWx1ZShcIlwiKTtcclxuICB9XHJcblxyXG4gIHJlc3VsdENsaWNrZWQgPSAocmVzdWx0LCBldmVudCkgPT4ge1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMub3B0Q2xpY2tlZCA9IHRydWU7XHJcbiAgICAgIGlmKHRoaXMub3V0cHV0UGFyYW0pe1xyXG4gICAgICAgIHRoaXMub25DaGFuZ2UocmVzdWx0W3RoaXMub3V0cHV0UGFyYW1dKVxyXG4gICAgICAgIHRoaXMuZW1pdFZhbC5lbWl0KHJlc3VsdFt0aGlzLm91dHB1dFBhcmFtXSlcclxuICAgICAgfVxyXG4gICAgICBlbHNlXHJcbiAgICAgIHtcclxuICAgICAgdGhpcy5vbkNoYW5nZShKU09OLnN0cmluZ2lmeShyZXN1bHQpKTtcclxuICAgICAgdGhpcy5lbWl0VmFsLmVtaXQoSlNPTi5zdHJpbmdpZnkocmVzdWx0KSlcclxuICAgICAgfVxyXG4gICAgICBsZXQgdHh0ID1cclxuICAgICAgICByZXN1bHRbdGhpcy5vcHRpb25MYWJlbFswXV0gK1xyXG4gICAgICAgICh0aGlzLm9wdGlvbkxhYmVsLmxlbmd0aCA+IDEgPyBcIiBcIiArIHJlc3VsdFt0aGlzLm9wdGlvbkxhYmVsWzFdXSA6IFwiXCIpO1xyXG4gICAgICB0aGlzLnNlYXJjaFRleHRDb250cm9sLnBhdGNoVmFsdWUodHh0KTtcclxuICAgIH0sIDEwMClcclxuICB9O1xyXG5cclxuICB3cml0ZVZhbHVlKHZhbHVlKSB7XHJcbiAgICBpZiAodmFsdWUpIHtcclxuICAgICAgbGV0IGFyciA9IEpTT04ucGFyc2UodmFsdWUpO1xyXG4gICAgICBjb25zb2xlLmxvZyhhcnIpO1xyXG4gICAgICBsZXQgdHh0ID1cclxuICAgICAgICBhcnJbdGhpcy5vcHRpb25MYWJlbFswXV0gK1xyXG4gICAgICAgICh0aGlzLm9wdGlvbkxhYmVsLmxlbmd0aCA+IDEgPyBcIiBcIiArIGFyclt0aGlzLm9wdGlvbkxhYmVsWzFdXSA6IFwiXCIpO1xyXG4gICAgICB0aGlzLnNlYXJjaFRleHRDb250cm9sLnBhdGNoVmFsdWUodHh0KTtcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICB0aGlzLnNlYXJjaFRleHRDb250cm9sLnBhdGNoVmFsdWUoJycpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICBpZiAodGhpcy5zZWFyY2hUeHRDb250cm9sU3Vic2NyaXB0aW9uKVxyXG4gICAgICB0aGlzLnNlYXJjaFR4dENvbnRyb2xTdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcclxuICB9XHJcblxyXG5cclxuICBjaGVja0FuZENsZWFySW5wdXQoKSB7XHJcbiAgICBpZiAoIXRoaXMub3B0Q2xpY2tlZCkge1xyXG4gICAgICB0aGlzLnNlYXJjaFRleHRDb250cm9sLnJlc2V0KCk7XHJcbiAgICAgIHRoaXMub25DaGFuZ2UobnVsbClcclxuICAgICAgdGhpcy5lbWl0VmFsLmVtaXQobnVsbClcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9J291dGxpbmUnPlxyXG4gICAgPG1hdC1sYWJlbD57e2xhYmVsfX08L21hdC1sYWJlbD5cclxuICAgIDxpbnB1dCBtYXRJbnB1dCBwbGFjZWhvbGRlcj1cIlNlYXJjaCB7e2xhYmVsfX1cIiBhcmlhLWxhYmVsPVwiU3RhdGVcIiBbbWF0QXV0b2NvbXBsZXRlXT1cImF1dG9cIlxyXG4gICAgICBbZm9ybUNvbnRyb2xdPVwic2VhcmNoVGV4dENvbnRyb2xcIiAoZm9jdXNvdXQpPSdjaGVja0FuZENsZWFySW5wdXQoKScgKGtleXVwKT0nb3B0Q2xpY2tlZCA9IGZhbHNlJyBhdXRvY29tcGxldGU9XCJvZmZcIlxyXG4gICAgICBbcmVxdWlyZWRdPVwiaXNSZXF1aXJlZFwiPlxyXG4gICAgPG1hdC1hdXRvY29tcGxldGUgI2F1dG89XCJtYXRBdXRvY29tcGxldGVcIiBbZGlzcGxheVdpdGhdPVwiZGlzcGxheUZuXCI+XHJcbiAgICAgIDxtYXQtb3B0aW9uIGNsYXNzPVwiaXMtbG9hZGluZ1wiICpuZ0lmPSdpc0xvYWRpbmcnPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsZHMtZmFjZWJvb2tcIj5cclxuICAgICAgICAgIDxkaXY+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2PjwvZGl2PlxyXG4gICAgICAgICAgPGRpdj48L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9tYXQtb3B0aW9uPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNMb2FkaW5nID09IGZhbHNlXCI+XHJcbiAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc2VhcmNoUmVzdWx0XCIgKG9uU2VsZWN0aW9uQ2hhbmdlKT1cInJlc3VsdENsaWNrZWQoaXRlbSwkZXZlbnQpXCI+XHJcbiAgICAgICAgICA8c3Bhbj5cclxuICAgICAgICAgICAgPHNtYWxsIHN0eWxlPVwicGFkZGluZy1sZWZ0OiAxMnB4O1wiIG1hdFRvb2x0aXA9XCJ7e2l0ZW1bb3B0aW9uTGFiZWxbMF1dfX0gLSB7e2l0ZW1bb3B0aW9uTGFiZWxbMV1dP2l0ZW1bb3B0aW9uTGFiZWxbMV1dOicnfX1cIj57e2l0ZW1bb3B0aW9uTGFiZWxbMF1dICtcIiB8IFwiIH19XHJcbiAgICAgICAgICAgICAge3tpdGVtW29wdGlvbkxhYmVsWzFdXT9pdGVtW29wdGlvbkxhYmVsWzFdXTonJ319PC9zbWFsbD48L3NwYW4+MVxyXG4gICAgICAgIDwvbWF0LW9wdGlvbj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L21hdC1hdXRvY29tcGxldGU+XHJcbiAgPC9tYXQtZm9ybS1maWVsZD4iXX0=

package/esm2020/lib/huge-input-search-d1.module.mjs

@@ -0,0 +1,56 @@
+import { NgModule } from '@angular/core';
+import { HugeInputSearchD1Component } from './huge-input-search-d1.component';
+import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { HttpClientModule } from '@angular/common/http';
+import { CommonModule } from '@angular/common';
+import { BrowserModule } from '@angular/platform-browser';
+// material
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatAutocompleteModule } from "@angular/material/autocomplete";
+import { MatSelectModule } from '@angular/material/select';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i0 from "@angular/core";
+export class HugeInputSearchD1Module {
+}
+HugeInputSearchD1Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HugeInputSearchD1Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Module, declarations: [HugeInputSearchD1Component], imports: [CommonModule,
+        BrowserModule,
+        FormsModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatAutocompleteModule,
+        MatSelectModule,
+        MatTooltipModule,
+        ReactiveFormsModule,
+        HttpClientModule], exports: [HugeInputSearchD1Component] });
+HugeInputSearchD1Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Module, imports: [CommonModule,
+        BrowserModule,
+        FormsModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatAutocompleteModule,
+        MatSelectModule,
+        MatTooltipModule,
+        ReactiveFormsModule,
+        HttpClientModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Module, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [HugeInputSearchD1Component],
+                    imports: [
+                        CommonModule,
+                        BrowserModule,
+                        FormsModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatAutocompleteModule,
+                        MatSelectModule,
+                        MatTooltipModule,
+                        ReactiveFormsModule,
+                        HttpClientModule
+                    ],
+                    exports: [HugeInputSearchD1Component]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHVnZS1pbnB1dC1zZWFyY2gtZDEubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaHVnZS1pbnB1dC1zZWFyY2gtZDEvc3JjL2xpYi9odWdlLWlucHV0LXNlYXJjaC1kMS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxXQUFXO0FBQ1gsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFvQjdELE1BQU0sT0FBTyx1QkFBdUI7O29IQUF2Qix1QkFBdUI7cUhBQXZCLHVCQUF1QixpQkFoQm5CLDBCQUEwQixhQUV2QyxZQUFZO1FBQ1osYUFBYTtRQUNiLFdBQVc7UUFDWCxrQkFBa0I7UUFDbEIsY0FBYztRQUNkLHFCQUFxQjtRQUNyQixlQUFlO1FBQ2YsZ0JBQWdCO1FBQ2hCLG1CQUFtQjtRQUNuQixnQkFBZ0IsYUFHUiwwQkFBMEI7cUhBRXpCLHVCQUF1QixZQWRoQyxZQUFZO1FBQ1osYUFBYTtRQUNiLFdBQVc7UUFDWCxrQkFBa0I7UUFDbEIsY0FBYztRQUNkLHFCQUFxQjtRQUNyQixlQUFlO1FBQ2YsZ0JBQWdCO1FBQ2hCLG1CQUFtQjtRQUNuQixnQkFBZ0I7MkZBS1AsdUJBQXVCO2tCQWpCbkMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztvQkFDMUMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixXQUFXO3dCQUNYLGtCQUFrQjt3QkFDbEIsY0FBYzt3QkFDZCxxQkFBcUI7d0JBQ3JCLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQixtQkFBbUI7d0JBQ25CLGdCQUFnQjtxQkFFakI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsMEJBQTBCLENBQUM7aUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSHVnZUlucHV0U2VhcmNoRDFDb21wb25lbnQgfSBmcm9tICcuL2h1Z2UtaW5wdXQtc2VhcmNoLWQxLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcbmltcG9ydCB7IEh0dHBDbGllbnRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7ICBcclxuaW1wb3J0IHsgQnJvd3Nlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG4vLyBtYXRlcmlhbFxyXG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcclxuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XHJcbmltcG9ydCB7IE1hdEF1dG9jb21wbGV0ZU1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9hdXRvY29tcGxldGVcIjtcclxuaW1wb3J0IHsgTWF0U2VsZWN0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2VsZWN0JztcclxuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbSHVnZUlucHV0U2VhcmNoRDFDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEJyb3dzZXJNb2R1bGUsXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcclxuICAgIE1hdElucHV0TW9kdWxlLFxyXG4gICAgTWF0QXV0b2NvbXBsZXRlTW9kdWxlLFxyXG4gICAgTWF0U2VsZWN0TW9kdWxlLFxyXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcclxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXHJcbiAgICBIdHRwQ2xpZW50TW9kdWxlXHJcblxyXG4gIF0sXHJcbiAgZXhwb3J0czogW0h1Z2VJbnB1dFNlYXJjaEQxQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSHVnZUlucHV0U2VhcmNoRDFNb2R1bGUgeyB9XHJcbiJdfQ==

package/esm2020/lib/huge-input-search-d1.service.mjs

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

package/esm2020/public-api.mjs

@@ -0,0 +1,7 @@
+/*
+ * Public API Surface of huge-input-search-d1
+ */
+export * from './lib/huge-input-search-d1.service';
+export * from './lib/huge-input-search-d1.component';
+export * from './lib/huge-input-search-d1.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2h1Z2UtaW5wdXQtc2VhcmNoLWQxL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsbUNBQW1DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgaHVnZS1pbnB1dC1zZWFyY2gtZDFcclxuICovXHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9odWdlLWlucHV0LXNlYXJjaC1kMS5zZXJ2aWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaHVnZS1pbnB1dC1zZWFyY2gtZDEuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaHVnZS1pbnB1dC1zZWFyY2gtZDEubW9kdWxlJztcclxuIl19

package/fesm2015/kebs-huge-input-search-d1.mjs

@@ -0,0 +1,222 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, forwardRef, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common/http';
+import { HttpHeaders, HttpClientModule } from '@angular/common/http';
+import { Subject } from 'rxjs';
+import * as i3 from '@angular/forms';
+import { FormControl, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { takeUntil, debounceTime } from 'rxjs/operators';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i5 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i6 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i7 from '@angular/material/core';
+import * as i8 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { BrowserModule } from '@angular/platform-browser';
+import { MatSelectModule } from '@angular/material/select';
+
+class HugeInputSearchD1Service {
+    constructor() { }
+}
+HugeInputSearchD1Service.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Service, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+HugeInputSearchD1Service.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Service, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Service, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+//import { LoginService } from 'src/app/services/login/login.service';
+class BaseControlValueAccessor {
+    constructor() {
+        this.disabled = false;
+    }
+    onChange(newVal) { }
+    onTouched(_) { }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+}
+class HugeInputSearchD1Component extends BaseControlValueAccessor {
+    constructor(http, renderer) {
+        super();
+        this.http = http;
+        this.renderer = renderer;
+        this.isRequired = false;
+        this.emitVal = new EventEmitter();
+        this.optClicked = false;
+        this.searchTextControl = new FormControl();
+        this.isLoading = false;
+        this._onDestroy = new Subject();
+        this.resultClicked = (result, event) => {
+            setTimeout(() => {
+                this.optClicked = true;
+                if (this.outputParam) {
+                    this.onChange(result[this.outputParam]);
+                    this.emitVal.emit(result[this.outputParam]);
+                }
+                else {
+                    this.onChange(JSON.stringify(result));
+                    this.emitVal.emit(JSON.stringify(result));
+                }
+                let txt = result[this.optionLabel[0]] +
+                    (this.optionLabel.length > 1 ? " " + result[this.optionLabel[1]] : "");
+                this.searchTextControl.patchValue(txt);
+            }, 100);
+        };
+    }
+    ngOnInit() {
+        this.searchTxtControlSubscription = this.searchTextControl.valueChanges
+            .pipe(takeUntil(this._onDestroy), debounceTime(700))
+            .subscribe((text) => {
+            if (text)
+                if (text.length > 0) {
+                    this.isLoading = true;
+                    this.http
+                        .post(this.apiUri, {
+                        searchParameter: text,
+                        options: this.bodyParams,
+                    }, { headers: new HttpHeaders({ 'Authorization': 'Bearer ' + this.loginToken }) })
+                        .pipe(takeUntil(this._onDestroy))
+                        .subscribe((res) => {
+                        console.log(res);
+                        this.isLoading = false;
+                        this.searchResult = res;
+                    }, (err) => {
+                        console.error(err);
+                    });
+                }
+        });
+    }
+    resetSuggestion() {
+        this.searchTextControl.patchValue("");
+    }
+    writeValue(value) {
+        if (value) {
+            let arr = JSON.parse(value);
+            console.log(arr);
+            let txt = arr[this.optionLabel[0]] +
+                (this.optionLabel.length > 1 ? " " + arr[this.optionLabel[1]] : "");
+            this.searchTextControl.patchValue(txt);
+        }
+        else {
+            this.searchTextControl.patchValue('');
+        }
+    }
+    ngOnDestroy() {
+        if (this.searchTxtControlSubscription)
+            this.searchTxtControlSubscription.unsubscribe();
+    }
+    checkAndClearInput() {
+        if (!this.optClicked) {
+            this.searchTextControl.reset();
+            this.onChange(null);
+            this.emitVal.emit(null);
+        }
+    }
+}
+HugeInputSearchD1Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Component, deps: [{ token: i1.HttpClient }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+HugeInputSearchD1Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: HugeInputSearchD1Component, selector: "kebs-huge-input-search-d1", inputs: { apiUri: "apiUri", bodyParams: "bodyParams", outputParam: "outputParam", optionLabel: "optionLabel", optionValue: "optionValue", label: "label", isRequired: "isRequired", loginToken: "loginToken" }, outputs: { emitVal: "emitVal" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => HugeInputSearchD1Component),
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance='outline'>\r\n    <mat-label>{{label}}</mat-label>\r\n    <input matInput placeholder=\"Search {{label}}\" aria-label=\"State\" [matAutocomplete]=\"auto\"\r\n      [formControl]=\"searchTextControl\" (focusout)='checkAndClearInput()' (keyup)='optClicked = false' autocomplete=\"off\"\r\n      [required]=\"isRequired\">\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n      <mat-option class=\"is-loading\" *ngIf='isLoading'>\r\n        <div class=\"lds-facebook\">\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n        </div>\r\n      </mat-option>\r\n      <ng-container *ngIf=\"isLoading == false\">\r\n        <mat-option *ngFor=\"let item of searchResult\" (onSelectionChange)=\"resultClicked(item,$event)\">\r\n          <span>\r\n            <small style=\"padding-left: 12px;\" matTooltip=\"{{item[optionLabel[0]]}} - {{item[optionLabel[1]]?item[optionLabel[1]]:''}}\">{{item[optionLabel[0]] +\" | \" }}\r\n              {{item[optionLabel[1]]?item[optionLabel[1]]:''}}</small></span>1\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-autocomplete>\r\n  </mat-form-field>", styles: [".mat-form-field{width:100%}.mat-form-field ::ng-deep .mat-form-field-wrapper{padding-bottom:8px!important}.mat-form-field ::ng-deep .mat-form-field-underline{bottom:0}.mat-form-field ::ng-deep .mat-form-field-infix{padding:.65em 0!important;border-top:.54375em solid transparent!important;font-size:13px}.mat-form-field ::ng-deep .mat-select-arrow{margin:0 4px!important}.lds-facebook{display:inline-block;position:sticky;width:80px;height:24px;margin-left:110px}.lds-facebook div{display:inline-block;position:absolute;left:4px;width:5px;background:#cf0001;animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite}.lds-facebook div:nth-child(1){left:8px;animation-delay:-.24s}.lds-facebook div:nth-child(2){left:16px;animation-delay:-.12s}.lds-facebook div:nth-child(3){left:24px;animation-delay:0}@keyframes lds-facebook{0%{top:8px;height:32px}50%,to{top:12px;height:16px}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { 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.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'kebs-huge-input-search-d1', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => HugeInputSearchD1Component),
+                            multi: true,
+                        },
+                    ], template: "<mat-form-field appearance='outline'>\r\n    <mat-label>{{label}}</mat-label>\r\n    <input matInput placeholder=\"Search {{label}}\" aria-label=\"State\" [matAutocomplete]=\"auto\"\r\n      [formControl]=\"searchTextControl\" (focusout)='checkAndClearInput()' (keyup)='optClicked = false' autocomplete=\"off\"\r\n      [required]=\"isRequired\">\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n      <mat-option class=\"is-loading\" *ngIf='isLoading'>\r\n        <div class=\"lds-facebook\">\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n        </div>\r\n      </mat-option>\r\n      <ng-container *ngIf=\"isLoading == false\">\r\n        <mat-option *ngFor=\"let item of searchResult\" (onSelectionChange)=\"resultClicked(item,$event)\">\r\n          <span>\r\n            <small style=\"padding-left: 12px;\" matTooltip=\"{{item[optionLabel[0]]}} - {{item[optionLabel[1]]?item[optionLabel[1]]:''}}\">{{item[optionLabel[0]] +\" | \" }}\r\n              {{item[optionLabel[1]]?item[optionLabel[1]]:''}}</small></span>1\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-autocomplete>\r\n  </mat-form-field>", styles: [".mat-form-field{width:100%}.mat-form-field ::ng-deep .mat-form-field-wrapper{padding-bottom:8px!important}.mat-form-field ::ng-deep .mat-form-field-underline{bottom:0}.mat-form-field ::ng-deep .mat-form-field-infix{padding:.65em 0!important;border-top:.54375em solid transparent!important;font-size:13px}.mat-form-field ::ng-deep .mat-select-arrow{margin:0 4px!important}.lds-facebook{display:inline-block;position:sticky;width:80px;height:24px;margin-left:110px}.lds-facebook div{display:inline-block;position:absolute;left:4px;width:5px;background:#cf0001;animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite}.lds-facebook div:nth-child(1){left:8px;animation-delay:-.24s}.lds-facebook div:nth-child(2){left:16px;animation-delay:-.12s}.lds-facebook div:nth-child(3){left:24px;animation-delay:0}@keyframes lds-facebook{0%{top:8px;height:32px}50%,to{top:12px;height:16px}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i0.Renderer2 }]; }, propDecorators: { apiUri: [{
+                type: Input
+            }], bodyParams: [{
+                type: Input
+            }], outputParam: [{
+                type: Input
+            }], optionLabel: [{
+                type: Input
+            }], optionValue: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], isRequired: [{
+                type: Input
+            }], loginToken: [{
+                type: Input
+            }], emitVal: [{
+                type: Output
+            }] } });
+
+class HugeInputSearchD1Module {
+}
+HugeInputSearchD1Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HugeInputSearchD1Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Module, declarations: [HugeInputSearchD1Component], imports: [CommonModule,
+        BrowserModule,
+        FormsModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatAutocompleteModule,
+        MatSelectModule,
+        MatTooltipModule,
+        ReactiveFormsModule,
+        HttpClientModule], exports: [HugeInputSearchD1Component] });
+HugeInputSearchD1Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Module, imports: [CommonModule,
+        BrowserModule,
+        FormsModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatAutocompleteModule,
+        MatSelectModule,
+        MatTooltipModule,
+        ReactiveFormsModule,
+        HttpClientModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Module, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [HugeInputSearchD1Component],
+                    imports: [
+                        CommonModule,
+                        BrowserModule,
+                        FormsModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatAutocompleteModule,
+                        MatSelectModule,
+                        MatTooltipModule,
+                        ReactiveFormsModule,
+                        HttpClientModule
+                    ],
+                    exports: [HugeInputSearchD1Component]
+                }]
+        }] });
+
+/*
+ * Public API Surface of huge-input-search-d1
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HugeInputSearchD1Component, HugeInputSearchD1Module, HugeInputSearchD1Service };
+//# sourceMappingURL=kebs-huge-input-search-d1.mjs.map

package/fesm2015/kebs-huge-input-search-d1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kebs-huge-input-search-d1.mjs","sources":["../../../projects/huge-input-search-d1/src/lib/huge-input-search-d1.service.ts","../../../projects/huge-input-search-d1/src/lib/huge-input-search-d1.component.ts","../../../projects/huge-input-search-d1/src/lib/huge-input-search-d1.component.html","../../../projects/huge-input-search-d1/src/lib/huge-input-search-d1.module.ts","../../../projects/huge-input-search-d1/src/public-api.ts","../../../projects/huge-input-search-d1/src/kebs-huge-input-search-d1.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class HugeInputSearchD1Service {\r\n\r\n  constructor() { }\r\n}\r\n","import { ControlValueAccessor } from \"@angular/forms\";\r\n\r\n\r\nimport {\r\n  Component,\r\n  OnInit,\r\n  Input,\r\n  OnDestroy,\r\n  forwardRef,\r\n  Renderer2,\r\n  EventEmitter,\r\n  Output,\r\n} from \"@angular/core\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { Subscription, Subject } from \"rxjs\";\r\nimport {\r\n  FormControl,\r\n  NG_VALUE_ACCESSOR,\r\n} from \"@angular/forms\";\r\nimport { takeUntil, debounceTime } from \"rxjs/operators\";\r\n//import { LoginService } from 'src/app/services/login/login.service';\r\n\r\nclass BaseControlValueAccessor<T> implements ControlValueAccessor {\r\n  public disabled = false;\r\n\r\n  public onChange(newVal: T) {}\r\n  public onTouched(_?: any) {}\r\n  public value: T;\r\n\r\n  public writeValue(obj: T): void {\r\n    this.value = obj;\r\n  }\r\n  public registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n  public registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n  public setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n  }\r\n}\r\n\r\n@Component({\r\n  selector: 'kebs-huge-input-search-d1',\r\n  templateUrl: 'huge-input-search-d1.component.html',\r\n  styleUrls: ['huge-input-search-d1.component.scss'],\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => HugeInputSearchD1Component),\r\n      multi: true,\r\n    },\r\n  ],\r\n})\r\n\r\n\r\n\r\nexport class HugeInputSearchD1Component\r\n  extends BaseControlValueAccessor<any> implements OnInit, OnDestroy {\r\n  @Input() apiUri: string;\r\n  @Input() bodyParams: string;\r\n  @Input() outputParam:string;\r\n  @Input() optionLabel: any;\r\n  @Input() optionValue: string;\r\n  @Input() label: string;\r\n  @Input() isRequired: boolean = false;\r\n  @Input() loginToken: any;\r\n  @Output() emitVal = new EventEmitter<any>()\r\n  \r\n  optClicked: boolean = false;\r\n\r\n  searchTextControl = <any>new FormControl();\r\n  searchResult: any;\r\n  isLoading = false;\r\n  displayFn: any;\r\n\r\n  //subscriptons\r\n  searchTxtControlSubscription: Subscription\r\n\r\n  protected _onDestroy = new Subject<void>();\r\n\r\n  constructor(private http: HttpClient, private renderer: Renderer2) {\r\n    super();\r\n  }\r\n\r\n\r\n\r\n  ngOnInit() {\r\n    this.searchTxtControlSubscription = this.searchTextControl.valueChanges\r\n      .pipe(takeUntil(this._onDestroy), debounceTime(700))\r\n      .subscribe((text:any) => {\r\n        if (text)\r\n          if (text.length > 0) {\r\n            this.isLoading = true;\r\n\r\n            this.http\r\n              .post(this.apiUri, {\r\n                searchParameter: text,\r\n                options: this.bodyParams,\r\n              }, { headers: new HttpHeaders({'Authorization': 'Bearer ' + this.loginToken})})\r\n              .pipe(takeUntil(this._onDestroy))\r\n              .subscribe(\r\n                (res) => {\r\n                  console.log(res);\r\n                  this.isLoading = false;\r\n                  this.searchResult = res;\r\n                  \r\n\r\n                },\r\n                (err) => {\r\n                  console.error(err);\r\n                }\r\n              );\r\n          }\r\n      });\r\n  }\r\n  resetSuggestion() {\r\n    this.searchTextControl.patchValue(\"\");\r\n  }\r\n\r\n  resultClicked = (result, event) => {\r\n    setTimeout(() => {\r\n      this.optClicked = true;\r\n      if(this.outputParam){\r\n        this.onChange(result[this.outputParam])\r\n        this.emitVal.emit(result[this.outputParam])\r\n      }\r\n      else\r\n      {\r\n      this.onChange(JSON.stringify(result));\r\n      this.emitVal.emit(JSON.stringify(result))\r\n      }\r\n      let txt =\r\n        result[this.optionLabel[0]] +\r\n        (this.optionLabel.length > 1 ? \" \" + result[this.optionLabel[1]] : \"\");\r\n      this.searchTextControl.patchValue(txt);\r\n    }, 100)\r\n  };\r\n\r\n  writeValue(value) {\r\n    if (value) {\r\n      let arr = JSON.parse(value);\r\n      console.log(arr);\r\n      let txt =\r\n        arr[this.optionLabel[0]] +\r\n        (this.optionLabel.length > 1 ? \" \" + arr[this.optionLabel[1]] : \"\");\r\n      this.searchTextControl.patchValue(txt);\r\n    }\r\n    else {\r\n      this.searchTextControl.patchValue('');\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    if (this.searchTxtControlSubscription)\r\n      this.searchTxtControlSubscription.unsubscribe();\r\n  }\r\n\r\n\r\n  checkAndClearInput() {\r\n    if (!this.optClicked) {\r\n      this.searchTextControl.reset();\r\n      this.onChange(null)\r\n      this.emitVal.emit(null)\r\n    }\r\n  }\r\n}\r\n","<mat-form-field appearance='outline'>\r\n    <mat-label>{{label}}</mat-label>\r\n    <input matInput placeholder=\"Search {{label}}\" aria-label=\"State\" [matAutocomplete]=\"auto\"\r\n      [formControl]=\"searchTextControl\" (focusout)='checkAndClearInput()' (keyup)='optClicked = false' autocomplete=\"off\"\r\n      [required]=\"isRequired\">\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n      <mat-option class=\"is-loading\" *ngIf='isLoading'>\r\n        <div class=\"lds-facebook\">\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n        </div>\r\n      </mat-option>\r\n      <ng-container *ngIf=\"isLoading == false\">\r\n        <mat-option *ngFor=\"let item of searchResult\" (onSelectionChange)=\"resultClicked(item,$event)\">\r\n          <span>\r\n            <small style=\"padding-left: 12px;\" matTooltip=\"{{item[optionLabel[0]]}} - {{item[optionLabel[1]]?item[optionLabel[1]]:''}}\">{{item[optionLabel[0]] +\" | \" }}\r\n              {{item[optionLabel[1]]?item[optionLabel[1]]:''}}</small></span>1\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-autocomplete>\r\n  </mat-form-field>","import { NgModule } from '@angular/core';\r\nimport { HugeInputSearchD1Component } from './huge-input-search-d1.component';\r\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { CommonModule } from '@angular/common';  \r\nimport { BrowserModule } from '@angular/platform-browser';\r\n// material\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatAutocompleteModule } from \"@angular/material/autocomplete\";\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\n\r\n@NgModule({\r\n  declarations: [HugeInputSearchD1Component],\r\n  imports: [\r\n    CommonModule,\r\n    BrowserModule,\r\n    FormsModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatAutocompleteModule,\r\n    MatSelectModule,\r\n    MatTooltipModule,\r\n    ReactiveFormsModule,\r\n    HttpClientModule\r\n\r\n  ],\r\n  exports: [HugeInputSearchD1Component]\r\n})\r\nexport class HugeInputSearchD1Module { }\r\n","/*\r\n * Public API Surface of huge-input-search-d1\r\n */\r\n\r\nexport * from './lib/huge-input-search-d1.service';\r\nexport * from './lib/huge-input-search-d1.component';\r\nexport * from './lib/huge-input-search-d1.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/kebs-huge-input-search-d1.mjs

@@ -0,0 +1,222 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, forwardRef, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common/http';
+import { HttpHeaders, HttpClientModule } from '@angular/common/http';
+import { Subject } from 'rxjs';
+import * as i3 from '@angular/forms';
+import { FormControl, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { takeUntil, debounceTime } from 'rxjs/operators';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i5 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i6 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i7 from '@angular/material/core';
+import * as i8 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { BrowserModule } from '@angular/platform-browser';
+import { MatSelectModule } from '@angular/material/select';
+
+class HugeInputSearchD1Service {
+    constructor() { }
+}
+HugeInputSearchD1Service.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Service, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+HugeInputSearchD1Service.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Service, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Service, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+//import { LoginService } from 'src/app/services/login/login.service';
+class BaseControlValueAccessor {
+    constructor() {
+        this.disabled = false;
+    }
+    onChange(newVal) { }
+    onTouched(_) { }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+}
+class HugeInputSearchD1Component extends BaseControlValueAccessor {
+    constructor(http, renderer) {
+        super();
+        this.http = http;
+        this.renderer = renderer;
+        this.isRequired = false;
+        this.emitVal = new EventEmitter();
+        this.optClicked = false;
+        this.searchTextControl = new FormControl();
+        this.isLoading = false;
+        this._onDestroy = new Subject();
+        this.resultClicked = (result, event) => {
+            setTimeout(() => {
+                this.optClicked = true;
+                if (this.outputParam) {
+                    this.onChange(result[this.outputParam]);
+                    this.emitVal.emit(result[this.outputParam]);
+                }
+                else {
+                    this.onChange(JSON.stringify(result));
+                    this.emitVal.emit(JSON.stringify(result));
+                }
+                let txt = result[this.optionLabel[0]] +
+                    (this.optionLabel.length > 1 ? " " + result[this.optionLabel[1]] : "");
+                this.searchTextControl.patchValue(txt);
+            }, 100);
+        };
+    }
+    ngOnInit() {
+        this.searchTxtControlSubscription = this.searchTextControl.valueChanges
+            .pipe(takeUntil(this._onDestroy), debounceTime(700))
+            .subscribe((text) => {
+            if (text)
+                if (text.length > 0) {
+                    this.isLoading = true;
+                    this.http
+                        .post(this.apiUri, {
+                        searchParameter: text,
+                        options: this.bodyParams,
+                    }, { headers: new HttpHeaders({ 'Authorization': 'Bearer ' + this.loginToken }) })
+                        .pipe(takeUntil(this._onDestroy))
+                        .subscribe((res) => {
+                        console.log(res);
+                        this.isLoading = false;
+                        this.searchResult = res;
+                    }, (err) => {
+                        console.error(err);
+                    });
+                }
+        });
+    }
+    resetSuggestion() {
+        this.searchTextControl.patchValue("");
+    }
+    writeValue(value) {
+        if (value) {
+            let arr = JSON.parse(value);
+            console.log(arr);
+            let txt = arr[this.optionLabel[0]] +
+                (this.optionLabel.length > 1 ? " " + arr[this.optionLabel[1]] : "");
+            this.searchTextControl.patchValue(txt);
+        }
+        else {
+            this.searchTextControl.patchValue('');
+        }
+    }
+    ngOnDestroy() {
+        if (this.searchTxtControlSubscription)
+            this.searchTxtControlSubscription.unsubscribe();
+    }
+    checkAndClearInput() {
+        if (!this.optClicked) {
+            this.searchTextControl.reset();
+            this.onChange(null);
+            this.emitVal.emit(null);
+        }
+    }
+}
+HugeInputSearchD1Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Component, deps: [{ token: i1.HttpClient }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+HugeInputSearchD1Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: HugeInputSearchD1Component, selector: "kebs-huge-input-search-d1", inputs: { apiUri: "apiUri", bodyParams: "bodyParams", outputParam: "outputParam", optionLabel: "optionLabel", optionValue: "optionValue", label: "label", isRequired: "isRequired", loginToken: "loginToken" }, outputs: { emitVal: "emitVal" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => HugeInputSearchD1Component),
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance='outline'>\r\n    <mat-label>{{label}}</mat-label>\r\n    <input matInput placeholder=\"Search {{label}}\" aria-label=\"State\" [matAutocomplete]=\"auto\"\r\n      [formControl]=\"searchTextControl\" (focusout)='checkAndClearInput()' (keyup)='optClicked = false' autocomplete=\"off\"\r\n      [required]=\"isRequired\">\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n      <mat-option class=\"is-loading\" *ngIf='isLoading'>\r\n        <div class=\"lds-facebook\">\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n        </div>\r\n      </mat-option>\r\n      <ng-container *ngIf=\"isLoading == false\">\r\n        <mat-option *ngFor=\"let item of searchResult\" (onSelectionChange)=\"resultClicked(item,$event)\">\r\n          <span>\r\n            <small style=\"padding-left: 12px;\" matTooltip=\"{{item[optionLabel[0]]}} - {{item[optionLabel[1]]?item[optionLabel[1]]:''}}\">{{item[optionLabel[0]] +\" | \" }}\r\n              {{item[optionLabel[1]]?item[optionLabel[1]]:''}}</small></span>1\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-autocomplete>\r\n  </mat-form-field>", styles: [".mat-form-field{width:100%}.mat-form-field ::ng-deep .mat-form-field-wrapper{padding-bottom:8px!important}.mat-form-field ::ng-deep .mat-form-field-underline{bottom:0}.mat-form-field ::ng-deep .mat-form-field-infix{padding:.65em 0!important;border-top:.54375em solid transparent!important;font-size:13px}.mat-form-field ::ng-deep .mat-select-arrow{margin:0 4px!important}.lds-facebook{display:inline-block;position:sticky;width:80px;height:24px;margin-left:110px}.lds-facebook div{display:inline-block;position:absolute;left:4px;width:5px;background:#cf0001;animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite}.lds-facebook div:nth-child(1){left:8px;animation-delay:-.24s}.lds-facebook div:nth-child(2){left:16px;animation-delay:-.12s}.lds-facebook div:nth-child(3){left:24px;animation-delay:0}@keyframes lds-facebook{0%{top:8px;height:32px}50%,to{top:12px;height:16px}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { 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.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'kebs-huge-input-search-d1', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => HugeInputSearchD1Component),
+                            multi: true,
+                        },
+                    ], template: "<mat-form-field appearance='outline'>\r\n    <mat-label>{{label}}</mat-label>\r\n    <input matInput placeholder=\"Search {{label}}\" aria-label=\"State\" [matAutocomplete]=\"auto\"\r\n      [formControl]=\"searchTextControl\" (focusout)='checkAndClearInput()' (keyup)='optClicked = false' autocomplete=\"off\"\r\n      [required]=\"isRequired\">\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n      <mat-option class=\"is-loading\" *ngIf='isLoading'>\r\n        <div class=\"lds-facebook\">\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n        </div>\r\n      </mat-option>\r\n      <ng-container *ngIf=\"isLoading == false\">\r\n        <mat-option *ngFor=\"let item of searchResult\" (onSelectionChange)=\"resultClicked(item,$event)\">\r\n          <span>\r\n            <small style=\"padding-left: 12px;\" matTooltip=\"{{item[optionLabel[0]]}} - {{item[optionLabel[1]]?item[optionLabel[1]]:''}}\">{{item[optionLabel[0]] +\" | \" }}\r\n              {{item[optionLabel[1]]?item[optionLabel[1]]:''}}</small></span>1\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-autocomplete>\r\n  </mat-form-field>", styles: [".mat-form-field{width:100%}.mat-form-field ::ng-deep .mat-form-field-wrapper{padding-bottom:8px!important}.mat-form-field ::ng-deep .mat-form-field-underline{bottom:0}.mat-form-field ::ng-deep .mat-form-field-infix{padding:.65em 0!important;border-top:.54375em solid transparent!important;font-size:13px}.mat-form-field ::ng-deep .mat-select-arrow{margin:0 4px!important}.lds-facebook{display:inline-block;position:sticky;width:80px;height:24px;margin-left:110px}.lds-facebook div{display:inline-block;position:absolute;left:4px;width:5px;background:#cf0001;animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite}.lds-facebook div:nth-child(1){left:8px;animation-delay:-.24s}.lds-facebook div:nth-child(2){left:16px;animation-delay:-.12s}.lds-facebook div:nth-child(3){left:24px;animation-delay:0}@keyframes lds-facebook{0%{top:8px;height:32px}50%,to{top:12px;height:16px}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i0.Renderer2 }]; }, propDecorators: { apiUri: [{
+                type: Input
+            }], bodyParams: [{
+                type: Input
+            }], outputParam: [{
+                type: Input
+            }], optionLabel: [{
+                type: Input
+            }], optionValue: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], isRequired: [{
+                type: Input
+            }], loginToken: [{
+                type: Input
+            }], emitVal: [{
+                type: Output
+            }] } });
+
+class HugeInputSearchD1Module {
+}
+HugeInputSearchD1Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HugeInputSearchD1Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Module, declarations: [HugeInputSearchD1Component], imports: [CommonModule,
+        BrowserModule,
+        FormsModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatAutocompleteModule,
+        MatSelectModule,
+        MatTooltipModule,
+        ReactiveFormsModule,
+        HttpClientModule], exports: [HugeInputSearchD1Component] });
+HugeInputSearchD1Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Module, imports: [CommonModule,
+        BrowserModule,
+        FormsModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatAutocompleteModule,
+        MatSelectModule,
+        MatTooltipModule,
+        ReactiveFormsModule,
+        HttpClientModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HugeInputSearchD1Module, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [HugeInputSearchD1Component],
+                    imports: [
+                        CommonModule,
+                        BrowserModule,
+                        FormsModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatAutocompleteModule,
+                        MatSelectModule,
+                        MatTooltipModule,
+                        ReactiveFormsModule,
+                        HttpClientModule
+                    ],
+                    exports: [HugeInputSearchD1Component]
+                }]
+        }] });
+
+/*
+ * Public API Surface of huge-input-search-d1
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HugeInputSearchD1Component, HugeInputSearchD1Module, HugeInputSearchD1Service };
+//# sourceMappingURL=kebs-huge-input-search-d1.mjs.map

package/fesm2020/kebs-huge-input-search-d1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kebs-huge-input-search-d1.mjs","sources":["../../../projects/huge-input-search-d1/src/lib/huge-input-search-d1.service.ts","../../../projects/huge-input-search-d1/src/lib/huge-input-search-d1.component.ts","../../../projects/huge-input-search-d1/src/lib/huge-input-search-d1.component.html","../../../projects/huge-input-search-d1/src/lib/huge-input-search-d1.module.ts","../../../projects/huge-input-search-d1/src/public-api.ts","../../../projects/huge-input-search-d1/src/kebs-huge-input-search-d1.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class HugeInputSearchD1Service {\r\n\r\n  constructor() { }\r\n}\r\n","import { ControlValueAccessor } from \"@angular/forms\";\r\n\r\n\r\nimport {\r\n  Component,\r\n  OnInit,\r\n  Input,\r\n  OnDestroy,\r\n  forwardRef,\r\n  Renderer2,\r\n  EventEmitter,\r\n  Output,\r\n} from \"@angular/core\";\r\nimport { HttpClient, HttpHeaders } from \"@angular/common/http\";\r\nimport { Subscription, Subject } from \"rxjs\";\r\nimport {\r\n  FormControl,\r\n  NG_VALUE_ACCESSOR,\r\n} from \"@angular/forms\";\r\nimport { takeUntil, debounceTime } from \"rxjs/operators\";\r\n//import { LoginService } from 'src/app/services/login/login.service';\r\n\r\nclass BaseControlValueAccessor<T> implements ControlValueAccessor {\r\n  public disabled = false;\r\n\r\n  public onChange(newVal: T) {}\r\n  public onTouched(_?: any) {}\r\n  public value: T;\r\n\r\n  public writeValue(obj: T): void {\r\n    this.value = obj;\r\n  }\r\n  public registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n  public registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n  public setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n  }\r\n}\r\n\r\n@Component({\r\n  selector: 'kebs-huge-input-search-d1',\r\n  templateUrl: 'huge-input-search-d1.component.html',\r\n  styleUrls: ['huge-input-search-d1.component.scss'],\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => HugeInputSearchD1Component),\r\n      multi: true,\r\n    },\r\n  ],\r\n})\r\n\r\n\r\n\r\nexport class HugeInputSearchD1Component\r\n  extends BaseControlValueAccessor<any> implements OnInit, OnDestroy {\r\n  @Input() apiUri: string;\r\n  @Input() bodyParams: string;\r\n  @Input() outputParam:string;\r\n  @Input() optionLabel: any;\r\n  @Input() optionValue: string;\r\n  @Input() label: string;\r\n  @Input() isRequired: boolean = false;\r\n  @Input() loginToken: any;\r\n  @Output() emitVal = new EventEmitter<any>()\r\n  \r\n  optClicked: boolean = false;\r\n\r\n  searchTextControl = <any>new FormControl();\r\n  searchResult: any;\r\n  isLoading = false;\r\n  displayFn: any;\r\n\r\n  //subscriptons\r\n  searchTxtControlSubscription: Subscription\r\n\r\n  protected _onDestroy = new Subject<void>();\r\n\r\n  constructor(private http: HttpClient, private renderer: Renderer2) {\r\n    super();\r\n  }\r\n\r\n\r\n\r\n  ngOnInit() {\r\n    this.searchTxtControlSubscription = this.searchTextControl.valueChanges\r\n      .pipe(takeUntil(this._onDestroy), debounceTime(700))\r\n      .subscribe((text:any) => {\r\n        if (text)\r\n          if (text.length > 0) {\r\n            this.isLoading = true;\r\n\r\n            this.http\r\n              .post(this.apiUri, {\r\n                searchParameter: text,\r\n                options: this.bodyParams,\r\n              }, { headers: new HttpHeaders({'Authorization': 'Bearer ' + this.loginToken})})\r\n              .pipe(takeUntil(this._onDestroy))\r\n              .subscribe(\r\n                (res) => {\r\n                  console.log(res);\r\n                  this.isLoading = false;\r\n                  this.searchResult = res;\r\n                  \r\n\r\n                },\r\n                (err) => {\r\n                  console.error(err);\r\n                }\r\n              );\r\n          }\r\n      });\r\n  }\r\n  resetSuggestion() {\r\n    this.searchTextControl.patchValue(\"\");\r\n  }\r\n\r\n  resultClicked = (result, event) => {\r\n    setTimeout(() => {\r\n      this.optClicked = true;\r\n      if(this.outputParam){\r\n        this.onChange(result[this.outputParam])\r\n        this.emitVal.emit(result[this.outputParam])\r\n      }\r\n      else\r\n      {\r\n      this.onChange(JSON.stringify(result));\r\n      this.emitVal.emit(JSON.stringify(result))\r\n      }\r\n      let txt =\r\n        result[this.optionLabel[0]] +\r\n        (this.optionLabel.length > 1 ? \" \" + result[this.optionLabel[1]] : \"\");\r\n      this.searchTextControl.patchValue(txt);\r\n    }, 100)\r\n  };\r\n\r\n  writeValue(value) {\r\n    if (value) {\r\n      let arr = JSON.parse(value);\r\n      console.log(arr);\r\n      let txt =\r\n        arr[this.optionLabel[0]] +\r\n        (this.optionLabel.length > 1 ? \" \" + arr[this.optionLabel[1]] : \"\");\r\n      this.searchTextControl.patchValue(txt);\r\n    }\r\n    else {\r\n      this.searchTextControl.patchValue('');\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    if (this.searchTxtControlSubscription)\r\n      this.searchTxtControlSubscription.unsubscribe();\r\n  }\r\n\r\n\r\n  checkAndClearInput() {\r\n    if (!this.optClicked) {\r\n      this.searchTextControl.reset();\r\n      this.onChange(null)\r\n      this.emitVal.emit(null)\r\n    }\r\n  }\r\n}\r\n","<mat-form-field appearance='outline'>\r\n    <mat-label>{{label}}</mat-label>\r\n    <input matInput placeholder=\"Search {{label}}\" aria-label=\"State\" [matAutocomplete]=\"auto\"\r\n      [formControl]=\"searchTextControl\" (focusout)='checkAndClearInput()' (keyup)='optClicked = false' autocomplete=\"off\"\r\n      [required]=\"isRequired\">\r\n    <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n      <mat-option class=\"is-loading\" *ngIf='isLoading'>\r\n        <div class=\"lds-facebook\">\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n        </div>\r\n      </mat-option>\r\n      <ng-container *ngIf=\"isLoading == false\">\r\n        <mat-option *ngFor=\"let item of searchResult\" (onSelectionChange)=\"resultClicked(item,$event)\">\r\n          <span>\r\n            <small style=\"padding-left: 12px;\" matTooltip=\"{{item[optionLabel[0]]}} - {{item[optionLabel[1]]?item[optionLabel[1]]:''}}\">{{item[optionLabel[0]] +\" | \" }}\r\n              {{item[optionLabel[1]]?item[optionLabel[1]]:''}}</small></span>1\r\n        </mat-option>\r\n      </ng-container>\r\n    </mat-autocomplete>\r\n  </mat-form-field>","import { NgModule } from '@angular/core';\r\nimport { HugeInputSearchD1Component } from './huge-input-search-d1.component';\r\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { CommonModule } from '@angular/common';  \r\nimport { BrowserModule } from '@angular/platform-browser';\r\n// material\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatAutocompleteModule } from \"@angular/material/autocomplete\";\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\n\r\n@NgModule({\r\n  declarations: [HugeInputSearchD1Component],\r\n  imports: [\r\n    CommonModule,\r\n    BrowserModule,\r\n    FormsModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatAutocompleteModule,\r\n    MatSelectModule,\r\n    MatTooltipModule,\r\n    ReactiveFormsModule,\r\n    HttpClientModule\r\n\r\n  ],\r\n  exports: [HugeInputSearchD1Component]\r\n})\r\nexport class HugeInputSearchD1Module { }\r\n","/*\r\n * Public API Surface of huge-input-search-d1\r\n */\r\n\r\nexport * from './lib/huge-input-search-d1.service';\r\nexport * from './lib/huge-input-search-d1.component';\r\nexport * from './lib/huge-input-search-d1.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="kebs-huge-input-search-d1" />
+export * from './public-api';
+//# sourceMappingURL=kebs-huge-input-search-d1.d.ts.map

package/kebs-huge-input-search-d1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kebs-huge-input-search-d1.d.ts","sourceRoot":"","sources":["../../projects/huge-input-search-d1/src/kebs-huge-input-search-d1.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,cAAc,cAAc,CAAC"}

package/lib/huge-input-search-d1.component.d.ts

@@ -0,0 +1,46 @@
+import { ControlValueAccessor } from "@angular/forms";
+import { OnInit, OnDestroy, Renderer2, EventEmitter } from "@angular/core";
+import { HttpClient } from "@angular/common/http";
+import { Subscription, Subject } from "rxjs";
+import * as i0 from "@angular/core";
+declare class BaseControlValueAccessor<T> implements ControlValueAccessor {
+    disabled: boolean;
+    onChange(newVal: T): void;
+    onTouched(_?: any): void;
+    value: T;
+    writeValue(obj: T): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+}
+export declare class HugeInputSearchD1Component extends BaseControlValueAccessor<any> implements OnInit, OnDestroy {
+    private http;
+    private renderer;
+    apiUri: string;
+    bodyParams: string;
+    outputParam: string;
+    optionLabel: any;
+    optionValue: string;
+    label: string;
+    isRequired: boolean;
+    loginToken: any;
+    emitVal: EventEmitter<any>;
+    optClicked: boolean;
+    searchTextControl: any;
+    searchResult: any;
+    isLoading: boolean;
+    displayFn: any;
+    searchTxtControlSubscription: Subscription;
+    protected _onDestroy: Subject<void>;
+    constructor(http: HttpClient, renderer: Renderer2);
+    ngOnInit(): void;
+    resetSuggestion(): void;
+    resultClicked: (result: any, event: any) => void;
+    writeValue(value: any): void;
+    ngOnDestroy(): void;
+    checkAndClearInput(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HugeInputSearchD1Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HugeInputSearchD1Component, "kebs-huge-input-search-d1", never, { "apiUri": "apiUri"; "bodyParams": "bodyParams"; "outputParam": "outputParam"; "optionLabel": "optionLabel"; "optionValue": "optionValue"; "label": "label"; "isRequired": "isRequired"; "loginToken": "loginToken"; }, { "emitVal": "emitVal"; }, never, never, false>;
+}
+export {};
+//# sourceMappingURL=huge-input-search-d1.component.d.ts.map

package/lib/huge-input-search-d1.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"huge-input-search-d1.component.d.ts","sourceRoot":"","sources":["../../../projects/huge-input-search-d1/src/lib/huge-input-search-d1.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,EAEL,MAAM,EAEN,SAAS,EAET,SAAS,EACT,YAAY,EAEb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,UAAU,EAAe,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;;AAQ7C,cAAM,wBAAwB,CAAC,CAAC,CAAE,YAAW,oBAAoB;IACxD,QAAQ,UAAS;IAEjB,QAAQ,CAAC,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG;IACjB,KAAK,EAAE,CAAC,CAAC;IAET,UAAU,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI;IAGxB,gBAAgB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAG/B,iBAAiB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAGhC,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;CAGnD;AAED,qBAea,0BACX,SAAQ,wBAAwB,CAAC,GAAG,CAAE,YAAW,MAAM,EAAE,SAAS;IAuBtD,OAAO,CAAC,IAAI;IAAc,OAAO,CAAC,QAAQ;IAtB7C,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAC,MAAM,CAAC;IACnB,WAAW,EAAE,GAAG,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAS;IAC5B,UAAU,EAAE,GAAG,CAAC;IACf,OAAO,oBAA0B;IAE3C,UAAU,EAAE,OAAO,CAAS;IAE5B,iBAAiB,MAA0B;IAC3C,YAAY,EAAE,GAAG,CAAC;IAClB,SAAS,UAAS;IAClB,SAAS,EAAE,GAAG,CAAC;IAGf,4BAA4B,EAAE,YAAY,CAAA;IAE1C,SAAS,CAAC,UAAU,gBAAuB;gBAEvB,IAAI,EAAE,UAAU,EAAU,QAAQ,EAAE,SAAS;IAMjE,QAAQ;IA6BR,eAAe;IAIf,aAAa,oCAiBX;IAEF,UAAU,CAAC,KAAK,KAAA;IAchB,WAAW;IAMX,kBAAkB;yCAtGP,0BAA0B;2CAA1B,0BAA0B;CA6GtC"}

package/lib/huge-input-search-d1.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./huge-input-search-d1.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/platform-browser";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/material/input";
+import * as i7 from "@angular/material/autocomplete";
+import * as i8 from "@angular/material/select";
+import * as i9 from "@angular/material/tooltip";
+import * as i10 from "@angular/common/http";
+export declare class HugeInputSearchD1Module {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HugeInputSearchD1Module, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HugeInputSearchD1Module, [typeof i1.HugeInputSearchD1Component], [typeof i2.CommonModule, typeof i3.BrowserModule, typeof i4.FormsModule, typeof i5.MatFormFieldModule, typeof i6.MatInputModule, typeof i7.MatAutocompleteModule, typeof i8.MatSelectModule, typeof i9.MatTooltipModule, typeof i4.ReactiveFormsModule, typeof i10.HttpClientModule], [typeof i1.HugeInputSearchD1Component]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HugeInputSearchD1Module>;
+}
+//# sourceMappingURL=huge-input-search-d1.module.d.ts.map

package/lib/huge-input-search-d1.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"huge-input-search-d1.module.d.ts","sourceRoot":"","sources":["../../../projects/huge-input-search-d1/src/lib/huge-input-search-d1.module.ts"],"names":[],"mappings":";;;;;;;;;;;AAcA,qBAiBa,uBAAuB;yCAAvB,uBAAuB;0CAAvB,uBAAuB;0CAAvB,uBAAuB;CAAI"}

package/lib/huge-input-search-d1.service.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class HugeInputSearchD1Service {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HugeInputSearchD1Service, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<HugeInputSearchD1Service>;
+}
+//# sourceMappingURL=huge-input-search-d1.service.d.ts.map

package/lib/huge-input-search-d1.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"huge-input-search-d1.service.d.ts","sourceRoot":"","sources":["../../../projects/huge-input-search-d1/src/lib/huge-input-search-d1.service.ts"],"names":[],"mappings":";AAEA,qBAGa,wBAAwB;;yCAAxB,wBAAwB;6CAAxB,wBAAwB;CAGpC"}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "kebs-huge-input-search-d1",
+  "version": "0.0.4",
+  "peerDependencies": {
+    "@angular/animations": "~15.2.10",
+    "@angular/cdk": "~15.2.9",
+    "@angular/common": "~15.2.10",
+    "@angular/core": "~15.2.10",
+    "@angular/forms": "~15.2.10",
+    "@angular/material": "~15.2.9"
+  },
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2015/kebs-huge-input-search-d1.mjs",
+  "es2020": "fesm2020/kebs-huge-input-search-d1.mjs",
+  "esm2020": "esm2020/kebs-huge-input-search-d1.mjs",
+  "fesm2020": "fesm2020/kebs-huge-input-search-d1.mjs",
+  "fesm2015": "fesm2015/kebs-huge-input-search-d1.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/kebs-huge-input-search-d1.mjs",
+      "es2020": "./fesm2020/kebs-huge-input-search-d1.mjs",
+      "es2015": "./fesm2015/kebs-huge-input-search-d1.mjs",
+      "node": "./fesm2015/kebs-huge-input-search-d1.mjs",
+      "default": "./fesm2020/kebs-huge-input-search-d1.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/huge-input-search-d1.service';
+export * from './lib/huge-input-search-d1.component';
+export * from './lib/huge-input-search-d1.module';
+//# sourceMappingURL=public-api.d.ts.map

package/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../projects/huge-input-search-d1/src/public-api.ts"],"names":[],"mappings":"AAIA,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC"}