@sd-angular/core 1.3.141 → 1.3.143
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/autocomplete/sd-angular-core-autocomplete.metadata.json +1 -1
- package/autocomplete/src/lib/autocomplete.component.d.ts +2 -0
- package/bundles/sd-angular-core-autocomplete.umd.js +8 -1
- package/bundles/sd-angular-core-autocomplete.umd.js.map +1 -1
- package/bundles/sd-angular-core-autocomplete.umd.min.js +2 -2
- package/bundles/sd-angular-core-autocomplete.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-grid-material.umd.js +7 -7
- package/bundles/sd-angular-core-grid-material.umd.js.map +1 -1
- package/bundles/sd-angular-core-grid-material.umd.min.js +2 -2
- package/bundles/sd-angular-core-grid-material.umd.min.js.map +1 -1
- package/esm2015/autocomplete/src/lib/autocomplete.component.js +9 -2
- package/esm2015/grid-material/src/lib/components/column-inline-filter/column-inline-filter.component.js +5 -5
- package/esm2015/grid-material/src/lib/components/grid-filter/grid-filter.component.js +3 -3
- package/esm2015/grid-material/src/lib/grid-material.component.js +2 -2
- package/fesm2015/sd-angular-core-autocomplete.js +8 -1
- package/fesm2015/sd-angular-core-autocomplete.js.map +1 -1
- package/fesm2015/sd-angular-core-grid-material.js +7 -7
- package/fesm2015/sd-angular-core-grid-material.js.map +1 -1
- package/grid-material/sd-angular-core-grid-material.metadata.json +1 -1
- package/grid-material/src/lib/components/column-inline-filter/column-inline-filter.component.d.ts +1 -1
- package/package.json +1 -1
- package/{sd-angular-core-1.3.141.tgz → sd-angular-core-1.3.143.tgz} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/form-field"),require("@angular/material/input"),require("rxjs/operators"),require("uuid"),require("object-hash"),require("rxjs"),require("@angular/material/autocomplete"),require("@sd-angular/core/common"),require("@angular/material/icon"),require("@sd-angular/core/translate"),require("@angular/material/tooltip"),require("@angular/material/progress-spinner"),require("@sd-angular/core/popover")):"function"==typeof define&&define.amd?define("@sd-angular/core/autocomplete",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/form-field","@angular/material/input","rxjs/operators","uuid","object-hash","rxjs","@angular/material/autocomplete","@sd-angular/core/common","@angular/material/icon","@sd-angular/core/translate","@angular/material/tooltip","@angular/material/progress-spinner","@sd-angular/core/popover"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core.autocomplete={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.formField,e.ng.material.input,e.rxjs.operators,e.uuid,e.hash,e.rxjs,e.ng.material.autocomplete,e["sd-angular"].core.common,e.ng.material.icon,e["sd-angular"].core.translate,e.ng.material.tooltip,e.ng.material.progressSpinner,e["sd-angular"].core.popover)}(this,(function(e,t,o,n,r,i,a,l,s,u,c,d,p,f,m,h,g){"use strict";function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/form-field"),require("@angular/material/input"),require("rxjs/operators"),require("uuid"),require("object-hash"),require("rxjs"),require("@angular/material/autocomplete"),require("@sd-angular/core/common"),require("@angular/material/icon"),require("@sd-angular/core/translate"),require("@angular/material/tooltip"),require("@angular/material/progress-spinner"),require("@sd-angular/core/popover")):"function"==typeof define&&define.amd?define("@sd-angular/core/autocomplete",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/form-field","@angular/material/input","rxjs/operators","uuid","object-hash","rxjs","@angular/material/autocomplete","@sd-angular/core/common","@angular/material/icon","@sd-angular/core/translate","@angular/material/tooltip","@angular/material/progress-spinner","@sd-angular/core/popover"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core.autocomplete={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.formField,e.ng.material.input,e.rxjs.operators,e.uuid,e.hash,e.rxjs,e.ng.material.autocomplete,e["sd-angular"].core.common,e.ng.material.icon,e["sd-angular"].core.translate,e.ng.material.tooltip,e.ng.material.progressSpinner,e["sd-angular"].core.popover)}(this,(function(e,t,o,n,r,i,a,l,s,u,c,d,p,f,m,h,g){"use strict";function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=v(s);
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */function b(e,t,o,n){return new(o||(o=Promise))((function(r,i){function a(e){try{s(n.next(e))}catch(e){i(e)}}function l(e){try{s(n.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,l)}s((n=n.apply(e,t||[])).next())}))}function C(e,t){var o,n,r,i,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(o)throw new TypeError("Generator is already executing.");for(;a;)try{if(o=1,n&&(r=2&i[0]?n.return:i[0]?n.throw||((r=n.return)&&r.call(n),0):n.next)&&!(r=r.call(n,i[1])).done)return r;switch(n=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,n=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(r=a.trys,(r=r.length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){a.label=i[1];break}if(6===i[0]&&a.label<r[1]){a.label=r[1],r=i;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(i);break}r[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],n=0}finally{o=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}}Object.create;function w(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var n,r,i=o.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){r={error:e}}finally{try{n&&!n.done&&(o=i.return)&&o.call(i)}finally{if(r)throw r.error}}return a}Object.create;function I(e,t,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?n:"a"===o?n.call(e):n?n.value:t.get(e)}function T(e,t,o,n,r){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?r.call(e,o):r?r.value=o:t.set(e,o),o}var M,k,F,x,V,P,O,q,A,S,j,E,D,R=function(e){this.templateRef=e};R.decorators=[{type:t.Directive,args:[{selector:"[sdAutocompleteDisplayDef]"}]}],R.ctorParameters=function(){return[{type:t.TemplateRef}]};var W=function(){function e(e){this.formControl=e}return e.prototype.isErrorState=function(e,t){var o,n,r,i=t&&t.submitted;return!(!(null===(o=this.formControl)||void 0===o?void 0:o.invalid)||!((null===(n=this.formControl)||void 0===n?void 0:n.dirty)||(null===(r=this.formControl)||void 0===r?void 0:r.touched)||i))},e}(),_=function(){function e(e,o){var r=this;this.ref=e,this.formConfig=o,this.id="I"+l.v4(),M.set(this,void 0),k.set(this,0),F.set(this,l.v4()),this.loading=!1,this.inputControl=new d.SdFormControl,this.formControl=new d.SdFormControl,this.matcher=new W(this.formControl),x.set(this,void 0),V.set(this,new u.BehaviorSubject([])),this.limit=100,this.hiddenAdd=!1,this.action=new t.EventEmitter,this.modelChange=new t.EventEmitter,this.sdChange=new t.EventEmitter,this.sdAdd=new t.EventEmitter,this.isRequired=!1,P.set(this,void 0),this.disableErrorMessage=!1,O.set(this,new u.Subscription),this.isFocused=!1,q.set(this,void 0),A.set(this,{}),S.set(this,{}),this.isTyping=!1,this.copyable=!1,this.copied=!1,this.onSelect=function(e){if(e){if(T(r,q,e),"string"==typeof e||"number"==typeof e)r.formControl.value!==e&&(r.formControl.setValue(e),r.modelChange.emit(e),r.sdChange.emit(e));else if(r.valueField&&r.displayField){var t=(null==e?void 0:e[r.valueField])||null;r.formControl.value!==t&&(r.formControl.setValue(t),r.modelChange.emit(t),r.sdChange.emit(e))}r.inputControl.setValue("",{emitEvent:!1})}},this.onFocus=function(){r.isFocused=!0,r.inputControl.setValue("")},this.onBlur=function(){r.isFocused=!1,r.inputControl.setValue("",{emitEvent:!1})},this.onClick=function(){var e;(null===(e=r.sdView)||void 0===e?void 0:e.templateRef)&&(r.formControl.disabled||r.isFocused||r.focus())},this.blur=function(){var e,t;null===(t=null===(e=r.input)||void 0===e?void 0:e.nativeElement)||void 0===t||t.blur()},this.focus=function(){r.isFocused=!0,setTimeout((function(){var e,t,o;null===(e=r.autocompleteTrigger)||void 0===e||e.openPanel(),null===(o=null===(t=r.input)||void 0===t?void 0:t.nativeElement)||void 0===o||o.focus()}),100)},this.clear=function(e){var t;null==e||e.stopPropagation(),null===(t=r.inputControl)||void 0===t||t.setValue(""),I(r,M)&&(r.formControl.setValue(null),r.modelChange.emit(null),r.sdChange.emit(null))},this.onAction=function(e){var t;null==e||e.stopPropagation(),null===(t=r.autocompleteTrigger)||void 0===t||t.closePanel(),r.action.emit()},this.onAdd=function(e){e.stopPropagation(),null==e||e.preventDefault(),r.sdAdd.emit()},this.reValidate=function(){r.inputControl.updateValueAndValidity({emitEvent:!0})},j.set(this,(function(){r.formControl.clearValidators(),r.formControl.clearAsyncValidators();var e=[],t=[];r.isRequired&&e.push(n.Validators.required),I(r,P)&&t.push(I(r,E).call(r,I(r,P))),r.formControl.setValidators(e),r.formControl.setAsyncValidators(t),r.formControl.updateValueAndValidity()})),E.set(this,(function(e){return function(t){return b(r,void 0,void 0,(function(){var o,n,r;return C(this,(function(i){switch(i.label){case 0:return o=t.value||null,e&&"function"==typeof e?(n=e(o,I(this,q)))instanceof Promise?[4,n]:[3,2]:[3,3];case 1:return(r=i.sent())?[2,{customValidator:r}]:[2,null];case 2:return n?[2,{customValidator:n}]:[2,null];case 3:return[2,null]}}))}))}})),this.onCopyText=function(e){null==e||e.stopPropagation();var t=I(r,D).call(r);SdUtility.copyToClipboard(t),r.copied=!0,setTimeout((function(){r.copied=!1,r.ref.markForCheck()}),2e3)},D.set(this,(function(){var e,t=r.formControl.value,o=null!==(e=null==t?void 0:t.toString())&&void 0!==e?e:"";return"function"==typeof r.copyText?o=r.copyText(t,I(r,q)):r.copyText&&(o=r.copyText),o}))}return Object.defineProperty(e.prototype,"name",{set:function(e){e&&T(this,F,e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"form",{set:function(e){e&&(e instanceof n.NgForm?T(this,x,e.form):T(this,x,e))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_label",{set:function(e){this.label=e,this.qcId=y.default({selector:"sd-autocomplete",label:e})},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"items",{set:function(e){e?Array.isArray(e)?I(this,V).next(e.filter((function(e){return null!=e}))):(I(this,V).next(e),T(this,k,500)):I(this,V).next([]),this.formControl.updateValueAndValidity()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"model",{set:function(e){I(this,M)!==e&&(T(this,M,e),this.formControl.setValue(e))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{set:function(e){(e=""===e||e)?(this.inputControl.disable(),this.formControl.disable()):(this.inputControl.enable(),this.formControl.enable())},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"required",{set:function(e){this.isRequired=""===e||e,I(this,j).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"validator",{set:function(e){T(this,P,e),I(this,j).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_disableErrorMessage",{set:function(e){this.disableErrorMessage=""===e||e,e=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_copyable",{set:function(e){this.copyable=""===e||e},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e,t=this;this.appearance=this.appearance||(null===(e=this.formConfig)||void 0===e?void 0:e.appearance),I(this,O).add(this.inputControl.touchChanges.subscribe((function(){t.formControl.markAsTouched(),t.ref.markForCheck()}))),I(this,O).add(this.formControl.sdChanges.subscribe((function(){t.ref.markForCheck()}))),I(this,O).add(this.inputControl.sdChanges.subscribe((function(){t.ref.markForCheck()}))),I(this,O).add(this.inputControl.valueChanges.subscribe((function(){t.isTyping=!0}))),this.filteredItems=u.combineLatest([I(this,V).asObservable(),this.inputControl.valueChanges.pipe(a.debounceTime(I(this,k)))]).pipe(a.switchMap((function(e){var o,n=w(e,2),r=n[0],i=n[1];if(t.isTyping=!1,i=i||"","function"!=typeof r)return r.search(i,[t.valueField,t.displayField]).paging(t.limit).asObservable();var l,s=y.default({checksum:t.cacheChecksum||null,searchText:i});if(void 0!==I(t,A)[s])return(null===(o=I(t,A)[s])||void 0===o?void 0:o.length)||(t.isTyping=!0),I(t,A)[s].asObservable();var c=r(i,!1);return l=c instanceof Promise?u.defer((function(){return u.from(c)})):c,t.loading=!0,t.ref.markForCheck(),l.pipe(a.map((function(e){return I(t,A)[s]=e||[],Object.assign(I(t,S),Array.toObject(I(t,A)[s],t.valueField)),I(t,A)[s]})),a.catchError((function(){return u.of([])})),a.finalize((function(){t.loading=!1,t.ref.markForCheck()})))}))),this.selected=u.combineLatest([I(this,V).asObservable(),this.formControl.valueChanges.pipe(a.startWith(this.formControl.value))]).pipe(a.switchMap((function(e){var o=w(e,1)[0],n=t.formControl.value;if(!t.valueField)return u.of(n);if(n||0===n){if("function"==typeof o){if(I(t,S)[n])return u.of(I(t,S)[n]);var r=o(n,!0);return(r instanceof Promise?u.defer((function(){return u.from(r)})):r).pipe(a.map((function(e){var o;return Object.assign(I(t,S),Array.toObject(e,t.valueField)),I(t,S)[n]||((o={})[t.valueField]=n,o[t.displayField]=n,o)})),a.catchError((function(){var e;return u.of(((e={})[t.valueField]=n,e[t.displayField]=n,e))})),a.finalize((function(){t.loading=!1,t.ref.markForCheck()})))}return u.of(o.find((function(e){return e[t.valueField]===n})))}return u.of("")}))),this.controlPlaceHolder=this.selected.pipe(a.map((function(e){var o,n,r;return T(t,q,e),null!==(r=null!==(n=null!==(o=null==e?void 0:e[t.displayField])&&void 0!==o?o:e)&&void 0!==n?n:t.placeholder)&&void 0!==r?r:t.appearance?t.label:""})))},e.prototype.ngAfterViewInit=function(){var e;null===(e=I(this,x))||void 0===e||e.addControl(I(this,F),this.formControl)},e.prototype.ngOnDestroy=function(){var e;I(this,O).unsubscribe(),null===(e=I(this,x))||void 0===e||e.removeControl(I(this,F))},e}();M=new WeakMap,k=new WeakMap,F=new WeakMap,x=new WeakMap,V=new WeakMap,P=new WeakMap,O=new WeakMap,q=new WeakMap,A=new WeakMap,S=new WeakMap,j=new WeakMap,E=new WeakMap,D=new WeakMap,_.decorators=[{type:t.Component,args:[{selector:"sd-autocomplete",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 [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\x3c!-- <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> --\x3e',changeDetection:t.ChangeDetectionStrategy.OnPush,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}"]}]}],_.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:void 0,decorators:[{type:t.Inject,args:[d.FORM_CONFIG]},{type:t.Optional}]}]},_.propDecorators={autocompleteTrigger:[{type:t.ViewChild,args:[c.MatAutocompleteTrigger,{read:c.MatAutocompleteTrigger}]}],name:[{type:t.Input}],appearance:[{type:t.Input}],size:[{type:t.Input}],form:[{type:t.Input}],_label:[{type:t.Input,args:["label"]}],valueField:[{type:t.Input}],displayField:[{type:t.Input}],placeholder:[{type:t.Input}],items:[{type:t.Input}],limit:[{type:t.Input}],cacheChecksum:[{type:t.Input}],model:[{type:t.Input}],hiddenAdd:[{type:t.Input}],autocompleteDisplayDef:[{type:t.ContentChild,args:[R]}],sdLabelDef:[{type:t.ContentChild,args:[d.SdLabelDefDirective]}],actionIcon:[{type:t.Input}],action:[{type:t.Output}],modelChange:[{type:t.Output}],sdChange:[{type:t.Output}],sdAdd:[{type:t.Output}],disabled:[{type:t.Input}],required:[{type:t.Input}],validator:[{type:t.Input}],_disableErrorMessage:[{type:t.Input,args:["disableErrorMessage"]}],input:[{type:t.ViewChild,args:["input"]}],sdView:[{type:t.ContentChild,args:[d.SdViewDefDirective]}],copyTooltip:[{type:t.ViewChild,args:["copyTooltip"]}],_copyable:[{type:t.Input,args:["copyable"]}],copyText:[{type:t.Input}]};var z=function(){};z.decorators=[{type:t.NgModule,args:[{imports:[o.CommonModule,n.FormsModule,n.ReactiveFormsModule,i.MatInputModule,m.MatTooltipModule,r.MatFormFieldModule,c.MatAutocompleteModule,p.MatIconModule,h.MatProgressSpinnerModule,f.SdTranslateModule,d.SdCommonModule,g.SdPopoverModule],declarations:[_,R],exports:[_,R,d.SdCommonModule],providers:[]}]}],e.SdAutocomplete=_,e.SdAutocompleteDisplayDefDirective=R,e.SdAutocompleteModule=z,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
15
|
+
***************************************************************************** */function y(e,t,o,n){return new(o||(o=Promise))((function(r,i){function a(e){try{s(n.next(e))}catch(e){i(e)}}function l(e){try{s(n.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,l)}s((n=n.apply(e,t||[])).next())}))}function C(e,t){var o,n,r,i,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(o)throw new TypeError("Generator is already executing.");for(;a;)try{if(o=1,n&&(r=2&i[0]?n.return:i[0]?n.throw||((r=n.return)&&r.call(n),0):n.next)&&!(r=r.call(n,i[1])).done)return r;switch(n=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,n=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(r=a.trys,(r=r.length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){a.label=i[1];break}if(6===i[0]&&a.label<r[1]){a.label=r[1],r=i;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(i);break}r[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],n=0}finally{o=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}}Object.create;function w(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var n,r,i=o.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){r={error:e}}finally{try{n&&!n.done&&(o=i.return)&&o.call(i)}finally{if(r)throw r.error}}return a}Object.create;function k(e,t,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?n:"a"===o?n.call(e):n?n.value:t.get(e)}function I(e,t,o,n,r){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?r.call(e,o):r?r.value=o:t.set(e,o),o}var T,M,F,x,V,P,O,D,q,E,A,S,j,R=function(e){this.templateRef=e};R.decorators=[{type:t.Directive,args:[{selector:"[sdAutocompleteDisplayDef]"}]}],R.ctorParameters=function(){return[{type:t.TemplateRef}]};var W=function(){function e(e){this.formControl=e}return e.prototype.isErrorState=function(e,t){var o,n,r,i=t&&t.submitted;return!(!(null===(o=this.formControl)||void 0===o?void 0:o.invalid)||!((null===(n=this.formControl)||void 0===n?void 0:n.dirty)||(null===(r=this.formControl)||void 0===r?void 0:r.touched)||i))},e}(),_=function(){function e(e,o){var r=this;this.ref=e,this.formConfig=o,this.id="I"+l.v4(),T.set(this,void 0),M.set(this,0),F.set(this,l.v4()),this.loading=!1,this.inputControl=new d.SdFormControl,this.formControl=new d.SdFormControl,this.matcher=new W(this.formControl),x.set(this,void 0),V.set(this,new u.BehaviorSubject([])),this.limit=100,this.hiddenAdd=!1,this.action=new t.EventEmitter,this.modelChange=new t.EventEmitter,this.sdChange=new t.EventEmitter,this.sdAdd=new t.EventEmitter,this.sdDbClick=new t.EventEmitter,this.isRequired=!1,P.set(this,void 0),this.disableErrorMessage=!1,O.set(this,new u.Subscription),this.isFocused=!1,D.set(this,void 0),q.set(this,{}),E.set(this,{}),this.isTyping=!1,this.copyable=!1,this.copied=!1,this.onSelect=function(e){if(e){if(I(r,D,e),"string"==typeof e||"number"==typeof e)r.formControl.value!==e&&(r.formControl.setValue(e),r.modelChange.emit(e),r.sdChange.emit(e));else if(r.valueField&&r.displayField){var t=(null==e?void 0:e[r.valueField])||null;r.formControl.value!==t&&(r.formControl.setValue(t),r.modelChange.emit(t),r.sdChange.emit(e))}r.inputControl.setValue("",{emitEvent:!1})}},this.onFocus=function(){r.isFocused=!0,r.inputControl.setValue("")},this.onBlur=function(){r.isFocused=!1,r.inputControl.setValue("",{emitEvent:!1})},this.onClick=function(){var e;(null===(e=r.sdView)||void 0===e?void 0:e.templateRef)&&(r.formControl.disabled||r.isFocused||r.focus())},this.blur=function(){var e,t;null===(t=null===(e=r.input)||void 0===e?void 0:e.nativeElement)||void 0===t||t.blur()},this.focus=function(){r.isFocused=!0,setTimeout((function(){var e,t,o;null===(e=r.autocompleteTrigger)||void 0===e||e.openPanel(),null===(o=null===(t=r.input)||void 0===t?void 0:t.nativeElement)||void 0===o||o.focus()}),100)},this.clear=function(e){var t;null==e||e.stopPropagation(),null===(t=r.inputControl)||void 0===t||t.setValue(""),k(r,T)&&(r.formControl.setValue(null),r.modelChange.emit(null),r.sdChange.emit(null))},this.onAction=function(e){var t;null==e||e.stopPropagation(),null===(t=r.autocompleteTrigger)||void 0===t||t.closePanel(),r.action.emit()},this.onAdd=function(e){e.stopPropagation(),null==e||e.preventDefault(),r.sdAdd.emit()},this.reValidate=function(){r.inputControl.updateValueAndValidity({emitEvent:!0})},A.set(this,(function(){r.formControl.clearValidators(),r.formControl.clearAsyncValidators();var e=[],t=[];r.isRequired&&e.push(n.Validators.required),k(r,P)&&t.push(k(r,S).call(r,k(r,P))),r.formControl.setValidators(e),r.formControl.setAsyncValidators(t),r.formControl.updateValueAndValidity()})),S.set(this,(function(e){return function(t){return y(r,void 0,void 0,(function(){var o,n,r;return C(this,(function(i){switch(i.label){case 0:return o=t.value||null,e&&"function"==typeof e?(n=e(o,k(this,D)))instanceof Promise?[4,n]:[3,2]:[3,3];case 1:return(r=i.sent())?[2,{customValidator:r}]:[2,null];case 2:return n?[2,{customValidator:n}]:[2,null];case 3:return[2,null]}}))}))}})),this.onCopyText=function(e){null==e||e.stopPropagation();var t=k(r,j).call(r);SdUtility.copyToClipboard(t),r.copied=!0,setTimeout((function(){r.copied=!1,r.ref.markForCheck()}),2e3)},j.set(this,(function(){var e,t=r.formControl.value,o=null!==(e=null==t?void 0:t.toString())&&void 0!==e?e:"";return"function"==typeof r.copyText?o=r.copyText(t,k(r,D)):r.copyText&&(o=r.copyText),o})),this.onDbClick=function(e,t){null==e||e.preventDefault(),null==e||e.stopPropagation(),r.sdDbClick.emit(t)}}return Object.defineProperty(e.prototype,"name",{set:function(e){e&&I(this,F,e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"form",{set:function(e){e&&(e instanceof n.NgForm?I(this,x,e.form):I(this,x,e))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_label",{set:function(e){this.label=e,this.qcId=b.default({selector:"sd-autocomplete",label:e})},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"items",{set:function(e){e?Array.isArray(e)?k(this,V).next(e.filter((function(e){return null!=e}))):(k(this,V).next(e),I(this,M,500)):k(this,V).next([]),this.formControl.updateValueAndValidity()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"model",{set:function(e){k(this,T)!==e&&(I(this,T,e),this.formControl.setValue(e))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{set:function(e){(e=""===e||e)?(this.inputControl.disable(),this.formControl.disable()):(this.inputControl.enable(),this.formControl.enable())},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"required",{set:function(e){this.isRequired=""===e||e,k(this,A).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"validator",{set:function(e){I(this,P,e),k(this,A).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_disableErrorMessage",{set:function(e){this.disableErrorMessage=""===e||e,e=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_copyable",{set:function(e){this.copyable=""===e||e},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e,t=this;this.appearance=this.appearance||(null===(e=this.formConfig)||void 0===e?void 0:e.appearance),k(this,O).add(this.inputControl.touchChanges.subscribe((function(){t.formControl.markAsTouched(),t.ref.markForCheck()}))),k(this,O).add(this.formControl.sdChanges.subscribe((function(){t.ref.markForCheck()}))),k(this,O).add(this.inputControl.sdChanges.subscribe((function(){t.ref.markForCheck()}))),k(this,O).add(this.inputControl.valueChanges.subscribe((function(){t.isTyping=!0}))),this.filteredItems=u.combineLatest([k(this,V).asObservable(),this.inputControl.valueChanges.pipe(a.debounceTime(k(this,M)))]).pipe(a.switchMap((function(e){var o,n=w(e,2),r=n[0],i=n[1];if(t.isTyping=!1,i=i||"","function"!=typeof r)return r.search(i,[t.valueField,t.displayField]).paging(t.limit).asObservable();var l,s=b.default({checksum:t.cacheChecksum||null,searchText:i});if(void 0!==k(t,q)[s])return(null===(o=k(t,q)[s])||void 0===o?void 0:o.length)||(t.isTyping=!0),k(t,q)[s].asObservable();var c=r(i,!1);return l=c instanceof Promise?u.defer((function(){return u.from(c)})):c,t.loading=!0,t.ref.markForCheck(),l.pipe(a.map((function(e){return k(t,q)[s]=e||[],Object.assign(k(t,E),Array.toObject(k(t,q)[s],t.valueField)),k(t,q)[s]})),a.catchError((function(){return u.of([])})),a.finalize((function(){t.loading=!1,t.ref.markForCheck()})))}))),this.selected=u.combineLatest([k(this,V).asObservable(),this.formControl.valueChanges.pipe(a.startWith(this.formControl.value))]).pipe(a.switchMap((function(e){var o=w(e,1)[0],n=t.formControl.value;if(!t.valueField)return u.of(n);if(n||0===n){if("function"==typeof o){if(k(t,E)[n])return u.of(k(t,E)[n]);var r=o(n,!0);return(r instanceof Promise?u.defer((function(){return u.from(r)})):r).pipe(a.map((function(e){var o;return Object.assign(k(t,E),Array.toObject(e,t.valueField)),k(t,E)[n]||((o={})[t.valueField]=n,o[t.displayField]=n,o)})),a.catchError((function(){var e;return u.of(((e={})[t.valueField]=n,e[t.displayField]=n,e))})),a.finalize((function(){t.loading=!1,t.ref.markForCheck()})))}return u.of(o.find((function(e){return e[t.valueField]===n})))}return u.of("")}))),this.controlPlaceHolder=this.selected.pipe(a.map((function(e){var o,n,r;return I(t,D,e),null!==(r=null!==(n=null!==(o=null==e?void 0:e[t.displayField])&&void 0!==o?o:e)&&void 0!==n?n:t.placeholder)&&void 0!==r?r:t.appearance?t.label:""})))},e.prototype.ngAfterViewInit=function(){var e;null===(e=k(this,x))||void 0===e||e.addControl(k(this,F),this.formControl)},e.prototype.ngOnDestroy=function(){var e;k(this,O).unsubscribe(),null===(e=k(this,x))||void 0===e||e.removeControl(k(this,F))},e}();T=new WeakMap,M=new WeakMap,F=new WeakMap,x=new WeakMap,V=new WeakMap,P=new WeakMap,O=new WeakMap,D=new WeakMap,q=new WeakMap,E=new WeakMap,A=new WeakMap,S=new WeakMap,j=new WeakMap,_.decorators=[{type:t.Component,args:[{selector:"sd-autocomplete",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 [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" (dblclick)="onDbClick($event, 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\x3c!-- <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> --\x3e',changeDetection:t.ChangeDetectionStrategy.OnPush,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}"]}]}],_.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:void 0,decorators:[{type:t.Inject,args:[d.FORM_CONFIG]},{type:t.Optional}]}]},_.propDecorators={autocompleteTrigger:[{type:t.ViewChild,args:[c.MatAutocompleteTrigger,{read:c.MatAutocompleteTrigger}]}],name:[{type:t.Input}],appearance:[{type:t.Input}],size:[{type:t.Input}],form:[{type:t.Input}],_label:[{type:t.Input,args:["label"]}],valueField:[{type:t.Input}],displayField:[{type:t.Input}],placeholder:[{type:t.Input}],items:[{type:t.Input}],limit:[{type:t.Input}],cacheChecksum:[{type:t.Input}],model:[{type:t.Input}],hiddenAdd:[{type:t.Input}],autocompleteDisplayDef:[{type:t.ContentChild,args:[R]}],sdLabelDef:[{type:t.ContentChild,args:[d.SdLabelDefDirective]}],actionIcon:[{type:t.Input}],action:[{type:t.Output}],modelChange:[{type:t.Output}],sdChange:[{type:t.Output}],sdAdd:[{type:t.Output}],sdDbClick:[{type:t.Output}],disabled:[{type:t.Input}],required:[{type:t.Input}],validator:[{type:t.Input}],_disableErrorMessage:[{type:t.Input,args:["disableErrorMessage"]}],input:[{type:t.ViewChild,args:["input"]}],sdView:[{type:t.ContentChild,args:[d.SdViewDefDirective]}],copyTooltip:[{type:t.ViewChild,args:["copyTooltip"]}],_copyable:[{type:t.Input,args:["copyable"]}],copyText:[{type:t.Input}]};var z=function(){};z.decorators=[{type:t.NgModule,args:[{imports:[o.CommonModule,n.FormsModule,n.ReactiveFormsModule,i.MatInputModule,m.MatTooltipModule,r.MatFormFieldModule,c.MatAutocompleteModule,p.MatIconModule,h.MatProgressSpinnerModule,f.SdTranslateModule,d.SdCommonModule,g.SdPopoverModule],declarations:[_,R],exports:[_,R,d.SdCommonModule],providers:[]}]}],e.SdAutocomplete=_,e.SdAutocompleteDisplayDefDirective=R,e.SdAutocompleteModule=z,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
16
16
|
//# sourceMappingURL=sd-angular-core-autocomplete.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/autocomplete/src/lib/autocomplete-display-def.directive.ts","../../../../projects/sd-core/autocomplete/src/lib/autocomplete.component.ts","../../../../projects/sd-core/autocomplete/src/lib/autocomplete.module.ts"],"names":["__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","e","rejected","result","done","then","apply","__generator","body","f","y","t","g","_","label","sent","trys","ops","verb","throw","return","Symbol","iterator","this","n","v","op","TypeError","call","pop","length","push","Object","create","__read","o","m","r","i","ar","error","__classPrivateFieldGet","receiver","state","kind","has","get","__classPrivateFieldSet","set","templateRef","Directive","args","selector","TemplateRef","SdAutocompleteErrotStateMatcher","formControl","prototype","isErrorState","control","form","isSubmitted","submitted","_a","invalid","_b","dirty","_c","touched","SdAutocomplete","ref","formConfig","_this","id","uuid.v4","_model","_delay","_name","loading","inputControl","SdFormControl","matcher","_form","_itemsChanges","BehaviorSubject","limit","hiddenAdd","action","EventEmitter","modelChange","sdChange","sdAdd","isRequired","_validator","disableErrorMessage","_subscription","Subscription","isFocused","_selectedItem","_cache","_item","isTyping","copyable","copied","onSelect","item","setValue","emit","valueField","displayField","val","emitEvent","onFocus","onBlur","onClick","sdView","disabled","focus","blur","input","nativeElement","setTimeout","autocompleteTrigger","openPanel","clear","$event","stopPropagation","onAction","closePanel","onAdd","preventDefault","reValidate","updateValueAndValidity","_updateValidator","clearValidators","clearAsyncValidators","validators","asyncValidators","Validators","required","_customValidator","setValidators","setAsyncValidators","func","c","message","_d","customValidator","onCopyText","event","text","_getCopyText","SdUtility","copyToClipboard","markForCheck","toString","copyText","defineProperty","NgForm","qcId","hash","items","Array","isArray","filter","disable","enable","validator","ngOnInit","appearance","add","touchChanges","subscribe","markAsTouched","sdChanges","valueChanges","filteredItems","combineLatest","asObservable","pipe","debounceTime","switchMap","_e","searchText","search","paging","obs","key","checksum","cacheChecksum","undefined","defer","from","map","data","assign","toObject","catchError","of","finalize","selected","startWith","func_1","find","controlPlaceHolder","placeholder","ngAfterViewInit","addControl","ngOnDestroy","unsubscribe","removeControl","Component","template","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","Inject","FORM_CONFIG","type","Optional","ViewChild","MatAutocompleteTrigger","read","Input","ContentChild","SdAutocompleteDisplayDefDirective","SdLabelDefDirective","Output","SdViewDefDirective","NgModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatTooltipModule","MatFormFieldModule","MatAutocompleteModule","MatIconModule","MatProgressSpinnerModule","SdTranslateModule","SdCommonModule","SdPopoverModule","declarations","exports","providers"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[sdAutocompleteDisplayDef]'\r\n})\r\nexport class SdAutocompleteDisplayDefDirective {\r\n constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import {\r\n Component,\r\n Input,\r\n ViewChild,\r\n Output,\r\n EventEmitter,\r\n OnInit,\r\n OnDestroy,\r\n AfterViewInit,\r\n ChangeDetectorRef,\r\n ContentChild,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n Inject,\r\n Optional\r\n} from '@angular/core';\r\nimport { startWith, switchMap, debounceTime, map, finalize, catchError } from 'rxjs/operators';\r\n\r\nimport * as uuid from 'uuid';\r\nimport hash from 'object-hash';\r\nimport { FormControl, NgForm, Validators, FormGroupDirective, FormGroup, ValidatorFn, AsyncValidatorFn, AbstractControl } from '@angular/forms';\r\nimport { BehaviorSubject, combineLatest, defer, from, Observable, of, Subscription } from 'rxjs';\r\nimport { ErrorStateMatcher } from '@angular/material/core';\r\nimport { SdAutocompleteDisplayDefDirective } from './autocomplete-display-def.directive';\r\nimport { MatAutocompleteTrigger } from '@angular/material/autocomplete';\r\nimport { FORM_CONFIG, IFormConfiguration, SdFormControl, SdViewDefDirective } from '@sd-angular/core/common';\r\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\r\nimport { SdLabelDefDirective } from '@sd-angular/core/common';\r\nimport { MatTooltip } from '@angular/material/tooltip';\r\n\r\nclass SdAutocompleteErrotStateMatcher implements ErrorStateMatcher {\r\n constructor(private formControl: FormControl) { }\r\n isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\r\n const isSubmitted = form && form.submitted;\r\n return !!(this.formControl?.invalid && (this.formControl?.dirty || this.formControl?.touched || isSubmitted));\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'sd-autocomplete',\r\n templateUrl: './autocomplete.component.html',\r\n styleUrls: ['./autocomplete.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdAutocomplete<T = any> implements OnInit, OnDestroy, AfterViewInit {\r\n // @Input() set key(value: any) {\r\n // this.#cache = {};\r\n // this.#item = {};\r\n // }\r\n @ViewChild(MatAutocompleteTrigger, { read: MatAutocompleteTrigger }) autocompleteTrigger: MatAutocompleteTrigger;\r\n id = `I${uuid.v4()}`;\r\n #model: string | number;\r\n\r\n #delay = 0; // Sau khoảng thời gian delay nếu không có thay đổi thì thì mới bắt đầu thực hiện gọi hàm\r\n #name = uuid.v4();\r\n @Input() set name(val: string) {\r\n if (val) {\r\n this.#name = val;\r\n }\r\n }\r\n @Input() appearance: MatFormFieldAppearance;\r\n loading = false;\r\n inputControl = new SdFormControl();\r\n formControl = new SdFormControl();\r\n matcher = new SdAutocompleteErrotStateMatcher(this.formControl);\r\n @Input() size: 'sm' | 'lg';\r\n #form: FormGroup;\r\n @Input() set form(val: NgForm | FormGroup) {\r\n if (val) {\r\n if (val instanceof NgForm) {\r\n this.#form = val.form;\r\n } else {\r\n this.#form = val;\r\n }\r\n }\r\n }\r\n qcId: string;\r\n label: string;\r\n @Input('label') set _label(val: string) {\r\n this.label = val;\r\n this.qcId = hash({\r\n selector: 'sd-autocomplete',\r\n label: val\r\n });\r\n };\r\n @Input() valueField: string;\r\n @Input() displayField: string;\r\n @Input() placeholder: string;\r\n\r\n #itemsChanges = new BehaviorSubject<T[] | SearchFunc<T>>([]);\r\n @Input() set items(items: undefined | T[] | SearchFunc<T>) {\r\n if (!items) {\r\n this.#itemsChanges.next([]);\r\n } else if (Array.isArray(items)) {\r\n this.#itemsChanges.next(items.filter(e => e !== null && e !== undefined));\r\n } else {\r\n this.#itemsChanges.next(items);\r\n this.#delay = 500;\r\n }\r\n this.formControl.updateValueAndValidity();\r\n }\r\n\r\n @Input() limit = 100;\r\n filteredItems: Observable<any[]>;\r\n\r\n @Input() cacheChecksum: any;\r\n\r\n controlPlaceHolder: Observable<string | number>;\r\n @Input() set model(value: undefined | number | string) {\r\n if (this.#model !== value) {\r\n this.#model = value;\r\n this.formControl.setValue(value);\r\n }\r\n }\r\n @Input() hiddenAdd: boolean = false;\r\n\r\n @ContentChild(SdAutocompleteDisplayDefDirective) autocompleteDisplayDef: SdAutocompleteDisplayDefDirective;\r\n @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n\r\n @Input() actionIcon: string;\r\n @Output() action = new EventEmitter();\r\n @Output() modelChange = new EventEmitter();\r\n @Output() sdChange = new EventEmitter();\r\n @Output() sdAdd = new EventEmitter();\r\n\r\n // Optional\r\n @Input() set disabled(val: boolean | '') {\r\n val = (val === '') || val;\r\n if (val) {\r\n this.inputControl.disable();\r\n this.formControl.disable();\r\n } else {\r\n this.inputControl.enable();\r\n this.formControl.enable();\r\n }\r\n }\r\n isRequired = false;\r\n @Input() set required(val: boolean | '') {\r\n this.isRequired = (val === '') || val;\r\n this.#updateValidator();\r\n }\r\n #validator: (value: any, selectedItem?: T) => string | Promise<string>;\r\n @Input() set validator(validator: (value: any, selectedItem?: T) => string | Promise<string>) {\r\n this.#validator = validator;\r\n this.#updateValidator();\r\n }\r\n disableErrorMessage = false;\r\n @Input('disableErrorMessage') set _disableErrorMessage(val: boolean | '') {\r\n this.disableErrorMessage = (val === '') || val;\r\n val = (val === '') || val;\r\n }\r\n #subscription = new Subscription();\r\n @ViewChild('input') input: ElementRef;\r\n @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n isFocused = false;\r\n selected: Observable<T>;\r\n #selectedItem: T;\r\n #cache: {\r\n [key: string]: T[]\r\n } = {};\r\n #item: {\r\n [key: string]: T\r\n } = {};\r\n isTyping = false;\r\n\r\n @ViewChild('copyTooltip') copyTooltip: MatTooltip;\r\n copyable = false;\r\n @Input('copyable') set _copyable(val: boolean | '') {\r\n this.copyable = (val === '') || val;\r\n }\r\n copied = false;\r\n @Input() copyText: ((value: string, item: T) => string) | string;\r\n \r\n constructor(\r\n private ref: ChangeDetectorRef,\r\n @Inject(FORM_CONFIG) @Optional() private formConfig: IFormConfiguration) {\r\n }\r\n\r\n ngOnInit() {\r\n this.appearance = this.appearance || this.formConfig?.appearance;\r\n this.#subscription.add(this.inputControl.touchChanges.subscribe(() => {\r\n this.formControl.markAsTouched();\r\n this.ref.markForCheck();\r\n }));\r\n this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n this.ref.markForCheck();\r\n }));\r\n this.#subscription.add(this.inputControl.sdChanges.subscribe(() => {\r\n this.ref.markForCheck();\r\n }));\r\n this.#subscription.add(this.inputControl.valueChanges.subscribe(() => {\r\n this.isTyping = true;\r\n }));\r\n this.filteredItems = combineLatest([\r\n this.#itemsChanges.asObservable(),\r\n this.inputControl.valueChanges.pipe(debounceTime(this.#delay))]).pipe(\r\n switchMap(([items, searchText]) => {\r\n this.isTyping = false;\r\n searchText = searchText || '';\r\n if (typeof (items) !== 'function') {\r\n return items\r\n .search(searchText, [this.valueField, this.displayField])\r\n .paging(this.limit)\r\n .asObservable();\r\n }\r\n const key = hash({\r\n checksum: this.cacheChecksum || null,\r\n searchText\r\n });\r\n if (this.#cache[key] !== undefined) {\r\n if (!this.#cache[key]?.length) {\r\n this.isTyping = true;\r\n }\r\n return this.#cache[key].asObservable();\r\n }\r\n let obs: Observable<T[]>;\r\n const func = items(searchText, false);\r\n if (func instanceof Promise) {\r\n obs = defer(() => from(func));\r\n } else {\r\n obs = func;\r\n }\r\n this.loading = true;\r\n this.ref.markForCheck();\r\n return obs.pipe(map(data => {\r\n this.#cache[key] = data || [];\r\n Object.assign(this.#item, Array.toObject(this.#cache[key], this.valueField));\r\n return this.#cache[key];\r\n }), catchError(() => of([]))\r\n , finalize(() => {\r\n this.loading = false;\r\n this.ref.markForCheck();\r\n }));\r\n })\r\n );\r\n this.selected = combineLatest([\r\n this.#itemsChanges.asObservable(),\r\n this.formControl.valueChanges.pipe(startWith(this.formControl.value))])\r\n .pipe(\r\n switchMap(([items]) => {\r\n // Vì một số lý do chưa xác định mà khi sử dụng sdViewDef thì khi chuyển sang dạng view sẽ trigger val = null\r\n // Nhưng formControl.value vẫn có giá trị đúng nên thực hiện gán val = this.formControl.value;\r\n const val = this.formControl.value;\r\n if (!this.valueField) {\r\n return of(val);\r\n }\r\n if (val || val === 0) {\r\n if (typeof (items) === 'function') {\r\n if (this.#item[val]) {\r\n return of(this.#item[val]);\r\n }\r\n let obs: Observable<T[]>;\r\n const func = items(val, true);\r\n if (func instanceof Promise) {\r\n obs = defer(() => from(func));\r\n } else {\r\n obs = func;\r\n }\r\n return obs.pipe(map(data => {\r\n Object.assign(this.#item, Array.toObject(data, this.valueField));\r\n return this.#item[val] || {\r\n [this.valueField]: val,\r\n [this.displayField]: val\r\n };\r\n }), catchError(() => {\r\n return of({\r\n [this.valueField]: val,\r\n [this.displayField]: val\r\n });\r\n }), finalize(() => {\r\n this.loading = false;\r\n this.ref.markForCheck();\r\n }));\r\n }\r\n return of(items.find(e => e[this.valueField] === val));\r\n }\r\n return of('');\r\n })\r\n );\r\n this.controlPlaceHolder = this.selected.pipe(\r\n map(item => {\r\n this.#selectedItem = item;\r\n return item?.[this.displayField] ?? item ?? this.placeholder ?? (this.appearance ? this.label : '')\r\n })\r\n );\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.#form?.addControl(this.#name, this.formControl);\r\n }\r\n\r\n ngOnDestroy() {\r\n this.#subscription.unsubscribe();\r\n this.#form?.removeControl(this.#name);\r\n }\r\n\r\n onSelect = (item: T) => {\r\n if (item) {\r\n this.#selectedItem = item;\r\n if (typeof (item) === 'string' || typeof (item) === 'number') {\r\n if (this.formControl.value !== item) {\r\n this.formControl.setValue(item);\r\n this.modelChange.emit(item);\r\n this.sdChange.emit(item);\r\n }\r\n } else if (this.valueField && this.displayField) {\r\n const val = item?.[this.valueField] || null;\r\n if (this.formControl.value !== val) {\r\n this.formControl.setValue(val);\r\n this.modelChange.emit(val);\r\n this.sdChange.emit(item);\r\n }\r\n }\r\n this.inputControl.setValue('', {\r\n emitEvent: false\r\n });\r\n }\r\n }\r\n\r\n onFocus = () => {\r\n this.isFocused = true;\r\n this.inputControl.setValue('');\r\n // this.inputControl.updateValueAndValidity();\r\n }\r\n\r\n onBlur = () => {\r\n this.isFocused = false;\r\n this.inputControl.setValue('', {\r\n emitEvent: false\r\n });\r\n }\r\n\r\n onClick = () => {\r\n if (this.sdView?.templateRef) {\r\n if (!this.formControl.disabled && !this.isFocused) {\r\n this.focus();\r\n }\r\n }\r\n }\r\n\r\n blur = () => {\r\n this.input?.nativeElement?.blur();\r\n }\r\n\r\n focus = () => {\r\n this.isFocused = true;\r\n setTimeout(() => {\r\n this.autocompleteTrigger?.openPanel();\r\n this.input?.nativeElement?.focus();\r\n }, 100);\r\n }\r\n\r\n clear = ($event?: any) => {\r\n $event?.stopPropagation();\r\n this.inputControl?.setValue('');\r\n if (this.#model) {\r\n this.formControl.setValue(null);\r\n this.modelChange.emit(null);\r\n this.sdChange.emit(null);\r\n }\r\n }\r\n\r\n onAction = ($event: Event) => {\r\n $event?.stopPropagation();\r\n this.autocompleteTrigger?.closePanel();\r\n this.action.emit();\r\n }\r\n\r\n onAdd = ($event: Event) => {\r\n $event.stopPropagation();\r\n $event?.preventDefault();\r\n this.sdAdd.emit();\r\n }\r\n\r\n reValidate = () => {\r\n this.inputControl.updateValueAndValidity({ emitEvent: true });\r\n }\r\n\r\n #updateValidator = () => {\r\n this.formControl.clearValidators();\r\n this.formControl.clearAsyncValidators();\r\n const validators: ValidatorFn[] = [];\r\n const asyncValidators: AsyncValidatorFn[] = [];\r\n // const asyncValidators: AsyncValidatorFn[] = [];\r\n if (this.isRequired) {\r\n validators.push(Validators.required);\r\n }\r\n if (this.#validator) {\r\n asyncValidators.push(this.#customValidator(this.#validator));\r\n }\r\n this.formControl.setValidators(validators);\r\n this.formControl.setAsyncValidators(asyncValidators);\r\n this.formControl.updateValueAndValidity();\r\n }\r\n\r\n #customValidator = (func: (value: any, item?: T) => string | Promise<string>): AsyncValidatorFn => {\r\n return async (c: AbstractControl): Promise<{ [key: string]: any } | null> => {\r\n const value = c.value || null;\r\n if (func && typeof (func) === 'function') {\r\n\r\n const result = func(value, this.#selectedItem);\r\n if (result instanceof Promise) {\r\n const message = await result;\r\n if (message) {\r\n return {\r\n customValidator: message\r\n };\r\n }\r\n return null;\r\n }\r\n if (result) {\r\n return {\r\n customValidator: result\r\n };\r\n }\r\n return null;\r\n }\r\n return null;\r\n };\r\n }\r\n\r\n onCopyText = (event: MouseEvent) => {\r\n event?.stopPropagation();\r\n const text: string = this.#getCopyText();\r\n SdUtility.copyToClipboard(text);\r\n this.copied = true;\r\n setTimeout(() => {\r\n this.copied = false;\r\n this.ref.markForCheck();\r\n }, 2000)\r\n }\r\n\r\n #getCopyText = () => {\r\n const value: string = this.formControl.value;\r\n let text = value?.toString() ?? '';\r\n if (typeof this.copyText === 'function') {\r\n text = this.copyText(value, this.#selectedItem)\r\n }\r\n else if (this.copyText) {\r\n text = this.copyText;\r\n }\r\n return text;\r\n }\r\n}\r\n\r\ntype SearchFunc<T = any> = (searchText?: string, isFormValue?: boolean) => Promise<T[]> | Observable<T[]>;","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { SdAutocomplete } from './autocomplete.component';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdAutocompleteDisplayDefDirective } from './autocomplete-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { SdPopoverModule } from '@sd-angular/core/popover';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n MatInputModule,\r\n MatTooltipModule,\r\n MatFormFieldModule,\r\n MatAutocompleteModule,\r\n MatIconModule,\r\n MatProgressSpinnerModule,\r\n SdTranslateModule,\r\n SdCommonModule,\r\n SdPopoverModule\r\n ],\r\n declarations: [\r\n SdAutocomplete,\r\n SdAutocompleteDisplayDefDirective\r\n ],\r\n exports: [\r\n SdAutocomplete,\r\n SdAutocompleteDisplayDefDirective,\r\n SdCommonModule\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdAutocompleteModule {\r\n\r\n}\r\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/autocomplete/src/lib/autocomplete-display-def.directive.ts","../../../../projects/sd-core/autocomplete/src/lib/autocomplete.component.ts","../../../../projects/sd-core/autocomplete/src/lib/autocomplete.module.ts"],"names":["__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","e","rejected","result","done","then","apply","__generator","body","f","y","t","g","_","label","sent","trys","ops","verb","throw","return","Symbol","iterator","this","n","v","op","TypeError","call","pop","length","push","Object","create","__read","o","m","r","i","ar","error","__classPrivateFieldGet","receiver","state","kind","has","get","__classPrivateFieldSet","set","templateRef","Directive","args","selector","TemplateRef","SdAutocompleteErrotStateMatcher","formControl","prototype","isErrorState","control","form","isSubmitted","submitted","_a","invalid","_b","dirty","_c","touched","SdAutocomplete","ref","formConfig","_this","id","uuid.v4","_model","_delay","_name","loading","inputControl","SdFormControl","matcher","_form","_itemsChanges","BehaviorSubject","limit","hiddenAdd","action","EventEmitter","modelChange","sdChange","sdAdd","sdDbClick","isRequired","_validator","disableErrorMessage","_subscription","Subscription","isFocused","_selectedItem","_cache","_item","isTyping","copyable","copied","onSelect","item","setValue","emit","valueField","displayField","val","emitEvent","onFocus","onBlur","onClick","sdView","disabled","focus","blur","input","nativeElement","setTimeout","autocompleteTrigger","openPanel","clear","$event","stopPropagation","onAction","closePanel","onAdd","preventDefault","reValidate","updateValueAndValidity","_updateValidator","clearValidators","clearAsyncValidators","validators","asyncValidators","Validators","required","_customValidator","setValidators","setAsyncValidators","func","c","message","_d","customValidator","onCopyText","event","text","_getCopyText","SdUtility","copyToClipboard","markForCheck","toString","copyText","onDbClick","defineProperty","NgForm","qcId","hash","items","Array","isArray","filter","disable","enable","validator","ngOnInit","appearance","add","touchChanges","subscribe","markAsTouched","sdChanges","valueChanges","filteredItems","combineLatest","asObservable","pipe","debounceTime","switchMap","_e","searchText","search","paging","obs","key","checksum","cacheChecksum","undefined","defer","from","map","data","assign","toObject","catchError","of","finalize","selected","startWith","func_1","find","controlPlaceHolder","placeholder","ngAfterViewInit","addControl","ngOnDestroy","unsubscribe","removeControl","Component","template","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","Inject","FORM_CONFIG","type","Optional","ViewChild","MatAutocompleteTrigger","read","Input","ContentChild","SdAutocompleteDisplayDefDirective","SdLabelDefDirective","Output","SdViewDefDirective","NgModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatTooltipModule","MatFormFieldModule","MatAutocompleteModule","MatIconModule","MatProgressSpinnerModule","SdTranslateModule","SdCommonModule","SdPopoverModule","declarations","exports","providers"],"mappings":";;;;;;;;;;;;;;6FAqEgBA,EAAUC,EAASC,EAAYC,EAAGC,GAE9C,OAAO,IAAKD,IAAMA,EAAIE,WAAU,SAAUC,EAASC,GAC/C,SAASC,EAAUC,GAAS,IAAMC,EAAKN,EAAUO,KAAKF,IAAW,MAAOG,GAAKL,EAAOK,IACpF,SAASC,EAASJ,GAAS,IAAMC,EAAKN,EAAiB,MAAEK,IAAW,MAAOG,GAAKL,EAAOK,IACvF,SAASF,EAAKI,GAJlB,IAAeL,EAIaK,EAAOC,KAAOT,EAAQQ,EAAOL,QAJ1CA,EAIyDK,EAAOL,MAJhDA,aAAiBN,EAAIM,EAAQ,IAAIN,GAAE,SAAUG,GAAWA,EAAQG,OAITO,KAAKR,EAAWK,GAClGH,GAAMN,EAAYA,EAAUa,MAAMhB,EAASC,GAAc,KAAKS,oBAItDO,EAAYjB,EAASkB,GACjC,IAAsGC,EAAGC,EAAGC,EAAGC,EAA3GC,EAAI,CAAEC,MAAO,EAAGC,KAAM,WAAa,GAAW,EAAPJ,EAAE,GAAQ,MAAMA,EAAE,GAAI,OAAOA,EAAE,IAAOK,KAAM,GAAIC,IAAK,IAChG,OAAOL,EAAI,CAAEZ,KAAMkB,EAAK,GAAIC,MAASD,EAAK,GAAIE,OAAUF,EAAK,IAAwB,mBAAXG,SAA0BT,EAAES,OAAOC,UAAY,WAAa,OAAOC,OAAUX,EACvJ,SAASM,EAAKM,GAAK,OAAO,SAAUC,GAAK,OACzC,SAAcC,GACV,GAAIjB,EAAG,MAAM,IAAIkB,UAAU,mCAC3B,KAAOd,OACH,GAAIJ,EAAI,EAAGC,IAAMC,EAAY,EAARe,EAAG,GAAShB,EAAU,OAAIgB,EAAG,GAAKhB,EAAS,SAAOC,EAAID,EAAU,SAAMC,EAAEiB,KAAKlB,GAAI,GAAKA,EAAEV,SAAWW,EAAIA,EAAEiB,KAAKlB,EAAGgB,EAAG,KAAKtB,KAAM,OAAOO,EAE3J,OADID,EAAI,EAAGC,IAAGe,EAAK,CAAS,EAARA,EAAG,GAAQf,EAAEb,QACzB4B,EAAG,IACP,KAAK,EAAG,KAAK,EAAGf,EAAIe,EAAI,MACxB,KAAK,EAAc,OAAXb,EAAEC,QAAgB,CAAEhB,MAAO4B,EAAG,GAAItB,MAAM,GAChD,KAAK,EAAGS,EAAEC,QAASJ,EAAIgB,EAAG,GAAIA,EAAK,CAAC,GAAI,SACxC,KAAK,EAAGA,EAAKb,EAAEI,IAAIY,MAAOhB,EAAEG,KAAKa,MAAO,SACxC,QACI,KAAMlB,EAAIE,EAAEG,MAAML,EAAIA,EAAEmB,OAAS,GAAKnB,EAAEA,EAAEmB,OAAS,KAAkB,IAAVJ,EAAG,IAAsB,IAAVA,EAAG,IAAW,CAAEb,EAAI,EAAG,SACjG,GAAc,IAAVa,EAAG,MAAcf,GAAMe,EAAG,GAAKf,EAAE,IAAMe,EAAG,GAAKf,EAAE,IAAM,CAAEE,EAAEC,MAAQY,EAAG,GAAI,MAC9E,GAAc,IAAVA,EAAG,IAAYb,EAAEC,MAAQH,EAAE,GAAI,CAAEE,EAAEC,MAAQH,EAAE,GAAIA,EAAIe,EAAI,MAC7D,GAAIf,GAAKE,EAAEC,MAAQH,EAAE,GAAI,CAAEE,EAAEC,MAAQH,EAAE,GAAIE,EAAEI,IAAIc,KAAKL,GAAK,MACvDf,EAAE,IAAIE,EAAEI,IAAIY,MAChBhB,EAAEG,KAAKa,MAAO,SAEtBH,EAAKlB,EAAKoB,KAAKtC,EAASuB,GAC1B,MAAOZ,GAAKyB,EAAK,CAAC,EAAGzB,GAAIS,EAAI,UAAeD,EAAIE,EAAI,EACtD,GAAY,EAARe,EAAG,GAAQ,MAAMA,EAAG,GAAI,MAAO,CAAE5B,MAAO4B,EAAG,GAAKA,EAAG,QAAK,EAAQtB,MAAM,GArB9BL,CAAK,CAACyB,EAAGC,MAyBhCO,OAAOC,gBAwBpBC,EAAOC,EAAGX,GACtB,IAAIY,EAAsB,mBAAXf,QAAyBc,EAAEd,OAAOC,UACjD,IAAKc,EAAG,OAAOD,EACf,IAAmBE,EAAYpC,EAA3BqC,EAAIF,EAAER,KAAKO,GAAOI,EAAK,GAC3B,IACI,WAAc,IAANf,GAAgBA,KAAM,MAAQa,EAAIC,EAAEtC,QAAQI,MAAMmC,EAAGR,KAAKM,EAAEvC,OAExE,MAAO0C,GAASvC,EAAI,CAAEuC,MAAOA,WAEzB,IACQH,IAAMA,EAAEjC,OAASgC,EAAIE,EAAU,SAAIF,EAAER,KAAKU,WAExC,GAAIrC,EAAG,MAAMA,EAAEuC,OAE7B,OAAOD,EAgEcP,OAAOC,gBAkBhBQ,EAAuBC,EAAUC,EAAOC,EAAMnC,GAC1D,GAAa,MAATmC,IAAiBnC,EAAG,MAAM,IAAIkB,UAAU,iDAC5C,GAAqB,mBAAVgB,EAAuBD,IAAaC,IAAUlC,GAAKkC,EAAME,IAAIH,GAAW,MAAM,IAAIf,UAAU,4EACvG,MAAgB,MAATiB,EAAenC,EAAa,MAATmC,EAAenC,EAAEmB,KAAKc,GAAYjC,EAAIA,EAAEX,MAAQ6C,EAAMG,IAAIJ,YAGxEK,EAAuBL,EAAUC,EAAO7C,EAAO8C,EAAMnC,GACjE,GAAa,MAATmC,EAAc,MAAM,IAAIjB,UAAU,kCACtC,GAAa,MAATiB,IAAiBnC,EAAG,MAAM,IAAIkB,UAAU,iDAC5C,GAAqB,mBAAVgB,EAAuBD,IAAaC,IAAUlC,GAAKkC,EAAME,IAAIH,GAAW,MAAM,IAAIf,UAAU,2EACvG,MAAiB,MAATiB,EAAenC,EAAEmB,KAAKc,EAAU5C,GAASW,EAAIA,EAAEX,MAAQA,EAAQ6C,EAAMK,IAAIN,EAAU5C,GAASA,kCCvOtG,SAAmBmD,GAAA1B,KAAA0B,YAAAA,uBAJpBC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,0EAHQC,EAAAA,eC8BpB,IAAAC,EAAA,WACE,SAAAA,EAAoBC,GAAAhC,KAAAgC,YAAAA,SACpBD,EAAAE,UAAAC,aAAA,SAAaC,EAA6BC,aAClCC,EAAcD,GAAQA,EAAKE,UACjC,UAA0B,QAAhBC,EAAAvC,KAAKgC,mBAAW,IAAAO,OAAA,EAAAA,EAAEC,aAA4B,QAAhBC,EAAAzC,KAAKgC,mBAAW,IAAAS,OAAA,EAAAA,EAAEC,SAAyB,QAApBC,EAAI3C,KAAKgC,mBAAW,IAAAW,OAAA,EAAAA,EAAEC,UAAWP,OAJpG,gBA+IE,SAAAQ,EACUC,EACiCC,GAF3C,IAAAC,EAAAhD,KACUA,KAAA8C,IAAAA,EACiC9C,KAAA+C,WAAAA,EA7H3C/C,KAAAiD,GAAK,IAAIC,EAAAA,KACTC,EAAA1B,IAAAzB,UAAA,GAEAoD,EAAA3B,IAAAzB,KAAS,GACTqD,EAAA5B,IAAAzB,KAAQkD,EAAAA,MAORlD,KAAAsD,SAAU,EACVtD,KAAAuD,aAAe,IAAIC,EAAAA,cACnBxD,KAAAgC,YAAc,IAAIwB,EAAAA,cAClBxD,KAAAyD,QAAU,IAAI1B,EAAgC/B,KAAKgC,aAEnD0B,EAAAjC,IAAAzB,UAAA,GAuBA2D,EAAAlC,IAAAzB,KAAgB,IAAI4D,EAAAA,gBAAqC,KAahD5D,KAAA6D,MAAQ,IAYR7D,KAAA8D,WAAqB,EAMpB9D,KAAA+D,OAAS,IAAIC,EAAAA,aACbhE,KAAAiE,YAAc,IAAID,EAAAA,aAClBhE,KAAAkE,SAAW,IAAIF,EAAAA,aACfhE,KAAAmE,MAAQ,IAAIH,EAAAA,aACZhE,KAAAoE,UAAY,IAAIJ,EAAAA,aAY1BhE,KAAAqE,YAAa,EAKbC,EAAA7C,IAAAzB,UAAA,GAKAA,KAAAuE,qBAAsB,EAKtBC,EAAA/C,IAAAzB,KAAgB,IAAIyE,EAAAA,cAGpBzE,KAAA0E,WAAY,EAEZC,EAAAlD,IAAAzB,UAAA,GACA4E,EAAAnD,IAAAzB,KAEI,IACJ6E,EAAApD,IAAAzB,KAEI,IACJA,KAAA8E,UAAW,EAGX9E,KAAA+E,UAAW,EAIX/E,KAAAgF,QAAS,EA8HThF,KAAAiF,SAAW,SAACC,GACV,GAAIA,EAAM,CAER,GADA1D,EAAAwB,EAAI2B,EAAiBO,GACC,iBAAlB,GAAgD,iBAAlB,EAC5BlC,EAAKhB,YAAYzD,QAAU2G,IAC7BlC,EAAKhB,YAAYmD,SAASD,GAC1BlC,EAAKiB,YAAYmB,KAAKF,GACtBlC,EAAKkB,SAASkB,KAAKF,SAEhB,GAAIlC,EAAKqC,YAAcrC,EAAKsC,aAAc,CAC/C,IAAMC,GAAML,MAAAA,OAAI,EAAJA,EAAOlC,EAAKqC,cAAe,KACnCrC,EAAKhB,YAAYzD,QAAUgH,IAC7BvC,EAAKhB,YAAYmD,SAASI,GAC1BvC,EAAKiB,YAAYmB,KAAKG,GACtBvC,EAAKkB,SAASkB,KAAKF,IAGvBlC,EAAKO,aAAa4B,SAAS,GAAI,CAC7BK,WAAW,MAKjBxF,KAAAyF,QAAU,WACRzC,EAAK0B,WAAY,EACjB1B,EAAKO,aAAa4B,SAAS,KAI7BnF,KAAA0F,OAAS,WACP1C,EAAK0B,WAAY,EACjB1B,EAAKO,aAAa4B,SAAS,GAAI,CAC7BK,WAAW,KAIfxF,KAAA2F,QAAU,kBACO,QAAfpD,EAAIS,EAAK4C,cAAM,IAAArD,OAAA,EAAAA,EAAEb,eACVsB,EAAKhB,YAAY6D,UAAa7C,EAAK0B,WACtC1B,EAAK8C,UAKX9F,KAAA+F,KAAO,mBACoB,QAAzBtD,EAAU,QAAVF,EAAAS,EAAKgD,aAAK,IAAAzD,OAAA,EAAAA,EAAE0D,qBAAa,IAAAxD,GAAAA,EAAEsD,QAG7B/F,KAAA8F,MAAQ,WACN9C,EAAK0B,WAAY,EACjBwB,YAAW,qBACe,QAAxB3D,EAAAS,EAAKmD,2BAAmB,IAAA5D,GAAAA,EAAE6D,YACD,QAAzBzD,EAAU,QAAVF,EAAAO,EAAKgD,aAAK,IAAAvD,OAAA,EAAAA,EAAEwD,qBAAa,IAAAtD,GAAAA,EAAEmD,UAC1B,MAGL9F,KAAAqG,MAAQ,SAACC,SACPA,MAAAA,GAAAA,EAAQC,kBACS,QAAjBhE,EAAAS,EAAKO,oBAAY,IAAAhB,GAAAA,EAAE4C,SAAS,IAC5BjE,EAAA8B,EAAAG,KACEH,EAAKhB,YAAYmD,SAAS,MAC1BnC,EAAKiB,YAAYmB,KAAK,MACtBpC,EAAKkB,SAASkB,KAAK,QAIvBpF,KAAAwG,SAAW,SAACF,SACVA,MAAAA,GAAAA,EAAQC,kBACgB,QAAxBhE,EAAAS,EAAKmD,2BAAmB,IAAA5D,GAAAA,EAAEkE,aAC1BzD,EAAKe,OAAOqB,QAGdpF,KAAA0G,MAAQ,SAACJ,GACPA,EAAOC,kBACPD,MAAAA,GAAAA,EAAQK,iBACR3D,EAAKmB,MAAMiB,QAGbpF,KAAA4G,WAAa,WACX5D,EAAKO,aAAasD,uBAAuB,CAAErB,WAAW,KAGxDsB,EAAArF,IAAAzB,MAAmB,WACjBgD,EAAKhB,YAAY+E,kBACjB/D,EAAKhB,YAAYgF,uBACjB,IAAMC,EAA4B,GAC5BC,EAAsC,GAExClE,EAAKqB,YACP4C,EAAWzG,KAAK2G,EAAAA,WAAWC,UAE7BlG,EAAA8B,EAAAsB,IACE4C,EAAgB1G,KAAKU,EAAA8B,EAAAqE,GAAAhH,KAAA2C,EAAI9B,EAAA8B,EAAAsB,KAE3BtB,EAAKhB,YAAYsF,cAAcL,GAC/BjE,EAAKhB,YAAYuF,mBAAmBL,GACpClE,EAAKhB,YAAY6E,4BAGnBQ,EAAA5F,IAAAzB,MAAmB,SAACwH,GAClB,OAAO,SAAOC,GAAkB,OAAA3J,EAAAkF,OAAA,OAAA,GAAA,8EACxBzE,EAAQkJ,EAAElJ,OAAS,KACrBiJ,GAA0B,mBAAlB,GAEJ5I,EAAS4I,EAAKjJ,EAAK2C,EAAAlB,KAAA2E,eACHxG,QACJ,CAAA,EAAMS,GADpB,CAAA,EAAA,GAHF,CAAA,EAAA,UAKA,OADM8I,EAAUC,EAAAnI,QAEd,CAAA,EAAO,CACLoI,gBAAiBF,IAGrB,CAAA,EAAO,aAET,OAAI9I,EACF,CAAA,EAAO,CACLgJ,gBAAiBhJ,IAGrB,CAAA,EAAO,aAET,MAAA,CAAA,EAAO,iBAIXoB,KAAA6H,WAAa,SAACC,GACZA,MAAAA,GAAAA,EAAOvB,kBACP,IAAMwB,EAAe7G,EAAA8B,EAAAgF,GAAA3H,KAAA2C,GACrBiF,UAAUC,gBAAgBH,GAC1B/E,EAAKgC,QAAS,EACdkB,YAAW,WACTlD,EAAKgC,QAAS,EACdhC,EAAKF,IAAIqF,iBACR,MAGLH,EAAAvG,IAAAzB,MAAe,iBACPzB,EAAgByE,EAAKhB,YAAYzD,MACnCwJ,EAAsB,QAAlBxF,EAAGhE,MAAAA,OAAK,EAALA,EAAO6J,kBAAQ,IAAA7F,EAAAA,EAAM,GAOhC,MAN6B,mBAAlBS,EAAKqF,SACdN,EAAO/E,EAAKqF,SAAS9J,EAAK2C,EAAA8B,EAAA2B,IAEnB3B,EAAKqF,WACZN,EAAO/E,EAAKqF,UAEPN,KAGT/H,KAAAsI,UAAY,SAACR,EAAc5C,GACzB4C,MAAAA,GAAAA,EAAOnB,iBACPmB,MAAAA,GAAAA,EAAOvB,kBACPvD,EAAKoB,UAAUgB,KAAKF,WAxYtBzE,OAAA8H,eAAa1F,EAAAZ,UAAA,OAAI,KAAjB,SAAkBsD,GACZA,GACF/D,EAAAxB,KAAIqD,EAASkC,oCAUjB9E,OAAA8H,eAAa1F,EAAAZ,UAAA,OAAI,KAAjB,SAAkBsD,GACZA,IACEA,aAAeiD,EAAAA,OACjBhH,EAAAxB,KAAI0D,EAAS6B,EAAInD,MAEjBZ,EAAAxB,KAAI0D,EAAS6B,qCAMnB9E,OAAA8H,eAAoB1F,EAAAZ,UAAA,SAAM,KAA1B,SAA2BsD,GACzBvF,KAAKT,MAAQgG,EACbvF,KAAKyI,KAAOC,EAAAA,QAAK,CACf7G,SAAU,kBACVtC,MAAOgG,qCAQX9E,OAAA8H,eAAa1F,EAAAZ,UAAA,QAAK,KAAlB,SAAmB0G,GACZA,EAEMC,MAAMC,QAAQF,GACvBzH,EAAAlB,KAAA2D,GAAmBlF,KAAKkK,EAAMG,QAAO,SAAApK,GAAK,OAAAA,MAAAA,OAE1CwC,EAAAlB,KAAA2D,GAAmBlF,KAAKkK,GACxBnH,EAAAxB,KAAIoD,EAAU,MALdlC,EAAAlB,KAAA2D,GAAmBlF,KAAK,IAO1BuB,KAAKgC,YAAY6E,0DASnBpG,OAAA8H,eAAa1F,EAAAZ,UAAA,QAAK,KAAlB,SAAmB1D,GACb2C,EAAAlB,KAAAmD,KAAgB5E,IAClBiD,EAAAxB,KAAImD,EAAU5E,GACdyB,KAAKgC,YAAYmD,SAAS5G,qCAe9BkC,OAAA8H,eAAa1F,EAAAZ,UAAA,WAAQ,KAArB,SAAsBsD,IACpBA,EAAe,KAARA,GAAeA,IAEpBvF,KAAKuD,aAAawF,UAClB/I,KAAKgC,YAAY+G,YAEjB/I,KAAKuD,aAAayF,SAClBhJ,KAAKgC,YAAYgH,2CAIrBvI,OAAA8H,eAAa1F,EAAAZ,UAAA,WAAQ,KAArB,SAAsBsD,GACpBvF,KAAKqE,WAAsB,KAARkB,GAAeA,EAClCrE,EAAAlB,KAAA8G,GAAAzG,KAAAL,uCAGFS,OAAA8H,eAAa1F,EAAAZ,UAAA,YAAS,KAAtB,SAAuBgH,GACrBzH,EAAAxB,KAAIsE,EAAc2E,GAClB/H,EAAAlB,KAAA8G,GAAAzG,KAAAL,uCAGFS,OAAA8H,eAAkC1F,EAAAZ,UAAA,uBAAoB,KAAtD,SAAuDsD,GACrDvF,KAAKuE,oBAA+B,KAARgB,GAAeA,EAC3CA,EAAe,KAARA,GAAeA,mCAkBxB9E,OAAA8H,eAAuB1F,EAAAZ,UAAA,YAAS,KAAhC,SAAiCsD,GAC/BvF,KAAK+E,SAAoB,KAARQ,GAAeA,mCAUlC1C,EAAAZ,UAAAiH,SAAA,WAAA,MAAAlG,EAAAhD,KACEA,KAAKmJ,WAAanJ,KAAKmJ,aAA6B,QAAnB5G,EAAIvC,KAAK+C,kBAAU,IAAAR,OAAA,EAAAA,EAAE4G,YACtDjI,EAAAlB,KAAAwE,GAAmB4E,IAAIpJ,KAAKuD,aAAa8F,aAAaC,WAAU,WAC9DtG,EAAKhB,YAAYuH,gBACjBvG,EAAKF,IAAIqF,mBAEXjH,EAAAlB,KAAAwE,GAAmB4E,IAAIpJ,KAAKgC,YAAYwH,UAAUF,WAAU,WAC1DtG,EAAKF,IAAIqF,mBAEXjH,EAAAlB,KAAAwE,GAAmB4E,IAAIpJ,KAAKuD,aAAaiG,UAAUF,WAAU,WAC3DtG,EAAKF,IAAIqF,mBAEXjH,EAAAlB,KAAAwE,GAAmB4E,IAAIpJ,KAAKuD,aAAakG,aAAaH,WAAU,WAC9DtG,EAAK8B,UAAW,MAElB9E,KAAK0J,cAAgBC,EAAAA,cAAc,CACjCzI,EAAAlB,KAAA2D,GAAmBiG,eACnB5J,KAAKuD,aAAakG,aAAaI,KAAKC,EAAAA,aAAY5I,EAAAlB,KAAAoD,OAAiByG,KAC/DE,EAAAA,WAAU,SAACpC,SAAAqC,EAAArJ,EAAAgH,EAAA,GAACgB,EAAKqB,EAAA,GAAEC,EAAUD,EAAA,GAG3B,GAFAhH,EAAK8B,UAAW,EAChBmF,EAAaA,GAAc,GACJ,mBAAnB,EACF,OAAOtB,EACJuB,OAAOD,EAAY,CAACjH,EAAKqC,WAAYrC,EAAKsC,eAC1C6E,OAAOnH,EAAKa,OACZ+F,eAEL,IAUIQ,EAVEC,EAAM3B,EAAAA,QAAK,CACf4B,SAAUtH,EAAKuH,eAAiB,KAChCN,WAAUA,IAEZ,QAAyBO,IAArBtJ,EAAA8B,EAAA4B,GAAYyF,GAId,OAHqB,QAAjB9H,EAACrB,EAAA8B,EAAA4B,GAAYyF,UAAI,IAAA9H,OAAA,EAAAA,EAAEhC,UACrByC,EAAK8B,UAAW,GAEX5D,EAAA8B,EAAA4B,GAAYyF,GAAKT,eAG1B,IAAMpC,EAAOmB,EAAMsB,GAAY,GAQ/B,OANEG,EADE5C,aAAgBrJ,QACZsM,EAAAA,OAAM,WAAM,OAAAC,EAAAA,KAAKlD,MAEjBA,EAERxE,EAAKM,SAAU,EACfN,EAAKF,IAAIqF,eACFiC,EAAIP,KAAKc,EAAAA,KAAI,SAAAC,GAGlB,OAFA1J,EAAA8B,EAAA4B,GAAYyF,GAAOO,GAAQ,GAC3BnK,OAAOoK,OAAM3J,EAAA8B,EAAA6B,GAAa+D,MAAMkC,SAAS5J,EAAA8B,EAAA4B,GAAYyF,GAAMrH,EAAKqC,aACzDnE,EAAA8B,EAAA4B,GAAYyF,MACjBU,EAAAA,YAAW,WAAM,OAAAC,EAAAA,GAAG,OACpBC,EAAAA,UAAS,WACTjI,EAAKM,SAAU,EACfN,EAAKF,IAAIqF,uBAInBnI,KAAKkL,SAAWvB,EAAAA,cAAc,CAC5BzI,EAAAlB,KAAA2D,GAAmBiG,eACnB5J,KAAKgC,YAAYyH,aAAaI,KAAKsB,EAAAA,UAAUnL,KAAKgC,YAAYzD,UAC7DsL,KACCE,EAAAA,WAAU,SAACpC,OAACgB,EAADhI,EAAAgH,EAAA,GAAM,GAGTpC,EAAMvC,EAAKhB,YAAYzD,MAC7B,IAAKyE,EAAKqC,WACR,OAAO2F,EAAAA,GAAGzF,GAEZ,GAAIA,GAAe,IAARA,EAAW,CACpB,GAAuB,mBAAnB,EAA+B,CACjC,GAAIrE,EAAA8B,EAAA6B,GAAWU,GACb,OAAOyF,EAAAA,GAAG9J,EAAA8B,EAAA6B,GAAWU,IAEvB,IACM6F,EAAOzC,EAAMpD,GAAK,GAMxB,OALI6F,aAAgBjN,QACZsM,EAAAA,OAAM,WAAM,OAAAC,EAAAA,KAAKU,MAEjBA,GAEGvB,KAAKc,EAAAA,KAAI,SAAAC,SAElB,OADAnK,OAAOoK,OAAM3J,EAAA8B,EAAA6B,GAAa+D,MAAMkC,SAASF,EAAM5H,EAAKqC,aAC7CnE,EAAA8B,EAAA6B,GAAWU,MAAIoC,EAAA,IACnB3E,EAAKqC,YAAaE,EACnBoC,EAAC3E,EAAKsC,cAAeC,QAErBwF,EAAAA,YAAW,iBACb,OAAOC,EAAAA,KAAErD,EAAA,IACN3E,EAAKqC,YAAaE,EACnBoC,EAAC3E,EAAKsC,cAAeC,SAErB0F,EAAAA,UAAS,WACXjI,EAAKM,SAAU,EACfN,EAAKF,IAAIqF,mBAGb,OAAO6C,EAAAA,GAAGrC,EAAM0C,MAAK,SAAA3M,GAAK,OAAAA,EAAEsE,EAAKqC,cAAgBE,MAEnD,OAAOyF,EAAAA,GAAG,QAGhBhL,KAAKsL,mBAAqBtL,KAAKkL,SAASrB,KACtCc,EAAAA,KAAI,SAAAzF,aAEF,OADA1D,EAAAwB,EAAI2B,EAAiBO,GACuC,QAA5DvC,EAAwC,QAAxCF,EAA+B,QAA/BF,EAAO2C,MAAAA,OAAI,EAAJA,EAAOlC,EAAKsC,qBAAY,IAAA/C,EAAAA,EAAK2C,SAAI,IAAAzC,EAAAA,EAAIO,EAAKuI,mBAAW,IAAA5I,EAAAA,EAAKK,EAAKmG,WAAanG,EAAKzD,MAAQ,QAKtGsD,EAAAZ,UAAAuJ,gBAAA,iBACE,QAAAjJ,EAAArB,EAAAlB,KAAA0D,UAAA,IAAAnB,GAAAA,EAAYkJ,WAAUvK,EAAAlB,KAAAqD,GAAarD,KAAKgC,cAG1Ca,EAAAZ,UAAAyJ,YAAA,iBACExK,EAAAlB,KAAAwE,GAAmBmH,cACnB,QAAApJ,EAAArB,EAAAlB,KAAA0D,UAAA,IAAAnB,GAAAA,EAAYqJ,cAAa1K,EAAAlB,KAAAqD,oNA/P5BwI,EAAAA,UAASjK,KAAA,CAAC,CACTC,SAAU,kBACViK,SAAA,yqKAEAC,gBAAiBC,EAAAA,wBAAwBC,qsDAjCzCC,EAAAA,kDAsKGC,EAAAA,OAAMvK,KAAA,CAACwK,EAAAA,cAAW,CAAAC,KAAGC,EAAAA,2DA9HvBC,EAAAA,UAAS3K,KAAA,CAAC4K,EAAAA,uBAAwB,CAAEC,KAAMD,EAAAA,uCAM1CE,EAAAA,0BAKAA,EAAAA,oBAKAA,EAAAA,oBAEAA,EAAAA,sBAWAA,EAAAA,MAAK9K,KAAA,CAAC,6BAON8K,EAAAA,4BACAA,EAAAA,2BACAA,EAAAA,qBAGAA,EAAAA,qBAYAA,EAAAA,6BAGAA,EAAAA,qBAGAA,EAAAA,yBAMAA,EAAAA,sCAEAC,EAAAA,aAAY/K,KAAA,CAACgL,uBACbD,EAAAA,aAAY/K,KAAA,CAACiL,EAAAA,yCAEbH,EAAAA,sBACAI,EAAAA,4BACAA,EAAAA,yBACAA,EAAAA,sBACAA,EAAAA,0BACAA,EAAAA,yBAEAJ,EAAAA,wBAWAA,EAAAA,yBAKAA,EAAAA,oCAKAA,EAAAA,MAAK9K,KAAA,CAAC,sCAKN2K,EAAAA,UAAS3K,KAAA,CAAC,yBACV+K,EAAAA,aAAY/K,KAAA,CAACmL,EAAAA,yCAYbR,EAAAA,UAAS3K,KAAA,CAAC,kCAEV8K,EAAAA,MAAK9K,KAAA,CAAC,8BAIN8K,EAAAA,eCjIH,iCA3BCM,EAAAA,SAAQpL,KAAA,CAAC,CACRqL,QAAS,CACPC,EAAAA,aACAC,EAAAA,YACAC,EAAAA,oBACAC,EAAAA,eACAC,EAAAA,iBACAC,EAAAA,mBACAC,EAAAA,sBACAC,EAAAA,cACAC,EAAAA,yBACAC,EAAAA,kBACAC,EAAAA,eACAC,EAAAA,iBAEFC,aAAc,CACZjL,EACA+J,GAEFmB,QAAS,CACPlL,EACA+J,EACAgB,EAAAA,gBAEFI,UAAW","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[sdAutocompleteDisplayDef]'\r\n})\r\nexport class SdAutocompleteDisplayDefDirective {\r\n constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import {\r\n Component,\r\n Input,\r\n ViewChild,\r\n Output,\r\n EventEmitter,\r\n OnInit,\r\n OnDestroy,\r\n AfterViewInit,\r\n ChangeDetectorRef,\r\n ContentChild,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n Inject,\r\n Optional\r\n} from '@angular/core';\r\nimport { startWith, switchMap, debounceTime, map, finalize, catchError } from 'rxjs/operators';\r\n\r\nimport * as uuid from 'uuid';\r\nimport hash from 'object-hash';\r\nimport { FormControl, NgForm, Validators, FormGroupDirective, FormGroup, ValidatorFn, AsyncValidatorFn, AbstractControl } from '@angular/forms';\r\nimport { BehaviorSubject, combineLatest, defer, from, Observable, of, Subscription } from 'rxjs';\r\nimport { ErrorStateMatcher } from '@angular/material/core';\r\nimport { SdAutocompleteDisplayDefDirective } from './autocomplete-display-def.directive';\r\nimport { MatAutocompleteTrigger } from '@angular/material/autocomplete';\r\nimport { FORM_CONFIG, IFormConfiguration, SdFormControl, SdViewDefDirective } from '@sd-angular/core/common';\r\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\r\nimport { SdLabelDefDirective } from '@sd-angular/core/common';\r\nimport { MatTooltip } from '@angular/material/tooltip';\r\n\r\nclass SdAutocompleteErrotStateMatcher implements ErrorStateMatcher {\r\n constructor(private formControl: FormControl) { }\r\n isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\r\n const isSubmitted = form && form.submitted;\r\n return !!(this.formControl?.invalid && (this.formControl?.dirty || this.formControl?.touched || isSubmitted));\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'sd-autocomplete',\r\n templateUrl: './autocomplete.component.html',\r\n styleUrls: ['./autocomplete.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdAutocomplete<T = any> implements OnInit, OnDestroy, AfterViewInit {\r\n // @Input() set key(value: any) {\r\n // this.#cache = {};\r\n // this.#item = {};\r\n // }\r\n @ViewChild(MatAutocompleteTrigger, { read: MatAutocompleteTrigger }) autocompleteTrigger: MatAutocompleteTrigger;\r\n id = `I${uuid.v4()}`;\r\n #model: string | number;\r\n\r\n #delay = 0; // Sau khoảng thời gian delay nếu không có thay đổi thì thì mới bắt đầu thực hiện gọi hàm\r\n #name = uuid.v4();\r\n @Input() set name(val: string) {\r\n if (val) {\r\n this.#name = val;\r\n }\r\n }\r\n @Input() appearance: MatFormFieldAppearance;\r\n loading = false;\r\n inputControl = new SdFormControl();\r\n formControl = new SdFormControl();\r\n matcher = new SdAutocompleteErrotStateMatcher(this.formControl);\r\n @Input() size: 'sm' | 'lg';\r\n #form: FormGroup;\r\n @Input() set form(val: NgForm | FormGroup) {\r\n if (val) {\r\n if (val instanceof NgForm) {\r\n this.#form = val.form;\r\n } else {\r\n this.#form = val;\r\n }\r\n }\r\n }\r\n qcId: string;\r\n label: string;\r\n @Input('label') set _label(val: string) {\r\n this.label = val;\r\n this.qcId = hash({\r\n selector: 'sd-autocomplete',\r\n label: val\r\n });\r\n };\r\n @Input() valueField: string;\r\n @Input() displayField: string;\r\n @Input() placeholder: string;\r\n\r\n #itemsChanges = new BehaviorSubject<T[] | SearchFunc<T>>([]);\r\n @Input() set items(items: undefined | T[] | SearchFunc<T>) {\r\n if (!items) {\r\n this.#itemsChanges.next([]);\r\n } else if (Array.isArray(items)) {\r\n this.#itemsChanges.next(items.filter(e => e !== null && e !== undefined));\r\n } else {\r\n this.#itemsChanges.next(items);\r\n this.#delay = 500;\r\n }\r\n this.formControl.updateValueAndValidity();\r\n }\r\n\r\n @Input() limit = 100;\r\n filteredItems: Observable<any[]>;\r\n\r\n @Input() cacheChecksum: any;\r\n\r\n controlPlaceHolder: Observable<string | number>;\r\n @Input() set model(value: undefined | number | string) {\r\n if (this.#model !== value) {\r\n this.#model = value;\r\n this.formControl.setValue(value);\r\n }\r\n }\r\n @Input() hiddenAdd: boolean = false;\r\n\r\n @ContentChild(SdAutocompleteDisplayDefDirective) autocompleteDisplayDef: SdAutocompleteDisplayDefDirective;\r\n @ContentChild(SdLabelDefDirective) sdLabelDef: SdLabelDefDirective;\r\n\r\n @Input() actionIcon: string;\r\n @Output() action = new EventEmitter();\r\n @Output() modelChange = new EventEmitter();\r\n @Output() sdChange = new EventEmitter();\r\n @Output() sdAdd = new EventEmitter();\r\n @Output() sdDbClick = new EventEmitter<T>();\r\n // Optional\r\n @Input() set disabled(val: boolean | '') {\r\n val = (val === '') || val;\r\n if (val) {\r\n this.inputControl.disable();\r\n this.formControl.disable();\r\n } else {\r\n this.inputControl.enable();\r\n this.formControl.enable();\r\n }\r\n }\r\n isRequired = false;\r\n @Input() set required(val: boolean | '') {\r\n this.isRequired = (val === '') || val;\r\n this.#updateValidator();\r\n }\r\n #validator: (value: any, selectedItem?: T) => string | Promise<string>;\r\n @Input() set validator(validator: (value: any, selectedItem?: T) => string | Promise<string>) {\r\n this.#validator = validator;\r\n this.#updateValidator();\r\n }\r\n disableErrorMessage = false;\r\n @Input('disableErrorMessage') set _disableErrorMessage(val: boolean | '') {\r\n this.disableErrorMessage = (val === '') || val;\r\n val = (val === '') || val;\r\n }\r\n #subscription = new Subscription();\r\n @ViewChild('input') input: ElementRef;\r\n @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n isFocused = false;\r\n selected: Observable<T>;\r\n #selectedItem: T;\r\n #cache: {\r\n [key: string]: T[]\r\n } = {};\r\n #item: {\r\n [key: string]: T\r\n } = {};\r\n isTyping = false;\r\n\r\n @ViewChild('copyTooltip') copyTooltip: MatTooltip;\r\n copyable = false;\r\n @Input('copyable') set _copyable(val: boolean | '') {\r\n this.copyable = (val === '') || val;\r\n }\r\n copied = false;\r\n @Input() copyText: ((value: string, item: T) => string) | string;\r\n\r\n constructor(\r\n private ref: ChangeDetectorRef,\r\n @Inject(FORM_CONFIG) @Optional() private formConfig: IFormConfiguration) {\r\n }\r\n\r\n ngOnInit() {\r\n this.appearance = this.appearance || this.formConfig?.appearance;\r\n this.#subscription.add(this.inputControl.touchChanges.subscribe(() => {\r\n this.formControl.markAsTouched();\r\n this.ref.markForCheck();\r\n }));\r\n this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n this.ref.markForCheck();\r\n }));\r\n this.#subscription.add(this.inputControl.sdChanges.subscribe(() => {\r\n this.ref.markForCheck();\r\n }));\r\n this.#subscription.add(this.inputControl.valueChanges.subscribe(() => {\r\n this.isTyping = true;\r\n }));\r\n this.filteredItems = combineLatest([\r\n this.#itemsChanges.asObservable(),\r\n this.inputControl.valueChanges.pipe(debounceTime(this.#delay))]).pipe(\r\n switchMap(([items, searchText]) => {\r\n this.isTyping = false;\r\n searchText = searchText || '';\r\n if (typeof (items) !== 'function') {\r\n return items\r\n .search(searchText, [this.valueField, this.displayField])\r\n .paging(this.limit)\r\n .asObservable();\r\n }\r\n const key = hash({\r\n checksum: this.cacheChecksum || null,\r\n searchText\r\n });\r\n if (this.#cache[key] !== undefined) {\r\n if (!this.#cache[key]?.length) {\r\n this.isTyping = true;\r\n }\r\n return this.#cache[key].asObservable();\r\n }\r\n let obs: Observable<T[]>;\r\n const func = items(searchText, false);\r\n if (func instanceof Promise) {\r\n obs = defer(() => from(func));\r\n } else {\r\n obs = func;\r\n }\r\n this.loading = true;\r\n this.ref.markForCheck();\r\n return obs.pipe(map(data => {\r\n this.#cache[key] = data || [];\r\n Object.assign(this.#item, Array.toObject(this.#cache[key], this.valueField));\r\n return this.#cache[key];\r\n }), catchError(() => of([]))\r\n , finalize(() => {\r\n this.loading = false;\r\n this.ref.markForCheck();\r\n }));\r\n })\r\n );\r\n this.selected = combineLatest([\r\n this.#itemsChanges.asObservable(),\r\n this.formControl.valueChanges.pipe(startWith(this.formControl.value))])\r\n .pipe(\r\n switchMap(([items]) => {\r\n // Vì một số lý do chưa xác định mà khi sử dụng sdViewDef thì khi chuyển sang dạng view sẽ trigger val = null\r\n // Nhưng formControl.value vẫn có giá trị đúng nên thực hiện gán val = this.formControl.value;\r\n const val = this.formControl.value;\r\n if (!this.valueField) {\r\n return of(val);\r\n }\r\n if (val || val === 0) {\r\n if (typeof (items) === 'function') {\r\n if (this.#item[val]) {\r\n return of(this.#item[val]);\r\n }\r\n let obs: Observable<T[]>;\r\n const func = items(val, true);\r\n if (func instanceof Promise) {\r\n obs = defer(() => from(func));\r\n } else {\r\n obs = func;\r\n }\r\n return obs.pipe(map(data => {\r\n Object.assign(this.#item, Array.toObject(data, this.valueField));\r\n return this.#item[val] || {\r\n [this.valueField]: val,\r\n [this.displayField]: val\r\n };\r\n }), catchError(() => {\r\n return of({\r\n [this.valueField]: val,\r\n [this.displayField]: val\r\n });\r\n }), finalize(() => {\r\n this.loading = false;\r\n this.ref.markForCheck();\r\n }));\r\n }\r\n return of(items.find(e => e[this.valueField] === val));\r\n }\r\n return of('');\r\n })\r\n );\r\n this.controlPlaceHolder = this.selected.pipe(\r\n map(item => {\r\n this.#selectedItem = item;\r\n return item?.[this.displayField] ?? item ?? this.placeholder ?? (this.appearance ? this.label : '')\r\n })\r\n );\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.#form?.addControl(this.#name, this.formControl);\r\n }\r\n\r\n ngOnDestroy() {\r\n this.#subscription.unsubscribe();\r\n this.#form?.removeControl(this.#name);\r\n }\r\n\r\n onSelect = (item: T) => {\r\n if (item) {\r\n this.#selectedItem = item;\r\n if (typeof (item) === 'string' || typeof (item) === 'number') {\r\n if (this.formControl.value !== item) {\r\n this.formControl.setValue(item);\r\n this.modelChange.emit(item);\r\n this.sdChange.emit(item);\r\n }\r\n } else if (this.valueField && this.displayField) {\r\n const val = item?.[this.valueField] || null;\r\n if (this.formControl.value !== val) {\r\n this.formControl.setValue(val);\r\n this.modelChange.emit(val);\r\n this.sdChange.emit(item);\r\n }\r\n }\r\n this.inputControl.setValue('', {\r\n emitEvent: false\r\n });\r\n }\r\n }\r\n\r\n onFocus = () => {\r\n this.isFocused = true;\r\n this.inputControl.setValue('');\r\n // this.inputControl.updateValueAndValidity();\r\n }\r\n\r\n onBlur = () => {\r\n this.isFocused = false;\r\n this.inputControl.setValue('', {\r\n emitEvent: false\r\n });\r\n }\r\n\r\n onClick = () => {\r\n if (this.sdView?.templateRef) {\r\n if (!this.formControl.disabled && !this.isFocused) {\r\n this.focus();\r\n }\r\n }\r\n }\r\n\r\n blur = () => {\r\n this.input?.nativeElement?.blur();\r\n }\r\n\r\n focus = () => {\r\n this.isFocused = true;\r\n setTimeout(() => {\r\n this.autocompleteTrigger?.openPanel();\r\n this.input?.nativeElement?.focus();\r\n }, 100);\r\n }\r\n\r\n clear = ($event?: any) => {\r\n $event?.stopPropagation();\r\n this.inputControl?.setValue('');\r\n if (this.#model) {\r\n this.formControl.setValue(null);\r\n this.modelChange.emit(null);\r\n this.sdChange.emit(null);\r\n }\r\n }\r\n\r\n onAction = ($event: Event) => {\r\n $event?.stopPropagation();\r\n this.autocompleteTrigger?.closePanel();\r\n this.action.emit();\r\n }\r\n\r\n onAdd = ($event: Event) => {\r\n $event.stopPropagation();\r\n $event?.preventDefault();\r\n this.sdAdd.emit();\r\n }\r\n\r\n reValidate = () => {\r\n this.inputControl.updateValueAndValidity({ emitEvent: true });\r\n }\r\n\r\n #updateValidator = () => {\r\n this.formControl.clearValidators();\r\n this.formControl.clearAsyncValidators();\r\n const validators: ValidatorFn[] = [];\r\n const asyncValidators: AsyncValidatorFn[] = [];\r\n // const asyncValidators: AsyncValidatorFn[] = [];\r\n if (this.isRequired) {\r\n validators.push(Validators.required);\r\n }\r\n if (this.#validator) {\r\n asyncValidators.push(this.#customValidator(this.#validator));\r\n }\r\n this.formControl.setValidators(validators);\r\n this.formControl.setAsyncValidators(asyncValidators);\r\n this.formControl.updateValueAndValidity();\r\n }\r\n\r\n #customValidator = (func: (value: any, item?: T) => string | Promise<string>): AsyncValidatorFn => {\r\n return async (c: AbstractControl): Promise<{ [key: string]: any } | null> => {\r\n const value = c.value || null;\r\n if (func && typeof (func) === 'function') {\r\n\r\n const result = func(value, this.#selectedItem);\r\n if (result instanceof Promise) {\r\n const message = await result;\r\n if (message) {\r\n return {\r\n customValidator: message\r\n };\r\n }\r\n return null;\r\n }\r\n if (result) {\r\n return {\r\n customValidator: result\r\n };\r\n }\r\n return null;\r\n }\r\n return null;\r\n };\r\n }\r\n\r\n onCopyText = (event: MouseEvent) => {\r\n event?.stopPropagation();\r\n const text: string = this.#getCopyText();\r\n SdUtility.copyToClipboard(text);\r\n this.copied = true;\r\n setTimeout(() => {\r\n this.copied = false;\r\n this.ref.markForCheck();\r\n }, 2000)\r\n }\r\n\r\n #getCopyText = () => {\r\n const value: string = this.formControl.value;\r\n let text = value?.toString() ?? '';\r\n if (typeof this.copyText === 'function') {\r\n text = this.copyText(value, this.#selectedItem)\r\n }\r\n else if (this.copyText) {\r\n text = this.copyText;\r\n }\r\n return text;\r\n }\r\n\r\n onDbClick = (event: Event, item: T) => {\r\n event?.preventDefault();\r\n event?.stopPropagation();\r\n this.sdDbClick.emit(item);\r\n }\r\n}\r\n\r\ntype SearchFunc<T = any> = (searchText?: string, isFormValue?: boolean) => Promise<T[]> | Observable<T[]>;","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { SdAutocomplete } from './autocomplete.component';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdAutocompleteDisplayDefDirective } from './autocomplete-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { SdPopoverModule } from '@sd-angular/core/popover';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n MatInputModule,\r\n MatTooltipModule,\r\n MatFormFieldModule,\r\n MatAutocompleteModule,\r\n MatIconModule,\r\n MatProgressSpinnerModule,\r\n SdTranslateModule,\r\n SdCommonModule,\r\n SdPopoverModule\r\n ],\r\n declarations: [\r\n SdAutocomplete,\r\n SdAutocompleteDisplayDefDirective\r\n ],\r\n exports: [\r\n SdAutocomplete,\r\n SdAutocompleteDisplayDefDirective,\r\n SdCommonModule\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdAutocompleteModule {\r\n\r\n}\r\n"]}
|
|
@@ -598,9 +598,9 @@
|
|
|
598
598
|
SdGridFilter.decorators = [
|
|
599
599
|
{ type: core.Component, args: [{
|
|
600
600
|
selector: 'sd-grid-filter',
|
|
601
|
-
template: "<ng-container *ngIf=\"!filter?.disabled\">\r\n <ng-container *ngIf=\"filter?.enableCollapse;else noCollapse\">\r\n <sd-group class=\"p-12\" [isExpanded]=\"false\" title=\"T\u00ECm ki\u1EBFm\" expandable>\r\n <div sdGroupBody>\r\n <ng-container *ngTemplateOutlet=\"noCollapse\"></ng-container>\r\n </div>\r\n </sd-group>\r\n </ng-container>\r\n <ng-template #noCollapse>\r\n <div\r\n *ngIf=\"!isMobileOrTablet && ((columns?.length && !filter?.inlineColumn) || externalFilters?.length || filterDefs?.length)\"\r\n class=\"row mx-0\">\r\n <ng-container *ngIf=\"filter?.sorts?.length\">\r\n <ng-container *ngFor=\"let field of filter?.sorts\">\r\n <ng-container *ngIf=\"columns?.length && !filter?.inlineColumn\">\r\n <ng-container *ngFor=\"let item of columns | sdFilterColumn:field\">\r\n <ng-container *ngTemplateOutlet=\"filterColumn; context: {item: item}\"></ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"externalFilters?.length\">\r\n <ng-container *ngFor=\"let item of externalFilters | sdFilterExternal:field\">\r\n <ng-container *ngTemplateOutlet=\"filterExternal; context: {item: item}\"></ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngFor=\"let item of filterDefs\">\r\n <div *ngIf=\"inlineFilterDef[item.sdMaterialFilterDef] && item.sdMaterialFilterDef === field\"\r\n class=\"col-lg-2 col-md-3 col-sm-6 px-8\">\r\n <ng-container *ngTemplateOutlet=\"item.templateRef;context:{filterDef:filterDef, isInline: true}\">\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"!filter?.sorts?.length\">\r\n <ng-container *ngIf=\"columns?.length && !filter?.inlineColumn\">\r\n <ng-container *ngFor=\"let item of columns | sdFilterColumn\">\r\n <ng-container *ngTemplateOutlet=\"filterColumn; context: {item: item}\"></ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"externalFilters?.length\">\r\n <ng-container *ngFor=\"let item of externalFilters | sdFilterExternal\">\r\n <ng-container *ngTemplateOutlet=\"filterExternal; context: {item: item}\"></ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngFor=\"let item of filterDefs\">\r\n <div *ngIf=\"inlineFilterDef[item.sdMaterialFilterDef]\" class=\"col-lg-2 col-md-3 col-sm-6 px-8\">\r\n <ng-container *ngTemplateOutlet=\"item.templateRef;context:{filterDef:filterDef, isInline: true}\">\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <ng-template #filterColumn let-item=\"item\">\r\n <div *ngIf=\"inlineColumn[item.field]\" class=\"col-lg-2 col-md-3 col-sm-6 px-8\">\r\n <sd-input [label]=\"item.title\" *ngIf=\"item.type === 'string'\" type=\"text\" [(model)]=\"columnFilter[item.field]\"\r\n (keyupEnter)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-input>\r\n <sd-input-number [label]=\"item.title\" *ngIf=\"item.type === 'number'\" [(model)]=\"columnFilter[item.field]\"\r\n (keyupEnter)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-input-number>\r\n <sd-select [label]=\"item.title\" *ngIf=\"item.type === 'bool'\" [items]=\"[{value:'1',display:item.option?.displayOnTrue || 'True' },\r\n {value:'0',display:item.option?.displayOnFalse || 'False' }]\" valueField=\"value\" displayField=\"display\"\r\n [(model)]=\"columnFilter[item.field]\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-select>\r\n <sd-select *ngIf=\"item.type === 'values' && item?.option?.selection !== 'AUTOCOMPLETE'\"\r\n [items]=\"item.option?.items\" [valueField]=\"item.option?.valueField\" [displayField]=\"item.option.displayField\"\r\n [(model)]=\"columnFilter[item.field]\" (sdChange)=\"onFilter(item)\" [disabled]=\"item.filter?.disabled\"\r\n [multiple]=\"item?.option?.selection === 'MULTIPLE' || item?.item?.selection === 'MULTIPLEAUTOCOMPLETE'\"\r\n [filtered]=\"item?.option?.selection === 'MULTIPLEAUTOCOMPLETE'\" appearance=\"outline\">\r\n </sd-select>\r\n <sd-autocomplete *ngIf=\"item.type === 'values' && item?.option?.selection === 'AUTOCOMPLETE'\"\r\n [items]=\"item.option?.items\" [valueField]=\"item.option?.valueField\" [displayField]=\"item.option?.displayField\"\r\n [(model)]=\"columnFilter[item.field]\" (sdChange)=\"onFilter(item)\" [disabled]=\"item.filter?.disabled\"\r\n appearance=\"outline\">\r\n </sd-autocomplete>\r\n <sd-date-time *ngIf=\"item.type === 'date' || item.type === 'datetime' || item.type === 'time'\"\r\n [label]=\"item.title\" [(model)]=\"columnFilter[item.field]\" [type]=\"item.type\" (sdChange)=\"onFilter(item)\"\r\n appearance=\"outline\">\r\n </sd-date-time>\r\n </div>\r\n </ng-template>\r\n <ng-template #filterExternal let-item=\"item\">\r\n <div *ngIf=\"inlineExternal[item.field]\" class=\"col-lg-2 col-md-3 col-sm-6 px-8\">\r\n <sd-input [label]=\"item.title\" *ngIf=\"item.type === 'string'\" type=\"text\" [(model)]=\"externalFilter[item.field]\"\r\n (keyupEnter)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-input>\r\n <sd-input-number [label]=\"item.title\" *ngIf=\"item.type === 'number'\" [(model)]=\"externalFilter[item.field]\"\r\n (keyupEnter)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-input-number>\r\n <sd-select [label]=\"item.title\" *ngIf=\"item.type === 'bool'\" [items]=\"[{value:'1',display:item.option?.displayOnTrue || 'True' },\r\n {value:'0',display:item.option?.displayOnFalse || 'False' }]\" valueField=\"value\" displayField=\"display\"\r\n [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-select>\r\n <ng-container *ngIf=\"item.type === 'values' && item.option\">\r\n <sd-select *ngIf=\"item.option?.selection === 'MULTIPLE'\" [label]=\"item.title\" [items]=\"item.option.items\"\r\n [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" [selectAll]=\"item.option.selectAll\"\r\n appearance=\"outline\" multiple>\r\n </sd-select>\r\n <sd-autocomplete *ngIf=\"item.option?.selection === 'AUTOCOMPLETE'\" [label]=\"item.title\"\r\n [items]=\"item.option.items\" [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-autocomplete>\r\n <sd-select *ngIf=\"item.option?.selection === 'MULTIPLEAUTOCOMPLETE'\" [label]=\"item.title\"\r\n [items]=\"item.option.items\" [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" filtered=\"true\" appearance=\"outline\"\r\n multiple>\r\n </sd-select>\r\n <sd-select *ngIf=\"!item.option?.selection\" [label]=\"item.title\" [items]=\"item.option.items\"\r\n [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-select>\r\n </ng-container>\r\n <sd-date-time [label]=\"item.title\" *ngIf=\"item.type ==='date' || item.type ==='datetime'\"\r\n [(model)]=\"externalFilter[item.field]\" [type]=\"item.type\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-date-time>\r\n <sd-date-range [label]=\"item.title\" *ngIf=\"item.type ==='daterange' && externalFilter[item.field]\"\r\n [(from)]=\"externalFilter[item.field].from\" [(to)]=\"externalFilter[item.field].to\" [min]=\"item.minDate\"\r\n [max]=\"item.maxDate\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-date-range>\r\n </div>\r\n </ng-template>\r\n <sd-popup-filter [filterRegister]=\"filterRegister\" [columns]=\"columns\"\r\n [externalFilters]=\"externalFilters\" [filterDefs]=\"filterDefs\">\r\n </sd-popup-filter>\r\n </ng-template>\r\n</ng-container>",
|
|
601
|
+
template: "<ng-container *ngIf=\"!filter?.disabled\">\r\n <ng-container *ngIf=\"filter?.enableCollapse;else noCollapse\">\r\n <sd-group class=\"p-12\" [isExpanded]=\"false\" title=\"T\u00ECm ki\u1EBFm\" expandable>\r\n <div sdGroupBody>\r\n <ng-container *ngTemplateOutlet=\"noCollapse\"></ng-container>\r\n </div>\r\n </sd-group>\r\n </ng-container>\r\n <ng-template #noCollapse>\r\n <div\r\n *ngIf=\"!isMobileOrTablet && ((columns?.length && !filter?.inlineColumn) || externalFilters?.length || filterDefs?.length)\"\r\n class=\"row mx-0 pb-8\">\r\n <ng-container *ngIf=\"filter?.sorts?.length\">\r\n <ng-container *ngFor=\"let field of filter?.sorts\">\r\n <ng-container *ngIf=\"columns?.length && !filter?.inlineColumn\">\r\n <ng-container *ngFor=\"let item of columns | sdFilterColumn:field\">\r\n <ng-container *ngTemplateOutlet=\"filterColumn; context: {item: item}\"></ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"externalFilters?.length\">\r\n <ng-container *ngFor=\"let item of externalFilters | sdFilterExternal:field\">\r\n <ng-container *ngTemplateOutlet=\"filterExternal; context: {item: item}\"></ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngFor=\"let item of filterDefs\">\r\n <div *ngIf=\"inlineFilterDef[item.sdMaterialFilterDef] && item.sdMaterialFilterDef === field\"\r\n class=\"col-lg-2 col-md-3 col-sm-6 px-8\">\r\n <ng-container *ngTemplateOutlet=\"item.templateRef;context:{filterDef:filterDef, isInline: true}\">\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"!filter?.sorts?.length\">\r\n <ng-container *ngIf=\"columns?.length && !filter?.inlineColumn\">\r\n <ng-container *ngFor=\"let item of columns | sdFilterColumn\">\r\n <ng-container *ngTemplateOutlet=\"filterColumn; context: {item: item}\"></ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"externalFilters?.length\">\r\n <ng-container *ngFor=\"let item of externalFilters | sdFilterExternal\">\r\n <ng-container *ngTemplateOutlet=\"filterExternal; context: {item: item}\"></ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngFor=\"let item of filterDefs\">\r\n <div *ngIf=\"inlineFilterDef[item.sdMaterialFilterDef]\" class=\"col-lg-2 col-md-3 col-sm-6 px-8\">\r\n <ng-container *ngTemplateOutlet=\"item.templateRef;context:{filterDef:filterDef, isInline: true}\">\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <ng-template #filterColumn let-item=\"item\">\r\n <div *ngIf=\"inlineColumn[item.field]\" class=\"col-lg-2 col-md-3 col-sm-6 px-8\">\r\n <sd-input [label]=\"item.title\" *ngIf=\"item.type === 'string'\" type=\"text\" [(model)]=\"columnFilter[item.field]\"\r\n (keyupEnter)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-input>\r\n <sd-input-number [label]=\"item.title\" *ngIf=\"item.type === 'number'\" [(model)]=\"columnFilter[item.field]\"\r\n (keyupEnter)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-input-number>\r\n <sd-select [label]=\"item.title\" *ngIf=\"item.type === 'bool'\" [items]=\"[{value:'1',display:item.option?.displayOnTrue || 'True' },\r\n {value:'0',display:item.option?.displayOnFalse || 'False' }]\" valueField=\"value\" displayField=\"display\"\r\n [(model)]=\"columnFilter[item.field]\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-select>\r\n <sd-select *ngIf=\"item.type === 'values' && item?.option?.selection !== 'AUTOCOMPLETE'\"\r\n [items]=\"item.option?.items\" [valueField]=\"item.option?.valueField\" [displayField]=\"item.option.displayField\"\r\n [(model)]=\"columnFilter[item.field]\" (sdChange)=\"onFilter(item)\" [disabled]=\"item.filter?.disabled\"\r\n [multiple]=\"item?.option?.selection === 'MULTIPLE' || item?.item?.selection === 'MULTIPLEAUTOCOMPLETE'\"\r\n [filtered]=\"item?.option?.selection === 'MULTIPLEAUTOCOMPLETE'\" appearance=\"outline\">\r\n </sd-select>\r\n <sd-autocomplete *ngIf=\"item.type === 'values' && item?.option?.selection === 'AUTOCOMPLETE'\"\r\n [items]=\"item.option?.items\" [valueField]=\"item.option?.valueField\" [displayField]=\"item.option?.displayField\"\r\n [(model)]=\"columnFilter[item.field]\" (sdChange)=\"onFilter(item)\" [disabled]=\"item.filter?.disabled\"\r\n appearance=\"outline\">\r\n </sd-autocomplete>\r\n <sd-date-time *ngIf=\"item.type === 'date' || item.type === 'datetime' || item.type === 'time'\"\r\n [label]=\"item.title\" [(model)]=\"columnFilter[item.field]\" [type]=\"item.type\" (sdChange)=\"onFilter(item)\"\r\n appearance=\"outline\">\r\n </sd-date-time>\r\n </div>\r\n </ng-template>\r\n <ng-template #filterExternal let-item=\"item\">\r\n <div *ngIf=\"inlineExternal[item.field]\" class=\"col-lg-2 col-md-3 col-sm-6 px-8\">\r\n <sd-input [label]=\"item.title\" *ngIf=\"item.type === 'string'\" type=\"text\" [(model)]=\"externalFilter[item.field]\"\r\n (keyupEnter)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-input>\r\n <sd-input-number [label]=\"item.title\" *ngIf=\"item.type === 'number'\" [(model)]=\"externalFilter[item.field]\"\r\n (keyupEnter)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-input-number>\r\n <sd-select [label]=\"item.title\" *ngIf=\"item.type === 'bool'\" [items]=\"[{value:'1',display:item.option?.displayOnTrue || 'True' },\r\n {value:'0',display:item.option?.displayOnFalse || 'False' }]\" valueField=\"value\" displayField=\"display\"\r\n [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-select>\r\n <ng-container *ngIf=\"item.type === 'values' && item.option\">\r\n <sd-select *ngIf=\"item.option?.selection === 'MULTIPLE'\" [label]=\"item.title\" [items]=\"item.option.items\"\r\n [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" [selectAll]=\"item.option.selectAll\"\r\n appearance=\"outline\" multiple>\r\n </sd-select>\r\n <sd-autocomplete *ngIf=\"item.option?.selection === 'AUTOCOMPLETE'\" [label]=\"item.title\"\r\n [items]=\"item.option.items\" [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-autocomplete>\r\n <sd-select *ngIf=\"item.option?.selection === 'MULTIPLEAUTOCOMPLETE'\" [label]=\"item.title\"\r\n [items]=\"item.option.items\" [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" filtered=\"true\" appearance=\"outline\"\r\n multiple>\r\n </sd-select>\r\n <sd-select *ngIf=\"!item.option?.selection\" [label]=\"item.title\" [items]=\"item.option.items\"\r\n [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-select>\r\n </ng-container>\r\n <sd-date-time [label]=\"item.title\" *ngIf=\"item.type ==='date' || item.type ==='datetime'\"\r\n [(model)]=\"externalFilter[item.field]\" [type]=\"item.type\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-date-time>\r\n <sd-date-range [label]=\"item.title\" *ngIf=\"item.type ==='daterange' && externalFilter[item.field]\"\r\n [(from)]=\"externalFilter[item.field].from\" [(to)]=\"externalFilter[item.field].to\" [min]=\"item.minDate\"\r\n [max]=\"item.maxDate\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n </sd-date-range>\r\n </div>\r\n </ng-template>\r\n <sd-popup-filter [filterRegister]=\"filterRegister\" [columns]=\"columns\"\r\n [externalFilters]=\"externalFilters\" [filterDefs]=\"filterDefs\">\r\n </sd-popup-filter>\r\n </ng-template>\r\n</ng-container>",
|
|
602
602
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
603
|
-
styles: [":host{display:block;padding-
|
|
603
|
+
styles: [":host{display:block;padding-left:0;padding-right:0}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0}"]
|
|
604
604
|
},] }
|
|
605
605
|
];
|
|
606
606
|
SdGridFilter.ctorParameters = function () { return [
|
|
@@ -3358,7 +3358,7 @@
|
|
|
3358
3358
|
SdGridMaterial.decorators = [
|
|
3359
3359
|
{ type: core.Component, args: [{
|
|
3360
3360
|
selector: 'sd-grid-material',
|
|
3361
|
-
template: "<ng-container *ngIf=\"gridConfigurationObserver | async as gridConfiguration\">\r\n <ng-container *ngIf=\"\r\n gridConfiguration\r\n | sdGridConfigurationResult\r\n : gridOption\r\n : sdSubInformation as configuration\r\n \">\r\n <sd-grid-filter *ngIf=\"!gridOption.filter?.disabled && filterRegister\" [filterRegister]=\"filterRegister\" [filter]=\"gridOption?.filter\"\r\n [columns]=\"configuration.firstColumns\" [externalFilters]=\"gridOption?.filter?.externalFilters\" [filterDefs]=\"filterDefs\" #gridFilter>\r\n </sd-grid-filter>\r\n <ng-container *ngIf=\"items | sdGroup:gridOption; $implicit as groupedItems\">\r\n <div class=\"c-container {{ gridOption?.style?.grid }}\" [ngClass]=\"{ 'mat-elevation-z2': gridOption?.shadow }\">\r\n <div class=\"c-loading\" *ngIf=\"isLoading\">\r\n <mat-spinner *ngIf=\"isLoading\"></mat-spinner>\r\n </div>\r\n <ng-container>\r\n <div class=\"c-table\" sdScroll [ngStyle]=\"{\r\n 'max-height': gridOption?.maxHeight,\r\n 'min-height': gridOption?.minHeight\r\n }\">\r\n <table *ngIf=\"items?.length; else elseEmpty\" mat-table [dataSource]=\"groupedItems\" matSort\r\n [matSortDisabled]=\"!gridOption.sortable\" cdkDropList cdkDropListOrientation=\"horizontal\"\r\n [cdkDropListDisabled]=\"!gridOption.dropDragColumnEnable\"\r\n (cdkDropListDropped)=\"drop($event, configuration.displayedColumns)\" multiTemplateDataRows>\r\n\r\n <ng-container matColumnDef=\"sdSubInformation\" sticky>\r\n <td class=\"p-0\" mat-cell *matCellDef=\"let item\" [attr.colspan]=\"configuration.displayedColumns.length\">\r\n <ng-container *ngIf=\"sdSubInformation?.templateRef\">\r\n <ng-container *ngIf=\"gridOption?.subInformation?.always;else useExpandCollapse\">\r\n <ng-container *ngTemplateOutlet=\"\r\n sdSubInformation.templateRef;\r\n context: { item: item }\r\n \">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #useExpandCollapse>\r\n <div [@detailExpand]=\"item.isExpanded ? 'expanded' : 'collapsed'\">\r\n <ng-container *ngIf=\"item.isExpanded\">\r\n <ng-container *ngTemplateOutlet=\"\r\n sdSubInformation.templateRef;\r\n context: { item: item }\r\n \">\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n </ng-template>\r\n </ng-container>\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdSubInformationAction\" stickyEnd>\r\n <th class=\"p-0\" mat-header-cell *matHeaderCellDef style=\"width: 1px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\"></th>\r\n <td mat-cell *matCellDef=\"let element\">\r\n <button *ngIf=\"!element.isExpanding && !gridOption?.subInformation?.always\" mat-icon-button\r\n aria-label=\"Expand & Collapse\" (click)=\"onExpand(element)\">\r\n <mat-icon *ngIf=\"!element.isExpanded\">expand_more</mat-icon>\r\n <mat-icon *ngIf=\"element.isExpanded\">expand_less</mat-icon>\r\n </button>\r\n <div *ngIf=\"element.isExpanding\" class=\"lds-ring\">\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n </div>\r\n </td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdSelection\" sticky>\r\n <th class=\"text-center px-15\" mat-header-cell *matHeaderCellDef style=\"min-width: 50px; max-width: 50px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\">\r\n <ng-container *ngIf=\"items | selectionVisibleSelectAll: gridOption?.selection | async\">\r\n <mat-checkbox *ngIf=\"!gridOption.selection?.single\" class=\"c-selection\" color=\"primary\"\r\n [(ngModel)]=\"isSelectAll\" (change)=\"onSelectAll()\">\r\n </mat-checkbox>\r\n </ng-container>\r\n\r\n </th>\r\n <td class=\"text-center px-15\" mat-cell *matCellDef=\"let item\" style=\"min-width: 50px; max-width: 50px\">\r\n <ng-container *ngIf=\"item | selectionVisible:gridOption?.selection\">\r\n <mat-checkbox class=\"c-selection\" color=\"primary\" [(ngModel)]=\"item.isSelected\"\r\n (change)=\"onSelect(item)\" [disabled]=\"\r\n selectedItems | selectionDisable: item:gridOption?.selection\r\n \">\r\n </mat-checkbox>\r\n </ng-container>\r\n\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdEditorValidation\">\r\n <th class=\"p-0\" mat-header-cell *matHeaderCellDef style=\"width: 2px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\">\r\n </th>\r\n <td class=\"p-0 position-relative\" mat-cell *matCellDef=\"let item; index as idx\">\r\n <sd-desktop-editor-validation [sdId]=\"item.sdId\" [item]=\"item\" [items]=\"items\"\r\n [gridOption]=\"gridOption\">\r\n </sd-desktop-editor-validation>\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdEditor\">\r\n <th class=\"px-8 py-8\" mat-header-cell *matHeaderCellDef style=\"width: 50px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\">\r\n <button class=\"c-btn-add\"\r\n *ngIf=\"gridOption.editor?.addable && (!gridOption.editor.limit || gridOption.editor.limit > items.length)\"\r\n (click)=\"onCreate()\" aria-hidden=\"true\" mat-icon-button>\r\n <mat-icon class=\"c-icon-add\">add</mat-icon>\r\n </button>\r\n </th>\r\n <td class=\"px-8\" mat-cell *matCellDef=\"let item; index as idx\">\r\n <ng-container *sdLet=\"item.editorStatus | sdEditorHandlerRow:item:gridOption as editorHandler\">\r\n <div *ngIf=\"editorHandler\" class=\"d-flex align-items-center justify-content-center\">\r\n <button *ngIf=\"editorHandler.editable\" class=\"mx-2\" (click)=\"onUpdate(item)\" aria-hidden=\"true\"\r\n mat-icon-button>\r\n <mat-icon class=\"c-icon\">edit</mat-icon>\r\n </button>\r\n <button *ngIf=\"editorHandler.removable\" class=\"mx-2\" (click)=\"onRemove(item)\" aria-hidden=\"true\"\r\n mat-icon-button>\r\n <mat-icon class=\"c-icon\">delete</mat-icon>\r\n </button>\r\n <button *ngIf=\"editorHandler.savable\" class=\"mx-2\" (click)=\"onSave(item)\" aria-hidden=\"true\"\r\n mat-icon-button>\r\n <mat-icon class=\"c-icon\">save</mat-icon>\r\n </button>\r\n <button *ngIf=\"editorHandler.cancelable\" class=\"mx-2\" (click)=\"onCancel(item)\" aria-hidden=\"true\"\r\n mat-icon-button>\r\n <mat-icon class=\"c-icon\">close</mat-icon>\r\n </button>\r\n </div>\r\n </ng-container>\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdCommand\">\r\n <th class=\"px-8 py-8\" mat-header-cell *matHeaderCellDef style=\"width: 50px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\"></th>\r\n <td class=\"px-8\" mat-cell *matCellDef=\"let item\">\r\n <sd-desktop-command [commands]=\"gridOption.commands\" [item]=\"item\"></sd-desktop-command>\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdGroup\">\r\n <th mat-header-cell *matHeaderCellDef class=\"px-8 py-8\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\">\r\n </th>\r\n <td class=\"p-0\" mat-cell *matCellDef=\"let item\"\r\n [attr.colspan]=\"!item?.sdGroup ? 1 : configuration.displayedColumns.length\">\r\n <div [innerHtml]=\"item?.sdGroup?.htmlTemplate | safeHtml\">\r\n </div>\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container *ngFor=\"let column of configuration.firstColumns; let i = index\"\r\n [matColumnDef]=\"column.field\" [sticky]=\"configuration.fixedColumn[column.field]\">\r\n <th mat-header-cell *matHeaderCellDef cdkDrag class=\"px-8 py-8 c-th\"\r\n [ngStyle]=\"{ 'min-width': configuration.firstColumns[i].width }\" [attr.rowspan]=\"\r\n configuration.multipleHeader && column.type !== 'children-col'\r\n ? 2\r\n : 1\r\n \" [attr.colspan]=\"\r\n column.type === 'children-col' ? column.children?.length : 1\r\n \">\r\n <div>\r\n <div aria-hidden=\"false\" role=\"presentation\" mat-sort-header [disabled]=\"\r\n !column.sortable || column.type === 'children-col'\r\n \" [class.text-right]=\"column.align === 'right' || (!column.align && column.type === 'number')\"\r\n [class.text-center]=\"column.align === 'center'\"\r\n [innerHTML]=\"configuration.firstColumns[i].titleHtml || configuration.firstColumns[i].title\">\r\n </div>\r\n <sd-column-inline-filter *ngIf=\"gridOption.filter?.inlineColumn && columnOperator\"\r\n [value]=\"columnFilter[column.field]\" [(inlineOperator)]=\"columnOperator[column.field]\" [columnFilter]=\"columnFilter\" [column]=\"column\"\r\n (filterChange)=\"onFilterChange()\">\r\n </sd-column-inline-filter>\r\n </div>\r\n </th>\r\n <td class=\"c-td px-0\" mat-cell *matCellDef=\"let item\">\r\n <sd-desktop-cell class=\"d-block px-8\" *ngIf=\"!item?.sdGroup\" [sdId]=\"item.sdId\" [key]=\"key\"\r\n [value]=\"item[column.field]\" [column]=\"column\" [item]=\"item\" [idx]=\"i\" [cellDef]=\"cellDef\"\r\n [gridOption]=\"gridOption\">\r\n </sd-desktop-cell>\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef>\r\n <ng-container *ngIf=\"footerDef[column.field]\">\r\n <ng-container *ngTemplateOutlet=\"\r\n footerDef[column.field].templateRef;\r\n context: { items: items, column: column }\r\n \">\r\n </ng-container>\r\n </ng-container>\r\n </td>\r\n </ng-container>\r\n <ng-container *ngFor=\"let column of configuration.secondColumns; let i = index\"\r\n [matColumnDef]=\"column.field\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header class=\"c-th px-8\"\r\n [ngStyle]=\"{ 'min-width': column.width }\">\r\n <div>\r\n <div [class.text-right]=\"column.align === 'right' || (!column.align && column.type === 'number')\"\r\n [class.text-center]=\"column.align === 'center'\" [innerHTML]=\"column.titleHtml || column.title\">\r\n </div>\r\n <sd-column-inline-filter *ngIf=\"gridOption.filter?.inlineColumn\"\r\n [value]=\"columnFilter[column.field]\" [columnFilter]=\"columnFilter\" [column]=\"column\"\r\n (filterChange)=\"onFilterChange()\">\r\n </sd-column-inline-filter>\r\n </div>\r\n </th>\r\n <td class=\"c-td px-0\" mat-cell *matCellDef=\"let item\">\r\n <sd-desktop-cell class=\"d-block px-8\" [sdId]=\"item.sdId\" [key]=\"key\" [value]=\"item[column.field]\"\r\n [column]=\"column\" [item]=\"item\" [idx]=\"i\" [cellDef]=\"cellDef\" [gridOption]=\"gridOption\">\r\n </sd-desktop-cell>\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef>\r\n <ng-container *ngIf=\"footerDef[column.field]\">\r\n <ng-container *ngTemplateOutlet=\"\r\n footerDef[column.field].templateRef;\r\n context: { items: items, column: column }\r\n \">\r\n </ng-container>\r\n </ng-container>\r\n </td>\r\n </ng-container>\r\n <tr class=\"c-first-header\" mat-header-row *matHeaderRowDef=\"configuration.firstHeaders; sticky: true\">\r\n </tr>\r\n <ng-container *ngIf=\"configuration.secondHeaders?.length\">\r\n <tr class=\"c-second-header\" mat-header-row *matHeaderRowDef=\"configuration.secondHeaders; sticky: true\">\r\n </tr>\r\n </ng-container>\r\n <tr mat-row *matRowDef=\"let row; columns: configuration.displayedColumns\" matRipple class=\"c-row\"\r\n [class.selected]=\"row.isSelected\" [style]=\"row | sdStyleRowCss:gridOption\"></tr>\r\n\r\n <tr mat-row *matRowDef=\"let row; columns: ['sdSubInformation']\" class=\"c-detail-row\"></tr>\r\n <ng-container *ngIf=\"hasFooter && configuration.displayedFooters?.length\">\r\n <tr mat-footer-row *matFooterRowDef=\"configuration.displayedFooters; sticky: true\"></tr>\r\n </ng-container>\r\n </table>\r\n <ng-template #elseEmpty>\r\n <table mat-table [dataSource]=\"[{}]\">\r\n <ng-container matColumnDef=\"sdSelection\" sticky>\r\n <th class=\"px-15\" mat-header-cell *matHeaderCellDef style=\"min-width: 50px; max-width: 50px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\"></th>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdEditorValidation\">\r\n <th class=\"p-0\" mat-header-cell *matHeaderCellDef style=\"width: 4px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\">\r\n </th>\r\n <td class=\"p-0\" mat-cell *matCellDef=\"let item\">\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdEditor\">\r\n <th class=\"px-8 py-8\" mat-header-cell *matHeaderCellDef style=\"min-width: 50px; max-width: 50px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\">\r\n <button class=\"c-btn-add\"\r\n *ngIf=\"gridOption.editor?.addable && (!gridOption.editor.limit || gridOption.editor.limit > items.length)\"\r\n (click)=\"onCreate()\" aria-hidden=\"true\" mat-icon-button>\r\n <mat-icon class=\"c-icon-add\">add</mat-icon>\r\n </button>\r\n </th>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdCommand\">\r\n <th class=\"px-8\" mat-header-cell *matHeaderCellDef style=\"min-width: 50px; max-width: 50px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\"></th>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdSubInformationAction\">\r\n <th class=\"p-0\" mat-header-cell *matHeaderCellDef style=\"width: 1px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\"></th>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdEmpty\">\r\n <td class=\"c-empty\" mat-cell *matCellDef=\"let item\"\r\n [attr.colspan]=\"configuration.displayedColumns.length\">\r\n <ng-container *ngIf=\"sdEmptyData?.templateRef; else sdEmptyDataNoRef\">\r\n <ng-container *ngTemplateOutlet=\"\r\n sdEmptyData.templateRef;\r\n context: { item: item }\r\n \">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #sdEmptyDataNoRef>\r\n <mat-icon fontSet=\"material-icons-outlined\">leaderboard</mat-icon>\r\n </ng-template>\r\n </td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdGroup\">\r\n <th mat-header-cell *matHeaderCellDef class=\"px-8 py-8\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\">\r\n </th>\r\n <td class=\"p-0\" mat-cell *matCellDef=\"let item\">\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container *ngFor=\"let column of configuration.columns\" [matColumnDef]=\"column.field\"\r\n [sticky]=\"configuration.fixedColumn[column.field]\">\r\n <th mat-header-cell *matHeaderCellDef class=\"c-th px-8 py-8\"\r\n [ngStyle]=\"{ 'min-width': column.width }\">\r\n <div [class.text-right]=\"column.align === 'right' || (!column.align && column.type === 'number')\"\r\n [class.text-center]=\"column.align === 'center'\" [innerHTML]=\"column.titleHtml || column.title\">\r\n </div>\r\n </th>\r\n </ng-container>\r\n <ng-container *ngFor=\"let column of configuration.firstColumns; let i = index\"\r\n [matColumnDef]=\"column.field\" [sticky]=\"configuration.fixedColumn[column.field]\">\r\n <th mat-header-cell *matHeaderCellDef class=\"c-th px-8 py-8\"\r\n [ngStyle]=\"{ 'min-width': configuration.firstColumns[i].width }\" [attr.rowspan]=\"\r\n configuration.multipleHeader &&\r\n column.type !== 'children-col'\r\n ? 2\r\n : 1\r\n \" [attr.colspan]=\"\r\n column.type === 'children-col' ? column.children?.length : 1\r\n \">\r\n <div>\r\n <div [class.text-right]=\"column.align === 'right' || (!column.align && column.type === 'number')\"\r\n [class.text-center]=\"column.align === 'center'\"\r\n [innerHTML]=\"configuration.firstColumns[i].titleHtml || configuration.firstColumns[i].title\">\r\n </div>\r\n <sd-column-inline-filter *ngIf=\"gridOption.filter?.inlineColumn\"\r\n [value]=\"columnFilter[column.field]\" [columnFilter]=\"columnFilter\" [column]=\"column\"\r\n (filterChange)=\"onFilterChange()\"></sd-column-inline-filter>\r\n </div>\r\n </th>\r\n </ng-container>\r\n <ng-container *ngFor=\"let column of configuration.secondColumns\" [matColumnDef]=\"column.field\">\r\n <th mat-header-cell *matHeaderCellDef class=\"c-th px-8 py-8\"\r\n [ngStyle]=\"{ 'min-width': column.width }\">\r\n <div>\r\n <div [class.text-right]=\"column.align === 'right' || (!column.align && column.type === 'number')\"\r\n [class.text-center]=\"column.align === 'center'\" [innerHTML]=\"column.titleHtml || column.title\">\r\n </div>\r\n <sd-column-inline-filter *ngIf=\"gridOption.filter?.inlineColumn\"\r\n [value]=\"columnFilter[column.field]\" [columnFilter]=\"columnFilter\" [column]=\"column\"\r\n (filterChange)=\"onFilterChange()\"></sd-column-inline-filter>\r\n </div>\r\n </th>\r\n </ng-container>\r\n <tr class=\"c-first-header\" mat-header-row *matHeaderRowDef=\"configuration.firstHeaders; sticky: true\">\r\n </tr>\r\n <tr class=\"c-second-header\" mat-header-row *matHeaderRowDef=\"configuration.secondHeaders; sticky: true\">\r\n </tr>\r\n <tr mat-row *matRowDef=\"let row; columns: ['sdEmpty']\"></tr>\r\n </table>\r\n </ng-template>\r\n </div>\r\n </ng-container>\r\n <div class=\"c-paginator\">\r\n <div class=\"c-action\">\r\n <sd-button *ngIf=\"gridFilter && !gridOption.filter?.inlineColumn\r\n \" class=\"mr-10\" [title]=\"'Filter' | sdTranslate\" icon=\"filter_alt\" size=\"sm\" (action)=\"gridFilter.open()\"\r\n type=\"link\">\r\n </sd-button>\r\n <sd-button *ngIf=\"gridOption.reload?.visible\" class=\"mr-10\" [title]=\"'Reload' | sdTranslate\" icon=\"refresh\"\r\n size=\"sm\" (action)=\"reload()\" [disabled]=\"!items?.length\" type=\"link\">\r\n </sd-button>\r\n <ng-container *ngIf=\"gridOption.export?.visible && items?.length\">\r\n <ng-container *ngIf=\"isExporting; else unExporting\">\r\n <sd-button class=\"mr-10\" [loading]=\"isExporting\" [title]=\"exportTitle | sdTranslate\" icon=\"get_app\"\r\n size=\"sm\" type=\"link\">\r\n </sd-button>\r\n </ng-container>\r\n <ng-template #unExporting>\r\n <sd-button class=\"mr-10\" [title]=\"exportTitle | sdTranslate\" icon=\"get_app\" size=\"sm\"\r\n [matMenuTriggerFor]=\"menu\" type=\"link\">\r\n </sd-button>\r\n </ng-template>\r\n\r\n <mat-menu #menu=\"matMenu\">\r\n <button *ngIf=\"gridOption.export?.visibleExcel !== false\" mat-menu-item\r\n (click)=\"sdPopupExport.exportDefault()\" type=\"button\">\r\n <mat-icon fontSet=\"material-icons-outlined\">file_download</mat-icon>\r\n <span> {{ \"Export excel\" | sdTranslate }}</span>\r\n </button>\r\n <button *ngIf=\"gridOption.export?.visibleCSV !== false\" mat-menu-item\r\n (click)=\"sdPopupExport.exportCSV()\" type=\"button\">\r\n <mat-icon fontSet=\"material-icons-outlined\">file_download</mat-icon>\r\n <span> {{ \"Export CSV\" | sdTranslate }}</span>\r\n </button>\r\n <button *ngIf=\"gridOption.export?.key\" mat-menu-item (click)=\"sdPopupExport.open()\" type=\"button\">\r\n <mat-icon fontSet=\"material-icons-outlined\">settings</mat-icon>\r\n <span> {{ \"Configure\" | sdTranslate }}</span>\r\n </button>\r\n </mat-menu>\r\n </ng-container>\r\n <sd-button *ngIf=\"gridOption.config?.visible\" class=\"mr-10\" [title]=\"'Configure' | sdTranslate\"\r\n icon=\"settings\" size=\"sm\" (action)=\"popupGridConfiguration.open()\" type=\"link\">\r\n </sd-button>\r\n </div>\r\n <mat-paginator [class.d-none]=\"gridOption.paginate?.hidden\" [length]=\"total\"\r\n [pageSize]=\"gridOption.paginate?.pageSize\" [pageSizeOptions]=\"gridOption.paginate?.pages\"\r\n [showFirstLastButtons]=\"gridOption.paginate?.showFirstLastButtons\"></mat-paginator>\r\n </div>\r\n </div>\r\n <sd-grid-quick-action [gridOption]=\"gridOption\" [selectedItems]=\"selectedItems\"\r\n (clear)=\"onClearSelection(groupedItems)\">\r\n </sd-grid-quick-action>\r\n <sd-popup-export *ngIf=\"gridOption.export?.visible\" [configuration]=\"configuration\" [gridOption]=\"gridOption\"\r\n (export)=\"onExport($event)\" #sdPopupExport>\r\n </sd-popup-export>\r\n <sd-popup-grid-configuration [gridOption]=\"gridOption\" [key]=\"key\" #popupGridConfiguration>\r\n </sd-popup-grid-configuration>\r\n </ng-container>\r\n </ng-container>\r\n</ng-container>",
|
|
3361
|
+
template: "<ng-container *ngIf=\"gridConfigurationObserver | async as gridConfiguration\">\r\n <ng-container *ngIf=\"\r\n gridConfiguration\r\n | sdGridConfigurationResult\r\n : gridOption\r\n : sdSubInformation as configuration\r\n \">\r\n <sd-grid-filter *ngIf=\"!gridOption.filter?.disabled && filterRegister\" [filterRegister]=\"filterRegister\"\r\n [filter]=\"gridOption?.filter\" [columns]=\"configuration.firstColumns\"\r\n [externalFilters]=\"gridOption?.filter?.externalFilters\" [filterDefs]=\"filterDefs\" #gridFilter>\r\n </sd-grid-filter>\r\n <ng-container *ngIf=\"items | sdGroup:gridOption; $implicit as groupedItems\">\r\n <div class=\"c-container {{ gridOption?.style?.grid }}\" [ngClass]=\"{ 'mat-elevation-z2': gridOption?.shadow }\">\r\n <div class=\"c-loading\" *ngIf=\"isLoading\">\r\n <mat-spinner *ngIf=\"isLoading\"></mat-spinner>\r\n </div>\r\n <ng-container>\r\n <div class=\"c-table\" sdScroll [ngStyle]=\"{\r\n 'max-height': gridOption?.maxHeight,\r\n 'min-height': gridOption?.minHeight\r\n }\">\r\n <table *ngIf=\"items?.length; else elseEmpty\" mat-table [dataSource]=\"groupedItems\" matSort\r\n [matSortDisabled]=\"!gridOption.sortable\" cdkDropList cdkDropListOrientation=\"horizontal\"\r\n [cdkDropListDisabled]=\"!gridOption.dropDragColumnEnable\"\r\n (cdkDropListDropped)=\"drop($event, configuration.displayedColumns)\" multiTemplateDataRows>\r\n\r\n <ng-container matColumnDef=\"sdSubInformation\" sticky>\r\n <td class=\"p-0\" mat-cell *matCellDef=\"let item\" [attr.colspan]=\"configuration.displayedColumns.length\">\r\n <ng-container *ngIf=\"sdSubInformation?.templateRef\">\r\n <ng-container *ngIf=\"gridOption?.subInformation?.always;else useExpandCollapse\">\r\n <ng-container *ngTemplateOutlet=\"\r\n sdSubInformation.templateRef;\r\n context: { item: item }\r\n \">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #useExpandCollapse>\r\n <div [@detailExpand]=\"item.isExpanded ? 'expanded' : 'collapsed'\">\r\n <ng-container *ngIf=\"item.isExpanded\">\r\n <ng-container *ngTemplateOutlet=\"\r\n sdSubInformation.templateRef;\r\n context: { item: item }\r\n \">\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n </ng-template>\r\n </ng-container>\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdSubInformationAction\" stickyEnd>\r\n <th class=\"p-0\" mat-header-cell *matHeaderCellDef style=\"width: 1px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\"></th>\r\n <td mat-cell *matCellDef=\"let element\">\r\n <button *ngIf=\"!element.isExpanding && !gridOption?.subInformation?.always\" mat-icon-button\r\n aria-label=\"Expand & Collapse\" (click)=\"onExpand(element)\">\r\n <mat-icon *ngIf=\"!element.isExpanded\">expand_more</mat-icon>\r\n <mat-icon *ngIf=\"element.isExpanded\">expand_less</mat-icon>\r\n </button>\r\n <div *ngIf=\"element.isExpanding\" class=\"lds-ring\">\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n </div>\r\n </td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdSelection\" sticky>\r\n <th class=\"text-center px-15\" mat-header-cell *matHeaderCellDef style=\"min-width: 50px; max-width: 50px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\">\r\n <ng-container *ngIf=\"items | selectionVisibleSelectAll: gridOption?.selection | async\">\r\n <mat-checkbox *ngIf=\"!gridOption.selection?.single\" class=\"c-selection\" color=\"primary\"\r\n [(ngModel)]=\"isSelectAll\" (change)=\"onSelectAll()\">\r\n </mat-checkbox>\r\n </ng-container>\r\n\r\n </th>\r\n <td class=\"text-center px-15\" mat-cell *matCellDef=\"let item\" style=\"min-width: 50px; max-width: 50px\">\r\n <ng-container *ngIf=\"item | selectionVisible:gridOption?.selection\">\r\n <mat-checkbox class=\"c-selection\" color=\"primary\" [(ngModel)]=\"item.isSelected\"\r\n (change)=\"onSelect(item)\" [disabled]=\"\r\n selectedItems | selectionDisable: item:gridOption?.selection\r\n \">\r\n </mat-checkbox>\r\n </ng-container>\r\n\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdEditorValidation\">\r\n <th class=\"p-0\" mat-header-cell *matHeaderCellDef style=\"width: 2px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\">\r\n </th>\r\n <td class=\"p-0 position-relative\" mat-cell *matCellDef=\"let item; index as idx\">\r\n <sd-desktop-editor-validation [sdId]=\"item.sdId\" [item]=\"item\" [items]=\"items\"\r\n [gridOption]=\"gridOption\">\r\n </sd-desktop-editor-validation>\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdEditor\">\r\n <th class=\"px-8 py-8\" mat-header-cell *matHeaderCellDef style=\"width: 50px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\">\r\n <button class=\"c-btn-add\"\r\n *ngIf=\"gridOption.editor?.addable && (!gridOption.editor.limit || gridOption.editor.limit > items.length)\"\r\n (click)=\"onCreate()\" aria-hidden=\"true\" mat-icon-button>\r\n <mat-icon class=\"c-icon-add\">add</mat-icon>\r\n </button>\r\n </th>\r\n <td class=\"px-8\" mat-cell *matCellDef=\"let item; index as idx\">\r\n <ng-container *sdLet=\"item.editorStatus | sdEditorHandlerRow:item:gridOption as editorHandler\">\r\n <div *ngIf=\"editorHandler\" class=\"d-flex align-items-center justify-content-center\">\r\n <button *ngIf=\"editorHandler.editable\" class=\"mx-2\" (click)=\"onUpdate(item)\" aria-hidden=\"true\"\r\n mat-icon-button>\r\n <mat-icon class=\"c-icon\">edit</mat-icon>\r\n </button>\r\n <button *ngIf=\"editorHandler.removable\" class=\"mx-2\" (click)=\"onRemove(item)\" aria-hidden=\"true\"\r\n mat-icon-button>\r\n <mat-icon class=\"c-icon\">delete</mat-icon>\r\n </button>\r\n <button *ngIf=\"editorHandler.savable\" class=\"mx-2\" (click)=\"onSave(item)\" aria-hidden=\"true\"\r\n mat-icon-button>\r\n <mat-icon class=\"c-icon\">save</mat-icon>\r\n </button>\r\n <button *ngIf=\"editorHandler.cancelable\" class=\"mx-2\" (click)=\"onCancel(item)\" aria-hidden=\"true\"\r\n mat-icon-button>\r\n <mat-icon class=\"c-icon\">close</mat-icon>\r\n </button>\r\n </div>\r\n </ng-container>\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdCommand\">\r\n <th class=\"px-8 py-8\" mat-header-cell *matHeaderCellDef style=\"width: 50px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\"></th>\r\n <td class=\"px-8\" mat-cell *matCellDef=\"let item\">\r\n <sd-desktop-command [commands]=\"gridOption.commands\" [item]=\"item\"></sd-desktop-command>\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdGroup\">\r\n <th mat-header-cell *matHeaderCellDef class=\"px-8 py-8\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\">\r\n </th>\r\n <td class=\"p-0\" mat-cell *matCellDef=\"let item\"\r\n [attr.colspan]=\"!item?.sdGroup ? 1 : configuration.displayedColumns.length\">\r\n <div [innerHtml]=\"item?.sdGroup?.htmlTemplate | safeHtml\">\r\n </div>\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container *ngFor=\"let column of configuration.firstColumns; let i = index\"\r\n [matColumnDef]=\"column.field\" [sticky]=\"configuration.fixedColumn[column.field]\">\r\n <th mat-header-cell *matHeaderCellDef cdkDrag class=\"px-8 py-8 c-th\"\r\n [ngStyle]=\"{ 'min-width': configuration.firstColumns[i].width }\" [attr.rowspan]=\"\r\n configuration.multipleHeader && column.type !== 'children-col'\r\n ? 2\r\n : 1\r\n \" [attr.colspan]=\"\r\n column.type === 'children-col' ? column.children?.length : 1\r\n \">\r\n <div>\r\n <div aria-hidden=\"false\" role=\"presentation\" mat-sort-header [disabled]=\"\r\n !column.sortable || column.type === 'children-col'\r\n \" [class.text-right]=\"column.align === 'right' || (!column.align && column.type === 'number')\"\r\n [class.text-center]=\"column.align === 'center'\"\r\n [innerHTML]=\"configuration.firstColumns[i].titleHtml || configuration.firstColumns[i].title\">\r\n </div>\r\n <sd-column-inline-filter *ngIf=\"gridOption.filter?.inlineColumn && columnOperator\"\r\n [value]=\"columnFilter[column.field]\" [(inlineOperator)]=\"columnOperator[column.field]\"\r\n [columnFilter]=\"columnFilter\" [column]=\"column\" (filterChange)=\"onFilterChange()\">\r\n </sd-column-inline-filter>\r\n </div>\r\n </th>\r\n <td class=\"c-td px-0\" mat-cell *matCellDef=\"let item\">\r\n <sd-desktop-cell class=\"d-block px-8\" *ngIf=\"!item?.sdGroup\" [sdId]=\"item.sdId\" [key]=\"key\"\r\n [value]=\"item[column.field]\" [column]=\"column\" [item]=\"item\" [idx]=\"i\" [cellDef]=\"cellDef\"\r\n [gridOption]=\"gridOption\">\r\n </sd-desktop-cell>\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef>\r\n <ng-container *ngIf=\"footerDef[column.field]\">\r\n <ng-container *ngTemplateOutlet=\"\r\n footerDef[column.field].templateRef;\r\n context: { items: items, column: column }\r\n \">\r\n </ng-container>\r\n </ng-container>\r\n </td>\r\n </ng-container>\r\n <ng-container *ngFor=\"let column of configuration.secondColumns; let i = index\"\r\n [matColumnDef]=\"column.field\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header class=\"c-th px-8\"\r\n [ngStyle]=\"{ 'min-width': column.width }\">\r\n <div>\r\n <div [class.text-right]=\"column.align === 'right' || (!column.align && column.type === 'number')\"\r\n [class.text-center]=\"column.align === 'center'\" [innerHTML]=\"column.titleHtml || column.title\">\r\n </div>\r\n <sd-column-inline-filter *ngIf=\"gridOption.filter?.inlineColumn && columnOperator\"\r\n [value]=\"columnFilter[column.field]\" [(inlineOperator)]=\"columnOperator[column.field]\"\r\n [columnFilter]=\"columnFilter\" [column]=\"column\" (filterChange)=\"onFilterChange()\">\r\n </sd-column-inline-filter>\r\n </div>\r\n </th>\r\n <td class=\"c-td px-0\" mat-cell *matCellDef=\"let item\">\r\n <sd-desktop-cell class=\"d-block px-8\" [sdId]=\"item.sdId\" [key]=\"key\" [value]=\"item[column.field]\"\r\n [column]=\"column\" [item]=\"item\" [idx]=\"i\" [cellDef]=\"cellDef\" [gridOption]=\"gridOption\">\r\n </sd-desktop-cell>\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef>\r\n <ng-container *ngIf=\"footerDef[column.field]\">\r\n <ng-container *ngTemplateOutlet=\"\r\n footerDef[column.field].templateRef;\r\n context: { items: items, column: column }\r\n \">\r\n </ng-container>\r\n </ng-container>\r\n </td>\r\n </ng-container>\r\n <tr class=\"c-first-header\" mat-header-row *matHeaderRowDef=\"configuration.firstHeaders; sticky: true\">\r\n </tr>\r\n <ng-container *ngIf=\"configuration.secondHeaders?.length\">\r\n <tr class=\"c-second-header\" mat-header-row *matHeaderRowDef=\"configuration.secondHeaders; sticky: true\">\r\n </tr>\r\n </ng-container>\r\n <tr mat-row *matRowDef=\"let row; columns: configuration.displayedColumns\" matRipple class=\"c-row\"\r\n [class.selected]=\"row.isSelected\" [style]=\"row | sdStyleRowCss:gridOption\"></tr>\r\n\r\n <tr mat-row *matRowDef=\"let row; columns: ['sdSubInformation']\" class=\"c-detail-row\"></tr>\r\n <ng-container *ngIf=\"hasFooter && configuration.displayedFooters?.length\">\r\n <tr mat-footer-row *matFooterRowDef=\"configuration.displayedFooters; sticky: true\"></tr>\r\n </ng-container>\r\n </table>\r\n <ng-template #elseEmpty>\r\n <table mat-table [dataSource]=\"[{}]\">\r\n <ng-container matColumnDef=\"sdSelection\" sticky>\r\n <th class=\"px-15\" mat-header-cell *matHeaderCellDef style=\"min-width: 50px; max-width: 50px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\"></th>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdEditorValidation\">\r\n <th class=\"p-0\" mat-header-cell *matHeaderCellDef style=\"width: 4px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\">\r\n </th>\r\n <td class=\"p-0\" mat-cell *matCellDef=\"let item\">\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdEditor\">\r\n <th class=\"px-8 py-8\" mat-header-cell *matHeaderCellDef style=\"min-width: 50px; max-width: 50px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\">\r\n <button class=\"c-btn-add\"\r\n *ngIf=\"gridOption.editor?.addable && (!gridOption.editor.limit || gridOption.editor.limit > items.length)\"\r\n (click)=\"onCreate()\" aria-hidden=\"true\" mat-icon-button>\r\n <mat-icon class=\"c-icon-add\">add</mat-icon>\r\n </button>\r\n </th>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdCommand\">\r\n <th class=\"px-8\" mat-header-cell *matHeaderCellDef style=\"min-width: 50px; max-width: 50px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\"></th>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdSubInformationAction\">\r\n <th class=\"p-0\" mat-header-cell *matHeaderCellDef style=\"width: 1px\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\"></th>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdEmpty\">\r\n <td class=\"c-empty\" mat-cell *matCellDef=\"let item\"\r\n [attr.colspan]=\"configuration.displayedColumns.length\">\r\n <ng-container *ngIf=\"sdEmptyData?.templateRef; else sdEmptyDataNoRef\">\r\n <ng-container *ngTemplateOutlet=\"\r\n sdEmptyData.templateRef;\r\n context: { item: item }\r\n \">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #sdEmptyDataNoRef>\r\n <mat-icon fontSet=\"material-icons-outlined\">leaderboard</mat-icon>\r\n </ng-template>\r\n </td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"sdGroup\">\r\n <th mat-header-cell *matHeaderCellDef class=\"px-8 py-8\"\r\n [attr.rowspan]=\"configuration.multipleHeader ? 2 : 1\">\r\n </th>\r\n <td class=\"p-0\" mat-cell *matCellDef=\"let item\">\r\n </td>\r\n <td mat-footer-cell *matFooterCellDef></td>\r\n </ng-container>\r\n <ng-container *ngFor=\"let column of configuration.columns\" [matColumnDef]=\"column.field\"\r\n [sticky]=\"configuration.fixedColumn[column.field]\">\r\n <th mat-header-cell *matHeaderCellDef class=\"c-th px-8 py-8\"\r\n [ngStyle]=\"{ 'min-width': column.width }\">\r\n <div [class.text-right]=\"column.align === 'right' || (!column.align && column.type === 'number')\"\r\n [class.text-center]=\"column.align === 'center'\" [innerHTML]=\"column.titleHtml || column.title\">\r\n </div>\r\n </th>\r\n </ng-container>\r\n <ng-container *ngFor=\"let column of configuration.firstColumns; let i = index\"\r\n [matColumnDef]=\"column.field\" [sticky]=\"configuration.fixedColumn[column.field]\">\r\n <th mat-header-cell *matHeaderCellDef class=\"c-th px-8 py-8\"\r\n [ngStyle]=\"{ 'min-width': configuration.firstColumns[i].width }\" [attr.rowspan]=\"\r\n configuration.multipleHeader &&\r\n column.type !== 'children-col'\r\n ? 2\r\n : 1\r\n \" [attr.colspan]=\"\r\n column.type === 'children-col' ? column.children?.length : 1\r\n \">\r\n <div>\r\n <div [class.text-right]=\"column.align === 'right' || (!column.align && column.type === 'number')\"\r\n [class.text-center]=\"column.align === 'center'\"\r\n [innerHTML]=\"configuration.firstColumns[i].titleHtml || configuration.firstColumns[i].title\">\r\n </div>\r\n <sd-column-inline-filter *ngIf=\"gridOption.filter?.inlineColumn && columnOperator\"\r\n [value]=\"columnFilter[column.field]\" [(inlineOperator)]=\"columnOperator[column.field]\"\r\n [columnFilter]=\"columnFilter\" [column]=\"column\" (filterChange)=\"onFilterChange()\">\r\n </sd-column-inline-filter>\r\n </div>\r\n </th>\r\n </ng-container>\r\n <ng-container *ngFor=\"let column of configuration.secondColumns\" [matColumnDef]=\"column.field\">\r\n <th mat-header-cell *matHeaderCellDef class=\"c-th px-8 py-8\"\r\n [ngStyle]=\"{ 'min-width': column.width }\">\r\n <div>\r\n <div [class.text-right]=\"column.align === 'right' || (!column.align && column.type === 'number')\"\r\n [class.text-center]=\"column.align === 'center'\" [innerHTML]=\"column.titleHtml || column.title\">\r\n </div>\r\n <sd-column-inline-filter *ngIf=\"gridOption.filter?.inlineColumn && columnOperator\"\r\n [value]=\"columnFilter[column.field]\" [(inlineOperator)]=\"columnOperator[column.field]\"\r\n [columnFilter]=\"columnFilter\" [column]=\"column\" (filterChange)=\"onFilterChange()\">\r\n </sd-column-inline-filter>\r\n </div>\r\n </th>\r\n </ng-container>\r\n <tr class=\"c-first-header\" mat-header-row *matHeaderRowDef=\"configuration.firstHeaders; sticky: true\">\r\n </tr>\r\n <tr class=\"c-second-header\" mat-header-row *matHeaderRowDef=\"configuration.secondHeaders; sticky: true\">\r\n </tr>\r\n <tr mat-row *matRowDef=\"let row; columns: ['sdEmpty']\"></tr>\r\n </table>\r\n </ng-template>\r\n </div>\r\n </ng-container>\r\n <div class=\"c-paginator\">\r\n <div class=\"c-action\">\r\n <sd-button *ngIf=\"gridFilter && !gridOption.filter?.inlineColumn\r\n \" class=\"mr-10\" [title]=\"'Filter' | sdTranslate\" icon=\"filter_alt\" size=\"sm\" (action)=\"gridFilter.open()\"\r\n type=\"link\">\r\n </sd-button>\r\n <sd-button *ngIf=\"gridOption.reload?.visible\" class=\"mr-10\" [title]=\"'Reload' | sdTranslate\" icon=\"refresh\"\r\n size=\"sm\" (action)=\"reload()\" [disabled]=\"!items?.length\" type=\"link\">\r\n </sd-button>\r\n <ng-container *ngIf=\"gridOption.export?.visible && items?.length\">\r\n <ng-container *ngIf=\"isExporting; else unExporting\">\r\n <sd-button class=\"mr-10\" [loading]=\"isExporting\" [title]=\"exportTitle | sdTranslate\" icon=\"get_app\"\r\n size=\"sm\" type=\"link\">\r\n </sd-button>\r\n </ng-container>\r\n <ng-template #unExporting>\r\n <sd-button class=\"mr-10\" [title]=\"exportTitle | sdTranslate\" icon=\"get_app\" size=\"sm\"\r\n [matMenuTriggerFor]=\"menu\" type=\"link\">\r\n </sd-button>\r\n </ng-template>\r\n\r\n <mat-menu #menu=\"matMenu\">\r\n <button *ngIf=\"gridOption.export?.visibleExcel !== false\" mat-menu-item\r\n (click)=\"sdPopupExport.exportDefault()\" type=\"button\">\r\n <mat-icon fontSet=\"material-icons-outlined\">file_download</mat-icon>\r\n <span> {{ \"Export excel\" | sdTranslate }}</span>\r\n </button>\r\n <button *ngIf=\"gridOption.export?.visibleCSV !== false\" mat-menu-item\r\n (click)=\"sdPopupExport.exportCSV()\" type=\"button\">\r\n <mat-icon fontSet=\"material-icons-outlined\">file_download</mat-icon>\r\n <span> {{ \"Export CSV\" | sdTranslate }}</span>\r\n </button>\r\n <button *ngIf=\"gridOption.export?.key\" mat-menu-item (click)=\"sdPopupExport.open()\" type=\"button\">\r\n <mat-icon fontSet=\"material-icons-outlined\">settings</mat-icon>\r\n <span> {{ \"Configure\" | sdTranslate }}</span>\r\n </button>\r\n </mat-menu>\r\n </ng-container>\r\n <sd-button *ngIf=\"gridOption.config?.visible\" class=\"mr-10\" [title]=\"'Configure' | sdTranslate\"\r\n icon=\"settings\" size=\"sm\" (action)=\"popupGridConfiguration.open()\" type=\"link\">\r\n </sd-button>\r\n </div>\r\n <mat-paginator [class.d-none]=\"gridOption.paginate?.hidden\" [length]=\"total\"\r\n [pageSize]=\"gridOption.paginate?.pageSize\" [pageSizeOptions]=\"gridOption.paginate?.pages\"\r\n [showFirstLastButtons]=\"gridOption.paginate?.showFirstLastButtons\"></mat-paginator>\r\n </div>\r\n </div>\r\n <sd-grid-quick-action [gridOption]=\"gridOption\" [selectedItems]=\"selectedItems\"\r\n (clear)=\"onClearSelection(groupedItems)\">\r\n </sd-grid-quick-action>\r\n <sd-popup-export *ngIf=\"gridOption.export?.visible\" [configuration]=\"configuration\" [gridOption]=\"gridOption\"\r\n (export)=\"onExport($event)\" #sdPopupExport>\r\n </sd-popup-export>\r\n <sd-popup-grid-configuration [gridOption]=\"gridOption\" [key]=\"key\" #popupGridConfiguration>\r\n </sd-popup-grid-configuration>\r\n </ng-container>\r\n </ng-container>\r\n</ng-container>",
|
|
3362
3362
|
animations: [
|
|
3363
3363
|
animations.trigger('detailExpand', [
|
|
3364
3364
|
animations.state('collapsed', animations.style({ height: '0', minHeight: '0', visibility: 'hidden' })),
|
|
@@ -4810,10 +4810,10 @@
|
|
|
4810
4810
|
this.onFilterChange = function () {
|
|
4811
4811
|
_this.filterChange.emit();
|
|
4812
4812
|
};
|
|
4813
|
-
this.onChangeOperator = function (
|
|
4814
|
-
if (
|
|
4815
|
-
__classPrivateFieldSet(_this, _inlineOperator_1,
|
|
4816
|
-
_this.inlineSymbol =
|
|
4813
|
+
this.onChangeOperator = function (operator) {
|
|
4814
|
+
if (operator) {
|
|
4815
|
+
__classPrivateFieldSet(_this, _inlineOperator_1, operator.value);
|
|
4816
|
+
_this.inlineSymbol = operator.symbol;
|
|
4817
4817
|
}
|
|
4818
4818
|
else {
|
|
4819
4819
|
__classPrivateFieldSet(_this, _inlineOperator_1, null);
|