@sd-angular/core 1.3.176 → 1.3.177
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/api/sd-angular-core-api.metadata.json +1 -1
- package/api/src/lib/api.service.d.ts +2 -2
- package/autocomplete/sd-angular-core-autocomplete.metadata.json +1 -1
- package/bundles/sd-angular-core-api.umd.js +147 -126
- package/bundles/sd-angular-core-api.umd.js.map +1 -1
- package/bundles/sd-angular-core-api.umd.min.js +1 -1
- package/bundles/sd-angular-core-api.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-autocomplete.umd.js +1 -1
- package/bundles/sd-angular-core-autocomplete.umd.min.js +1 -1
- package/bundles/sd-angular-core-autocomplete.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-chart.umd.js +1 -1
- package/bundles/sd-angular-core-chart.umd.min.js +1 -1
- package/bundles/sd-angular-core-chart.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-image-preview.umd.js +1 -1
- package/bundles/sd-angular-core-image-preview.umd.min.js +1 -1
- package/bundles/sd-angular-core-image-preview.umd.min.js.map +1 -1
- package/chart/sd-angular-core-chart.metadata.json +1 -1
- package/esm2015/api/src/lib/api.service.js +51 -51
- package/esm2015/autocomplete/src/lib/autocomplete.component.js +1 -1
- package/esm2015/chart/src/lib/chart.component.js +1 -1
- package/esm2015/image-preview/src/lib/image-preview/image-preview-sdmodal.component.js +1 -1
- package/fesm2015/sd-angular-core-api.js +50 -50
- package/fesm2015/sd-angular-core-api.js.map +1 -1
- package/fesm2015/sd-angular-core-autocomplete.js +1 -1
- package/fesm2015/sd-angular-core-chart.js +1 -1
- package/fesm2015/sd-angular-core-image-preview.js +1 -1
- package/image-preview/sd-angular-core-image-preview.metadata.json +1 -1
- package/package.json +1 -1
- package/{sd-angular-core-1.3.176.tgz → sd-angular-core-1.3.177.tgz} +0 -0
|
@@ -1 +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"}]}]
|
|
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"}]}]},"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"}
|
|
@@ -19,7 +19,7 @@ export declare class SdApiService {
|
|
|
19
19
|
cacheHours?: number;
|
|
20
20
|
headers?: HttpHeaders;
|
|
21
21
|
}) => Promise<T>;
|
|
22
|
-
put<T = any>(url: string, body?: any, headers?: HttpHeaders)
|
|
22
|
+
put: <T = any>(url: string, body?: any, headers?: HttpHeaders) => Promise<T>;
|
|
23
23
|
getWithParams: <T = any>(url: string, params: any, options?: {
|
|
24
24
|
headers?: HttpHeaders;
|
|
25
25
|
responseType?: 'arraybuffer' | 'blob' | 'json' | 'text';
|
|
@@ -41,7 +41,7 @@ export declare class SdApiService {
|
|
|
41
41
|
headers?: HttpHeaders;
|
|
42
42
|
encodeURI?: boolean;
|
|
43
43
|
}) => Promise<T>;
|
|
44
|
-
delete<T = any>(url: string, headers?: HttpHeaders)
|
|
44
|
+
delete: <T = any>(url: string, headers?: HttpHeaders) => Promise<T>;
|
|
45
45
|
uploadSingle: (url: string, option?: {
|
|
46
46
|
extensions?: string[];
|
|
47
47
|
maxSizeInMb?: number;
|
|
@@ -1 +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"}
|
|
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:-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"}
|
|
@@ -475,7 +475,7 @@
|
|
|
475
475
|
this.post = function (url, body, headers, options) { return __awaiter(_this, void 0, void 0, function () {
|
|
476
476
|
var _a, _b, hashKey;
|
|
477
477
|
var _this = this;
|
|
478
|
-
return __generator(this, function (
|
|
478
|
+
return __generator(this, function (_e) {
|
|
479
479
|
headers = headers || this.tokenService.customHeaders({
|
|
480
480
|
url: url
|
|
481
481
|
});
|
|
@@ -549,37 +549,64 @@
|
|
|
549
549
|
});
|
|
550
550
|
}); };
|
|
551
551
|
this.postCache = function (url, body, options) { return __awaiter(_this, void 0, void 0, function () {
|
|
552
|
-
var headers,
|
|
553
|
-
return __generator(this, function (
|
|
554
|
-
switch (
|
|
552
|
+
var headers, _e, get, set, has, result;
|
|
553
|
+
return __generator(this, function (_f) {
|
|
554
|
+
switch (_f.label) {
|
|
555
555
|
case 0:
|
|
556
556
|
headers = (options === null || options === void 0 ? void 0 : options.headers) || this.tokenService.customHeaders({
|
|
557
557
|
url: url
|
|
558
558
|
});
|
|
559
|
-
|
|
559
|
+
_e = this.cacheService.create({
|
|
560
560
|
url: url,
|
|
561
561
|
headers: headers,
|
|
562
562
|
body: body
|
|
563
563
|
}, {
|
|
564
564
|
type: options === null || options === void 0 ? void 0 : options.cacheType,
|
|
565
565
|
hours: options === null || options === void 0 ? void 0 : options.cacheHours
|
|
566
|
-
}), get =
|
|
566
|
+
}), get = _e.get, set = _e.set, has = _e.has;
|
|
567
567
|
if (!!has()) return [3 /*break*/, 2];
|
|
568
568
|
return [4 /*yield*/, this.post(url, body, options === null || options === void 0 ? void 0 : options.headers)];
|
|
569
569
|
case 1:
|
|
570
|
-
result =
|
|
570
|
+
result = _f.sent();
|
|
571
571
|
set(result);
|
|
572
572
|
return [2 /*return*/, result];
|
|
573
573
|
case 2: return [2 /*return*/, get()];
|
|
574
574
|
}
|
|
575
575
|
});
|
|
576
576
|
}); };
|
|
577
|
+
this.put = function (url, body, headers) { return __awaiter(_this, void 0, void 0, function () {
|
|
578
|
+
var _this = this;
|
|
579
|
+
return __generator(this, function (_e) {
|
|
580
|
+
switch (_e.label) {
|
|
581
|
+
case 0:
|
|
582
|
+
headers = headers || this.tokenService.customHeaders({
|
|
583
|
+
url: url
|
|
584
|
+
});
|
|
585
|
+
return [4 /*yield*/, new Promise(function (resolve, reject) {
|
|
586
|
+
_this.httpClient.put(encodeURI(url), body, {
|
|
587
|
+
observe: 'response',
|
|
588
|
+
headers: headers
|
|
589
|
+
}).pipe(operators.timeout(__classPrivateFieldGet(_this, _timeout))).toPromise().then(function (result) {
|
|
590
|
+
if (result.ok) {
|
|
591
|
+
resolve(result.body);
|
|
592
|
+
}
|
|
593
|
+
else {
|
|
594
|
+
reject(result.body);
|
|
595
|
+
}
|
|
596
|
+
}).catch(function (httpErrorResponse) {
|
|
597
|
+
reject(httpErrorResponse);
|
|
598
|
+
});
|
|
599
|
+
})];
|
|
600
|
+
case 1: return [2 /*return*/, _e.sent()];
|
|
601
|
+
}
|
|
602
|
+
});
|
|
603
|
+
}); };
|
|
577
604
|
_defineParams.set(this, function (request) {
|
|
578
|
-
var e_1,
|
|
605
|
+
var e_1, _e;
|
|
579
606
|
var rq = [];
|
|
580
607
|
try {
|
|
581
|
-
for (var
|
|
582
|
-
var
|
|
608
|
+
for (var _f = __values(Object.entries(request)), _g = _f.next(); !_g.done; _g = _f.next()) {
|
|
609
|
+
var _h = __read(_g.value, 2), key = _h[0], value = _h[1];
|
|
583
610
|
if (value !== null && value !== undefined && value !== '' && (value === null || value === void 0 ? void 0 : value.toString()) !== '') {
|
|
584
611
|
rq.push(encodeURIComponent(key) + "=" + encodeURIComponent(value));
|
|
585
612
|
}
|
|
@@ -588,120 +615,155 @@
|
|
|
588
615
|
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
589
616
|
finally {
|
|
590
617
|
try {
|
|
591
|
-
if (
|
|
618
|
+
if (_g && !_g.done && (_e = _f.return)) _e.call(_f);
|
|
592
619
|
}
|
|
593
620
|
finally { if (e_1) throw e_1.error; }
|
|
594
621
|
}
|
|
595
622
|
return "?" + (rq === null || rq === void 0 ? void 0 : rq.join('&'));
|
|
596
623
|
});
|
|
597
|
-
this.getWithParams = function (url, params, options) {
|
|
598
|
-
return
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
this.get = function (url, headers, options) {
|
|
604
|
-
var _a, _b;
|
|
605
|
-
headers = headers || _this.tokenService.customHeaders({
|
|
606
|
-
url: url
|
|
607
|
-
});
|
|
608
|
-
var encodedUrl = (options === null || options === void 0 ? void 0 : options.encodeURI) === false ? url : encodeURI(url);
|
|
609
|
-
// const hashKey = hash({
|
|
610
|
-
// encodedUrl,
|
|
611
|
-
// headers
|
|
612
|
-
// });
|
|
613
|
-
var hashKey = hash__default['default']({
|
|
614
|
-
encodedUrl: encodedUrl,
|
|
615
|
-
headers: headers
|
|
624
|
+
this.getWithParams = function (url, params, options) { return __awaiter(_this, void 0, void 0, function () {
|
|
625
|
+
return __generator(this, function (_e) {
|
|
626
|
+
switch (_e.label) {
|
|
627
|
+
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 }))];
|
|
628
|
+
case 1: return [2 /*return*/, _e.sent()];
|
|
629
|
+
}
|
|
616
630
|
});
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
_this.httpClient.get(encodedUrl, { observe: 'body', headers: headers, responseType: options === null || options === void 0 ? void 0 : options.responseType })
|
|
624
|
-
.pipe(operators.timeout(__classPrivateFieldGet(_this, _timeout))).subscribe(function (res) {
|
|
625
|
-
__classPrivateFieldGet(_this, _cache)[hashKey].response = {
|
|
626
|
-
status: 'success',
|
|
627
|
-
result: res
|
|
628
|
-
};
|
|
629
|
-
__classPrivateFieldGet(_this, _cache)[hashKey].subject.next(res);
|
|
630
|
-
}, function (err) {
|
|
631
|
-
__classPrivateFieldGet(_this, _cache)[hashKey].response = {
|
|
632
|
-
status: 'error',
|
|
633
|
-
result: err
|
|
634
|
-
};
|
|
635
|
-
__classPrivateFieldGet(_this, _cache)[hashKey].subject.error(err);
|
|
636
|
-
});
|
|
631
|
+
}); };
|
|
632
|
+
this.getCacheWithParams = function (url, params, headers, options) { return __awaiter(_this, void 0, void 0, function () {
|
|
633
|
+
return __generator(this, function (_e) {
|
|
634
|
+
switch (_e.label) {
|
|
635
|
+
case 0: return [4 /*yield*/, this.getCache("" + url + __classPrivateFieldGet(this, _defineParams).call(this, params), Object.assign(Object.assign({}, options), { headers: headers, encodeURI: false }))];
|
|
636
|
+
case 1: return [2 /*return*/, _e.sent()];
|
|
637
637
|
}
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
638
|
+
});
|
|
639
|
+
}); };
|
|
640
|
+
this.get = function (url, headers, options) { return __awaiter(_this, void 0, void 0, function () {
|
|
641
|
+
var _c, _d, encodedUrl, hashKey;
|
|
642
|
+
var _this = this;
|
|
643
|
+
return __generator(this, function (_e) {
|
|
644
|
+
headers = headers || this.tokenService.customHeaders({
|
|
645
|
+
url: url
|
|
646
|
+
});
|
|
647
|
+
encodedUrl = (options === null || options === void 0 ? void 0 : options.encodeURI) === false ? url : encodeURI(url);
|
|
648
|
+
hashKey = hash__default['default']({
|
|
649
|
+
encodedUrl: encodedUrl,
|
|
650
|
+
headers: headers
|
|
651
|
+
});
|
|
652
|
+
if (!__classPrivateFieldGet(this, _cache)[hashKey] || Date.addMiliseconds(__classPrivateFieldGet(this, _cache)[hashKey].createdDate, __classPrivateFieldGet(this, _cacheDuration)) < new Date()) {
|
|
653
|
+
__classPrivateFieldGet(this, _cache)[hashKey] = {
|
|
654
|
+
createdDate: new Date(),
|
|
655
|
+
subject: new rxjs.Subject()
|
|
656
|
+
};
|
|
657
|
+
if ((options === null || options === void 0 ? void 0 : options.responseType) && options.responseType !== 'json') {
|
|
658
|
+
this.httpClient.get(encodedUrl, { observe: 'body', headers: headers, responseType: options === null || options === void 0 ? void 0 : options.responseType })
|
|
659
|
+
.pipe(operators.timeout(__classPrivateFieldGet(this, _timeout))).subscribe(function (res) {
|
|
642
660
|
__classPrivateFieldGet(_this, _cache)[hashKey].response = {
|
|
643
661
|
status: 'success',
|
|
644
|
-
result: res
|
|
662
|
+
result: res
|
|
645
663
|
};
|
|
646
|
-
__classPrivateFieldGet(_this, _cache)[hashKey].subject.next(res
|
|
647
|
-
}
|
|
648
|
-
else {
|
|
664
|
+
__classPrivateFieldGet(_this, _cache)[hashKey].subject.next(res);
|
|
665
|
+
}, function (err) {
|
|
649
666
|
__classPrivateFieldGet(_this, _cache)[hashKey].response = {
|
|
650
667
|
status: 'error',
|
|
651
|
-
result:
|
|
668
|
+
result: err
|
|
652
669
|
};
|
|
653
|
-
__classPrivateFieldGet(_this, _cache)[hashKey].subject.error(
|
|
654
|
-
}
|
|
655
|
-
}
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
670
|
+
__classPrivateFieldGet(_this, _cache)[hashKey].subject.error(err);
|
|
671
|
+
});
|
|
672
|
+
}
|
|
673
|
+
else {
|
|
674
|
+
this.httpClient.get(encodedUrl, { observe: 'response', headers: headers })
|
|
675
|
+
.pipe(operators.timeout(__classPrivateFieldGet(this, _timeout))).subscribe(function (res) {
|
|
676
|
+
if (res.ok) {
|
|
677
|
+
__classPrivateFieldGet(_this, _cache)[hashKey].response = {
|
|
678
|
+
status: 'success',
|
|
679
|
+
result: res.body
|
|
680
|
+
};
|
|
681
|
+
__classPrivateFieldGet(_this, _cache)[hashKey].subject.next(res.body);
|
|
682
|
+
}
|
|
683
|
+
else {
|
|
684
|
+
__classPrivateFieldGet(_this, _cache)[hashKey].response = {
|
|
685
|
+
status: 'error',
|
|
686
|
+
result: res.body
|
|
687
|
+
};
|
|
688
|
+
__classPrivateFieldGet(_this, _cache)[hashKey].subject.error(res.body);
|
|
689
|
+
}
|
|
690
|
+
}, function (err) {
|
|
691
|
+
__classPrivateFieldGet(_this, _cache)[hashKey].response = {
|
|
692
|
+
status: 'error',
|
|
693
|
+
result: err
|
|
694
|
+
};
|
|
695
|
+
__classPrivateFieldGet(_this, _cache)[hashKey].subject.error(err);
|
|
696
|
+
});
|
|
697
|
+
}
|
|
662
698
|
}
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
699
|
+
if ((_c = __classPrivateFieldGet(this, _cache)[hashKey].response) === null || _c === void 0 ? void 0 : _c.status) {
|
|
700
|
+
if (((_d = __classPrivateFieldGet(this, _cache)[hashKey].response) === null || _d === void 0 ? void 0 : _d.status) === 'success') {
|
|
701
|
+
return [2 /*return*/, __classPrivateFieldGet(this, _cache)[hashKey].response.result];
|
|
702
|
+
}
|
|
703
|
+
throw __classPrivateFieldGet(this, _cache)[hashKey].response.result;
|
|
667
704
|
}
|
|
668
|
-
|
|
669
|
-
}
|
|
670
|
-
|
|
671
|
-
};
|
|
705
|
+
return [2 /*return*/, __classPrivateFieldGet(this, _cache)[hashKey].subject.pipe(operators.take(1)).toPromise()];
|
|
706
|
+
});
|
|
707
|
+
}); };
|
|
672
708
|
this.getCache = function (url, options) { return __awaiter(_this, void 0, void 0, function () {
|
|
673
|
-
var headers, encodedUrl,
|
|
674
|
-
return __generator(this, function (
|
|
675
|
-
switch (
|
|
709
|
+
var headers, encodedUrl, _e, get, set, has, result;
|
|
710
|
+
return __generator(this, function (_f) {
|
|
711
|
+
switch (_f.label) {
|
|
676
712
|
case 0:
|
|
677
713
|
headers = (options === null || options === void 0 ? void 0 : options.headers) || this.tokenService.customHeaders({
|
|
678
714
|
url: url
|
|
679
715
|
});
|
|
680
716
|
encodedUrl = (options === null || options === void 0 ? void 0 : options.encodeURI) === false ? url : encodeURI(url);
|
|
681
|
-
|
|
717
|
+
_e = this.cacheService.create({
|
|
682
718
|
encodedUrl: encodedUrl,
|
|
683
719
|
headers: headers
|
|
684
720
|
}, {
|
|
685
721
|
type: options === null || options === void 0 ? void 0 : options.cacheType,
|
|
686
722
|
hours: options === null || options === void 0 ? void 0 : options.cacheHours
|
|
687
|
-
}), get =
|
|
723
|
+
}), get = _e.get, set = _e.set, has = _e.has;
|
|
688
724
|
if (!(!has() || (options === null || options === void 0 ? void 0 : options.reload))) return [3 /*break*/, 2];
|
|
689
725
|
return [4 /*yield*/, this.get(encodedUrl, options === null || options === void 0 ? void 0 : options.headers, { encodeURI: false })];
|
|
690
726
|
case 1:
|
|
691
|
-
result =
|
|
727
|
+
result = _f.sent();
|
|
692
728
|
set(result);
|
|
693
729
|
return [2 /*return*/, result];
|
|
694
730
|
case 2: return [2 /*return*/, get()];
|
|
695
731
|
}
|
|
696
732
|
});
|
|
697
733
|
}); };
|
|
734
|
+
this.delete = function (url, headers) { return __awaiter(_this, void 0, void 0, function () {
|
|
735
|
+
var _this = this;
|
|
736
|
+
return __generator(this, function (_e) {
|
|
737
|
+
switch (_e.label) {
|
|
738
|
+
case 0:
|
|
739
|
+
headers = headers || this.tokenService.customHeaders({
|
|
740
|
+
url: url
|
|
741
|
+
});
|
|
742
|
+
return [4 /*yield*/, new Promise(function (resolve, reject) {
|
|
743
|
+
_this.httpClient.delete(encodeURI(url), { observe: 'response', headers: headers })
|
|
744
|
+
.pipe(operators.timeout(__classPrivateFieldGet(_this, _timeout)))
|
|
745
|
+
.toPromise().then(function (result) {
|
|
746
|
+
if (result.ok) {
|
|
747
|
+
resolve(result.body);
|
|
748
|
+
}
|
|
749
|
+
else {
|
|
750
|
+
reject(result.body);
|
|
751
|
+
}
|
|
752
|
+
}).catch(function (httpErrorResponse) {
|
|
753
|
+
reject(httpErrorResponse);
|
|
754
|
+
});
|
|
755
|
+
})];
|
|
756
|
+
case 1: return [2 /*return*/, _e.sent()];
|
|
757
|
+
}
|
|
758
|
+
});
|
|
759
|
+
}); };
|
|
698
760
|
this.uploadSingle = function (url, option) {
|
|
699
761
|
return SdUtility.upload(option).then(function (file) { return _this.upload(url, file); });
|
|
700
762
|
};
|
|
701
763
|
this.upload = function (url, file) { return __awaiter(_this, void 0, void 0, function () {
|
|
702
764
|
var lastDot, message, formData;
|
|
703
|
-
return __generator(this, function (
|
|
704
|
-
switch (
|
|
765
|
+
return __generator(this, function (_e) {
|
|
766
|
+
switch (_e.label) {
|
|
705
767
|
case 0:
|
|
706
768
|
lastDot = file.name.lastIndexOf('.');
|
|
707
769
|
if (lastDot === -1) {
|
|
@@ -711,52 +773,11 @@
|
|
|
711
773
|
formData = new FormData();
|
|
712
774
|
formData.append('file', file, file.name);
|
|
713
775
|
return [4 /*yield*/, this.post(url, formData)];
|
|
714
|
-
case 1: return [2 /*return*/,
|
|
776
|
+
case 1: return [2 /*return*/, _e.sent()];
|
|
715
777
|
}
|
|
716
778
|
});
|
|
717
779
|
}); };
|
|
718
780
|
}
|
|
719
|
-
SdApiService.prototype.put = function (url, body, headers) {
|
|
720
|
-
var _this = this;
|
|
721
|
-
headers = headers || this.tokenService.customHeaders({
|
|
722
|
-
url: url
|
|
723
|
-
});
|
|
724
|
-
return new Promise(function (resolve, reject) {
|
|
725
|
-
_this.httpClient.put(encodeURI(url), body, {
|
|
726
|
-
observe: 'response',
|
|
727
|
-
headers: headers
|
|
728
|
-
}).pipe(operators.timeout(__classPrivateFieldGet(_this, _timeout))).toPromise().then(function (result) {
|
|
729
|
-
if (result.ok) {
|
|
730
|
-
resolve(result.body);
|
|
731
|
-
}
|
|
732
|
-
else {
|
|
733
|
-
reject(result.body);
|
|
734
|
-
}
|
|
735
|
-
}).catch(function (httpErrorResponse) {
|
|
736
|
-
reject(httpErrorResponse);
|
|
737
|
-
});
|
|
738
|
-
});
|
|
739
|
-
};
|
|
740
|
-
SdApiService.prototype.delete = function (url, headers) {
|
|
741
|
-
var _this = this;
|
|
742
|
-
headers = headers || this.tokenService.customHeaders({
|
|
743
|
-
url: url
|
|
744
|
-
});
|
|
745
|
-
return new Promise(function (resolve, reject) {
|
|
746
|
-
_this.httpClient.delete(encodeURI(url), { observe: 'response', headers: headers })
|
|
747
|
-
.pipe(operators.timeout(__classPrivateFieldGet(_this, _timeout)))
|
|
748
|
-
.toPromise().then(function (result) {
|
|
749
|
-
if (result.ok) {
|
|
750
|
-
resolve(result.body);
|
|
751
|
-
}
|
|
752
|
-
else {
|
|
753
|
-
reject(result.body);
|
|
754
|
-
}
|
|
755
|
-
}).catch(function (httpErrorResponse) {
|
|
756
|
-
reject(httpErrorResponse);
|
|
757
|
-
});
|
|
758
|
-
});
|
|
759
|
-
};
|
|
760
781
|
return SdApiService;
|
|
761
782
|
}());
|
|
762
783
|
_timeout = new WeakMap(), _cacheDuration = new WeakMap(), _cache = new WeakMap(), _defineParams = new WeakMap();
|