@sd-angular/core 1.0.81 → 1.0.84
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-chip.umd.js +47 -15
- package/bundles/sd-angular-core-chip.umd.js.map +1 -1
- package/bundles/sd-angular-core-chip.umd.min.js +2 -2
- package/bundles/sd-angular-core-chip.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-input.umd.js +1 -1
- package/bundles/sd-angular-core-input.umd.js.map +1 -1
- package/bundles/sd-angular-core-input.umd.min.js +1 -1
- package/bundles/sd-angular-core-input.umd.min.js.map +1 -1
- package/chip/sd-angular-core-chip.metadata.json +1 -1
- package/chip/src/lib/chip.component.d.ts +3 -0
- package/esm2015/chip/src/lib/chip.component.js +37 -13
- package/esm2015/input/src/lib/input.component.js +2 -2
- package/fesm2015/sd-angular-core-chip.js +36 -12
- package/fesm2015/sd-angular-core-chip.js.map +1 -1
- package/fesm2015/sd-angular-core-input.js +1 -1
- package/fesm2015/sd-angular-core-input.js.map +1 -1
- package/input/sd-angular-core-input.metadata.json +1 -1
- package/package.json +1 -1
- package/{sd-angular-core-1.0.81.tgz → sd-angular-core-1.0.84.tgz} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("@angular/material/tooltip"),require("@angular/material/progress-spinner"),require("@angular/cdk/keycodes"),require("rxjs/operators"),require("uuid"),require("@angular/forms"),require("rxjs"),require("@angular/material/autocomplete"),require("@sd-angular/core/common"),require("@angular/material/input"),require("@angular/material/form-field"),require("@sd-angular/core/translate"),require("@angular/material/chips")):"function"==typeof define&&define.amd?define("@sd-angular/core/chip",["exports","@angular/core","@angular/common","@angular/material/icon","@angular/material/tooltip","@angular/material/progress-spinner","@angular/cdk/keycodes","rxjs/operators","uuid","@angular/forms","rxjs","@angular/material/autocomplete","@sd-angular/core/common","@angular/material/input","@angular/material/form-field","@sd-angular/core/translate","@angular/material/chips"],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.chip={}),e.ng.core,e.ng.common,e.ng.material.icon,e.ng.material.tooltip,e.ng.material.progressSpinner,e.ng.cdk.keycodes,e.rxjs.operators,e.uuid,e.ng.forms,e.rxjs,e.ng.material.autocomplete,e["sd-angular"].core.common,e.ng.material.input,e.ng.material.formField,e["sd-angular"].core.translate,e.ng.material.chips)}(this,(function(e,t,n,r,i,
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("@angular/material/tooltip"),require("@angular/material/progress-spinner"),require("@angular/cdk/keycodes"),require("rxjs/operators"),require("uuid"),require("@angular/forms"),require("rxjs"),require("@angular/material/autocomplete"),require("@sd-angular/core/common"),require("@angular/material/input"),require("@angular/material/form-field"),require("@sd-angular/core/translate"),require("@angular/material/chips")):"function"==typeof define&&define.amd?define("@sd-angular/core/chip",["exports","@angular/core","@angular/common","@angular/material/icon","@angular/material/tooltip","@angular/material/progress-spinner","@angular/cdk/keycodes","rxjs/operators","uuid","@angular/forms","rxjs","@angular/material/autocomplete","@sd-angular/core/common","@angular/material/input","@angular/material/form-field","@sd-angular/core/translate","@angular/material/chips"],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.chip={}),e.ng.core,e.ng.common,e.ng.material.icon,e.ng.material.tooltip,e.ng.material.progressSpinner,e.ng.cdk.keycodes,e.rxjs.operators,e.uuid,e.ng.forms,e.rxjs,e.ng.material.autocomplete,e["sd-angular"].core.common,e.ng.material.input,e.ng.material.formField,e["sd-angular"].core.translate,e.ng.material.chips)}(this,(function(e,t,n,o,r,i,a,l,s,u,d,c,p,m,f,h,v){"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 g(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(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(a,l)}s((r=r.apply(e,t||[])).next())}))}function y(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(o){return function(l){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(i=2&o[0]?r.return:o[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;switch(r=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,r=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){a.label=o[1];break}if(6===o[0]&&a.label<i[1]){a.label=i[1],i=o;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(o);break}i[2]&&a.ops.pop(),a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e],r=0}finally{n=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,l])}}}Object.create;function b(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}function C(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}Object.create;function w(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 F(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 M,x,V,I,S,O,j,k,T,P,A,E,q,R=function(e){this.templateRef=e};R.decorators=[{type:t.Directive,args:[{selector:"[sdChipDisplayDef]"}]}],R.ctorParameters=function(){return[{type:t.TemplateRef}]};var D=function(){function e(e){this.formControl=e}return e.prototype.isErrorState=function(e,t){var n,r,i,o=t&&t.submitted;return!(!(null===(n=this.formControl)||void 0===n?void 0:n.invalid)||!((null===(r=this.formControl)||void 0===r?void 0:r.dirty)||(null===(i=this.formControl)||void 0===i?void 0:i.touched)||o))},e}(),W=function(){function e(e){var n=this;this.ref=e,M.set(this,s.v4()),this.separatorKeysCodes=[a.ENTER,a.COMMA],this.selectable=!0,x.set(this,void 0),V.set(this,void 0),this.removable=!0,this.loading=!1,I.set(this,void 0),S.set(this,{}),O.set(this,{}),j.set(this,200),k.set(this,new c.BehaviorSubject([])),this.limit=50,T.set(this,void 0),this.isRequired=!1,this.modelChange=new t.EventEmitter,this.sdChange=new t.EventEmitter,this.sdUpdate=new t.EventEmitter,this.chipSelected=new t.EventEmitter,this.isFocused=!1,this.inputControl=new u.FormControl,this.formControl=new p.SdFormControl,this.matcher=new D(this.formControl),P.set(this,new c.Subscription),A.set(this,(function(){n.formControl.clearValidators(),n.formControl.clearAsyncValidators();var e=[];n.isRequired&&e.push(u.Validators.required),n.min>0&&e.push(u.Validators.minLength(n.min)),n.max>0&&e.push(u.Validators.maxLength(n.max)),n.formControl.setValidators(e),n.formControl.setAsyncValidators([]),n.formControl.updateValueAndValidity()})),E.set(this,(function(e,t){return g(n,void 0,void 0,(function(){var n,r,i=this;return y(this,(function(o){switch(o.label){case 0:return e=(null==e?void 0:e.toString())||"",void 0!==w(this,O)[e]?[3,2]:(this.loading=!0,[4,t(e).catch((function(){return[]})).finally((function(){return i.loading=!1}))]);case 1:n=o.sent(),r=Array.toObject(n,this.valueField),F(this,S,Object.assign(Object.assign({},w(this,S)),r)),w(this,O)[e]=n.union(this.valueField),o.label=2;case 2:return[4,w(this,q).call(this,this.formControl.value,t)];case 3:return[2,C(o.sent(),w(this,O)[e]).union(this.valueField)]}}))}))})),q.set(this,(function(e,t){return g(n,void 0,void 0,(function(){var n,r,i,o,a=this;return y(this,(function(l){switch(l.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===w(a,S)[e]}))?[4,t(e,!0).catch((function(){return[]})).finally((function(){return a.loading=!1}))]:[3,2]):[2,n]):[2,[]];case 1:r=l.sent(),i=Array.toObject(r,this.valueField),o=Array.toObject(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})),this.valueField),F(this,S,Object.assign(Object.assign(Object.assign({},o),w(this,S)),i)),l.label=2;case 2:return[2,n.map((function(e){var t,n;return null!==(n=w(a,S)[null==e?void 0:e.toString()])&&void 0!==n?n:((t={})[a.valueField]=e,t[a.displayField]=e,t)}))]}}))}))})),this.onAdd=function(e){var t,r,i,o,a,l,s=(null!==(t=e.value)&&void 0!==t?t:"").toString().trim();if(s)if(n.valueField&&n.displayField){if(l=w(n,T).find((function(e){return e[n.displayField]===s})))(u=null!==(r=n.formControl.value)&&void 0!==r?r:[]).push(l[n.valueField]),n.formControl.setValue(u);else if(w(n,V)){(u=null!==(i=n.formControl.value)&&void 0!==i?i:[]).push(s),n.formControl.setValue(u)}}else if(l=w(n,T).find((function(e){return e===s})))(u=null!==(o=n.formControl.value)&&void 0!==o?o:[]).push(l),n.formControl.setValue(u);else if(w(n,V)){var u;(u=null!==(a=n.formControl.value)&&void 0!==a?a:[]).push(s),n.formControl.setValue(u)}n.input.nativeElement.value="",n.inputControl.setValue("")},this.onAdd2=function(e){var t,r,i=(null!==(t=e.value)&&void 0!==t?t:"").toString().toLowerCase().trim();if(i){var o=w(n,T).find((function(e){return e[n.valueField]&&e[n.valueField].toString().toLowerCase().trim()===i}));if(o){var a=null!==(r=n.formControl.value)&&void 0!==r?r:[];a.includes(o[n.valueField])||a.push(o[n.valueField]),n.formControl.setValue(a)}}n.inputControl.setValue("")},this.onRemove=function(e){var t,r=null!==(t=n.formControl.value)&&void 0!==t?t:[];"string"==typeof e||"number"==typeof e?n.formControl.setValue(r.filter((function(t){return e!==t}))):n.valueField&&n.formControl.setValue(r.filter((function(t){return(null==e?void 0:e[n.valueField])!==t}))),n.inputControl.setValue("")},this.select=function(e){n.chipSelected.emit(e)},this.onSelect=function(e){var t,r=e.option.value,i=null!==(t=n.formControl.value)&&void 0!==t?t:[];if(r){if("string"==typeof r||"number"==typeof r)i.includes(r)||(i.push(r),n.formControl.setValue(i),n.modelChange.emit(i),n.sdChange.emit(i),setTimeout((function(){var e;null===(e=n.autocompleteTrigger)||void 0===e||e.openPanel()}),0));else if(n.valueField){var o=(null==r?void 0:r[n.valueField])||null;i.includes(o)||(i.push(o),n.formControl.setValue(i),n.modelChange.emit(i),n.sdChange.emit(i),setTimeout((function(){var e;null===(e=n.autocompleteTrigger)||void 0===e||e.openPanel()}),0))}n.input.nativeElement.value="",n.inputControl.setValue("",{emitEvent:!1})}},this.onFocus=function(){n.isFocused=!0,n.inputControl.setValue("")},this.onBlur=function(){n.isFocused=!1,n.inputControl.setValue("",{emitEvent:!1})},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,r;null===(e=n.autocompleteTrigger)||void 0===e||e.openPanel(),null===(r=null===(t=n.input)||void 0===t?void 0:t.nativeElement)||void 0===r||r.focus()}),100)},this.onClear=function(e){var t;null==e||e.stopPropagation(),n.inputControl.setValue(""),n.formControl.setValue([]),null===(t=n.autocompleteTrigger)||void 0===t||t.openPanel(),n.ref.detectChanges()}}return Object.defineProperty(e.prototype,"name",{set:function(e){e&&F(this,M,e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"form",{set:function(e){e&&(e instanceof u.NgForm?F(this,x,e.form):F(this,x,e))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"addable",{set:function(e){F(this,V,""===e||e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_removable",{set:function(e){this.removable=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"items",{set:function(e){F(this,j,0),e?Array.isArray(e)?w(this,k).next(e.filter((function(e){return null!=e}))):(F(this,j,500),w(this,k).next(e)):w(this,k).next([]),this.formControl.updateValueAndValidity()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"model",{set:function(e){Array.isArray(e)||(e=[]),this.formControl.setValue(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"required",{set:function(e){this.isRequired=""===e||e,w(this,A).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"pMin",{set:function(e){this.min=+e||0,w(this,A).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"pMax",{set:function(e){this.max=+e||0,w(this,A).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{set:function(e){(e=""===e||e)?(this.formControl.disable(),this.inputControl.disable()):(this.formControl.enable(),this.inputControl.enable())},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.ngAfterViewInit=function(){var e,t=this;w(this,P).add(this.formControl.sdChanges.subscribe((function(){t.ref.markForCheck()}))),F(this,I,c.combineLatest([w(this,k).asObservable(),this.inputControl.valueChanges.pipe(l.startWith(""),l.debounceTime(w(this,j))),this.formControl.valueChanges.pipe(l.startWith(this.formControl.value))]).pipe(l.switchMap((function(e){var n=b(e,1)[0];return g(t,void 0,void 0,(function(){var e,t,r,i=this;return y(this,(function(o){switch(o.label){case 0:return e=this.inputControl.value,t=this.formControl.value||[],"function"!=typeof n?[3,2]:[4,w(this,E).call(this,e,n)];case 1:return[2,o.sent()];case 2:return F(this,S,n.toObject(this.valueField)),r=!!this.valueField&&!!this.displayField,F(this,T,n.filter((function(n){var o=r?n[i.valueField]:n,a=r?n[i.displayField]:n;return!(!String.aliasIncludes(o,e)&&!String.aliasIncludes(a,e))||t.some((function(e){return e===o}))}))),[2,w(this,T)]}}))}))})))),this.selectedItems=c.combineLatest([w(this,k).asObservable(),this.formControl.valueChanges.pipe(l.startWith(this.formControl.value))]).pipe(l.switchMap((function(e){var n=b(e,2),r=n[0],i=n[1];return g(t,void 0,void 0,(function(){var e,t=this;return y(this,(function(n){switch(n.label){case 0:return i=this.formControl.value,this.valueField?"function"!=typeof r?[3,2]:[4,w(this,q).call(this,i,r)]:[2,this.formControl.value];case 1:return[2,n.sent()];case 2:return[2,null===(e=this.formControl.value||[])||void 0===e?void 0: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=w(this,I).pipe(l.map((function(e){return e.filter((function(e){var n=t.formControl.value||[];return t.valueField?!n.includes(null==e?void 0:e[t.valueField]):!n.includes(e)})).paging(t.limit)}))),null===(e=w(this,x))||void 0===e||e.addControl(w(this,M),this.formControl)},e.prototype.ngOnDestroy=function(){var e;null===(e=w(this,x))||void 0===e||e.removeControl(w(this,M)),w(this,P).unsubscribe()},e}();M=new WeakMap,x=new WeakMap,V=new WeakMap,I=new WeakMap,S=new WeakMap,O=new WeakMap,j=new WeakMap,k=new WeakMap,T=new WeakMap,P=new WeakMap,A=new WeakMap,E=new WeakMap,q=new WeakMap,W.decorators=[{type:t.Component,args:[{selector:"sd-chip",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 && !autocompleteTrigger?.panelOpen && !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 class="c-md" [ngClass]="{\'c-sm\': size === \'sm\'}" appearance="outline">\r\n <mat-label *ngIf="label">{{label}}</mat-label>\r\n <mat-chip-list [formControl]="formControl" #chipList>\r\n <ng-container *ngFor="let item of selectedItems | async">\r\n <mat-chip *ngIf="item" [selectable]="selectable" [removable]="true" (removed)="onRemove(item)"\r\n [selected]="item.isSelected" (selectionChange)="select(item)" [disabled]="inputControl.disabled"\r\n (click)="item.isSelected = !item.isSelected">\r\n <ng-container *ngIf="sdChipDisplay?.templateRef">\r\n <ng-container *ngTemplateOutlet="sdChipDisplay.templateRef;context:{item: item}">\r\n </ng-container>\r\n </ng-container>\r\n <span *ngIf="!sdChipDisplay?.templateRef">{{item[displayField] || item[valueField] || item}}</span>\r\n <mat-icon *ngIf="!inputControl.disabled && item | sdRemovableChip:removable" matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n </ng-container>\r\n <input #autocompleteTrigger [formControl]="inputControl" [placeholder]="placeholder || label"\r\n [matAutocomplete]="auto" [matChipInputFor]="chipList" [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\r\n (matChipInputTokenEnd)="onAdd($event)" autocomplete="off" [errorStateMatcher]="matcher" (focus)="onFocus()"\r\n (blur)="onBlur()" matInput #input>\r\n </mat-chip-list>\r\n <mat-error *ngIf="formControl?.errors?.minItem">\r\n {{formControl?.errors?.minItem}}\r\n </mat-error>\r\n <mat-autocomplete #auto="matAutocomplete" (optionSelected)="onSelect($event)">\r\n <mat-option *ngFor="let item of filteredItems | async" [value]="item" matTooltipPosition="above"\r\n [matTooltip]="displayField ? item[displayField] : item">\r\n {{ displayField ? item[displayField] : item }}\r\n </mat-option>\r\n </mat-autocomplete>\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.c-md .mat-form-field-infix{min-height:43.5px;padding:2px 0}:host ::ng-deep mat-form-field.c-md .mat-standard-chip{min-height:26px;padding:7px 10px}:host ::ng-deep mat-form-field.c-md .mat-standard-chip.mat-chip-with-trailing-icon{padding:7px 7px 7px 10px}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}"]}]}],W.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},W.propDecorators={name:[{type:t.Input}],size:[{type:t.Input}],form:[{type:t.Input}],addable:[{type:t.Input}],label:[{type:t.Input}],valueField:[{type:t.Input}],displayField:[{type:t.Input}],placeholder:[{type:t.Input}],_removable:[{type:t.Input,args:["removable"]}],items:[{type:t.Input}],limit:[{type:t.Input}],model:[{type:t.Input}],required:[{type:t.Input}],pMin:[{type:t.Input,args:["min"]}],pMax:[{type:t.Input,args:["max"]}],modelChange:[{type:t.Output}],disabled:[{type:t.Input}],sdChange:[{type:t.Output}],sdUpdate:[{type:t.Output}],chipSelected:[{type:t.Output}],input:[{type:t.ViewChild,args:["input"]}],matAutocomplete:[{type:t.ViewChild,args:["auto"]}],chipList:[{type:t.ViewChild,args:["chipList",{static:!0}]}],autocompleteTrigger:[{type:t.ViewChild,args:[d.MatAutocompleteTrigger,{read:d.MatAutocompleteTrigger}]}],sdView:[{type:t.ContentChild,args:[p.SdViewDefDirective]}],sdChipDisplay:[{type:t.ContentChild,args:[R]}]};var L=function(){function e(){}return e.prototype.transform=function(e,t){return"boolean"==typeof t?t:t(e)},e}();L.decorators=[{type:t.Pipe,args:[{name:"sdRemovableChip"}]}],L.ctorParameters=function(){return[]};var _=function(){};_.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,u.FormsModule,u.ReactiveFormsModule,m.MatInputModule,i.MatTooltipModule,f.MatFormFieldModule,d.MatAutocompleteModule,r.MatIconModule,o.MatProgressSpinnerModule,v.MatChipsModule,h.SdTranslateModule,p.SdCommonModule],declarations:[W,R,L],exports:[p.SdCommonModule,W,R]}]}],e.SdChip=W,e.SdChipDisplayDef=R,e.SdChipModule=_,e.ɵa=L,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
15
|
+
***************************************************************************** */function g(e,t,n,o){return new(n||(n=Promise))((function(r,i){function a(e){try{s(o.next(e))}catch(e){i(e)}}function l(e){try{s(o.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,l)}s((o=o.apply(e,t||[])).next())}))}function C(e,t){var n,o,r,i,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,o&&(r=2&i[0]?o.return:i[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,i[1])).done)return r;switch(o=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,o=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(r=a.trys,(r=r.length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){a.label=i[1];break}if(6===i[0]&&a.label<r[1]){a.label=r[1],r=i;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(i);break}r[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],o=0}finally{n=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}}Object.create;function y(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function b(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(y(arguments[t]));return e}Object.create;function w(e,t,n,o){if("a"===n&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?o:"a"===n?o.call(e):o?o.value:t.get(e)}function F(e,t,n,o,r){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?r.call(e,n):r?r.value=n:t.set(e,n),n}var M,x,V,S,I,O,j,k,T,E,P,A,q,R,W=function(e){this.templateRef=e};W.decorators=[{type:t.Directive,args:[{selector:"[sdChipDisplayDef]"}]}],W.ctorParameters=function(){return[{type:t.TemplateRef}]};var D=function(){function e(e){this.formControl=e}return e.prototype.isErrorState=function(e,t){var n,o,r,i=t&&t.submitted;return!(!(null===(n=this.formControl)||void 0===n?void 0:n.invalid)||!((null===(o=this.formControl)||void 0===o?void 0:o.dirty)||(null===(r=this.formControl)||void 0===r?void 0:r.touched)||i))},e}(),L=function(){function e(e){var n=this;this.ref=e,M.set(this,s.v4()),this.separatorKeysCodes=[a.ENTER,a.COMMA],this.selectable=!0,x.set(this,void 0),V.set(this,void 0),this.removable=!0,this.disableErrorMessage=!1,this.loading=!1,S.set(this,void 0),I.set(this,{}),O.set(this,{}),j.set(this,200),k.set(this,new d.BehaviorSubject([])),this.limit=50,T.set(this,[]),E.set(this,void 0),this.isRequired=!1,this.modelChange=new t.EventEmitter,this.sdChange=new t.EventEmitter,this.sdUpdate=new t.EventEmitter,this.chipSelected=new t.EventEmitter,this.isFocused=!1,this.inputControl=new u.FormControl,this.formControl=new p.SdFormControl,this.matcher=new D(this.formControl),P.set(this,new d.Subscription),A.set(this,(function(){n.formControl.clearValidators(),n.formControl.clearAsyncValidators();var e=[];n.isRequired&&e.push(u.Validators.required),n.min>0&&e.push(u.Validators.minLength(n.min)),n.max>0&&e.push(u.Validators.maxLength(n.max)),n.formControl.setValidators(e),n.formControl.setAsyncValidators([]),n.formControl.updateValueAndValidity()})),q.set(this,(function(e,t){return g(n,void 0,void 0,(function(){var n,o,r=this;return C(this,(function(i){switch(i.label){case 0:return e=(null==e?void 0:e.toString())||"",void 0!==w(this,O)[e]?[3,2]:(this.loading=!0,[4,t(e).catch((function(){return[]})).finally((function(){return r.loading=!1}))]);case 1:n=i.sent(),o=Array.toObject(n,this.valueField),F(this,I,Object.assign(Object.assign({},w(this,I)),o)),w(this,O)[e]=n.union(this.valueField),i.label=2;case 2:return[4,w(this,R).call(this,this.formControl.value,t)];case 3:return[2,b(i.sent(),w(this,O)[e]).union(this.valueField)]}}))}))})),R.set(this,(function(e,t){return g(n,void 0,void 0,(function(){var n,o,r,i,a=this;return C(this,(function(l){switch(l.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===w(a,I)[e]}))?[4,t(e,!0).catch((function(){return[]})).finally((function(){return a.loading=!1}))]:[3,2]):[2,n]):[2,[]];case 1:o=l.sent(),r=Array.toObject(o,this.valueField),i=Array.toObject(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})),this.valueField),F(this,I,Object.assign(Object.assign(Object.assign({},i),w(this,I)),r)),l.label=2;case 2:return[2,n.map((function(e){var t,n;return null!==(n=w(a,I)[null==e?void 0:e.toString()])&&void 0!==n?n:((t={})[a.valueField]=e,t[a.displayField]=e,t)}))]}}))}))})),this.onAdd=function(e){var t,o,r,i,a,l,s=(null!==(t=e.value)&&void 0!==t?t:"").toString().trim();if(s)if(n.valueField&&n.displayField){if(l=w(n,E).find((function(e){return e[n.displayField]===s})))(u=null!==(o=n.formControl.value)&&void 0!==o?o:[]).push(l[n.valueField]),n.formControl.setValue(u),n.modelChange.emit(n.formControl.value),n.sdChange.emit(n.formControl.value);else if(w(n,V)){(u=null!==(r=n.formControl.value)&&void 0!==r?r:[]).push(s),n.formControl.setValue(u),n.modelChange.emit(n.formControl.value),n.sdChange.emit(n.formControl.value)}}else if(l=w(n,E).find((function(e){return e===s})))(u=null!==(i=n.formControl.value)&&void 0!==i?i:[]).push(l),n.formControl.setValue(u),n.modelChange.emit(n.formControl.value),n.sdChange.emit(n.formControl.value);else if(w(n,V)){var u;(u=null!==(a=n.formControl.value)&&void 0!==a?a:[]).push(s),n.formControl.setValue(u),n.modelChange.emit(n.formControl.value),n.sdChange.emit(n.formControl.value)}n.input.nativeElement.value="",n.inputControl.setValue("")},this.onAdd2=function(e){var t,o,r=(null!==(t=e.value)&&void 0!==t?t:"").toString().toLowerCase().trim();if(r){var i=w(n,E).find((function(e){return e[n.valueField]&&e[n.valueField].toString().toLowerCase().trim()===r}));if(i){var a=null!==(o=n.formControl.value)&&void 0!==o?o:[];a.includes(i[n.valueField])||a.push(i[n.valueField]),n.formControl.setValue(a)}}n.inputControl.setValue("")},this.onRemove=function(e){var t,o=null!==(t=n.formControl.value)&&void 0!==t?t:[];"string"==typeof e||"number"==typeof e?(n.formControl.setValue(o.filter((function(t){return e!==t}))),n.modelChange.emit(n.formControl.value),n.sdChange.emit(n.formControl.value)):n.valueField&&(n.formControl.setValue(o.filter((function(t){return(null==e?void 0:e[n.valueField])!==t}))),n.modelChange.emit(n.formControl.value),n.sdChange.emit(n.formControl.value)),n.inputControl.setValue("")},this.select=function(e){n.chipSelected.emit(e)},this.onSelect=function(e){var t,o=e.option.value,r=null!==(t=n.formControl.value)&&void 0!==t?t:[];if(o){if("string"==typeof o||"number"==typeof o)r.includes(o)||(r.push(o),n.formControl.setValue(r),n.modelChange.emit(n.formControl.value),n.sdChange.emit(n.formControl.value),setTimeout((function(){var e;null===(e=n.autocompleteTrigger)||void 0===e||e.openPanel()}),0));else if(n.valueField){var i=(null==o?void 0:o[n.valueField])||null;r.includes(i)||(r.push(i),n.formControl.setValue(r),n.modelChange.emit(n.formControl.value),n.sdChange.emit(n.formControl.value),setTimeout((function(){var e;null===(e=n.autocompleteTrigger)||void 0===e||e.openPanel()}),0))}n.input.nativeElement.value="",n.inputControl.setValue("",{emitEvent:!1})}},this.onFocus=function(){n.isFocused=!0,n.inputControl.setValue("")},this.onBlur=function(){n.isFocused=!1,n.inputControl.setValue("",{emitEvent:!1})},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,o;null===(e=n.autocompleteTrigger)||void 0===e||e.openPanel(),null===(o=null===(t=n.input)||void 0===t?void 0:t.nativeElement)||void 0===o||o.focus()}),100)},this.onClear=function(e){var t;null==e||e.stopPropagation(),n.inputControl.setValue(""),n.formControl.setValue([]),n.modelChange.emit(n.formControl.value),n.sdChange.emit(n.formControl.value),null===(t=n.autocompleteTrigger)||void 0===t||t.openPanel(),n.ref.detectChanges()},this.getSelectedItems=function(){return w(n,T)}}return Object.defineProperty(e.prototype,"name",{set:function(e){e&&F(this,M,e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"form",{set:function(e){e&&(e instanceof u.NgForm?F(this,x,e.form):F(this,x,e))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"addable",{set:function(e){F(this,V,""===e||e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_removable",{set:function(e){this.removable=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_disableErrorMessage",{set:function(e){this.disableErrorMessage=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"items",{set:function(e){F(this,j,0),e?Array.isArray(e)?w(this,k).next(e.filter((function(e){return null!=e}))):(F(this,j,500),w(this,k).next(e)):w(this,k).next([]),this.formControl.updateValueAndValidity()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"model",{set:function(e){Array.isArray(e)||(e=[]),this.formControl.setValue(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"required",{set:function(e){this.isRequired=""===e||e,w(this,A).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"pMin",{set:function(e){this.min=+e||0,w(this,A).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"pMax",{set:function(e){this.max=+e||0,w(this,A).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{set:function(e){(e=""===e||e)?(this.formControl.disable(),this.inputControl.disable()):(this.formControl.enable(),this.inputControl.enable())},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.ngAfterViewInit=function(){var e,t=this;w(this,P).add(this.formControl.sdChanges.subscribe((function(){t.ref.markForCheck()}))),F(this,S,d.combineLatest([w(this,k).asObservable(),this.inputControl.valueChanges.pipe(l.startWith(""),l.debounceTime(w(this,j))),this.formControl.valueChanges.pipe(l.startWith(this.formControl.value))]).pipe(l.switchMap((function(e){var n=y(e,1)[0];return g(t,void 0,void 0,(function(){var e,t,o,r=this;return C(this,(function(i){switch(i.label){case 0:return e=this.inputControl.value,t=this.formControl.value||[],"function"!=typeof n?[3,2]:[4,w(this,q).call(this,e,n)];case 1:return[2,i.sent()];case 2:return F(this,I,n.toObject(this.valueField)),o=!!this.valueField&&!!this.displayField,F(this,E,n.filter((function(n){var i=o?n[r.valueField]:n,a=o?n[r.displayField]:n;return!(!String.aliasIncludes(i,e)&&!String.aliasIncludes(a,e))||t.some((function(e){return e===i}))}))),[2,w(this,E)]}}))}))})))),this.selectedItems=d.combineLatest([w(this,k).asObservable(),this.formControl.valueChanges.pipe(l.startWith(this.formControl.value))]).pipe(l.switchMap((function(e){var n=y(e,2),o=n[0],r=n[1];return g(t,void 0,void 0,(function(){var e,t,n,i=this;return C(this,(function(a){switch(a.label){case 0:return r=this.formControl.value,this.valueField?"function"!=typeof o?[3,2]:(t=F,n=[this,T],[4,w(this,R).call(this,r,o)]):(F(this,T,this.formControl.value),[2,w(this,T)]);case 1:return t.apply(void 0,n.concat([a.sent()])),[2,w(this,T)];case 2:return F(this,T,null===(e=this.formControl.value||[])||void 0===e?void 0:e.map((function(e){var t;return(null==o?void 0:o.find((function(t){return t[i.valueField]===e})))||((t={})[i.valueField]=e,t[i.displayField]=e,t)}))),[2,w(this,T)]}}))}))}))),this.filteredItems=w(this,S).pipe(l.map((function(e){return e.filter((function(e){var n=t.formControl.value||[];return t.valueField?!n.includes(null==e?void 0:e[t.valueField]):!n.includes(e)})).paging(t.limit)}))),null===(e=w(this,x))||void 0===e||e.addControl(w(this,M),this.formControl)},e.prototype.ngOnDestroy=function(){var e;null===(e=w(this,x))||void 0===e||e.removeControl(w(this,M)),w(this,P).unsubscribe()},e}();M=new WeakMap,x=new WeakMap,V=new WeakMap,S=new WeakMap,I=new WeakMap,O=new WeakMap,j=new WeakMap,k=new WeakMap,T=new WeakMap,E=new WeakMap,P=new WeakMap,A=new WeakMap,q=new WeakMap,R=new WeakMap,L.decorators=[{type:t.Component,args:[{selector:"sd-chip",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 && !autocompleteTrigger?.panelOpen && !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 class="c-md" [ngClass]="{\'c-sm\': size === \'sm\', \'no-padding-wrapper\': disableErrorMessage}" appearance="outline">\r\n <mat-label *ngIf="label">{{label}}</mat-label>\r\n <mat-chip-list [formControl]="formControl" #chipList>\r\n <ng-container *ngFor="let item of selectedItems | async">\r\n <mat-chip *ngIf="item" [selectable]="selectable" [removable]="removable" (removed)="onRemove(item)"\r\n [selected]="item.isSelected" (selectionChange)="select(item)" [disabled]="inputControl.disabled"\r\n (click)="item.isSelected = !item.isSelected">\r\n <ng-container *ngIf="sdChipDisplay?.templateRef">\r\n <ng-container *ngTemplateOutlet="sdChipDisplay.templateRef;context:{item: item}">\r\n </ng-container>\r\n </ng-container>\r\n <span *ngIf="!sdChipDisplay?.templateRef">{{item[displayField] || item[valueField] || item}}</span>\r\n <mat-icon *ngIf="!inputControl.disabled && item | sdRemovableChip:removable" matChipRemove>cancel</mat-icon>\r\n </mat-chip>\r\n </ng-container>\r\n <input #autocompleteTrigger [formControl]="inputControl" [placeholder]="placeholder || label"\r\n [matAutocomplete]="auto" [matChipInputFor]="chipList" [matChipInputSeparatorKeyCodes]="separatorKeysCodes"\r\n (matChipInputTokenEnd)="onAdd($event)" autocomplete="off" [errorStateMatcher]="matcher" (focus)="onFocus()"\r\n (blur)="onBlur()" matInput #input>\r\n </mat-chip-list>\r\n <mat-autocomplete #auto="matAutocomplete" (optionSelected)="onSelect($event)">\r\n <mat-option *ngFor="let item of filteredItems | async" [value]="item" matTooltipPosition="above"\r\n [matTooltip]="displayField ? item[displayField] : item">\r\n {{ displayField ? item[displayField] : item }}\r\n </mat-option>\r\n </mat-autocomplete>\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.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep mat-form-field.c-md .mat-form-field-infix{min-height:43.5px;padding:2px 0}:host ::ng-deep mat-form-field.c-md .mat-standard-chip{min-height:26px;padding:7px 10px}:host ::ng-deep mat-form-field.c-md .mat-standard-chip.mat-chip-with-trailing-icon{padding:7px 7px 7px 10px}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}"]}]}],L.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},L.propDecorators={name:[{type:t.Input}],size:[{type:t.Input}],form:[{type:t.Input}],addable:[{type:t.Input}],label:[{type:t.Input}],valueField:[{type:t.Input}],displayField:[{type:t.Input}],placeholder:[{type:t.Input}],_removable:[{type:t.Input,args:["removable"]}],_disableErrorMessage:[{type:t.Input,args:["disableErrorMessage"]}],items:[{type:t.Input}],limit:[{type:t.Input}],model:[{type:t.Input}],required:[{type:t.Input}],pMin:[{type:t.Input,args:["min"]}],pMax:[{type:t.Input,args:["max"]}],modelChange:[{type:t.Output}],disabled:[{type:t.Input}],sdChange:[{type:t.Output}],sdUpdate:[{type:t.Output}],chipSelected:[{type:t.Output}],input:[{type:t.ViewChild,args:["input"]}],matAutocomplete:[{type:t.ViewChild,args:["auto"]}],chipList:[{type:t.ViewChild,args:["chipList",{static:!0}]}],autocompleteTrigger:[{type:t.ViewChild,args:[c.MatAutocompleteTrigger,{read:c.MatAutocompleteTrigger}]}],sdView:[{type:t.ContentChild,args:[p.SdViewDefDirective]}],sdChipDisplay:[{type:t.ContentChild,args:[W]}]};var _=function(){function e(){}return e.prototype.transform=function(e,t){return"boolean"==typeof t?t:t(e)},e}();_.decorators=[{type:t.Pipe,args:[{name:"sdRemovableChip"}]}],_.ctorParameters=function(){return[]};var B=function(){};B.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,u.FormsModule,u.ReactiveFormsModule,m.MatInputModule,r.MatTooltipModule,f.MatFormFieldModule,c.MatAutocompleteModule,o.MatIconModule,i.MatProgressSpinnerModule,v.MatChipsModule,h.SdTranslateModule,p.SdCommonModule],declarations:[L,W,_],exports:[p.SdCommonModule,L,W]}]}],e.SdChip=L,e.SdChipDisplayDef=W,e.SdChipModule=B,e.ɵa=_,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
16
16
|
//# sourceMappingURL=sd-angular-core-chip.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/chip/src/lib/directives/sd-chip-display-def.directive.ts","../../../../projects/sd-core/chip/src/lib/chip.component.ts","../../../../projects/sd-core/chip/src/lib/pipes/removable-chip.pipe.ts","../../../../projects/sd-core/chip/src/lib/chip.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","SdChipErrotStateMatcher","formControl","prototype","isErrorState","control","form","isSubmitted","submitted","_a","invalid","_b","dirty","_c","touched","SdChip","ref","_this","_name","uuid.v4","separatorKeysCodes","ENTER","COMMA","selectable","_form","_addable","removable","loading","_allItems","_allItem","_cache","_delay","_itemsChanges","BehaviorSubject","limit","_filteredItems","isRequired","modelChange","EventEmitter","sdChange","sdUpdate","chipSelected","isFocused","inputControl","FormControl","SdFormControl","matcher","_subscription","Subscription","_updateValidator","clearValidators","clearAsyncValidators","validators","Validators","required","min","minLength","max","maxLength","setValidators","setAsyncValidators","updateValueAndValidity","_loadItems","searchText","items","toString","undefined","catch","finally","results","_f","objItem","Array","toObject","valueField","assign","union","_loadSelectedItems","values","isArray","displayField","some","val","objValue","map","_g","onAdd","event","item","trim","find","setValue","_d","_e","input","nativeElement","onAdd2","toLowerCase","includes","onRemove","filter","select","emit","onSelect","option","setTimeout","autocompleteTrigger","openPanel","emitEvent","onFocus","onBlur","onClick","sdView","disabled","focus","onClear","$event","stopPropagation","detectChanges","defineProperty","NgForm","disable","enable","ngOnInit","ngAfterViewInit","add","sdChanges","subscribe","markForCheck","combineLatest","asObservable","valueChanges","pipe","startWith","debounceTime","switchMap","hasFields","display","String","aliasIncludes","selectedItems","filteredItems","allItems","paging","addControl","ngOnDestroy","removeControl","unsubscribe","Component","template","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","Input","Output","ViewChild","static","MatAutocompleteTrigger","read","ContentChild","SdViewDefDirective","SdChipDisplayDef","SdRemovableChipPipe","transform","Pipe","name","NgModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatTooltipModule","MatFormFieldModule","MatAutocompleteModule","MatIconModule","MatProgressSpinnerModule","MatChipsModule","SdTranslateModule","SdCommonModule","declarations","exports"],"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, Input, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[sdChipDisplayDef]'\r\n})\r\nexport class SdChipDisplayDef {\r\n constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import {\r\n Component,\r\n Input,\r\n ViewChild,\r\n Output,\r\n EventEmitter,\r\n OnInit, OnDestroy,\r\n AfterViewInit,\r\n ChangeDetectorRef,\r\n ElementRef,\r\n ContentChild,\r\n ChangeDetectionStrategy\r\n} from '@angular/core';\r\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\r\nimport { debounceTime, map, startWith, switchMap } from 'rxjs/operators';\r\n\r\nimport * as uuid from 'uuid';\r\nimport { NgForm, FormControl, FormGroup, ValidatorFn, AsyncValidatorFn, Validators, FormGroupDirective } from '@angular/forms';\r\nimport { Observable, Subscription, Subject, BehaviorSubject, combineLatest } from 'rxjs';\r\nimport { SdUtilityService } from '@sd-angular/core/utility';\r\nimport { MatChipInputEvent, MatChipList } from '@angular/material/chips';\r\nimport { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';\r\nimport { SdChipUpdate } from './chip.model';\r\nimport { ErrorStateMatcher } from '@angular/material/core';\r\nimport { SdChipDisplayDef } from './directives/sd-chip-display-def.directive';\r\nimport { SdFormControl, SdViewDefDirective } from '@sd-angular/core/common';\r\n\r\nclass SdChipErrotStateMatcher implements ErrorStateMatcher {\r\n constructor(private formControl: FormControl) { }\r\n isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\r\n const isSubmitted = form && form.submitted;\r\n return !!(this.formControl?.invalid && (this.formControl?.dirty || this.formControl?.touched || isSubmitted));\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'sd-chip',\r\n templateUrl: './chip.component.html',\r\n styleUrls: ['./chip.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdChip implements OnInit, OnDestroy, AfterViewInit {\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 separatorKeysCodes: number[] = [ENTER, COMMA];\r\n selectable = true;\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 #addable: boolean;\r\n @Input() set addable(val: '' | boolean) {\r\n this.#addable = (val === '') || val;\r\n }\r\n @Input() label: string;\r\n @Input() valueField: string;\r\n @Input() displayField: string;\r\n @Input() placeholder: string;\r\n removable: boolean | ((item: any) => boolean) = true;\r\n @Input('removable') set _removable(val: '' | boolean | ((item: any) => boolean)) {\r\n this.removable = (val === '') || val;\r\n }\r\n // @Input() set items(items: undefined | any[]) {\r\n // if (!items) {\r\n // this.#items = [];\r\n // } else if (Array.isArray(items)) {\r\n // this.#items = items.filter(e => (e ?? '').toString().trim() !== '');\r\n // } else {\r\n // this.#items = items;\r\n // }\r\n // this.inputControl.updateValueAndValidity();\r\n // this.#itemChanges.next(this.items);\r\n // }\r\n // Server search\r\n loading = false;\r\n #allItems: Observable<any[]>;\r\n #allItem: {\r\n [key: string]: any\r\n } = {};\r\n #cache: {\r\n [key: string]: any[]\r\n } = {};\r\n #delay = 200; // 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 #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.formControl.updateValueAndValidity();\r\n }\r\n @Input() limit = 50;\r\n selectedItems: Observable<any[]>;\r\n filteredItems: Observable<any[]>;\r\n #filteredItems: any[];\r\n\r\n ipt: any;\r\n\r\n // model\r\n @Input() set model(values: undefined | (string | number)[]) {\r\n if (!Array.isArray(values)) {\r\n values = [];\r\n }\r\n this.formControl.setValue(values);\r\n }\r\n // Validator\r\n isRequired = false;\r\n @Input() set required(val: boolean | '') {\r\n this.isRequired = (val === '') || val;\r\n this.#updateValidator();\r\n }\r\n\r\n min: number;\r\n @Input('min') set pMin(val: number | string) {\r\n this.min = +val || 0;\r\n this.#updateValidator();\r\n }\r\n max: number;\r\n @Input('max') set pMax(val: number | string) {\r\n this.max = +val || 0;\r\n this.#updateValidator();\r\n }\r\n @Output() modelChange = new EventEmitter();\r\n\r\n // Optional\r\n @Input() set disabled(val: boolean | '') {\r\n val = (val === '') || val;\r\n if (val) {\r\n this.formControl.disable();\r\n this.inputControl.disable();\r\n } else {\r\n this.formControl.enable();\r\n this.inputControl.enable();\r\n }\r\n }\r\n\r\n @Output() sdChange = new EventEmitter<any[]>();\r\n @Output() sdUpdate = new EventEmitter<SdChipUpdate>();\r\n @Output() chipSelected = new EventEmitter<any>();\r\n\r\n @ViewChild('input') input: ElementRef<HTMLInputElement>;\r\n @ViewChild('auto') matAutocomplete: MatAutocomplete;\r\n @ViewChild('chipList', { static: true }) chipList: MatChipList;\r\n @ViewChild(MatAutocompleteTrigger, { read: MatAutocompleteTrigger }) autocompleteTrigger: MatAutocompleteTrigger;\r\n @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n @ContentChild(SdChipDisplayDef) sdChipDisplay: SdChipDisplayDef;\r\n isFocused = false;\r\n inputControl = new FormControl();\r\n formControl = new SdFormControl();\r\n matcher = new SdChipErrotStateMatcher(this.formControl);\r\n #subscription = new Subscription();\r\n constructor(\r\n private ref: ChangeDetectorRef) {\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n this.ref.markForCheck();\r\n }));\r\n this.#allItems = combineLatest([\r\n this.#itemsChanges.asObservable(),\r\n this.inputControl.valueChanges.pipe(startWith(''), debounceTime(this.#delay)),\r\n this.formControl.valueChanges.pipe(startWith(this.formControl.value))]).pipe(\r\n switchMap(async ([items]) => {\r\n const val = this.inputControl.value;\r\n const values = this.formControl.value || [];\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 hasFields = !!this.valueField && !!this.displayField;\r\n this.#filteredItems = 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 return values.some(e => e === value);\r\n });\r\n return this.#filteredItems;\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 // Vì một số lý do chưa xác định mà khi sử dụng sdViewDef thì khi chuyển sang dạng view sẽ trigger val = null\r\n // Nhưng formControl.value vẫn có giá trị đúng nên thực hiện gán val = this.formControl.value;\r\n val = this.formControl.value;\r\n if (!this.valueField) {\r\n return this.formControl.value;\r\n }\r\n if (typeof (items) === 'function') {\r\n return await this.#loadSelectedItems(val, items);\r\n }\r\n return (this.formControl.value || [])?.map(value => {\r\n return items?.find(item => item[this.valueField] === value) || {\r\n [this.valueField]: value,\r\n [this.displayField]: value\r\n };\r\n });\r\n })\r\n );\r\n this.filteredItems = this.#allItems.pipe(map(allItems => allItems.filter(item => {\r\n const values = this.formControl.value || [];\r\n if (this.valueField) {\r\n return !values.includes(item?.[this.valueField]);\r\n }\r\n return !values.includes(item);\r\n }).paging(this.limit)));\r\n // this.display = this.selectedItems.pipe(\r\n // map(selectedItems => selectedItems?.map(item => this.displayField ? item[this.displayField] : item)?.join(', ')));\r\n // this.#subscription.add(this.formControl.valueChanges.subscribe(() => {\r\n // const values: (string | number)[] = this.formControl.value || [];\r\n // this.selectedItems = this.#items.filter(item => values.findIndex(value => value === item?.[this.valueField]) !== -1);\r\n // this.modelChange.emit(values);\r\n // this.sdChange.emit(values);\r\n // setTimeout(() => {\r\n // this.#form?.markAsDirty();\r\n // }, 0);\r\n // }));\r\n // this.#subscription.add(this.#itemChanges.pipe(startWith(this.#items)).subscribe(() => {\r\n // const values: (string | number)[] = this.formControl.value || [];\r\n // this.selectedItems = [];\r\n // for (const value of values) {\r\n // const item = this.#items.find(e => e?.[this.valueField] === value) || {};\r\n // this.selectedItems.push({\r\n // ...item,\r\n // [this.valueField]: value\r\n // });\r\n // }\r\n // }));\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.min > 0) {\r\n validators.push(Validators.minLength(this.min));\r\n }\r\n if (this.max > 0) {\r\n validators.push(Validators.maxLength(this.max));\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 #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 // Đưa những selectedItems lên đầu nếu không mat-select-trigger sẽ không work\r\n return [...selectedItems, ...this.#cache[searchText]].union(this.valueField);\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 const objValue = Array.toObject(\r\n values.map(val => ({ [val?.toString()]: { [this.valueField]: val, [this.displayField]: val } })), this.valueField);\r\n this.#allItem = {\r\n ...objValue,\r\n ...this.#allItem,\r\n ...objItem\r\n };\r\n }\r\n return values.map(val => this.#allItem[val?.toString()] ?? { [this.valueField]: val, [this.displayField]: val });\r\n }\r\n\r\n onAdd = (event: MatChipInputEvent): void => {\r\n // Add item only when MatAutocomplete is not open\r\n // To make sure this does not conflict with OptionSelected Event\r\n // if (!this.matAutocomplete.isOpen) {\r\n // const value = (event.value ?? '').toString().trim();\r\n // if (value) {\r\n // if (this.valueField && this.displayField) {\r\n // const item = this.#filteredItems.find(e => e[this.displayField] === value);\r\n // if (item) {\r\n // const values: (string | number)[] = this.formControl.value ?? [];\r\n // values.push(item[this.valueField]);\r\n // this.formControl.setValue(values);\r\n // } else if (this.#addable) {\r\n // const values: (string | number)[] = this.formControl.value ?? [];\r\n // values.push(value);\r\n // this.formControl.setValue(values);\r\n // }\r\n // } else {\r\n // console.log(value);\r\n // console.log(this.#filteredItems);\r\n // const item = this.#filteredItems.find(item => item === value);\r\n // if (item) {\r\n // const values: (string | number)[] = this.formControl.value ?? [];\r\n // values.push(item);\r\n // this.formControl.setValue(values);\r\n // } else if (this.#addable) {\r\n // const values: (string | number)[] = this.formControl.value ?? [];\r\n // values.push(value);\r\n // this.formControl.setValue(values);\r\n // }\r\n // }\r\n // }\r\n // this.inputControl.setValue('');\r\n // }\r\n const value = (event.value ?? '').toString().trim();\r\n if (value) {\r\n if (this.valueField && this.displayField) {\r\n const item = this.#filteredItems.find(e => e[this.displayField] === value);\r\n if (item) {\r\n const values: (string | number)[] = this.formControl.value ?? [];\r\n values.push(item[this.valueField]);\r\n this.formControl.setValue(values);\r\n } else if (this.#addable) {\r\n const values: (string | number)[] = this.formControl.value ?? [];\r\n values.push(value);\r\n this.formControl.setValue(values);\r\n }\r\n } else {\r\n const item = this.#filteredItems.find(item => item === value);\r\n if (item) {\r\n const values: (string | number)[] = this.formControl.value ?? [];\r\n values.push(item);\r\n this.formControl.setValue(values);\r\n } else if (this.#addable) {\r\n const values: (string | number)[] = this.formControl.value ?? [];\r\n values.push(value);\r\n this.formControl.setValue(values);\r\n }\r\n }\r\n }\r\n this.input.nativeElement.value = '';\r\n this.inputControl.setValue('');\r\n }\r\n\r\n // andn1 viết để xử lý tạm us B2B1D-18289 ở S69\r\n onAdd2 = (event: MatChipInputEvent): void => {\r\n\r\n const value = (event.value ?? '').toString().toLowerCase().trim();\r\n if (value) {\r\n const item = this.#filteredItems.find(e => e[this.valueField]\r\n && e[this.valueField].toString().toLowerCase().trim() === value);\r\n\r\n if (item) {\r\n const values: (string | number)[] = this.formControl.value ?? [];\r\n if (!values.includes(item[this.valueField])) {\r\n values.push(item[this.valueField]);\r\n }\r\n this.formControl.setValue(values);\r\n }\r\n }\r\n this.inputControl.setValue('');\r\n }\r\n\r\n onRemove = (item: any): void => {\r\n const values: (string | number)[] = this.formControl.value ?? [];\r\n if (typeof (item) === 'string' || typeof (item) === 'number') {\r\n this.formControl.setValue(values.filter(value => item !== value));\r\n } else if (this.valueField) {\r\n this.formControl.setValue(values.filter(value => item?.[this.valueField] !== value));\r\n }\r\n this.inputControl.setValue('');\r\n }\r\n\r\n select = (item: any): void => {\r\n this.chipSelected.emit(item);\r\n }\r\n\r\n // onSelect = (event: MatAutocompleteSelectedEvent) => {\r\n // const value = (event.option.value?.[this.valueField] ?? '').toString().trim();\r\n // if (value) {\r\n // const item = this.#items.find(e => e[this.valueField]\r\n // && e[this.valueField].toString().trim() === value);\r\n // if (item) {\r\n // const values: (string | number)[] = this.formControl.value ?? [];\r\n // values.push(item[this.valueField]);\r\n // this.formControl.setValue(values);\r\n // this.input.nativeElement.value = '';\r\n // this.inputControl.setValue('');\r\n // setTimeout(() => {\r\n // this.autocompleteTrigger?.openPanel();\r\n // }, 0);\r\n // }\r\n // }\r\n // }\r\n\r\n onSelect = (event: MatAutocompleteSelectedEvent) => {\r\n const item = event.option.value;\r\n const values: (string | number)[] = this.formControl.value ?? [];\r\n if (item) {\r\n if (typeof (item) === 'string' || typeof (item) === 'number') {\r\n if (!values.includes(item)) {\r\n values.push(item);\r\n this.formControl.setValue(values);\r\n this.modelChange.emit(values);\r\n this.sdChange.emit(values);\r\n setTimeout(() => {\r\n this.autocompleteTrigger?.openPanel();\r\n }, 0);\r\n }\r\n } else if (this.valueField) {\r\n const val = item?.[this.valueField] || null;\r\n if (!values.includes(val)) {\r\n values.push(val);\r\n this.formControl.setValue(values);\r\n this.modelChange.emit(values);\r\n this.sdChange.emit(values);\r\n setTimeout(() => {\r\n this.autocompleteTrigger?.openPanel();\r\n }, 0);\r\n }\r\n }\r\n this.input.nativeElement.value = '';\r\n this.inputControl.setValue('', {\r\n emitEvent: false\r\n });\r\n }\r\n }\r\n\r\n // displayFn = (value: string | { [key: string]: string }): string | undefined => {\r\n // if (typeof value === 'string') {\r\n // if (!this.#items) {\r\n // return undefined;\r\n // }\r\n // const selectedItem = this.#items.find(item => item[this.valueField] === value);\r\n // if (selectedItem) {\r\n // return selectedItem[this.displayField];\r\n // }\r\n // if (this.#items.some(item => item[this.displayField].toLowerCase().indexOf(value.toLowerCase()) !== -1)) {\r\n // return value;\r\n // } else {\r\n // return undefined;\r\n // }\r\n // } else {\r\n // return value ? value[this.displayField] : undefined;\r\n // }\r\n // }\r\n\r\n onFocus = () => {\r\n this.isFocused = true;\r\n this.inputControl.setValue('');\r\n // this.inputControl.updateValueAndValidity();\r\n }\r\n\r\n onBlur = () => {\r\n this.isFocused = false;\r\n this.inputControl.setValue('', {\r\n emitEvent: false\r\n });\r\n }\r\n\r\n onClick = () => {\r\n if (this.sdView?.templateRef) {\r\n if (!this.formControl.disabled && !this.isFocused) {\r\n this.focus();\r\n }\r\n }\r\n }\r\n\r\n focus = () => {\r\n this.isFocused = true;\r\n setTimeout(() => {\r\n this.autocompleteTrigger?.openPanel();\r\n this.input?.nativeElement?.focus();\r\n }, 100);\r\n }\r\n\r\n onClear = ($event?: any) => {\r\n $event?.stopPropagation();\r\n this.inputControl.setValue('');\r\n this.formControl.setValue([]);\r\n this.autocompleteTrigger?.openPanel();\r\n this.ref.detectChanges();\r\n }\r\n}\r\n\r\ntype SearchFunc = (searchText?: string | string[], isFormValue?: boolean) => Promise<any[]>;","import { Pipe, PipeTransform } from '@angular/core';\r\n@Pipe({\r\n name: 'sdRemovableChip'\r\n})\r\nexport class SdRemovableChipPipe implements PipeTransform {\r\n constructor() { }\r\n transform(item: any, removable: boolean | ((item: any) => boolean)): boolean {\r\n if(typeof(removable) === 'boolean') {\r\n return removable;\r\n }\r\n return removable(item);\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdChip } from './chip.component';\r\nimport { SdChipDisplayDef } from './directives/sd-chip-display-def.directive';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { SdRemovableChipPipe } from './pipes/removable-chip.pipe';\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 MatAutocompleteModule,\r\n MatIconModule,\r\n MatProgressSpinnerModule,\r\n MatChipsModule,\r\n SdTranslateModule,\r\n SdCommonModule\r\n ],\r\n declarations: [\r\n SdChip,\r\n SdChipDisplayDef,\r\n SdRemovableChipPipe\r\n ],\r\n exports: [\r\n SdCommonModule,\r\n SdChip,\r\n SdChipDisplayDef,\r\n ]\r\n})\r\nexport class SdChipModule { }\r\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/chip/src/lib/directives/sd-chip-display-def.directive.ts","../../../../projects/sd-core/chip/src/lib/chip.component.ts","../../../../projects/sd-core/chip/src/lib/pipes/removable-chip.pipe.ts","../../../../projects/sd-core/chip/src/lib/chip.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","SdChipErrotStateMatcher","formControl","prototype","isErrorState","control","form","isSubmitted","submitted","_a","invalid","_b","dirty","_c","touched","SdChip","ref","_this","_name","uuid.v4","separatorKeysCodes","ENTER","COMMA","selectable","_form","_addable","removable","disableErrorMessage","loading","_allItems","_allItem","_cache","_delay","_itemsChanges","BehaviorSubject","limit","_selectedItems","_filteredItems","isRequired","modelChange","EventEmitter","sdChange","sdUpdate","chipSelected","isFocused","inputControl","FormControl","SdFormControl","matcher","_subscription","Subscription","_updateValidator","clearValidators","clearAsyncValidators","validators","Validators","required","min","minLength","max","maxLength","setValidators","setAsyncValidators","updateValueAndValidity","_loadItems","searchText","items","toString","undefined","catch","finally","results","_f","objItem","Array","toObject","valueField","assign","union","_loadSelectedItems","values","isArray","displayField","some","val","objValue","map","_g","onAdd","event","item","trim","find","setValue","emit","_d","_e","input","nativeElement","onAdd2","toLowerCase","includes","onRemove","filter","select","onSelect","option","setTimeout","autocompleteTrigger","openPanel","emitEvent","onFocus","onBlur","onClick","sdView","disabled","focus","onClear","$event","stopPropagation","detectChanges","getSelectedItems","defineProperty","NgForm","disable","enable","ngOnInit","ngAfterViewInit","add","sdChanges","subscribe","markForCheck","combineLatest","asObservable","valueChanges","pipe","startWith","debounceTime","switchMap","hasFields","display","String","aliasIncludes","selectedItems","_h","filteredItems","allItems","paging","addControl","ngOnDestroy","removeControl","unsubscribe","Component","template","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","Input","Output","ViewChild","static","MatAutocompleteTrigger","read","ContentChild","SdViewDefDirective","SdChipDisplayDef","SdRemovableChipPipe","transform","Pipe","name","NgModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatTooltipModule","MatFormFieldModule","MatAutocompleteModule","MatIconModule","MatProgressSpinnerModule","MatChipsModule","SdTranslateModule","SdCommonModule","declarations","exports"],"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, Input, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[sdChipDisplayDef]'\r\n})\r\nexport class SdChipDisplayDef {\r\n constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import {\r\n Component,\r\n Input,\r\n ViewChild,\r\n Output,\r\n EventEmitter,\r\n OnInit, OnDestroy,\r\n AfterViewInit,\r\n ChangeDetectorRef,\r\n ElementRef,\r\n ContentChild,\r\n ChangeDetectionStrategy\r\n} from '@angular/core';\r\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\r\nimport { debounceTime, map, startWith, switchMap } from 'rxjs/operators';\r\n\r\nimport * as uuid from 'uuid';\r\nimport { NgForm, FormControl, FormGroup, ValidatorFn, AsyncValidatorFn, Validators, FormGroupDirective } from '@angular/forms';\r\nimport { Observable, Subscription, Subject, BehaviorSubject, combineLatest } from 'rxjs';\r\nimport { SdUtilityService } from '@sd-angular/core/utility';\r\nimport { MatChipInputEvent, MatChipList } from '@angular/material/chips';\r\nimport { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';\r\nimport { SdChipUpdate } from './chip.model';\r\nimport { ErrorStateMatcher } from '@angular/material/core';\r\nimport { SdChipDisplayDef } from './directives/sd-chip-display-def.directive';\r\nimport { SdFormControl, SdViewDefDirective } from '@sd-angular/core/common';\r\n\r\nclass SdChipErrotStateMatcher implements ErrorStateMatcher {\r\n constructor(private formControl: FormControl) { }\r\n isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\r\n const isSubmitted = form && form.submitted;\r\n return !!(this.formControl?.invalid && (this.formControl?.dirty || this.formControl?.touched || isSubmitted));\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'sd-chip',\r\n templateUrl: './chip.component.html',\r\n styleUrls: ['./chip.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdChip implements OnInit, OnDestroy, AfterViewInit {\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 separatorKeysCodes: number[] = [ENTER, COMMA];\r\n selectable = true;\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 #addable: boolean;\r\n @Input() set addable(val: '' | boolean) {\r\n this.#addable = (val === '') || val;\r\n }\r\n @Input() label: string;\r\n @Input() valueField: string;\r\n @Input() displayField: string;\r\n @Input() placeholder: string;\r\n removable: boolean | ((item: any) => boolean) = true;\r\n @Input('removable') set _removable(val: '' | boolean | ((item: any) => boolean)) {\r\n this.removable = (val === '') || val;\r\n }\r\n disableErrorMessage = false;\r\n @Input('disableErrorMessage') set _disableErrorMessage(val: boolean | '') {\r\n this.disableErrorMessage = (val === '') || val;\r\n }\r\n // @Input() set items(items: undefined | any[]) {\r\n // if (!items) {\r\n // this.#items = [];\r\n // } else if (Array.isArray(items)) {\r\n // this.#items = items.filter(e => (e ?? '').toString().trim() !== '');\r\n // } else {\r\n // this.#items = items;\r\n // }\r\n // this.inputControl.updateValueAndValidity();\r\n // this.#itemChanges.next(this.items);\r\n // }\r\n // Server search\r\n loading = false;\r\n #allItems: Observable<any[]>;\r\n #allItem: {\r\n [key: string]: any\r\n } = {};\r\n #cache: {\r\n [key: string]: any[]\r\n } = {};\r\n #delay = 200; // 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 #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.formControl.updateValueAndValidity();\r\n }\r\n @Input() limit = 50;\r\n selectedItems: Observable<any[]>;\r\n #selectedItems: any[] = [];\r\n filteredItems: Observable<any[]>;\r\n #filteredItems: any[];\r\n\r\n ipt: any;\r\n\r\n // model\r\n @Input() set model(values: undefined | (string | number)[]) {\r\n if (!Array.isArray(values)) {\r\n values = [];\r\n }\r\n this.formControl.setValue(values);\r\n }\r\n // Validator\r\n isRequired = false;\r\n @Input() set required(val: boolean | '') {\r\n this.isRequired = (val === '') || val;\r\n this.#updateValidator();\r\n }\r\n\r\n min: number;\r\n @Input('min') set pMin(val: number | string) {\r\n this.min = +val || 0;\r\n this.#updateValidator();\r\n }\r\n max: number;\r\n @Input('max') set pMax(val: number | string) {\r\n this.max = +val || 0;\r\n this.#updateValidator();\r\n }\r\n @Output() modelChange = new EventEmitter();\r\n\r\n // Optional\r\n @Input() set disabled(val: boolean | '') {\r\n val = (val === '') || val;\r\n if (val) {\r\n this.formControl.disable();\r\n this.inputControl.disable();\r\n } else {\r\n this.formControl.enable();\r\n this.inputControl.enable();\r\n }\r\n }\r\n\r\n @Output() sdChange = new EventEmitter<any[]>();\r\n @Output() sdUpdate = new EventEmitter<SdChipUpdate>();\r\n @Output() chipSelected = new EventEmitter<any>();\r\n\r\n @ViewChild('input') input: ElementRef<HTMLInputElement>;\r\n @ViewChild('auto') matAutocomplete: MatAutocomplete;\r\n @ViewChild('chipList', { static: true }) chipList: MatChipList;\r\n @ViewChild(MatAutocompleteTrigger, { read: MatAutocompleteTrigger }) autocompleteTrigger: MatAutocompleteTrigger;\r\n @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n @ContentChild(SdChipDisplayDef) sdChipDisplay: SdChipDisplayDef;\r\n isFocused = false;\r\n inputControl = new FormControl();\r\n formControl = new SdFormControl();\r\n matcher = new SdChipErrotStateMatcher(this.formControl);\r\n #subscription = new Subscription();\r\n constructor(\r\n private ref: ChangeDetectorRef) {\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n this.ref.markForCheck();\r\n }));\r\n this.#allItems = combineLatest([\r\n this.#itemsChanges.asObservable(),\r\n this.inputControl.valueChanges.pipe(startWith(''), debounceTime(this.#delay)),\r\n this.formControl.valueChanges.pipe(startWith(this.formControl.value))]).pipe(\r\n switchMap(async ([items]) => {\r\n const val = this.inputControl.value;\r\n const values = this.formControl.value || [];\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 hasFields = !!this.valueField && !!this.displayField;\r\n this.#filteredItems = 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 return values.some(e => e === value);\r\n });\r\n return this.#filteredItems;\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 // Vì một số lý do chưa xác định mà khi sử dụng sdViewDef thì khi chuyển sang dạng view sẽ trigger val = null\r\n // Nhưng formControl.value vẫn có giá trị đúng nên thực hiện gán val = this.formControl.value;\r\n val = this.formControl.value;\r\n if (!this.valueField) {\r\n this.#selectedItems = this.formControl.value;\r\n return this.#selectedItems;\r\n }\r\n if (typeof (items) === 'function') {\r\n this.#selectedItems = await this.#loadSelectedItems(val, items);\r\n return this.#selectedItems;\r\n }\r\n this.#selectedItems = (this.formControl.value || [])?.map(value => {\r\n return items?.find(item => item[this.valueField] === value) || {\r\n [this.valueField]: value,\r\n [this.displayField]: value\r\n };\r\n });\r\n return this.#selectedItems;\r\n })\r\n );\r\n this.filteredItems = this.#allItems.pipe(map(allItems => allItems.filter(item => {\r\n const values = this.formControl.value || [];\r\n if (this.valueField) {\r\n return !values.includes(item?.[this.valueField]);\r\n }\r\n return !values.includes(item);\r\n }).paging(this.limit)));\r\n // this.display = this.selectedItems.pipe(\r\n // map(selectedItems => selectedItems?.map(item => this.displayField ? item[this.displayField] : item)?.join(', ')));\r\n // this.#subscription.add(this.formControl.valueChanges.subscribe(() => {\r\n // const values: (string | number)[] = this.formControl.value || [];\r\n // this.selectedItems = this.#items.filter(item => values.findIndex(value => value === item?.[this.valueField]) !== -1);\r\n // this.modelChange.emit(values);\r\n // this.sdChange.emit(values);\r\n // setTimeout(() => {\r\n // this.#form?.markAsDirty();\r\n // }, 0);\r\n // }));\r\n // this.#subscription.add(this.#itemChanges.pipe(startWith(this.#items)).subscribe(() => {\r\n // const values: (string | number)[] = this.formControl.value || [];\r\n // this.selectedItems = [];\r\n // for (const value of values) {\r\n // const item = this.#items.find(e => e?.[this.valueField] === value) || {};\r\n // this.selectedItems.push({\r\n // ...item,\r\n // [this.valueField]: value\r\n // });\r\n // }\r\n // }));\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.min > 0) {\r\n validators.push(Validators.minLength(this.min));\r\n }\r\n if (this.max > 0) {\r\n validators.push(Validators.maxLength(this.max));\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 #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 // Đưa những selectedItems lên đầu nếu không mat-select-trigger sẽ không work\r\n return [...selectedItems, ...this.#cache[searchText]].union(this.valueField);\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 const objValue = Array.toObject(\r\n values.map(val => ({ [val?.toString()]: { [this.valueField]: val, [this.displayField]: val } })), this.valueField);\r\n this.#allItem = {\r\n ...objValue,\r\n ...this.#allItem,\r\n ...objItem\r\n };\r\n }\r\n return values.map(val => this.#allItem[val?.toString()] ?? { [this.valueField]: val, [this.displayField]: val });\r\n }\r\n\r\n onAdd = (event: MatChipInputEvent): void => {\r\n // Add item only when MatAutocomplete is not open\r\n // To make sure this does not conflict with OptionSelected Event\r\n // if (!this.matAutocomplete.isOpen) {\r\n // const value = (event.value ?? '').toString().trim();\r\n // if (value) {\r\n // if (this.valueField && this.displayField) {\r\n // const item = this.#filteredItems.find(e => e[this.displayField] === value);\r\n // if (item) {\r\n // const values: (string | number)[] = this.formControl.value ?? [];\r\n // values.push(item[this.valueField]);\r\n // this.formControl.setValue(values);\r\n // } else if (this.#addable) {\r\n // const values: (string | number)[] = this.formControl.value ?? [];\r\n // values.push(value);\r\n // this.formControl.setValue(values);\r\n // }\r\n // } else {\r\n // console.log(value);\r\n // console.log(this.#filteredItems);\r\n // const item = this.#filteredItems.find(item => item === value);\r\n // if (item) {\r\n // const values: (string | number)[] = this.formControl.value ?? [];\r\n // values.push(item);\r\n // this.formControl.setValue(values);\r\n // } else if (this.#addable) {\r\n // const values: (string | number)[] = this.formControl.value ?? [];\r\n // values.push(value);\r\n // this.formControl.setValue(values);\r\n // }\r\n // }\r\n // }\r\n // this.inputControl.setValue('');\r\n // }\r\n const value = (event.value ?? '').toString().trim();\r\n if (value) {\r\n if (this.valueField && this.displayField) {\r\n const item = this.#filteredItems.find(e => e[this.displayField] === value);\r\n if (item) {\r\n const values: (string | number)[] = this.formControl.value ?? [];\r\n values.push(item[this.valueField]);\r\n this.formControl.setValue(values);\r\n this.modelChange.emit(this.formControl.value);\r\n this.sdChange.emit(this.formControl.value);\r\n } else if (this.#addable) {\r\n const values: (string | number)[] = this.formControl.value ?? [];\r\n values.push(value);\r\n this.formControl.setValue(values);\r\n this.modelChange.emit(this.formControl.value);\r\n this.sdChange.emit(this.formControl.value);\r\n }\r\n } else {\r\n const item = this.#filteredItems.find(item => item === value);\r\n if (item) {\r\n const values: (string | number)[] = this.formControl.value ?? [];\r\n values.push(item);\r\n this.formControl.setValue(values);\r\n this.modelChange.emit(this.formControl.value);\r\n this.sdChange.emit(this.formControl.value);\r\n } else if (this.#addable) {\r\n const values: (string | number)[] = this.formControl.value ?? [];\r\n values.push(value);\r\n this.formControl.setValue(values);\r\n this.modelChange.emit(this.formControl.value);\r\n this.sdChange.emit(this.formControl.value);\r\n }\r\n }\r\n }\r\n this.input.nativeElement.value = '';\r\n this.inputControl.setValue('');\r\n }\r\n\r\n // andn1 viết để xử lý tạm us B2B1D-18289 ở S69\r\n onAdd2 = (event: MatChipInputEvent): void => {\r\n\r\n const value = (event.value ?? '').toString().toLowerCase().trim();\r\n if (value) {\r\n const item = this.#filteredItems.find(e => e[this.valueField]\r\n && e[this.valueField].toString().toLowerCase().trim() === value);\r\n\r\n if (item) {\r\n const values: (string | number)[] = this.formControl.value ?? [];\r\n if (!values.includes(item[this.valueField])) {\r\n values.push(item[this.valueField]);\r\n }\r\n this.formControl.setValue(values);\r\n }\r\n }\r\n this.inputControl.setValue('');\r\n }\r\n\r\n onRemove = (item: any): void => {\r\n const values: (string | number)[] = this.formControl.value ?? [];\r\n if (typeof (item) === 'string' || typeof (item) === 'number') {\r\n this.formControl.setValue(values.filter(value => item !== value));\r\n this.modelChange.emit(this.formControl.value);\r\n this.sdChange.emit(this.formControl.value);\r\n } else if (this.valueField) {\r\n this.formControl.setValue(values.filter(value => item?.[this.valueField] !== value));\r\n this.modelChange.emit(this.formControl.value);\r\n this.sdChange.emit(this.formControl.value);\r\n }\r\n this.inputControl.setValue('');\r\n }\r\n\r\n select = (item: any): void => {\r\n this.chipSelected.emit(item);\r\n }\r\n\r\n // onSelect = (event: MatAutocompleteSelectedEvent) => {\r\n // const value = (event.option.value?.[this.valueField] ?? '').toString().trim();\r\n // if (value) {\r\n // const item = this.#items.find(e => e[this.valueField]\r\n // && e[this.valueField].toString().trim() === value);\r\n // if (item) {\r\n // const values: (string | number)[] = this.formControl.value ?? [];\r\n // values.push(item[this.valueField]);\r\n // this.formControl.setValue(values);\r\n // this.input.nativeElement.value = '';\r\n // this.inputControl.setValue('');\r\n // setTimeout(() => {\r\n // this.autocompleteTrigger?.openPanel();\r\n // }, 0);\r\n // }\r\n // }\r\n // }\r\n\r\n onSelect = (event: MatAutocompleteSelectedEvent) => {\r\n const item = event.option.value;\r\n const values: (string | number)[] = this.formControl.value ?? [];\r\n if (item) {\r\n if (typeof (item) === 'string' || typeof (item) === 'number') {\r\n if (!values.includes(item)) {\r\n values.push(item);\r\n this.formControl.setValue(values);\r\n this.modelChange.emit(this.formControl.value);\r\n this.sdChange.emit(this.formControl.value);\r\n setTimeout(() => {\r\n this.autocompleteTrigger?.openPanel();\r\n }, 0);\r\n }\r\n } else if (this.valueField) {\r\n const val = item?.[this.valueField] || null;\r\n if (!values.includes(val)) {\r\n values.push(val);\r\n this.formControl.setValue(values);\r\n this.modelChange.emit(this.formControl.value);\r\n this.sdChange.emit(this.formControl.value);\r\n setTimeout(() => {\r\n this.autocompleteTrigger?.openPanel();\r\n }, 0);\r\n }\r\n }\r\n this.input.nativeElement.value = '';\r\n this.inputControl.setValue('', {\r\n emitEvent: false\r\n });\r\n }\r\n }\r\n\r\n // displayFn = (value: string | { [key: string]: string }): string | undefined => {\r\n // if (typeof value === 'string') {\r\n // if (!this.#items) {\r\n // return undefined;\r\n // }\r\n // const selectedItem = this.#items.find(item => item[this.valueField] === value);\r\n // if (selectedItem) {\r\n // return selectedItem[this.displayField];\r\n // }\r\n // if (this.#items.some(item => item[this.displayField].toLowerCase().indexOf(value.toLowerCase()) !== -1)) {\r\n // return value;\r\n // } else {\r\n // return undefined;\r\n // }\r\n // } else {\r\n // return value ? value[this.displayField] : undefined;\r\n // }\r\n // }\r\n\r\n onFocus = () => {\r\n this.isFocused = true;\r\n this.inputControl.setValue('');\r\n // this.inputControl.updateValueAndValidity();\r\n }\r\n\r\n onBlur = () => {\r\n this.isFocused = false;\r\n this.inputControl.setValue('', {\r\n emitEvent: false\r\n });\r\n }\r\n\r\n onClick = () => {\r\n if (this.sdView?.templateRef) {\r\n if (!this.formControl.disabled && !this.isFocused) {\r\n this.focus();\r\n }\r\n }\r\n }\r\n\r\n focus = () => {\r\n this.isFocused = true;\r\n setTimeout(() => {\r\n this.autocompleteTrigger?.openPanel();\r\n this.input?.nativeElement?.focus();\r\n }, 100);\r\n }\r\n\r\n onClear = ($event?: any) => {\r\n $event?.stopPropagation();\r\n this.inputControl.setValue('');\r\n this.formControl.setValue([]);\r\n this.modelChange.emit(this.formControl.value);\r\n this.sdChange.emit(this.formControl.value);\r\n this.autocompleteTrigger?.openPanel();\r\n this.ref.detectChanges();\r\n }\r\n\r\n getSelectedItems = () => this.#selectedItems;\r\n}\r\n\r\ntype SearchFunc = (searchText?: string | string[], isFormValue?: boolean) => Promise<any[]>;","import { Pipe, PipeTransform } from '@angular/core';\r\n@Pipe({\r\n name: 'sdRemovableChip'\r\n})\r\nexport class SdRemovableChipPipe implements PipeTransform {\r\n constructor() { }\r\n transform(item: any, removable: boolean | ((item: any) => boolean)): boolean {\r\n if(typeof(removable) === 'boolean') {\r\n return removable;\r\n }\r\n return removable(item);\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdChip } from './chip.component';\r\nimport { SdChipDisplayDef } from './directives/sd-chip-display-def.directive';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { SdRemovableChipPipe } from './pipes/removable-chip.pipe';\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 MatAutocompleteModule,\r\n MatIconModule,\r\n MatProgressSpinnerModule,\r\n MatChipsModule,\r\n SdTranslateModule,\r\n SdCommonModule\r\n ],\r\n declarations: [\r\n SdChip,\r\n SdChipDisplayDef,\r\n SdRemovableChipPipe\r\n ],\r\n exports: [\r\n SdCommonModule,\r\n SdChip,\r\n SdChipDisplayDef,\r\n ]\r\n})\r\nexport class SdChipModule { }\r\n"]}
|
|
@@ -642,7 +642,7 @@
|
|
|
642
642
|
SdInput.decorators = [
|
|
643
643
|
{ type: core.Component, args: [{
|
|
644
644
|
selector: 'sd-input',
|
|
645
|
-
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 class=\"sd-md\"\r\n [ngClass]=\"{'sd-form-tooltip':tooltip, 'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\"\r\n appearance=\"outline\">\r\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n <input [id]=\"id\" [formControl]=\"formControl\" [type]=\"type\" #control matInput [placeholder]=\"placeholder || label\"\r\n (keyup.enter)=\"onKeyupEnter()\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" [required]=\"isRequired\"\r\n [readonly]=\"isReadonly\" [autocomplete]=\"id\" autocorrect=\"off\">\r\n <button #btnCopy *ngIf=\"copyable\" matSuffix mat-flat-button aria-label=\"Clear\" class=\"btn-copy\"\r\n (click)=\"copyText()\">\r\n Copy\r\n </button>\r\n <span class=\"mr-1\" *ngIf=\"maxlength\" matSuffix>{{formControl.value?.length || 0}}/{{maxlength}}</span>\r\n <ng-container *ngIf=\"sdInputSuffix?.templateRef\" matSuffix>\r\n <ng-container *ngTemplateOutlet=\"sdInputSuffix.templateRef\">\r\n </ng-container>\r\n </ng-container>\r\n <mat-icon *ngIf=\"!hideIcon && sdClickIcon?.observers?.length\" (click)=\"onClickIcon($event)\"\r\n class=\"pointer sd-suffix-icon\" matSuffix>\r\n {{icon}}\r\n </mat-icon>\r\n <mat-error *ngIf=\"!disableErrorMessage && formControl.touched && formControl.errors?.required\">\r\n {{'This field is required' | sdTranslate}}\r\n </mat-error>\r\n <mat-error *ngIf=\"!disableErrorMessage && formControl.touched && formControl.errors?.maxlength\">\r\n {{'Max length' | sdTranslate}} <strong>{{maxlength}}</strong>\r\n </mat-error>\r\n <mat-error *ngIf=\"!disableErrorMessage && formControl.touched && formControl.errors?.pattern\">\r\n {{'Pattern error' | sdTranslate}}\r\n </mat-error>\r\n <mat-error *ngIf=\"!disableErrorMessage && formControl.touched && formControl.errors?.customValidator\">\r\n
|
|
645
|
+
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 class=\"sd-md\"\r\n [ngClass]=\"{'sd-form-tooltip':tooltip, 'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage}\"\r\n appearance=\"outline\">\r\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n <input [id]=\"id\" [formControl]=\"formControl\" [type]=\"type\" #control matInput [placeholder]=\"placeholder || label\"\r\n (keyup.enter)=\"onKeyupEnter()\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" [required]=\"isRequired\"\r\n [readonly]=\"isReadonly\" [autocomplete]=\"id\" autocorrect=\"off\">\r\n <button #btnCopy *ngIf=\"copyable\" matSuffix mat-flat-button aria-label=\"Clear\" class=\"btn-copy\"\r\n (click)=\"copyText()\">\r\n Copy\r\n </button>\r\n <span class=\"mr-1\" *ngIf=\"maxlength\" matSuffix>{{formControl.value?.length || 0}}/{{maxlength}}</span>\r\n <ng-container *ngIf=\"sdInputSuffix?.templateRef\" matSuffix>\r\n <ng-container *ngTemplateOutlet=\"sdInputSuffix.templateRef\">\r\n </ng-container>\r\n </ng-container>\r\n <mat-icon *ngIf=\"!hideIcon && sdClickIcon?.observers?.length\" (click)=\"onClickIcon($event)\"\r\n class=\"pointer sd-suffix-icon\" matSuffix>\r\n {{icon}}\r\n </mat-icon>\r\n <mat-error *ngIf=\"!disableErrorMessage && formControl.touched && formControl.errors?.required\">\r\n {{'This field is required' | sdTranslate}}\r\n </mat-error>\r\n <mat-error *ngIf=\"!disableErrorMessage && formControl.touched && formControl.errors?.maxlength\">\r\n {{'Max length' | sdTranslate}} <strong>{{maxlength}}</strong>\r\n </mat-error>\r\n <mat-error *ngIf=\"!disableErrorMessage && formControl.touched && formControl.errors?.pattern\">\r\n {{'Pattern error' | sdTranslate}}\r\n </mat-error>\r\n <mat-error *ngIf=\"!disableErrorMessage && formControl.touched && formControl.errors?.customValidator\">\r\n {{formControl.errors?.customValidator}}\r\n </mat-error>\r\n </mat-form-field>\r\n <div *ngIf=\"tooltip\" class=\"sd-tooltip\">\r\n <mat-icon (click)=\"sdTooltip.toggle()\" [matTooltip]=\"formControl.value | sdInputTooltipPipe:tooltip\" matSuffix\r\n #sdTooltip=\"matTooltip\">info</mat-icon>\r\n </div>\r\n </ng-template>\r\n</div>",
|
|
646
646
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
647
647
|
styles: [":host ::ng-deep .mat-form-field.sd-form-tooltip{width:calc(100% - 30px)}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field input.mat-input-element:disabled{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}.sd-tooltip{display:inline-block;margin:auto;text-align:center;width:30px}:host{display:block;padding-top:5px}.sd-md:hover .btn-copy{visibility:visible}.btn-copy{background:#e9e9e9!important;font-size:12px;line-height:26px!important;margin-bottom:3px;visibility:hidden}"]
|
|
648
648
|
},] }
|