@sd-angular/core 0.0.1013 → 0.0.1017
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/bundles/sd-angular-core-comment.umd.js +8 -6
- package/bundles/sd-angular-core-comment.umd.js.map +1 -1
- package/bundles/sd-angular-core-comment.umd.min.js +2 -2
- package/bundles/sd-angular-core-comment.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-common.umd.js +3 -3
- package/bundles/sd-angular-core-common.umd.js.map +1 -1
- package/bundles/sd-angular-core-common.umd.min.js +1 -1
- package/bundles/sd-angular-core-common.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-select.umd.js +84 -57
- package/bundles/sd-angular-core-select.umd.js.map +1 -1
- package/bundles/sd-angular-core-select.umd.min.js +2 -2
- package/bundles/sd-angular-core-select.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-textarea.umd.js +75 -22
- package/bundles/sd-angular-core-textarea.umd.js.map +1 -1
- package/bundles/sd-angular-core-textarea.umd.min.js +2 -2
- package/bundles/sd-angular-core-textarea.umd.min.js.map +1 -1
- package/comment/sd-angular-core-comment.metadata.json +1 -1
- package/comment/src/lib/comment.component.d.ts +2 -0
- package/esm2015/comment/src/lib/comment.component.js +7 -4
- package/esm2015/common/src/lib/typings/array.extension.js +2 -2
- package/esm2015/select/src/lib/select.component.js +51 -41
- package/esm2015/textarea/src/lib/textarea.component.js +64 -18
- package/esm2015/textarea/src/lib/textarea.module.js +5 -2
- package/fesm2015/sd-angular-core-comment.js +6 -4
- package/fesm2015/sd-angular-core-comment.js.map +1 -1
- package/fesm2015/sd-angular-core-common.js +1 -1
- package/fesm2015/sd-angular-core-common.js.map +1 -1
- package/fesm2015/sd-angular-core-select.js +50 -40
- package/fesm2015/sd-angular-core-select.js.map +1 -1
- package/fesm2015/sd-angular-core-textarea.js +66 -18
- package/fesm2015/sd-angular-core-textarea.js.map +1 -1
- package/package.json +1 -1
- package/{sd-angular-core-0.0.1013.tgz → sd-angular-core-0.0.1017.tgz} +0 -0
- package/select/sd-angular-core-select.metadata.json +1 -1
- package/select/src/lib/select.component.d.ts +1 -1
- package/textarea/sd-angular-core-textarea.metadata.json +1 -1
- package/textarea/src/lib/textarea.component.d.ts +13 -3
|
@@ -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("@angular/material/icon"),require("@angular/material/tooltip"),require("@angular/material/progress-spinner"),require("uuid"),require("rxjs"),require("rxjs/operators"),require("@sd-angular/core/common"),require("@angular/material/select"),require("@sd-angular/core/translate"),require("@angular/material/checkbox")):"function"==typeof define&&define.amd?define("@sd-angular/core/select",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/form-field","@angular/material/input","@angular/material/icon","@angular/material/tooltip","@angular/material/progress-spinner","uuid","rxjs","rxjs/operators","@sd-angular/core/common","@angular/material/select","@sd-angular/core/translate","@angular/material/checkbox"],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.select={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.formField,e.ng.material.input,e.ng.material.icon,e.ng.material.tooltip,e.ng.material.progressSpinner,e.uuid,e.rxjs,e.rxjs.operators,e["sd-angular"].core.common,e.ng.material.select,e["sd-angular"].core.translate,e.ng.material.checkbox)}(this,(function(e,t,n,r,i,a,o,l,s,c,u,d,p,m,f,
|
|
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("@angular/material/icon"),require("@angular/material/tooltip"),require("@angular/material/progress-spinner"),require("uuid"),require("rxjs"),require("rxjs/operators"),require("@sd-angular/core/common"),require("@angular/material/select"),require("@sd-angular/core/translate"),require("@angular/material/checkbox")):"function"==typeof define&&define.amd?define("@sd-angular/core/select",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/form-field","@angular/material/input","@angular/material/icon","@angular/material/tooltip","@angular/material/progress-spinner","uuid","rxjs","rxjs/operators","@sd-angular/core/common","@angular/material/select","@sd-angular/core/translate","@angular/material/checkbox"],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.select={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.formField,e.ng.material.input,e.ng.material.icon,e.ng.material.tooltip,e.ng.material.progressSpinner,e.uuid,e.rxjs,e.rxjs.operators,e["sd-angular"].core.common,e.ng.material.select,e["sd-angular"].core.translate,e.ng.material.checkbox)}(this,(function(e,t,n,r,i,a,o,l,s,c,u,d,p,m,f,h){"use strict";
|
|
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 h(e,t,n,r){return new(n||(n=Promise))((function(i,a){function o(e){try{s(r.next(e))}catch(e){a(e)}}function l(e){try{s(r.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,l)}s((r=r.apply(e,t||[])).next())}))}function y(e,t){var n,r,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=t.call(e,o)}catch(e){a=[6,e],r=0}finally{n=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}Object.create;function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,a=n.call(e),o=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)o.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(i)throw i.error}}return o}Object.create;function b(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function C(e,t,n,r,i){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?i.call(e,n):i?i.value=n:t.set(e,n),n}var w,I,F,M,k,S,x,O,D,T,j,P,q,R,V,A,E=function(e){this.templateRef=e};E.decorators=[{type:t.Directive,args:[{selector:"[sdSelectDisplayDef]"}]}],E.ctorParameters=function(){return[{type:t.TemplateRef}]};var W=function(){function e(e){var n=this;this.ref=e,w.set(this,void 0),I.set(this,c.v4()),this.disableErrorMessage=!1,this.formControl=new p.SdFormControl,this.searchTerm$=new u.Subject,F.set(this,void 0),M.set(this,[]),this.loading=!1,k.set(this,500),this.isRequired=!1,S.set(this,void 0),this.multiple=!1,this.limit=100,this.filtered=!1,this.selectAll=!1,this.modelChange=new t.EventEmitter,this.sdChange=new t.EventEmitter,this.sdSelection=new t.EventEmitter,x.set(this,new u.Subscription),O.set(this,void 0),D.set(this,void 0),T.set(this,{}),this.allSelected=!1,j.set(this,{}),this.isFocused=!1,P.set(this,(function(){n.formControl.clearValidators(),n.formControl.clearAsyncValidators();var e=[],t=[];n.isRequired&&e.push(r.Validators.required),b(n,S)&&t.push(b(n,A).call(n,b(n,S))),n.formControl.setValidators(e),n.formControl.setAsyncValidators(t),n.formControl.updateValueAndValidity()})),q.set(this,(function(e,t){return h(n,void 0,void 0,(function(){var n,r,i,a=this;return y(this,(function(o){switch(o.label){case 0:return(null==e?void 0:e.toString())?(n=Array.isArray(e)?e:[e],this.valueField||this.displayField?(this.loading=!0,n.some((function(e){return void 0===b(a,T)[e]}))?[4,t(e,!0).finally((function(){return a.loading=!1}))]:[3,2]):[2,n]):[2,[]];case 1:r=o.sent(),i=Array.toObject(r,this.valueField),C(this,T,Object.assign(Object.assign(Object.assign({},n.map((function(e){var t,n;return(t={})[e]=((n={})[a.valueField]=e,n[a.displayField]=e,n),t}))),b(this,T)),i)),o.label=2;case 2:return[2,n.map((function(e){return b(a,T)[e]}))]}}))}))})),R.set(this,(function(e,t){return h(n,void 0,void 0,(function(){var n,r,i,a=this;return y(this,(function(o){switch(o.label){case 0:return void 0!==b(this,j)[e]?[3,4]:(this.loading=!0,[4,t(e).catch((function(){return[]})).finally((function(){return a.loading=!1}))]);case 1:return n=o.sent(),r=Array.toObject(n,this.valueField),C(this,T,Object.assign(Object.assign({},b(this,T)),r)),this.multiple?[4,b(this,q).call(this,this.formControl.value,t)]:[3,3];case 2:return i=o.sent(),b(this,j)[e]=function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(v(arguments[t]));return e}(i,n).union(this.valueField),[3,4];case 3:b(this,j)[e]=n.union(this.valueField),o.label=4;case 4:return[2,b(this,j)[e]]}}))}))})),this.onSelectionChange=function(e){var t;n.allSelected=!n.select.options.some((function(e){return!e.selected}));var r=null!==(t=null==e?void 0:e.value)&&void 0!==t?t:"";n.multiple?b(n,V).call(n,r||[]):(n.searchTerm$.next(""),b(n,V).call(n,r))},this.reValidate=function(){n.formControl.updateValueAndValidity({emitEvent:!0})},V.set(this,(function(e){Array.isArray(e)?(n.modelChange.emit(e),n.sdChange.emit(e),n.sdSelection.emit({value:e,items:n.selectedItems})):(n.modelChange.emit(e),n.sdChange.emit(e),n.sdSelection.emit({value:e,item:n.selectedItems[0]}))})),this.clear=function(e){null==e||e.stopPropagation(),n.multiple?(n.formControl.setValue([]),n.modelChange.emit([]),n.sdChange.emit([]),n.sdSelection.emit({value:[],items:[]})):(n.formControl.setValue(null),n.modelChange.emit(null),n.sdChange.emit(null),n.sdSelection.emit({value:null,item:null}))},this.onClick=function(){var e;(null===(e=n.sdView)||void 0===e?void 0:e.templateRef)&&(n.formControl.disabled||n.isFocused||n.focus())},this.focus=function(){n.isFocused=!0,setTimeout((function(){var e,t;null===(e=n.select)||void 0===e||e.focus(),null===(t=n.select)||void 0===t||t.open()}),100)},A.set(this,(function(e){return function(t){return h(n,void 0,void 0,(function(){var n,r,i;return y(this,(function(a){switch(a.label){case 0:return n=t.value||null,e&&"function"==typeof e?(r=e(n))instanceof Promise?[4,r]:[3,2]:[3,3];case 1:return(i=a.sent())?[2,{customValidator:i}]:[2,null];case 2:return r?[2,{customValidator:r}]:[2,null];case 3:return[2,null]}}))}))}})),this.onOpenChange=function(e){e?(n.isFocused=!0,b(n,w)&&(b(n,w).value=null),n.searchTerm$.next("")):n.isFocused=!1}}return Object.defineProperty(e.prototype,"input",{set:function(e){b(this,w)!==e&&(C(this,w,e),b(this,w).value=null)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"name",{set:function(e){e&&C(this,I,e)},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,"form",{set:function(e){e&&(e instanceof r.NgForm?C(this,F,e.form):C(this,F,e))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"model",{set:function(e){this.formControl.setValue(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"items",{set:function(e){e?Array.isArray(e)?C(this,M,e.filter((function(e){return null!=e}))):C(this,M,e):C(this,M,[]),this.searchTerm$.next("")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"required",{set:function(e){this.isRequired=""===e||e,b(this,P).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"validator",{set:function(e){C(this,S,e),b(this,P).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{set:function(e){(e=""===e||e)?this.formControl.disable():this.formControl.enable()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_multiple",{set:function(e){this.multiple=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_filtered",{set:function(e){this.filtered=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_selectAll",{set:function(e){this.selectAll=""===e||e},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;b(this,x).add(this.formControl.touchedChanges.subscribe((function(){e.ref.markForCheck()}))),C(this,D,u.combineLatest([this.searchTerm$.asObservable().pipe(d.startWith(""),d.debounceTime("function"==typeof b(this,M)?b(this,k):0)),this.formControl.valueChanges.pipe(d.startWith(this.formControl.value))]).pipe(d.switchMap((function(t){var n=v(t,2),r=n[0],i=n[1];return h(e,void 0,void 0,(function(){var e,t,n=this;return y(this,(function(a){switch(a.label){case 0:return"function"!=typeof b(this,M)?[3,2]:[4,b(this,R).call(this,r,b(this,M))];case 1:return[2,a.sent()];case 2:return e=Array.isArray(i),t=!!this.valueField&&!!this.displayField,[2,b(this,M).filter((function(a){var o=t?a[n.valueField]:a,l=t?a[n.displayField]:a;return!(!String.aliasIncludes(o,r)&&!String.aliasIncludes(l,r))||(e?i.some((function(e){return e===o})):i===o)}))]}}))}))})))),C(this,O,b(this,D).pipe(d.map((function(t){var n=e.formControl.value;if(!(null==n?void 0:n.toString()))return[];var r=Array.isArray(n)?n:[n];return e.selectedItems=r.map((function(n){return e.valueField?null==t?void 0:t.find((function(t){return t[e.valueField]===n})):n})),e.selectedItems})))),this.filteredItems=b(this,D).pipe(d.map((function(t){return t.paging(e.limit)}))),this.display=b(this,O).pipe(d.map((function(t){var n;return null===(n=null==t?void 0:t.map((function(t){return e.displayField?t[e.displayField]:t})))||void 0===n?void 0:n.join(", ")})))},e.prototype.ngAfterViewInit=function(){var e;null===(e=b(this,F))||void 0===e||e.addControl(b(this,I),this.formControl)},e.prototype.ngOnDestroy=function(){var e;null===(e=b(this,F))||void 0===e||e.removeControl(b(this,I)),b(this,x).unsubscribe()},e.prototype.onSelectAll=function(){this.allSelected?this.formControl.setValue(this.select.options.map((function(e){return e.value}))):this.formControl.setValue([]),b(this,V).call(this,this.formControl.value)},e}();w=new WeakMap,I=new WeakMap,F=new WeakMap,M=new WeakMap,k=new WeakMap,S=new WeakMap,x=new WeakMap,O=new WeakMap,D=new WeakMap,T=new WeakMap,j=new WeakMap,P=new WeakMap,q=new WeakMap,R=new WeakMap,V=new WeakMap,A=new WeakMap,W.decorators=[{type:t.Component,args:[{selector:"sd-select",template:'<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 && !isFocused; else default">\r\n <ng-container\r\n *ngTemplateOutlet="sdView.templateRef;context: { value: formControl.value, selectedItems: selectedItems }">\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 appearance="outline">\r\n <mat-label *ngIf="label">{{label}}</mat-label>\r\n <mat-select #select [formControl]="formControl" placeholder="{{placeholder || label}}" multiple\r\n (selectionChange)="onSelectionChange($event)" disableOptionCentering="true" panelClass="sd-select-panel"\r\n [ngClass]="{\'sd-selected\': !isRequired && (multiple ? formControl?.value?.length : formControl?.value)}"\r\n [required]="isRequired" (openedChange)="onOpenChange($event)" *ngIf="multiple">\r\n <mat-select-trigger>\r\n {{display | async }}\r\n </mat-select-trigger>\r\n <mat-option *ngIf="filtered" class="sd-filtered-input" (keyup.Space)="$event.stopPropagation()" disabled="true">\r\n <mat-form-field class="sd-md" appearance="outline">\r\n <mat-icon matPrefix>search</mat-icon>\r\n <input #input placeholder="{{\'Search\' | sdTranslate}}" matInput autocomplete="off"\r\n (keydown)="$event.stopPropagation()" (keyup)="searchTerm$.next($event.target.value)">\r\n </mat-form-field>\r\n </mat-option>\r\n <ng-container *ngIf="multiple && selectAll">\r\n <mat-checkbox class="mat-option" [(ngModel)]="allSelected" [ngModelOptions]="{standalone: true}"\r\n (change)="onSelectAll()">\r\n Tất cả</mat-checkbox>\r\n </ng-container>\r\n <ng-container *ngIf="valueField && displayField">\r\n <mat-option *ngFor="let item of filteredItems | async" [value]="item[valueField]" matTooltipPosition="above"\r\n [matTooltip]="item[displayField]">\r\n <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n {{ item[displayField] }}\r\n </ng-container>\r\n </mat-option>\r\n </ng-container>\r\n <ng-container *ngIf="!valueField && !displayField">\r\n <mat-option *ngFor="let item of filteredItems | async" [value]="item" matTooltipPosition="above"\r\n [matTooltip]="item">\r\n <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n {{ item }}\r\n </ng-container>\r\n </mat-option>\r\n </ng-container>\r\n </mat-select>\r\n <mat-select #select [formControl]="formControl" placeholder="{{placeholder || label}}"\r\n (selectionChange)="onSelectionChange($event)" disableOptionCentering="true" panelClass="sd-select-panel"\r\n [ngClass]="{\'sd-selected\': !isRequired && formControl?.value}" [required]="isRequired"\r\n (openedChange)="onOpenChange($event)" *ngIf="!multiple">\r\n <mat-select-trigger>\r\n {{display | async }}\r\n </mat-select-trigger>\r\n <mat-option *ngIf="filtered" class="sd-filtered-input" (keyup.Space)="$event.stopPropagation()" disabled="true">\r\n <mat-form-field class="sd-md" appearance="outline">\r\n <mat-icon matPrefix>search</mat-icon>\r\n <input #input placeholder="{{\'Search\' | sdTranslate}}" matInput autocomplete="off"\r\n (keydown)="$event.stopPropagation()" (keyup)="searchTerm$.next($event.target.value)">\r\n </mat-form-field>\r\n </mat-option>\r\n <ng-container *ngIf="valueField && displayField">\r\n <mat-option *ngFor="let item of filteredItems | async" [value]="item[valueField]" matTooltipPosition="above"\r\n [matTooltip]="item[displayField]">\r\n <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n {{ item[displayField] }}\r\n </ng-container>\r\n </mat-option>\r\n </ng-container>\r\n <ng-container *ngIf="!valueField && !displayField">\r\n <mat-option *ngFor="let item of filteredItems | async" [value]="item" matTooltipPosition="above"\r\n [matTooltip]="item">\r\n <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n {{ item }}\r\n </ng-container>\r\n </mat-option>\r\n </ng-container>\r\n </mat-select>\r\n <mat-icon\r\n *ngIf="(multiple ? formControl?.value?.length : formControl?.value) && !isRequired && !formControl.disabled"\r\n class="pointer sd-suffix-icon" (click)="clear($event)" matSuffix>cancel\r\n </mat-icon>\r\n <mat-error *ngIf="formControl.errors?.required && !disableErrorMessage">\r\n {{\'This field is required\' | sdTranslate}}\r\n </mat-error>\r\n <mat-error *ngIf="formControl?.errors?.customValidator && !disableErrorMessage">\r\n {{formControl?.errors?.customValidator}}\r\n </mat-error>\r\n </mat-form-field>\r\n </ng-template>\r\n</div>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper{transform:none}:host ::ng-deep .sd-selected .mat-select-arrow{border:none}: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 mat-select.mat-select-disabled .mat-select-value{color:#4d4d4d!important}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline{width:100%}::ng-deep .sd-select-panel .mat-option.sd-filtered-input mat-pseudo-checkbox{display:none}::ng-deep .mat-select-panel .mat-option.sd-filtered-input{height:auto}::ng-deep .sd-select-panel .mat-option.sd-filtered-input input{color:#000}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field-prefix .mat-icon{margin-right:0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper{padding:10px 0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-outline{background-color:rgba(0,0,0,.04)}"]}]}],W.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},W.propDecorators={input:[{type:t.ViewChild,args:[a.MatInput]}],select:[{type:t.ViewChild,args:["select"]}],name:[{type:t.Input}],_disableErrorMessage:[{type:t.Input,args:["disableErrorMessage"]}],size:[{type:t.Input}],form:[{type:t.Input}],label:[{type:t.Input}],placeholder:[{type:t.Input}],model:[{type:t.Input}],items:[{type:t.Input}],valueField:[{type:t.Input}],displayField:[{type:t.Input}],required:[{type:t.Input}],validator:[{type:t.Input}],disabled:[{type:t.Input}],_multiple:[{type:t.Input,args:["multiple"]}],limit:[{type:t.Input}],_filtered:[{type:t.Input,args:["filtered"]}],selectDisplayDef:[{type:t.ContentChild,args:[E]}],_selectAll:[{type:t.Input,args:["selectAll"]}],modelChange:[{type:t.Output}],sdChange:[{type:t.Output}],sdSelection:[{type:t.Output}],sdView:[{type:t.ContentChild,args:[p.SdViewDefDirective]}]};var $=function(){};$.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,r.FormsModule,r.ReactiveFormsModule,a.MatInputModule,l.MatTooltipModule,i.MatFormFieldModule,o.MatIconModule,m.MatSelectModule,s.MatProgressSpinnerModule,g.MatCheckboxModule,f.SdTranslateModule,p.SdCommonModule],declarations:[W,E],exports:[W,E,p.SdCommonModule],providers:[]}]}],e.SdSelect=W,e.SdSelectDisplayDefDirective=E,e.SdSelectModule=$,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
15
|
+
***************************************************************************** */function g(e,t,n,r){return new(n||(n=Promise))((function(i,a){function o(e){try{s(r.next(e))}catch(e){a(e)}}function l(e){try{s(r.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,l)}s((r=r.apply(e,t||[])).next())}))}function v(e,t){var n,r,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=t.call(e,o)}catch(e){a=[6,e],r=0}finally{n=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}Object.create;function y(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,a=n.call(e),o=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)o.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(i)throw i.error}}return o}function b(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(y(arguments[t]));return e}Object.create;function C(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function w(e,t,n,r,i){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?i.call(e,n):i?i.value=n:t.set(e,n),n}var I,F,M,S,k,x,O,D,T,j,P,q,R,V,A,E=function(e){this.templateRef=e};E.decorators=[{type:t.Directive,args:[{selector:"[sdSelectDisplayDef]"}]}],E.ctorParameters=function(){return[{type:t.TemplateRef}]};var W=function(){function e(e){var n=this;this.ref=e,I.set(this,void 0),F.set(this,c.v4()),this.disableErrorMessage=!1,this.formControl=new p.SdFormControl,this.searchTerm$=new u.Subject,M.set(this,void 0),S.set(this,new u.BehaviorSubject([])),this.loading=!1,k.set(this,0),this.isRequired=!1,x.set(this,void 0),this.multiple=!1,this.limit=100,this.filtered=!1,this.selectAll=!1,this.modelChange=new t.EventEmitter,this.sdChange=new t.EventEmitter,this.sdSelection=new t.EventEmitter,O.set(this,new u.Subscription),D.set(this,void 0),T.set(this,{}),this.allSelected=!1,j.set(this,{}),this.isFocused=!1,P.set(this,(function(){n.formControl.clearValidators(),n.formControl.clearAsyncValidators();var e=[],t=[];n.isRequired&&e.push(r.Validators.required),C(n,x)&&t.push(C(n,A).call(n,C(n,x))),n.formControl.setValidators(e),n.formControl.setAsyncValidators(t),n.formControl.updateValueAndValidity()})),q.set(this,(function(e,t){return g(n,void 0,void 0,(function(){var n,r,i,a=this;return v(this,(function(o){switch(o.label){case 0:return(null==e?void 0:e.toString())?(n=Array.isArray(e)?e:[e],this.valueField||this.displayField?(this.loading=!0,n.some((function(e){return void 0===C(a,T)[e]}))?[4,t(e,!0).catch((function(){return[]})).finally((function(){return a.loading=!1}))]:[3,2]):[2,n]):[2,[]];case 1:r=o.sent(),i=Array.toObject(r,this.valueField),w(this,T,Object.assign(Object.assign(Object.assign({},n.map((function(e){var t,n;return(t={})[null==e?void 0:e.toString()]=((n={})[a.valueField]=e,n[a.displayField]=e,n),t}))),C(this,T)),i)),o.label=2;case 2:return[2,n.map((function(e){return C(a,T)[e]}))]}}))}))})),R.set(this,(function(e,t){return g(n,void 0,void 0,(function(){var n,r,i=this;return v(this,(function(a){switch(a.label){case 0:return e=(null==e?void 0:e.toString())||"",void 0!==C(this,j)[e]?[3,2]:(this.loading=!0,[4,t(e).catch((function(){return[]})).finally((function(){return i.loading=!1}))]);case 1:n=a.sent(),r=Array.toObject(n,this.valueField),w(this,T,Object.assign(Object.assign({},C(this,T)),r)),C(this,j)[e]=n.union(this.valueField),a.label=2;case 2:return this.multiple?[4,C(this,q).call(this,this.formControl.value,t)]:[2,C(this,j)[e]];case 3:return[2,b(a.sent(),C(this,j)[e]).union(this.valueField)]}}))}))})),this.onSelectionChange=function(e){var t;n.allSelected=!n.select.options.some((function(e){return!e.selected}));var r=null!==(t=null==e?void 0:e.value)&&void 0!==t?t:"";n.multiple?C(n,V).call(n,r||[]):(n.searchTerm$.next(""),C(n,V).call(n,r))},this.reValidate=function(){n.formControl.updateValueAndValidity({emitEvent:!0})},V.set(this,(function(e){return g(n,void 0,void 0,(function(){var t=this;return v(this,(function(n){return Array.isArray(e)?(this.modelChange.emit(e),this.sdChange.emit(e),this.sdSelection.emit({value:e,items:e.map((function(e){return C(t,T)[null==e?void 0:e.toString()]}))})):(this.modelChange.emit(e),this.sdChange.emit(e),this.sdSelection.emit({value:e,item:C(this,T)[null==e?void 0:e.toString()]})),[2]}))}))})),this.clear=function(e){null==e||e.stopPropagation(),n.multiple?(n.formControl.setValue([]),n.modelChange.emit([]),n.sdChange.emit([]),n.sdSelection.emit({value:[],items:[]})):(n.formControl.setValue(null),n.modelChange.emit(null),n.sdChange.emit(null),n.sdSelection.emit({value:null,item:null}))},this.onClick=function(){var e;(null===(e=n.sdView)||void 0===e?void 0:e.templateRef)&&(n.formControl.disabled||n.isFocused||n.focus())},this.focus=function(){n.isFocused=!0,setTimeout((function(){var e,t;null===(e=n.select)||void 0===e||e.focus(),null===(t=n.select)||void 0===t||t.open()}),100)},A.set(this,(function(e){return function(t){return g(n,void 0,void 0,(function(){var n,r,i;return v(this,(function(a){switch(a.label){case 0:return n=t.value||null,e&&"function"==typeof e?(r=e(n))instanceof Promise?[4,r]:[3,2]:[3,3];case 1:return(i=a.sent())?[2,{customValidator:i}]:[2,null];case 2:return r?[2,{customValidator:r}]:[2,null];case 3:return[2,null]}}))}))}})),this.onOpenChange=function(e){e?(n.isFocused=!0,C(n,I)&&(C(n,I).value=null),n.searchTerm$.next("")):n.isFocused=!1}}return Object.defineProperty(e.prototype,"input",{set:function(e){C(this,I)!==e&&(w(this,I,e),C(this,I).value=null)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"name",{set:function(e){e&&w(this,F,e)},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,"form",{set:function(e){e&&(e instanceof r.NgForm?w(this,M,e.form):w(this,M,e))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"model",{set:function(e){this.formControl.setValue(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"items",{set:function(e){w(this,k,0),e?Array.isArray(e)?C(this,S).next(e.filter((function(e){return null!=e}))):(w(this,k,500),C(this,S).next(e)):C(this,S).next([]),this.searchTerm$.next("")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"required",{set:function(e){this.isRequired=""===e||e,C(this,P).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"validator",{set:function(e){w(this,x,e),C(this,P).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{set:function(e){(e=""===e||e)?this.formControl.disable():this.formControl.enable()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_multiple",{set:function(e){this.multiple=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_filtered",{set:function(e){this.filtered=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_selectAll",{set:function(e){this.selectAll=""===e||e},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;C(this,O).add(this.formControl.touchedChanges.subscribe((function(){e.ref.markForCheck()}))),w(this,D,u.combineLatest([C(this,S).asObservable(),this.searchTerm$.asObservable().pipe(d.startWith(""),d.debounceTime(C(this,k))),this.formControl.valueChanges.pipe(d.startWith(this.formControl.value))]).pipe(d.switchMap((function(t){var n=y(t,3),r=n[0],i=n[1],a=n[2];return g(e,void 0,void 0,(function(){var e,t,n=this;return v(this,(function(o){switch(o.label){case 0:return"function"!=typeof r?[3,2]:[4,C(this,R).call(this,i,r)];case 1:return[2,o.sent()];case 2:return w(this,T,r.toObject(this.valueField)),e=Array.isArray(a),t=!!this.valueField&&!!this.displayField,[2,r.filter((function(r){var o=t?r[n.valueField]:r,l=t?r[n.displayField]:r;return!(!String.aliasIncludes(o,i)&&!String.aliasIncludes(l,i))||(e?a.some((function(e){return e===o})):a===o)}))]}}))}))})))),this.selectedItems=u.combineLatest([C(this,S).asObservable(),this.formControl.valueChanges.pipe(d.startWith(this.formControl.value))]).pipe(d.switchMap((function(t){var n=y(t,2),r=n[0],i=n[1];return g(e,void 0,void 0,(function(){var e,t=this;return v(this,(function(n){switch(n.label){case 0:return(null==i?void 0:i.toString())?(e=Array.isArray(i)?i:[i],this.valueField?"function"!=typeof r?[3,2]:[4,C(this,q).call(this,i,r)]:[2,e]):[2,[]];case 1:return[2,n.sent()];case 2:return[2,e.map((function(e){var n;return(null==r?void 0:r.find((function(n){return n[t.valueField]===e})))||((n={})[t.valueField]=e,n[t.displayField]=e,n)}))]}}))}))}))),this.filteredItems=C(this,D).pipe(d.map((function(t){return t.paging(e.limit)}))),this.display=this.selectedItems.pipe(d.map((function(t){var n;return null===(n=null==t?void 0:t.map((function(t){return e.displayField?t[e.displayField]:t})))||void 0===n?void 0:n.join(", ")})))},e.prototype.ngAfterViewInit=function(){var e;null===(e=C(this,M))||void 0===e||e.addControl(C(this,F),this.formControl)},e.prototype.ngOnDestroy=function(){var e;null===(e=C(this,M))||void 0===e||e.removeControl(C(this,F)),C(this,O).unsubscribe()},e.prototype.onSelectAll=function(){this.allSelected?this.formControl.setValue(this.select.options.map((function(e){return e.value}))):this.formControl.setValue([]),C(this,V).call(this,this.formControl.value)},e}();I=new WeakMap,F=new WeakMap,M=new WeakMap,S=new WeakMap,k=new WeakMap,x=new WeakMap,O=new WeakMap,D=new WeakMap,T=new WeakMap,j=new WeakMap,P=new WeakMap,q=new WeakMap,R=new WeakMap,V=new WeakMap,A=new WeakMap,W.decorators=[{type:t.Component,args:[{selector:"sd-select",template:'<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 && !isFocused; else default">\r\n <ng-container\r\n *ngTemplateOutlet="sdView.templateRef;context: { value: formControl.value, selectedItems: selectedItems | 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 appearance="outline">\r\n <mat-label *ngIf="label">{{label}}</mat-label>\r\n <mat-select #select [formControl]="formControl" placeholder="{{placeholder || label}}" multiple\r\n (selectionChange)="onSelectionChange($event)" disableOptionCentering="true" panelClass="sd-select-panel"\r\n [ngClass]="{\'sd-selected\': !isRequired && (multiple ? formControl?.value?.length : formControl?.value)}"\r\n [required]="isRequired" (openedChange)="onOpenChange($event)" *ngIf="multiple">\r\n <mat-select-trigger>\r\n {{display | async }}\r\n </mat-select-trigger>\r\n <mat-option *ngIf="filtered" class="sd-filtered-input" (keyup.Space)="$event.stopPropagation()" disabled="true">\r\n <mat-form-field class="sd-md" appearance="outline">\r\n <mat-icon matPrefix>search</mat-icon>\r\n <input #input placeholder="{{\'Search\' | sdTranslate}}" matInput autocomplete="off"\r\n (keydown)="$event.stopPropagation()" (keyup)="searchTerm$.next($event.target.value)">\r\n </mat-form-field>\r\n </mat-option>\r\n <ng-container *ngIf="multiple && selectAll">\r\n <mat-checkbox class="mat-option" [(ngModel)]="allSelected" [ngModelOptions]="{standalone: true}"\r\n (change)="onSelectAll()">\r\n Tất cả</mat-checkbox>\r\n </ng-container>\r\n <ng-container *ngIf="valueField && displayField">\r\n <mat-option *ngFor="let item of filteredItems | async" [value]="item[valueField]" matTooltipPosition="above"\r\n [matTooltip]="item[displayField]">\r\n <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n {{ item[displayField] }}\r\n </ng-container>\r\n </mat-option>\r\n </ng-container>\r\n <ng-container *ngIf="!valueField && !displayField">\r\n <mat-option *ngFor="let item of filteredItems | async" [value]="item" matTooltipPosition="above"\r\n [matTooltip]="item">\r\n <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n {{ item }}\r\n </ng-container>\r\n </mat-option>\r\n </ng-container>\r\n </mat-select>\r\n <mat-select #select [formControl]="formControl" placeholder="{{placeholder || label}}"\r\n (selectionChange)="onSelectionChange($event)" disableOptionCentering="true" panelClass="sd-select-panel"\r\n [ngClass]="{\'sd-selected\': !isRequired && formControl?.value}" [required]="isRequired"\r\n (openedChange)="onOpenChange($event)" *ngIf="!multiple">\r\n <mat-select-trigger>\r\n {{display | async }}\r\n </mat-select-trigger>\r\n <mat-option *ngIf="filtered" class="sd-filtered-input" (keyup.Space)="$event.stopPropagation()" disabled="true">\r\n <mat-form-field class="sd-md" appearance="outline">\r\n <mat-icon matPrefix>search</mat-icon>\r\n <input #input placeholder="{{\'Search\' | sdTranslate}}" matInput autocomplete="off"\r\n (keydown)="$event.stopPropagation()" (keyup)="searchTerm$.next($event.target.value)">\r\n </mat-form-field>\r\n </mat-option>\r\n <ng-container *ngIf="valueField && displayField">\r\n <mat-option *ngFor="let item of filteredItems | async" [value]="item[valueField]" matTooltipPosition="above"\r\n [matTooltip]="item[displayField]">\r\n <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n {{ item[displayField] }}\r\n </ng-container>\r\n </mat-option>\r\n </ng-container>\r\n <ng-container *ngIf="!valueField && !displayField">\r\n <mat-option *ngFor="let item of filteredItems | async" [value]="item" matTooltipPosition="above"\r\n [matTooltip]="item">\r\n <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n {{ item }}\r\n </ng-container>\r\n </mat-option>\r\n </ng-container>\r\n </mat-select>\r\n <mat-icon\r\n *ngIf="(multiple ? formControl?.value?.length : formControl?.value) && !isRequired && !formControl.disabled"\r\n class="pointer sd-suffix-icon" (click)="clear($event)" matSuffix>cancel\r\n </mat-icon>\r\n <mat-error *ngIf="formControl.errors?.required && !disableErrorMessage">\r\n {{\'This field is required\' | sdTranslate}}\r\n </mat-error>\r\n <mat-error *ngIf="formControl?.errors?.customValidator && !disableErrorMessage">\r\n {{formControl?.errors?.customValidator}}\r\n </mat-error>\r\n </mat-form-field>\r\n </ng-template>\r\n</div>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper{transform:none}:host ::ng-deep .sd-selected .mat-select-arrow{border:none}: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 mat-select.mat-select-disabled .mat-select-value{color:#4d4d4d!important}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline{width:100%}::ng-deep .sd-select-panel .mat-option.sd-filtered-input mat-pseudo-checkbox{display:none}::ng-deep .mat-select-panel .mat-option.sd-filtered-input{height:auto}::ng-deep .sd-select-panel .mat-option.sd-filtered-input input{color:#000}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field-prefix .mat-icon{margin-right:0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper{padding:10px 0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-outline{background-color:rgba(0,0,0,.04)}"]}]}],W.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},W.propDecorators={input:[{type:t.ViewChild,args:[a.MatInput]}],select:[{type:t.ViewChild,args:["select"]}],name:[{type:t.Input}],_disableErrorMessage:[{type:t.Input,args:["disableErrorMessage"]}],size:[{type:t.Input}],form:[{type:t.Input}],label:[{type:t.Input}],placeholder:[{type:t.Input}],model:[{type:t.Input}],items:[{type:t.Input}],valueField:[{type:t.Input}],displayField:[{type:t.Input}],required:[{type:t.Input}],validator:[{type:t.Input}],disabled:[{type:t.Input}],_multiple:[{type:t.Input,args:["multiple"]}],limit:[{type:t.Input}],_filtered:[{type:t.Input,args:["filtered"]}],selectDisplayDef:[{type:t.ContentChild,args:[E]}],_selectAll:[{type:t.Input,args:["selectAll"]}],modelChange:[{type:t.Output}],sdChange:[{type:t.Output}],sdSelection:[{type:t.Output}],sdView:[{type:t.ContentChild,args:[p.SdViewDefDirective]}]};var $=function(){};$.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,r.FormsModule,r.ReactiveFormsModule,a.MatInputModule,l.MatTooltipModule,i.MatFormFieldModule,o.MatIconModule,m.MatSelectModule,s.MatProgressSpinnerModule,h.MatCheckboxModule,f.SdTranslateModule,p.SdCommonModule],declarations:[W,E],exports:[W,E,p.SdCommonModule],providers:[]}]}],e.SdSelect=W,e.SdSelectDisplayDefDirective=E,e.SdSelectModule=$,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
16
16
|
//# sourceMappingURL=sd-angular-core-select.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/select/src/lib/select-display-def.directive.ts","../../../../projects/sd-core/select/src/lib/select.component.ts","../../../../projects/sd-core/select/src/lib/select.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","SdSelect","ref","_this","_input","_name","uuid.v4","disableErrorMessage","formControl","SdFormControl","searchTerm$","Subject","_form","_items","loading","_delay","isRequired","_validator","multiple","limit","filtered","selectAll","modelChange","EventEmitter","sdChange","sdSelection","_subscription","Subscription","_selectedItems","_allItems","_allItem","allSelected","_cache","isFocused","_updateValidator","clearValidators","clearAsyncValidators","validators","asyncValidators","Validators","required","_customValidator","setValidators","setAsyncValidators","updateValueAndValidity","_loadSelectedItems","items","toString","values","Array","isArray","valueField","displayField","some","val","undefined","finally","results","_c","objItem","toObject","assign","map","_d","_loadItems","searchText","catch","selectedItems","arguments","concat","__spread","union","onSelectionChange","change","select","options","selected","_a","_onChange","reValidate","emitEvent","emit","item","clear","$event","stopPropagation","setValue","onClick","sdView","disabled","focus","setTimeout","_b","open","func","c","message","customValidator","onOpenChange","isOpened","defineProperty","prototype","input","NgForm","form","filter","validator","disable","enable","ngOnInit","add","touchedChanges","subscribe","markForCheck","combineLatest","asObservable","pipe","startWith","debounceTime","valueChanges","switchMap","formValue","hasFields","display","String","aliasIncludes","find","filteredItems","allItems","paging","join","ngAfterViewInit","addControl","ngOnDestroy","removeControl","unsubscribe","onSelectAll","Component","template","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","ViewChild","MatInput","Input","ContentChild","SdSelectDisplayDefDirective","Output","SdViewDefDirective","NgModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatTooltipModule","MatFormFieldModule","MatIconModule","MatSelectModule","MatProgressSpinnerModule","MatCheckboxModule","SdTranslateModule","SdCommonModule","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: '[sdSelectDisplayDef]'\r\n})\r\nexport class SdSelectDisplayDefDirective {\r\n constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import { Component, Input, Output, EventEmitter, ChangeDetectorRef, AfterViewInit, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy, ContentChild } from '@angular/core';\r\nimport { NgForm, Validators, ValidatorFn, AbstractControl, AsyncValidatorFn, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport { MatSelect, MatSelectChange } from '@angular/material/select';\r\nimport { combineLatest, Observable, Subject, Subscription } from 'rxjs';\r\nimport { debounceTime, map, startWith, switchMap } from 'rxjs/operators';\r\nimport { MatInput } from '@angular/material/input';\r\nimport { SdSelectDisplayDefDirective } from './select-display-def.directive';\r\nimport { SdFormControl, SdViewDefDirective } from '@sd-angular/core/common';\r\n@Component({\r\n selector: 'sd-select',\r\n templateUrl: './select.component.html',\r\n styleUrls: ['./select.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdSelect implements OnInit, AfterViewInit, OnDestroy {\r\n #input: MatInput;\r\n @ViewChild(MatInput) set input(input: MatInput) {\r\n if (this.#input !== input) {\r\n this.#input = input;\r\n this.#input.value = null;\r\n }\r\n }\r\n @ViewChild('select') select: MatSelect;\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 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 formControl = new SdFormControl();\r\n\r\n searchTerm$ = new Subject<string>();\r\n\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 @Input() label: string;\r\n @Input() placeholder: string;\r\n\r\n // Model\r\n display: Observable<string>;\r\n @Input() set model(value: undefined | boolean | number | string | (number | string)[]) {\r\n this.formControl.setValue(value);\r\n }\r\n // Items\r\n\r\n #items: any[] | SearchFunc = [];\r\n @Input() set items(items: undefined | any[] | SearchFunc) {\r\n if (!items) {\r\n this.#items = [];\r\n } else if (Array.isArray(items)) {\r\n this.#items = items.filter(e => e !== null && e !== undefined);\r\n } else {\r\n this.#items = items;\r\n }\r\n this.searchTerm$.next('');\r\n }\r\n @Input() valueField: string;\r\n @Input() displayField: string;\r\n\r\n // Server search\r\n loading = false;\r\n #delay = 500; // 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\r\n // Validator\r\n isRequired = false;\r\n #validator: (value: any) => string | Promise<string>;\r\n @Input() set required(val: boolean | '') {\r\n this.isRequired = (val === '') || val;\r\n this.#updateValidator();\r\n }\r\n @Input() set validator(validator: (value: any) => string | Promise<string>) {\r\n this.#validator = validator;\r\n this.#updateValidator();\r\n }\r\n // Optional\r\n @Input() set disabled(val: boolean | '') {\r\n val = (val === '') || val;\r\n if (val) {\r\n this.formControl.disable();\r\n } else {\r\n this.formControl.enable();\r\n }\r\n }\r\n multiple = false;\r\n @Input('multiple') set _multiple(val: boolean | '') {\r\n this.multiple = (val === '') || val;\r\n }\r\n @Input() limit = 100;\r\n filtered = false;\r\n @Input('filtered') set _filtered(val: boolean | '') {\r\n this.filtered = (val === '') || val;\r\n }\r\n @ContentChild(SdSelectDisplayDefDirective) selectDisplayDef: SdSelectDisplayDefDirective;\r\n selectAll = false;\r\n @Input('selectAll') set _selectAll(val: boolean | '') {\r\n this.selectAll = (val === '') || val;\r\n }\r\n\r\n @Output() modelChange = new EventEmitter();\r\n @Output() sdChange = new EventEmitter();\r\n @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any, items?: any[] }>();\r\n #subscription = new Subscription();\r\n #selectedItems: Observable<any[]>;\r\n selectedItems: any[];\r\n #allItems: Observable<any[]>;\r\n filteredItems: Observable<any[]>;\r\n #allItem: {\r\n [key: string]: any\r\n } = {};\r\n allSelected = false;\r\n #cache: {\r\n [key: string]: any[]\r\n } = {};\r\n @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n isFocused = false;\r\n\r\n constructor(\r\n private ref: ChangeDetectorRef) { }\r\n\r\n ngOnInit() {\r\n this.#subscription.add(this.formControl.touchedChanges.subscribe(() => {\r\n this.ref.markForCheck();\r\n }));\r\n this.#allItems = combineLatest([\r\n this.searchTerm$.asObservable().pipe(startWith(''), debounceTime(typeof (this.#items) === 'function' ? this.#delay : 0)),\r\n this.formControl.valueChanges.pipe(startWith(this.formControl.value))]).pipe(\r\n switchMap(async ([val, formValue]) => {\r\n if (typeof (this.#items) === 'function') {\r\n return await this.#loadItems(val, this.#items);\r\n }\r\n const isArray = Array.isArray(formValue);\r\n const hasFields = !!this.valueField && !!this.displayField;\r\n return this.#items.filter(item => {\r\n const value = hasFields ? item[this.valueField] : item;\r\n const display = hasFields ? item[this.displayField] : item;\r\n if (String.aliasIncludes(value, val) || String.aliasIncludes(display, val)) {\r\n return true;\r\n }\r\n if (isArray) {\r\n return formValue.some(e => e === value)\r\n }\r\n return formValue === value;\r\n })\r\n }));\r\n this.#selectedItems = this.#allItems.pipe(map(items => {\r\n const formValue = this.formControl.value;\r\n if (!formValue?.toString()) {\r\n return [];\r\n }\r\n const values = Array.isArray(formValue) ? formValue : [formValue];\r\n this.selectedItems = values.map(val => {\r\n if (this.valueField) {\r\n return items?.find(item => item[this.valueField] === val);\r\n }\r\n return val;\r\n });\r\n return this.selectedItems;\r\n }));\r\n this.filteredItems = this.#allItems.pipe(map(allItems => allItems.paging(this.limit)));\r\n this.display = this.#selectedItems.pipe(map(selectedItems => selectedItems?.map(item => this.displayField ? item[this.displayField] : item)?.join(', ')));\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.#form?.removeControl(this.#name);\r\n this.#subscription.unsubscribe();\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 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 #loadSelectedItems = async (value: string | string[], items: SearchFunc) => {\r\n if (!value?.toString()) {\r\n return [];\r\n }\r\n const values = Array.isArray(value) ? value : [value];\r\n if (!this.valueField && !this.displayField) {\r\n return values;\r\n }\r\n this.loading = true;\r\n if (values.some(val => this.#allItem[val] === undefined)) {\r\n const results = await items(value, true).finally(() => this.loading = false);\r\n const objItem = Array.toObject(results, this.valueField);\r\n this.#allItem = {\r\n ...values.map(val => ({ [val]: { [this.valueField]: val, [this.displayField]: val } })),\r\n ...this.#allItem,\r\n ...objItem\r\n };\r\n }\r\n return values.map(val => this.#allItem[val]);\r\n }\r\n\r\n #loadItems = async (searchText: string, items: SearchFunc) => {\r\n if (this.#cache[searchText] === undefined) {\r\n this.loading = true;\r\n const results = await items(searchText).catch(() => []).finally(() => this.loading = false);\r\n const objItem = Array.toObject(results, this.valueField);\r\n this.#allItem = {\r\n ...this.#allItem,\r\n ...objItem\r\n };\r\n if (this.multiple) {\r\n const selectedItems = await this.#loadSelectedItems(this.formControl.value, items);\r\n this.#cache[searchText] = [...selectedItems, ...results].union(this.valueField);\r\n } else {\r\n this.#cache[searchText] = results.union(this.valueField);\r\n }\r\n }\r\n return this.#cache[searchText];\r\n }\r\n\r\n onSelectionChange = (change: MatSelectChange) => {\r\n this.allSelected = !this.select.options.some(e => !e.selected);\r\n const value = change?.value ?? '';\r\n if (this.multiple) {\r\n this.#onChange(value || []);\r\n } else {\r\n this.searchTerm$.next('');\r\n this.#onChange(value);\r\n }\r\n }\r\n\r\n onSelectAll() {\r\n if (this.allSelected) {\r\n this.formControl.setValue(this.select.options.map(e => e.value));\r\n } else {\r\n this.formControl.setValue([]);\r\n }\r\n this.#onChange(this.formControl.value);\r\n }\r\n\r\n reValidate = () => {\r\n this.formControl.updateValueAndValidity({ emitEvent: true });\r\n }\r\n\r\n #onChange = (value: boolean | number | string | (number | string)[]) => {\r\n if (Array.isArray(value)) {\r\n this.modelChange.emit(value);\r\n this.sdChange.emit(value);\r\n this.sdSelection.emit({\r\n value: value,\r\n items: this.selectedItems\r\n });\r\n } else {\r\n this.modelChange.emit(value);\r\n this.sdChange.emit(value);\r\n this.sdSelection.emit({\r\n value: value,\r\n item: this.selectedItems[0]\r\n });\r\n }\r\n }\r\n\r\n clear = ($event?: any) => {\r\n $event?.stopPropagation();\r\n if (this.multiple) {\r\n this.formControl.setValue([]);\r\n this.modelChange.emit([]);\r\n this.sdChange.emit([]);\r\n this.sdSelection.emit({\r\n value: [],\r\n items: []\r\n });\r\n } else {\r\n this.formControl.setValue(null);\r\n this.modelChange.emit(null);\r\n this.sdChange.emit(null);\r\n this.sdSelection.emit({\r\n value: null,\r\n item: null\r\n });\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 focus = () => {\r\n this.isFocused = true;\r\n setTimeout(() => {\r\n this.select?.focus();\r\n this.select?.open();\r\n }, 100);\r\n }\r\n\r\n #customValidator = (func: (value: any) => 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 const result = func(value);\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 onOpenChange = (isOpened: boolean) => {\r\n if (isOpened) {\r\n this.isFocused = true;\r\n if (this.#input) {\r\n this.#input.value = null;\r\n }\r\n this.searchTerm$.next('');\r\n } else {\r\n this.isFocused = false;\r\n }\r\n }\r\n}\r\n\r\ntype SearchFunc = (searchText?: string | string[], isFormValue?: boolean) => Promise<any[]>;","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 { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdSelect } from './select.component';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { SdSelectDisplayDefDirective } from './select-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\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 MatIconModule,\r\n MatSelectModule,\r\n MatProgressSpinnerModule,\r\n MatCheckboxModule,\r\n SdTranslateModule,\r\n SdCommonModule\r\n ],\r\n declarations: [\r\n SdSelect,\r\n SdSelectDisplayDefDirective\r\n ],\r\n exports: [\r\n SdSelect,\r\n SdSelectDisplayDefDirective,\r\n SdCommonModule\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdSelectModule {\r\n\r\n}\r\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/select/src/lib/select-display-def.directive.ts","../../../../projects/sd-core/select/src/lib/select.component.ts","../../../../projects/sd-core/select/src/lib/select.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","__spread","arguments","concat","__classPrivateFieldGet","receiver","state","kind","has","get","__classPrivateFieldSet","set","templateRef","Directive","args","selector","TemplateRef","SdSelect","ref","_this","_input","_name","uuid.v4","disableErrorMessage","formControl","SdFormControl","searchTerm$","Subject","_form","_itemsChanges","BehaviorSubject","loading","_delay","isRequired","_validator","multiple","limit","filtered","selectAll","modelChange","EventEmitter","sdChange","sdSelection","_subscription","Subscription","_allItems","_allItem","allSelected","_cache","isFocused","_updateValidator","clearValidators","clearAsyncValidators","validators","asyncValidators","Validators","required","_customValidator","setValidators","setAsyncValidators","updateValueAndValidity","_loadSelectedItems","items","toString","values","Array","isArray","valueField","displayField","some","val","undefined","catch","finally","results","_c","objItem","toObject","assign","map","_d","_loadItems","searchText","union","onSelectionChange","change","select","options","selected","_a","_onChange","reValidate","emitEvent","emit","item","clear","$event","stopPropagation","setValue","onClick","sdView","disabled","focus","setTimeout","_b","open","func","c","message","customValidator","onOpenChange","isOpened","defineProperty","prototype","input","NgForm","form","filter","validator","disable","enable","ngOnInit","add","touchedChanges","subscribe","markForCheck","combineLatest","asObservable","pipe","startWith","debounceTime","valueChanges","switchMap","formValue","hasFields","display","String","aliasIncludes","selectedItems","find","filteredItems","allItems","paging","join","ngAfterViewInit","addControl","ngOnDestroy","removeControl","unsubscribe","onSelectAll","Component","template","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","ViewChild","MatInput","Input","ContentChild","SdSelectDisplayDefDirective","Output","SdViewDefDirective","NgModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatTooltipModule","MatFormFieldModule","MatIconModule","MatSelectModule","MatProgressSpinnerModule","MatCheckboxModule","SdTranslateModule","SdCommonModule","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: '[sdSelectDisplayDef]'\r\n})\r\nexport class SdSelectDisplayDefDirective {\r\n constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import { Component, Input, Output, EventEmitter, ChangeDetectorRef, AfterViewInit, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy, ContentChild } from '@angular/core';\r\nimport { NgForm, Validators, ValidatorFn, AbstractControl, AsyncValidatorFn, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport { MatSelect, MatSelectChange } from '@angular/material/select';\r\nimport { BehaviorSubject, combineLatest, Observable, of, Subject, Subscription } from 'rxjs';\r\nimport { debounceTime, map, startWith, switchMap } from 'rxjs/operators';\r\nimport { MatInput } from '@angular/material/input';\r\nimport { SdSelectDisplayDefDirective } from './select-display-def.directive';\r\nimport { SdFormControl, SdViewDefDirective } from '@sd-angular/core/common';\r\n@Component({\r\n selector: 'sd-select',\r\n templateUrl: './select.component.html',\r\n styleUrls: ['./select.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdSelect implements OnInit, AfterViewInit, OnDestroy {\r\n #input: MatInput;\r\n @ViewChild(MatInput) set input(input: MatInput) {\r\n if (this.#input !== input) {\r\n this.#input = input;\r\n this.#input.value = null;\r\n }\r\n }\r\n @ViewChild('select') select: MatSelect;\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 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 formControl = new SdFormControl();\r\n\r\n searchTerm$ = new Subject<string>();\r\n\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 @Input() label: string;\r\n @Input() placeholder: string;\r\n\r\n // Model\r\n display: Observable<string>;\r\n @Input() set model(value: undefined | boolean | number | string | (number | string)[]) {\r\n this.formControl.setValue(value);\r\n }\r\n // Items\r\n\r\n #itemsChanges = new BehaviorSubject<any[] | SearchFunc>([]);\r\n @Input() set items(items: undefined | any[] | SearchFunc) {\r\n this.#delay = 0;\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.#delay = 500;\r\n this.#itemsChanges.next(items);\r\n }\r\n this.searchTerm$.next('');\r\n }\r\n @Input() valueField: string;\r\n @Input() displayField: string;\r\n\r\n // Server search\r\n loading = false;\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\r\n // Validator\r\n isRequired = false;\r\n #validator: (value: any) => string | Promise<string>;\r\n @Input() set required(val: boolean | '') {\r\n this.isRequired = (val === '') || val;\r\n this.#updateValidator();\r\n }\r\n @Input() set validator(validator: (value: any) => string | Promise<string>) {\r\n this.#validator = validator;\r\n this.#updateValidator();\r\n }\r\n // Optional\r\n @Input() set disabled(val: boolean | '') {\r\n val = (val === '') || val;\r\n if (val) {\r\n this.formControl.disable();\r\n } else {\r\n this.formControl.enable();\r\n }\r\n }\r\n multiple = false;\r\n @Input('multiple') set _multiple(val: boolean | '') {\r\n this.multiple = (val === '') || val;\r\n }\r\n @Input() limit = 100;\r\n filtered = false;\r\n @Input('filtered') set _filtered(val: boolean | '') {\r\n this.filtered = (val === '') || val;\r\n }\r\n @ContentChild(SdSelectDisplayDefDirective) selectDisplayDef: SdSelectDisplayDefDirective;\r\n selectAll = false;\r\n @Input('selectAll') set _selectAll(val: boolean | '') {\r\n this.selectAll = (val === '') || val;\r\n }\r\n\r\n @Output() modelChange = new EventEmitter();\r\n @Output() sdChange = new EventEmitter();\r\n @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any, items?: any[] }>();\r\n #subscription = new Subscription();\r\n selectedItems: Observable<any[]>;\r\n #allItems: Observable<any[]>;\r\n filteredItems: Observable<any[]>;\r\n #allItem: {\r\n [key: string]: any\r\n } = {};\r\n allSelected = false;\r\n #cache: {\r\n [key: string]: any[]\r\n } = {};\r\n @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n isFocused = false;\r\n\r\n constructor(\r\n private ref: ChangeDetectorRef) { }\r\n\r\n ngOnInit() {\r\n this.#subscription.add(this.formControl.touchedChanges.subscribe(() => {\r\n this.ref.markForCheck();\r\n }));\r\n this.#allItems = combineLatest([\r\n this.#itemsChanges.asObservable(),\r\n this.searchTerm$.asObservable().pipe(startWith(''), debounceTime(this.#delay)),\r\n this.formControl.valueChanges.pipe(startWith(this.formControl.value))]).pipe(\r\n switchMap(async ([items, val, formValue]) => {\r\n if (typeof (items) === 'function') {\r\n return await this.#loadItems(val, items);\r\n }\r\n this.#allItem = items.toObject(this.valueField);\r\n const isArray = Array.isArray(formValue);\r\n const hasFields = !!this.valueField && !!this.displayField;\r\n return items.filter(item => {\r\n const value = hasFields ? item[this.valueField] : item;\r\n const display = hasFields ? item[this.displayField] : item;\r\n if (String.aliasIncludes(value, val) || String.aliasIncludes(display, val)) {\r\n return true;\r\n }\r\n if (isArray) {\r\n return formValue.some(e => e === value)\r\n }\r\n return formValue === value;\r\n })\r\n }));\r\n this.selectedItems = combineLatest([\r\n this.#itemsChanges.asObservable(),\r\n this.formControl.valueChanges.pipe(startWith(this.formControl.value))])\r\n .pipe(\r\n switchMap(async ([items, val]) => {\r\n if (!val?.toString()) {\r\n return [];\r\n }\r\n const values = Array.isArray(val) ? val : [val];\r\n if (!this.valueField) {\r\n return values;\r\n }\r\n if (typeof (items) === 'function') {\r\n return await this.#loadSelectedItems(val, items);\r\n }\r\n return values.map(val => {\r\n return items?.find(item => item[this.valueField] === val) || {\r\n [this.valueField]: val,\r\n [this.displayField]: val\r\n };\r\n });\r\n })\r\n );\r\n this.filteredItems = this.#allItems.pipe(map(allItems => allItems.paging(this.limit)));\r\n this.display = this.selectedItems.pipe(map(selectedItems => selectedItems?.map(item => this.displayField ? item[this.displayField] : item)?.join(', ')));\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.#form?.removeControl(this.#name);\r\n this.#subscription.unsubscribe();\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 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 #loadSelectedItems = async (value: string | string[], items: SearchFunc) => {\r\n if (!value?.toString()) {\r\n return [];\r\n }\r\n const values = Array.isArray(value) ? value : [value];\r\n if (!this.valueField && !this.displayField) {\r\n return values;\r\n }\r\n this.loading = true;\r\n if (values.some(val => this.#allItem[val] === undefined)) {\r\n const results = await items(value, true).catch(() => []).finally(() => this.loading = false);\r\n const objItem = Array.toObject(results, this.valueField);\r\n this.#allItem = {\r\n ...values.map(val => ({ [val?.toString()]: { [this.valueField]: val, [this.displayField]: val } })),\r\n ...this.#allItem,\r\n ...objItem\r\n };\r\n }\r\n return values.map(val => this.#allItem[val]);\r\n }\r\n\r\n #loadItems = async (searchText: string, items: SearchFunc) => {\r\n searchText = searchText?.toString() || '';\r\n if (this.#cache[searchText] === undefined) {\r\n this.loading = true;\r\n const results = await items(searchText).catch(() => []).finally(() => this.loading = false);\r\n const objItem = Array.toObject(results, this.valueField);\r\n this.#allItem = {\r\n ...this.#allItem,\r\n ...objItem\r\n };\r\n this.#cache[searchText] = results.union(this.valueField);\r\n }\r\n if(!this.multiple) {\r\n return this.#cache[searchText];\r\n }\r\n const selectedItems = await this.#loadSelectedItems(this.formControl.value, items);\r\n return [...selectedItems, ...this.#cache[searchText]].union(this.valueField);\r\n }\r\n\r\n onSelectionChange = (change: MatSelectChange) => {\r\n this.allSelected = !this.select.options.some(e => !e.selected);\r\n const value = change?.value ?? '';\r\n if (this.multiple) {\r\n this.#onChange(value || []);\r\n } else {\r\n this.searchTerm$.next('');\r\n this.#onChange(value);\r\n }\r\n }\r\n\r\n onSelectAll() {\r\n if (this.allSelected) {\r\n this.formControl.setValue(this.select.options.map(e => e.value));\r\n } else {\r\n this.formControl.setValue([]);\r\n }\r\n this.#onChange(this.formControl.value);\r\n }\r\n\r\n reValidate = () => {\r\n this.formControl.updateValueAndValidity({ emitEvent: true });\r\n }\r\n\r\n #onChange = async (value: boolean | number | string | (number | string)[]) => {\r\n if (Array.isArray(value)) {\r\n this.modelChange.emit(value);\r\n this.sdChange.emit(value);\r\n this.sdSelection.emit({\r\n value: value,\r\n items: value.map(val => this.#allItem[val?.toString()])\r\n });\r\n } else {\r\n this.modelChange.emit(value);\r\n this.sdChange.emit(value);\r\n this.sdSelection.emit({\r\n value: value,\r\n item: this.#allItem[value?.toString()]\r\n });\r\n }\r\n }\r\n\r\n clear = ($event?: any) => {\r\n $event?.stopPropagation();\r\n if (this.multiple) {\r\n this.formControl.setValue([]);\r\n this.modelChange.emit([]);\r\n this.sdChange.emit([]);\r\n this.sdSelection.emit({\r\n value: [],\r\n items: []\r\n });\r\n } else {\r\n this.formControl.setValue(null);\r\n this.modelChange.emit(null);\r\n this.sdChange.emit(null);\r\n this.sdSelection.emit({\r\n value: null,\r\n item: null\r\n });\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 focus = () => {\r\n this.isFocused = true;\r\n setTimeout(() => {\r\n this.select?.focus();\r\n this.select?.open();\r\n }, 100);\r\n }\r\n\r\n #customValidator = (func: (value: any) => 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 const result = func(value);\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 onOpenChange = (isOpened: boolean) => {\r\n if (isOpened) {\r\n this.isFocused = true;\r\n if (this.#input) {\r\n this.#input.value = null;\r\n }\r\n this.searchTerm$.next('');\r\n } else {\r\n this.isFocused = false;\r\n }\r\n }\r\n}\r\n\r\ntype SearchFunc = (searchText?: string | string[], isFormValue?: boolean) => Promise<any[]>;","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 { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdSelect } from './select.component';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { SdSelectDisplayDefDirective } from './select-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\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 MatIconModule,\r\n MatSelectModule,\r\n MatProgressSpinnerModule,\r\n MatCheckboxModule,\r\n SdTranslateModule,\r\n SdCommonModule\r\n ],\r\n declarations: [\r\n SdSelect,\r\n SdSelectDisplayDefDirective\r\n ],\r\n exports: [\r\n SdSelect,\r\n SdSelectDisplayDefDirective,\r\n SdCommonModule\r\n ],\r\n providers: [\r\n ]\r\n})\r\nexport class SdSelectModule {\r\n\r\n}\r\n"]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@angular/common'), require('uuid'), require('rxjs'), require('
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@sd-angular/core/textarea', ['exports', '@angular/core', '@angular/forms', '@angular/common', 'uuid', 'rxjs', '
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core.textarea = {}), global.ng.core, global.ng.forms, global.ng.common, global.uuid, global.rxjs, global
|
|
5
|
-
}(this, (function (exports, core, forms, common$1, uuid, rxjs,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@angular/common'), require('uuid'), require('rxjs'), require('@sd-angular/core/common'), require('@angular/material/icon'), require('@angular/material/tooltip'), require('@angular/material/form-field'), require('@angular/material/input'), require('@sd-angular/core/translate')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@sd-angular/core/textarea', ['exports', '@angular/core', '@angular/forms', '@angular/common', 'uuid', 'rxjs', '@sd-angular/core/common', '@angular/material/icon', '@angular/material/tooltip', '@angular/material/form-field', '@angular/material/input', '@sd-angular/core/translate'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core.textarea = {}), global.ng.core, global.ng.forms, global.ng.common, global.uuid, global.rxjs, global['sd-angular'].core.common, global.ng.material.icon, global.ng.material.tooltip, global.ng.material.formField, global.ng.material.input, global['sd-angular'].core.translate));
|
|
5
|
+
}(this, (function (exports, core, forms, common$1, uuid, rxjs, common, icon, tooltip, formField, input, translate) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/*! *****************************************************************************
|
|
8
8
|
Copyright (c) Microsoft Corporation.
|
|
@@ -322,7 +322,7 @@
|
|
|
322
322
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
323
323
|
}
|
|
324
324
|
|
|
325
|
-
var _name, _form,
|
|
325
|
+
var _name, _form, _pattern, _validator, _autoHeight_1, _subscription, _onChange, _onInput, _updateValidator, _customValidator;
|
|
326
326
|
var SdTextarea = /** @class */ (function () {
|
|
327
327
|
function SdTextarea(ref) {
|
|
328
328
|
var _this = this;
|
|
@@ -330,19 +330,58 @@
|
|
|
330
330
|
_name.set(this, uuid.v4());
|
|
331
331
|
_form.set(this, void 0);
|
|
332
332
|
this.rows = 5;
|
|
333
|
-
_model.set(this, void 0);
|
|
334
333
|
this.modelChange = new core.EventEmitter();
|
|
335
334
|
this.sdChange = new core.EventEmitter();
|
|
336
335
|
// Optional
|
|
337
336
|
this.required = false;
|
|
338
337
|
_pattern.set(this, void 0);
|
|
339
338
|
_validator.set(this, void 0);
|
|
339
|
+
_autoHeight_1.set(this, false);
|
|
340
|
+
this.isFocused = false;
|
|
340
341
|
this.formControl = new common.SdFormControl();
|
|
341
342
|
_subscription.set(this, new rxjs.Subscription());
|
|
343
|
+
this.onFocus = function () {
|
|
344
|
+
_this.isFocused = true;
|
|
345
|
+
};
|
|
346
|
+
this.onBlur = function () {
|
|
347
|
+
var _a;
|
|
348
|
+
_this.isFocused = false;
|
|
349
|
+
var val = ((_a = _this.formControl.value) !== null && _a !== void 0 ? _a : '').toString();
|
|
350
|
+
if (val.length > val.trim().length) {
|
|
351
|
+
_this.formControl.setValue(val.trim());
|
|
352
|
+
}
|
|
353
|
+
};
|
|
354
|
+
this.onClick = function () {
|
|
355
|
+
var _a;
|
|
356
|
+
if ((_a = _this.sdView) === null || _a === void 0 ? void 0 : _a.templateRef) {
|
|
357
|
+
if (!_this.formControl.disabled && !_this.isFocused) {
|
|
358
|
+
_this.focus();
|
|
359
|
+
}
|
|
360
|
+
}
|
|
361
|
+
};
|
|
362
|
+
this.blur = function () {
|
|
363
|
+
var _a, _b;
|
|
364
|
+
(_b = (_a = _this.textarea) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.blur();
|
|
365
|
+
};
|
|
366
|
+
this.focus = function () {
|
|
367
|
+
_this.isFocused = true;
|
|
368
|
+
setTimeout(function () {
|
|
369
|
+
var _a, _b;
|
|
370
|
+
(_b = (_a = _this.textarea) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.focus();
|
|
371
|
+
}, 100);
|
|
372
|
+
};
|
|
342
373
|
_onChange.set(this, function (value) {
|
|
374
|
+
if (__classPrivateFieldGet(_this, _autoHeight_1)) {
|
|
375
|
+
_this.textarea.nativeElement.style.height = 'auto';
|
|
376
|
+
_this.textarea.nativeElement.style.height = (_this.textarea.nativeElement.scrollHeight) + 'px';
|
|
377
|
+
}
|
|
343
378
|
_this.modelChange.emit(value);
|
|
344
379
|
_this.sdChange.emit(value);
|
|
345
380
|
});
|
|
381
|
+
_onInput.set(this, function () {
|
|
382
|
+
// this.style.height = 'auto';
|
|
383
|
+
// this.style.height = (this.scrollHeight) + 'px';
|
|
384
|
+
});
|
|
346
385
|
_updateValidator.set(this, function () {
|
|
347
386
|
_this.formControl.clearValidators();
|
|
348
387
|
_this.formControl.clearAsyncValidators();
|
|
@@ -367,8 +406,8 @@
|
|
|
367
406
|
_customValidator.set(this, function (func) {
|
|
368
407
|
return function (c) { return __awaiter(_this, void 0, void 0, function () {
|
|
369
408
|
var value, result, message;
|
|
370
|
-
return __generator(this, function (
|
|
371
|
-
switch (
|
|
409
|
+
return __generator(this, function (_e) {
|
|
410
|
+
switch (_e.label) {
|
|
372
411
|
case 0:
|
|
373
412
|
value = c.value || null;
|
|
374
413
|
if (!(func && typeof (func) === 'function')) return [3 /*break*/, 3];
|
|
@@ -376,7 +415,7 @@
|
|
|
376
415
|
if (!(result instanceof Promise)) return [3 /*break*/, 2];
|
|
377
416
|
return [4 /*yield*/, result];
|
|
378
417
|
case 1:
|
|
379
|
-
message =
|
|
418
|
+
message = _e.sent();
|
|
380
419
|
if (message) {
|
|
381
420
|
return [2 /*return*/, {
|
|
382
421
|
customValidator: message
|
|
@@ -421,11 +460,8 @@
|
|
|
421
460
|
});
|
|
422
461
|
Object.defineProperty(SdTextarea.prototype, "model", {
|
|
423
462
|
set: function (value) {
|
|
424
|
-
if (
|
|
425
|
-
|
|
426
|
-
this.formControl.setValue(value, {
|
|
427
|
-
emitEvent: false
|
|
428
|
-
});
|
|
463
|
+
if (this.formControl.value !== value) {
|
|
464
|
+
this.formControl.setValue(value);
|
|
429
465
|
}
|
|
430
466
|
},
|
|
431
467
|
enumerable: false,
|
|
@@ -476,15 +512,27 @@
|
|
|
476
512
|
enumerable: false,
|
|
477
513
|
configurable: true
|
|
478
514
|
});
|
|
479
|
-
SdTextarea.prototype
|
|
515
|
+
Object.defineProperty(SdTextarea.prototype, "_autoHeight", {
|
|
516
|
+
set: function (val) {
|
|
517
|
+
__classPrivateFieldSet(this, _autoHeight_1, (val === '') || val);
|
|
518
|
+
},
|
|
519
|
+
enumerable: false,
|
|
520
|
+
configurable: true
|
|
521
|
+
});
|
|
522
|
+
SdTextarea.prototype.ngOnInit = function () {
|
|
480
523
|
var _this = this;
|
|
481
524
|
var _a;
|
|
482
525
|
__classPrivateFieldGet(this, _subscription).add(this.formControl.touchedChanges.subscribe(function () {
|
|
483
526
|
_this.ref.markForCheck();
|
|
484
527
|
}));
|
|
485
|
-
__classPrivateFieldGet(this, _subscription).add(this.formControl.valueChanges.
|
|
528
|
+
__classPrivateFieldGet(this, _subscription).add(this.formControl.valueChanges.subscribe(__classPrivateFieldGet(this, _onChange)));
|
|
486
529
|
(_a = __classPrivateFieldGet(this, _form)) === null || _a === void 0 ? void 0 : _a.addControl(__classPrivateFieldGet(this, _name), this.formControl);
|
|
487
|
-
|
|
530
|
+
};
|
|
531
|
+
SdTextarea.prototype.ngAfterViewInit = function () {
|
|
532
|
+
var _a, _b, _c, _d;
|
|
533
|
+
if (__classPrivateFieldGet(this, _autoHeight_1)) {
|
|
534
|
+
(_b = (_a = this.textarea) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.setAttribute('style', "height: " + ((_d = (_c = this.textarea) === null || _c === void 0 ? void 0 : _c.nativeElement) === null || _d === void 0 ? void 0 : _d.scrollHeight) + "px;overflow-y:hidden;");
|
|
535
|
+
}
|
|
488
536
|
};
|
|
489
537
|
SdTextarea.prototype.ngOnDestroy = function () {
|
|
490
538
|
var _a;
|
|
@@ -493,12 +541,12 @@
|
|
|
493
541
|
};
|
|
494
542
|
return SdTextarea;
|
|
495
543
|
}());
|
|
496
|
-
_name = new WeakMap(), _form = new WeakMap(),
|
|
544
|
+
_name = new WeakMap(), _form = new WeakMap(), _pattern = new WeakMap(), _validator = new WeakMap(), _autoHeight_1 = new WeakMap(), _subscription = new WeakMap(), _onChange = new WeakMap(), _onInput = new WeakMap(), _updateValidator = new WeakMap(), _customValidator = new WeakMap();
|
|
497
545
|
SdTextarea.decorators = [
|
|
498
546
|
{ type: core.Component, args: [{
|
|
499
547
|
selector: 'sd-textarea',
|
|
500
|
-
template: "<mat-form-field appearance=\"outline\">\r\n
|
|
501
|
-
styles: [":host ::ng-deep textarea.mat-input-element{resize:none}"]
|
|
548
|
+
template: "<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 && !isFocused; else default\">\r\n <ng-container *ngTemplateOutlet=\"sdView.templateRef;context: { value: formControl.value }\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #default>\r\n <mat-form-field appearance=\"outline\" [class.c-no-label]=\"!label\">\r\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n <textarea matInput placeholder=\"{{placeholder || label}}\" [formControl]=\"formControl\" [required]=\"required\"\r\n autocomplete=\"off\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" [rows]=\"rows\" [maxlength]=\"maxlength\" #textarea></textarea>\r\n <span *ngIf=\"maxlength && !formControl.disabled\" matSuffix>{{formControl?.value?.length ||\r\n 0}}/{{maxlength}}</span>\r\n <mat-error *ngIf=\"formControl.errors?.required\">\r\n {{'This field is required' | sdTranslate}}\r\n </mat-error>\r\n <mat-error *ngIf=\"formControl.errors?.maxlength\">\r\n {{'Max length' | sdTranslate}} <strong>{{maxlength}}</strong>\r\n </mat-error>\r\n <mat-error *ngIf=\"formControl.errors?.pattern\">\r\n {{'Pattern error' | sdTranslate}}\r\n </mat-error>\r\n <mat-error *ngIf=\"formControl.errors?.customValidator\">\r\n <strong>{{formControl.errors?.customValidator}}</strong>\r\n </mat-error>\r\n </mat-form-field>\r\n </ng-template>\r\n</div>",
|
|
549
|
+
styles: [":host ::ng-deep textarea.mat-input-element{resize:none}:host ::ng-deep .mat-form-field.c-no-label .mat-form-field-infix{border-top:0}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}"]
|
|
502
550
|
},] }
|
|
503
551
|
];
|
|
504
552
|
SdTextarea.ctorParameters = function () { return [
|
|
@@ -517,7 +565,10 @@
|
|
|
517
565
|
_maxlength: [{ type: core.Input, args: ['maxlength',] }],
|
|
518
566
|
pattern: [{ type: core.Input }],
|
|
519
567
|
validator: [{ type: core.Input }],
|
|
520
|
-
disabled: [{ type: core.Input }]
|
|
568
|
+
disabled: [{ type: core.Input }],
|
|
569
|
+
_autoHeight: [{ type: core.Input, args: ['autoHeight',] }],
|
|
570
|
+
textarea: [{ type: core.ViewChild, args: ['textarea',] }],
|
|
571
|
+
sdView: [{ type: core.ContentChild, args: [common.SdViewDefDirective,] }]
|
|
521
572
|
};
|
|
522
573
|
|
|
523
574
|
var SdTextareaModule = /** @class */ (function () {
|
|
@@ -535,12 +586,14 @@
|
|
|
535
586
|
input.MatInputModule,
|
|
536
587
|
icon.MatIconModule,
|
|
537
588
|
tooltip.MatTooltipModule,
|
|
538
|
-
translate.SdTranslateModule
|
|
589
|
+
translate.SdTranslateModule,
|
|
590
|
+
common.SdCommonModule
|
|
539
591
|
],
|
|
540
592
|
declarations: [
|
|
541
593
|
SdTextarea
|
|
542
594
|
],
|
|
543
595
|
exports: [
|
|
596
|
+
common.SdCommonModule,
|
|
544
597
|
SdTextarea
|
|
545
598
|
]
|
|
546
599
|
},] }
|