@sd-angular/core 1.3.176 → 1.3.178

package/api/sd-angular-core-api.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdApiModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":6,"character":4}],"exports":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":9,"character":4}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/common/http","name":"HTTP_INTERCEPTORS","line":12,"character":15},"useClass":{"__symbolic":"reference","name":"SdHttpInterceptor"},"multi":true}]}]}],"members":{}},"SdTokenService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":38,"character":5},"arguments":[{"__symbolic":"reference","name":"API_CONFIG"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":38,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"IApiConfiguration"},{"__symbolic":"reference","module":"@sd-angular/core/cache","name":"SdCacheService","line":39,"character":26}]}]},"statics":{"ɵprov":{}}},"IApiConfiguration":{"__symbolic":"interface"},"API_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":13,"character":30},"arguments":["api.configuration"]},"TOKEN":{"__symbolic":"call","arguments":[{"origin":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"location"},"member":"origin"},"key":"ed4a2ffc-af43-41fb-9ac9-970f43d99571"}]},"SdApiService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":36,"character":5},"arguments":[{"__symbolic":"reference","name":"API_CONFIG"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":36,"character":25}}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":35,"character":24},{"__symbolic":"reference","name":"IApiConfiguration"},{"__symbolic":"reference","module":"@sd-angular/core/cache","name":"SdCacheService","line":37,"character":26},{"__symbolic":"reference","name":"SdTokenService"}]}],"put":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"SdHttpService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":10,"character":24},{"__symbolic":"reference","name":"SdTokenService"}]}]},"statics":{"ɵprov":{}}},"SdHttpInterceptor":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":5},"arguments":[{"__symbolic":"reference","name":"API_CONFIG"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":10,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"IApiConfiguration"},{"__symbolic":"reference","name":"SdTokenService"}]}],"intercept":[{"__symbolic":"method"}]}}},"origins":{"SdApiModule":"./src/lib/api.module","SdTokenService":"./src/lib/token.service","IApiConfiguration":"./src/lib/api.model","API_CONFIG":"./src/lib/api.model","TOKEN":"./src/lib/api.model","SdApiService":"./src/lib/api.service","SdHttpService":"./src/lib/http.service","SdHttpInterceptor":"./src/lib/http.interceptor"},"importAs":"@sd-angular/core/api"}
+{"__symbolic":"module","version":4,"metadata":{"SdApiModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":6,"character":4}],"exports":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":9,"character":4}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/common/http","name":"HTTP_INTERCEPTORS","line":12,"character":15},"useClass":{"__symbolic":"reference","name":"SdHttpInterceptor"},"multi":true}]}]}],"members":{}},"SdTokenService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":38,"character":5},"arguments":[{"__symbolic":"reference","name":"API_CONFIG"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":38,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"IApiConfiguration"},{"__symbolic":"reference","module":"@sd-angular/core/cache","name":"SdCacheService","line":39,"character":26}]}]},"statics":{"ɵprov":{}}},"IApiConfiguration":{"__symbolic":"interface"},"API_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":13,"character":30},"arguments":["api.configuration"]},"TOKEN":{"__symbolic":"call","arguments":[{"origin":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"location"},"member":"origin"},"key":"ed4a2ffc-af43-41fb-9ac9-970f43d99571"}]},"SdApiService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":36,"character":5},"arguments":[{"__symbolic":"reference","name":"API_CONFIG"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":36,"character":25}}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":35,"character":24},{"__symbolic":"reference","name":"IApiConfiguration"},{"__symbolic":"reference","module":"@sd-angular/core/cache","name":"SdCacheService","line":37,"character":26},{"__symbolic":"reference","name":"SdTokenService"}]}]},"statics":{"ɵprov":{}}},"SdHttpService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":10,"character":24},{"__symbolic":"reference","name":"SdTokenService"}]}]},"statics":{"ɵprov":{}}},"SdHttpInterceptor":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":5},"arguments":[{"__symbolic":"reference","name":"API_CONFIG"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":10,"character":25}}],null],"parameters":[{"__symbolic":"reference","name":"IApiConfiguration"},{"__symbolic":"reference","name":"SdTokenService"}]}],"intercept":[{"__symbolic":"method"}]}}},"origins":{"SdApiModule":"./src/lib/api.module","SdTokenService":"./src/lib/token.service","IApiConfiguration":"./src/lib/api.model","API_CONFIG":"./src/lib/api.model","TOKEN":"./src/lib/api.model","SdApiService":"./src/lib/api.service","SdHttpService":"./src/lib/http.service","SdHttpInterceptor":"./src/lib/http.interceptor"},"importAs":"@sd-angular/core/api"}

package/api/src/lib/api.service.d.ts

@@ -19,7 +19,7 @@ export declare class SdApiService {
         cacheHours?: number;
         headers?: HttpHeaders;
     }) => Promise<T>;
-    put<T = any>(url: string, body?: any, headers?: HttpHeaders): Promise<T>;
+    put: <T = any>(url: string, body?: any, headers?: HttpHeaders) => Promise<T>;
     getWithParams: <T = any>(url: string, params: any, options?: {
         headers?: HttpHeaders;
         responseType?: 'arraybuffer' | 'blob' | 'json' | 'text';
@@ -41,7 +41,7 @@ export declare class SdApiService {
         headers?: HttpHeaders;
         encodeURI?: boolean;
     }) => Promise<T>;
-    delete<T = any>(url: string, headers?: HttpHeaders): Promise<T>;
+    delete: <T = any>(url: string, headers?: HttpHeaders) => Promise<T>;
     uploadSingle: (url: string, option?: {
         extensions?: string[];
         maxSizeInMb?: number;

package/autocomplete/sd-angular-core-autocomplete.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdAutocompleteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":25,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":26,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":27,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/popover","name":"SdPopoverModule","line":28,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdAutocomplete"},{"__symbolic":"reference","name":"SdAutocompleteDisplayDefDirective"}],"exports":[{"__symbolic":"reference","name":"SdAutocomplete"},{"__symbolic":"reference","name":"SdAutocompleteDisplayDefDirective"},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":37,"character":4}],"providers":[]}]}],"members":{}},"SdAutocomplete":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"sd-autocomplete","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":42,"character":19},"member":"OnPush"},"template":"<label *ngIf=\"!appearance && label && !sdLabelDef?.templateRef\" class=\"d-block mb-0 T14M\">{{label}} <span\r\n    class=\"text-danger mb-2\" *ngIf=\"isRequired\">*</span></label>\r\n<ng-container *ngIf=\"sdLabelDef?.templateRef\" matSuffix>\r\n  <ng-container *ngTemplateOutlet=\"sdLabelDef.templateRef\">\r\n  </ng-container>\r\n</ng-container>\r\n<div class=\"d-flex align-items-center\" [class.sd-view]=\"sdView?.templateRef\" [class.c-focused]=\"isFocused\"\r\n  [class.c-disabled]=\"formControl.disabled\" (click)=\"onClick()\">\r\n  <ng-container *ngIf=\"sdView?.templateRef && !autocompleteTrigger?.panelOpen && !isFocused; else default\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"sdView.templateRef;context: { value: formControl.value, selectedItem: selected | async }\">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #default>\r\n    <mat-form-field class=\"sd-md\" [ngClass]=\"{'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\"\r\n      [floatLabel]=\"size === 'sm' || formControl.value ? 'always':'auto'\" [appearance]=\"appearance || 'outline'\">\r\n      <mat-label *ngIf=\"appearance && label\">{{ label }}</mat-label>\r\n      <input aria-hidden=\"true\" [id]=\"id\" #autocompleteTrigger [formControl]=\"inputControl\" [placeholder]=\"controlPlaceHolder | async\"\r\n        [ngClass]=\"{'c-selected': formControl?.value}\" [matAutocomplete]=\"auto\" (focus)=\"onFocus()\" (blur)=\"onBlur()\"\r\n        matInput [autocomplete]=\"id\" autocorrect=\"off\" [errorStateMatcher]=\"matcher\" [required]=\"isRequired\"\r\n        [attr.data-qclabel]=\"label\" [attr.data-qcid]=\"qcId\" [sdPopoverTriggerFor]=\"null\"\r\n        [sdPopoverDisabled]=\"!disableErrorMessage || formControl.valid\" #input />\r\n      <mat-icon *ngIf=\"!loading && formControl?.value && !inputControl.disabled\" class=\"pointer sd-suffix-icon\"\r\n        (click)=\"clear($event)\" matSuffix>cancel\r\n      </mat-icon>\r\n      <mat-icon *ngIf=\"actionIcon && !loading && !formControl?.value && !inputControl.disabled\"\r\n        class=\"pointer sd-suffix-icon\" (click)=\"onAction($event)\" matSuffix>{{actionIcon}}\r\n      </mat-icon>\r\n      <svg \r\n        #copyTooltip=\"matTooltip\" \r\n        *ngIf=\"!loading && formControl?.value && copyable\" \r\n        matSuffix \r\n        [matTooltip]=\"copied ? 'Copied' : 'Copy'\" \r\n        class=\"icon-copy\" \r\n        focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" \r\n        (click)=\"onCopyText($event)\">\r\n        <path d=\"M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z\"></path>\r\n      </svg>\r\n      <i [ngClass]=\"{'d-none': !loading}\" class=\"fa fa-spinner fa-pulse c-loading-icon\"></i>\r\n      <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onSelect($event.option.value)\">\r\n        <ng-container *ngIf=\"filteredItems | async as items\">\r\n          <ng-container *ngIf=\"items.length\">\r\n            <mat-option *ngFor=\"let item of items\" [value]=\"item\" matTooltipPosition=\"above\"\r\n              [matTooltip]=\"displayField ? item[displayField] : item\">\r\n              <ng-container *ngIf=\"autocompleteDisplayDef?.templateRef\">\r\n                <ng-container *ngTemplateOutlet=\"autocompleteDisplayDef.templateRef;context:{item: item}\">\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"!autocompleteDisplayDef?.templateRef\">\r\n                {{ displayField ? item[displayField] : item }}\r\n              </ng-container>\r\n            </mat-option>\r\n          </ng-container>\r\n          <mat-option *ngIf=\"!items.length && inputControl.value && !isTyping && !loading\" [value]=\"\"\r\n            class=\"T14R text-grey\">\r\n            Không có dữ liệu\r\n          </mat-option>\r\n          <mat-option class=\"sd__option--add\" *ngIf=\"!hiddenAdd && sdAdd?.observers?.length\"\r\n            (keyup.Space)=\"$event.stopPropagation()\" disabled=\"true\">\r\n            <div (click)=\"onAdd($event)\">\r\n              <mat-icon class=\"mr-1\">add</mat-icon>\r\n              {{'New item' | sdTranslate}}\r\n            </div>\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-autocomplete>\r\n      <mat-error *ngIf=\"formControl?.errors?.required\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"This field is required\" | sdTranslate }}</ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.customValidator\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{formControl.errors?.customValidator}}</ng-container>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </ng-template>\r\n</div>\r\n<!-- <sd-popover #error=\"sdPopover\" type=\"danger\" width=\"300px\">\r\n  <span *ngIf=\"formControl.errors?.required\">\r\n    {{ \"This field is required\" | sdTranslate }}\r\n  </span>\r\n</sd-popover> -->","styles":[":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field input.c-selected::-moz-placeholder{color:#000;opacity:1}:host ::ng-deep .mat-form-field input.c-selected::placeholder{color:#000;opacity:1}:host ::ng-deep .mat-form-field input.c-selected:-ms-input-placeholder{color:#000}:host ::ng-deep .mat-form-field input.c-selected::-ms-input-placeholder{color:#000}:host ::ng-deep .mat-form-field input.mat-input-element:disabled{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected::-moz-placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected::placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected:-ms-input-placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected::-ms-input-placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}:host ::ng-deep .mat-form-field:hover .icon-copy{opacity:1}:host ::ng-deep .mat-form-field .icon-copy{cursor:pointer;fill:rgba(0,0,0,.5);height:.9em;opacity:0;transition:opacity .2s linear;width:.9em}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}.sd__option--add{background-color:#fff;bottom:0;color:rgba(0,0,0,.87);cursor:pointer!important;position:-webkit-sticky;position:sticky;z-index:10}.c-loading-icon{position:absolute;right:5px;top:5px}"]}]}],"members":{"autocompleteTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":49,"character":13},{"read":{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":49,"character":45}}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"appearance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"_label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["label"]}]}],"valueField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"displayField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"limit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"cacheChecksum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"hiddenAdd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"autocompleteDisplayDef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":116,"character":3},"arguments":[{"__symbolic":"reference","name":"SdAutocompleteDisplayDefDirective"}]}]}],"sdLabelDef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":117,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdLabelDefDirective","line":117,"character":16}]}]}],"actionIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":120,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":121,"character":3}}]}],"sdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":122,"character":3}}]}],"sdAdd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":123,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"validator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"_disableErrorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3},"arguments":["disableErrorMessage"]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":151,"character":3},"arguments":["input"]}]}],"sdView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":152,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdViewDefDirective","line":152,"character":16}]}]}],"copyTooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":164,"character":3},"arguments":["copyTooltip"]}]}],"_copyable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3},"arguments":["copyable"]}]}],"copyText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":174,"character":5},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"FORM_CONFIG","line":174,"character":12}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":174,"character":26}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":173,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"IFormConfiguration","line":174,"character":57}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"SdAutocompleteDisplayDefDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[sdAutocompleteDisplayDef]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}}},"origins":{"SdAutocompleteModule":"./src/lib/autocomplete.module","SdAutocomplete":"./src/lib/autocomplete.component","SdAutocompleteDisplayDefDirective":"./src/lib/autocomplete-display-def.directive"},"importAs":"@sd-angular/core/autocomplete"}
+{"__symbolic":"module","version":4,"metadata":{"SdAutocompleteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":25,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":26,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":27,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/popover","name":"SdPopoverModule","line":28,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdAutocomplete"},{"__symbolic":"reference","name":"SdAutocompleteDisplayDefDirective"}],"exports":[{"__symbolic":"reference","name":"SdAutocomplete"},{"__symbolic":"reference","name":"SdAutocompleteDisplayDefDirective"},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":37,"character":4}],"providers":[]}]}],"members":{}},"SdAutocomplete":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"sd-autocomplete","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":42,"character":19},"member":"OnPush"},"template":"<label *ngIf=\"!appearance && label && !sdLabelDef?.templateRef\" class=\"d-block mb-0 T14M\">{{label}} <span\r\n    class=\"text-danger mb-2\" *ngIf=\"isRequired\">*</span></label>\r\n<ng-container *ngIf=\"sdLabelDef?.templateRef\" matSuffix>\r\n  <ng-container *ngTemplateOutlet=\"sdLabelDef.templateRef\">\r\n  </ng-container>\r\n</ng-container>\r\n<div class=\"d-flex align-items-center\" [class.sd-view]=\"sdView?.templateRef\" [class.c-focused]=\"isFocused\"\r\n  [class.c-disabled]=\"formControl.disabled\" (click)=\"onClick()\">\r\n  <ng-container *ngIf=\"sdView?.templateRef && !autocompleteTrigger?.panelOpen && !isFocused; else default\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"sdView.templateRef;context: { value: formControl.value, selectedItem: selected | async }\">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #default>\r\n    <mat-form-field class=\"sd-md\" [ngClass]=\"{'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\"\r\n      [floatLabel]=\"size === 'sm' || formControl.value ? 'always':'auto'\" [appearance]=\"appearance || 'outline'\">\r\n      <mat-label *ngIf=\"appearance && label\">{{ label }}</mat-label>\r\n      <input aria-hidden=\"true\" [id]=\"id\" #autocompleteTrigger [formControl]=\"inputControl\" [placeholder]=\"controlPlaceHolder | async\"\r\n        [ngClass]=\"{'c-selected': formControl?.value}\" [matAutocomplete]=\"auto\" (focus)=\"onFocus()\" (blur)=\"onBlur()\"\r\n        matInput [autocomplete]=\"id\" autocorrect=\"off\" [errorStateMatcher]=\"matcher\" [required]=\"isRequired\"\r\n        [attr.data-qclabel]=\"label\" [attr.data-qcid]=\"qcId\" [sdPopoverTriggerFor]=\"null\"\r\n        [sdPopoverDisabled]=\"!disableErrorMessage || formControl.valid\" #input />\r\n      <mat-icon *ngIf=\"!loading && formControl?.value && !inputControl.disabled\" class=\"pointer sd-suffix-icon\"\r\n        (click)=\"clear($event)\" matSuffix>cancel\r\n      </mat-icon>\r\n      <mat-icon *ngIf=\"actionIcon && !loading && !formControl?.value && !inputControl.disabled\"\r\n        class=\"pointer sd-suffix-icon\" (click)=\"onAction($event)\" matSuffix>{{actionIcon}}\r\n      </mat-icon>\r\n      <svg \r\n        #copyTooltip=\"matTooltip\" \r\n        *ngIf=\"!loading && formControl?.value && copyable\" \r\n        matSuffix \r\n        [matTooltip]=\"copied ? 'Copied' : 'Copy'\" \r\n        class=\"icon-copy\" \r\n        focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" \r\n        (click)=\"onCopyText($event)\">\r\n        <path d=\"M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z\"></path>\r\n      </svg>\r\n      <i [ngClass]=\"{'d-none': !loading}\" class=\"fa fa-spinner fa-pulse c-loading-icon\"></i>\r\n      <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onSelect($event.option.value)\">\r\n        <ng-container *ngIf=\"filteredItems | async as items\">\r\n          <ng-container *ngIf=\"items.length\">\r\n            <mat-option *ngFor=\"let item of items\" [value]=\"item\" matTooltipPosition=\"above\"\r\n              [matTooltip]=\"displayField ? item[displayField] : item\">\r\n              <ng-container *ngIf=\"autocompleteDisplayDef?.templateRef\">\r\n                <ng-container *ngTemplateOutlet=\"autocompleteDisplayDef.templateRef;context:{item: item}\">\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"!autocompleteDisplayDef?.templateRef\">\r\n                {{ displayField ? item[displayField] : item }}\r\n              </ng-container>\r\n            </mat-option>\r\n          </ng-container>\r\n          <mat-option *ngIf=\"!items.length && inputControl.value && !isTyping && !loading\" [value]=\"\"\r\n            class=\"T14R text-grey\">\r\n            Không có dữ liệu\r\n          </mat-option>\r\n          <mat-option class=\"sd__option--add\" *ngIf=\"!hiddenAdd && sdAdd?.observers?.length\"\r\n            (keyup.Space)=\"$event.stopPropagation()\" disabled=\"true\">\r\n            <div (click)=\"onAdd($event)\">\r\n              <mat-icon class=\"mr-1\">add</mat-icon>\r\n              {{'New item' | sdTranslate}}\r\n            </div>\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-autocomplete>\r\n      <mat-error *ngIf=\"formControl?.errors?.required\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"This field is required\" | sdTranslate }}</ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl.errors?.customValidator\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{formControl.errors?.customValidator}}</ng-container>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </ng-template>\r\n</div>\r\n<!-- <sd-popover #error=\"sdPopover\" type=\"danger\" width=\"300px\">\r\n  <span *ngIf=\"formControl.errors?.required\">\r\n    {{ \"This field is required\" | sdTranslate }}\r\n  </span>\r\n</sd-popover> -->","styles":[":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field input.c-selected::-moz-placeholder{color:#000;opacity:1}:host ::ng-deep .mat-form-field input.c-selected:-ms-input-placeholder{opacity:1}:host ::ng-deep .mat-form-field input.c-selected::placeholder{color:#000;opacity:1}:host ::ng-deep .mat-form-field input.c-selected:-ms-input-placeholder{color:#000}:host ::ng-deep .mat-form-field input.c-selected::-ms-input-placeholder{color:#000}:host ::ng-deep .mat-form-field input.mat-input-element:disabled{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected::-moz-placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected::placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected:-ms-input-placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field input.mat-input-element:disabled.c-selected::-ms-input-placeholder{color:#4d4d4d}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}:host ::ng-deep .mat-form-field:hover .icon-copy{opacity:1}:host ::ng-deep .mat-form-field .icon-copy{cursor:pointer;fill:rgba(0,0,0,.5);height:.9em;opacity:0;transition:opacity .2s linear;width:.9em}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}.sd__option--add{background-color:#fff;bottom:0;color:rgba(0,0,0,.87);cursor:pointer!important;position:-webkit-sticky;position:sticky;z-index:10}.c-loading-icon{position:absolute;right:5px;top:5px}"]}]}],"members":{"autocompleteTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":49,"character":13},{"read":{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":49,"character":45}}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"appearance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"_label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["label"]}]}],"valueField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"displayField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"limit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"cacheChecksum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"hiddenAdd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"autocompleteDisplayDef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":116,"character":3},"arguments":[{"__symbolic":"reference","name":"SdAutocompleteDisplayDefDirective"}]}]}],"sdLabelDef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":117,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdLabelDefDirective","line":117,"character":16}]}]}],"actionIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":120,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":121,"character":3}}]}],"sdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":122,"character":3}}]}],"sdAdd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":123,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"validator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"_disableErrorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3},"arguments":["disableErrorMessage"]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":151,"character":3},"arguments":["input"]}]}],"sdView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":152,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdViewDefDirective","line":152,"character":16}]}]}],"copyTooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":164,"character":3},"arguments":["copyTooltip"]}]}],"_copyable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3},"arguments":["copyable"]}]}],"copyText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":174,"character":5},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"FORM_CONFIG","line":174,"character":12}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":174,"character":26}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":173,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"IFormConfiguration","line":174,"character":57}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"SdAutocompleteDisplayDefDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[sdAutocompleteDisplayDef]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}}},"origins":{"SdAutocompleteModule":"./src/lib/autocomplete.module","SdAutocomplete":"./src/lib/autocomplete.component","SdAutocompleteDisplayDefDirective":"./src/lib/autocomplete-display-def.directive"},"importAs":"@sd-angular/core/autocomplete"}

package/bundles/sd-angular-core-api.umd.js

@@ -475,7 +475,7 @@
             this.post = function (url, body, headers, options) { return __awaiter(_this, void 0, void 0, function () {
                 var _a, _b, hashKey;
                 var _this = this;
-                return __generator(this, function (_c) {
+                return __generator(this, function (_e) {
                     headers = headers || this.tokenService.customHeaders({
                         url: url
                     });
@@ -549,37 +549,64 @@
                 });
             }); };
             this.postCache = function (url, body, options) { return __awaiter(_this, void 0, void 0, function () {
-                var headers, _c, get, set, has, result;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                var headers, _e, get, set, has, result;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
                         case 0:
                             headers = (options === null || options === void 0 ? void 0 : options.headers) || this.tokenService.customHeaders({
                                 url: url
                             });
-                            _c = this.cacheService.create({
+                            _e = this.cacheService.create({
                                 url: url,
                                 headers: headers,
                                 body: body
                             }, {
                                 type: options === null || options === void 0 ? void 0 : options.cacheType,
                                 hours: options === null || options === void 0 ? void 0 : options.cacheHours
-                            }), get = _c.get, set = _c.set, has = _c.has;
+                            }), get = _e.get, set = _e.set, has = _e.has;
                             if (!!has()) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.post(url, body, options === null || options === void 0 ? void 0 : options.headers)];
                         case 1:
-                            result = _d.sent();
+                            result = _f.sent();
                             set(result);
                             return [2 /*return*/, result];
                         case 2: return [2 /*return*/, get()];
                     }
                 });
             }); };
+            this.put = function (url, body, headers) { return __awaiter(_this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0:
+                            headers = headers || this.tokenService.customHeaders({
+                                url: url
+                            });
+                            return [4 /*yield*/, new Promise(function (resolve, reject) {
+                                    _this.httpClient.put(encodeURI(url), body, {
+                                        observe: 'response',
+                                        headers: headers
+                                    }).pipe(operators.timeout(__classPrivateFieldGet(_this, _timeout))).toPromise().then(function (result) {
+                                        if (result.ok) {
+                                            resolve(result.body);
+                                        }
+                                        else {
+                                            reject(result.body);
+                                        }
+                                    }).catch(function (httpErrorResponse) {
+                                        reject(httpErrorResponse);
+                                    });
+                                })];
+                        case 1: return [2 /*return*/, _e.sent()];
+                    }
+                });
+            }); };
             _defineParams.set(this, function (request) {
-                var e_1, _c;
+                var e_1, _e;
                 var rq = [];
                 try {
-                    for (var _d = __values(Object.entries(request)), _e = _d.next(); !_e.done; _e = _d.next()) {
-                        var _f = __read(_e.value, 2), key = _f[0], value = _f[1];
+                    for (var _f = __values(Object.entries(request)), _g = _f.next(); !_g.done; _g = _f.next()) {
+                        var _h = __read(_g.value, 2), key = _h[0], value = _h[1];
                         if (value !== null && value !== undefined && value !== '' && (value === null || value === void 0 ? void 0 : value.toString()) !== '') {
                             rq.push(encodeURIComponent(key) + "=" + encodeURIComponent(value));
                         }
@@ -588,120 +615,155 @@
                 catch (e_1_1) { e_1 = { error: e_1_1 }; }
                 finally {
                     try {
-                        if (_e && !_e.done && (_c = _d.return)) _c.call(_d);
+                        if (_g && !_g.done && (_e = _f.return)) _e.call(_f);
                     }
                     finally { if (e_1) throw e_1.error; }
                 }
                 return "?" + (rq === null || rq === void 0 ? void 0 : rq.join('&'));
             });
-            this.getWithParams = function (url, params, options) {
-                return _this.get("" + url + __classPrivateFieldGet(_this, _defineParams).call(_this, params), options === null || options === void 0 ? void 0 : options.headers, Object.assign(Object.assign({}, options), { encodeURI: false }));
-            };
-            this.getCacheWithParams = function (url, params, headers, options) {
-                return _this.getCache("" + url + __classPrivateFieldGet(_this, _defineParams).call(_this, params), Object.assign(Object.assign({}, options), { headers: headers, encodeURI: false }));
-            };
-            this.get = function (url, headers, options) {
-                var _a, _b;
-                headers = headers || _this.tokenService.customHeaders({
-                    url: url
-                });
-                var encodedUrl = (options === null || options === void 0 ? void 0 : options.encodeURI) === false ? url : encodeURI(url);
-                // const hashKey = hash({
-                //   encodedUrl,
-                //   headers
-                // });
-                var hashKey = hash__default['default']({
-                    encodedUrl: encodedUrl,
-                    headers: headers
+            this.getWithParams = function (url, params, options) { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0: return [4 /*yield*/, this.get("" + url + __classPrivateFieldGet(this, _defineParams).call(this, params), options === null || options === void 0 ? void 0 : options.headers, Object.assign(Object.assign({}, options), { encodeURI: false }))];
+                        case 1: return [2 /*return*/, _e.sent()];
+                    }
                 });
-                if (!__classPrivateFieldGet(_this, _cache)[hashKey] || Date.addMiliseconds(__classPrivateFieldGet(_this, _cache)[hashKey].createdDate, __classPrivateFieldGet(_this, _cacheDuration)) < new Date()) {
-                    __classPrivateFieldGet(_this, _cache)[hashKey] = {
-                        createdDate: new Date(),
-                        subject: new rxjs.Subject()
-                    };
-                    if ((options === null || options === void 0 ? void 0 : options.responseType) && options.responseType !== 'json') {
-                        _this.httpClient.get(encodedUrl, { observe: 'body', headers: headers, responseType: options === null || options === void 0 ? void 0 : options.responseType })
-                            .pipe(operators.timeout(__classPrivateFieldGet(_this, _timeout))).subscribe(function (res) {
-                            __classPrivateFieldGet(_this, _cache)[hashKey].response = {
-                                status: 'success',
-                                result: res
-                            };
-                            __classPrivateFieldGet(_this, _cache)[hashKey].subject.next(res);
-                        }, function (err) {
-                            __classPrivateFieldGet(_this, _cache)[hashKey].response = {
-                                status: 'error',
-                                result: err
-                            };
-                            __classPrivateFieldGet(_this, _cache)[hashKey].subject.error(err);
-                        });
+            }); };
+            this.getCacheWithParams = function (url, params, headers, options) { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0: return [4 /*yield*/, this.getCache("" + url + __classPrivateFieldGet(this, _defineParams).call(this, params), Object.assign(Object.assign({}, options), { headers: headers, encodeURI: false }))];
+                        case 1: return [2 /*return*/, _e.sent()];
                     }
-                    else {
-                        _this.httpClient.get(encodedUrl, { observe: 'response', headers: headers })
-                            .pipe(operators.timeout(__classPrivateFieldGet(_this, _timeout))).subscribe(function (res) {
-                            if (res.ok) {
+                });
+            }); };
+            this.get = function (url, headers, options) { return __awaiter(_this, void 0, void 0, function () {
+                var _c, _d, encodedUrl, hashKey;
+                var _this = this;
+                return __generator(this, function (_e) {
+                    headers = headers || this.tokenService.customHeaders({
+                        url: url
+                    });
+                    encodedUrl = (options === null || options === void 0 ? void 0 : options.encodeURI) === false ? url : encodeURI(url);
+                    hashKey = hash__default['default']({
+                        encodedUrl: encodedUrl,
+                        headers: headers
+                    });
+                    if (!__classPrivateFieldGet(this, _cache)[hashKey] || Date.addMiliseconds(__classPrivateFieldGet(this, _cache)[hashKey].createdDate, __classPrivateFieldGet(this, _cacheDuration)) < new Date()) {
+                        __classPrivateFieldGet(this, _cache)[hashKey] = {
+                            createdDate: new Date(),
+                            subject: new rxjs.Subject()
+                        };
+                        if ((options === null || options === void 0 ? void 0 : options.responseType) && options.responseType !== 'json') {
+                            this.httpClient.get(encodedUrl, { observe: 'body', headers: headers, responseType: options === null || options === void 0 ? void 0 : options.responseType })
+                                .pipe(operators.timeout(__classPrivateFieldGet(this, _timeout))).subscribe(function (res) {
                                 __classPrivateFieldGet(_this, _cache)[hashKey].response = {
                                     status: 'success',
-                                    result: res.body
+                                    result: res
                                 };
-                                __classPrivateFieldGet(_this, _cache)[hashKey].subject.next(res.body);
-                            }
-                            else {
+                                __classPrivateFieldGet(_this, _cache)[hashKey].subject.next(res);
+                            }, function (err) {
                                 __classPrivateFieldGet(_this, _cache)[hashKey].response = {
                                     status: 'error',
-                                    result: res.body
+                                    result: err
                                 };
-                                __classPrivateFieldGet(_this, _cache)[hashKey].subject.error(res.body);
-                            }
-                        }, function (err) {
-                            __classPrivateFieldGet(_this, _cache)[hashKey].response = {
-                                status: 'error',
-                                result: err
-                            };
-                            __classPrivateFieldGet(_this, _cache)[hashKey].subject.error(err);
-                        });
+                                __classPrivateFieldGet(_this, _cache)[hashKey].subject.error(err);
+                            });
+                        }
+                        else {
+                            this.httpClient.get(encodedUrl, { observe: 'response', headers: headers })
+                                .pipe(operators.timeout(__classPrivateFieldGet(this, _timeout))).subscribe(function (res) {
+                                if (res.ok) {
+                                    __classPrivateFieldGet(_this, _cache)[hashKey].response = {
+                                        status: 'success',
+                                        result: res.body
+                                    };
+                                    __classPrivateFieldGet(_this, _cache)[hashKey].subject.next(res.body);
+                                }
+                                else {
+                                    __classPrivateFieldGet(_this, _cache)[hashKey].response = {
+                                        status: 'error',
+                                        result: res.body
+                                    };
+                                    __classPrivateFieldGet(_this, _cache)[hashKey].subject.error(res.body);
+                                }
+                            }, function (err) {
+                                __classPrivateFieldGet(_this, _cache)[hashKey].response = {
+                                    status: 'error',
+                                    result: err
+                                };
+                                __classPrivateFieldGet(_this, _cache)[hashKey].subject.error(err);
+                            });
+                        }
                     }
-                }
-                if ((_a = __classPrivateFieldGet(_this, _cache)[hashKey].response) === null || _a === void 0 ? void 0 : _a.status) {
-                    if (((_b = __classPrivateFieldGet(_this, _cache)[hashKey].response) === null || _b === void 0 ? void 0 : _b.status) === 'success') {
-                        return __classPrivateFieldGet(_this, _cache)[hashKey].response.result;
+                    if ((_c = __classPrivateFieldGet(this, _cache)[hashKey].response) === null || _c === void 0 ? void 0 : _c.status) {
+                        if (((_d = __classPrivateFieldGet(this, _cache)[hashKey].response) === null || _d === void 0 ? void 0 : _d.status) === 'success') {
+                            return [2 /*return*/, __classPrivateFieldGet(this, _cache)[hashKey].response.result];
+                        }
+                        throw __classPrivateFieldGet(this, _cache)[hashKey].response.result;
                     }
-                    throw __classPrivateFieldGet(_this, _cache)[hashKey].response.result;
-                }
-                return __classPrivateFieldGet(_this, _cache)[hashKey].subject.pipe(operators.take(1)).toPromise();
-            };
+                    return [2 /*return*/, __classPrivateFieldGet(this, _cache)[hashKey].subject.pipe(operators.take(1)).toPromise()];
+                });
+            }); };
             this.getCache = function (url, options) { return __awaiter(_this, void 0, void 0, function () {
-                var headers, encodedUrl, _c, get, set, has, result;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                var headers, encodedUrl, _e, get, set, has, result;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
                         case 0:
                             headers = (options === null || options === void 0 ? void 0 : options.headers) || this.tokenService.customHeaders({
                                 url: url
                             });
                             encodedUrl = (options === null || options === void 0 ? void 0 : options.encodeURI) === false ? url : encodeURI(url);
-                            _c = this.cacheService.create({
+                            _e = this.cacheService.create({
                                 encodedUrl: encodedUrl,
                                 headers: headers
                             }, {
                                 type: options === null || options === void 0 ? void 0 : options.cacheType,
                                 hours: options === null || options === void 0 ? void 0 : options.cacheHours
-                            }), get = _c.get, set = _c.set, has = _c.has;
+                            }), get = _e.get, set = _e.set, has = _e.has;
                             if (!(!has() || (options === null || options === void 0 ? void 0 : options.reload))) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.get(encodedUrl, options === null || options === void 0 ? void 0 : options.headers, { encodeURI: false })];
                         case 1:
-                            result = _d.sent();
+                            result = _f.sent();
                             set(result);
                             return [2 /*return*/, result];
                         case 2: return [2 /*return*/, get()];
                     }
                 });
             }); };
+            this.delete = function (url, headers) { return __awaiter(_this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0:
+                            headers = headers || this.tokenService.customHeaders({
+                                url: url
+                            });
+                            return [4 /*yield*/, new Promise(function (resolve, reject) {
+                                    _this.httpClient.delete(encodeURI(url), { observe: 'response', headers: headers })
+                                        .pipe(operators.timeout(__classPrivateFieldGet(_this, _timeout)))
+                                        .toPromise().then(function (result) {
+                                        if (result.ok) {
+                                            resolve(result.body);
+                                        }
+                                        else {
+                                            reject(result.body);
+                                        }
+                                    }).catch(function (httpErrorResponse) {
+                                        reject(httpErrorResponse);
+                                    });
+                                })];
+                        case 1: return [2 /*return*/, _e.sent()];
+                    }
+                });
+            }); };
             this.uploadSingle = function (url, option) {
                 return SdUtility.upload(option).then(function (file) { return _this.upload(url, file); });
             };
             this.upload = function (url, file) { return __awaiter(_this, void 0, void 0, function () {
                 var lastDot, message, formData;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
                         case 0:
                             lastDot = file.name.lastIndexOf('.');
                             if (lastDot === -1) {
@@ -711,52 +773,11 @@
                             formData = new FormData();
                             formData.append('file', file, file.name);
                             return [4 /*yield*/, this.post(url, formData)];
-                        case 1: return [2 /*return*/, _c.sent()];
+                        case 1: return [2 /*return*/, _e.sent()];
                     }
                 });
             }); };
         }
-        SdApiService.prototype.put = function (url, body, headers) {
-            var _this = this;
-            headers = headers || this.tokenService.customHeaders({
-                url: url
-            });
-            return new Promise(function (resolve, reject) {
-                _this.httpClient.put(encodeURI(url), body, {
-                    observe: 'response',
-                    headers: headers
-                }).pipe(operators.timeout(__classPrivateFieldGet(_this, _timeout))).toPromise().then(function (result) {
-                    if (result.ok) {
-                        resolve(result.body);
-                    }
-                    else {
-                        reject(result.body);
-                    }
-                }).catch(function (httpErrorResponse) {
-                    reject(httpErrorResponse);
-                });
-            });
-        };
-        SdApiService.prototype.delete = function (url, headers) {
-            var _this = this;
-            headers = headers || this.tokenService.customHeaders({
-                url: url
-            });
-            return new Promise(function (resolve, reject) {
-                _this.httpClient.delete(encodeURI(url), { observe: 'response', headers: headers })
-                    .pipe(operators.timeout(__classPrivateFieldGet(_this, _timeout)))
-                    .toPromise().then(function (result) {
-                    if (result.ok) {
-                        resolve(result.body);
-                    }
-                    else {
-                        reject(result.body);
-                    }
-                }).catch(function (httpErrorResponse) {
-                    reject(httpErrorResponse);
-                });
-            });
-        };
         return SdApiService;
     }());
     _timeout = new WeakMap(), _cacheDuration = new WeakMap(), _cache = new WeakMap(), _defineParams = new WeakMap();