@sd-angular/core 1.1.91 → 1.1.94

package/bundles/sd-angular-core-select.umd.min.js

@@ -1,4 +1,4 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/form-field"),require("@angular/material/input"),require("@angular/material/icon"),require("@angular/material/tooltip"),require("@angular/material/progress-spinner"),require("uuid"),require("object-hash"),require("rxjs"),require("rxjs/operators"),require("@sd-angular/core/common"),require("@angular/material/select"),require("@sd-angular/core/translate"),require("@angular/material/checkbox")):"function"==typeof define&&define.amd?define("@sd-angular/core/select",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/form-field","@angular/material/input","@angular/material/icon","@angular/material/tooltip","@angular/material/progress-spinner","uuid","object-hash","rxjs","rxjs/operators","@sd-angular/core/common","@angular/material/select","@sd-angular/core/translate","@angular/material/checkbox"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core.select={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.formField,e.ng.material.input,e.ng.material.icon,e.ng.material.tooltip,e.ng.material.progressSpinner,e.uuid,e.hash,e.rxjs,e.rxjs.operators,e["sd-angular"].core.common,e.ng.material.select,e["sd-angular"].core.translate,e.ng.material.checkbox)}(this,(function(e,t,n,r,i,a,o,l,s,c,u,d,p,f,m,h,g){"use strict";function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=v(u);
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/form-field"),require("@angular/material/input"),require("@angular/material/icon"),require("@angular/material/tooltip"),require("@angular/material/progress-spinner"),require("uuid"),require("object-hash"),require("rxjs"),require("rxjs/operators"),require("@sd-angular/core/common"),require("@angular/material/select"),require("@sd-angular/core/translate"),require("@angular/material/checkbox"),require("@sd-angular/core/popover")):"function"==typeof define&&define.amd?define("@sd-angular/core/select",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/form-field","@angular/material/input","@angular/material/icon","@angular/material/tooltip","@angular/material/progress-spinner","uuid","object-hash","rxjs","rxjs/operators","@sd-angular/core/common","@angular/material/select","@sd-angular/core/translate","@angular/material/checkbox","@sd-angular/core/popover"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core.select={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.formField,e.ng.material.input,e.ng.material.icon,e.ng.material.tooltip,e.ng.material.progressSpinner,e.uuid,e.hash,e.rxjs,e.rxjs.operators,e["sd-angular"].core.common,e.ng.material.select,e["sd-angular"].core.translate,e.ng.material.checkbox,e["sd-angular"].core.popover)}(this,(function(e,t,n,r,a,i,o,l,s,c,u,d,p,f,m,h,g,v){"use strict";function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=y(u);
 /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -12,5 +12,5 @@
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */function b(e,t,n,r){return new(n||(n=Promise))((function(i,a){function o(e){try{s(r.next(e))}catch(e){a(e)}}function l(e){try{s(r.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,l)}s((r=r.apply(e,t||[])).next())}))}function C(e,t){var n,r,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=t.call(e,o)}catch(e){a=[6,e],r=0}finally{n=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}Object.create;function w(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,a=n.call(e),o=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)o.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(i)throw i.error}}return o}function I(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(w(arguments[t]));return e}Object.create;function F(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 k(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,S,O,x,j,q,T,D,P,R,V,A,E,W,$,_=function(e){this.templateRef=e};_.decorators=[{type:t.Directive,args:[{selector:"[sdSelectDisplayDef]"}]}],_.ctorParameters=function(){return[{type:t.TemplateRef}]};var B=function(){function e(e,n){var i=this;this.ref=e,this.formConfig=n,M.set(this,void 0),S.set(this,c.v4()),this.disableErrorMessage=!1,this.formControl=new f.SdFormControl,this.searchTerm$=new d.Subject,O.set(this,void 0),x.set(this,new d.BehaviorSubject([])),this.loading=!1,j.set(this,200),this.isRequired=!1,q.set(this,void 0),this.multiple=!1,this.limit=100,this.filtered=!1,this.selectAll=!1,this.modelChange=new t.EventEmitter,this.sdChange=new t.EventEmitter,this.sdSelection=new t.EventEmitter,T.set(this,new d.Subscription),D.set(this,void 0),P.set(this,{}),this.allSelected=!1,R.set(this,{}),this.isFocused=!1,V.set(this,(function(){i.formControl.clearValidators(),i.formControl.clearAsyncValidators();var e=[],t=[];i.isRequired&&e.push(r.Validators.required),F(i,q)&&t.push(F(i,$).call(i,F(i,q))),i.formControl.setValidators(e),i.formControl.setAsyncValidators(t),i.formControl.updateValueAndValidity()})),A.set(this,(function(e,t){return b(i,void 0,void 0,(function(){var n,r,i,a,o=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===F(o,P)[e]}))?[4,t(e,!0).catch((function(){return[]})).finally((function(){return o.loading=!1}))]:[3,2]):[2,n]):[2,[]];case 1:r=l.sent(),i=Array.toObject(r,this.valueField),a=Array.toObject(n.map((function(e){var t,n;return(t={})[null==e?void 0:e.toString()]=((n={})[o.valueField]=e,n[o.displayField]=e,n),t})),this.valueField),k(this,P,Object.assign(Object.assign(Object.assign({},a),F(this,P)),i)),l.label=2;case 2:return[2,n.map((function(e){var t,n;return null!==(n=F(o,P)[null==e?void 0:e.toString()])&&void 0!==n?n:((t={})[o.valueField]=e,t[o.displayField]=e,t)}))]}}))}))})),E.set(this,(function(e,t){return b(i,void 0,void 0,(function(){var n,r,i,a=this;return C(this,(function(o){switch(o.label){case 0:return e=(null==e?void 0:e.toString())||"",n=y.default({checksum:this.cacheChecksum||null,searchText:e}),void 0!==F(this,R)[n]?[3,2]:(this.loading=!0,[4,t(e).catch((function(){return[]})).finally((function(){return a.loading=!1}))]);case 1:r=o.sent(),i=Array.toObject(r,this.valueField),k(this,P,Object.assign(Object.assign({},F(this,P)),i)),F(this,R)[n]=r.union(this.valueField),o.label=2;case 2:return this.multiple?[4,F(this,A).call(this,this.formControl.value,t)]:[2,F(this,R)[n]];case 3:return[2,I(o.sent(),F(this,R)[n]).union(this.valueField)]}}))}))})),this.onSelectionChange=function(e){var t;i.allSelected=!i.select.options.some((function(e){return!e.selected}));var n=null!==(t=null==e?void 0:e.value)&&void 0!==t?t:"";i.multiple?F(i,W).call(i,n||[]):(i.searchTerm$.next(""),F(i,W).call(i,n))},this.reValidate=function(){i.formControl.updateValueAndValidity({emitEvent:!0})},W.set(this,(function(e){return b(i,void 0,void 0,(function(){var t=this;return C(this,(function(n){return Array.isArray(e)?(this.modelChange.emit(e),this.sdChange.emit(e),this.sdSelection.emit({value:e,items:e.map((function(e){return F(t,P)[null==e?void 0:e.toString()]}))})):(this.modelChange.emit(e),this.sdChange.emit(e),this.sdSelection.emit({value:e,item:F(this,P)[null==e?void 0:e.toString()]})),[2]}))}))})),this.clear=function(e){null==e||e.stopPropagation(),i.multiple?(i.formControl.setValue([]),i.modelChange.emit([]),i.sdChange.emit([]),i.sdSelection.emit({value:[],items:[]})):(i.formControl.setValue(null),i.modelChange.emit(null),i.sdChange.emit(null),i.sdSelection.emit({value:null,item:null}))},this.onClick=function(){var e;(null===(e=i.sdView)||void 0===e?void 0:e.templateRef)&&(i.formControl.disabled||i.isFocused||i.focus())},this.focus=function(){i.isFocused=!0,setTimeout((function(){var e,t;null===(e=i.select)||void 0===e||e.focus(),null===(t=i.select)||void 0===t||t.open()}),100)},$.set(this,(function(e){return function(t){return b(i,void 0,void 0,(function(){var n,r,i;return C(this,(function(a){switch(a.label){case 0:return n=t.value||null,e&&"function"==typeof e?(r=e(n))instanceof Promise?[4,r]:[3,2]:[3,3];case 1:return(i=a.sent())?[2,{customValidator:i}]:[2,null];case 2:return r?[2,{customValidator:r}]:[2,null];case 3:return[2,null]}}))}))}})),this.onOpenChange=function(e){e?(i.isFocused=!0,F(i,M)&&(F(i,M).value=null),i.searchTerm$.next("")):i.isFocused=!1},this.onOptionChange=function(e){null==e||e.hide()},this.trackByKey=function(e,t){return i.valueField?null==t?void 0:t[i.valueField]:t}}return Object.defineProperty(e.prototype,"input",{set:function(e){F(this,M)!==e&&(k(this,M,e),F(this,M).value=null)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"name",{set:function(e){e&&k(this,S,e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_disableErrorMessage",{set:function(e){this.disableErrorMessage=""===e||e,e=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"form",{set:function(e){e&&(e instanceof r.NgForm?k(this,O,e.form):k(this,O,e))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_label",{set:function(e){this.label=e,this.qcId=y.default({selector:"sd-select",label:e})},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"model",{set:function(e){this.formControl.setValue(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"items",{set:function(e){k(this,j,0),e?Array.isArray(e)?F(this,x).next(e.filter((function(e){return null!=e}))):(k(this,j,500),F(this,x).next(e)):F(this,x).next([]),this.searchTerm$.next("")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"required",{set:function(e){this.isRequired=""===e||e,F(this,V).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"validator",{set:function(e){k(this,q,e),F(this,V).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{set:function(e){(e=""===e||e)?this.formControl.disable():this.formControl.enable()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_multiple",{set:function(e){this.multiple=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_filtered",{set:function(e){this.filtered=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_selectAll",{set:function(e){this.selectAll=""===e||e},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e,t=this;this.appearance=this.appearance||(null===(e=this.formConfig)||void 0===e?void 0:e.appearance),F(this,T).add(this.formControl.sdChanges.subscribe((function(){t.ref.markForCheck()}))),k(this,D,d.combineLatest([F(this,x).asObservable(),this.searchTerm$.asObservable().pipe(p.startWith(""),p.debounceTime(F(this,j))),this.formControl.valueChanges.pipe(p.startWith(this.formControl.value))]).pipe(p.switchMap((function(e){var n=w(e,3),r=n[0],i=n[1],a=n[2];return b(t,void 0,void 0,(function(){var e,t,n,o=this;return C(this,(function(l){switch(l.label){case 0:return a=this.formControl.value,"function"!=typeof r?[3,2]:[4,F(this,E).call(this,i,r)];case 1:return[2,l.sent()];case 2:return k(this,P,r.toObject(this.valueField)),e=Array.isArray(a),t=!!this.valueField&&!!this.displayField,n=r.filter((function(n){var r=t?n[o.valueField]:n,l=t?n[o.displayField]:n;return!(!String.aliasIncludes(r,i)&&!String.aliasIncludes(l,i))||(e?a.some((function(e){return e===r})):a===r)})),r.length<=this.limit?[2,n]:[2,n.sort((function(n,r){var i=t?n[o.valueField]:n,l=t?r[o.valueField]:r,s=0;return e?(s=a.some((function(e){return e===i}))?1:0,(a.some((function(e){return e===l}))?1:0)-s):(a===l?1:0)-(s=a===i?1:0)}))]}}))}))})))),this.selectedItems=d.combineLatest([F(this,x).asObservable(),this.formControl.valueChanges.pipe(p.startWith(this.formControl.value))]).pipe(p.switchMap((function(e){var n=w(e,2),r=n[0],i=n[1];return b(t,void 0,void 0,(function(){var e,t=this;return C(this,(function(n){switch(n.label){case 0:return(null==(i=this.formControl.value)?void 0:i.toString())?(e=Array.isArray(i)?i:[i],this.valueField?"function"!=typeof r?[3,2]:[4,F(this,A).call(this,i,r)]:[2,e]):[2,[]];case 1:return[2,n.sent()];case 2:return[2,e.map((function(e){var n;return(null==r?void 0:r.find((function(n){return n[t.valueField]===e})))||((n={})[t.valueField]=e,n[t.displayField]=e,n)}))]}}))}))}))),this.filteredItems=F(this,D).pipe(p.map((function(e){return e.paging(t.limit)}))),this.display=this.selectedItems.pipe(p.map((function(e){var n;return null===(n=null==e?void 0:e.map((function(e){return t.displayField?e[t.displayField]:e})))||void 0===n?void 0:n.join(", ")})))},e.prototype.ngAfterViewInit=function(){var e;null===(e=F(this,O))||void 0===e||e.addControl(F(this,S),this.formControl)},e.prototype.ngOnDestroy=function(){var e;null===(e=F(this,O))||void 0===e||e.removeControl(F(this,S)),F(this,T).unsubscribe()},e.prototype.onSelectAll=function(){this.allSelected?this.formControl.setValue(this.select.options.map((function(e){return e.value}))):this.formControl.setValue([]),F(this,W).call(this,this.formControl.value)},e}();M=new WeakMap,S=new WeakMap,O=new WeakMap,x=new WeakMap,j=new WeakMap,q=new WeakMap,T=new WeakMap,D=new WeakMap,P=new WeakMap,R=new WeakMap,V=new WeakMap,A=new WeakMap,E=new WeakMap,W=new WeakMap,$=new WeakMap,B.decorators=[{type:t.Component,args:[{selector:"sd-select",template:'<label *ngIf="!appearance && label" class="d-block mb-0 T14M">{{label}} <span class="text-danger mb-2"\r\n    *ngIf="isRequired">*</span></label>\r\n<div class="d-flex align-items-center" [class.sd-view]="sdView?.templateRef" [class.c-focused]="isFocused"\r\n  [class.c-disabled]="formControl.disabled" (click)="onClick()">\r\n  <ng-container *ngIf="sdView?.templateRef && !isFocused; else default">\r\n    <ng-container\r\n      *ngTemplateOutlet="sdView.templateRef;context: { value: formControl.value, selectedItems: selectedItems | async }">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #default>\r\n    <mat-form-field class="sd-md" [ngClass]="{\'sd-sm\': size === \'sm\', \'no-padding-wrapper\': disableErrorMessage}"\r\n      [appearance]="appearance || \'outline\'">\r\n      <mat-label *ngIf="appearance && label">{{label}}</mat-label>\r\n      <mat-select #select [formControl]="formControl" [placeholder]="placeholder || (appearance ? label : \'\')" multiple\r\n        (selectionChange)="onSelectionChange($event)" disableOptionCentering="true" panelClass="sd-select-panel"\r\n        [ngClass]="{\'sd-selected\': !isRequired && (multiple ? formControl?.value?.length : formControl?.value)}"\r\n        [required]="isRequired" (openedChange)="onOpenChange($event)" [attr.data-qclabel]="label"\r\n        [attr.data-qcid]="qcId" *ngIf="multiple">\r\n        <mat-select-trigger>\r\n          {{display | async }}\r\n        </mat-select-trigger>\r\n        <mat-option *ngIf="filtered" class="sd-filtered-input" (keyup.Space)="$event.stopPropagation()" disabled="true">\r\n          <mat-form-field class="sd-md" appearance="outline">\r\n            <mat-icon matPrefix>search</mat-icon>\r\n            <input #input placeholder="{{\'Search\' | sdTranslate}}" matInput autocomplete="off"\r\n              (keydown)="$event.stopPropagation()" (keyup)="searchTerm$.next($event.target.value)">\r\n          </mat-form-field>\r\n        </mat-option>\r\n        <ng-container *ngIf="multiple && selectAll">\r\n          <mat-checkbox class="mat-option" [(ngModel)]="allSelected" [ngModelOptions]="{standalone: true}"\r\n            (change)="onSelectAll()">\r\n            Tất cả</mat-checkbox>\r\n        </ng-container>\r\n        <ng-container *ngIf="valueField && displayField">\r\n          <mat-option *ngFor="let item of filteredItems | async; trackBy: trackByKey" [value]="item[valueField]">\r\n            <div matTooltipPosition="above" [matTooltip]="item[displayField]">\r\n              <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n                <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n                {{ item[displayField] }}\r\n              </ng-container>\r\n            </div>\r\n          </mat-option>\r\n        </ng-container>\r\n        <ng-container *ngIf="!valueField && !displayField">\r\n          <mat-option *ngFor="let item of filteredItems | async; trackBy: trackByKey" [value]="item">\r\n            <div matTooltipPosition="above" [matTooltip]="item">\r\n              <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n                <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n                {{ item }}\r\n              </ng-container>\r\n            </div>\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-select #select [formControl]="formControl" [placeholder]="placeholder || (appearance ? label : \'\')"\r\n        (selectionChange)="onSelectionChange($event)" disableOptionCentering="true" panelClass="sd-select-panel"\r\n        [ngClass]="{\'sd-selected\': !isRequired && formControl?.value}" [required]="isRequired"\r\n        (openedChange)="onOpenChange($event)" [attr.data-qclabel]="label" [attr.data-qcid]="qcId" *ngIf="!multiple">\r\n        <mat-select-trigger>\r\n          {{display | async }}\r\n        </mat-select-trigger>\r\n        <mat-option *ngIf="filtered" class="sd-filtered-input" (keyup.Space)="$event.stopPropagation()" disabled="true">\r\n          <mat-form-field class="sd-md" appearance="outline">\r\n            <mat-icon matPrefix>search</mat-icon>\r\n            <input #input placeholder="{{\'Search\' | sdTranslate}}" matInput autocomplete="off"\r\n              (keydown)="$event.stopPropagation()" (keyup)="searchTerm$.next($event.target.value)">\r\n          </mat-form-field>\r\n        </mat-option>\r\n        <ng-container *ngIf="valueField && displayField">\r\n          <mat-option *ngFor="let item of filteredItems | async; trackBy: trackByKey" [value]="item[valueField]">\r\n            <div matTooltipPosition="above" [matTooltip]="item[displayField]">\r\n              <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n                <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n                {{ item[displayField] }}\r\n              </ng-container>\r\n            </div>\r\n          </mat-option>\r\n        </ng-container>\r\n        <ng-container *ngIf="!valueField && !displayField">\r\n          <mat-option *ngFor="let item of filteredItems | async; trackBy: trackByKey" [value]="item">\r\n            <div matTooltipPosition="above" [matTooltip]="item">\r\n              <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n                <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n                {{ item }}\r\n              </ng-container>\r\n            </div>\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-icon\r\n        *ngIf="(multiple ? formControl?.value?.length : formControl?.value) && !isRequired && !formControl.disabled"\r\n        class="pointer sd-suffix-icon" (click)="clear($event)" matSuffix>cancel\r\n      </mat-icon>\r\n      <mat-error *ngIf="formControl.errors?.required">\r\n        <ng-container *ngIf="!disableErrorMessage">{{ "This field is required" | sdTranslate }}</ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf="formControl?.errors?.customValidator">\r\n        <ng-container *ngIf="!disableErrorMessage">{{formControl?.errors?.customValidator}}</ng-container>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </ng-template>\r\n</div>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper{transform:none}:host ::ng-deep .sd-selected .mat-select-arrow{border:none}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field mat-select.mat-select-disabled .mat-select-value{color:#4d4d4d!important}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline{width:100%}::ng-deep .sd-select-panel .mat-option.sd-filtered-input mat-pseudo-checkbox{display:none}::ng-deep .mat-select-panel .mat-option.sd-filtered-input{height:auto}::ng-deep .sd-select-panel .mat-option.sd-filtered-input input{color:#000}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field-prefix .mat-icon{margin-right:0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper{padding:10px 0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-outline{background-color:rgba(0,0,0,.04)}"]}]}],B.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:void 0,decorators:[{type:t.Inject,args:[f.FORM_CONFIG]},{type:t.Optional}]}]},B.propDecorators={input:[{type:t.ViewChild,args:[a.MatInput]}],select:[{type:t.ViewChild,args:["select"]}],name:[{type:t.Input}],appearance:[{type:t.Input}],_disableErrorMessage:[{type:t.Input,args:["disableErrorMessage"]}],size:[{type:t.Input}],form:[{type:t.Input}],_label:[{type:t.Input,args:["label"]}],placeholder:[{type:t.Input}],model:[{type:t.Input}],items:[{type:t.Input}],valueField:[{type:t.Input}],displayField:[{type:t.Input}],cacheChecksum:[{type:t.Input}],required:[{type:t.Input}],validator:[{type:t.Input}],disabled:[{type:t.Input}],_multiple:[{type:t.Input,args:["multiple"]}],limit:[{type:t.Input}],_filtered:[{type:t.Input,args:["filtered"]}],selectDisplayDef:[{type:t.ContentChild,args:[_]}],_selectAll:[{type:t.Input,args:["selectAll"]}],modelChange:[{type:t.Output}],sdChange:[{type:t.Output}],sdSelection:[{type:t.Output}],sdView:[{type:t.ContentChild,args:[f.SdViewDefDirective]}]};var K=function(){};K.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,r.FormsModule,r.ReactiveFormsModule,a.MatInputModule,l.MatTooltipModule,i.MatFormFieldModule,o.MatIconModule,m.MatSelectModule,s.MatProgressSpinnerModule,g.MatCheckboxModule,h.SdTranslateModule,f.SdCommonModule],declarations:[B,_],exports:[B,_,f.SdCommonModule],providers:[]}]}],e.SdSelect=B,e.SdSelectDisplayDefDirective=_,e.SdSelectModule=K,Object.defineProperty(e,"__esModule",{value:!0})}));
+    ***************************************************************************** */function C(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function l(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,l)}s((r=r.apply(e,t||[])).next())}))}function w(e,t){var n,r,a,i,o={label:0,sent:function(){if(1&a[0])throw a[1];return a[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(;o;)try{if(n=1,r&&(a=2&i[0]?r.return:i[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,i[1])).done)return a;switch(r=0,a&&(i=[2&i[0],a.value]),i[0]){case 0:case 1:a=i;break;case 4:return o.label++,{value:i[1],done:!1};case 5:o.label++,r=i[1],i=[0];continue;case 7:i=o.ops.pop(),o.trys.pop();continue;default:if(!(a=o.trys,(a=a.length>0&&a[a.length-1])||6!==i[0]&&2!==i[0])){o=0;continue}if(3===i[0]&&(!a||i[1]>a[0]&&i[1]<a[3])){o.label=i[1];break}if(6===i[0]&&o.label<a[1]){o.label=a[1],a=i;break}if(a&&o.label<a[2]){o.label=a[2],o.ops.push(i);break}a[2]&&o.ops.pop(),o.trys.pop();continue}i=t.call(e,o)}catch(e){i=[6,e],r=0}finally{n=a=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}}Object.create;function I(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,a,i=n.call(e),o=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)o.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(a)throw a.error}}return o}function F(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(I(arguments[t]));return e}Object.create;function k(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 M(e,t,n,r,a){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!a)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!a:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?a.call(e,n):a?a.value=n:t.set(e,n),n}var S,O,x,T,q,j,D,P,R,V,A,E,W,$,_,B=function(e){this.templateRef=e};B.decorators=[{type:t.Directive,args:[{selector:"[sdSelectDisplayDef]"}]}],B.ctorParameters=function(){return[{type:t.TemplateRef}]};var K=function(){function e(e,n){var a=this;this.ref=e,this.formConfig=n,S.set(this,void 0),O.set(this,c.v4()),this.disableErrorMessage=!1,this.formControl=new f.SdFormControl,this.searchTerm$=new d.Subject,x.set(this,void 0),T.set(this,new d.BehaviorSubject([])),this.loading=!1,q.set(this,200),this.isRequired=!1,j.set(this,void 0),this.multiple=!1,this.limit=100,this.filtered=!1,this.selectAll=!1,this.modelChange=new t.EventEmitter,this.sdChange=new t.EventEmitter,this.sdSelection=new t.EventEmitter,D.set(this,new d.Subscription),P.set(this,void 0),R.set(this,{}),this.allSelected=!1,V.set(this,{}),this.isFocused=!1,A.set(this,(function(){a.formControl.clearValidators(),a.formControl.clearAsyncValidators();var e=[],t=[];a.isRequired&&e.push(r.Validators.required),k(a,j)&&t.push(k(a,_).call(a,k(a,j))),a.formControl.setValidators(e),a.formControl.setAsyncValidators(t),a.formControl.updateValueAndValidity()})),E.set(this,(function(e,t){return C(a,void 0,void 0,(function(){var n,r,a,i,o=this;return w(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===k(o,R)[e]}))?[4,t(e,!0).catch((function(){return[]})).finally((function(){return o.loading=!1}))]:[3,2]):[2,n]):[2,[]];case 1:r=l.sent(),a=Array.toObject(r,this.valueField),i=Array.toObject(n.map((function(e){var t,n;return(t={})[null==e?void 0:e.toString()]=((n={})[o.valueField]=e,n[o.displayField]=e,n),t})),this.valueField),M(this,R,Object.assign(Object.assign(Object.assign({},i),k(this,R)),a)),l.label=2;case 2:return[2,n.map((function(e){var t,n;return null!==(n=k(o,R)[null==e?void 0:e.toString()])&&void 0!==n?n:((t={})[o.valueField]=e,t[o.displayField]=e,t)}))]}}))}))})),W.set(this,(function(e,t){return C(a,void 0,void 0,(function(){var n,r,a,i=this;return w(this,(function(o){switch(o.label){case 0:return e=(null==e?void 0:e.toString())||"",n=b.default({checksum:this.cacheChecksum||null,searchText:e}),void 0!==k(this,V)[n]?[3,2]:(this.loading=!0,[4,t(e).catch((function(){return[]})).finally((function(){return i.loading=!1}))]);case 1:r=o.sent(),a=Array.toObject(r,this.valueField),M(this,R,Object.assign(Object.assign({},k(this,R)),a)),k(this,V)[n]=r.union(this.valueField),o.label=2;case 2:return this.multiple?[4,k(this,E).call(this,this.formControl.value,t)]:[2,k(this,V)[n]];case 3:return[2,F(o.sent(),k(this,V)[n]).union(this.valueField)]}}))}))})),this.onSelectionChange=function(e){var t;a.allSelected=!a.select.options.some((function(e){return!e.selected}));var n=null!==(t=null==e?void 0:e.value)&&void 0!==t?t:"";a.multiple?k(a,$).call(a,n||[]):(a.searchTerm$.next(""),k(a,$).call(a,n))},this.reValidate=function(){a.formControl.updateValueAndValidity({emitEvent:!0})},$.set(this,(function(e){return C(a,void 0,void 0,(function(){var t=this;return w(this,(function(n){return Array.isArray(e)?(this.modelChange.emit(e),this.sdChange.emit(e),this.sdSelection.emit({value:e,items:e.map((function(e){return k(t,R)[null==e?void 0:e.toString()]}))})):(this.modelChange.emit(e),this.sdChange.emit(e),this.sdSelection.emit({value:e,item:k(this,R)[null==e?void 0:e.toString()]})),[2]}))}))})),this.clear=function(e){null==e||e.stopPropagation(),a.multiple?(a.formControl.setValue([]),a.modelChange.emit([]),a.sdChange.emit([]),a.sdSelection.emit({value:[],items:[]})):(a.formControl.setValue(null),a.modelChange.emit(null),a.sdChange.emit(null),a.sdSelection.emit({value:null,item:null}))},this.onClick=function(){var e;(null===(e=a.sdView)||void 0===e?void 0:e.templateRef)&&(a.formControl.disabled||a.isFocused||a.focus())},this.focus=function(){a.isFocused=!0,setTimeout((function(){var e,t;null===(e=a.select)||void 0===e||e.focus(),null===(t=a.select)||void 0===t||t.open()}),100)},_.set(this,(function(e){return function(t){return C(a,void 0,void 0,(function(){var n,r,a;return w(this,(function(i){switch(i.label){case 0:return n=t.value||null,e&&"function"==typeof e?(r=e(n))instanceof Promise?[4,r]:[3,2]:[3,3];case 1:return(a=i.sent())?[2,{customValidator:a}]:[2,null];case 2:return r?[2,{customValidator:r}]:[2,null];case 3:return[2,null]}}))}))}})),this.onOpenChange=function(e){e?(a.isFocused=!0,k(a,S)&&(k(a,S).value=null),a.searchTerm$.next("")):a.isFocused=!1},this.onOptionChange=function(e){null==e||e.hide()},this.trackByKey=function(e,t){return a.valueField?null==t?void 0:t[a.valueField]:t}}return Object.defineProperty(e.prototype,"input",{set:function(e){k(this,S)!==e&&(M(this,S,e),k(this,S).value=null)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"name",{set:function(e){e&&M(this,O,e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_disableErrorMessage",{set:function(e){this.disableErrorMessage=""===e||e,e=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"form",{set:function(e){e&&(e instanceof r.NgForm?M(this,x,e.form):M(this,x,e))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_label",{set:function(e){this.label=e,this.qcId=b.default({selector:"sd-select",label:e})},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"model",{set:function(e){this.formControl.setValue(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"items",{set:function(e){M(this,q,0),e?Array.isArray(e)?k(this,T).next(e.filter((function(e){return null!=e}))):(M(this,q,500),k(this,T).next(e)):k(this,T).next([]),this.searchTerm$.next("")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"required",{set:function(e){this.isRequired=""===e||e,k(this,A).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"validator",{set:function(e){M(this,j,e),k(this,A).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{set:function(e){(e=""===e||e)?this.formControl.disable():this.formControl.enable()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_multiple",{set:function(e){this.multiple=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_filtered",{set:function(e){this.filtered=""===e||e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_selectAll",{set:function(e){this.selectAll=""===e||e},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e,t=this;this.appearance=this.appearance||(null===(e=this.formConfig)||void 0===e?void 0:e.appearance),k(this,D).add(this.formControl.sdChanges.subscribe((function(){t.ref.markForCheck()}))),M(this,P,d.combineLatest([k(this,T).asObservable(),this.searchTerm$.asObservable().pipe(p.startWith(""),p.debounceTime(k(this,q))),this.formControl.valueChanges.pipe(p.startWith(this.formControl.value))]).pipe(p.switchMap((function(e){var n=I(e,3),r=n[0],a=n[1],i=n[2];return C(t,void 0,void 0,(function(){var e,t,n,o=this;return w(this,(function(l){switch(l.label){case 0:return i=this.formControl.value,"function"!=typeof r?[3,2]:[4,k(this,W).call(this,a,r)];case 1:return[2,l.sent()];case 2:return M(this,R,r.toObject(this.valueField)),e=Array.isArray(i),t=!!this.valueField&&!!this.displayField,n=r.filter((function(n){var r=t?n[o.valueField]:n,l=t?n[o.displayField]:n;return!(!String.aliasIncludes(r,a)&&!String.aliasIncludes(l,a))||(e?i.some((function(e){return e===r})):i===r)})),r.length<=this.limit?[2,n]:[2,n.sort((function(n,r){var a=t?n[o.valueField]:n,l=t?r[o.valueField]:r,s=0;return e?(s=i.some((function(e){return e===a}))?1:0,(i.some((function(e){return e===l}))?1:0)-s):(i===l?1:0)-(s=i===a?1:0)}))]}}))}))})))),this.selectedItems=d.combineLatest([k(this,T).asObservable(),this.formControl.valueChanges.pipe(p.startWith(this.formControl.value))]).pipe(p.switchMap((function(e){var n=I(e,2),r=n[0],a=n[1];return C(t,void 0,void 0,(function(){var e,t=this;return w(this,(function(n){switch(n.label){case 0:return(null==(a=this.formControl.value)?void 0:a.toString())?(e=Array.isArray(a)?a:[a],this.valueField?"function"!=typeof r?[3,2]:[4,k(this,E).call(this,a,r)]:[2,e]):[2,[]];case 1:return[2,n.sent()];case 2:return[2,e.map((function(e){var n;return(null==r?void 0:r.find((function(n){return n[t.valueField]===e})))||((n={})[t.valueField]=e,n[t.displayField]=e,n)}))]}}))}))}))),this.filteredItems=k(this,P).pipe(p.map((function(e){return e.paging(t.limit)}))),this.display=this.selectedItems.pipe(p.map((function(e){var n;return null===(n=null==e?void 0:e.map((function(e){return t.displayField?e[t.displayField]:e})))||void 0===n?void 0:n.join(", ")})))},e.prototype.ngAfterViewInit=function(){var e;null===(e=k(this,x))||void 0===e||e.addControl(k(this,O),this.formControl)},e.prototype.ngOnDestroy=function(){var e;null===(e=k(this,x))||void 0===e||e.removeControl(k(this,O)),k(this,D).unsubscribe()},e.prototype.onSelectAll=function(){this.allSelected?this.formControl.setValue(this.select.options.map((function(e){return e.value}))):this.formControl.setValue([]),k(this,$).call(this,this.formControl.value)},e}();S=new WeakMap,O=new WeakMap,x=new WeakMap,T=new WeakMap,q=new WeakMap,j=new WeakMap,D=new WeakMap,P=new WeakMap,R=new WeakMap,V=new WeakMap,A=new WeakMap,E=new WeakMap,W=new WeakMap,$=new WeakMap,_=new WeakMap,K.decorators=[{type:t.Component,args:[{selector:"sd-select",template:'<label *ngIf="!appearance && label" class="d-block mb-0 T14M">{{label}} <span class="text-danger mb-2"\r\n    *ngIf="isRequired">*</span></label>\r\n<div class="d-flex align-items-center" [class.sd-view]="sdView?.templateRef" [class.c-focused]="isFocused"\r\n  [class.c-disabled]="formControl.disabled" (click)="onClick()">\r\n  <ng-container *ngIf="sdView?.templateRef && !isFocused; else default">\r\n    <ng-container\r\n      *ngTemplateOutlet="sdView.templateRef;context: { value: formControl.value, selectedItems: selectedItems | async }">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #default>\r\n    <mat-form-field class="sd-md" [ngClass]="{\'sd-sm\': size === \'sm\', \'no-padding-wrapper\': disableErrorMessage}"\r\n      [appearance]="appearance || \'outline\'">\r\n      <mat-label *ngIf="appearance && label">{{label}}</mat-label>\r\n      <mat-select #select [formControl]="formControl" [placeholder]="placeholder || (appearance ? label : \'\')" multiple\r\n        (selectionChange)="onSelectionChange($event)" disableOptionCentering="true" panelClass="sd-select-panel"\r\n        [ngClass]="{\'sd-selected\': !isRequired && (multiple ? formControl?.value?.length : formControl?.value)}"\r\n        [required]="isRequired" (openedChange)="onOpenChange($event)" [attr.data-qclabel]="label"\r\n        [attr.data-qcid]="qcId" [sdPopoverTriggerFor]="error"\r\n        [sdPopoverDisabled]="!disableErrorMessage || formControl.valid" *ngIf="multiple">\r\n        <mat-select-trigger>\r\n          {{display | async }}\r\n        </mat-select-trigger>\r\n        <mat-option *ngIf="filtered" class="sd-filtered-input" (keyup.Space)="$event.stopPropagation()" disabled="true">\r\n          <mat-form-field class="sd-md" appearance="outline">\r\n            <mat-icon matPrefix>search</mat-icon>\r\n            <input #input placeholder="{{\'Search\' | sdTranslate}}" matInput autocomplete="off"\r\n              (keydown)="$event.stopPropagation()" (keyup)="searchTerm$.next($event.target.value)">\r\n          </mat-form-field>\r\n        </mat-option>\r\n        <ng-container *ngIf="multiple && selectAll">\r\n          <mat-checkbox class="mat-option" [(ngModel)]="allSelected" [ngModelOptions]="{standalone: true}"\r\n            (change)="onSelectAll()">\r\n            Tất cả</mat-checkbox>\r\n        </ng-container>\r\n        <ng-container *ngIf="valueField && displayField">\r\n          <mat-option *ngFor="let item of filteredItems | async; trackBy: trackByKey" [value]="item[valueField]">\r\n            <div matTooltipPosition="above" [matTooltip]="item[displayField]">\r\n              <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n                <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n                {{ item[displayField] }}\r\n              </ng-container>\r\n            </div>\r\n          </mat-option>\r\n        </ng-container>\r\n        <ng-container *ngIf="!valueField && !displayField">\r\n          <mat-option *ngFor="let item of filteredItems | async; trackBy: trackByKey" [value]="item">\r\n            <div matTooltipPosition="above" [matTooltip]="item">\r\n              <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n                <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n                {{ item }}\r\n              </ng-container>\r\n            </div>\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-select #select [formControl]="formControl" [placeholder]="placeholder || (appearance ? label : \'\')"\r\n        (selectionChange)="onSelectionChange($event)" disableOptionCentering="true" panelClass="sd-select-panel"\r\n        [ngClass]="{\'sd-selected\': !isRequired && formControl?.value}" [required]="isRequired"\r\n        (openedChange)="onOpenChange($event)" [attr.data-qclabel]="label" [attr.data-qcid]="qcId"\r\n        [sdPopoverTriggerFor]="error" [sdPopoverDisabled]="!disableErrorMessage || formControl.valid" *ngIf="!multiple">\r\n        <mat-select-trigger>\r\n          {{display | async }}\r\n        </mat-select-trigger>\r\n        <mat-option *ngIf="filtered" class="sd-filtered-input" (keyup.Space)="$event.stopPropagation()" disabled="true">\r\n          <mat-form-field class="sd-md" appearance="outline">\r\n            <mat-icon matPrefix>search</mat-icon>\r\n            <input #input placeholder="{{\'Search\' | sdTranslate}}" matInput autocomplete="off"\r\n              (keydown)="$event.stopPropagation()" (keyup)="searchTerm$.next($event.target.value)">\r\n          </mat-form-field>\r\n        </mat-option>\r\n        <ng-container *ngIf="valueField && displayField">\r\n          <mat-option *ngFor="let item of filteredItems | async; trackBy: trackByKey" [value]="item[valueField]">\r\n            <div matTooltipPosition="above" [matTooltip]="item[displayField]">\r\n              <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n                <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n                {{ item[displayField] }}\r\n              </ng-container>\r\n            </div>\r\n          </mat-option>\r\n        </ng-container>\r\n        <ng-container *ngIf="!valueField && !displayField">\r\n          <mat-option *ngFor="let item of filteredItems | async; trackBy: trackByKey" [value]="item">\r\n            <div matTooltipPosition="above" [matTooltip]="item">\r\n              <ng-container *ngIf="selectDisplayDef?.templateRef">\r\n                <ng-container *ngTemplateOutlet="selectDisplayDef.templateRef;context:{item: item}">\r\n                </ng-container>\r\n              </ng-container>\r\n              <ng-container *ngIf="!selectDisplayDef?.templateRef">\r\n                {{ item }}\r\n              </ng-container>\r\n            </div>\r\n          </mat-option>\r\n        </ng-container>\r\n      </mat-select>\r\n      <mat-icon\r\n        *ngIf="(multiple ? formControl?.value?.length : formControl?.value) && !isRequired && !formControl.disabled"\r\n        class="pointer sd-suffix-icon" (click)="clear($event)" matSuffix>cancel\r\n      </mat-icon>\r\n      <mat-error *ngIf="formControl.errors?.required">\r\n        <ng-container *ngIf="!disableErrorMessage">{{ "This field is required" | sdTranslate }}</ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf="formControl?.errors?.customValidator">\r\n        <ng-container *ngIf="!disableErrorMessage">{{formControl?.errors?.customValidator}}</ng-container>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </ng-template>\r\n</div>\r\n<sd-popover #error="sdPopover" type="danger" width="300px">\r\n  <span *ngIf="formControl.errors?.required">\r\n    {{ "This field is required" | sdTranslate }}\r\n  </span>\r\n  <span *ngIf="formControl.errors?.customValidator">\r\n    {{formControl.errors?.customValidator}}\r\n  </span>\r\n</sd-popover>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper{transform:none}:host ::ng-deep .sd-selected .mat-select-arrow{border:none}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field mat-select.mat-select-disabled .mat-select-value{color:#4d4d4d!important}:host ::ng-deep .mat-form-field .mat-placeholder-required{color:#f82c13}.sd-view:not(.c-focused):not(.c-disabled):hover{background-color:#ebecf0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline{width:100%}::ng-deep .sd-select-panel .mat-option.sd-filtered-input mat-pseudo-checkbox{display:none}::ng-deep .mat-select-panel .mat-option.sd-filtered-input{height:auto}::ng-deep .sd-select-panel .mat-option.sd-filtered-input input{color:#000}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field-prefix .mat-icon{margin-right:0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper{padding:10px 0}::ng-deep .sd-select-panel .mat-option.sd-filtered-input .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-outline{background-color:rgba(0,0,0,.04)}"]}]}],K.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:void 0,decorators:[{type:t.Inject,args:[f.FORM_CONFIG]},{type:t.Optional}]}]},K.propDecorators={input:[{type:t.ViewChild,args:[i.MatInput]}],select:[{type:t.ViewChild,args:["select"]}],name:[{type:t.Input}],appearance:[{type:t.Input}],_disableErrorMessage:[{type:t.Input,args:["disableErrorMessage"]}],size:[{type:t.Input}],form:[{type:t.Input}],_label:[{type:t.Input,args:["label"]}],placeholder:[{type:t.Input}],model:[{type:t.Input}],items:[{type:t.Input}],valueField:[{type:t.Input}],displayField:[{type:t.Input}],cacheChecksum:[{type:t.Input}],required:[{type:t.Input}],validator:[{type:t.Input}],disabled:[{type:t.Input}],_multiple:[{type:t.Input,args:["multiple"]}],limit:[{type:t.Input}],_filtered:[{type:t.Input,args:["filtered"]}],selectDisplayDef:[{type:t.ContentChild,args:[B]}],_selectAll:[{type:t.Input,args:["selectAll"]}],modelChange:[{type:t.Output}],sdChange:[{type:t.Output}],sdSelection:[{type:t.Output}],sdView:[{type:t.ContentChild,args:[f.SdViewDefDirective]}]};var z=function(){};z.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,r.FormsModule,r.ReactiveFormsModule,i.MatInputModule,l.MatTooltipModule,a.MatFormFieldModule,o.MatIconModule,m.MatSelectModule,s.MatProgressSpinnerModule,g.MatCheckboxModule,h.SdTranslateModule,f.SdCommonModule,v.SdPopoverModule],declarations:[K,B],exports:[K,B,f.SdCommonModule],providers:[]}]}],e.SdSelect=K,e.SdSelectDisplayDefDirective=B,e.SdSelectModule=z,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=sd-angular-core-select.umd.min.js.map

package/bundles/sd-angular-core-select.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/select/src/lib/select-display-def.directive.ts","../../../../projects/sd-core/select/src/lib/select.component.ts","../../../../projects/sd-core/select/src/lib/select.module.ts"],"names":["__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","e","rejected","result","done","then","apply","__generator","body","f","y","t","g","_","label","sent","trys","ops","verb","throw","return","Symbol","iterator","this","n","v","op","TypeError","call","pop","length","push","Object","create","__read","o","m","r","i","ar","error","__spread","arguments","concat","__classPrivateFieldGet","receiver","state","kind","has","get","__classPrivateFieldSet","set","templateRef","Directive","args","selector","TemplateRef","SdSelect","ref","formConfig","_this","_input","_name","uuid.v4","disableErrorMessage","formControl","SdFormControl","searchTerm$","Subject","_form","_itemsChanges","BehaviorSubject","loading","_delay","isRequired","_validator","multiple","limit","filtered","selectAll","modelChange","EventEmitter","sdChange","sdSelection","_subscription","Subscription","_allItems","_allItem","allSelected","_cache","isFocused","_updateValidator","clearValidators","clearAsyncValidators","validators","asyncValidators","Validators","required","_customValidator","setValidators","setAsyncValidators","updateValueAndValidity","_loadSelectedItems","items","toString","values","Array","isArray","valueField","displayField","some","val","undefined","catch","finally","results","_c","objItem","toObject","objValue","map","_d","assign","_a","_loadItems","searchText","key","hash","checksum","cacheChecksum","union","onSelectionChange","change","select","options","selected","_onChange","reValidate","emitEvent","emit","item","clear","$event","stopPropagation","setValue","onClick","sdView","disabled","focus","setTimeout","_b","open","func","c","message","customValidator","onOpenChange","isOpened","onOptionChange","tooltip","hide","trackByKey","index","defineProperty","prototype","input","NgForm","form","qcId","filter","validator","disable","enable","ngOnInit","appearance","add","sdChanges","subscribe","markForCheck","combineLatest","asObservable","pipe","startWith","debounceTime","valueChanges","switchMap","formValue","hasFields","filteredItems","display","String","aliasIncludes","sort","current","value1","value2","flag1","selectedItems","find","allItems","paging","join","ngAfterViewInit","addControl","ngOnDestroy","removeControl","unsubscribe","onSelectAll","Component","template","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","Inject","FORM_CONFIG","type","Optional","ViewChild","MatInput","Input","ContentChild","SdSelectDisplayDefDirective","Output","SdViewDefDirective","NgModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatTooltipModule","MatFormFieldModule","MatIconModule","MatSelectModule","MatProgressSpinnerModule","MatCheckboxModule","SdTranslateModule","SdCommonModule","declarations","exports","providers"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdSelectDisplayDef]'\r\n})\r\nexport class SdSelectDisplayDefDirective {\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import { Component, Input, Output, EventEmitter, ChangeDetectorRef, AfterViewInit, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy, ContentChild, Inject, Optional } from '@angular/core';\r\nimport { NgForm, Validators, ValidatorFn, AbstractControl, AsyncValidatorFn, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport hash from 'object-hash';\r\nimport { MatSelect, MatSelectChange } from '@angular/material/select';\r\nimport { BehaviorSubject, combineLatest, Observable, of, Subject, Subscription } from 'rxjs';\r\nimport { debounceTime, map, startWith, switchMap } from 'rxjs/operators';\r\nimport { MatInput } from '@angular/material/input';\r\nimport { SdSelectDisplayDefDirective } from './select-display-def.directive';\r\nimport { FORM_CONFIG, IFormConfiguration, SdFormControl, SdViewDefDirective } from '@sd-angular/core/common';\r\nimport { MatTooltip } from '@angular/material/tooltip';\r\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\r\n@Component({\r\n  selector: 'sd-select',\r\n  templateUrl: './select.component.html',\r\n  styleUrls: ['./select.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdSelect implements OnInit, AfterViewInit, OnDestroy {\r\n  #input: MatInput;\r\n  @ViewChild(MatInput) set input(input: MatInput) {\r\n    if (this.#input !== input) {\r\n      this.#input = input;\r\n      this.#input.value = null;\r\n    }\r\n  }\r\n  @ViewChild('select') select: MatSelect;\r\n  #name = uuid.v4();\r\n  @Input() set name(val: string) {\r\n    if (val) {\r\n      this.#name = val;\r\n    }\r\n  }\r\n  @Input() appearance: MatFormFieldAppearance;\r\n  disableErrorMessage = false;\r\n  @Input('disableErrorMessage') set _disableErrorMessage(val: boolean | '') {\r\n    this.disableErrorMessage = (val === '') || val;\r\n    val = (val === '') || val;\r\n  }\r\n  formControl = new SdFormControl();\r\n\r\n  searchTerm$ = new Subject<string>();\r\n\r\n  @Input() size: 'sm' | 'lg';\r\n  #form: FormGroup;\r\n  @Input() set form(val: NgForm | FormGroup) {\r\n    if (val) {\r\n      if (val instanceof NgForm) {\r\n        this.#form = val.form;\r\n      } else {\r\n        this.#form = val;\r\n      }\r\n    }\r\n  }\r\n  qcId: string;\r\n  label: string;\r\n  @Input('label') set _label(val: string) {\r\n    this.label = val;\r\n    this.qcId = hash({\r\n      selector: 'sd-select',\r\n      label: val\r\n    });\r\n  };\r\n  @Input() placeholder: string;\r\n\r\n  // Model\r\n  display: Observable<string>;\r\n  @Input() set model(value: undefined | boolean | number | string | (number | string)[]) {\r\n    this.formControl.setValue(value);\r\n  }\r\n  // Items\r\n\r\n  #itemsChanges = new BehaviorSubject<any[] | SearchFunc>([]);\r\n  @Input() set items(items: undefined | any[] | SearchFunc) {\r\n    this.#delay = 0;\r\n    if (!items) {\r\n      this.#itemsChanges.next([]);\r\n    } else if (Array.isArray(items)) {\r\n      this.#itemsChanges.next(items.filter(e => e !== null && e !== undefined));\r\n    } else {\r\n      this.#delay = 500;\r\n      this.#itemsChanges.next(items);\r\n    }\r\n    this.searchTerm$.next('');\r\n  }\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n  @Input() cacheChecksum: any;\r\n\r\n  // Server search\r\n  loading = false;\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\r\n  // Validator\r\n  isRequired = false;\r\n  #validator: (value: any) => string | Promise<string>;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n  @Input() set validator(validator: (value: any) => string | Promise<string>) {\r\n    this.#validator = validator;\r\n    this.#updateValidator();\r\n  }\r\n  // Optional\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = (val === '') || val;\r\n    if (val) {\r\n      this.formControl.disable();\r\n    } else {\r\n      this.formControl.enable();\r\n    }\r\n  }\r\n  multiple = false;\r\n  @Input('multiple') set _multiple(val: boolean | '') {\r\n    this.multiple = (val === '') || val;\r\n  }\r\n  @Input() limit = 100;\r\n  filtered = false;\r\n  @Input('filtered') set _filtered(val: boolean | '') {\r\n    this.filtered = (val === '') || val;\r\n  }\r\n  @ContentChild(SdSelectDisplayDefDirective) selectDisplayDef: SdSelectDisplayDefDirective;\r\n  selectAll = false;\r\n  @Input('selectAll') set _selectAll(val: boolean | '') {\r\n    this.selectAll = (val === '') || val;\r\n  }\r\n\r\n  @Output() modelChange = new EventEmitter();\r\n  @Output() sdChange = new EventEmitter();\r\n  @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any, items?: any[] }>();\r\n  #subscription = new Subscription();\r\n  selectedItems: Observable<any[]>;\r\n  #allItems: Observable<any[]>;\r\n  filteredItems: Observable<any[]>;\r\n  #allItem: {\r\n    [key: string]: any\r\n  } = {};\r\n  allSelected = false;\r\n  #cache: {\r\n    [key: string]: any[]\r\n  } = {};\r\n  @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n  isFocused = false;\r\n\r\n  constructor(\r\n    private ref: ChangeDetectorRef,\r\n    @Inject(FORM_CONFIG) @Optional() private formConfig: IFormConfiguration\r\n  ) { }\r\n\r\n  ngOnInit() {\r\n    this.appearance = this.appearance || this.formConfig?.appearance;\r\n    this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n      this.ref.markForCheck();\r\n    }));\r\n    this.#allItems = combineLatest([\r\n      this.#itemsChanges.asObservable(),\r\n      this.searchTerm$.asObservable().pipe(startWith(''), debounceTime(this.#delay)),\r\n      this.formControl.valueChanges.pipe(startWith(this.formControl.value))]).pipe(\r\n        switchMap(async ([items, val, formValue]) => {\r\n          formValue = 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 isArray = Array.isArray(formValue);\r\n          const hasFields = !!this.valueField && !!this.displayField;\r\n          const 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            if (isArray) {\r\n              return formValue.some(e => e === value);\r\n            }\r\n            return formValue === value;\r\n          });\r\n          if (items.length <= this.limit) {\r\n            return filteredItems;\r\n          }\r\n          // Đưa những selectedItems lên đầu nếu không mat-select-trigger sẽ không work\r\n          return filteredItems.sort((current, next) => {\r\n            const value1 = hasFields ? current[this.valueField] : current;\r\n            const value2 = hasFields ? next[this.valueField] : next;\r\n            let flag1 = 0;\r\n            let flag2 = 0;\r\n            if (isArray) {\r\n              flag1 = formValue.some(e => e === value1) ? 1 : 0;\r\n              flag2 = formValue.some(e => e === value2) ? 1 : 0;\r\n              return flag2 - flag1;\r\n            }\r\n            flag1 = formValue === value1 ? 1 : 0;\r\n            flag2 = formValue === value2 ? 1 : 0;\r\n            return flag2 - flag1;\r\n          });\r\n        }));\r\n    this.selectedItems = combineLatest([\r\n      this.#itemsChanges.asObservable(),\r\n      this.formControl.valueChanges.pipe(startWith(this.formControl.value))])\r\n      .pipe(\r\n        switchMap(async ([items, val]) => {\r\n          // 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 (!val?.toString()) {\r\n            return [];\r\n          }\r\n          const values = Array.isArray(val) ? val : [val];\r\n          if (!this.valueField) {\r\n            return values;\r\n          }\r\n          if (typeof (items) === 'function') {\r\n            return await this.#loadSelectedItems(val, items);\r\n          }\r\n          return values.map(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.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  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#form?.removeControl(this.#name);\r\n    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  #updateValidator = () => {\r\n    this.formControl.clearValidators();\r\n    this.formControl.clearAsyncValidators();\r\n    const validators: ValidatorFn[] = [];\r\n    const asyncValidators: AsyncValidatorFn[] = [];\r\n    if (this.isRequired) {\r\n      validators.push(Validators.required);\r\n    }\r\n    if (this.#validator) {\r\n      asyncValidators.push(this.#customValidator(this.#validator));\r\n    }\r\n    this.formControl.setValidators(validators);\r\n    this.formControl.setAsyncValidators(asyncValidators);\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  #loadSelectedItems = async (value: string | string[], items: SearchFunc) => {\r\n    if (!value?.toString()) {\r\n      return [];\r\n    }\r\n    const values = Array.isArray(value) ? value : [value];\r\n    if (!this.valueField && !this.displayField) {\r\n      return values;\r\n    }\r\n    this.loading = true;\r\n    if (values.some(val => this.#allItem[val] === undefined)) {\r\n      const results = await items(value, true).catch(() => []).finally(() => this.loading = false);\r\n      const objItem = Array.toObject(results, this.valueField);\r\n      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  #loadItems = async (searchText: string, items: SearchFunc) => {\r\n    searchText = searchText?.toString() || '';\r\n    const key = hash({\r\n      checksum: this.cacheChecksum || null,\r\n      searchText\r\n    });\r\n    \r\n    if (this.#cache[key] === 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[key] = results.union(this.valueField);\r\n    }\r\n    if (!this.multiple) {\r\n      return this.#cache[key];\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[key]].union(this.valueField);\r\n  }\r\n\r\n  onSelectionChange = (change: MatSelectChange) => {\r\n    this.allSelected = !this.select.options.some(e => !e.selected);\r\n    const value = change?.value ?? '';\r\n    if (this.multiple) {\r\n      this.#onChange(value || []);\r\n    } else {\r\n      this.searchTerm$.next('');\r\n      this.#onChange(value);\r\n    }\r\n  }\r\n\r\n  onSelectAll() {\r\n    if (this.allSelected) {\r\n      this.formControl.setValue(this.select.options.map(e => e.value));\r\n    } else {\r\n      this.formControl.setValue([]);\r\n    }\r\n    this.#onChange(this.formControl.value);\r\n  }\r\n\r\n  reValidate = () => {\r\n    this.formControl.updateValueAndValidity({ emitEvent: true });\r\n  }\r\n\r\n  #onChange = async (value: boolean | number | string | (number | string)[]) => {\r\n    if (Array.isArray(value)) {\r\n      this.modelChange.emit(value);\r\n      this.sdChange.emit(value);\r\n      this.sdSelection.emit({\r\n        value: value,\r\n        items: value.map(val => this.#allItem[val?.toString()])\r\n      });\r\n    } else {\r\n      this.modelChange.emit(value);\r\n      this.sdChange.emit(value);\r\n      this.sdSelection.emit({\r\n        value: value,\r\n        item: this.#allItem[value?.toString()]\r\n      });\r\n    }\r\n  }\r\n\r\n  clear = ($event?: any) => {\r\n    $event?.stopPropagation();\r\n    if (this.multiple) {\r\n      this.formControl.setValue([]);\r\n      this.modelChange.emit([]);\r\n      this.sdChange.emit([]);\r\n      this.sdSelection.emit({\r\n        value: [],\r\n        items: []\r\n      });\r\n    } else {\r\n      this.formControl.setValue(null);\r\n      this.modelChange.emit(null);\r\n      this.sdChange.emit(null);\r\n      this.sdSelection.emit({\r\n        value: null,\r\n        item: null\r\n      });\r\n    }\r\n  }\r\n\r\n  onClick = () => {\r\n    if (this.sdView?.templateRef) {\r\n      if (!this.formControl.disabled && !this.isFocused) {\r\n        this.focus();\r\n      }\r\n    }\r\n  }\r\n\r\n  focus = () => {\r\n    this.isFocused = true;\r\n    setTimeout(() => {\r\n      this.select?.focus();\r\n      this.select?.open();\r\n    }, 100);\r\n  }\r\n\r\n  #customValidator = (func: (value: any) => string | Promise<string>): AsyncValidatorFn => {\r\n    return async (c: AbstractControl): Promise<{ [key: string]: any } | null> => {\r\n      const value = c.value || null;\r\n      if (func && typeof (func) === 'function') {\r\n        const result = func(value);\r\n        if (result instanceof Promise) {\r\n          const message = await result;\r\n          if (message) {\r\n            return {\r\n              customValidator: message\r\n            };\r\n          }\r\n          return null;\r\n        }\r\n        if (result) {\r\n          return {\r\n            customValidator: result\r\n          };\r\n        }\r\n        return null;\r\n      }\r\n      return null;\r\n    };\r\n  }\r\n\r\n  onOpenChange = (isOpened: boolean) => {\r\n    if (isOpened) {\r\n      this.isFocused = true;\r\n      if (this.#input) {\r\n        this.#input.value = null;\r\n      }\r\n      this.searchTerm$.next('');\r\n    } else {\r\n      this.isFocused = false;\r\n    }\r\n  }\r\n\r\n  onOptionChange = (tooltip: MatTooltip) => {\r\n    tooltip?.hide();\r\n  }\r\n\r\n  trackByKey = (index, item) => {\r\n    if (this.valueField) {\r\n      return item?.[this.valueField];\r\n    }\r\n    return item;\r\n  }\r\n}\r\n\r\ntype SearchFunc = (searchText?: string | string[], isFormValue?: boolean) => Promise<any[]>;","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdSelect } from './select.component';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { SdSelectDisplayDefDirective } from './select-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatInputModule,\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatSelectModule,\r\n    MatProgressSpinnerModule,\r\n    MatCheckboxModule,\r\n    SdTranslateModule,\r\n    SdCommonModule\r\n  ],\r\n  declarations: [\r\n    SdSelect,\r\n    SdSelectDisplayDefDirective\r\n  ],\r\n  exports: [\r\n    SdSelect,\r\n    SdSelectDisplayDefDirective,\r\n    SdCommonModule\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdSelectModule {\r\n\r\n}\r\n"]}
+{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/select/src/lib/select-display-def.directive.ts","../../../../projects/sd-core/select/src/lib/select.component.ts","../../../../projects/sd-core/select/src/lib/select.module.ts"],"names":["__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","e","rejected","result","done","then","apply","__generator","body","f","y","t","g","_","label","sent","trys","ops","verb","throw","return","Symbol","iterator","this","n","v","op","TypeError","call","pop","length","push","Object","create","__read","o","m","r","i","ar","error","__spread","arguments","concat","__classPrivateFieldGet","receiver","state","kind","has","get","__classPrivateFieldSet","set","templateRef","Directive","args","selector","TemplateRef","SdSelect","ref","formConfig","_this","_input","_name","uuid.v4","disableErrorMessage","formControl","SdFormControl","searchTerm$","Subject","_form","_itemsChanges","BehaviorSubject","loading","_delay","isRequired","_validator","multiple","limit","filtered","selectAll","modelChange","EventEmitter","sdChange","sdSelection","_subscription","Subscription","_allItems","_allItem","allSelected","_cache","isFocused","_updateValidator","clearValidators","clearAsyncValidators","validators","asyncValidators","Validators","required","_customValidator","setValidators","setAsyncValidators","updateValueAndValidity","_loadSelectedItems","items","toString","values","Array","isArray","valueField","displayField","some","val","undefined","catch","finally","results","_c","objItem","toObject","objValue","map","_d","assign","_a","_loadItems","searchText","key","hash","checksum","cacheChecksum","union","onSelectionChange","change","select","options","selected","_onChange","reValidate","emitEvent","emit","item","clear","$event","stopPropagation","setValue","onClick","sdView","disabled","focus","setTimeout","_b","open","func","c","message","customValidator","onOpenChange","isOpened","onOptionChange","tooltip","hide","trackByKey","index","defineProperty","prototype","input","NgForm","form","qcId","filter","validator","disable","enable","ngOnInit","appearance","add","sdChanges","subscribe","markForCheck","combineLatest","asObservable","pipe","startWith","debounceTime","valueChanges","switchMap","formValue","hasFields","filteredItems","display","String","aliasIncludes","sort","current","value1","value2","flag1","selectedItems","find","allItems","paging","join","ngAfterViewInit","addControl","ngOnDestroy","removeControl","unsubscribe","onSelectAll","Component","template","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","Inject","FORM_CONFIG","type","Optional","ViewChild","MatInput","Input","ContentChild","SdSelectDisplayDefDirective","Output","SdViewDefDirective","NgModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatTooltipModule","MatFormFieldModule","MatIconModule","MatSelectModule","MatProgressSpinnerModule","MatCheckboxModule","SdTranslateModule","SdCommonModule","SdPopoverModule","declarations","exports","providers"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdSelectDisplayDef]'\r\n})\r\nexport class SdSelectDisplayDefDirective {\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import { Component, Input, Output, EventEmitter, ChangeDetectorRef, AfterViewInit, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy, ContentChild, Inject, Optional } from '@angular/core';\r\nimport { NgForm, Validators, ValidatorFn, AbstractControl, AsyncValidatorFn, FormGroup } from '@angular/forms';\r\nimport * as uuid from 'uuid';\r\nimport hash from 'object-hash';\r\nimport { MatSelect, MatSelectChange } from '@angular/material/select';\r\nimport { BehaviorSubject, combineLatest, Observable, of, Subject, Subscription } from 'rxjs';\r\nimport { debounceTime, map, startWith, switchMap } from 'rxjs/operators';\r\nimport { MatInput } from '@angular/material/input';\r\nimport { SdSelectDisplayDefDirective } from './select-display-def.directive';\r\nimport { FORM_CONFIG, IFormConfiguration, SdFormControl, SdViewDefDirective } from '@sd-angular/core/common';\r\nimport { MatTooltip } from '@angular/material/tooltip';\r\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\r\n@Component({\r\n  selector: 'sd-select',\r\n  templateUrl: './select.component.html',\r\n  styleUrls: ['./select.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdSelect implements OnInit, AfterViewInit, OnDestroy {\r\n  #input: MatInput;\r\n  @ViewChild(MatInput) set input(input: MatInput) {\r\n    if (this.#input !== input) {\r\n      this.#input = input;\r\n      this.#input.value = null;\r\n    }\r\n  }\r\n  @ViewChild('select') select: MatSelect;\r\n  #name = uuid.v4();\r\n  @Input() set name(val: string) {\r\n    if (val) {\r\n      this.#name = val;\r\n    }\r\n  }\r\n  @Input() appearance: MatFormFieldAppearance;\r\n  disableErrorMessage = false;\r\n  @Input('disableErrorMessage') set _disableErrorMessage(val: boolean | '') {\r\n    this.disableErrorMessage = (val === '') || val;\r\n    val = (val === '') || val;\r\n  }\r\n  formControl = new SdFormControl();\r\n\r\n  searchTerm$ = new Subject<string>();\r\n\r\n  @Input() size: 'sm' | 'lg';\r\n  #form: FormGroup;\r\n  @Input() set form(val: NgForm | FormGroup) {\r\n    if (val) {\r\n      if (val instanceof NgForm) {\r\n        this.#form = val.form;\r\n      } else {\r\n        this.#form = val;\r\n      }\r\n    }\r\n  }\r\n  qcId: string;\r\n  label: string;\r\n  @Input('label') set _label(val: string) {\r\n    this.label = val;\r\n    this.qcId = hash({\r\n      selector: 'sd-select',\r\n      label: val\r\n    });\r\n  };\r\n  @Input() placeholder: string;\r\n\r\n  // Model\r\n  display: Observable<string>;\r\n  @Input() set model(value: undefined | boolean | number | string | (number | string)[]) {\r\n    this.formControl.setValue(value);\r\n  }\r\n  // Items\r\n\r\n  #itemsChanges = new BehaviorSubject<any[] | SearchFunc>([]);\r\n  @Input() set items(items: undefined | any[] | SearchFunc) {\r\n    this.#delay = 0;\r\n    if (!items) {\r\n      this.#itemsChanges.next([]);\r\n    } else if (Array.isArray(items)) {\r\n      this.#itemsChanges.next(items.filter(e => e !== null && e !== undefined));\r\n    } else {\r\n      this.#delay = 500;\r\n      this.#itemsChanges.next(items);\r\n    }\r\n    this.searchTerm$.next('');\r\n  }\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n  @Input() cacheChecksum: any;\r\n\r\n  // Server search\r\n  loading = false;\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\r\n  // Validator\r\n  isRequired = false;\r\n  #validator: (value: any) => string | Promise<string>;\r\n  @Input() set required(val: boolean | '') {\r\n    this.isRequired = (val === '') || val;\r\n    this.#updateValidator();\r\n  }\r\n  @Input() set validator(validator: (value: any) => string | Promise<string>) {\r\n    this.#validator = validator;\r\n    this.#updateValidator();\r\n  }\r\n  // Optional\r\n  @Input() set disabled(val: boolean | '') {\r\n    val = (val === '') || val;\r\n    if (val) {\r\n      this.formControl.disable();\r\n    } else {\r\n      this.formControl.enable();\r\n    }\r\n  }\r\n  multiple = false;\r\n  @Input('multiple') set _multiple(val: boolean | '') {\r\n    this.multiple = (val === '') || val;\r\n  }\r\n  @Input() limit = 100;\r\n  filtered = false;\r\n  @Input('filtered') set _filtered(val: boolean | '') {\r\n    this.filtered = (val === '') || val;\r\n  }\r\n  @ContentChild(SdSelectDisplayDefDirective) selectDisplayDef: SdSelectDisplayDefDirective;\r\n  selectAll = false;\r\n  @Input('selectAll') set _selectAll(val: boolean | '') {\r\n    this.selectAll = (val === '') || val;\r\n  }\r\n\r\n  @Output() modelChange = new EventEmitter();\r\n  @Output() sdChange = new EventEmitter();\r\n  @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any, items?: any[] }>();\r\n  #subscription = new Subscription();\r\n  selectedItems: Observable<any[]>;\r\n  #allItems: Observable<any[]>;\r\n  filteredItems: Observable<any[]>;\r\n  #allItem: {\r\n    [key: string]: any\r\n  } = {};\r\n  allSelected = false;\r\n  #cache: {\r\n    [key: string]: any[]\r\n  } = {};\r\n  @ContentChild(SdViewDefDirective) sdView: SdViewDefDirective;\r\n  isFocused = false;\r\n\r\n  constructor(\r\n    private ref: ChangeDetectorRef,\r\n    @Inject(FORM_CONFIG) @Optional() private formConfig: IFormConfiguration\r\n  ) { }\r\n\r\n  ngOnInit() {\r\n    this.appearance = this.appearance || this.formConfig?.appearance;\r\n    this.#subscription.add(this.formControl.sdChanges.subscribe(() => {\r\n      this.ref.markForCheck();\r\n    }));\r\n    this.#allItems = combineLatest([\r\n      this.#itemsChanges.asObservable(),\r\n      this.searchTerm$.asObservable().pipe(startWith(''), debounceTime(this.#delay)),\r\n      this.formControl.valueChanges.pipe(startWith(this.formControl.value))]).pipe(\r\n        switchMap(async ([items, val, formValue]) => {\r\n          formValue = 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 isArray = Array.isArray(formValue);\r\n          const hasFields = !!this.valueField && !!this.displayField;\r\n          const 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            if (isArray) {\r\n              return formValue.some(e => e === value);\r\n            }\r\n            return formValue === value;\r\n          });\r\n          if (items.length <= this.limit) {\r\n            return filteredItems;\r\n          }\r\n          // Đưa những selectedItems lên đầu nếu không mat-select-trigger sẽ không work\r\n          return filteredItems.sort((current, next) => {\r\n            const value1 = hasFields ? current[this.valueField] : current;\r\n            const value2 = hasFields ? next[this.valueField] : next;\r\n            let flag1 = 0;\r\n            let flag2 = 0;\r\n            if (isArray) {\r\n              flag1 = formValue.some(e => e === value1) ? 1 : 0;\r\n              flag2 = formValue.some(e => e === value2) ? 1 : 0;\r\n              return flag2 - flag1;\r\n            }\r\n            flag1 = formValue === value1 ? 1 : 0;\r\n            flag2 = formValue === value2 ? 1 : 0;\r\n            return flag2 - flag1;\r\n          });\r\n        }));\r\n    this.selectedItems = combineLatest([\r\n      this.#itemsChanges.asObservable(),\r\n      this.formControl.valueChanges.pipe(startWith(this.formControl.value))])\r\n      .pipe(\r\n        switchMap(async ([items, val]) => {\r\n          // 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 (!val?.toString()) {\r\n            return [];\r\n          }\r\n          const values = Array.isArray(val) ? val : [val];\r\n          if (!this.valueField) {\r\n            return values;\r\n          }\r\n          if (typeof (items) === 'function') {\r\n            return await this.#loadSelectedItems(val, items);\r\n          }\r\n          return values.map(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.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  }\r\n\r\n  ngAfterViewInit() {\r\n    this.#form?.addControl(this.#name, this.formControl);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#form?.removeControl(this.#name);\r\n    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  #updateValidator = () => {\r\n    this.formControl.clearValidators();\r\n    this.formControl.clearAsyncValidators();\r\n    const validators: ValidatorFn[] = [];\r\n    const asyncValidators: AsyncValidatorFn[] = [];\r\n    if (this.isRequired) {\r\n      validators.push(Validators.required);\r\n    }\r\n    if (this.#validator) {\r\n      asyncValidators.push(this.#customValidator(this.#validator));\r\n    }\r\n    this.formControl.setValidators(validators);\r\n    this.formControl.setAsyncValidators(asyncValidators);\r\n    this.formControl.updateValueAndValidity();\r\n  }\r\n\r\n  #loadSelectedItems = async (value: string | string[], items: SearchFunc) => {\r\n    if (!value?.toString()) {\r\n      return [];\r\n    }\r\n    const values = Array.isArray(value) ? value : [value];\r\n    if (!this.valueField && !this.displayField) {\r\n      return values;\r\n    }\r\n    this.loading = true;\r\n    if (values.some(val => this.#allItem[val] === undefined)) {\r\n      const results = await items(value, true).catch(() => []).finally(() => this.loading = false);\r\n      const objItem = Array.toObject(results, this.valueField);\r\n      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  #loadItems = async (searchText: string, items: SearchFunc) => {\r\n    searchText = searchText?.toString() || '';\r\n    const key = hash({\r\n      checksum: this.cacheChecksum || null,\r\n      searchText\r\n    });\r\n    \r\n    if (this.#cache[key] === 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[key] = results.union(this.valueField);\r\n    }\r\n    if (!this.multiple) {\r\n      return this.#cache[key];\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[key]].union(this.valueField);\r\n  }\r\n\r\n  onSelectionChange = (change: MatSelectChange) => {\r\n    this.allSelected = !this.select.options.some(e => !e.selected);\r\n    const value = change?.value ?? '';\r\n    if (this.multiple) {\r\n      this.#onChange(value || []);\r\n    } else {\r\n      this.searchTerm$.next('');\r\n      this.#onChange(value);\r\n    }\r\n  }\r\n\r\n  onSelectAll() {\r\n    if (this.allSelected) {\r\n      this.formControl.setValue(this.select.options.map(e => e.value));\r\n    } else {\r\n      this.formControl.setValue([]);\r\n    }\r\n    this.#onChange(this.formControl.value);\r\n  }\r\n\r\n  reValidate = () => {\r\n    this.formControl.updateValueAndValidity({ emitEvent: true });\r\n  }\r\n\r\n  #onChange = async (value: boolean | number | string | (number | string)[]) => {\r\n    if (Array.isArray(value)) {\r\n      this.modelChange.emit(value);\r\n      this.sdChange.emit(value);\r\n      this.sdSelection.emit({\r\n        value: value,\r\n        items: value.map(val => this.#allItem[val?.toString()])\r\n      });\r\n    } else {\r\n      this.modelChange.emit(value);\r\n      this.sdChange.emit(value);\r\n      this.sdSelection.emit({\r\n        value: value,\r\n        item: this.#allItem[value?.toString()]\r\n      });\r\n    }\r\n  }\r\n\r\n  clear = ($event?: any) => {\r\n    $event?.stopPropagation();\r\n    if (this.multiple) {\r\n      this.formControl.setValue([]);\r\n      this.modelChange.emit([]);\r\n      this.sdChange.emit([]);\r\n      this.sdSelection.emit({\r\n        value: [],\r\n        items: []\r\n      });\r\n    } else {\r\n      this.formControl.setValue(null);\r\n      this.modelChange.emit(null);\r\n      this.sdChange.emit(null);\r\n      this.sdSelection.emit({\r\n        value: null,\r\n        item: null\r\n      });\r\n    }\r\n  }\r\n\r\n  onClick = () => {\r\n    if (this.sdView?.templateRef) {\r\n      if (!this.formControl.disabled && !this.isFocused) {\r\n        this.focus();\r\n      }\r\n    }\r\n  }\r\n\r\n  focus = () => {\r\n    this.isFocused = true;\r\n    setTimeout(() => {\r\n      this.select?.focus();\r\n      this.select?.open();\r\n    }, 100);\r\n  }\r\n\r\n  #customValidator = (func: (value: any) => string | Promise<string>): AsyncValidatorFn => {\r\n    return async (c: AbstractControl): Promise<{ [key: string]: any } | null> => {\r\n      const value = c.value || null;\r\n      if (func && typeof (func) === 'function') {\r\n        const result = func(value);\r\n        if (result instanceof Promise) {\r\n          const message = await result;\r\n          if (message) {\r\n            return {\r\n              customValidator: message\r\n            };\r\n          }\r\n          return null;\r\n        }\r\n        if (result) {\r\n          return {\r\n            customValidator: result\r\n          };\r\n        }\r\n        return null;\r\n      }\r\n      return null;\r\n    };\r\n  }\r\n\r\n  onOpenChange = (isOpened: boolean) => {\r\n    if (isOpened) {\r\n      this.isFocused = true;\r\n      if (this.#input) {\r\n        this.#input.value = null;\r\n      }\r\n      this.searchTerm$.next('');\r\n    } else {\r\n      this.isFocused = false;\r\n    }\r\n  }\r\n\r\n  onOptionChange = (tooltip: MatTooltip) => {\r\n    tooltip?.hide();\r\n  }\r\n\r\n  trackByKey = (index, item) => {\r\n    if (this.valueField) {\r\n      return item?.[this.valueField];\r\n    }\r\n    return item;\r\n  }\r\n}\r\n\r\ntype SearchFunc = (searchText?: string | string[], isFormValue?: boolean) => Promise<any[]>;","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdSelect } from './select.component';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { SdSelectDisplayDefDirective } from './select-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { SdPopoverModule } from '@sd-angular/core/popover';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatInputModule,\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatSelectModule,\r\n    MatProgressSpinnerModule,\r\n    MatCheckboxModule,\r\n    SdTranslateModule,\r\n    SdCommonModule,\r\n    SdPopoverModule\r\n  ],\r\n  declarations: [\r\n    SdSelect,\r\n    SdSelectDisplayDefDirective\r\n  ],\r\n  exports: [\r\n    SdSelect,\r\n    SdSelectDisplayDefDirective,\r\n    SdCommonModule\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdSelectModule {\r\n\r\n}\r\n"]}

package/date-time/sd-angular-core-date-time.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdDateTimeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MatMomentDateModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NgxMatDatetimePickerModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NgxMatTimepickerModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular-material-components/moment-adapter","name":"NgxMatMomentModule","line":28,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":29,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":30,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdDateTime"}],"exports":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":36,"character":4},{"__symbolic":"reference","name":"SdDateTime"}],"providers":[]}]}],"members":{}},"SdDateTime":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":50,"character":1},"arguments":[{"selector":"sd-date-time","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":54,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":56,"character":15},"useValue":{"parse":{"dateInput":"DD/MM/YYYY"},"display":{"dateInput":"DD/MM/YYYY","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY"}}},{"provide":{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NGX_MAT_DATE_FORMATS","line":57,"character":15},"useValue":{"parse":{"dateInput":"DD/MM/YYYY HH:mm"},"display":{"dateInput":"DD/MM/YYYY HH:mm","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY"}}}],"template":"<label *ngIf=\"!appearance && label\" class=\"d-block mb-0 T14M\">{{label}} <span class=\"text-danger mb-2\"\r\n    *ngIf=\"required\">*</span></label>\r\n<div class=\"d-flex align-items-center\" [class.sd-view]=\"sdView?.templateRef\" [class.c-focused]=\"isFocused\"\r\n  [class.c-disabled]=\"formControl.disabled\" (click)=\"onClick()\">\r\n  <ng-container\r\n    *ngIf=\"sdView?.templateRef && !isFocused && !datePicker?.opened && !dateTimePicker?.opened; 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 *ngIf=\"type === 'datetime' || type === 'time'\" class=\"sd-md\"\r\n      [ngClass]=\"{ 'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage }\"\r\n      [appearance]=\"appearance || 'outline'\">\r\n      <mat-label *ngIf=\"appearance && label\">{{ label }}</mat-label>\r\n      <input [id]=\"id\" matInput (dateInput)=\"onChange($event)\" [autocomplete]=\"id\" autocorrect=\"off\"\r\n        [formControl]=\"formControl\" [ngxMatDatetimePicker]=\"picker1\"\r\n        [placeholder]=\"placeholder || (appearance ? label : '')\" [min]=\"min\" [required]=\"required\" [max]=\"max\"\r\n        (focus)=\"onFocus()\" (blur)=\"onBlur()\" [attr.data-qclabel]=\"label\" [attr.data-qcid]=\"qcId\" #input />\r\n      <!-- <mat-icon class=\"pointer sd-suffix-icon\" (click)=\"!formControl?.disabled && picker1.open()\" matSuffix>today\r\n      </mat-icon> -->\r\n      <mat-icon *ngIf=\"formControl?.value && !required && !formControl.disabled\" class=\"pointer sd-suffix-icon\"\r\n        (click)=\"clear($event)\" matSuffix>cancel\r\n      </mat-icon>\r\n      <mat-datepicker-toggle matSuffix [for]=\"picker1\">\r\n      </mat-datepicker-toggle>\r\n      <ngx-mat-datetime-picker #picker1 [defaultTime]=\"defaultTime\" [touchUi]=\"isMobileOrTablet\" [showSpinners]=\"false\"\r\n        (opened)=\"onFocus()\" (closed)=\"onBlur();focusInputElement()\">\r\n      </ngx-mat-datetime-picker>\r\n\r\n      <mat-error *ngIf=\"formControl?.errors?.required && formControl?.touched && !disableErrorMessage\">\r\n        {{ \"This field is required\" | sdTranslate }}\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatetimePickerMin && formControl?.touched && !disableErrorMessage\">\r\n        {{ \"Min date\" | sdTranslate }}:\r\n        <strong>{{ min | date: \"dd/MM/yyyy HH:mm\" }}</strong>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatetimePickerMax && formControl?.touched && !disableErrorMessage\">\r\n        {{ \"Max date\" | sdTranslate }}:\r\n        <strong>{{ max | date: \"dd/MM/yyyy HH:mm\" }}</strong>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatetimePickerParse && formControl?.touched && !disableErrorMessage\">\r\n        {{ \"Parse error\" | sdTranslate }}:\r\n        <strong>{{ formControl?.errors?.matDatetimePickerParse?.text }}</strong>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.customValidator && formControl?.touched && !disableErrorMessage\">\r\n        <strong>{{ formControl?.errors?.customValidator }}</strong>\r\n      </mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field *ngIf=\"type === 'date'\" class=\"sd-md\"\r\n      [ngClass]=\"{ 'sd-sm': size === 'sm' , 'no-padding-wrapper': disableErrorMessage}\"\r\n      [appearance]=\"appearance || 'outline'\">\r\n      <mat-label *ngIf=\"appearance && label\">{{ label }}</mat-label>\r\n      <input [id]=\"id\" matInput (dateInput)=\"onChange($event)\" [autocomplete]=\"id\" autocorrect=\"off\"\r\n        [formControl]=\"formControl\" [required]=\"required\" [matDatepicker]=\"picker2\"\r\n        [placeholder]=\"placeholder || (appearance ? label : '')\" [min]=\"min\" [max]=\"max\" (focus)=\"onFocus()\"\r\n        (blur)=\"onBlur()\" [attr.data-qclabel]=\"label\" [attr.data-qcid]=\"qcId\" #input />\r\n      <mat-icon *ngIf=\"formControl?.value && !required && !formControl.disabled\" class=\"pointer sd-suffix-icon\"\r\n        (click)=\"clear($event)\" matSuffix>cancel\r\n      </mat-icon>\r\n\r\n      <mat-icon class=\"pointer sd-suffix-icon\" (click)=\"!formControl?.disabled && picker2.open()\" #btn matSuffix>today\r\n      </mat-icon>\r\n\r\n      <mat-datepicker #picker2 [touchUi]=\"isMobileOrTablet\"></mat-datepicker>\r\n\r\n      <mat-error *ngIf=\"formControl?.errors?.required && formControl?.touched && !disableErrorMessage\">\r\n        {{ \"This field is required\" | sdTranslate }}\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.customValidator && formControl?.touched && !disableErrorMessage\">\r\n        <strong>{{ formControl?.errors?.customValidator }}</strong>\r\n      </mat-error>\r\n    </mat-form-field>\r\n    <!-- <ngx-mat-timepicker *ngIf=\"type === 'time'\" formControlName=\"name\" [disabled]=\"disabled\" showSpinners=\"false\" stepHour=\"1\"\r\n  stepMinute=\"1\" stepSecond=\"1\">\r\n</ngx-mat-timepicker> -->\r\n    <mat-form-field *ngIf=\"type === 'month'\" class=\"sd-md\"\r\n      [ngClass]=\"{ 'sd-sm': size === 'sm' , 'no-padding-wrapper': disableErrorMessage}\" appearance=\"outline\">\r\n      <mat-label *ngIf=\"label\">{{ label }}</mat-label>\r\n      <input [id]=\"id\" matInput (dateInput)=\"onChange($event)\" [autocomplete]=\"id\" autocorrect=\"off\"\r\n        [formControl]=\"formControl\" [required]=\"required\" [matDatepicker]=\"pickerMonth\"\r\n        [placeholder]=\"placeholder || (appearance ? label : '')\" [min]=\"min\" [max]=\"max\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" #input />\r\n\r\n      <mat-icon *ngIf=\"formControl?.value && !required && !formControl.disabled\" class=\"pointer sd-suffix-icon\"\r\n        (click)=\"clear($event)\" matSuffix>cancel\r\n      </mat-icon>\r\n      <mat-icon class=\"pointer sd-suffix-icon\" (click)=\"!formControl?.disabled && pickerMonth.open()\" #btn matSuffix>\r\n        today\r\n      </mat-icon>\r\n\r\n      <mat-datepicker #pickerMonth [touchUi]=\"isMobileOrTablet\" startView=\"multi-year\"\r\n        (monthSelected)=\"setMonthAndYear($event, pickerMonth)\"></mat-datepicker>\r\n\r\n      <mat-error *ngIf=\"formControl?.errors?.required && formControl?.touched && !disableErrorMessage\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"This field is required\" | sdTranslate }}</ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.customValidator && formControl?.touched && !disableErrorMessage\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ formControl?.errors?.customValidator }}</ng-container>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </ng-template>\r\n</div>","styles":[":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field input.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}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"appearance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"_disableErrorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3},"arguments":["disableErrorMessage"]}]}],"_min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["min"]}]}],"_max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3},"arguments":["max"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"_required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3},"arguments":["required"]}]}],"_label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3},"arguments":["label"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3}}]}],"defaultTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3}}]}],"minDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"maxDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":3}}]}],"validator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3}}]}],"sdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":148,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":160,"character":3}}]}],"sdView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":162,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdViewDefDirective","line":162,"character":16}]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":163,"character":3},"arguments":["input"]}]}],"datePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":164,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepicker","line":164,"character":13}]}]}],"dateTimePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":165,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NgxMatDatetimePicker","line":165,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":170,"character":5},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"FORM_CONFIG","line":170,"character":12}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":170,"character":26}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":168,"character":17},{"__symbolic":"reference","module":"ngx-device-detector","name":"DeviceDetectorService","line":169,"character":19},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"IFormConfiguration","line":170,"character":57}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"focusInputElement":[{"__symbolic":"method"}]}}},"origins":{"SdDateTimeModule":"./src/lib/date-time.module","SdDateTime":"./src/lib/date-time.component"},"importAs":"@sd-angular/core/date-time"}
+{"__symbolic":"module","version":4,"metadata":{"SdDateTimeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MatMomentDateModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NgxMatDatetimePickerModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NgxMatTimepickerModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular-material-components/moment-adapter","name":"NgxMatMomentModule","line":29,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":30,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":31,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/popover","name":"SdPopoverModule","line":32,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdDateTime"}],"exports":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdCommonModule","line":38,"character":4},{"__symbolic":"reference","name":"SdDateTime"}],"providers":[]}]}],"members":{}},"SdDateTime":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":50,"character":1},"arguments":[{"selector":"sd-date-time","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":54,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":56,"character":15},"useValue":{"parse":{"dateInput":"DD/MM/YYYY"},"display":{"dateInput":"DD/MM/YYYY","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY"}}},{"provide":{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NGX_MAT_DATE_FORMATS","line":57,"character":15},"useValue":{"parse":{"dateInput":"DD/MM/YYYY HH:mm"},"display":{"dateInput":"DD/MM/YYYY HH:mm","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY"}}}],"template":"<label *ngIf=\"!appearance && label\" class=\"d-block mb-0 T14M\">{{label}} <span class=\"text-danger mb-2\"\r\n    *ngIf=\"required\">*</span></label>\r\n<div class=\"d-flex align-items-center\" [class.sd-view]=\"sdView?.templateRef\" [class.c-focused]=\"isFocused\"\r\n  [class.c-disabled]=\"formControl.disabled\" (click)=\"onClick()\">\r\n  <ng-container\r\n    *ngIf=\"sdView?.templateRef && !isFocused && !datePicker?.opened && !dateTimePicker?.opened; 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 *ngIf=\"type === 'datetime' || type === 'time'\" class=\"sd-md\"\r\n      [ngClass]=\"{ 'sd-sm': size === 'sm', 'no-padding-wrapper': disableErrorMessage }\"\r\n      [appearance]=\"appearance || 'outline'\">\r\n      <mat-label *ngIf=\"appearance && label\">{{ label }}</mat-label>\r\n      <input [id]=\"id\" matInput (dateInput)=\"onChange($event)\" [autocomplete]=\"id\" autocorrect=\"off\"\r\n        [formControl]=\"formControl\" [ngxMatDatetimePicker]=\"picker1\"\r\n        [placeholder]=\"placeholder || (appearance ? label : '')\" [min]=\"min\" [required]=\"required\" [max]=\"max\"\r\n        (focus)=\"onFocus()\" (blur)=\"onBlur()\" [attr.data-qclabel]=\"label\" [attr.data-qcid]=\"qcId\"\r\n        [sdPopoverTriggerFor]=\"error\" [sdPopoverDisabled]=\"!disableErrorMessage || formControl.valid\" #input />\r\n      <!-- <mat-icon class=\"pointer sd-suffix-icon\" (click)=\"!formControl?.disabled && picker1.open()\" matSuffix>today\r\n      </mat-icon> -->\r\n      <mat-icon *ngIf=\"formControl?.value && !required && !formControl.disabled\" class=\"pointer sd-suffix-icon\"\r\n        (click)=\"clear($event)\" matSuffix>cancel\r\n      </mat-icon>\r\n      <mat-datepicker-toggle matSuffix [for]=\"picker1\">\r\n      </mat-datepicker-toggle>\r\n      <ngx-mat-datetime-picker #picker1 [defaultTime]=\"defaultTime\" [touchUi]=\"isMobileOrTablet\" [showSpinners]=\"false\"\r\n        (opened)=\"onFocus()\" (closed)=\"onBlur();focusInputElement()\">\r\n      </ngx-mat-datetime-picker>\r\n\r\n      <mat-error *ngIf=\"formControl?.errors?.required && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"This field is required\" | sdTranslate }}</ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatetimePickerMin && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"Min date\" | sdTranslate }}:\r\n          <strong>{{ min | date: \"dd/MM/yyyy HH:mm\" }}</strong>\r\n        </ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatetimePickerMax && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"Max date\" | sdTranslate }}:\r\n          <strong>{{ max | date: \"dd/MM/yyyy HH:mm\" }}</strong>\r\n        </ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatetimePickerParse && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"Parse error\" | sdTranslate }}:\r\n          <strong>{{ formControl?.errors?.matDatetimePickerParse?.text }}</strong>\r\n        </ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.customValidator && formControl?.touched && !disableErrorMessage\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ formControl?.errors?.customValidator }}\r\n        </ng-container>\r\n      </mat-error>\r\n    </mat-form-field>\r\n    <mat-form-field *ngIf=\"type === 'date'\" class=\"sd-md\"\r\n      [ngClass]=\"{ 'sd-sm': size === 'sm' , 'no-padding-wrapper': disableErrorMessage}\"\r\n      [appearance]=\"appearance || 'outline'\">\r\n      <mat-label *ngIf=\"appearance && label\">{{ label }}</mat-label>\r\n      <input [id]=\"id\" matInput (dateInput)=\"onChange($event)\" [autocomplete]=\"id\" autocorrect=\"off\"\r\n        [formControl]=\"formControl\" [required]=\"required\" [matDatepicker]=\"picker2\"\r\n        [placeholder]=\"placeholder || (appearance ? label : '')\" [min]=\"min\" [max]=\"max\" (focus)=\"onFocus()\"\r\n        (blur)=\"onBlur()\" [attr.data-qclabel]=\"label\" [attr.data-qcid]=\"qcId\" [sdPopoverTriggerFor]=\"error\"\r\n        [sdPopoverDisabled]=\"!disableErrorMessage || formControl.valid\" #input />\r\n      <mat-icon *ngIf=\"formControl?.value && !required && !formControl.disabled\" class=\"pointer sd-suffix-icon\"\r\n        (click)=\"clear($event)\" matSuffix>cancel\r\n      </mat-icon>\r\n\r\n      <mat-icon class=\"pointer sd-suffix-icon\" (click)=\"!formControl?.disabled && picker2.open()\" #btn matSuffix>today\r\n      </mat-icon>\r\n\r\n      <mat-datepicker #picker2 [touchUi]=\"isMobileOrTablet\"></mat-datepicker>\r\n\r\n      <mat-error *ngIf=\"formControl?.errors?.required && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"This field is required\" | sdTranslate }}</ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatetimePickerMin && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"Min date\" | sdTranslate }}:\r\n          <strong>{{ min | date: \"dd/MM/yyyy HH:mm\" }}</strong>\r\n        </ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatetimePickerMax && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"Max date\" | sdTranslate }}:\r\n          <strong>{{ max | date: \"dd/MM/yyyy HH:mm\" }}</strong>\r\n        </ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatetimePickerParse && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"Parse error\" | sdTranslate }}:\r\n          <strong>{{ formControl?.errors?.matDatetimePickerParse?.text }}</strong>\r\n        </ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.customValidator && formControl?.touched && !disableErrorMessage\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ formControl?.errors?.customValidator }}\r\n        </ng-container>\r\n      </mat-error>\r\n    </mat-form-field>\r\n    <!-- <ngx-mat-timepicker *ngIf=\"type === 'time'\" formControlName=\"name\" [disabled]=\"disabled\" showSpinners=\"false\" stepHour=\"1\"\r\n  stepMinute=\"1\" stepSecond=\"1\">\r\n</ngx-mat-timepicker> -->\r\n    <mat-form-field *ngIf=\"type === 'month'\" class=\"sd-md\"\r\n      [ngClass]=\"{ 'sd-sm': size === 'sm' , 'no-padding-wrapper': disableErrorMessage}\" appearance=\"outline\">\r\n      <mat-label *ngIf=\"label\">{{ label }}</mat-label>\r\n      <input [id]=\"id\" matInput (dateInput)=\"onChange($event)\" [autocomplete]=\"id\" autocorrect=\"off\"\r\n        [formControl]=\"formControl\" [required]=\"required\" [matDatepicker]=\"pickerMonth\"\r\n        [placeholder]=\"placeholder || (appearance ? label : '')\" [min]=\"min\" [max]=\"max\" (focus)=\"onFocus()\"\r\n        (blur)=\"onBlur()\" [sdPopoverTriggerFor]=\"error\" [sdPopoverDisabled]=\"!disableErrorMessage || formControl.valid\"\r\n        #input />\r\n\r\n      <mat-icon *ngIf=\"formControl?.value && !required && !formControl.disabled\" class=\"pointer sd-suffix-icon\"\r\n        (click)=\"clear($event)\" matSuffix>cancel\r\n      </mat-icon>\r\n      <mat-icon class=\"pointer sd-suffix-icon\" (click)=\"!formControl?.disabled && pickerMonth.open()\" #btn matSuffix>\r\n        today\r\n      </mat-icon>\r\n\r\n      <mat-datepicker #pickerMonth [touchUi]=\"isMobileOrTablet\" startView=\"multi-year\"\r\n        (monthSelected)=\"setMonthAndYear($event, pickerMonth)\"></mat-datepicker>\r\n\r\n      <mat-error *ngIf=\"formControl?.errors?.required && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"This field is required\" | sdTranslate }}</ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatetimePickerMin && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"Min date\" | sdTranslate }}:\r\n          <strong>{{ min | date: \"dd/MM/yyyy HH:mm\" }}</strong>\r\n        </ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatetimePickerMax && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"Max date\" | sdTranslate }}:\r\n          <strong>{{ max | date: \"dd/MM/yyyy HH:mm\" }}</strong>\r\n        </ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.matDatetimePickerParse && formControl?.touched\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ \"Parse error\" | sdTranslate }}:\r\n          <strong>{{ formControl?.errors?.matDatetimePickerParse?.text }}</strong>\r\n        </ng-container>\r\n      </mat-error>\r\n      <mat-error *ngIf=\"formControl?.errors?.customValidator && formControl?.touched && !disableErrorMessage\">\r\n        <ng-container *ngIf=\"!disableErrorMessage\">{{ formControl?.errors?.customValidator }}\r\n        </ng-container>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </ng-template>\r\n</div>\r\n<sd-popover #error=\"sdPopover\" type=\"danger\" width=\"300px\">\r\n  <span *ngIf=\"formControl.errors?.required\">\r\n    {{ \"This field is required\" | sdTranslate }}\r\n  </span>\r\n  <span *ngIf=\"formControl?.errors?.matDatetimePickerMin\">\r\n    {{ \"Min date\" | sdTranslate }}:\r\n    <strong>{{ min | date: \"dd/MM/yyyy HH:mm\" }}</strong>\r\n  </span>\r\n  <span *ngIf=\"formControl?.errors?.matDatetimePickerMax\">\r\n    {{ \"Max date\" | sdTranslate }}:\r\n    <strong>{{ max | date: \"dd/MM/yyyy HH:mm\" }}</strong>\r\n  </span>\r\n  <span *ngIf=\"formControl?.errors?.matDatetimePickerParse\">\r\n    {{ \"Parse error\" | sdTranslate }}:\r\n    <strong>{{ formControl?.errors?.matDatetimePickerParse?.text }}</strong>\r\n  </span>\r\n  <span *ngIf=\"formControl?.errors?.customValidator\">\r\n    {{ formControl?.errors?.customValidator }}\r\n  </span>\r\n</sd-popover>","styles":[":host{display:block;padding-top:5px}:host ::ng-deep .mat-form-field.no-padding-wrapper .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#f6f6f6;color:#e9e9e9}:host ::ng-deep .mat-form-field input.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}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"appearance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"_disableErrorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3},"arguments":["disableErrorMessage"]}]}],"_min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["min"]}]}],"_max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3},"arguments":["max"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"_required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3},"arguments":["required"]}]}],"_label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3},"arguments":["label"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3}}]}],"defaultTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3}}]}],"minDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"maxDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":3}}]}],"validator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3}}]}],"sdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":148,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":160,"character":3}}]}],"sdView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":162,"character":3},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"SdViewDefDirective","line":162,"character":16}]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":163,"character":3},"arguments":["input"]}]}],"datePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":164,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepicker","line":164,"character":13}]}]}],"dateTimePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":165,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular-material-components/datetime-picker","name":"NgxMatDatetimePicker","line":165,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":170,"character":5},"arguments":[{"__symbolic":"reference","module":"@sd-angular/core/common","name":"FORM_CONFIG","line":170,"character":12}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":170,"character":26}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":168,"character":17},{"__symbolic":"reference","module":"ngx-device-detector","name":"DeviceDetectorService","line":169,"character":19},{"__symbolic":"reference","module":"@sd-angular/core/common","name":"IFormConfiguration","line":170,"character":57}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"focusInputElement":[{"__symbolic":"method"}]}}},"origins":{"SdDateTimeModule":"./src/lib/date-time.module","SdDateTime":"./src/lib/date-time.component"},"importAs":"@sd-angular/core/date-time"}