@sd-angular/core 1.3.197 → 1.3.199

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

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@sd-angular/core/common"),require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("@angular/material/paginator"),require("@angular/material/sort"),require("@angular/animations"),require("uuid"),require("rxjs"),require("@sd-angular/core/notify"),require("rxjs/operators"),require("@sd-angular/core/modal"),require("ngx-device-detector"),require("@sd-angular/core/export"),require("@sd-angular/core/setting"),require("@sd-angular/core/quick-action"),require("object-hash"),require("@angular/cdk/drag-drop"),require("@sd-angular/core/loading"),require("@angular/material/table"),require("@angular/material/progress-spinner"),require("@angular/cdk/table"),require("@angular/material/menu"),require("@angular/material/button"),require("@sd-angular/core/service"),require("@angular/material/tooltip"),require("@angular/material/slide-toggle"),require("@sd-angular/core/form"),require("@angular/material/checkbox"),require("@angular/material/list"),require("@sd-angular/core/group")):"function"==typeof define&&define.amd?define("@sd-angular/core/table",["exports","@sd-angular/core/common","@angular/core","@angular/common","@angular/material/icon","@angular/material/paginator","@angular/material/sort","@angular/animations","uuid","rxjs","@sd-angular/core/notify","rxjs/operators","@sd-angular/core/modal","ngx-device-detector","@sd-angular/core/export","@sd-angular/core/setting","@sd-angular/core/quick-action","object-hash","@angular/cdk/drag-drop","@sd-angular/core/loading","@angular/material/table","@angular/material/progress-spinner","@angular/cdk/table","@angular/material/menu","@angular/material/button","@sd-angular/core/service","@angular/material/tooltip","@angular/material/slide-toggle","@sd-angular/core/form","@angular/material/checkbox","@angular/material/list","@sd-angular/core/group"],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.table={}),e["sd-angular"].core.common,e.ng.core,e.ng.common,e.ng.material.icon,e.ng.material.paginator,e.ng.material.sort,e.ng.animations,e.uuid,e.rxjs,e["sd-angular"].core.notify,e.rxjs.operators,e["sd-angular"].core.modal,e["ngx-device-detector"],e["sd-angular"].core.export,e["sd-angular"].core.setting,e["sd-angular"].core["quick-action"],e["object-hash"],e.ng.cdk.dragDrop,e["sd-angular"].core.loading,e.ng.material.table,e.ng.material.progressSpinner,e.ng.cdk.table,e.ng.material.menu,e.ng.material.button,e["sd-angular"].core.service,e.ng.material.tooltip,e.ng.material.slideToggle,e["sd-angular"].core.form,e.ng.material.checkbox,e.ng.material.list,e["sd-angular"].core.group)}(this,(function(e,t,n,i,r,l,o,a,s,c,d,u,f,p,m,g,h,v,y,b,x,F,w,C,D,O,k,S,I,T,E,M){"use strict";function P(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function R(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var A=R(v),L=P(v),j=function(e,t){return(j=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function z(e,t,n,i){return new(n||(n=Promise))((function(r,l){function o(e){try{s(i.next(e))}catch(e){l(e)}}function a(e){try{s(i.throw(e))}catch(e){l(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,a)}s((i=i.apply(e,t||[])).next())}))}function H(e,t){var n,i,r,l,o={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return l={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function a(l){return function(a){return function(l){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,i&&(r=2&l[0]?i.return:l[0]?i.throw||((r=i.return)&&r.call(i),0):i.next)&&!(r=r.call(i,l[1])).done)return r;switch(i=0,r&&(l=[2&l[0],r.value]),l[0]){case 0:case 1:r=l;break;case 4:return o.label++,{value:l[1],done:!1};case 5:o.label++,i=l[1],l=[0];continue;case 7:l=o.ops.pop(),o.trys.pop();continue;default:if(!(r=o.trys,(r=r.length>0&&r[r.length-1])||6!==l[0]&&2!==l[0])){o=0;continue}if(3===l[0]&&(!r||l[1]>r[0]&&l[1]<r[3])){o.label=l[1];break}if(6===l[0]&&o.label<r[1]){o.label=r[1],r=l;break}if(r&&o.label<r[2]){o.label=r[2],o.ops.push(l);break}r[2]&&o.ops.pop(),o.trys.pop();continue}l=t.call(e,o)}catch(e){l=[6,e],i=0}finally{n=r=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,a])}}}Object.create;function N(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&i>=e.length&&(e=void 0),{value:e&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function W(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,r,l=n.call(e),o=[];try{for(;(void 0===t||t-- >0)&&!(i=l.next()).done;)o.push(i.value)}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}return o}function _(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(W(arguments[t]));return e}Object.create;function V(e,t,n,i){if("a"===n&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?i:"a"===n?i.call(e):i?i.value:t.get(e)}function q(e,t,n,i,r){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?r.call(e,n):r?r.value=n:t.set(e,n),n}var U,B={paginate:{pageSize:20,pages:[20,50,100,200]}},G=new n.InjectionToken("sd-table.configuration"),J=function(e){this.templateRef=e};J.decorators=[{type:n.Directive,args:[{selector:"[sdTableCellDef]"}]}],J.ctorParameters=function(){return[{type:n.TemplateRef}]},J.propDecorators={sdTableCellDef:[{type:n.Input}]};var Q,K=function(){function e(e){var t=this;this.cdRef=e,U.set(this,void 0),this.externalFilters=[],this.externalFilter={},this.inlineExternal={},this.columns=[],this.columnFilter={},this.inlineColumn={},this.filterDefs=[],this.filterDef={},this.inlineFilterDef={},this.open=function(){var e=V(t,U).configuration.get();t.inlineColumn=JSON.parse(JSON.stringify(e.inlineColumn)),t.inlineExternal=JSON.parse(JSON.stringify(e.inlineExternal)),t.inlineFilterDef=JSON.parse(JSON.stringify(e.inlineFilterDef));var n=V(t,U).value.get();t.columnFilter=JSON.parse(JSON.stringify(n.columnFilter)),t.externalFilter=JSON.parse(JSON.stringify(n.externalFilter)),t.filterDef=JSON.parse(JSON.stringify(n.filterDef)),t.modal.open(),t.cdRef.markForCheck()},this.close=function(){t.modal.close(),t.cdRef.markForCheck()},this.onApply=function(){V(t,U).configuration.set({inlineColumn:t.inlineColumn,inlineExternal:t.inlineExternal,inlineFilterDef:t.inlineFilterDef}),V(t,U).value.set({columnFilter:t.columnFilter,externalFilter:t.externalFilter,filterDef:t.filterDef}),t.modal.close(),t.cdRef.markForCheck()}}return Object.defineProperty(e.prototype,"filterRegister",{set:function(e){q(this,U,e)},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){},e.prototype.ngOnDestroy=function(){},e.prototype.onClear=function(){V(this,U).value.remove(),this.modal.close(),this.cdRef.markForCheck()},e}();U=new WeakMap,K.decorators=[{type:n.Component,args:[{selector:"sd-popup-filter",template:'<sd-modal width="500px" [title]="\'Filter\' | sdTranslate">\r\n  <sd-modal-body class="c-popup-filter">\r\n    <ng-container *ngFor="let column of columns | sdFilterColumn">\r\n      <div class="d-flex align-items-baseline">\r\n        <ng-container>\r\n          <div *sdDesktop class="c-checkable">\r\n            <mat-slide-toggle [(ngModel)]="inlineColumn[column.field]" color="primary"></mat-slide-toggle>\r\n          </div>\r\n        </ng-container>\r\n        <div class="c-filterable">\r\n          <sd-input\r\n            *ngIf="column.type === \'string\'"\r\n            [label]="column.title"\r\n            type="text"\r\n            [(model)]="columnFilter[column.field]"\r\n            appearance="outline">\r\n          </sd-input>\r\n          <sd-input\r\n            *ngIf="column.type === \'number\'"\r\n            [label]="column.title"\r\n            type=" number"\r\n            [(model)]="columnFilter[column.field]"\r\n            appearance="outline">\r\n          </sd-input>\r\n          <sd-select\r\n            *ngIf="column.type === \'bool\'"\r\n            [label]="column.title"\r\n            [items]="[\r\n              { value: \'1\', display: column.trueValue || \'True\' },\r\n              { value: \'0\', display: column.falseValue || \'False\' }\r\n            ]"\r\n            valueField="value"\r\n            displayField="display"\r\n            [(model)]="columnFilter[column.field]"\r\n            appearance="outline">\r\n          </sd-select>\r\n          <sd-autocomplete\r\n            *ngIf="column.type === \'values\' || column.type === \'lazy-values\'"\r\n            [label]="column.title"\r\n            [items]="column.option.items"\r\n            [valueField]="column.option.valueField"\r\n            [displayField]="column.option.displayField"\r\n            [(model)]="columnFilter[column.field]"\r\n            appearance="outline">\r\n          </sd-autocomplete>\r\n          <sd-date-time\r\n            *ngIf="column.type === \'date\' || column.type === \'datetime\' || column.type === \'time\'"\r\n            [label]="column.title"\r\n            [(model)]="columnFilter[column.field]"\r\n            type="date"\r\n            appearance="outline">\r\n          </sd-date-time>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngFor="let item of externalFilters | sdFilterExternal">\r\n      <div class="d-flex align-items-baseline">\r\n        <ng-container>\r\n          <div *sdDesktop class="c-checkable">\r\n            <mat-slide-toggle [(ngModel)]="inlineExternal[item.field]" color="primary"></mat-slide-toggle>\r\n          </div>\r\n        </ng-container>\r\n        <div class="c-filterable">\r\n          <sd-input\r\n            [label]="item.title"\r\n            *ngIf="item.type === \'string\'"\r\n            type="text"\r\n            [(model)]="externalFilter[item.field]"\r\n            appearance="outline">\r\n          </sd-input>\r\n          <sd-input-number [label]="item.title" *ngIf="item.type === \'number\'" [(model)]="externalFilter[item.field]" appearance="outline">\r\n          </sd-input-number>\r\n          <sd-select\r\n            [label]="item.title"\r\n            *ngIf="item.type === \'bool\'"\r\n            [items]="[\r\n              { value: \'1\', display: item.option?.displayOnTrue || \'True\' },\r\n              { value: \'0\', display: item.option?.displayOnFalse || \'False\' }\r\n            ]"\r\n            valueField="value"\r\n            displayField="display"\r\n            [(model)]="externalFilter[item.field]"\r\n            appearance="outline">\r\n          </sd-select>\r\n          <ng-container *ngIf="item.type === \'values\'">\r\n            <sd-select\r\n              *ngIf="item.option?.selection === \'MULTIPLE\'"\r\n              [label]="item.title"\r\n              [items]="item.option.items"\r\n              [valueField]="item.option.valueField"\r\n              [displayField]="item.option.displayField"\r\n              [(model)]="externalFilter[item.field]"\r\n              appearance="outline"\r\n              multiple>\r\n            </sd-select>\r\n            <sd-autocomplete\r\n              *ngIf="item.option?.selection === \'AUTOCOMPLETE\'"\r\n              [label]="item.title"\r\n              [items]="item.option.items"\r\n              [valueField]="item.option.valueField"\r\n              [displayField]="item.option.displayField"\r\n              appearance="outline"\r\n              [(model)]="externalFilter[item.field]">\r\n            </sd-autocomplete>\r\n            <sd-select\r\n              *ngIf="item.option?.selection === \'MULTIPLEAUTOCOMPLETE\'"\r\n              [label]="item.title"\r\n              [items]="item.option.items"\r\n              [valueField]="item.option.valueField"\r\n              [displayField]="item.option.displayField"\r\n              appearance="outline"\r\n              [(model)]="externalFilter[item.field]"\r\n              filtered="true"\r\n              multiple>\r\n            </sd-select>\r\n            <sd-select\r\n              *ngIf="!item.option?.selection"\r\n              [label]="item.title"\r\n              [items]="item.values"\r\n              [items]="item.option.items"\r\n              [valueField]="item.option.valueField"\r\n              [displayField]="item.option.displayField"\r\n              appearance="outline"\r\n              [(model)]="externalFilter[item.field]">\r\n            </sd-select>\r\n          </ng-container>\r\n          <sd-date-time\r\n            [label]="item.title"\r\n            *ngIf="item.type === \'date\' || item.type === \'datetime\'"\r\n            [(model)]="externalFilter[item.field]"\r\n            [type]="item.type"\r\n            appearance="outline">\r\n          </sd-date-time>\r\n          <sd-date-range\r\n            [label]="item.title"\r\n            *ngIf="item.type === \'daterange\' && externalFilter[item.field]"\r\n            [(from)]="externalFilter[item.field].from"\r\n            [(to)]="externalFilter[item.field].to"\r\n            [min]="item.minDate"\r\n            [max]="item.maxDate"\r\n            appearance="outline">\r\n          </sd-date-range>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngFor="let filter of filterDefs">\r\n      <div class="d-flex align-items-baseline">\r\n        <ng-container>\r\n          <div *sdDesktop class="c-checkable">\r\n            <mat-slide-toggle [(ngModel)]="inlineFilterDef[filter.sdTableFilterDef]" color="primary"> </mat-slide-toggle>\r\n          </div>\r\n        </ng-container>\r\n        <div class="c-filterable">\r\n          <ng-container *ngTemplateOutlet="filter.templateRef; context: { filterDef: filterDef }"> </ng-container>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </sd-modal-body>\r\n  <sd-modal-footer *sdDesktop>\r\n    <sd-button class="mr-auto" (action)="onClear()" title="Mặc định" size="sm" type="link"> </sd-button>\r\n    <sd-button (action)="onApply()" title="Đồng ý" color="primary" size="sm" type="fill"></sd-button>\r\n  </sd-modal-footer>\r\n  <sd-modal-footer *sdMobileTablet>\r\n    <sd-button style="flex: 1; padding-right: 5px" (action)="onClear()" title="Mặc định" width="100%" size="sm" type="link"></sd-button>\r\n    <sd-button\r\n      style="flex: 1; padding-left: 5px"\r\n      (action)="onApply()"\r\n      title="Đồng ý"\r\n      color="primary"\r\n      width="100%"\r\n      size="sm"\r\n      type="fill"></sd-button>\r\n  </sd-modal-footer>\r\n</sd-modal>\r\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".c-checkable{width:50px}.c-filterable{flex:1}::ng-deep sd-modal-body.c-popup-filter .mat-form-field-wrapper{padding-bottom:0}"]}]}],K.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},K.propDecorators={modal:[{type:n.ViewChild,args:[f.SdModal]}],filterRegister:[{type:n.Input}],externalFilters:[{type:n.Input}],columns:[{type:n.Input}],filterDefs:[{type:n.Input}]};var $=function(){function e(e,t){var n=this;this.ref=e,this.deviceService=t,this.columns=[],this.externalFilters=[],this.filterDefs=[],this.filterRegisterChange=new c.BehaviorSubject(null),this.filterDef={},this.inlineFilterDef={},this.columnFilter={},this.inlineColumn={},this.externalFilter={},this.inlineExternal={},Q.set(this,new c.Subscription),this.onFilter=function(e){n.filterRegister.value.set({columnFilter:n.columnFilter,externalFilter:n.externalFilter,filterDef:n.filterDef})},this.updateFilter=function(){n.filterRegister.value.set({columnFilter:n.columnFilter,externalFilter:n.externalFilter,filterDef:n.filterDef,notReload:!0})},this.open=function(){n.popupFilter.open()},this.isMobileOrTablet=!this.deviceService.isDesktop(),this.ref.markForCheck()}return Object.defineProperty(e.prototype,"_filter",{set:function(e){this.filter=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_externalFilters",{set:function(e){this.externalFilters=e||[]},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_filterRegister",{set:function(e){this.filterRegister=e,this.filterRegisterChange.next(this.filterRegister)},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;V(this,Q).add(this.filterRegisterChange.pipe(u.startWith(this.filterRegister)).subscribe((function(t){e.filterRegister&&(V(e,Q).add(e.filterRegister.configuration.observer.subscribe((function(t){var n=t.inlineColumn,i=t.inlineExternal,r=t.inlineFilterDef;e.inlineColumn=n,e.inlineExternal=i,e.inlineFilterDef=r,e.ref.markForCheck()}))),V(e,Q).add(e.filterRegister.value.observer.subscribe((function(t){var n=t.columnFilter,i=t.externalFilter,r=t.filterDef;e.columnFilter=n,e.externalFilter=i,e.filterDef=r,e.ref.markForCheck()}))))})))},e.prototype.ngOnDestroy=function(){V(this,Q).unsubscribe()},e}();Q=new WeakMap,$.decorators=[{type:n.Component,args:[{selector:"sd-table-filter",template:'<ng-container *ngIf="!filter?.disabled">\r\n  <ng-container *ngIf="filter?.enableCollapse;else noCollapse">\r\n    <sd-group class="p-12" [isExpanded]="false" title="Tìm kiếm" expandable>\r\n      <div sdGroupBody>\r\n        <ng-container *ngTemplateOutlet="noCollapse"></ng-container>\r\n      </div>\r\n    </sd-group>\r\n  </ng-container>\r\n  <ng-template #noCollapse>\r\n    <div *ngIf="!isMobileOrTablet && (externalFilters?.length || filterDefs?.length)" class="row mx-0 mb-8">\r\n      <ng-container *ngIf="filter?.sorts?.length">\r\n        <ng-container *ngFor="let field of filter?.sorts">\r\n          <ng-container *ngIf="externalFilters?.length">\r\n            <ng-container *ngFor="let item of externalFilters | sdFilterExternal:field">\r\n              <ng-container *ngTemplateOutlet="filterExternal; context: {item: item}"></ng-container>\r\n            </ng-container>\r\n          </ng-container>\r\n          <ng-container *ngFor="let item of filterDefs">\r\n            <div *ngIf="inlineFilterDef[item.sdTableFilterDef] && item.sdTableFilterDef === field"\r\n              class="col-lg-2 col-md-3 col-sm-6 px-8">\r\n              <ng-container *ngTemplateOutlet="item.templateRef;context:{filterDef:filterDef, isInline: true}">\r\n              </ng-container>\r\n            </div>\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-container *ngIf="!filter?.sorts?.length">\r\n        <ng-container *ngIf="externalFilters?.length">\r\n          <ng-container *ngFor="let item of externalFilters | sdFilterExternal">\r\n            <ng-container *ngTemplateOutlet="filterExternal; context: {item: item}"></ng-container>\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngFor="let item of filterDefs">\r\n          <div *ngIf="inlineFilterDef[item.sdTableFilterDef]" class="col-lg-2 col-md-3 col-sm-6 px-8">\r\n            <ng-container *ngTemplateOutlet="item.templateRef;context:{filterDef:filterDef, isInline: true}">\r\n            </ng-container>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-template #filterExternal let-item="item">\r\n      <div *ngIf="inlineExternal[item.field]" class="col-lg-2 col-md-3 col-sm-6 px-8">\r\n        <sd-input [label]="item.title" *ngIf="item.type === \'string\'" type="text" [(model)]="externalFilter[item.field]"\r\n          (keyupEnter)="onFilter(item)" appearance="outline">\r\n        </sd-input>\r\n        <sd-input-number [label]="item.title" *ngIf="item.type === \'number\'" [(model)]="externalFilter[item.field]"\r\n          (keyupEnter)="onFilter(item)" appearance="outline">\r\n        </sd-input-number>\r\n        <sd-select [label]="item.title" *ngIf="item.type === \'bool\'" [items]="[{value:\'1\',display:item.option?.displayOnTrue || \'True\' },\r\n        {value:\'0\',display:item.option?.displayOnFalse || \'False\' }]" valueField="value" displayField="display"\r\n          [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" appearance="outline">\r\n        </sd-select>\r\n        <ng-container *ngIf="item.type === \'values\' && item.option">\r\n          <sd-select *ngIf="item.option?.selection === \'MULTIPLE\'" [label]="item.title" [items]="item.option.items"\r\n            [valueField]="item.option.valueField" [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" [selectAll]="item.option.selectAll"\r\n            appearance="outline" multiple>\r\n          </sd-select>\r\n          <sd-autocomplete *ngIf="item.option?.selection === \'AUTOCOMPLETE\'" [label]="item.title"\r\n            [items]="item.option.items" [valueField]="item.option.valueField" [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" appearance="outline">\r\n          </sd-autocomplete>\r\n          <sd-select *ngIf="item.option?.selection === \'MULTIPLEAUTOCOMPLETE\'" [label]="item.title"\r\n            [items]="item.option.items" [valueField]="item.option.valueField" [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" filtered appearance="outline"\r\n            multiple>\r\n          </sd-select>\r\n          <sd-select *ngIf="!item.option?.selection" [label]="item.title" [items]="item.option.items"\r\n            [valueField]="item.option.valueField" [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" appearance="outline">\r\n          </sd-select>\r\n        </ng-container>\r\n        <ng-container *ngIf="item.type === \'lazy-values\' && item.option">\r\n          <sd-select *ngIf="item.option?.selection === \'MULTIPLE\'" [label]="item.title" [items]="item.option.items"\r\n            [valueField]="item.option.valueField" [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)"\r\n            appearance="outline" multiple filtered>\r\n          </sd-select>\r\n          <sd-autocomplete *ngIf="!item.option?.selection" [label]="item.title"\r\n            [items]="item.option.items" [valueField]="item.option.valueField" [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" appearance="outline">\r\n          </sd-autocomplete>\r\n        </ng-container>\r\n        <sd-date-time [label]="item.title" *ngIf="item.type ===\'date\' || item.type ===\'datetime\'"\r\n          [(model)]="externalFilter[item.field]" [type]="item.type" (sdChange)="onFilter(item)" appearance="outline">\r\n        </sd-date-time>\r\n        <sd-date-range [label]="item.title" *ngIf="item.type ===\'daterange\' && externalFilter[item.field]"\r\n          [(from)]="externalFilter[item.field].from" [(to)]="externalFilter[item.field].to" [min]="item.minDate"\r\n          [max]="item.maxDate" (sdChange)="onFilter(item)" appearance="outline">\r\n        </sd-date-range>\r\n      </div>\r\n    </ng-template>\r\n    <sd-popup-filter [filterRegister]="filterRegister" [columns]="columns" [externalFilters]="externalFilters"\r\n      [filterDefs]="filterDefs">\r\n    </sd-popup-filter>\r\n  </ng-template>\r\n</ng-container>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;padding-left:0;padding-right:0}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0}"]}]}],$.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:p.DeviceDetectorService}]},$.propDecorators={popupFilter:[{type:n.ViewChild,args:[K]}],_filter:[{type:n.Input,args:["filter"]}],columns:[{type:n.Input}],_externalFilters:[{type:n.Input,args:["externalFilters"]}],filterDefs:[{type:n.Input}],_filterRegister:[{type:n.Input,args:["filterRegister"]}]};var X=function(){function e(e){this.templateRef=e}return Object.defineProperty(e.prototype,"showing",{set:function(e){this.defaultShowing=""===e||e},enumerable:!1,configurable:!0}),e}();X.decorators=[{type:n.Directive,args:[{selector:"[sdTableFilterDef]"}]}],X.ctorParameters=function(){return[{type:n.TemplateRef}]},X.propDecorators={sdTableFilterDef:[{type:n.Input}],showing:[{type:n.Input,args:["defaultShowing"]}]};var Y=function(e){this.templateRef=e};Y.decorators=[{type:n.Directive,args:[{selector:"[sdTableExpandDef]"}]}],Y.ctorParameters=function(){return[{type:n.TemplateRef}]};var Z,ee,te,ne,ie=function(e){this.templateRef=e};ie.decorators=[{type:n.Directive,args:[{selector:"[sdTableFooterDef]"}]}],ie.ctorParameters=function(){return[{type:n.TemplateRef}]},ie.propDecorators={sdTableFooterDef:[{type:n.Input}]};var re=function(e,t){var n=this;this.settingService=e,this.gridMaterialConfiguration=t,Z.set(this,{SUBINFORMATION:"sdSubInformationAction",COMMAND:"sdCommand",SELECTION:"sdSelection",GROUP:"sdGroup"}),ee.set(this,"c9e94836-6ace-4aeb-b148-4f0be63589ee"),te.set(this,(function(e){return(null==e?void 0:e.key)?n.settingService.create({prefix:V(n,ee),key:e.key},{default:V(n,ne).call(n,e)}):null})),this.loadConfiguration=function(e){return(null==e?void 0:e.key)?V(n,te).call(n,e).get():V(n,ne).call(n,e)},this.loadConfigurationResult=function(e,t){var i,r,l={column:{},fixedColumn:{},firstColumns:[],secondColumns:[],firstHeaders:[],secondHeaders:[],displayedColumns:[],displayedFooters:[],multipleHeader:!1},o=e||{},a=o.selector,s=o.commands,c=o.group;return(null==a?void 0:a.visible)&&(l.firstHeaders.push(V(n,Z).SELECTION),l.displayedColumns.push(V(n,Z).SELECTION)),(null==s?void 0:s.length)&&(l.firstHeaders.push(V(n,Z).COMMAND),l.displayedColumns.push(V(n,Z).COMMAND)),(null===(i=null==c?void 0:c.fields)||void 0===i?void 0:i.length)&&(l.firstHeaders.push(V(n,Z).GROUP),l.displayedColumns.push(V(n,Z).GROUP)),null===(r=null==t?void 0:t.columns)||void 0===r||r.filter((function(e){return!e.invisible})).forEach((function(t){var n,i=null==e?void 0:e.columns.find((function(e){return e.field===t.origin.field}));i&&(l.column[t.origin.field]={title:t.title||t.origin.title,width:t.width||t.origin.width},t.fixed&&(l.fixedColumn[t.origin.field]={title:t.title||t.origin.title,width:t.width||t.origin.width}),l.firstColumns.push(Object.assign(Object.assign({},i),{title:t.title||t.origin.title,width:t.width||t.origin.width})),l.firstHeaders.push(t.origin.field),l.displayedColumns.push(t.origin.field),"children"===i.type&&(null===(n=i.children)||void 0===n||n.forEach((function(e){l.secondColumns.push(e),l.secondHeaders.push(e.field),l.displayedColumns.push(e.field)}))))})),e.expand&&(l.firstHeaders.push(V(n,Z).SUBINFORMATION),l.displayedColumns.push(V(n,Z).SUBINFORMATION)),l.multipleHeader=l.secondHeaders.length>0,l.displayedFooters=l.displayedColumns.filter((function(e){return e!==V(n,Z).SUBINFORMATION})),l},this.init=function(e){return V(n,te).call(n,e)},ne.set(this,(function(e){var t;return{columns:(null===(t=null==e?void 0:e.columns)||void 0===t?void 0:t.filter((function(e){return!e.hidden})).map((function(e){return{origin:{field:e.field,title:e.title,width:e.width,invisible:e.invisible},invisible:e.invisible,fixed:!1}})))||[]}}))};Z=new WeakMap,ee=new WeakMap,te=new WeakMap,ne=new WeakMap,re.decorators=[{type:n.Injectable}],re.ctorParameters=function(){return[{type:g.SdSettingService},{type:void 0,decorators:[{type:n.Inject,args:[G]},{type:n.Optional}]}]};var le,oe,ae,se,ce,de,ue,fe,pe=function(e){return{data:e,meta:{id:A(e),display:{},expand:{isExpanding:!1,isExpanded:!1},group:{},selector:{actions:[],isSelected:!1,selectable:!1}}}},me=function(e){var t=this;this.settingService=e,le.set(this,"GRID-FILTER-CONFIGURATION"),oe.set(this,"GRID-FILTER-VALUE"),ae.set(this,{}),this.register=function(e,n){var i=!1,r=n.id,l=n.columns,o=n.externalFilters,a=L.default({id:r,columns:(null==l?void 0:l.map((function(e){return e.field})).filter((function(e){return!!e})))||[],externalFilters:(null==o?void 0:o.map((function(e){return e.field})).filter((function(e){return!!e})))||[]}),s=(null==e?void 0:e.key)||a;if((null==e?void 0:e.key)||(i=!0),!V(t,ae)[s]){var c=t.settingService.create({prefix:V(t,le),key:s},{default:V(t,se).call(t,n),type:i?"session":void 0});c.set(V(t,de).call(t,n,c.get()));var d=t.settingService.create({prefix:V(t,oe),key:(null==e?void 0:e.cacheFilter)?s:a},{default:V(t,ce).call(t,n),type:i||!(null==e?void 0:e.cacheFilter)?"session":void 0});d.set(V(t,ue).call(t,n,d.get())),V(t,ae)[s]={configuration:{get:function(){return c.get()},set:function(e){var t=e.inlineColumn,n=e.inlineExternal,i=e.inlineFilterDef;return c.set({inlineColumn:t,inlineExternal:n,inlineFilterDef:i}),{inlineColumn:t,inlineExternal:n,inlineFilterDef:i}},remove:function(){c.set(V(t,se).call(t,n))},observer:c.observer.pipe(u.startWith(c.get()),u.map((function(e){return e||V(t,se).call(t,n)})))},value:{get:function(){return d.get()},set:function(e){var t=Object.keys(e||{}),n=d.get(),i=n.columnOperator,r=n.columnFilter,l=n.externalFilter,o=n.filterDef,a=(n.notReload,{columnOperator:t.includes("columnOperator")?(null==e?void 0:e.columnOperator)||{}:i,columnFilter:t.includes("columnFilter")?(null==e?void 0:e.columnFilter)||{}:r,externalFilter:t.includes("externalFilter")?(null==e?void 0:e.externalFilter)||{}:l,filterDef:t.includes("filterDef")?(null==e?void 0:e.filterDef)||{}:o,notReload:!!(null==e?void 0:e.notReload)});return d.set(a),a},remove:function(){d.set(V(t,ce).call(t,n))},observer:d.observer.pipe(u.startWith(d.get()),u.map((function(e){return e||V(t,ce).call(t,n)})))}}}return V(t,ae)[s]},se.set(this,(function(e){var t,n,i,r,l,o,a,s=e.columns,c=e.externalFilters,d=e.filterDefs,u={},f={},p={};try{for(var m=N(s||[]),g=m.next();!g.done;g=m.next())u[(x=g.value).field]=null===(a=null==x?void 0:x.filter)||void 0===a?void 0:a.defaultShowing}catch(e){t={error:e}}finally{try{g&&!g.done&&(n=m.return)&&n.call(m)}finally{if(t)throw t.error}}try{for(var h=N(c||[]),v=h.next();!v.done;v=h.next())f[(x=v.value).field]=null==x?void 0:x.defaultShowing}catch(e){i={error:e}}finally{try{v&&!v.done&&(r=h.return)&&r.call(h)}finally{if(i)throw i.error}}try{for(var y=N(d||[]),b=y.next();!b.done;b=y.next()){var x;p[(x=b.value).sdTableFilterDef]=null==x?void 0:x.defaultShowing}}catch(e){l={error:e}}finally{try{b&&!b.done&&(o=y.return)&&o.call(y)}finally{if(l)throw l.error}}return{inlineColumn:u,inlineExternal:f,inlineFilterDef:p}})),ce.set(this,(function(e){var t,n,i,r,l,o,a,s={},c={},d={},u=e.columns,f=e.externalFilters,p=e.filterDefs;try{for(var m=N(u||[]),g=m.next();!g.done;g=m.next())s[(x=g.value).field]=null===(a=null==x?void 0:x.filter)||void 0===a?void 0:a.default}catch(e){t={error:e}}finally{try{g&&!g.done&&(n=m.return)&&n.call(m)}finally{if(t)throw t.error}}try{for(var h=N(f||[]),v=h.next();!v.done;v=h.next())c[(x=v.value).field]=null==x?void 0:x.default}catch(e){i={error:e}}finally{try{v&&!v.done&&(r=h.return)&&r.call(h)}finally{if(i)throw i.error}}try{for(var y=N(p||[]),b=y.next();!b.done;b=y.next()){var x;d[(x=b.value).sdTableFilterDef]=void 0}}catch(e){l={error:e}}finally{try{b&&!b.done&&(o=y.return)&&o.call(y)}finally{if(l)throw l.error}}return{columnFilter:s,externalFilter:c,filterDef:d}})),de.set(this,(function(e,t){var n,i,r,l,o,a,s,c,d,u,f,p,m,g=e.columns,h=e.externalFilters,v=e.filterDefs,y={},b={},x={};try{for(var F=N(g||[]),w=F.next();!w.done;w=F.next())y[(S=w.value).field]=null!==(c=null===(s=null==t?void 0:t.inlineColumn)||void 0===s?void 0:s[S.field])&&void 0!==c?c:null===(d=null==S?void 0:S.filter)||void 0===d?void 0:d.defaultShowing}catch(e){n={error:e}}finally{try{w&&!w.done&&(i=F.return)&&i.call(F)}finally{if(n)throw n.error}}try{for(var C=N(h||[]),D=C.next();!D.done;D=C.next())b[(S=D.value).field]=null!==(f=null===(u=null==t?void 0:t.inlineExternal)||void 0===u?void 0:u[S.field])&&void 0!==f?f:null==S?void 0:S.defaultShowing}catch(e){r={error:e}}finally{try{D&&!D.done&&(l=C.return)&&l.call(C)}finally{if(r)throw r.error}}try{for(var O=N(v||[]),k=O.next();!k.done;k=O.next()){var S;x[(S=k.value).sdTableFilterDef]=null!==(m=null===(p=null==t?void 0:t.inlineFilterDef)||void 0===p?void 0:p[S.sdTableFilterDef])&&void 0!==m?m:null==S?void 0:S.defaultShowing}}catch(e){o={error:e}}finally{try{k&&!k.done&&(a=O.return)&&a.call(O)}finally{if(o)throw o.error}}return{inlineColumn:y,inlineExternal:b,inlineFilterDef:x}})),ue.set(this,(function(e,t){var n,i,r,l,o,a,s,c,d,u,f,p,m,g,h,v,y,b,x,F,w,C={},D={},O={},k=e.columns,S=e.externalFilters,I=e.filterDefs;try{for(var T=N(k||[]),E=T.next();!E.done;E=T.next())C[(L=E.value).field]=null!==(c=null===(s=null==t?void 0:t.columnFilter)||void 0===s?void 0:s[L.field])&&void 0!==c?c:null===(d=null==L?void 0:L.filter)||void 0===d?void 0:d.default}catch(e){n={error:e}}finally{try{E&&!E.done&&(i=T.return)&&i.call(T)}finally{if(n)throw n.error}}try{for(var M=N(S||[]),P=M.next();!P.done;P=M.next())"daterange"===(L=P.value).type?D[L.field]={from:null!==(p=null===(f=null===(u=null==t?void 0:t.externalFilter)||void 0===u?void 0:u[L.field])||void 0===f?void 0:f.from)&&void 0!==p?p:null===(m=L.default)||void 0===m?void 0:m.from,to:null!==(v=null===(h=null===(g=null==t?void 0:t.externalFilter)||void 0===g?void 0:g[L.field])||void 0===h?void 0:h.to)&&void 0!==v?v:null===(y=L.default)||void 0===y?void 0:y.to}:D[L.field]=null!==(x=null===(b=null==t?void 0:t.externalFilter)||void 0===b?void 0:b[L.field])&&void 0!==x?x:null==L?void 0:L.default}catch(e){r={error:e}}finally{try{P&&!P.done&&(l=M.return)&&l.call(M)}finally{if(r)throw r.error}}try{for(var R=N(I||[]),A=R.next();!A.done;A=R.next()){var L;O[(L=A.value).sdTableFilterDef]=null!==(w=null===(F=null==t?void 0:t.filterDef)||void 0===F?void 0:F[L.sdTableFilterDef])&&void 0!==w?w:void 0}}catch(e){o={error:e}}finally{try{A&&!A.done&&(a=R.return)&&a.call(R)}finally{if(o)throw o.error}}return{columnFilter:C,externalFilter:D,filterDef:O}}))};le=new WeakMap,oe=new WeakMap,ae=new WeakMap,se=new WeakMap,ce=new WeakMap,de=new WeakMap,ue=new WeakMap,me.decorators=[{type:n.Injectable}],me.ctorParameters=function(){return[{type:g.SdSettingService}]};var ge,he,ve,ye,be,xe,Fe,we,Ce,De,Oe,ke,Se,Ie,Te,Ee,Me,Pe,Re,Ae,Le,je,ze,He,Ne,We,_e,Ve=function(){function e(e,t,i){var r=this;this.ref=e,this.notifyService=t,this.tableConfigurationService=i,this.changes=new n.EventEmitter,fe.set(this,void 0),this.isCreatingColumn=!1,this.selected={},this.disabledDrag=!0,this.open=function(){return z(r,void 0,void 0,(function(){return H(this,(function(e){return q(this,fe,this.tableConfigurationService.init(this.tableOption)),this.configuration=V(this,fe).get(),this.modal.open(),[2]}))}))},this.onSave=function(){V(r,fe).set(r.configuration),r.modal.close(),r.ref.detectChanges()},this.onReset=function(){return z(r,void 0,void 0,(function(){var e=this;return H(this,(function(t){return this.notifyService.confirm("Xác nhận đưa tất cả thiết lập về mặc định").then((function(){V(e,fe).remove(),e.modal.close(),e.ref.detectChanges()})),[2]}))}))}}return e.prototype.ngOnInit=function(){},e.prototype.mouseUp=function(e){this.disabledDrag=!0},e.prototype.dropTable=function(e){y.moveItemInArray(this.configuration.columns,e.previousIndex,e.currentIndex),this.table.renderRows()},e.prototype.handleMouseDown=function(){this.disabledDrag=!1},e.prototype.handleMouseUp=function(){this.disabledDrag=!0},e}();fe=new WeakMap,Ve.decorators=[{type:n.Component,args:[{selector:"sd-popup-configuration",template:'<sd-modal width="sm" [title]="\'Configuration\' | sdTranslate" #modal>\r\n  <sd-modal-body *ngIf="configuration">\r\n    <div class="c-container">\r\n      <div class="c-table" style="max-height: 70vh">\r\n        <table\r\n          #table\r\n          mat-table\r\n          [dataSource]="configuration.columns"\r\n          cdkDropList\r\n          [cdkDropListData]="configuration.columns"\r\n          (cdkDropListDropped)="dropTable($event)">\r\n          >\r\n          <ng-container matColumnDef="stt">\r\n            <th mat-header-cell class="c-th text-center px-5" *matHeaderCellDef style="width: 50px">#</th>\r\n            <td class="text-center px-5" mat-cell *matCellDef="let item; let idx = index">\r\n              <div class="c-handle" (mousedown)="handleMouseDown()" (mouseup)="handleMouseUp()">\r\n                <svg width="24px" fill="currentColor" viewBox="0 0 24 24">\r\n                  <path\r\n                    d="M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2l-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z"></path>\r\n                  <path d="M0 0h24v24H0z" fill="none"></path>\r\n                </svg>\r\n              </div>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef="title">\r\n            <th mat-header-cell class="c-th px-5" *matHeaderCellDef>{{ \'Title\' | sdTranslate }}</th>\r\n            <td class="px-5" mat-cell *matCellDef="let item">\r\n              <sd-input [placeholder]="item?.origin?.title" [(model)]="item.title" disableErrorMessage></sd-input>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef="width">\r\n            <th mat-header-cell class="c-th px-5" *matHeaderCellDef style="width: 80px">{{ \'Width\' | sdTranslate }}</th>\r\n            <td class="px-5" mat-cell *matCellDef="let item">\r\n              <sd-input [placeholder]="item?.origin?.width" [(model)]="item.width" disableErrorMessage></sd-input>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef="invisible">\r\n            <th mat-header-cell class="c-th text-center px-5" *matHeaderCellDef style="width: 80px">{{ \'Hidden\' | sdTranslate }}</th>\r\n            <td class="text-center px-5" mat-cell *matCellDef="let item">\r\n              <mat-slide-toggle [(ngModel)]="item.invisible" color="primary"> </mat-slide-toggle>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef="fixed">\r\n            <th mat-header-cell class="c-th text-center px-5" *matHeaderCellDef style="width: 80px">{{ \'Freeze\' | sdTranslate }}</th>\r\n            <td class="text-center px-5" mat-cell *matCellDef="let item">\r\n              <mat-slide-toggle [(ngModel)]="item.fixed" color="primary"></mat-slide-toggle>\r\n            </td>\r\n          </ng-container>\r\n          <tr mat-header-row *matHeaderRowDef="[\'stt\', \'title\', \'width\', \'invisible\', \'fixed\']; sticky: true"></tr>\r\n          <tr\r\n            mat-row\r\n            *matRowDef="let row; columns: [\'stt\', \'title\', \'width\', \'invisible\', \'fixed\']"\r\n            cdkDrag\r\n            [cdkDragData]="row"\r\n            cdkDragLockAxis="y"\r\n            [cdkDragDisabled]="disabledDrag"></tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </sd-modal-body>\r\n  <sd-modal-footer>\r\n    <sd-button class="mr-8" (action)="onReset()" title="Mặc định" color="info" size="sm"> </sd-button>\r\n    <sd-button (action)="onSave()" title="Lưu" type="fill" color="info" size="sm"> </sd-button>\r\n  </sd-modal-footer>\r\n</sd-modal>\r\n',styles:[".c-table{overflow:auto;position:relative}.c-table table{width:100%}.c-table .c-th{color:#000;font-size:14px;font-weight:500;line-height:20px}.c-container{min-height:200px;position:relative}.c-handle{color:#ccc;cursor:move}"]}]}],Ve.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:d.SdNotifyService},{type:re}]},Ve.propDecorators={tableOption:[{type:n.Input}],modal:[{type:n.ViewChild,args:["modal"]}],table:[{type:n.ViewChild,args:["table"]}],mouseUp:[{type:n.HostListener,args:["window:mouseup",["$event"]]}]};var qe=function(){function e(e,t,i,r,l,o,a){var d=this;this.ref=e,this.loadingService=t,this.tableConfiguration=i,this.tableConfigurationService=r,this.exportService=l,this.notifyService=o,this.gridFilterService=a,ge.set(this,s.v4()),this.key=s.v4(),he.set(this,new c.Subject),ve.set(this,[]),this.items=[],this.selectedTableItems=[],this.isLoading=!1,this.isHiddenPaginator=!1,ye.set(this,void 0),be.set(this,void 0),this.sdCellDefs=new n.QueryList,this.cellDef={},this.sdFooterDefs=new n.QueryList,this.footerDef={},this.hasFooter=!1,this.sdFilterDefs=new n.QueryList,this.filterDefs=[],this.columnOperator={},this.columnFilter={},xe.set(this,new c.Subscription),Fe.set(this,new c.Subject),this.isExporting=!1,this.isSelectAll=!1,this.exportTitle="Export",we.set(this,!1),this.cacheValues={},Ce.set(this,{}),De.set(this,(function(){var e,t;d.cellDef={};try{for(var n=N(d.sdCellDefs),i=n.next();!i.done;i=n.next()){var r=i.value;r.sdTableCellDef&&(d.cellDef[r.sdTableCellDef]=r)}}catch(t){e={error:t}}finally{try{i&&!i.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}})),Oe.set(this,(function(){var e,t;d.filterDefs=[];try{for(var n=N(d.sdFilterDefs),i=n.next();!i.done;i=n.next()){var r=i.value;d.filterDefs.push(r)}}catch(t){e={error:t}}finally{try{i&&!i.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}})),ke.set(this,(function(){var e,t;d.footerDef={},d.hasFooter=!1;try{for(var n=N(d.sdFooterDefs),i=n.next();!i.done;i=n.next()){var r=i.value;r.sdTableFooterDef&&(d.hasFooter=!0,d.footerDef[r.sdTableFooterDef]=r)}}catch(t){e={error:t}}finally{try{i&&!i.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}})),Se.set(this,(function(e,t){var n,i,r=d.filterRegister.value.get();return{columnOperator:r.columnOperator||{},rawColumnFilter:r.columnFilter||{},rawExternalFilter:r.externalFilter||{},rawFilterDef:r.filterDef||{},orderBy:(null===(n=V(d,be))||void 0===n?void 0:n.active)||"",orderDirection:(null===(i=V(d,be))||void 0===i?void 0:i.direction)||"",pageNumber:e,pageSize:t,isExported:!0}})),Ie.set(this,(function(e){var t,n,i,r,l,o,a,s,c,u,f,p,m,g,h,v,y,b,x,F,w,C,D,O,k,S,I,T,E,M,P,R,A,L;e.paginate={hidden:null===(i=null==e?void 0:e.paginate)||void 0===i?void 0:i.hidden,pageSize:null!==(s=null!==(l=null===(r=null==e?void 0:e.paginate)||void 0===r?void 0:r.pageSize)&&void 0!==l?l:null===(a=null===(o=d.tableConfiguration)||void 0===o?void 0:o.paginate)||void 0===a?void 0:a.pageSize)&&void 0!==s?s:null===(c=B.paginate)||void 0===c?void 0:c.pageSize,pages:null!==(g=null!==(f=null===(u=null==e?void 0:e.paginate)||void 0===u?void 0:u.pages)&&void 0!==f?f:null===(m=null===(p=d.tableConfiguration)||void 0===p?void 0:p.paginate)||void 0===m?void 0:m.pages)&&void 0!==g?g:null===(h=B.paginate)||void 0===h?void 0:h.pages,showFirstLastButtons:null!==(y=null===(v=null==e?void 0:e.paginate)||void 0===v?void 0:v.showFirstLastButtons)&&void 0!==y&&y};try{for(var j=N(e.columns||[]),z=j.next();!z.done;z=j.next()){var H=z.value;(null===(x=null===(b=H.filter)||void 0===b?void 0:b.operator)||void 0===x?void 0:x.enable)&&!(null===(C=null===(w=null===(F=H.filter)||void 0===F?void 0:F.operator)||void 0===w?void 0:w.list)||void 0===C?void 0:C.length)&&("string"===H.type&&(H.filter.operator.list=(null===(k=null===(O=null===(D=d.tableConfiguration)||void 0===D?void 0:D.filter)||void 0===O?void 0:O.operator)||void 0===k?void 0:k.defaultListString)||[]),"number"===H.type&&(H.filter.operator.list=(null===(T=null===(I=null===(S=d.tableConfiguration)||void 0===S?void 0:S.filter)||void 0===I?void 0:I.operator)||void 0===T?void 0:T.defaultListNumber)||[]),"values"!==H.type&&"lazy-values"!==H.type||(H.filter.operator.list=(null===(P=null===(M=null===(E=d.tableConfiguration)||void 0===E?void 0:E.filter)||void 0===M?void 0:M.operator)||void 0===P?void 0:P.defaultListValues)||[]),"date"!==H.type&&"datetime"!==H.type||(H.filter.operator.list=(null===(L=null===(A=null===(R=d.tableConfiguration)||void 0===R?void 0:R.filter)||void 0===A?void 0:A.operator)||void 0===L?void 0:L.defaultListDate)||[]))}}catch(e){t={error:e}}finally{try{z&&!z.done&&(n=j.return)&&n.call(j)}finally{if(t)throw t.error}}return e})),Te.set(this,(function(){var e,t,n,i;d.tableOption&&(d.filterRegister||(d.filterRegister=d.gridFilterService.register(null===(e=d.tableOption)||void 0===e?void 0:e.filter,{id:V(d,ge),columns:null===(t=d.tableOption)||void 0===t?void 0:t.columns,externalFilters:null===(i=null===(n=d.tableOption)||void 0===n?void 0:n.filter)||void 0===i?void 0:i.externalFilters,filterDefs:d.filterDefs}),V(d,xe).add(d.filterRegister.value.observer.pipe(u.debounceTime(500),u.map((function(e){var t=e.columnOperator,n=e.columnFilter,i=e.notReload;d.columnOperator=t||{},d.columnFilter=n,i||(V(d,ye)&&(V(d,ye).pageIndex=0),V(d,Fe).next({force:!1}))}))).subscribe())))})),Ee.set(this,(function(e,t){var n=d.tableOption.columns,i=t.rawColumnFilter,r=t.orderBy,l=t.orderDirection,o=t.pageSize,a=t.pageNumber,s=e.filter((function(e){var t,r,l,o,a,s,c=e.data;try{for(var d=N(n),u=d.next();!u.done;u=d.next()){var f=u.value,p=f.field,m=f.type,g=(i[p]||"").toString().trim().toLowerCase(),h=(c[p]||"").toString().trim().toLowerCase();if(g){if(!h&&"datetime"!==m&&"date"!==m&&"time"!==m)return!1;if("string"===m){if(-1===h.indexOf(g))return!1}else if("values"===m||"lazy-values"===m){if(h!==g)return!1}else if("number"===m){var v=+g.replace(">=","").replace("<=","").replace(">","").replace("<",""),y=+h;if(v||0===v){if(!y&&0!==y)return!1;if(g.indexOf(">=")>-1&&y<v)return!1;if(g.indexOf("<=")>-1&&y>v)return!1;if(g.indexOf("<")>-1&&y>=v)return!1;if(g.indexOf(">")>-1&&y<=v)return!1;if(y!==v)return!1}}else if("bool"===m){if("1"===g&&"1"!==h&&"true"!==h)return!1;if("0"===g&&"0"!==h&&"false"!==h)return!1}else if("datetime"===m||"date"===m||"time"===m){var b=null!==(o=null===(l=i[p])||void 0===l?void 0:l.from)&&void 0!==o?o:i[p],x=null!==(s=null===(a=i[p])||void 0===a?void 0:a.to)&&void 0!==s?s:i[p],F=Date.begin(b),w=Date.end(x);if(F||w){if(!h)return!1;var C=new Date(h).getTime(),D=(null==F?void 0:F.getTime())||null,O=(null==w?void 0:w.getTime())||null;if(D&&D>C)return!1;if(O&&C>O)return!1}}}}}catch(e){t={error:e}}finally{try{u&&!u.done&&(r=d.return)&&r.call(d)}finally{if(t)throw t.error}}return!0}));if(r&&l){var c=n.find((function(e){return e.field===r}));if(c){var u=c.type,f=c.field;s.sort((function(e,t){var n=e.data,i=t.data;if("number"===u)return(n[f]||0)-(i[f]||0);if("date"===u||"datetime"===u||"time"===u)return new Date(n[f]||"").getTime()-new Date(n[f]||"").getTime();var r=(n[f]||"").toString(),l=(i[f]||"").toString();return r>l?1:r<l?-1:0})),"desc"===l&&s.reverse()}}return{items:s.filter((function(e,t){return t>=a*o&&t<(a+1)*o})),total:s.length}})),Me.set(this,(function(){var e,t,n,i,r,l,o=d.filterRegister.value.get();return{columnOperator:o.columnOperator||{},rawColumnFilter:o.columnFilter||{},rawExternalFilter:o.externalFilter||{},rawFilterDef:o.filterDef||{},orderBy:(null===(e=V(d,be))||void 0===e?void 0:e.active)||"",orderDirection:(null===(t=V(d,be))||void 0===t?void 0:t.direction)||"",pageNumber:(null===(n=V(d,ye))||void 0===n?void 0:n.pageIndex)||0,pageSize:(null===(i=V(d,ye))||void 0===i?void 0:i.pageSize)||(null===(l=null===(r=d.tableOption)||void 0===r?void 0:r.paginate)||void 0===l?void 0:l.pageSize)||50}})),Pe.set(this,(function(e,t){return void 0===t&&(t=!0),z(d,void 0,void 0,(function(){var n,i,r,l,o,a,s=this;return H(this,(function(c){switch(c.label){case 0:return this.isLoading=!0,this.ref.detectChanges(),"server"!==this.tableOption.type?[3,3]:[4,(i=this.tableOption.items)(e).catch((function(e){return s.notifyService.notify.warning("Có lỗi xảy ra"),console.error(e),{items:[],total:0}}))];case 1:return l=c.sent(),n={},[4,V(this,_e).call(this,null==l?void 0:l.items,this.tableOption.columns).finally((function(){s.isLoading=!1,s.ref.detectChanges()}))];case 2:return[2,(n.items=c.sent(),n.total=(null==l?void 0:l.total)||0,n)];case 3:return t?(i=this.tableOption.items,r=i(),l=[],r instanceof Promise?[4,r.catch((function(e){return s.notifyService.notify.warning("Có lỗi xảy ra"),console.error(e),[]}))]:[3,5]):[3,8];case 4:return l=c.sent(),[3,6];case 5:l=r,c.label=6;case 6:return Array.isArray(l)||(this.notifyService.notify.warning("Dữ liệu không phải là một mảng"),l=[]),o=q,a=[this,ve],[4,V(this,_e).call(this,l,this.tableOption.columns)];case 7:o.apply(void 0,a.concat([c.sent()])),c.label=8;case 8:return this.isLoading=!1,this.ref.detectChanges(),[2,V(this,Ee).call(this,V(this,ve),e)]}}))}))})),Re.set(this,(function(e){return z(d,void 0,void 0,(function(){var t,n,i,r;return H(this,(function(l){switch(l.label){case 0:return null===(t=this.sdScroll)||void 0===t||t.scrollTop(),this.items=(null==e?void 0:e.items)||[],this.total=(null==e?void 0:e.total)||0,[4,null===(r=null===(i=null===(n=this.tableOption)||void 0===n?void 0:n.reload)||void 0===i?void 0:i.onReload)||void 0===r?void 0:r.call(i,this.items)];case 1:return l.sent(),this.isSelectAll=this.items.every((function(e){return e.meta.selector.isSelected})),V(this,Ne).call(this),[2]}}))}))})),this.reload=function(e){return void 0===e&&(e=!0),z(d,void 0,void 0,(function(){var t,n,i;return H(this,(function(r){switch(r.label){case 0:return null===(n=null===(t=this.tableFilter)||void 0===t?void 0:t.updateFilter)||void 0===n||n.call(t),[4,V(this,Pe).call(this,V(this,Me).call(this),e)];case 1:return i=r.sent(),V(this,Re).call(this,i),[2]}}))}))},Ae.set(this,(function(e,t){return void 0===e&&(e=0),void 0===t&&(t=1e4),z(d,void 0,void 0,(function(){var n,i,r,l,o,a;return H(this,(function(s){switch(s.label){case 0:return(null===(n=this.tableOption.export)||void 0===n?void 0:n.items)?(l=null===(i=this.tableOption.export)||void 0===i?void 0:i.items(V(this,Se).call(this,e,t)),Array.isArray(l)?[2,l]:(c.isObservable(l)&&(l=l.toPromise()),c.isObservable(l)&&(l=l.toPromise()),[4,l])):[3,2];case 1:return[2,s.sent()];case 2:return r=V(this,Se).call(this,e,t),"server"!==this.tableOption.type?[3,4]:[4,l=this.tableOption.items(r)];case 3:return[2,s.sent()];case 4:return o=[],"function"!=typeof this.tableOption.items?[3,8]:(a=this.tableOption.items())instanceof Promise?[4,a]:[3,6];case 5:return o=s.sent(),[3,7];case 6:o=a,s.label=7;case 7:return[3,9];case 8:o=this.tableOption.items,s.label=9;case 9:return[2,V(this,Ee).call(this,o,r)]}}))}))})),Le.set(this,(function(){var e=[];return d.tableOption.columns.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(t){var n;"children"!==t.type?e.push(t):null===(n=t.children)||void 0===n||n.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(t){e.push(t)}))})),e})),je.set(this,(function(){var e,t;return(null===(t=null===(e=d.tableOption.export)||void 0===e?void 0:e.columns)||void 0===t?void 0:t.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})))||[]})),ze.set(this,(function(e){return z(d,void 0,void 0,(function(){var t,n,i,r,l,o,a,s,c,d,u,f,p,m,g,h,v,y,b,x,F,w,C,D,O,k,S,I,T,E=this;return H(this,(function(M){switch(M.label){case 0:M.trys.push([0,,18,19]),u=V(this,He).call(this),f=(null===(n=null===(t=this.tableOption)||void 0===t?void 0:t.export)||void 0===n?void 0:n.maxItemsPerRequest)||1e3,p=(null===(r=null===(i=this.tableOption)||void 0===i?void 0:i.export)||void 0===r?void 0:r.batch)||1,m=this.total,g=0,h=[],this.isExporting=!0,v=[],y=[],b=function(){return z(E,void 0,void 0,(function(){var e,t,n,i,r,l,o,a,s,c,d,p,b,x,F,w,C,D,O,k=this;return H(this,(function(S){switch(S.label){case 0:return[4,Promise.all(y)];case 1:t=S.sent(),y=[],h=[];try{for(n=N(t),i=n.next();!i.done;i=n.next())"items"in(r=i.value)?(h=_(h,r.items),m=r.total):h=_(h,r)}catch(e){w={error:e}}finally{try{i&&!i.done&&(C=n.return)&&C.call(n)}finally{if(w)throw w.error}}return(null===(e=this.tableOption.export)||void 0===e?void 0:e.mapping)?(l=this.tableOption.export.mapping(h))instanceof Promise?[4,l]:[3,3]:[3,4];case 2:return h=S.sent(),[3,4];case 3:h=l,S.label=4;case 4:o=m/f,a=Math.round(100*(g-1)/o),this.exportTitle="Exporting..."+a+"%",s=V(this,Le).call(this),c=V(this,je).call(this),d=function(e){var t,n,i,r,l,o,a,d;return H(this,(function(f){switch(f.label){case 0:t={},n=function(i){return z(k,void 0,void 0,(function(){var r,l,o,a,d,f,p,m,g,h,v;return H(this,(function(y){switch(y.label){case 0:return t[i.field]=e[i.field],f=s.find((function(e){return e.field===i.field})),(null==(p=c.find((function(e){return e.field===i.field})))?void 0:p.transform)?(t[p.field]=p.transform(e[p.field],e),[2]):f?"children"===f.type?(null==f||f.children.forEach((function(e){return n(e)})),[2]):u.some((function(e){return e.field===f.field}))?f.transform?(m=f.transform(e[f.field],e,{isExport:!0}))instanceof Promise?(g=t,h=f.field,[4,m]):[3,2]:[3,4]:[2]:[2];case 1:return g[h]=y.sent(),[3,3];case 2:t[f.field]=m,y.label=3;case 3:return t[f.field]=null!==(r=t[f.field])&&void 0!==r?r:"",[3,5];case 4:void 0===e[f.field]||null===e[f.field]||""===e[f.field]?t[f.field]="":"string"===f.type||"number"===f.type?t[f.field]=e[f.field]:"bool"===f.type?e[f.field]?t[f.field]=(null===(l=f.option)||void 0===l?void 0:l.displayOnTrue)||"True":void 0!==t[f.field]&&null!==t[f.field]&&(t[f.field]=(null===(o=f.option)||void 0===o?void 0:o.displayOnFalse)||"False"):"date"===f.type?(v=e[f.field],t[f.field]=Date.toFormat(v,"dd/MM/yyyy")):"datetime"===f.type?(v=e[f.field],t[f.field]=Date.toFormat(v,"dd/MM/yyyy HH:mm")):"time"===f.type?(v=e[f.field],t[f.field]=Date.toFormat(v,"HH:mm")):"values"===f.type||"lazy-values"===f.type?t[f.field]=(null===(d=null===(a=V(this,Ce)[f.field])||void 0===a?void 0:a[e[f.field]])||void 0===d?void 0:d[f.option.displayField])||e[f.field]:t[f.field]=e[f.field],y.label=5;case 5:return[2]}}))}))},f.label=1;case 1:f.trys.push([1,6,7,8]),a=void 0,i=N(u),r=i.next(),f.label=2;case 2:return r.done?[3,5]:(l=r.value,[4,n(l)]);case 3:f.sent(),f.label=4;case 4:return r=i.next(),[3,2];case 5:return[3,8];case 6:return o=f.sent(),a={error:o},[3,8];case 7:try{r&&!r.done&&(d=i.return)&&d.call(i)}finally{if(a)throw a.error}return[7];case 8:return v.push(t),[2]}}))},S.label=5;case 5:S.trys.push([5,10,11,12]),p=N(h),b=p.next(),S.label=6;case 6:return b.done?[3,9]:(x=b.value,[5,d(x)]);case 7:S.sent(),S.label=8;case 8:return b=p.next(),[3,6];case 9:return[3,12];case 10:return F=S.sent(),D={error:F},[3,12];case 11:try{b&&!b.done&&(O=p.return)&&O.call(p)}finally{if(D)throw D.error}return[7];case 12:return[2]}}))}))},M.label=1;case 1:return g*f<m?(y.push(V(this,Ae).call(this,g,f)),g++,y.length<p?[3,1]:[4,b()]):[3,3];case 2:return M.sent(),[3,1];case 3:return y.length>0?[4,b()]:[3,5];case 4:M.sent(),M.label=5;case 5:return e?[4,this.exportService.exportCSV({columns:u,items:v,fileName:null===(o=null===(l=this.tableOption)||void 0===l?void 0:l.export)||void 0===o?void 0:o.fileName})]:[3,7];case 6:return M.sent(),[2];case 7:if(x=[],!Array.isArray(null===(s=null===(a=this.tableOption)||void 0===a?void 0:a.export)||void 0===s?void 0:s.sheets))return[3,16];M.label=8;case 8:M.trys.push([8,14,15,16]),F=N(this.tableOption.export.sheets),w=F.next(),M.label=9;case 9:return w.done?[3,13]:(C=w.value).name&&C.items&&C.fields?Array.isArray(C.items)?(x.push({name:C.name,items:C.items,fields:C.fields}),[3,12]):[3,10]:[3,12];case 10:return O=(D=x).push,k={name:C.name},[4,C.items()];case 11:O.apply(D,[(k.items=M.sent(),k.fields=C.fields,k)]),M.label=12;case 12:return w=F.next(),[3,9];case 13:return[3,16];case 14:return S=M.sent(),I={error:S},[3,16];case 15:try{w&&!w.done&&(T=F.return)&&T.call(F)}finally{if(I)throw I.error}return[7];case 16:return[4,this.exportService.export({columns:u,items:v,fileName:null===(d=null===(c=this.tableOption)||void 0===c?void 0:c.export)||void 0===d?void 0:d.fileName,sheets:x})];case 17:return M.sent(),[2];case 18:return this.isExporting=!1,this.exportTitle="Export",this.ref.detectChanges(),[7];case 19:return[2]}}))}))})),He.set(this,(function(){var e,t,n=[];if(d.tableOption.columns.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(e){var t;"children"!==e.type?n.push(e):null===(t=e.children)||void 0===t||t.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(e){n.push(e)}))})),d.configuration){var i=_(n),r=d.configuration,l=_(r.firstColumns,r.secondColumns).reduce((function(e,t){var n=d.tableOption.columns.find((function(e){return e.field===t.field}));return n?"children"!==n.type?_(e,[n]):_(e,n.children):e}),[]);n=l.map((function(e){return Object.assign(Object.assign({},e),{data:i.find((function(t){return t.field===e.field}))})})).filter((function(e){return!!e.data})).map((function(e){return e.data}))}return _(n,(null===(t=null===(e=d.tableOption.export)||void 0===e?void 0:e.columns)||void 0===t?void 0:t.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})))||[])})),this.exportExcel=function(){V(d,ze).call(d)},this.exportCSV=function(){V(d,ze).call(d,!0)},this.onFilterChange=function(){var e,t;null===(t=null===(e=d.tableFilter)||void 0===e?void 0:e.updateFilter)||void 0===t||t.call(e),d.filterRegister.value.set({columnOperator:d.columnOperator||{},columnFilter:d.columnFilter})},this.onExpand=function(e){return z(d,void 0,void 0,(function(){var t,n,i,r,l,o;return H(this,(function(a){return(null===(t=this.tableOption.expand)||void 0===t?void 0:t.always)||e.meta.expand.isExpanding?[2]:e.meta.expand.isExpanded?(e.meta.expand.isExpanded=!1,[2]):(o=null===(r=null===(i=null===(n=this.tableOption)||void 0===n?void 0:n.expand)||void 0===i?void 0:i.onExpand)||void 0===r?void 0:r.call(i,e.data),(null===(l=this.tableOption.expand)||void 0===l?void 0:l.multiple)||this.items.forEach((function(e){return e.meta.expand.isExpanding=e.meta.expand.isExpanded=!1})),o instanceof Promise?(e.meta.expand.isExpanding=!0,o.then((function(t){e.meta.expand.data=t,e.meta.expand.isExpanded=!0})).finally((function(){return e.meta.expand.isExpanding=!1}))):(e.meta.expand.data=o,e.meta.expand.isExpanded=!0),[2])}))}))},this.onSelect=function(e){var t,n,i,r,l,o,a;if(null===(n=null===(t=e.meta.group)||void 0===t?void 0:t.items)||void 0===n?void 0:n.length)e.meta.group.items.forEach((function(t){return t.meta.selector.isSelected=e.meta.selector.isSelected})),null===(r=null===(i=d.tableOption.selector)||void 0===i?void 0:i.onSelect)||void 0===r||r.call(i,e.data,d.items.filter((function(e){return e.meta.selector.isSelected})).map((function(e){return e.data}))),d.isSelectAll=d.items.every((function(e){return e.meta.selector.isSelected})),V(d,Ne).call(d);else{if(null===(l=d.tableOption.selector)||void 0===l?void 0:l.single)return d.items.filter((function(t){return t!==e})).forEach((function(e){return e.meta.selector.isSelected=!1})),void V(d,Ne).call(d);null===(a=null===(o=d.tableOption.selector)||void 0===o?void 0:o.onSelect)||void 0===a||a.call(o,e.data,d.items.filter((function(e){return e.meta.selector.isSelected})).map((function(e){return e.data}))),d.isSelectAll=d.items.every((function(e){return e.meta.selector.isSelected})),V(d,Ne).call(d)}},this.onSelectAll=function(){var e,t,n;null===(e=d.items)||void 0===e||e.forEach((function(e){var t,n,i,r;!e.meta.selector.selectable||(null===(i=null===(n=null===(t=d.tableOption)||void 0===t?void 0:t.selector)||void 0===n?void 0:n.actions)||void 0===i?void 0:i.length)&&!(null===(r=e.meta.selector.actions)||void 0===r?void 0:r.length)||(e.meta.selector.isSelected=d.isSelectAll)})),null===(n=null===(t=d.tableOption.selector)||void 0===t?void 0:t.onSelectAll)||void 0===n||n.call(t,d.items.filter((function(e){return e.meta.selector.isSelected})).map((function(e){return e.data}))),V(d,Ne).call(d)},this.onClearSelection=function(e){e=e||d.items,d.isSelectAll=!1,null==e||e.forEach((function(e){return e.meta.selector.isSelected=!1})),V(d,Ne).call(d)},Ne.set(this,(function(){d.selectedTableItems=d.items.filter((function(e){return e.meta.selector.isSelected})),d.ref.detectChanges()})),this.clearFilter=function(){d.filterRegister.value.remove()},this.setFilter=function(e){var t=e||{},n=t.columnFilter,i=t.externalFilter,r=t.filterDef;n&&(d.columnFilter=n),d.filterRegister.value.set({columnFilter:n,externalFilter:i,filterDef:r})},this.detectChanges=function(){return d.ref.detectChanges()},We.set(this,(function(e){return z(d,void 0,void 0,(function(){var t,n,i,r,l,o,a,s,c,d,u,f,p,m,g,h;return H(this,(function(v){switch(v.label){case 0:t=[],n=function(e){"values"!==e.type||i.cacheValues[e.field]||("function"==typeof e.option.items?t.push(e.option.items().then((function(t){return{key:e.field,valueField:e.option.valueField,displayField:e.option.displayField,data:Array.isArray(t)?t:[]}})).catch((function(t){return console.error(t),{key:e.field,valueField:e.option.valueField,displayField:e.option.displayField,data:[]}}))):(i.cacheValues[e.field]=e.option.items.map((function(t){var n;return(n={})[e.option.valueField]=null==t?void 0:t[e.option.valueField],n[e.option.displayField]=null==t?void 0:t[e.option.displayField],n})),V(i,Ce)[e.field]=Array.toObject(i.cacheValues[e.field],e.option.valueField)))},i=this;try{for(r=N(e),l=r.next();!l.done;l=r.next())o=l.value,n(o)}catch(e){p={error:e}}finally{try{l&&!l.done&&(m=r.return)&&m.call(r)}finally{if(p)throw p.error}}return t.length?[4,Promise.all(t)]:[3,2];case 1:a=v.sent(),s=function(e){c.cacheValues[e.key]=e.data.map((function(t){var n;return(n={})[e.valueField]=null==t?void 0:t[e.valueField],n[e.displayField]=null==t?void 0:t[e.displayField],n})),V(c,Ce)[e.key]=Array.toObject(c.cacheValues[e.key],e.valueField)},c=this;try{for(d=N(a),u=d.next();!u.done;u=d.next())f=u.value,s(f)}catch(e){g={error:e}}finally{try{u&&!u.done&&(h=d.return)&&h.call(d)}finally{if(g)throw g.error}}v.label=2;case 2:return[2]}}))}))})),_e.set(this,(function(e,t){return z(d,void 0,void 0,(function(){var n,i,r,l,o,a,s,c,d,u,f,p,m,g,h=this;return H(this,(function(v){switch(v.label){case 0:a=e.map(pe),s=function(e){var t,s,d,u,f,p,m,g,v,y,b,x,F,w,C,D,O;return H(this,(function(k){switch(k.label){case 0:return t=e.field,e.cellStyle,s=e.click,d=e.tooltip,u=e.htmlTemplate,(f=e.transform)||u||"lazy-values"!==e.type||"function"!=typeof e.option.views?[3,2]:(p=e.option,m=p.views,g=p.mapValue,V(c,Ce)[t]=V(c,Ce)[t]||{},(v=a.map((function(e){var n,i;return"function"==typeof g?g(null===(n=e.data)||void 0===n?void 0:n[t],e.data):null===(i=e.data)||void 0===i?void 0:i[t]})).filter((function(e){return!(!e&&0!==e||Object.keys(V(h,Ce)[t]).includes(e))})).union()).length?[4,m(v).catch((function(e){return console.error(e),[]}))]:[3,2]);case 1:y=k.sent().filter((function(t){return v.includes(null==t?void 0:t[e.option.valueField])})).map((function(t){var n;return(n={})[e.option.valueField]=null==t?void 0:t[e.option.valueField],n[e.option.displayField]=null==t?void 0:t[e.option.displayField],n})),Object.assign(V(c,Ce)[t],Array.toObject(y,e.option.valueField)||{}),k.label=2;case 2:b=function(a){var p,m,g,h,v,y,b,x;return H(this,(function(F){switch(F.label){case 0:return p=a.data,m=null==p?void 0:p[t],a.meta.display[t]={badge:void 0,cellStyle:"number"===e.type?{"text-align":"right!important"}:void 0,data:m,isHtml:!1,tooltip:"function"==typeof d?d(m,p):void 0,click:"function"==typeof s?function(){return s(m,p)}:void 0},g=a.meta.display[t],"function"!=typeof u?[3,1]:(g.isHtml=!0,g.data=u(m,p),[3,6]);case 1:return"function"!=typeof f?[3,5]:(h=f(m,p))instanceof Promise?(v=g,[4,h]):[3,3];case 2:return v.data=F.sent(),[3,4];case 3:g.data=h,F.label=4;case 4:return[3,6];case 5:"date"!==e.type&&"datetime"!==e.type&&"time"!==e.type||(y=Date.toFormat(m,"dd/MM/yyyy"),(null==(b=Date.toFormat(m,"HH:mm:ss"))?void 0:b.endsWith("00"))&&(b=Date.toFormat(m,"HH:mm")),"date"!==e.type&&"datetime"!==e.type||("datetime"===e.type?(g.isHtml=!0,g.data='<span class="d-block T14R text-black400">'+b+'</span><span class="d-block T14R">'+y+"</span>"):g.data=y),"time"===e.type&&(g.data=b)),"values"!==e.type&&"lazy-values"!==e.type||("lazy-values"===e.type&&"function"==typeof e.option.mapValue?g.data=(null===(i=null===(n=V(c,Ce)[t])||void 0===n?void 0:n[e.option.mapValue(m,p)])||void 0===i?void 0:i[e.option.displayField])||m:g.data=(null===(l=null===(r=V(c,Ce)[t])||void 0===r?void 0:r[m])||void 0===l?void 0:l[e.option.displayField])||m),"number"===e.type&&Number.isNumber(m)&&(g.data=Number.toVNCurrency(m)),"bool"===e.type&&(x=e.option,g.data=null!=m&&""!==m?!0===m?(null==x?void 0:x.displayOnTrue)||"True":(null==x?void 0:x.displayOnFalse)||"False":null),"string"!==e.type&&"number"!==e.type&&"values"!==e.type||!e.badge?"bool"===e.type&&(g.badge={type:"circle",color:m?"success":"danger",icon:null}):g.badge={type:(null==e?void 0:e.badgeType)?e.badgeType:"icon",color:e.badge(m,p),icon:null===(o=e.badgeIcon)||void 0===o?void 0:o.call(e,m,p)},F.label=6;case 6:return[2]}}))},k.label=3;case 3:k.trys.push([3,8,9,10]),D=void 0,x=N(a),F=x.next(),k.label=4;case 4:return F.done?[3,7]:(w=F.value,[5,b(w)]);case 5:k.sent(),k.label=6;case 6:return F=x.next(),[3,4];case 7:return[3,10];case 8:return C=k.sent(),D={error:C},[3,10];case 9:try{F&&!F.done&&(O=x.return)&&O.call(x)}finally{if(D)throw D.error}return[7];case 10:return[2]}}))},c=this,v.label=1;case 1:v.trys.push([1,6,7,8]),d=N(t),u=d.next(),v.label=2;case 2:return u.done?[3,5]:(f=u.value,[5,s(f)]);case 3:v.sent(),v.label=4;case 4:return u=d.next(),[3,2];case 5:return[3,8];case 6:return p=v.sent(),m={error:p},[3,8];case 7:try{u&&!u.done&&(g=d.return)&&g.call(d)}finally{if(m)throw m.error}return[7];case 8:return[2,a]}}))}))})),this.trackBy=function(e,t){return t.meta.id}}return Object.defineProperty(e.prototype,"option",{set:function(e){var t=this;if(e){e=V(this,Ie).call(this,e),this.tableOption=e,q(this,we,!1);var n=this.tableConfigurationService.init(this.tableOption);if(n)V(this,xe).add(n.observer.pipe(u.startWith(n.subject.getValue())).subscribe((function(){var e=t.tableConfigurationService.loadConfigurationResult(t.tableOption,n.get()),i=e.displayedColumns||[];t.loadingService.start(),t.ref.detectChanges(),V(t,We).call(t,t.tableOption.columns.filter((function(e){return i.includes(e.field)}))).then((function(){t.configuration=e,V(t,he).next(t.tableOption)})).finally((function(){t.loadingService.stop(),t.ref.detectChanges()}))})));else{var i=this.tableConfigurationService.loadConfiguration(this.tableOption),r=this.tableConfigurationService.loadConfigurationResult(this.tableOption,i),l=r.displayedColumns||[];this.loadingService.start(),this.ref.detectChanges(),V(this,We).call(this,this.tableOption.columns.filter((function(e){return l.includes(e.field)}))).then((function(){t.configuration=r,V(t,he).next(t.tableOption)})).finally((function(){t.loadingService.stop(),t.ref.detectChanges()}))}}},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"paginator",{set:function(e){var t=this;e&&V(this,ye)!==e&&(q(this,ye,e),V(this,xe).add(e.page.pipe(u.map((function(){V(t,Fe).next({force:!1})}))).subscribe()))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"sort",{set:function(e){var t=this;e&&V(this,be)!==e&&(q(this,be,e),V(this,xe).add(e.sortChange.pipe(u.map((function(){V(t,Fe).next({force:!1})}))).subscribe()))},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){V(this,De).call(this)},e.prototype.ngAfterViewInit=function(){var e=this;V(this,xe).add(V(this,Fe).pipe(u.debounceTime(200),u.switchMap((function(t){return z(e,void 0,void 0,(function(){var e,n;return H(this,(function(i){switch(i.label){case 0:return e=V(this,Me).call(this),[4,V(this,Pe).call(this,e,!V(this,we)||t.force)];case 1:return n=i.sent(),q(this,we,!0),[2,n]}}))}))}))).subscribe(V(this,Re))),V(this,xe).add(this.sdCellDefs.changes.pipe(u.startWith([])).subscribe(V(this,De))),V(this,xe).add(this.sdFooterDefs.changes.pipe(u.startWith([])).subscribe(V(this,ke))),V(this,xe).add(this.sdFilterDefs.changes.pipe(u.startWith([])).subscribe(V(this,Oe))),V(this,xe).add(c.combineLatest([V(this,he).pipe(u.startWith(this.tableOption)),this.sdFilterDefs.changes.pipe(u.startWith(this.filterDefs))]).subscribe((function(){V(e,Te).call(e)}))),V(this,xe).add(V(this,he).subscribe((function(){e.filterRegister&&V(e,Fe).next({force:!0})}))),this.ref.detectChanges()},e.prototype.ngOnDestroy=function(){V(this,xe).unsubscribe()},Object.defineProperty(e.prototype,"dataItems",{get:function(){return this.items.map((function(e){return e.data}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"selectedItems",{get:function(){return this.selectedTableItems.map((function(e){return e.data}))},enumerable:!1,configurable:!0}),e}();ge=new WeakMap,he=new WeakMap,ve=new WeakMap,ye=new WeakMap,be=new WeakMap,xe=new WeakMap,Fe=new WeakMap,we=new WeakMap,Ce=new WeakMap,De=new WeakMap,Oe=new WeakMap,ke=new WeakMap,Se=new WeakMap,Ie=new WeakMap,Te=new WeakMap,Ee=new WeakMap,Me=new WeakMap,Pe=new WeakMap,Re=new WeakMap,Ae=new WeakMap,Le=new WeakMap,je=new WeakMap,ze=new WeakMap,He=new WeakMap,Ne=new WeakMap,We=new WeakMap,_e=new WeakMap,qe.decorators=[{type:n.Component,args:[{selector:"sd-table",template:'<ng-container *ngIf="configuration">\r\n  <sd-table-filter\r\n    *ngIf="!tableOption.filter?.disabled && filterRegister"\r\n    [filterRegister]="filterRegister"\r\n    [filter]="tableOption?.filter"\r\n    [columns]="configuration.firstColumns"\r\n    [externalFilters]="tableOption?.filter?.externalFilters"\r\n    [filterDefs]="filterDefs">\r\n  </sd-table-filter>\r\n  <ng-container *ngIf="items | sdGroup : tableOption; $implicit as groupedItems">\r\n    <div class="c-container">\r\n      <div class="c-loading" *ngIf="isLoading">\r\n        <mat-spinner></mat-spinner>\r\n      </div>\r\n      <ng-container>\r\n        <div\r\n          class="c-table"\r\n          sdScroll\r\n          [ngStyle]="{\r\n            \'max-height\': tableOption?.style?.maxHeight,\r\n            \'min-height\': tableOption?.style?.minHeight\r\n          }">\r\n          <table mat-table [dataSource]="groupedItems" [trackBy]="trackBy" matSort [matSortDisabled]="!tableOption.sort?.enable" multiTemplateDataRows>\r\n            <ng-container matColumnDef="sdSubInformation" sticky>\r\n              <td class="p-0" mat-cell *matCellDef="let item" [attr.colspan]="configuration.displayedColumns.length">\r\n                <ng-container *ngIf="sdSubInformation?.templateRef">\r\n                  <ng-container *ngIf="tableOption?.expand?.always; else useExpandCollapse">\r\n                    <ng-container *ngTemplateOutlet="sdSubInformation.templateRef; context: { item: item }"> </ng-container>\r\n                  </ng-container>\r\n                  <ng-template #useExpandCollapse>\r\n                    <div [@detailExpand]="item.isExpanded ? \'expanded\' : \'collapsed\'">\r\n                      <ng-container *ngIf="item.isExpanded">\r\n                        <ng-container *ngTemplateOutlet="sdSubInformation.templateRef; context: { item: item }"> </ng-container>\r\n                      </ng-container>\r\n                    </div>\r\n                  </ng-template>\r\n                </ng-container>\r\n              </td>\r\n              <td mat-footer-cell *matFooterCellDef></td>\r\n            </ng-container>\r\n            <ng-container matColumnDef="sdSubInformationAction" stickyEnd>\r\n              <th\r\n                class="p-0"\r\n                mat-header-cell\r\n                *matHeaderCellDef\r\n                style="width: 1px"\r\n                [attr.rowspan]="configuration.multipleHeader ? 2 : 1"></th>\r\n              <td mat-cell *matCellDef="let element">\r\n                <button\r\n                  *ngIf="!element.isExpanding && !tableOption?.expand?.always"\r\n                  mat-icon-button\r\n                  aria-label="Expand & Collapse"\r\n                  (click)="onExpand(element)">\r\n                  <mat-icon *ngIf="!element.isExpanded">expand_more</mat-icon>\r\n                  <mat-icon *ngIf="element.isExpanded">expand_less</mat-icon>\r\n                </button>\r\n                <div *ngIf="element.isExpanding" class="lds-ring">\r\n                  <div></div>\r\n                  <div></div>\r\n                  <div></div>\r\n                  <div></div>\r\n                </div>\r\n              </td>\r\n            </ng-container>\r\n            <ng-container matColumnDef="sdSelection" sticky>\r\n              <th\r\n                class="text-center px-15"\r\n                mat-header-cell\r\n                *matHeaderCellDef\r\n                style="min-width: 50px; max-width: 50px"\r\n                [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                <ng-container *ngIf="items | selectionVisibleSelectAll : tableOption?.selector | async">\r\n                  <mat-checkbox\r\n                    *ngIf="!tableOption.selector?.single"\r\n                    class="c-selection"\r\n                    color="primary"\r\n                    [(ngModel)]="isSelectAll"\r\n                    (change)="onSelectAll()">\r\n                  </mat-checkbox>\r\n                </ng-container>\r\n              </th>\r\n              <td class="text-center px-15" mat-cell *matCellDef="let item" style="min-width: 50px; max-width: 50px">\r\n                <ng-container *ngIf="item | selectionVisible : tableOption?.selector">\r\n                  <mat-checkbox\r\n                    class="c-selection"\r\n                    color="primary"\r\n                    [(ngModel)]="item.meta.selector.isSelected"\r\n                    (change)="onSelect(item)"\r\n                    [disabled]="selectedTableItems | selectionDisable : item : tableOption?.selector">\r\n                  </mat-checkbox>\r\n                </ng-container>\r\n              </td>\r\n              <td mat-footer-cell *matFooterCellDef></td>\r\n            </ng-container>\r\n            <ng-container matColumnDef="sdCommand">\r\n              <th\r\n                class="px-8 py-8"\r\n                mat-header-cell\r\n                *matHeaderCellDef\r\n                style="width: 50px"\r\n                [attr.rowspan]="configuration.multipleHeader ? 2 : 1"></th>\r\n              <td class="px-8" mat-cell *matCellDef="let item">\r\n                <sd-desktop-command [commands]="tableOption.commands" [item]="item"></sd-desktop-command>\r\n              </td>\r\n              <td mat-footer-cell *matFooterCellDef></td>\r\n            </ng-container>\r\n            <ng-container matColumnDef="sdGroup">\r\n              <th mat-header-cell *matHeaderCellDef class="px-8 py-8" [attr.rowspan]="configuration.multipleHeader ? 2 : 1"></th>\r\n              <td class="p-0" mat-cell *matCellDef="let item" [attr.colspan]="!item?.sdGroup ? 1 : configuration.displayedColumns.length">\r\n                <div [innerHtml]="item?.sdGroup?.htmlTemplate | safeHtml"></div>\r\n              </td>\r\n              <td mat-footer-cell *matFooterCellDef></td>\r\n            </ng-container>\r\n            <ng-container\r\n              *ngFor="let column of configuration.firstColumns;"\r\n              [matColumnDef]="column.field"\r\n              [sticky]="configuration.fixedColumn[column.field]">\r\n              <th\r\n                mat-header-cell\r\n                *matHeaderCellDef\r\n                class="px-8 py-8 c-th"\r\n                [ngStyle]="{ \'min-width\': column.width }"\r\n                [attr.rowspan]="configuration.multipleHeader && column.type !== \'children-col\' ? 2 : 1"\r\n                [attr.colspan]="column.type === \'children-col\' ? column.children?.length : 1">\r\n                <div>\r\n                  <div\r\n                    aria-hidden="true"\r\n                    mat-sort-header\r\n                    [disabled]="!column.sortable || column.type === \'children-col\'"\r\n                    [class.text-right]="column.align === \'right\' || (!column.align && column.type === \'number\')"\r\n                    [class.text-center]="column.align === \'center\'"\r\n                    [innerHTML]="column.titleHtml || column.title"></div>\r\n                  <sd-column-inline-filter\r\n                    *ngIf="!tableOption.filter?.disabled && !tableOption.filter?.hideInlineFilter && columnOperator"\r\n                    [value]="columnFilter[column.field]"\r\n                    [(inlineOperator)]="columnOperator[column.field]"\r\n                    [columnFilter]="columnFilter"\r\n                    [cacheValues]="cacheValues"\r\n                    [column]="column"\r\n                    (filterChange)="onFilterChange()">\r\n                  </sd-column-inline-filter>\r\n                </div>\r\n              </th>\r\n              <td class="c-td px-0" mat-cell *matCellDef="let item">\r\n                <sd-desktop-cell\r\n                  class="d-block px-8"\r\n                  *ngIf="!item?.sdGroup"\r\n                  [value]="item[column.field]"\r\n                  [column]="column"\r\n                  [item]="item"\r\n                  [cellDef]="cellDef">\r\n                </sd-desktop-cell>\r\n              </td>\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                <ng-container *ngIf="footerDef[column.field]">\r\n                  <ng-container *ngTemplateOutlet="footerDef[column.field].templateRef; context: { items: items, column: column }">\r\n                  </ng-container>\r\n                </ng-container>\r\n              </td>\r\n            </ng-container>\r\n            <ng-container *ngFor="let column of configuration.secondColumns" [matColumnDef]="column.field">\r\n              <th mat-header-cell *matHeaderCellDef mat-sort-header class="c-th px-8" [ngStyle]="{ \'min-width\': column.width }">\r\n                <div>\r\n                  <div\r\n                    [class.text-right]="column.align === \'right\' || (!column.align && column.type === \'number\')"\r\n                    [class.text-center]="column.align === \'center\'"\r\n                    [innerHTML]="column.titleHtml || column.title"></div>\r\n                  <sd-column-inline-filter\r\n                    *ngIf="!tableOption.filter?.disabled && !tableOption.filter?.hideInlineFilter  && columnOperator"\r\n                    [value]="columnFilter[column.field]"\r\n                    [(inlineOperator)]="columnOperator[column.field]"\r\n                    [columnFilter]="columnFilter"\r\n                    [cacheValues]="cacheValues"\r\n                    [column]="column"\r\n                    (filterChange)="onFilterChange()">\r\n                  </sd-column-inline-filter>\r\n                </div>\r\n              </th>\r\n              <td class="c-td px-0" mat-cell *matCellDef="let item">\r\n                <sd-desktop-cell\r\n                  class="d-block px-8"\r\n                  [value]="item[column.field]"\r\n                  [column]="column"\r\n                  [item]="item"\r\n                  [cellDef]="cellDef">\r\n                </sd-desktop-cell>\r\n              </td>\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                <ng-container *ngIf="footerDef[column.field]">\r\n                  <ng-container *ngTemplateOutlet="footerDef[column.field].templateRef; context: { items: items, column: column }">\r\n                  </ng-container>\r\n                </ng-container>\r\n              </td>\r\n            </ng-container>\r\n            <tr class="c-first-header" mat-header-row *matHeaderRowDef="configuration.firstHeaders; sticky: true"></tr>\r\n            <ng-container *ngIf="configuration.secondHeaders?.length">\r\n              <tr class="c-second-header" mat-header-row *matHeaderRowDef="configuration.secondHeaders; sticky: true"></tr>\r\n            </ng-container>\r\n            <tr\r\n              mat-row\r\n              *matRowDef="let row; columns: configuration.displayedColumns"\r\n              matRipple\r\n              class="c-row"\r\n              [class.selected]="row.meta.selector.isSelected"></tr>\r\n\r\n            <tr mat-row *matRowDef="let row; columns: [\'sdSubInformation\']" class="c-detail-row"></tr>\r\n            <ng-container *ngIf="hasFooter && configuration.displayedFooters?.length">\r\n              <tr mat-footer-row *matFooterRowDef="configuration.displayedFooters; sticky: true"></tr>\r\n            </ng-container>\r\n          </table>\r\n        </div>\r\n      </ng-container>\r\n      <div class="c-paginator">\r\n        <div class="c-action">\r\n          <sd-button\r\n            *ngIf="tableOption.reload?.visible"\r\n            class="mr-8"\r\n            title="Tải lại"\r\n            icon="refresh"\r\n            size="sm"\r\n            (action)="reload()"\r\n            [disabled]="!items?.length"\r\n            type="link">\r\n          </sd-button>\r\n          <ng-container *ngIf="tableOption.export?.visible && items?.length">\r\n            <ng-container *ngIf="isExporting; else unExporting">\r\n              <sd-button class="mr-10" [loading]="isExporting" [title]="exportTitle | sdTranslate" icon="get_app" size="sm" type="link">\r\n              </sd-button>\r\n            </ng-container>\r\n            <ng-template #unExporting>\r\n              <sd-button class="mr-10" [title]="exportTitle | sdTranslate" icon="get_app" size="sm" [matMenuTriggerFor]="menu" type="link">\r\n              </sd-button>\r\n            </ng-template>\r\n            <mat-menu #menu="matMenu">\r\n              <button mat-menu-item (click)="exportExcel()" type="button">\r\n                <mat-icon fontSet="material-icons-outlined">file_download</mat-icon>\r\n                <span> Xuất excel</span>\r\n              </button>\r\n              <button mat-menu-item (click)="exportCSV()" type="button">\r\n                <mat-icon fontSet="material-icons-outlined">file_download</mat-icon>\r\n                <span> Xuất CSV</span>\r\n              </button>\r\n            </mat-menu>\r\n          </ng-container>\r\n          <sd-button\r\n            *ngIf="popupConfiguration"\r\n            class="mr-8"\r\n            [title]="\'Configure\' | sdTranslate"\r\n            icon="settings"\r\n            size="sm"\r\n            (action)="popupConfiguration.open()"\r\n            type="link">\r\n          </sd-button>\r\n        </div>\r\n        <mat-paginator\r\n          [class.d-none]="tableOption.paginate?.hidden"\r\n          [length]="total"\r\n          [pageSize]="tableOption.paginate?.pageSize"\r\n          [pageSizeOptions]="tableOption.paginate?.pages"\r\n          [showFirstLastButtons]="tableOption.paginate?.showFirstLastButtons"></mat-paginator>\r\n      </div>\r\n    </div>\r\n    <sd-table-quick-action [tableOption]="tableOption" [selectedTableItems]="selectedTableItems" (clear)="onClearSelection(groupedItems)">\r\n    </sd-table-quick-action>\r\n    <sd-popup-configuration *ngIf="tableOption?.key && tableOption.config?.visible" [tableOption]="tableOption"> </sd-popup-configuration>\r\n  </ng-container>\r\n</ng-container>\r\n',changeDetection:n.ChangeDetectionStrategy.OnPush,animations:[a.trigger("detailExpand",[a.state("collapsed",a.style({height:"0",minHeight:"0",visibility:"hidden"})),a.state("expanded",a.style({height:"*",visibility:"visible"})),a.transition("expanded <=> collapsed",a.animate("225ms cubic-bezier(0.4, 0.0, 0.2, 1)"))])],styles:[".text-black400{color:#757575}:host{display:flex;flex-direction:column;height:100%;overflow:auto}:host .c-container{display:flex;flex-direction:column;min-height:50px}:host .c-container,:host .c-container .c-table{flex:1;position:relative}:host .c-container .c-table table{border-collapse:separate;width:100%}:host .c-container .c-table table tr.c-first-header.mat-header-row,:host .c-container .c-table table tr.c-second-header.mat-header-row{height:40px}:host .c-container .c-table table tr.c-detail-row{height:0}:host .c-container .c-table table tr.c-row.activated{background-color:#e5ecff}:host .c-container .c-table table tr.c-row.selected{background-color:#eef2ff}:host .c-container .c-table table tr.c-row:not(.selected):not(.activated):hover{background-color:#f5f5f5}:host .c-container .c-table table tr.c-row td{border-bottom-width:0}:host .c-container .c-table table tr.c-row.c-expandable{cursor:pointer}:host .c-container .c-table table tr.c-row.c-expandable:hover{background:#f5f5f5}:host .c-container .c-table table th.mat-header-cell{background-color:#f2f3f4;border-bottom:0!important}:host .c-container .c-table table td.mat-cell,:host .c-container .c-table table td.mat-footer-cell,:host .c-container .c-table table th.mat-header-cell{border-bottom-color:#f2f2f2!important}:host .c-container .c-table .c-th{color:#212121;font-size:14px;font-weight:500;line-height:20px;vertical-align:middle}:host .c-container .c-table .c-td:first{padding-left:10px}:host .c-container .c-loading{align-items:center;background:rgba(0,0,0,.15);bottom:56px;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}:host .c-container .c-paginator{align-items:center;background-color:#fff;display:flex;flex-direction:row;justify-content:space-between}:host .c-container .c-paginator .c-action{padding:5px}:host .c-container .c-empty{background-color:#fff;border:none!important;text-align:center}:host .c-container .c-empty mat-icon{font-size:150px;height:auto;margin-bottom:30px;margin-top:30px;opacity:.2;width:auto}:host button.c-btn-add{background-color:#fff;box-shadow:0 2px 4px rgba(47,49,54,.16)}:host mat-icon.c-icon{color:rgba(0,0,0,.54)!important}:host mat-icon.c-icon-add{color:#2962ff!important}:host .lds-ring{display:inline-block;height:40px;position:relative;width:40px}:host .lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid transparent;border-radius:50%;border-top-color:#cef;box-sizing:border-box;display:block;height:32px;margin:4px;position:absolute;width:32px}:host .lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}:host .lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}:host .lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:host ::ng-deep .mat-sort-header-content{display:block;text-align:left;width:100%}:host ::ng-deep .mat-select-arrow{color:#a6a6a6}:host ::ng-deep .mat-sort-header-disabled{background-image:none!important;cursor:default!important;padding-right:0!important}:host ::ng-deep .mat-sort-header-container{align-items:start!important}:host ::ng-deep .mat-sort-header-arrow{margin-top:4px!important}:host ::ng-deep .mat-sort-header{cursor:pointer}:host ::ng-deep .mat-sort-header[aria-sort]{background-position:center right 0;background-repeat:no-repeat;background-size:16px 16px;cursor:pointer;padding-right:24px}:host ::ng-deep .mat-sort-header[aria-sort=none]{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%237A7A7A' d='M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z'/%3E%3C/svg%3E\")}:host ::ng-deep .mat-sort-header[aria-sort=ascending]{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%237A7A7A' d='M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z'/%3E%3C/svg%3E\")}:host ::ng-deep .mat-sort-header[aria-sort=descending]{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%237A7A7A' d='M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z'/%3E%3C/svg%3E\")}"]}]}],qe.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:b.SdLoadingService},{type:void 0,decorators:[{type:n.Inject,args:[G]},{type:n.Optional}]},{type:re},{type:m.SdExportService},{type:d.SdNotifyService},{type:me}]},qe.propDecorators={popupConfiguration:[{type:n.ViewChild,args:[Ve]}],sdScroll:[{type:n.ViewChild,args:[t.SdScrollDirective]}],quickAction:[{type:n.ViewChild,args:[h.SdQuickAction]}],tableFilter:[{type:n.ViewChild,args:[$]}],option:[{type:n.Input}],paginator:[{type:n.ViewChild,args:[l.MatPaginator]}],sort:[{type:n.ViewChild,args:[o.MatSort]}],sdSubInformation:[{type:n.ContentChild,args:[Y]}],sdCellDefs:[{type:n.ContentChildren,args:[J]}],sdFooterDefs:[{type:n.ContentChildren,args:[ie]}],sdFilterDefs:[{type:n.ContentChildren,args:[X]}]};var Ue=function(){function e(){}return e.prototype.transform=function(e,t){return z(this,void 0,void 0,(function(){var n,i,r,l,o,a,s,c,d,u,f,p,m,g,h,v,y,b;return H(this,(function(x){switch(x.label){case 0:if(n=[],!t)return[2,n];x.label=1;case 1:x.trys.push([1,22,23,24]),i=N(t),r=i.next(),x.label=2;case 2:return r.done?[3,21]:(l=r.value,o=!1,void 0!==(a=l.hidden)?[3,3]:(o=!0,[3,7]));case 3:return"boolean"!=typeof a?[3,4]:(a||(o=!0),[3,7]);case 4:return(p=a(e.data))instanceof Promise?[4,p]:[3,6];case 5:return x.sent()||(o=!0),[3,7];case 6:p||(o=!0),x.label=7;case 7:if(!o)return[3,20];if(!("children"in l))return[3,19];s=[],x.label=8;case 8:x.trys.push([8,16,17,18]),y=void 0,c=N(l.children),d=c.next(),x.label=9;case 9:return d.done?[3,15]:(u=d.value,void 0!==(f=u.hidden)?[3,10]:(s.push(u),[3,14]));case 10:return"boolean"!=typeof f?[3,11]:(f||s.push(u),[3,14]);case 11:return(p=f(e.data))instanceof Promise?[4,p]:[3,13];case 12:return x.sent()||s.push(u),[3,14];case 13:p||s.push(u),x.label=14;case 14:return d=c.next(),[3,9];case 15:return[3,18];case 16:return m=x.sent(),y={error:m},[3,18];case 17:try{d&&!d.done&&(b=c.return)&&b.call(c)}finally{if(y)throw y.error}return[7];case 18:return s.length>0&&n.push(Object.assign(Object.assign({},l),{children:s})),[3,20];case 19:n.push(l),x.label=20;case 20:return r=i.next(),[3,2];case 21:return[3,24];case 22:return g=x.sent(),h={error:g},[3,24];case 23:try{r&&!r.done&&(v=i.return)&&v.call(i)}finally{if(h)throw h.error}return[7];case 24:return[2,n]}}))}))},e}();Ue.decorators=[{type:n.Pipe,args:[{name:"commandFilter"}]}];var Be=function(){function e(){}return e.prototype.transform=function(e,t){if("disabled"in t){var n=t.disabled;return"boolean"==typeof n?n:n(e.data)}return!1},e}();Be.decorators=[{type:n.Pipe,args:[{name:"commandDisable"}]}];var Ge=function(){function e(){}return e.prototype.transform=function(e,t){if(null==e?void 0:e.icon)return"string"==typeof e.icon?e.icon:e.icon(t.data)},e}();Ge.decorators=[{type:n.Pipe,args:[{name:"commandIcon"}]}];var Je=function(){function e(){}return e.prototype.transform=function(e,t){if(null==e?void 0:e.title)return"string"==typeof e.title?e.title:e.title(t.data)},e}();Je.decorators=[{type:n.Pipe,args:[{name:"commandTitle"}]}];var Qe=function(){};Qe.decorators=[{type:n.Component,args:[{selector:"sd-desktop-cell-view",template:'<ng-container *sdLet="item.meta.display[column.field] as view">\r\n  <ng-container *ngIf="view.isHtml; else useValue">\r\n    <div\r\n      *ngIf="view.click"\r\n      (click)="view.click()"\r\n      class="text-break cursor-pointer"\r\n      [matTooltip]="view.tooltip"\r\n      [style]="view.cellStyle"\r\n      [innerHTML]="view.data | safeHtml"></div>\r\n    <div\r\n      *ngIf="!view.click"\r\n      class="text-break"\r\n      [matTooltip]="view.tooltip"\r\n      [style]="view.cellStyle"\r\n      [innerHTML]="view.data | safeHtml"></div>\r\n  </ng-container>\r\n  <ng-template #useValue>\r\n    <ng-container *ngIf="!!view.badge; else noBadge">\r\n      <sd-badge\r\n        *ngIf="view.data"\r\n        [type]="view.badge.type"\r\n        [title]="view.data"\r\n        [color]="view.badge.color"\r\n        [icon]="view.badge.icon"\r\n        [tooltip]="view.tooltip"\r\n        (sdClick)="!!view.click && view.click()"></sd-badge>\r\n    </ng-container>\r\n    <ng-template #noBadge>\r\n      <div\r\n        class="text-break"\r\n        [style]="view.cellStyle"\r\n        [matTooltip]="view.tooltip">\r\n        <a *ngIf="!!view.click" href="javascript:;" (click)="view.click()">{{ view.data }}</a>\r\n        <ng-container *ngIf="!view.click">{{ view.data }} </ng-container>\r\n      </div>\r\n    </ng-template>\r\n  </ng-template>\r\n</ng-container>\r\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".text-black400{color:#757575}.c-color-success{color:#4caf50}.c-color-danger{color:#f82c13}.c-image{-o-object-fit:contain;margin:5px 0;object-fit:contain}.c-img{font-size:30px;opacity:.5}.c-img.pointer:hover{opacity:.9}"]}]}],Qe.ctorParameters=function(){return[]},Qe.propDecorators={column:[{type:n.Input}],item:[{type:n.Input}]};var Ke=function(){function e(){}return e.prototype.transform=function(e,t){var n,i,r=[];if(!e)return r;try{for(var l=N(e),o=l.next();!o.done;o=l.next()){var a=o.value;r.push(a)}}catch(e){n={error:e}}finally{try{o&&!o.done&&(i=l.return)&&i.call(l)}finally{if(n)throw n.error}}return r.filter((function(e){return!t||e.field===t}))},e}();Ke.decorators=[{type:n.Pipe,args:[{name:"sdFilterExternal"}]}];var $e=function(){function e(){}return e.prototype.transform=function(e,t){var n,i,r,l,o,a,s=[];if(!e)return s;try{for(var c=N(e),d=c.next();!d.done;d=c.next()){var u=d.value;if("children"!==u.type)(null===(a=u.filter)||void 0===a?void 0:a.disabled)||s.push(u);else try{for(var f=(r=void 0,N(null==u?void 0:u.children)),p=f.next();!p.done;p=f.next()){var m=p.value;(null===(o=m.filter)||void 0===o?void 0:o.disabled)||s.push(m)}}catch(e){r={error:e}}finally{try{p&&!p.done&&(l=f.return)&&l.call(f)}finally{if(r)throw r.error}}}}catch(e){n={error:e}}finally{try{d&&!d.done&&(i=c.return)&&i.call(c)}finally{if(n)throw n.error}}return s.filter((function(e){return!t||e.field===t}))},e}();$e.decorators=[{type:n.Pipe,args:[{name:"sdFilterColumn"}]}];var Xe=function(){this.commands=[]};Xe.decorators=[{type:n.Component,args:[{selector:"sd-desktop-command",template:'<ng-container *ngIf="item | commandFilter:commands | async; $implicit as filteredCommands">\r\n  <ng-container *ngFor="let command of filteredCommands">\r\n    <ng-container *ngIf="command?.click; else elseChildren">\r\n      <button (click)="command.click(item.data)" [matTooltip]="command | commandTitle:item" aria-hidden="true"\r\n        [disabled]="item | commandDisable:command" mat-icon-button>\r\n        <mat-icon class="c-icon" [fontSet]="command.fontSet">{{command | commandIcon:item}}</mat-icon>\r\n      </button>\r\n    </ng-container>\r\n    <ng-template #elseChildren>\r\n      <button [matMenuTriggerFor]="menu" aria-hidden="true" mat-icon-button>\r\n        <mat-icon *ngIf="command?.icon" class="c-icon" [fontSet]="command.fontSet">{{command | commandIcon:item}}\r\n        </mat-icon>\r\n        <mat-icon *ngIf="!command?.icon" class="c-icon">more_vert</mat-icon>\r\n      </button>\r\n      <mat-menu #menu="matMenu">\r\n        <span>\r\n          <button *ngFor="let childCommand of command.children" mat-menu-item (click)="childCommand.click(item.data)"\r\n            [disabled]="item | commandDisable:childCommand">\r\n            <ng-container *ngIf="!childCommand.htmlTemplate">\r\n              <mat-icon [fontSet]="command.fontSet" class="c-icon">{{childCommand | commandIcon:item}}\r\n              </mat-icon>\r\n              <span> {{childCommand | commandTitle:item}}</span>\r\n            </ng-container>\r\n            <ng-container *ngIf="childCommand.htmlTemplate">\r\n              <div [innerHTML]="childCommand.htmlTemplate(item.data)"></div>\r\n            </ng-container>\r\n          </button>\r\n        </span>\r\n      </mat-menu>\r\n    </ng-template>\r\n  </ng-container>\r\n</ng-container>\r\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{align-items:center;display:flex}mat-icon.c-icon{color:rgba(0,0,0,.54)!important}"]}]}],Xe.ctorParameters=function(){return[]},Xe.propDecorators={item:[{type:n.Input}],commands:[{type:n.Input}]};var Ye,Ze=function(){function e(){}return e.prototype.transform=function(e,t,n){return(null==n?void 0:n.tooltip)?n.tooltip(e,t):null},e}();Ze.decorators=[{type:n.Pipe,args:[{name:"columnTooltip"}]}],Ze.ctorParameters=function(){return[]};var et=function(){var e=this;Ye.set(this,(function(e){return"children"in e?{title:e.title,icon:e.icon,fontSet:e.fontSet,tooltip:e.tooltip,color:e.color,type:e.type,children:e.children.map((function(t){return{title:t.title,icon:t.icon,color:e.color,type:e.type,fontSet:t.fontSet,tooltip:t.tooltip,click:t.click}}))}:{title:e.title,icon:e.icon,color:e.color,type:e.type,fontSet:e.fontSet,tooltip:e.tooltip,click:e.click}})),this.transform=function(t,n){var i,r,l=[];if(!(null==n?void 0:n.length)||!(null==t?void 0:t.length))return[];var o=function(e){var n,i;if("children"in e){var r=[],o=function(e){var n=L.default(e);t.every((function(e){return e.meta.selector.actions.includes(n)}))&&r.push(e)};try{for(var a=(n=void 0,N(e.children)),s=a.next();!s.done;s=a.next())o(s.value)}catch(e){n={error:e}}finally{try{s&&!s.done&&(i=a.return)&&i.call(a)}finally{if(n)throw n.error}}r.length>0&&l.push(Object.assign(Object.assign({},e),{children:r}))}else{var c=L.default(e);t.every((function(e){return e.meta.selector.actions.includes(c)}))&&l.push(e)}};try{for(var a=N(n),s=a.next();!s.done;s=a.next())o(s.value)}catch(e){i={error:e}}finally{try{s&&!s.done&&(r=a.return)&&r.call(a)}finally{if(i)throw i.error}}return l.map((function(t){return V(e,Ye).call(e,t)}))}};Ye=new WeakMap,et.decorators=[{type:n.Pipe,args:[{name:"selectionActionFilter"}]}];var tt=function(){this.transform=function(e,t,n){var i,r,l,o,a=n.disabled,s=n.actions;if(!(null==s?void 0:s.length))return a?(t.meta.selector.selectable=!a(t,e),!t.meta.selector.selectable):(t.meta.selector.selectable=!0,!1);var c=s.filter((function(t){var n,i;if("children"in t){var r=function(t){var n=L.default(t);if(e.every((function(e){return e.meta.selector.actions.includes(n)})))return{value:!0}};try{for(var l=N(t.children),o=l.next();!o.done;o=l.next()){var a=r(o.value);if("object"==typeof a)return a.value}}catch(e){n={error:e}}finally{try{o&&!o.done&&(i=l.return)&&i.call(l)}finally{if(n)throw n.error}}return!1}var s=L.default(t);return e.every((function(e){return e.meta.selector.actions.includes(s)}))}));try{for(var d=N(c),u=d.next();!u.done;u=d.next()){var f=u.value;if("children"in f)try{for(var p=(l=void 0,N(f.children)),m=p.next();!m.done;m=p.next()){var g=m.value;if(t.meta.selector.actions.includes(L.default(g)))return!1}}catch(e){l={error:e}}finally{try{m&&!m.done&&(o=p.return)&&o.call(p)}finally{if(l)throw l.error}}else if(t.meta.selector.actions.includes(L.default(f)))return!1}}catch(e){i={error:e}}finally{try{u&&!u.done&&(r=d.return)&&r.call(d)}finally{if(i)throw i.error}}return!0}};tt.decorators=[{type:n.Pipe,args:[{name:"selectionDisable"}]}];var nt=function(){var e=this;this.transform=function(t,n){return z(e,void 0,void 0,(function(){var e,i,r,l,o,a,s,c,d;return H(this,(function(u){switch(u.label){case 0:return(null==(e=n.actions)?void 0:e.length)?t.length?e.some((function(e){return"children"in e&&e.children.some((function(e){return e.isGrouped}))||e.isGrouped}))?[2,!1]:[4,new Promise((function(e){return setTimeout(e,500)}))]:[2,!1]:[2,!0];case 1:if(u.sent(),i=t.find((function(e){var t;return null===(t=e.meta.selector.actions)||void 0===t?void 0:t.length}))){r=function(e){if(t.filter((function(e){var t;return null===(t=e.meta.selector.actions)||void 0===t?void 0:t.length})).every((function(t){return t.meta.selector.actions.includes(e)})))return{value:!0}};try{for(l=N(i.meta.selector.actions),o=l.next();!o.done;o=l.next())if(a=o.value,"object"==typeof(s=r(a)))return[2,s.value]}catch(e){c={error:e}}finally{try{o&&!o.done&&(d=l.return)&&d.call(l)}finally{if(c)throw c.error}}}return[2,!1]}}))}))}};nt.decorators=[{type:n.Pipe,args:[{name:"selectionVisibleSelectAll"}]}];var it=function(){this.cellDef={}};it.decorators=[{type:n.Component,args:[{selector:"sd-desktop-cell",template:'<ng-container *ngIf="cellDef[column.field]">\r\n  <ng-container *ngTemplateOutlet="cellDef[column.field].templateRef; context: { item: item.data, column: column }"> </ng-container>\r\n</ng-container>\r\n<sd-desktop-cell-view *ngIf="!cellDef[column.field]" [column]="column" [item]="item"></sd-desktop-cell-view>\r\n',changeDetection:n.ChangeDetectionStrategy.OnPush}]}],it.ctorParameters=function(){return[]},it.propDecorators={value:[{type:n.Input}],column:[{type:n.Input}],item:[{type:n.Input}],cellDef:[{type:n.Input}]};var rt,lt,ot,at=[{value:"EQUAL",symbol:"=",display:"Bằng"},{value:"NOT_EQUAL",symbol:"≠",display:"Không bằng"},{value:"GREATER_THAN",symbol:">",display:"Lớn hơn"},{value:"LESS_THAN",symbol:"<",display:"Nhỏ hơn"},{value:"GREATER_OR_EQUAL",symbol:"≥",display:"Lớn hơn, hoặc bằng"},{value:"LESS_OR_EQUAL",symbol:"≤",display:"Nhỏ hơn, hoặc bằng"},{value:"CONTAIN",symbol:"join_inner",display:"Chứa"},{value:"NOT_CONTAIN",symbol:"join",display:"Không chứa"},{value:"START_WITH",symbol:"line_start_circle",display:"Bắt đầu bởi"},{value:"END_WITH",symbol:"line_end_circle",display:"Kết thúc bởi"},{value:"IN",symbol:"checklist_rtl",display:"Nằm trong"},{value:"NOT_IN",symbol:"event_list",display:"Không nằm trong"}],st=function(){function e(e){var t=this;this.ref=e,this.inlineSymbol="filter_alt",rt.set(this,void 0),this.inlineOperatorChange=new n.EventEmitter,this.columnFilter={},this.operators=[],this.items=[],this.filterChange=new n.EventEmitter,lt.set(this,new c.Subject),ot.set(this,new c.Subscription),this.onFilterChange=function(){t.filterChange.emit()},this.onChangeOperator=function(e){e?(q(t,rt,e.value),t.inlineSymbol=e.symbol):(q(t,rt,null),t.inlineSymbol="filter_alt"),t.inlineOperatorChange.emit(V(t,rt)),t.ref.markForCheck()}}return e.prototype._value=function(e){this.value=e,V(this,lt).next()},Object.defineProperty(e.prototype,"_inlineOperator",{set:function(e){var t,n;V(this,rt)!==e&&(q(this,rt,e),this.inlineSymbol=null!==(n=null===(t=at.find((function(t){return t.value===e})))||void 0===t?void 0:t.symbol)&&void 0!==n?n:"filter_alt")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_columnFilter",{set:function(e){this.columnFilter=e||{},V(this,lt).next()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_column",{set:function(e){var t,n,i,r;this.column=e,!(null===(t=null==e?void 0:e.filter)||void 0===t?void 0:t.disabled)&&(null===(i=null===(n=null==e?void 0:e.filter)||void 0===n?void 0:n.operator)||void 0===i?void 0:i.enable)?this.operators=at.filter((function(t){var n,i;return null===(i=null===(n=e.filter.operator.list)||void 0===n?void 0:n.includes)||void 0===i?void 0:i.call(n,t.value)})):this.operators=[],"values"===this.column.type?Array.isArray(this.column.option.items)?this.items=this.column.option.items:this.items=(null===(r=this.cacheValues)||void 0===r?void 0:r[e.field])||[]:"lazy-values"===this.column.type&&(this.items=this.column.option.items)},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;V(this,ot).add(V(this,lt).pipe(u.startWith(this.columnFilter)).subscribe((function(){var t,n;"date"!==e.column.type&&"time"!==e.column.type&&"datetime"!==e.column.type||(null===(n=null===(t=e.column)||void 0===t?void 0:t.filter)||void 0===n?void 0:n.useFilterDate)||(e.columnFilter[e.column.field]=e.columnFilter[e.column.field]||{from:null,to:null})})))},e.prototype.ngOnDestroy=function(){V(this,ot).unsubscribe()},e}();rt=new WeakMap,lt=new WeakMap,ot=new WeakMap,st.decorators=[{type:n.Component,args:[{selector:"sd-column-inline-filter",template:'<div class="d-flex c-inline-column align-items-end">\r\n  <ng-container *ngIf="\r\n      column.type === \'string\' ||\r\n        column.type === \'number\' ||\r\n        column.type === \'bool\' ||\r\n        column.type === \'values\' ||\r\n        column.type === \'lazy-values\' ||\r\n        column.type === \'date\' ||\r\n        column.type === \'datetime\' ||\r\n        column.type === \'time\';\r\n      else noFilter\r\n    ">\r\n    <div class="d-flex align-items-center" *ngIf="operators.length">\r\n      \x3c!-- Only number column icon broken. add mb when not default symbol --\x3e\r\n      <sd-button class="{{ (column.type === \'number\' && inlineSymbol !== \'filter_alt\') ? \'mb-4 mr-2 \' :\'mr-2 \'}}"\r\n        fontSet="material-symbols-outlined" [icon]="inlineSymbol" size="sm" [matMenuTriggerFor]="menu" type="link">\r\n      </sd-button>\r\n      <mat-menu #menu="matMenu">\r\n        <button *ngFor="let operator of operators" (click)="onChangeOperator(operator)" mat-menu-item type="button">\r\n          <mat-icon fontSet="material-symbols-outlined" class="{{column.type === \'number\' ? \'mb-8 \':\'\'}}">{{\r\n            operator.symbol }}</mat-icon>\r\n          <span> {{ operator.display }}</span>\r\n        </button>\r\n      </mat-menu>\r\n    </div>\r\n    <sd-input *ngIf="column.type === \'string\'" style="flex: 1" size="sm" type="text"\r\n      [(model)]="columnFilter[column.field]" (keyupEnter)="onFilterChange()" [disabled]="column.filter?.disabled">\r\n    </sd-input>\r\n    <sd-input-number *ngIf="column.type === \'number\'" style="flex: 1" size="sm" [(model)]="columnFilter[column.field]"\r\n      (keyupEnter)="onFilterChange()" [disabled]="column.filter?.disabled">\r\n    </sd-input-number>\r\n    <sd-select *ngIf="column.type === \'bool\'" style="flex: 1" size="sm" [items]="[\r\n        { value: \'1\', display: column.option?.displayOnTrue || \'True\' },\r\n        { value: \'0\', display: column.option?.displayOnFalse || \'False\' }\r\n      ]" valueField="value" displayField="display" [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()"\r\n      [disabled]="column.filter?.disabled">\r\n      <ng-template sdSelectDisplayDef let-item="item">\r\n        <sd-badge *ngIf="item.value === \'1\'" color="success" [title]="column.option?.displayOnTrue || \'True\'">\r\n        </sd-badge>\r\n        <sd-badge *ngIf="item.value === \'0\'" color="danger" [title]="column.option?.displayOnFalse || \'False\'">\r\n        </sd-badge>\r\n      </ng-template>\r\n    </sd-select>\r\n    <ng-container *ngIf="column.type === \'values\'">\r\n      <sd-select *ngIf="column?.option?.selection !== \'AUTOCOMPLETE\'" style="flex: 1" size="sm" [items]="items"\r\n        [valueField]="column.option.valueField" [displayField]="column.option.displayField"\r\n        [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()" [disabled]="column.filter?.disabled"\r\n        [multiple]="column?.option?.selection === \'MULTIPLE\' || column?.option?.selection === \'MULTIPLEAUTOCOMPLETE\'"\r\n        [filtered]="column?.option?.selection === \'MULTIPLEAUTOCOMPLETE\'">\r\n      </sd-select>\r\n      <sd-autocomplete *ngIf="column?.option?.selection === \'AUTOCOMPLETE\'" style="flex: 1" size="sm" [items]="items"\r\n        [valueField]="column.option.valueField" [displayField]="column.option.displayField"\r\n        [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()" [disabled]="column.filter?.disabled">\r\n      </sd-autocomplete>\r\n    </ng-container>\r\n    <ng-container *ngIf="column.type === \'lazy-values\'">\r\n      <sd-select *ngIf="column.option?.selection === \'MULTIPLE\'" style="flex: 1" size="sm" [items]="items"\r\n        [valueField]="column.option.valueField" [displayField]="column.option.displayField"\r\n        [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()" [disabled]="column.filter?.disabled"\r\n        multiple filtered>\r\n      </sd-select>\r\n      <sd-autocomplete *ngIf="!column.option?.selection" style="flex: 1" size="sm" [items]="items"\r\n        [valueField]="column.option.valueField" [displayField]="column.option.displayField"\r\n        [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()" [disabled]="column.filter?.disabled">\r\n      </sd-autocomplete>\r\n    </ng-container>\r\n    <ng-container *ngIf="column.type === \'date\' || column.type === \'datetime\' || column.type === \'time\'">\r\n      <sd-date-range *ngIf="!column.filter?.useFilterDate" style="flex: 1" size="sm"\r\n        [(from)]="columnFilter[column.field].from" [(to)]="columnFilter[column.field].to" (sdChange)="onFilterChange()"\r\n        [disabled]="column.filter?.disabled">\r\n      </sd-date-range>\r\n      <sd-date-time *ngIf="column.filter?.useFilterDate" style="flex: 1" type="date" size="sm"\r\n        [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()" [disabled]="column.filter?.disabled">\r\n      </sd-date-time>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #noFilter>\r\n    <sd-input type="text" size="sm" disabled> </sd-input>\r\n  </ng-template>\r\n</div>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host ::ng-deep .c-inline-column .mat-form-field-wrapper{background-color:#fff;border-radius:8px;margin:8px 0 0!important;padding:0!important}"]}]}],st.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},st.propDecorators={_value:[{type:n.Input,args:["value"]}],_inlineOperator:[{type:n.Input,args:["inlineOperator"]}],inlineOperatorChange:[{type:n.Output}],_columnFilter:[{type:n.Input,args:["columnFilter"]}],cacheValues:[{type:n.Input}],_column:[{type:n.Input,args:["column"]}],filterChange:[{type:n.Output}]};var ct=function(){this.transform=function(e,t){var n,i,r,l,o,a,s,c=t.actions,d=[];if(e.meta.selector.actions=e.meta.selector.actions||[],!(null==c?void 0:c.length))return e.meta.selector.selectable=!0,e.meta.selector.selectable;try{for(var u=N(c),f=u.next();!f.done;f=u.next()){var p=f.value;if("children"in p){var m=!1,g=!1;try{for(var h=(r=void 0,N(p.children)),v=h.next();!v.done;v=h.next()){var y=v.value,b=y.hidden,x=y.isGrouped,F=L.default(y);x&&(g=!0),"function"==typeof b?b(e.data)||(m=!0,e.meta.selector.actions.push(F),x&&d.push(F)):b||(m=!0,e.meta.selector.actions.push(F),x&&d.push(F))}}catch(e){r={error:e}}finally{try{v&&!v.done&&(l=h.return)&&l.call(h)}finally{if(r)throw r.error}}m&&(e.meta.selector.actions.push(L.default(p)),g&&d.push(L.default(p)))}else b=p.hidden,x=p.isGrouped,F=L.default(p),"function"==typeof b?b(e.data)||(e.meta.selector.actions.push(F),x&&d.push(F)):b||(e.meta.selector.actions.push(F),x&&d.push(F))}}catch(e){n={error:e}}finally{try{f&&!f.done&&(i=u.return)&&i.call(u)}finally{if(n)throw n.error}}return e.meta.selector.selectable=!!(null===(o=e.meta.selector.actions)||void 0===o?void 0:o.length),e.meta.selector.selectable&&d.length&&!(null===(s=null===(a=null==e?void 0:e.meta.group)||void 0===a?void 0:a.items)||void 0===s?void 0:s.length)?e.meta.selector.actions.some((function(e){return!d.includes(e)})):e.meta.selector.selectable}};ct.decorators=[{type:n.Pipe,args:[{name:"selectionVisible"}]}];var dt=function(){var e=this;this.clear=new n.EventEmitter,this.onClear=function(){e.clear.emit()},this.onClickAction=function(t){"click"in t&&(null==t||t.click(e.selectedTableItems.map((function(e){return e.data}))))}};dt.decorators=[{type:n.Component,args:[{selector:"sd-table-quick-action",template:'<sd-quick-action *ngIf="selectedTableItems | selectionActionFilter: tableOption?.selector?.actions as actions"\r\n  [isOpened]="actions?.length">\r\n  <div class="d-flex align-items-center" sdMessage>\r\n    <div class="c-bg-length">\r\n      <span class="c-length">{{ selectedTableItems.length }}</span>\r\n    </div>\r\n    <div class="c-message">{{ tableOption?.selector?.message || \'dữ liệu được chọn\' }}</div>\r\n  </div>\r\n  <div class="d-flex align-items-center mr-8" sdAction>\r\n    <ng-container *ngFor="let action of actions">\r\n      <sd-button *ngIf="action.click" class="ml-5" [tooltip]="action.tooltip" [icon]="action.icon"\r\n        [color]="action.color || \'secondary\'" [type]="action.type || \'light\'" [fontSet]="action.fontSet"\r\n        [title]="action.title" size="sm" (action)="onClickAction(action)"></sd-button>\r\n      <ng-container *ngIf="action.children?.length">\r\n        <sd-button class="ml-5" [tooltip]="action.tooltip" [icon]="action.icon || \'more_vert\'"\r\n          [color]="action.color || \'secondary\'" [type]="action.type || \'light\'" [fontSet]="action.fontSet"\r\n          [title]="action.title" size="sm" [matMenuTriggerFor]="menu">\r\n        </sd-button>\r\n        <mat-menu #menu="matMenu">\r\n          <span>\r\n            <button *ngFor="let childAction of action.children" mat-menu-item (click)="onClickAction(childAction)"\r\n              [disabled]="childAction.disabled">\r\n              <mat-icon *ngIf="childAction.icon" [fontSet]="childAction.fontSet" class="c-icon">{{ childAction.icon }}\r\n              </mat-icon>\r\n              <span> {{ childAction.title }}</span>\r\n            </button>\r\n          </span>\r\n        </mat-menu>\r\n      </ng-container>\r\n    </ng-container>\r\n    <sd-button class="ml-5" icon="close" color="secondary" type="outline" size="sm"\r\n      (action)="onClear()" width="35px"></sd-button>\r\n  </div>\r\n</sd-quick-action>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".c-bg-length{align-items:flex-start;background:#2962ff;border-radius:4px 0 0 4px;display:flex;flex-direction:column;height:48px;left:0;min-width:48px;padding:12px 8px;position:static;top:0;width:auto}.c-bg-length .c-length{color:#fff;font-size:16px;font-weight:500;height:24px;left:8px;line-height:24px;min-width:32px;text-align:center;top:12px;width:auto}.c-bg-length .c-length,.c-message{font-family:Roboto;font-style:normal;position:static}.c-message{color:#000;font-size:14px;font-weight:400;height:20px;left:0;line-height:20px;margin:0 0 0 16px;min-width:200px;top:6px}"]}]}],dt.ctorParameters=function(){return[]},dt.propDecorators={tableOption:[{type:n.Input}],selectedTableItems:[{type:n.Input}],clear:[{type:n.Output}]};var ut=function(){function e(){}return e.prototype.transform=function(e,t){var n,i,r,l,o,a,s,c,d,u,f=t.group;if(!f)return e;var p=f.fields,m=f.htmlTemplate;if(!(null==p?void 0:p.length))return e;var g={};try{for(var h=N(e),v=h.next();!v.done;v=h.next()){var y=v.value,b={};try{for(var x=(r=void 0,N(p)),F=x.next();!F.done;F=x.next()){var w=F.value;b=Object.assign(Object.assign({},b),null!==(u=y[w])&&void 0!==u?u:((o={})[w]=y[w],o))}}catch(e){r={error:e}}finally{try{F&&!F.done&&(l=x.return)&&l.call(x)}finally{if(r)throw r.error}}g[k=L.default(b)]||(g[k]=[]),g[k].push(y)}}catch(e){n={error:e}}finally{try{v&&!v.done&&(i=h.return)&&i.call(h)}finally{if(n)throw n.error}}var C=[];try{for(var D=N(Object.keys(g)),O=D.next();!O.done;O=D.next()){var k=O.value,S=pe({});S.meta.group.items=g[k],S.meta.group.htmlTemplate=m(g[k]),C.push(S);try{for(var I=(c=void 0,N(g[k])),T=I.next();!T.done;T=I.next()){y=T.value;C.push(y)}}catch(e){c={error:e}}finally{try{T&&!T.done&&(d=I.return)&&d.call(I)}finally{if(c)throw c.error}}}}catch(e){a={error:e}}finally{try{O&&!O.done&&(s=D.return)&&s.call(D)}finally{if(a)throw a.error}}return C},e}();ut.decorators=[{type:n.Pipe,args:[{name:"sdGroup"}]}];var ft=function(e){function t(){var t=e.apply(this,_(arguments))||this;return t.firstPageLabel="Trang đầu",t.lastPageLabel="Trang cuối",t.itemsPerPageLabel="Kích thước trang",t.nextPageLabel="Trang sau",t.previousPageLabel="Trang trước",t.getRangeLabel=function(e,t,n){if(0===n||0===t)return"";var i=e*t+1;return i+"-"+(i+(n-e*t>t?t:n-e*t)-1)+" trên "+n},t}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}j(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t}(l.MatPaginatorIntl);ft.decorators=[{type:n.Injectable}];var pt=function(){};pt.decorators=[{type:n.NgModule,args:[{imports:[i.CommonModule,o.MatSortModule,l.MatPaginatorModule,x.MatTableModule,C.MatMenuModule,r.MatIconModule,D.MatButtonModule,k.MatTooltipModule,F.MatProgressSpinnerModule,S.MatSlideToggleModule,T.MatCheckboxModule,E.MatListModule,w.CdkTableModule,y.DragDropModule,I.SdFormModule,O.SdServiceModule,t.SdCommonModule,M.SdGroupModule],declarations:[dt,it,Qe,Xe,st,qe,ie,J,X,Y,Ve,$,K,Ue,Be,Ge,Je,Ze,$e,Ke,et,ct,tt,nt,ut],exports:[qe,ie,J,X,Y],providers:[i.DatePipe,i.DecimalPipe,w.CdkColumnDef,me,re,{provide:l.MatPaginatorIntl,useClass:ft}]}]}];var mt=function(){};e.DEFAULT_TABLE_CONFIG=B,e.MatPaginatorIntlCro=ft,e.SdFilterOperators=at,e.SdTable=qe,e.SdTableModule=pt,e.SdTableQuickFilter=mt,e.TABLE_CONFIG=G,e.ɵa=dt,e.ɵb=it,e.ɵba=nt,e.ɵbb=ut,e.ɵc=Qe,e.ɵd=Xe,e.ɵe=st,e.ɵf=Ve,e.ɵg=re,e.ɵi=G,e.ɵj=$,e.ɵk=K,e.ɵl=Y,e.ɵm=J,e.ɵn=ie,e.ɵo=X,e.ɵp=me,e.ɵq=Ue,e.ɵr=Be,e.ɵs=Ge,e.ɵt=Je,e.ɵu=Ze,e.ɵv=$e,e.ɵw=Ke,e.ɵx=et,e.ɵy=ct,e.ɵz=tt,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@sd-angular/core/common"),require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("@angular/material/paginator"),require("@angular/material/sort"),require("@angular/animations"),require("uuid"),require("rxjs"),require("@sd-angular/core/notify"),require("rxjs/operators"),require("@sd-angular/core/modal"),require("ngx-device-detector"),require("@sd-angular/core/export"),require("@sd-angular/core/setting"),require("@sd-angular/core/quick-action"),require("object-hash"),require("@angular/cdk/drag-drop"),require("@sd-angular/core/loading"),require("@angular/material/table"),require("@angular/material/progress-spinner"),require("@angular/cdk/table"),require("@angular/material/menu"),require("@angular/material/button"),require("@sd-angular/core/service"),require("@angular/material/tooltip"),require("@angular/material/slide-toggle"),require("@sd-angular/core/form"),require("@angular/material/checkbox"),require("@angular/material/list"),require("@sd-angular/core/group")):"function"==typeof define&&define.amd?define("@sd-angular/core/table",["exports","@sd-angular/core/common","@angular/core","@angular/common","@angular/material/icon","@angular/material/paginator","@angular/material/sort","@angular/animations","uuid","rxjs","@sd-angular/core/notify","rxjs/operators","@sd-angular/core/modal","ngx-device-detector","@sd-angular/core/export","@sd-angular/core/setting","@sd-angular/core/quick-action","object-hash","@angular/cdk/drag-drop","@sd-angular/core/loading","@angular/material/table","@angular/material/progress-spinner","@angular/cdk/table","@angular/material/menu","@angular/material/button","@sd-angular/core/service","@angular/material/tooltip","@angular/material/slide-toggle","@sd-angular/core/form","@angular/material/checkbox","@angular/material/list","@sd-angular/core/group"],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.table={}),e["sd-angular"].core.common,e.ng.core,e.ng.common,e.ng.material.icon,e.ng.material.paginator,e.ng.material.sort,e.ng.animations,e.uuid,e.rxjs,e["sd-angular"].core.notify,e.rxjs.operators,e["sd-angular"].core.modal,e["ngx-device-detector"],e["sd-angular"].core.export,e["sd-angular"].core.setting,e["sd-angular"].core["quick-action"],e["object-hash"],e.ng.cdk.dragDrop,e["sd-angular"].core.loading,e.ng.material.table,e.ng.material.progressSpinner,e.ng.cdk.table,e.ng.material.menu,e.ng.material.button,e["sd-angular"].core.service,e.ng.material.tooltip,e.ng.material.slideToggle,e["sd-angular"].core.form,e.ng.material.checkbox,e.ng.material.list,e["sd-angular"].core.group)}(this,(function(e,t,n,r,i,l,o,a,s,c,d,u,f,p,m,g,h,v,y,b,x,F,w,C,D,O,k,S,I,T,E,M){"use strict";function P(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function R(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var A=R(v),L=P(v),j=function(e,t){return(j=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function z(e,t,n,r){return new(n||(n=Promise))((function(i,l){function o(e){try{s(r.next(e))}catch(e){l(e)}}function a(e){try{s(r.throw(e))}catch(e){l(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,a)}s((r=r.apply(e,t||[])).next())}))}function H(e,t){var n,r,i,l,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return l={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function a(l){return function(a){return function(l){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,r&&(i=2&l[0]?r.return:l[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,l[1])).done)return i;switch(r=0,i&&(l=[2&l[0],i.value]),l[0]){case 0:case 1:i=l;break;case 4:return o.label++,{value:l[1],done:!1};case 5:o.label++,r=l[1],l=[0];continue;case 7:l=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==l[0]&&2!==l[0])){o=0;continue}if(3===l[0]&&(!i||l[1]>i[0]&&l[1]<i[3])){o.label=l[1];break}if(6===l[0]&&o.label<i[1]){o.label=i[1],i=l;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(l);break}i[2]&&o.ops.pop(),o.trys.pop();continue}l=t.call(e,o)}catch(e){l=[6,e],r=0}finally{n=i=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,a])}}}Object.create;function N(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function W(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,l=n.call(e),o=[];try{for(;(void 0===t||t-- >0)&&!(r=l.next()).done;)o.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=l.return)&&n.call(l)}finally{if(i)throw i.error}}return o}function _(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(W(arguments[t]));return e}Object.create;function V(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 q(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 U,B={paginate:{pageSize:20,pages:[20,50,100,200]}},G=new n.InjectionToken("sd-table.configuration"),J=function(e){this.templateRef=e};J.decorators=[{type:n.Directive,args:[{selector:"[sdTableCellDef]"}]}],J.ctorParameters=function(){return[{type:n.TemplateRef}]},J.propDecorators={sdTableCellDef:[{type:n.Input}]};var Q,K=function(){function e(e){var t=this;this.cdRef=e,U.set(this,void 0),this.externalFilters=[],this.externalFilter={},this.inlineExternal={},this.columns=[],this.columnFilter={},this.inlineColumn={},this.filterDefs=[],this.filterDef={},this.inlineFilterDef={},this.open=function(){var e=V(t,U).configuration.get();t.inlineColumn=JSON.parse(JSON.stringify(e.inlineColumn)),t.inlineExternal=JSON.parse(JSON.stringify(e.inlineExternal)),t.inlineFilterDef=JSON.parse(JSON.stringify(e.inlineFilterDef));var n=V(t,U).value.get();t.columnFilter=JSON.parse(JSON.stringify(n.columnFilter)),t.externalFilter=JSON.parse(JSON.stringify(n.externalFilter)),t.filterDef=JSON.parse(JSON.stringify(n.filterDef)),t.modal.open(),t.cdRef.markForCheck()},this.close=function(){t.modal.close(),t.cdRef.markForCheck()},this.onApply=function(){V(t,U).configuration.set({inlineColumn:t.inlineColumn,inlineExternal:t.inlineExternal,inlineFilterDef:t.inlineFilterDef}),V(t,U).value.set({columnFilter:t.columnFilter,externalFilter:t.externalFilter,filterDef:t.filterDef}),t.modal.close(),t.cdRef.markForCheck()}}return Object.defineProperty(e.prototype,"filterRegister",{set:function(e){q(this,U,e)},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){},e.prototype.ngOnDestroy=function(){},e.prototype.onClear=function(){V(this,U).value.remove(),this.modal.close(),this.cdRef.markForCheck()},e}();U=new WeakMap,K.decorators=[{type:n.Component,args:[{selector:"sd-popup-filter",template:'<sd-modal width="500px" [title]="\'Filter\' | sdTranslate">\r\n  <sd-modal-body class="c-popup-filter">\r\n    <ng-container *ngFor="let column of columns | sdFilterColumn">\r\n      <div class="d-flex align-items-baseline">\r\n        <ng-container>\r\n          <div *sdDesktop class="c-checkable">\r\n            <mat-slide-toggle [(ngModel)]="inlineColumn[column.field]" color="primary"></mat-slide-toggle>\r\n          </div>\r\n        </ng-container>\r\n        <div class="c-filterable">\r\n          <sd-input\r\n            *ngIf="column.type === \'string\'"\r\n            [label]="column.title"\r\n            type="text"\r\n            [(model)]="columnFilter[column.field]"\r\n            appearance="outline">\r\n          </sd-input>\r\n          <sd-input\r\n            *ngIf="column.type === \'number\'"\r\n            [label]="column.title"\r\n            type=" number"\r\n            [(model)]="columnFilter[column.field]"\r\n            appearance="outline">\r\n          </sd-input>\r\n          <sd-select\r\n            *ngIf="column.type === \'bool\'"\r\n            [label]="column.title"\r\n            [items]="[\r\n              { value: \'1\', display: column.trueValue || \'True\' },\r\n              { value: \'0\', display: column.falseValue || \'False\' }\r\n            ]"\r\n            valueField="value"\r\n            displayField="display"\r\n            [(model)]="columnFilter[column.field]"\r\n            appearance="outline">\r\n          </sd-select>\r\n          <sd-autocomplete\r\n            *ngIf="column.type === \'values\' || column.type === \'lazy-values\'"\r\n            [label]="column.title"\r\n            [items]="column.option.items"\r\n            [valueField]="column.option.valueField"\r\n            [displayField]="column.option.displayField"\r\n            [(model)]="columnFilter[column.field]"\r\n            appearance="outline">\r\n          </sd-autocomplete>\r\n          <sd-date-time\r\n            *ngIf="column.type === \'date\' || column.type === \'datetime\' || column.type === \'time\'"\r\n            [label]="column.title"\r\n            [(model)]="columnFilter[column.field]"\r\n            type="date"\r\n            appearance="outline">\r\n          </sd-date-time>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngFor="let item of externalFilters | sdFilterExternal">\r\n      <div class="d-flex align-items-baseline">\r\n        <ng-container>\r\n          <div *sdDesktop class="c-checkable">\r\n            <mat-slide-toggle [(ngModel)]="inlineExternal[item.field]" color="primary"></mat-slide-toggle>\r\n          </div>\r\n        </ng-container>\r\n        <div class="c-filterable">\r\n          <sd-input\r\n            [label]="item.title"\r\n            *ngIf="item.type === \'string\'"\r\n            type="text"\r\n            [(model)]="externalFilter[item.field]"\r\n            appearance="outline">\r\n          </sd-input>\r\n          <sd-input-number [label]="item.title" *ngIf="item.type === \'number\'" [(model)]="externalFilter[item.field]" appearance="outline">\r\n          </sd-input-number>\r\n          <sd-select\r\n            [label]="item.title"\r\n            *ngIf="item.type === \'bool\'"\r\n            [items]="[\r\n              { value: \'1\', display: item.option?.displayOnTrue || \'True\' },\r\n              { value: \'0\', display: item.option?.displayOnFalse || \'False\' }\r\n            ]"\r\n            valueField="value"\r\n            displayField="display"\r\n            [(model)]="externalFilter[item.field]"\r\n            appearance="outline">\r\n          </sd-select>\r\n          <ng-container *ngIf="item.type === \'values\'">\r\n            <sd-select\r\n              *ngIf="item.option?.selection === \'MULTIPLE\'"\r\n              [label]="item.title"\r\n              [items]="item.option.items"\r\n              [valueField]="item.option.valueField"\r\n              [displayField]="item.option.displayField"\r\n              [(model)]="externalFilter[item.field]"\r\n              appearance="outline"\r\n              multiple>\r\n            </sd-select>\r\n            <sd-autocomplete\r\n              *ngIf="item.option?.selection === \'AUTOCOMPLETE\'"\r\n              [label]="item.title"\r\n              [items]="item.option.items"\r\n              [valueField]="item.option.valueField"\r\n              [displayField]="item.option.displayField"\r\n              appearance="outline"\r\n              [(model)]="externalFilter[item.field]">\r\n            </sd-autocomplete>\r\n            <sd-select\r\n              *ngIf="item.option?.selection === \'MULTIPLEAUTOCOMPLETE\'"\r\n              [label]="item.title"\r\n              [items]="item.option.items"\r\n              [valueField]="item.option.valueField"\r\n              [displayField]="item.option.displayField"\r\n              appearance="outline"\r\n              [(model)]="externalFilter[item.field]"\r\n              filtered="true"\r\n              multiple>\r\n            </sd-select>\r\n            <sd-select\r\n              *ngIf="!item.option?.selection"\r\n              [label]="item.title"\r\n              [items]="item.values"\r\n              [items]="item.option.items"\r\n              [valueField]="item.option.valueField"\r\n              [displayField]="item.option.displayField"\r\n              appearance="outline"\r\n              [(model)]="externalFilter[item.field]">\r\n            </sd-select>\r\n          </ng-container>\r\n          <sd-date-time\r\n            [label]="item.title"\r\n            *ngIf="item.type === \'date\' || item.type === \'datetime\'"\r\n            [(model)]="externalFilter[item.field]"\r\n            [type]="item.type"\r\n            appearance="outline">\r\n          </sd-date-time>\r\n          <sd-date-range\r\n            [label]="item.title"\r\n            *ngIf="item.type === \'daterange\' && externalFilter[item.field]"\r\n            [(from)]="externalFilter[item.field].from"\r\n            [(to)]="externalFilter[item.field].to"\r\n            [min]="item.minDate"\r\n            [max]="item.maxDate"\r\n            appearance="outline">\r\n          </sd-date-range>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngFor="let filter of filterDefs">\r\n      <div class="d-flex align-items-baseline">\r\n        <ng-container>\r\n          <div *sdDesktop class="c-checkable">\r\n            <mat-slide-toggle [(ngModel)]="inlineFilterDef[filter.sdTableFilterDef]" color="primary"> </mat-slide-toggle>\r\n          </div>\r\n        </ng-container>\r\n        <div class="c-filterable">\r\n          <ng-container *ngTemplateOutlet="filter.templateRef; context: { filterDef: filterDef }"> </ng-container>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </sd-modal-body>\r\n  <sd-modal-footer *sdDesktop>\r\n    <sd-button class="mr-auto" (action)="onClear()" title="Mặc định" size="sm" type="link"> </sd-button>\r\n    <sd-button (action)="onApply()" title="Đồng ý" color="primary" size="sm" type="fill"></sd-button>\r\n  </sd-modal-footer>\r\n  <sd-modal-footer *sdMobileTablet>\r\n    <sd-button style="flex: 1; padding-right: 5px" (action)="onClear()" title="Mặc định" width="100%" size="sm" type="link"></sd-button>\r\n    <sd-button\r\n      style="flex: 1; padding-left: 5px"\r\n      (action)="onApply()"\r\n      title="Đồng ý"\r\n      color="primary"\r\n      width="100%"\r\n      size="sm"\r\n      type="fill"></sd-button>\r\n  </sd-modal-footer>\r\n</sd-modal>\r\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".c-checkable{width:50px}.c-filterable{flex:1}::ng-deep sd-modal-body.c-popup-filter .mat-form-field-wrapper{padding-bottom:0}"]}]}],K.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},K.propDecorators={modal:[{type:n.ViewChild,args:[f.SdModal]}],filterRegister:[{type:n.Input}],externalFilters:[{type:n.Input}],columns:[{type:n.Input}],filterDefs:[{type:n.Input}]};var $=function(){function e(e,t){var n=this;this.ref=e,this.deviceService=t,this.columns=[],this.externalFilters=[],this.filterDefs=[],this.filterRegisterChange=new c.BehaviorSubject(null),this.filterDef={},this.inlineFilterDef={},this.columnFilter={},this.inlineColumn={},this.externalFilter={},this.inlineExternal={},Q.set(this,new c.Subscription),this.onFilter=function(e){n.filterRegister.value.set({columnFilter:n.columnFilter,externalFilter:n.externalFilter,filterDef:n.filterDef})},this.updateFilter=function(){n.filterRegister.value.set({columnFilter:n.columnFilter,externalFilter:n.externalFilter,filterDef:n.filterDef,notReload:!0})},this.open=function(){n.popupFilter.open()},this.isMobileOrTablet=!this.deviceService.isDesktop(),this.ref.markForCheck()}return Object.defineProperty(e.prototype,"_filter",{set:function(e){this.filter=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_externalFilters",{set:function(e){this.externalFilters=e||[]},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_filterRegister",{set:function(e){this.filterRegister=e,this.filterRegisterChange.next(this.filterRegister)},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;V(this,Q).add(this.filterRegisterChange.pipe(u.startWith(this.filterRegister)).subscribe((function(t){e.filterRegister&&(V(e,Q).add(e.filterRegister.configuration.observer.subscribe((function(t){var n=t.inlineColumn,r=t.inlineExternal,i=t.inlineFilterDef;e.inlineColumn=n,e.inlineExternal=r,e.inlineFilterDef=i,e.ref.markForCheck()}))),V(e,Q).add(e.filterRegister.value.observer.subscribe((function(t){var n=t.columnFilter,r=t.externalFilter,i=t.filterDef;e.columnFilter=n,e.externalFilter=r,e.filterDef=i,e.ref.markForCheck()}))))})))},e.prototype.ngOnDestroy=function(){V(this,Q).unsubscribe()},e}();Q=new WeakMap,$.decorators=[{type:n.Component,args:[{selector:"sd-table-filter",template:'<ng-container *ngIf="!filter?.disabled">\r\n  <ng-container *ngIf="filter?.enableCollapse; else noCollapse">\r\n    <sd-group class="p-12" [isExpanded]="false" title="Tìm kiếm" expandable>\r\n      <div sdGroupBody>\r\n        <ng-container *ngTemplateOutlet="noCollapse"></ng-container>\r\n      </div>\r\n    </sd-group>\r\n  </ng-container>\r\n  <ng-template #noCollapse>\r\n    <div *ngIf="!isMobileOrTablet && (externalFilters?.length || filterDefs?.length)" class="row mx-0 mb-8">\r\n      <ng-container *ngIf="filter?.sorts?.length">\r\n        <ng-container *ngFor="let field of filter?.sorts">\r\n          <ng-container *ngIf="externalFilters?.length">\r\n            <ng-container *ngFor="let item of externalFilters | sdFilterExternal : field">\r\n              <ng-container *ngTemplateOutlet="filterExternal; context: { item: item }"></ng-container>\r\n            </ng-container>\r\n          </ng-container>\r\n          <ng-container *ngFor="let item of filterDefs">\r\n            <div *ngIf="inlineFilterDef[item.sdTableFilterDef] && item.sdTableFilterDef === field" class="col-lg-2 col-md-3 col-sm-6 px-8">\r\n              <ng-container *ngTemplateOutlet="item.templateRef; context: { filterDef: filterDef, isInline: true }"> </ng-container>\r\n            </div>\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-container *ngIf="!filter?.sorts?.length">\r\n        <ng-container *ngIf="externalFilters?.length">\r\n          <ng-container *ngFor="let item of externalFilters | sdFilterExternal">\r\n            <ng-container *ngTemplateOutlet="filterExternal; context: { item: item }"></ng-container>\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngFor="let item of filterDefs">\r\n          <div *ngIf="inlineFilterDef[item.sdTableFilterDef]" class="col-lg-2 col-md-3 col-sm-6 px-8">\r\n            <ng-container *ngTemplateOutlet="item.templateRef; context: { filterDef: filterDef, isInline: true }"> </ng-container>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-template #filterExternal let-item="item">\r\n      <div *ngIf="inlineExternal[item.field]" class="col-lg-2 col-md-3 col-sm-6 px-8">\r\n        <sd-input\r\n          [label]="item.title"\r\n          *ngIf="item.type === \'string\'"\r\n          type="text"\r\n          [(model)]="externalFilter[item.field]"\r\n          (keyupEnter)="onFilter(item)"\r\n          appearance="outline">\r\n        </sd-input>\r\n        <sd-input-number\r\n          [label]="item.title"\r\n          *ngIf="item.type === \'number\'"\r\n          [(model)]="externalFilter[item.field]"\r\n          (keyupEnter)="onFilter(item)"\r\n          appearance="outline">\r\n        </sd-input-number>\r\n        <sd-select\r\n          [label]="item.title"\r\n          *ngIf="item.type === \'bool\'"\r\n          [items]="[\r\n            { value: \'1\', display: item.option?.displayOnTrue || \'True\' },\r\n            { value: \'0\', display: item.option?.displayOnFalse || \'False\' }\r\n          ]"\r\n          valueField="value"\r\n          displayField="display"\r\n          [(model)]="externalFilter[item.field]"\r\n          (sdChange)="onFilter(item)"\r\n          appearance="outline">\r\n        </sd-select>\r\n        <ng-container *ngIf="item.type === \'values\' && item.option">\r\n          <sd-select\r\n            *ngIf="item.option?.selection === \'MULTIPLE\'"\r\n            [label]="item.title"\r\n            [items]="item.option.items"\r\n            [valueField]="item.option.valueField"\r\n            [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]"\r\n            (sdChange)="onFilter(item)"\r\n            [selectAll]="item.option.selectAll"\r\n            appearance="outline"\r\n            multiple>\r\n          </sd-select>\r\n          <sd-autocomplete\r\n            *ngIf="item.option?.selection === \'AUTOCOMPLETE\'"\r\n            [label]="item.title"\r\n            [items]="item.option.items"\r\n            [valueField]="item.option.valueField"\r\n            [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]"\r\n            (sdChange)="onFilter(item)"\r\n            appearance="outline">\r\n          </sd-autocomplete>\r\n          <sd-select\r\n            *ngIf="item.option?.selection === \'MULTIPLEAUTOCOMPLETE\'"\r\n            [label]="item.title"\r\n            [items]="item.option.items"\r\n            [valueField]="item.option.valueField"\r\n            [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]"\r\n            (sdChange)="onFilter(item)"\r\n            filtered\r\n            appearance="outline"\r\n            multiple>\r\n          </sd-select>\r\n          <sd-select\r\n            *ngIf="!item.option?.selection"\r\n            [label]="item.title"\r\n            [items]="item.option.items"\r\n            [valueField]="item.option.valueField"\r\n            [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]"\r\n            (sdChange)="onFilter(item)"\r\n            appearance="outline">\r\n          </sd-select>\r\n        </ng-container>\r\n        <ng-container *ngIf="item.type === \'lazy-values\' && item.option">\r\n          <sd-select\r\n            *ngIf="item.option?.selection === \'MULTIPLE\'"\r\n            [label]="item.title"\r\n            [items]="item.option.items"\r\n            [valueField]="item.option.valueField"\r\n            [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]"\r\n            (sdChange)="onFilter(item)"\r\n            appearance="outline"\r\n            multiple\r\n            filtered>\r\n          </sd-select>\r\n          <sd-autocomplete\r\n            *ngIf="!item.option?.selection"\r\n            [label]="item.title"\r\n            [items]="item.option.items"\r\n            [valueField]="item.option.valueField"\r\n            [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]"\r\n            (sdChange)="onFilter(item)"\r\n            appearance="outline">\r\n          </sd-autocomplete>\r\n        </ng-container>\r\n        <sd-date-time\r\n          [label]="item.title"\r\n          *ngIf="item.type === \'date\' || item.type === \'datetime\'"\r\n          [(model)]="externalFilter[item.field]"\r\n          [type]="item.type"\r\n          (sdChange)="onFilter(item)"\r\n          appearance="outline">\r\n        </sd-date-time>\r\n        <sd-date-range\r\n          [label]="item.title"\r\n          *ngIf="item.type === \'daterange\' && externalFilter[item.field]"\r\n          [(from)]="externalFilter[item.field].from"\r\n          [(to)]="externalFilter[item.field].to"\r\n          [min]="item.minDate"\r\n          [max]="item.maxDate"\r\n          (sdChange)="onFilter(item)"\r\n          appearance="outline">\r\n        </sd-date-range>\r\n        <ng-container *ngIf="item.type === \'custom\' && item.filterDef?.templateRef">\r\n          <ng-container *ngTemplateOutlet="item.templateRef; context: { externalFilter: externalFilter }"> </ng-container>\r\n        </ng-container>\r\n      </div>\r\n    </ng-template>\r\n    <sd-popup-filter [filterRegister]="filterRegister" [columns]="columns" [externalFilters]="externalFilters" [filterDefs]="filterDefs">\r\n    </sd-popup-filter>\r\n  </ng-template>\r\n</ng-container>\r\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;padding-left:0;padding-right:0}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0}"]}]}],$.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:p.DeviceDetectorService}]},$.propDecorators={popupFilter:[{type:n.ViewChild,args:[K]}],_filter:[{type:n.Input,args:["filter"]}],columns:[{type:n.Input}],_externalFilters:[{type:n.Input,args:["externalFilters"]}],filterDefs:[{type:n.Input}],_filterRegister:[{type:n.Input,args:["filterRegister"]}]};var X=function(){function e(e){this.templateRef=e}return Object.defineProperty(e.prototype,"showing",{set:function(e){this.defaultShowing=""===e||e},enumerable:!1,configurable:!0}),e}();X.decorators=[{type:n.Directive,args:[{selector:"[sdTableFilterDef]"}]}],X.ctorParameters=function(){return[{type:n.TemplateRef}]},X.propDecorators={sdTableFilterDef:[{type:n.Input}],showing:[{type:n.Input,args:["defaultShowing"]}]};var Y=function(e){this.templateRef=e};Y.decorators=[{type:n.Directive,args:[{selector:"[sdTableExpandDef]"}]}],Y.ctorParameters=function(){return[{type:n.TemplateRef}]};var Z,ee,te,ne,re=function(e){this.templateRef=e};re.decorators=[{type:n.Directive,args:[{selector:"[sdTableFooterDef]"}]}],re.ctorParameters=function(){return[{type:n.TemplateRef}]},re.propDecorators={sdTableFooterDef:[{type:n.Input}]};var ie=function(e,t){var n=this;this.settingService=e,this.gridMaterialConfiguration=t,Z.set(this,{SUBINFORMATION:"sdSubInformationAction",COMMAND:"sdCommand",SELECTION:"sdSelection",GROUP:"sdGroup"}),ee.set(this,"c9e94836-6ace-4aeb-b148-4f0be63589ee"),te.set(this,(function(e){return(null==e?void 0:e.key)?n.settingService.create({prefix:V(n,ee),key:e.key},{default:V(n,ne).call(n,e)}):null})),this.loadConfiguration=function(e){return(null==e?void 0:e.key)?V(n,te).call(n,e).get():V(n,ne).call(n,e)},this.loadConfigurationResult=function(e,t){var r,i,l={column:{},fixedColumn:{},firstColumns:[],secondColumns:[],firstHeaders:[],secondHeaders:[],displayedColumns:[],displayedFooters:[],multipleHeader:!1},o=e||{},a=o.selector,s=o.commands,c=o.group;return(null==a?void 0:a.visible)&&(l.firstHeaders.push(V(n,Z).SELECTION),l.displayedColumns.push(V(n,Z).SELECTION)),(null==s?void 0:s.length)&&(l.firstHeaders.push(V(n,Z).COMMAND),l.displayedColumns.push(V(n,Z).COMMAND)),(null===(r=null==c?void 0:c.fields)||void 0===r?void 0:r.length)&&(l.firstHeaders.push(V(n,Z).GROUP),l.displayedColumns.push(V(n,Z).GROUP)),null===(i=null==t?void 0:t.columns)||void 0===i||i.filter((function(e){return!e.invisible})).forEach((function(t){var n,r=null==e?void 0:e.columns.find((function(e){return e.field===t.origin.field}));r&&(l.column[t.origin.field]={title:t.title||t.origin.title,width:t.width||t.origin.width},t.fixed&&(l.fixedColumn[t.origin.field]={title:t.title||t.origin.title,width:t.width||t.origin.width}),l.firstColumns.push(Object.assign(Object.assign({},r),{title:t.title||t.origin.title,width:t.width||t.origin.width})),l.firstHeaders.push(t.origin.field),l.displayedColumns.push(t.origin.field),"children"===r.type&&(null===(n=r.children)||void 0===n||n.forEach((function(e){l.secondColumns.push(e),l.secondHeaders.push(e.field),l.displayedColumns.push(e.field)}))))})),e.expand&&(l.firstHeaders.push(V(n,Z).SUBINFORMATION),l.displayedColumns.push(V(n,Z).SUBINFORMATION)),l.multipleHeader=l.secondHeaders.length>0,l.displayedFooters=l.displayedColumns.filter((function(e){return e!==V(n,Z).SUBINFORMATION})),l},this.init=function(e){return V(n,te).call(n,e)},ne.set(this,(function(e){var t;return{columns:(null===(t=null==e?void 0:e.columns)||void 0===t?void 0:t.filter((function(e){return!e.hidden})).map((function(e){return{origin:{field:e.field,title:e.title,width:e.width,invisible:e.invisible},invisible:e.invisible,fixed:!1}})))||[]}}))};Z=new WeakMap,ee=new WeakMap,te=new WeakMap,ne=new WeakMap,ie.decorators=[{type:n.Injectable}],ie.ctorParameters=function(){return[{type:g.SdSettingService},{type:void 0,decorators:[{type:n.Inject,args:[G]},{type:n.Optional}]}]};var le,oe,ae,se,ce,de,ue,fe,pe=function(e){return{data:e,meta:{id:A(e),display:{},expand:{isExpanding:!1,isExpanded:!1},group:{},selector:{actions:[],isSelected:!1,selectable:!1}}}},me=function(e){var t=this;this.settingService=e,le.set(this,"GRID-FILTER-CONFIGURATION"),oe.set(this,"GRID-FILTER-VALUE"),ae.set(this,{}),this.register=function(e,n){var r=!1,i=n.id,l=n.columns,o=n.externalFilters,a=L.default({id:i,columns:(null==l?void 0:l.map((function(e){return e.field})).filter((function(e){return!!e})))||[],externalFilters:(null==o?void 0:o.map((function(e){return e.field})).filter((function(e){return!!e})))||[]}),s=(null==e?void 0:e.key)||a;if((null==e?void 0:e.key)||(r=!0),!V(t,ae)[s]){var c=t.settingService.create({prefix:V(t,le),key:s},{default:V(t,se).call(t,n),type:r?"session":void 0});c.set(V(t,de).call(t,n,c.get()));var d=t.settingService.create({prefix:V(t,oe),key:(null==e?void 0:e.cacheFilter)?s:a},{default:V(t,ce).call(t,n),type:r||!(null==e?void 0:e.cacheFilter)?"session":void 0});d.set(V(t,ue).call(t,n,d.get())),V(t,ae)[s]={configuration:{get:function(){return c.get()},set:function(e){var t=e.inlineColumn,n=e.inlineExternal,r=e.inlineFilterDef;return c.set({inlineColumn:t,inlineExternal:n,inlineFilterDef:r}),{inlineColumn:t,inlineExternal:n,inlineFilterDef:r}},remove:function(){c.set(V(t,se).call(t,n))},observer:c.observer.pipe(u.startWith(c.get()),u.map((function(e){return e||V(t,se).call(t,n)})))},value:{get:function(){return d.get()},set:function(e){var t=Object.keys(e||{}),n=d.get(),r=n.columnOperator,i=n.columnFilter,l=n.externalFilter,o=n.filterDef,a=(n.notReload,{columnOperator:t.includes("columnOperator")?(null==e?void 0:e.columnOperator)||{}:r,columnFilter:t.includes("columnFilter")?(null==e?void 0:e.columnFilter)||{}:i,externalFilter:t.includes("externalFilter")?(null==e?void 0:e.externalFilter)||{}:l,filterDef:t.includes("filterDef")?(null==e?void 0:e.filterDef)||{}:o,notReload:!!(null==e?void 0:e.notReload)});return d.set(a),a},remove:function(){d.set(V(t,ce).call(t,n))},observer:d.observer.pipe(u.startWith(d.get()),u.map((function(e){return e||V(t,ce).call(t,n)})))}}}return V(t,ae)[s]},se.set(this,(function(e){var t,n,r,i,l,o,a,s=e.columns,c=e.externalFilters,d=e.filterDefs,u={},f={},p={};try{for(var m=N(s||[]),g=m.next();!g.done;g=m.next())u[(x=g.value).field]=null===(a=null==x?void 0:x.filter)||void 0===a?void 0:a.defaultShowing}catch(e){t={error:e}}finally{try{g&&!g.done&&(n=m.return)&&n.call(m)}finally{if(t)throw t.error}}try{for(var h=N(c||[]),v=h.next();!v.done;v=h.next())f[(x=v.value).field]=null==x?void 0:x.defaultShowing}catch(e){r={error:e}}finally{try{v&&!v.done&&(i=h.return)&&i.call(h)}finally{if(r)throw r.error}}try{for(var y=N(d||[]),b=y.next();!b.done;b=y.next()){var x;p[(x=b.value).sdTableFilterDef]=null==x?void 0:x.defaultShowing}}catch(e){l={error:e}}finally{try{b&&!b.done&&(o=y.return)&&o.call(y)}finally{if(l)throw l.error}}return{inlineColumn:u,inlineExternal:f,inlineFilterDef:p}})),ce.set(this,(function(e){var t,n,r,i,l,o,a,s={},c={},d={},u=e.columns,f=e.externalFilters,p=e.filterDefs;try{for(var m=N(u||[]),g=m.next();!g.done;g=m.next())s[(x=g.value).field]=null===(a=null==x?void 0:x.filter)||void 0===a?void 0:a.default}catch(e){t={error:e}}finally{try{g&&!g.done&&(n=m.return)&&n.call(m)}finally{if(t)throw t.error}}try{for(var h=N(f||[]),v=h.next();!v.done;v=h.next())c[(x=v.value).field]=null==x?void 0:x.default}catch(e){r={error:e}}finally{try{v&&!v.done&&(i=h.return)&&i.call(h)}finally{if(r)throw r.error}}try{for(var y=N(p||[]),b=y.next();!b.done;b=y.next()){var x;d[(x=b.value).sdTableFilterDef]=void 0}}catch(e){l={error:e}}finally{try{b&&!b.done&&(o=y.return)&&o.call(y)}finally{if(l)throw l.error}}return{columnFilter:s,externalFilter:c,filterDef:d}})),de.set(this,(function(e,t){var n,r,i,l,o,a,s,c,d,u,f,p,m,g=e.columns,h=e.externalFilters,v=e.filterDefs,y={},b={},x={};try{for(var F=N(g||[]),w=F.next();!w.done;w=F.next())y[(S=w.value).field]=null!==(c=null===(s=null==t?void 0:t.inlineColumn)||void 0===s?void 0:s[S.field])&&void 0!==c?c:null===(d=null==S?void 0:S.filter)||void 0===d?void 0:d.defaultShowing}catch(e){n={error:e}}finally{try{w&&!w.done&&(r=F.return)&&r.call(F)}finally{if(n)throw n.error}}try{for(var C=N(h||[]),D=C.next();!D.done;D=C.next())b[(S=D.value).field]=null!==(f=null===(u=null==t?void 0:t.inlineExternal)||void 0===u?void 0:u[S.field])&&void 0!==f?f:null==S?void 0:S.defaultShowing}catch(e){i={error:e}}finally{try{D&&!D.done&&(l=C.return)&&l.call(C)}finally{if(i)throw i.error}}try{for(var O=N(v||[]),k=O.next();!k.done;k=O.next()){var S;x[(S=k.value).sdTableFilterDef]=null!==(m=null===(p=null==t?void 0:t.inlineFilterDef)||void 0===p?void 0:p[S.sdTableFilterDef])&&void 0!==m?m:null==S?void 0:S.defaultShowing}}catch(e){o={error:e}}finally{try{k&&!k.done&&(a=O.return)&&a.call(O)}finally{if(o)throw o.error}}return{inlineColumn:y,inlineExternal:b,inlineFilterDef:x}})),ue.set(this,(function(e,t){var n,r,i,l,o,a,s,c,d,u,f,p,m,g,h,v,y,b,x,F,w,C={},D={},O={},k=e.columns,S=e.externalFilters,I=e.filterDefs;try{for(var T=N(k||[]),E=T.next();!E.done;E=T.next())C[(L=E.value).field]=null!==(c=null===(s=null==t?void 0:t.columnFilter)||void 0===s?void 0:s[L.field])&&void 0!==c?c:null===(d=null==L?void 0:L.filter)||void 0===d?void 0:d.default}catch(e){n={error:e}}finally{try{E&&!E.done&&(r=T.return)&&r.call(T)}finally{if(n)throw n.error}}try{for(var M=N(S||[]),P=M.next();!P.done;P=M.next())"daterange"===(L=P.value).type?D[L.field]={from:null!==(p=null===(f=null===(u=null==t?void 0:t.externalFilter)||void 0===u?void 0:u[L.field])||void 0===f?void 0:f.from)&&void 0!==p?p:null===(m=L.default)||void 0===m?void 0:m.from,to:null!==(v=null===(h=null===(g=null==t?void 0:t.externalFilter)||void 0===g?void 0:g[L.field])||void 0===h?void 0:h.to)&&void 0!==v?v:null===(y=L.default)||void 0===y?void 0:y.to}:D[L.field]=null!==(x=null===(b=null==t?void 0:t.externalFilter)||void 0===b?void 0:b[L.field])&&void 0!==x?x:null==L?void 0:L.default}catch(e){i={error:e}}finally{try{P&&!P.done&&(l=M.return)&&l.call(M)}finally{if(i)throw i.error}}try{for(var R=N(I||[]),A=R.next();!A.done;A=R.next()){var L;O[(L=A.value).sdTableFilterDef]=null!==(w=null===(F=null==t?void 0:t.filterDef)||void 0===F?void 0:F[L.sdTableFilterDef])&&void 0!==w?w:void 0}}catch(e){o={error:e}}finally{try{A&&!A.done&&(a=R.return)&&a.call(R)}finally{if(o)throw o.error}}return{columnFilter:C,externalFilter:D,filterDef:O}}))};le=new WeakMap,oe=new WeakMap,ae=new WeakMap,se=new WeakMap,ce=new WeakMap,de=new WeakMap,ue=new WeakMap,me.decorators=[{type:n.Injectable}],me.ctorParameters=function(){return[{type:g.SdSettingService}]};var ge,he,ve,ye,be,xe,Fe,we,Ce,De,Oe,ke,Se,Ie,Te,Ee,Me,Pe,Re,Ae,Le,je,ze,He,Ne,We,_e,Ve=function(){function e(e,t,r){var i=this;this.ref=e,this.notifyService=t,this.tableConfigurationService=r,this.changes=new n.EventEmitter,fe.set(this,void 0),this.isCreatingColumn=!1,this.selected={},this.disabledDrag=!0,this.open=function(){return z(i,void 0,void 0,(function(){return H(this,(function(e){return q(this,fe,this.tableConfigurationService.init(this.tableOption)),this.configuration=V(this,fe).get(),this.modal.open(),[2]}))}))},this.onSave=function(){V(i,fe).set(i.configuration),i.modal.close(),i.ref.detectChanges()},this.onReset=function(){return z(i,void 0,void 0,(function(){var e=this;return H(this,(function(t){return this.notifyService.confirm("Xác nhận đưa tất cả thiết lập về mặc định").then((function(){V(e,fe).remove(),e.modal.close(),e.ref.detectChanges()})),[2]}))}))}}return e.prototype.ngOnInit=function(){},e.prototype.mouseUp=function(e){this.disabledDrag=!0},e.prototype.dropTable=function(e){y.moveItemInArray(this.configuration.columns,e.previousIndex,e.currentIndex),this.table.renderRows()},e.prototype.handleMouseDown=function(){this.disabledDrag=!1},e.prototype.handleMouseUp=function(){this.disabledDrag=!0},e}();fe=new WeakMap,Ve.decorators=[{type:n.Component,args:[{selector:"sd-popup-configuration",template:'<sd-modal width="sm" [title]="\'Configuration\' | sdTranslate" #modal>\r\n  <sd-modal-body *ngIf="configuration">\r\n    <div class="c-container">\r\n      <div class="c-table" style="max-height: 70vh">\r\n        <table\r\n          #table\r\n          mat-table\r\n          [dataSource]="configuration.columns"\r\n          cdkDropList\r\n          [cdkDropListData]="configuration.columns"\r\n          (cdkDropListDropped)="dropTable($event)">\r\n          >\r\n          <ng-container matColumnDef="stt">\r\n            <th mat-header-cell class="c-th text-center px-5" *matHeaderCellDef style="width: 50px">#</th>\r\n            <td class="text-center px-5" mat-cell *matCellDef="let item; let idx = index">\r\n              <div class="c-handle" (mousedown)="handleMouseDown()" (mouseup)="handleMouseUp()">\r\n                <svg width="24px" fill="currentColor" viewBox="0 0 24 24">\r\n                  <path\r\n                    d="M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2l-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z"></path>\r\n                  <path d="M0 0h24v24H0z" fill="none"></path>\r\n                </svg>\r\n              </div>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef="title">\r\n            <th mat-header-cell class="c-th px-5" *matHeaderCellDef>{{ \'Title\' | sdTranslate }}</th>\r\n            <td class="px-5" mat-cell *matCellDef="let item">\r\n              <sd-input [placeholder]="item?.origin?.title" [(model)]="item.title" disableErrorMessage></sd-input>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef="width">\r\n            <th mat-header-cell class="c-th px-5" *matHeaderCellDef style="width: 80px">{{ \'Width\' | sdTranslate }}</th>\r\n            <td class="px-5" mat-cell *matCellDef="let item">\r\n              <sd-input [placeholder]="item?.origin?.width" [(model)]="item.width" disableErrorMessage></sd-input>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef="invisible">\r\n            <th mat-header-cell class="c-th text-center px-5" *matHeaderCellDef style="width: 80px">{{ \'Hidden\' | sdTranslate }}</th>\r\n            <td class="text-center px-5" mat-cell *matCellDef="let item">\r\n              <mat-slide-toggle [(ngModel)]="item.invisible" color="primary"> </mat-slide-toggle>\r\n            </td>\r\n          </ng-container>\r\n          <ng-container matColumnDef="fixed">\r\n            <th mat-header-cell class="c-th text-center px-5" *matHeaderCellDef style="width: 80px">{{ \'Freeze\' | sdTranslate }}</th>\r\n            <td class="text-center px-5" mat-cell *matCellDef="let item">\r\n              <mat-slide-toggle [(ngModel)]="item.fixed" color="primary"></mat-slide-toggle>\r\n            </td>\r\n          </ng-container>\r\n          <tr mat-header-row *matHeaderRowDef="[\'stt\', \'title\', \'width\', \'invisible\', \'fixed\']; sticky: true"></tr>\r\n          <tr\r\n            mat-row\r\n            *matRowDef="let row; columns: [\'stt\', \'title\', \'width\', \'invisible\', \'fixed\']"\r\n            cdkDrag\r\n            [cdkDragData]="row"\r\n            cdkDragLockAxis="y"\r\n            [cdkDragDisabled]="disabledDrag"></tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </sd-modal-body>\r\n  <sd-modal-footer>\r\n    <sd-button class="mr-8" (action)="onReset()" title="Mặc định" color="info" size="sm"> </sd-button>\r\n    <sd-button (action)="onSave()" title="Lưu" type="fill" color="info" size="sm"> </sd-button>\r\n  </sd-modal-footer>\r\n</sd-modal>\r\n',styles:[".c-table{overflow:auto;position:relative}.c-table table{width:100%}.c-table .c-th{color:#000;font-size:14px;font-weight:500;line-height:20px}.c-container{min-height:200px;position:relative}.c-handle{color:#ccc;cursor:move}"]}]}],Ve.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:d.SdNotifyService},{type:ie}]},Ve.propDecorators={tableOption:[{type:n.Input}],modal:[{type:n.ViewChild,args:["modal"]}],table:[{type:n.ViewChild,args:["table"]}],mouseUp:[{type:n.HostListener,args:["window:mouseup",["$event"]]}]};var qe=function(){function e(e,t,r,i,l,o,a){var d=this;this.ref=e,this.loadingService=t,this.tableConfiguration=r,this.tableConfigurationService=i,this.exportService=l,this.notifyService=o,this.gridFilterService=a,ge.set(this,s.v4()),this.key=s.v4(),he.set(this,new c.Subject),ve.set(this,[]),this.items=[],this.selectedTableItems=[],this.isLoading=!1,this.isHiddenPaginator=!1,ye.set(this,void 0),be.set(this,void 0),this.sdCellDefs=new n.QueryList,this.cellDef={},this.sdFooterDefs=new n.QueryList,this.footerDef={},this.hasFooter=!1,this.sdFilterDefs=new n.QueryList,this.filterDefs=[],this.columnOperator={},this.columnFilter={},xe.set(this,new c.Subscription),Fe.set(this,new c.Subject),this.isExporting=!1,this.isSelectAll=!1,this.exportTitle="Export",we.set(this,!1),this.cacheValues={},Ce.set(this,{}),De.set(this,(function(){var e,t;d.cellDef={};try{for(var n=N(d.sdCellDefs||[]),r=n.next();!r.done;r=n.next()){var i=r.value;i.sdTableCellDef&&(d.cellDef[i.sdTableCellDef]=i)}}catch(t){e={error:t}}finally{try{r&&!r.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}})),Oe.set(this,(function(){var e,t;d.filterDefs=[];try{for(var n=N(d.sdFilterDefs),r=n.next();!r.done;r=n.next()){var i=r.value;d.filterDefs.push(i)}}catch(t){e={error:t}}finally{try{r&&!r.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}})),ke.set(this,(function(){var e,t;d.footerDef={},d.hasFooter=!1;try{for(var n=N(d.sdFooterDefs),r=n.next();!r.done;r=n.next()){var i=r.value;i.sdTableFooterDef&&(d.hasFooter=!0,d.footerDef[i.sdTableFooterDef]=i)}}catch(t){e={error:t}}finally{try{r&&!r.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}})),Se.set(this,(function(e,t){var n,r,i=d.filterRegister.value.get();return{columnOperator:i.columnOperator||{},rawColumnFilter:i.columnFilter||{},rawExternalFilter:i.externalFilter||{},rawFilterDef:i.filterDef||{},orderBy:(null===(n=V(d,be))||void 0===n?void 0:n.active)||"",orderDirection:(null===(r=V(d,be))||void 0===r?void 0:r.direction)||"",pageNumber:e,pageSize:t,isExported:!0}})),Ie.set(this,(function(e){var t,n,r,i,l,o,a,s,c,u,f,p,m,g,h,v,y,b,x,F,w,C,D,O,k,S,I,T,E,M,P,R,A,L;e.paginate={hidden:null===(r=null==e?void 0:e.paginate)||void 0===r?void 0:r.hidden,pageSize:null!==(s=null!==(l=null===(i=null==e?void 0:e.paginate)||void 0===i?void 0:i.pageSize)&&void 0!==l?l:null===(a=null===(o=d.tableConfiguration)||void 0===o?void 0:o.paginate)||void 0===a?void 0:a.pageSize)&&void 0!==s?s:null===(c=B.paginate)||void 0===c?void 0:c.pageSize,pages:null!==(g=null!==(f=null===(u=null==e?void 0:e.paginate)||void 0===u?void 0:u.pages)&&void 0!==f?f:null===(m=null===(p=d.tableConfiguration)||void 0===p?void 0:p.paginate)||void 0===m?void 0:m.pages)&&void 0!==g?g:null===(h=B.paginate)||void 0===h?void 0:h.pages,showFirstLastButtons:null!==(y=null===(v=null==e?void 0:e.paginate)||void 0===v?void 0:v.showFirstLastButtons)&&void 0!==y&&y};try{for(var j=N(e.columns||[]),z=j.next();!z.done;z=j.next()){var H=z.value;(null===(x=null===(b=H.filter)||void 0===b?void 0:b.operator)||void 0===x?void 0:x.enable)&&!(null===(C=null===(w=null===(F=H.filter)||void 0===F?void 0:F.operator)||void 0===w?void 0:w.list)||void 0===C?void 0:C.length)&&("string"===H.type&&(H.filter.operator.list=(null===(k=null===(O=null===(D=d.tableConfiguration)||void 0===D?void 0:D.filter)||void 0===O?void 0:O.operator)||void 0===k?void 0:k.defaultListString)||[]),"number"===H.type&&(H.filter.operator.list=(null===(T=null===(I=null===(S=d.tableConfiguration)||void 0===S?void 0:S.filter)||void 0===I?void 0:I.operator)||void 0===T?void 0:T.defaultListNumber)||[]),"values"!==H.type&&"lazy-values"!==H.type||(H.filter.operator.list=(null===(P=null===(M=null===(E=d.tableConfiguration)||void 0===E?void 0:E.filter)||void 0===M?void 0:M.operator)||void 0===P?void 0:P.defaultListValues)||[]),"date"!==H.type&&"datetime"!==H.type||(H.filter.operator.list=(null===(L=null===(A=null===(R=d.tableConfiguration)||void 0===R?void 0:R.filter)||void 0===A?void 0:A.operator)||void 0===L?void 0:L.defaultListDate)||[]))}}catch(e){t={error:e}}finally{try{z&&!z.done&&(n=j.return)&&n.call(j)}finally{if(t)throw t.error}}return e})),Te.set(this,(function(){var e,t,n,r;d.tableOption&&(d.filterRegister||(d.filterRegister=d.gridFilterService.register(null===(e=d.tableOption)||void 0===e?void 0:e.filter,{id:V(d,ge),columns:null===(t=d.tableOption)||void 0===t?void 0:t.columns,externalFilters:null===(r=null===(n=d.tableOption)||void 0===n?void 0:n.filter)||void 0===r?void 0:r.externalFilters,filterDefs:d.filterDefs}),V(d,xe).add(d.filterRegister.value.observer.pipe(u.debounceTime(500),u.map((function(e){var t=e.columnOperator,n=e.columnFilter,r=e.notReload;d.columnOperator=t||{},d.columnFilter=n,r||(V(d,ye)&&(V(d,ye).pageIndex=0),V(d,Fe).next({force:!1}))}))).subscribe())))})),Ee.set(this,(function(e,t){var n=d.tableOption.columns,r=t.rawColumnFilter,i=t.orderBy,l=t.orderDirection,o=t.pageSize,a=t.pageNumber,s=e.filter((function(e){var t,i,l,o,a,s,c=e.data;try{for(var d=N(n),u=d.next();!u.done;u=d.next()){var f=u.value,p=f.field,m=f.type,g=(r[p]||"").toString().trim().toLowerCase(),h=(c[p]||"").toString().trim().toLowerCase();if(g){if(!h&&"datetime"!==m&&"date"!==m&&"time"!==m)return!1;if("string"===m){if(-1===h.indexOf(g))return!1}else if("values"===m||"lazy-values"===m){if(h!==g)return!1}else if("number"===m){var v=+g.replace(">=","").replace("<=","").replace(">","").replace("<",""),y=+h;if(v||0===v){if(!y&&0!==y)return!1;if(g.indexOf(">=")>-1&&y<v)return!1;if(g.indexOf("<=")>-1&&y>v)return!1;if(g.indexOf("<")>-1&&y>=v)return!1;if(g.indexOf(">")>-1&&y<=v)return!1;if(y!==v)return!1}}else if("bool"===m){if("1"===g&&"1"!==h&&"true"!==h)return!1;if("0"===g&&"0"!==h&&"false"!==h)return!1}else if("datetime"===m||"date"===m||"time"===m){var b=null!==(o=null===(l=r[p])||void 0===l?void 0:l.from)&&void 0!==o?o:r[p],x=null!==(s=null===(a=r[p])||void 0===a?void 0:a.to)&&void 0!==s?s:r[p],F=Date.begin(b),w=Date.end(x);if(F||w){if(!h)return!1;var C=new Date(h).getTime(),D=(null==F?void 0:F.getTime())||null,O=(null==w?void 0:w.getTime())||null;if(D&&D>C)return!1;if(O&&C>O)return!1}}}}}catch(e){t={error:e}}finally{try{u&&!u.done&&(i=d.return)&&i.call(d)}finally{if(t)throw t.error}}return!0}));if(i&&l){var c=n.find((function(e){return e.field===i}));if(c){var u=c.type,f=c.field;s.sort((function(e,t){var n=e.data,r=t.data;if("number"===u)return(n[f]||0)-(r[f]||0);if("date"===u||"datetime"===u||"time"===u)return new Date(n[f]||"").getTime()-new Date(n[f]||"").getTime();var i=(n[f]||"").toString(),l=(r[f]||"").toString();return i>l?1:i<l?-1:0})),"desc"===l&&s.reverse()}}return{items:s.filter((function(e,t){return t>=a*o&&t<(a+1)*o})),total:s.length}})),Me.set(this,(function(){var e,t,n,r,i,l,o=d.filterRegister.value.get();return{columnOperator:o.columnOperator||{},rawColumnFilter:o.columnFilter||{},rawExternalFilter:o.externalFilter||{},rawFilterDef:o.filterDef||{},orderBy:(null===(e=V(d,be))||void 0===e?void 0:e.active)||"",orderDirection:(null===(t=V(d,be))||void 0===t?void 0:t.direction)||"",pageNumber:(null===(n=V(d,ye))||void 0===n?void 0:n.pageIndex)||0,pageSize:(null===(r=V(d,ye))||void 0===r?void 0:r.pageSize)||(null===(l=null===(i=d.tableOption)||void 0===i?void 0:i.paginate)||void 0===l?void 0:l.pageSize)||50}})),Pe.set(this,(function(e,t){return void 0===t&&(t=!0),z(d,void 0,void 0,(function(){var n,r,i,l,o,a,s=this;return H(this,(function(c){switch(c.label){case 0:return this.isLoading=!0,this.ref.detectChanges(),"server"!==this.tableOption.type?[3,3]:[4,(r=this.tableOption.items)(e).catch((function(e){return s.notifyService.notify.warning("Có lỗi xảy ra"),console.error(e),{items:[],total:0}}))];case 1:return l=c.sent(),n={},[4,V(this,_e).call(this,null==l?void 0:l.items,this.tableOption.columns).finally((function(){s.isLoading=!1,s.ref.detectChanges()}))];case 2:return[2,(n.items=c.sent(),n.total=(null==l?void 0:l.total)||0,n)];case 3:return t?(r=this.tableOption.items,i=r(),l=[],i instanceof Promise?[4,i.catch((function(e){return s.notifyService.notify.warning("Có lỗi xảy ra"),console.error(e),[]}))]:[3,5]):[3,8];case 4:return l=c.sent(),[3,6];case 5:l=i,c.label=6;case 6:return Array.isArray(l)||(this.notifyService.notify.warning("Dữ liệu không phải là một mảng"),l=[]),o=q,a=[this,ve],[4,V(this,_e).call(this,l,this.tableOption.columns)];case 7:o.apply(void 0,a.concat([c.sent()])),c.label=8;case 8:return this.isLoading=!1,this.ref.detectChanges(),[2,V(this,Ee).call(this,V(this,ve),e)]}}))}))})),Re.set(this,(function(e){return z(d,void 0,void 0,(function(){var t,n,r,i;return H(this,(function(l){switch(l.label){case 0:return null===(t=this.sdScroll)||void 0===t||t.scrollTop(),this.items=(null==e?void 0:e.items)||[],this.total=(null==e?void 0:e.total)||0,[4,null===(i=null===(r=null===(n=this.tableOption)||void 0===n?void 0:n.reload)||void 0===r?void 0:r.onReload)||void 0===i?void 0:i.call(r,this.items)];case 1:return l.sent(),this.isSelectAll=this.items.every((function(e){return e.meta.selector.isSelected})),V(this,Ne).call(this),[2]}}))}))})),this.reload=function(e){return void 0===e&&(e=!0),z(d,void 0,void 0,(function(){var t,n,r;return H(this,(function(i){switch(i.label){case 0:return null===(n=null===(t=this.tableFilter)||void 0===t?void 0:t.updateFilter)||void 0===n||n.call(t),[4,V(this,Pe).call(this,V(this,Me).call(this),e)];case 1:return r=i.sent(),V(this,Re).call(this,r),[2]}}))}))},Ae.set(this,(function(e,t){return void 0===e&&(e=0),void 0===t&&(t=1e4),z(d,void 0,void 0,(function(){var n,r,i,l,o,a;return H(this,(function(s){switch(s.label){case 0:return(null===(n=this.tableOption.export)||void 0===n?void 0:n.items)?(l=null===(r=this.tableOption.export)||void 0===r?void 0:r.items(V(this,Se).call(this,e,t)),Array.isArray(l)?[2,l]:(c.isObservable(l)&&(l=l.toPromise()),c.isObservable(l)&&(l=l.toPromise()),[4,l])):[3,2];case 1:return[2,s.sent()];case 2:return i=V(this,Se).call(this,e,t),"server"!==this.tableOption.type?[3,4]:[4,l=this.tableOption.items(i)];case 3:return[2,s.sent()];case 4:return o=[],"function"!=typeof this.tableOption.items?[3,8]:(a=this.tableOption.items())instanceof Promise?[4,a]:[3,6];case 5:return o=s.sent(),[3,7];case 6:o=a,s.label=7;case 7:return[3,9];case 8:o=this.tableOption.items,s.label=9;case 9:return[2,V(this,Ee).call(this,o,i)]}}))}))})),Le.set(this,(function(){var e=[];return d.tableOption.columns.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(t){var n;"children"!==t.type?e.push(t):null===(n=t.children)||void 0===n||n.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(t){e.push(t)}))})),e})),je.set(this,(function(){var e,t;return(null===(t=null===(e=d.tableOption.export)||void 0===e?void 0:e.columns)||void 0===t?void 0:t.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})))||[]})),ze.set(this,(function(e){return z(d,void 0,void 0,(function(){var t,n,r,i,l,o,a,s,c,d,u,f,p,m,g,h,v,y,b,x,F,w,C,D,O,k,S,I,T,E=this;return H(this,(function(M){switch(M.label){case 0:M.trys.push([0,,18,19]),u=V(this,He).call(this),f=(null===(n=null===(t=this.tableOption)||void 0===t?void 0:t.export)||void 0===n?void 0:n.maxItemsPerRequest)||1e3,p=(null===(i=null===(r=this.tableOption)||void 0===r?void 0:r.export)||void 0===i?void 0:i.batch)||1,m=this.total,g=0,h=[],this.isExporting=!0,v=[],y=[],b=function(){return z(E,void 0,void 0,(function(){var e,t,n,r,i,l,o,a,s,c,d,p,b,x,F,w,C,D,O,k=this;return H(this,(function(S){switch(S.label){case 0:return[4,Promise.all(y)];case 1:t=S.sent(),y=[],h=[];try{for(n=N(t),r=n.next();!r.done;r=n.next())"items"in(i=r.value)?(h=_(h,i.items),m=i.total):h=_(h,i)}catch(e){w={error:e}}finally{try{r&&!r.done&&(C=n.return)&&C.call(n)}finally{if(w)throw w.error}}return(null===(e=this.tableOption.export)||void 0===e?void 0:e.mapping)?(l=this.tableOption.export.mapping(h))instanceof Promise?[4,l]:[3,3]:[3,4];case 2:return h=S.sent(),[3,4];case 3:h=l,S.label=4;case 4:o=m/f,a=Math.round(100*(g-1)/o),this.exportTitle="Exporting..."+a+"%",s=V(this,Le).call(this),c=V(this,je).call(this),d=function(e){var t,n,r,i,l,o,a,d;return H(this,(function(f){switch(f.label){case 0:t={},n=function(r){return z(k,void 0,void 0,(function(){var i,l,o,a,d,f,p,m,g,h,v;return H(this,(function(y){switch(y.label){case 0:return t[r.field]=e[r.field],f=s.find((function(e){return e.field===r.field})),(null==(p=c.find((function(e){return e.field===r.field})))?void 0:p.transform)?(t[p.field]=p.transform(e[p.field],e),[2]):f?"children"===f.type?(null==f||f.children.forEach((function(e){return n(e)})),[2]):u.some((function(e){return e.field===f.field}))?f.transform?(m=f.transform(e[f.field],e,{isExport:!0}))instanceof Promise?(g=t,h=f.field,[4,m]):[3,2]:[3,4]:[2]:[2];case 1:return g[h]=y.sent(),[3,3];case 2:t[f.field]=m,y.label=3;case 3:return t[f.field]=null!==(i=t[f.field])&&void 0!==i?i:"",[3,5];case 4:void 0===e[f.field]||null===e[f.field]||""===e[f.field]?t[f.field]="":"string"===f.type||"number"===f.type?t[f.field]=e[f.field]:"bool"===f.type?e[f.field]?t[f.field]=(null===(l=f.option)||void 0===l?void 0:l.displayOnTrue)||"True":void 0!==t[f.field]&&null!==t[f.field]&&(t[f.field]=(null===(o=f.option)||void 0===o?void 0:o.displayOnFalse)||"False"):"date"===f.type?(v=e[f.field],t[f.field]=Date.toFormat(v,"dd/MM/yyyy")):"datetime"===f.type?(v=e[f.field],t[f.field]=Date.toFormat(v,"dd/MM/yyyy HH:mm")):"time"===f.type?(v=e[f.field],t[f.field]=Date.toFormat(v,"HH:mm")):"values"===f.type||"lazy-values"===f.type?t[f.field]=(null===(d=null===(a=V(this,Ce)[f.field])||void 0===a?void 0:a[e[f.field]])||void 0===d?void 0:d[f.option.displayField])||e[f.field]:t[f.field]=e[f.field],y.label=5;case 5:return[2]}}))}))},f.label=1;case 1:f.trys.push([1,6,7,8]),a=void 0,r=N(u),i=r.next(),f.label=2;case 2:return i.done?[3,5]:(l=i.value,[4,n(l)]);case 3:f.sent(),f.label=4;case 4:return i=r.next(),[3,2];case 5:return[3,8];case 6:return o=f.sent(),a={error:o},[3,8];case 7:try{i&&!i.done&&(d=r.return)&&d.call(r)}finally{if(a)throw a.error}return[7];case 8:return v.push(t),[2]}}))},S.label=5;case 5:S.trys.push([5,10,11,12]),p=N(h),b=p.next(),S.label=6;case 6:return b.done?[3,9]:(x=b.value,[5,d(x)]);case 7:S.sent(),S.label=8;case 8:return b=p.next(),[3,6];case 9:return[3,12];case 10:return F=S.sent(),D={error:F},[3,12];case 11:try{b&&!b.done&&(O=p.return)&&O.call(p)}finally{if(D)throw D.error}return[7];case 12:return[2]}}))}))},M.label=1;case 1:return g*f<m?(y.push(V(this,Ae).call(this,g,f)),g++,y.length<p?[3,1]:[4,b()]):[3,3];case 2:return M.sent(),[3,1];case 3:return y.length>0?[4,b()]:[3,5];case 4:M.sent(),M.label=5;case 5:return e?[4,this.exportService.exportCSV({columns:u,items:v,fileName:null===(o=null===(l=this.tableOption)||void 0===l?void 0:l.export)||void 0===o?void 0:o.fileName})]:[3,7];case 6:return M.sent(),[2];case 7:if(x=[],!Array.isArray(null===(s=null===(a=this.tableOption)||void 0===a?void 0:a.export)||void 0===s?void 0:s.sheets))return[3,16];M.label=8;case 8:M.trys.push([8,14,15,16]),F=N(this.tableOption.export.sheets),w=F.next(),M.label=9;case 9:return w.done?[3,13]:(C=w.value).name&&C.items&&C.fields?Array.isArray(C.items)?(x.push({name:C.name,items:C.items,fields:C.fields}),[3,12]):[3,10]:[3,12];case 10:return O=(D=x).push,k={name:C.name},[4,C.items()];case 11:O.apply(D,[(k.items=M.sent(),k.fields=C.fields,k)]),M.label=12;case 12:return w=F.next(),[3,9];case 13:return[3,16];case 14:return S=M.sent(),I={error:S},[3,16];case 15:try{w&&!w.done&&(T=F.return)&&T.call(F)}finally{if(I)throw I.error}return[7];case 16:return[4,this.exportService.export({columns:u,items:v,fileName:null===(d=null===(c=this.tableOption)||void 0===c?void 0:c.export)||void 0===d?void 0:d.fileName,sheets:x})];case 17:return M.sent(),[2];case 18:return this.isExporting=!1,this.exportTitle="Export",this.ref.detectChanges(),[7];case 19:return[2]}}))}))})),He.set(this,(function(){var e,t,n=[];if(d.tableOption.columns.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(e){var t;"children"!==e.type?n.push(e):null===(t=e.children)||void 0===t||t.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(e){n.push(e)}))})),d.configuration){var r=_(n),i=d.configuration,l=_(i.firstColumns,i.secondColumns).reduce((function(e,t){var n=d.tableOption.columns.find((function(e){return e.field===t.field}));return n?"children"!==n.type?_(e,[n]):_(e,n.children):e}),[]);n=l.map((function(e){return Object.assign(Object.assign({},e),{data:r.find((function(t){return t.field===e.field}))})})).filter((function(e){return!!e.data})).map((function(e){return e.data}))}return _(n,(null===(t=null===(e=d.tableOption.export)||void 0===e?void 0:e.columns)||void 0===t?void 0:t.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})))||[])})),this.exportExcel=function(){V(d,ze).call(d)},this.exportCSV=function(){V(d,ze).call(d,!0)},this.onFilterChange=function(){var e,t;null===(t=null===(e=d.tableFilter)||void 0===e?void 0:e.updateFilter)||void 0===t||t.call(e),d.filterRegister.value.set({columnOperator:d.columnOperator||{},columnFilter:d.columnFilter})},this.onExpand=function(e){return z(d,void 0,void 0,(function(){var t,n,r,i,l,o;return H(this,(function(a){return(null===(t=this.tableOption.expand)||void 0===t?void 0:t.always)||e.meta.expand.isExpanding?[2]:e.meta.expand.isExpanded?(e.meta.expand.isExpanded=!1,[2]):(o=null===(i=null===(r=null===(n=this.tableOption)||void 0===n?void 0:n.expand)||void 0===r?void 0:r.onExpand)||void 0===i?void 0:i.call(r,e.data),(null===(l=this.tableOption.expand)||void 0===l?void 0:l.multiple)||this.items.forEach((function(e){return e.meta.expand.isExpanding=e.meta.expand.isExpanded=!1})),o instanceof Promise?(e.meta.expand.isExpanding=!0,o.then((function(t){e.meta.expand.data=t,e.meta.expand.isExpanded=!0})).finally((function(){return e.meta.expand.isExpanding=!1}))):(e.meta.expand.data=o,e.meta.expand.isExpanded=!0),[2])}))}))},this.onSelect=function(e){var t,n,r,i,l,o,a;if(null===(n=null===(t=e.meta.group)||void 0===t?void 0:t.items)||void 0===n?void 0:n.length)e.meta.group.items.forEach((function(t){return t.meta.selector.isSelected=e.meta.selector.isSelected})),null===(i=null===(r=d.tableOption.selector)||void 0===r?void 0:r.onSelect)||void 0===i||i.call(r,e.data,d.items.filter((function(e){return e.meta.selector.isSelected})).map((function(e){return e.data}))),d.isSelectAll=d.items.every((function(e){return e.meta.selector.isSelected})),V(d,Ne).call(d);else{if(null===(l=d.tableOption.selector)||void 0===l?void 0:l.single)return d.items.filter((function(t){return t!==e})).forEach((function(e){return e.meta.selector.isSelected=!1})),void V(d,Ne).call(d);null===(a=null===(o=d.tableOption.selector)||void 0===o?void 0:o.onSelect)||void 0===a||a.call(o,e.data,d.items.filter((function(e){return e.meta.selector.isSelected})).map((function(e){return e.data}))),d.isSelectAll=d.items.every((function(e){return e.meta.selector.isSelected})),V(d,Ne).call(d)}},this.onSelectAll=function(){var e,t,n;null===(e=d.items)||void 0===e||e.forEach((function(e){var t,n,r,i;!e.meta.selector.selectable||(null===(r=null===(n=null===(t=d.tableOption)||void 0===t?void 0:t.selector)||void 0===n?void 0:n.actions)||void 0===r?void 0:r.length)&&!(null===(i=e.meta.selector.actions)||void 0===i?void 0:i.length)||(e.meta.selector.isSelected=d.isSelectAll)})),null===(n=null===(t=d.tableOption.selector)||void 0===t?void 0:t.onSelectAll)||void 0===n||n.call(t,d.items.filter((function(e){return e.meta.selector.isSelected})).map((function(e){return e.data}))),V(d,Ne).call(d)},this.onClearSelection=function(e){e=e||d.items,d.isSelectAll=!1,null==e||e.forEach((function(e){return e.meta.selector.isSelected=!1})),V(d,Ne).call(d)},Ne.set(this,(function(){d.selectedTableItems=d.items.filter((function(e){return e.meta.selector.isSelected})),d.ref.detectChanges()})),this.clearFilter=function(){d.filterRegister.value.remove()},this.setFilter=function(e){var t=e||{},n=t.columnFilter,r=t.externalFilter,i=t.filterDef;n&&(d.columnFilter=n),d.filterRegister.value.set({columnFilter:n,externalFilter:r,filterDef:i})},this.detectChanges=function(){return d.ref.detectChanges()},We.set(this,(function(e){return z(d,void 0,void 0,(function(){var t,n,r,i,l,o,a,s,c,d,u,f,p,m,g,h;return H(this,(function(v){switch(v.label){case 0:t=[],n=function(e){"values"!==e.type||r.cacheValues[e.field]||("function"==typeof e.option.items?t.push(e.option.items().then((function(t){return{key:e.field,valueField:e.option.valueField,displayField:e.option.displayField,data:Array.isArray(t)?t:[]}})).catch((function(t){return console.error(t),{key:e.field,valueField:e.option.valueField,displayField:e.option.displayField,data:[]}}))):(r.cacheValues[e.field]=e.option.items.map((function(t){var n;return(n={})[e.option.valueField]=null==t?void 0:t[e.option.valueField],n[e.option.displayField]=null==t?void 0:t[e.option.displayField],n})),V(r,Ce)[e.field]=Array.toObject(r.cacheValues[e.field],e.option.valueField)))},r=this;try{for(i=N(e),l=i.next();!l.done;l=i.next())o=l.value,n(o)}catch(e){p={error:e}}finally{try{l&&!l.done&&(m=i.return)&&m.call(i)}finally{if(p)throw p.error}}return t.length?[4,Promise.all(t)]:[3,2];case 1:a=v.sent(),s=function(e){c.cacheValues[e.key]=e.data.map((function(t){var n;return(n={})[e.valueField]=null==t?void 0:t[e.valueField],n[e.displayField]=null==t?void 0:t[e.displayField],n})),V(c,Ce)[e.key]=Array.toObject(c.cacheValues[e.key],e.valueField)},c=this;try{for(d=N(a),u=d.next();!u.done;u=d.next())f=u.value,s(f)}catch(e){g={error:e}}finally{try{u&&!u.done&&(h=d.return)&&h.call(d)}finally{if(g)throw g.error}}v.label=2;case 2:return[2]}}))}))})),_e.set(this,(function(e,t){return z(d,void 0,void 0,(function(){var n,r,i,l,o,a,s,c,d,u,f,p,m,g,h=this;return H(this,(function(v){switch(v.label){case 0:a=e.map(pe),s=function(e){var t,s,d,u,f,p,m,g,v,y,b,x,F,w,C,D,O;return H(this,(function(k){switch(k.label){case 0:return t=e.field,e.cellStyle,s=e.click,d=e.tooltip,u=e.htmlTemplate,(f=e.transform)||u||"lazy-values"!==e.type||"function"!=typeof e.option.views?[3,2]:(p=e.option,m=p.views,g=p.mapValue,V(c,Ce)[t]=V(c,Ce)[t]||{},(v=a.map((function(e){var n,r;return"function"==typeof g?g(null===(n=e.data)||void 0===n?void 0:n[t],e.data):null===(r=e.data)||void 0===r?void 0:r[t]})).filter((function(e){return!(!e&&0!==e||Object.keys(V(h,Ce)[t]).includes(e))})).union()).length?[4,m(v).catch((function(e){return console.error(e),[]}))]:[3,2]);case 1:y=k.sent().filter((function(t){return v.includes(null==t?void 0:t[e.option.valueField])})).map((function(t){var n;return(n={})[e.option.valueField]=null==t?void 0:t[e.option.valueField],n[e.option.displayField]=null==t?void 0:t[e.option.displayField],n})),Object.assign(V(c,Ce)[t],Array.toObject(y,e.option.valueField)||{}),k.label=2;case 2:b=function(a){var p,m,g,h,v,y,b,x;return H(this,(function(F){switch(F.label){case 0:return p=a.data,m=null==p?void 0:p[t],a.meta.display[t]={badge:void 0,cellStyle:"number"===e.type?{"text-align":"right!important"}:void 0,data:m,isHtml:!1,tooltip:"function"==typeof d?d(m,p):void 0,click:"function"==typeof s?function(){return s(m,p)}:void 0},g=a.meta.display[t],"function"!=typeof u?[3,1]:(g.isHtml=!0,g.data=u(m,p),[3,6]);case 1:return"function"!=typeof f?[3,5]:(h=f(m,p))instanceof Promise?(v=g,[4,h]):[3,3];case 2:return v.data=F.sent(),[3,4];case 3:g.data=h,F.label=4;case 4:return[3,6];case 5:"date"!==e.type&&"datetime"!==e.type&&"time"!==e.type||(y=Date.toFormat(m,"dd/MM/yyyy"),(null==(b=Date.toFormat(m,"HH:mm:ss"))?void 0:b.endsWith("00"))&&(b=Date.toFormat(m,"HH:mm")),"date"!==e.type&&"datetime"!==e.type||("datetime"===e.type?(g.isHtml=!0,g.data='<span class="d-block T14R text-black400">'+b+'</span><span class="d-block T14R">'+y+"</span>"):g.data=y),"time"===e.type&&(g.data=b)),"values"!==e.type&&"lazy-values"!==e.type||("lazy-values"===e.type&&"function"==typeof e.option.mapValue?g.data=(null===(r=null===(n=V(c,Ce)[t])||void 0===n?void 0:n[e.option.mapValue(m,p)])||void 0===r?void 0:r[e.option.displayField])||m:g.data=(null===(l=null===(i=V(c,Ce)[t])||void 0===i?void 0:i[m])||void 0===l?void 0:l[e.option.displayField])||m),"number"===e.type&&Number.isNumber(m)&&(g.data=Number.toVNCurrency(m)),"bool"===e.type&&(x=e.option,g.data=null!=m&&""!==m?!0===m?(null==x?void 0:x.displayOnTrue)||"True":(null==x?void 0:x.displayOnFalse)||"False":null),"string"!==e.type&&"number"!==e.type&&"values"!==e.type||!e.badge?"bool"===e.type&&(g.badge={type:"circle",color:m?"success":"danger",icon:null}):g.badge={type:(null==e?void 0:e.badgeType)?e.badgeType:"icon",color:e.badge(m,p),icon:null===(o=e.badgeIcon)||void 0===o?void 0:o.call(e,m,p)},F.label=6;case 6:return[2]}}))},k.label=3;case 3:k.trys.push([3,8,9,10]),D=void 0,x=N(a),F=x.next(),k.label=4;case 4:return F.done?[3,7]:(w=F.value,[5,b(w)]);case 5:k.sent(),k.label=6;case 6:return F=x.next(),[3,4];case 7:return[3,10];case 8:return C=k.sent(),D={error:C},[3,10];case 9:try{F&&!F.done&&(O=x.return)&&O.call(x)}finally{if(D)throw D.error}return[7];case 10:return[2]}}))},c=this,v.label=1;case 1:v.trys.push([1,6,7,8]),d=N(t),u=d.next(),v.label=2;case 2:return u.done?[3,5]:(f=u.value,[5,s(f)]);case 3:v.sent(),v.label=4;case 4:return u=d.next(),[3,2];case 5:return[3,8];case 6:return p=v.sent(),m={error:p},[3,8];case 7:try{u&&!u.done&&(g=d.return)&&g.call(d)}finally{if(m)throw m.error}return[7];case 8:return[2,a]}}))}))})),this.trackBy=function(e,t){return t.meta.id}}return Object.defineProperty(e.prototype,"option",{set:function(e){var t=this;if(e){e=V(this,Ie).call(this,e),this.tableOption=e,q(this,we,!1);var n=this.tableConfigurationService.init(this.tableOption);if(n)V(this,xe).add(n.observer.pipe(u.startWith(n.subject.getValue())).subscribe((function(){var e=t.tableConfigurationService.loadConfigurationResult(t.tableOption,n.get()),r=e.displayedColumns||[];t.loadingService.start(),t.ref.detectChanges(),V(t,We).call(t,t.tableOption.columns.filter((function(e){return r.includes(e.field)}))).then((function(){t.configuration=e,V(t,he).next(t.tableOption)})).finally((function(){t.loadingService.stop(),t.ref.detectChanges()}))})));else{var r=this.tableConfigurationService.loadConfiguration(this.tableOption),i=this.tableConfigurationService.loadConfigurationResult(this.tableOption,r),l=i.displayedColumns||[];this.loadingService.start(),this.ref.detectChanges(),V(this,We).call(this,this.tableOption.columns.filter((function(e){return l.includes(e.field)}))).then((function(){t.configuration=i,V(t,he).next(t.tableOption)})).finally((function(){t.loadingService.stop(),t.ref.detectChanges()}))}}},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"paginator",{set:function(e){var t=this;e&&V(this,ye)!==e&&(q(this,ye,e),V(this,xe).add(e.page.pipe(u.map((function(){V(t,Fe).next({force:!1})}))).subscribe()))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"sort",{set:function(e){var t=this;e&&V(this,be)!==e&&(q(this,be,e),V(this,xe).add(e.sortChange.pipe(u.map((function(){V(t,Fe).next({force:!1})}))).subscribe()))},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){V(this,De).call(this)},e.prototype.ngAfterViewInit=function(){var e=this;V(this,xe).add(V(this,Fe).pipe(u.debounceTime(200),u.switchMap((function(t){return z(e,void 0,void 0,(function(){var e,n;return H(this,(function(r){switch(r.label){case 0:return e=V(this,Me).call(this),[4,V(this,Pe).call(this,e,!V(this,we)||t.force)];case 1:return n=r.sent(),q(this,we,!0),[2,n]}}))}))}))).subscribe(V(this,Re))),V(this,xe).add(this.sdCellDefs.changes.pipe(u.startWith([])).subscribe(V(this,De))),V(this,xe).add(this.sdFooterDefs.changes.pipe(u.startWith([])).subscribe(V(this,ke))),V(this,xe).add(this.sdFilterDefs.changes.pipe(u.startWith([])).subscribe(V(this,Oe))),V(this,xe).add(c.combineLatest([V(this,he).pipe(u.startWith(this.tableOption)),this.sdFilterDefs.changes.pipe(u.startWith(this.filterDefs))]).subscribe((function(){V(e,Te).call(e)}))),V(this,xe).add(V(this,he).subscribe((function(){e.filterRegister&&V(e,Fe).next({force:!0})}))),this.ref.detectChanges()},e.prototype.ngOnDestroy=function(){V(this,xe).unsubscribe()},Object.defineProperty(e.prototype,"dataItems",{get:function(){return this.items.map((function(e){return e.data}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"selectedItems",{get:function(){return this.selectedTableItems.map((function(e){return e.data}))},enumerable:!1,configurable:!0}),e}();ge=new WeakMap,he=new WeakMap,ve=new WeakMap,ye=new WeakMap,be=new WeakMap,xe=new WeakMap,Fe=new WeakMap,we=new WeakMap,Ce=new WeakMap,De=new WeakMap,Oe=new WeakMap,ke=new WeakMap,Se=new WeakMap,Ie=new WeakMap,Te=new WeakMap,Ee=new WeakMap,Me=new WeakMap,Pe=new WeakMap,Re=new WeakMap,Ae=new WeakMap,Le=new WeakMap,je=new WeakMap,ze=new WeakMap,He=new WeakMap,Ne=new WeakMap,We=new WeakMap,_e=new WeakMap,qe.decorators=[{type:n.Component,args:[{selector:"sd-table",template:'<ng-container *ngIf="configuration">\r\n  <sd-table-filter\r\n    *ngIf="!tableOption.filter?.disabled && filterRegister"\r\n    [filterRegister]="filterRegister"\r\n    [filter]="tableOption?.filter"\r\n    [columns]="configuration.firstColumns"\r\n    [externalFilters]="tableOption?.filter?.externalFilters"\r\n    [filterDefs]="filterDefs">\r\n  </sd-table-filter>\r\n  <ng-container *ngIf="items | sdGroup : tableOption; $implicit as groupedItems">\r\n    <div class="c-container">\r\n      <div class="c-loading" *ngIf="isLoading">\r\n        <mat-spinner></mat-spinner>\r\n      </div>\r\n      <ng-container>\r\n        <div\r\n          class="c-table"\r\n          sdScroll\r\n          [ngStyle]="{\r\n            \'max-height\': tableOption?.style?.maxHeight,\r\n            \'min-height\': tableOption?.style?.minHeight\r\n          }">\r\n          <table mat-table [dataSource]="groupedItems" [trackBy]="trackBy" matSort [matSortDisabled]="!tableOption.sort?.enable" multiTemplateDataRows>\r\n            <ng-container matColumnDef="sdSubInformation" sticky>\r\n              <td class="p-0" mat-cell *matCellDef="let item" [attr.colspan]="configuration.displayedColumns.length">\r\n                <ng-container *ngIf="sdSubInformation?.templateRef">\r\n                  <ng-container *ngIf="tableOption?.expand?.always; else useExpandCollapse">\r\n                    <ng-container *ngTemplateOutlet="sdSubInformation.templateRef; context: { item: item }"> </ng-container>\r\n                  </ng-container>\r\n                  <ng-template #useExpandCollapse>\r\n                    <div [@detailExpand]="item.isExpanded ? \'expanded\' : \'collapsed\'">\r\n                      <ng-container *ngIf="item.isExpanded">\r\n                        <ng-container *ngTemplateOutlet="sdSubInformation.templateRef; context: { item: item }"> </ng-container>\r\n                      </ng-container>\r\n                    </div>\r\n                  </ng-template>\r\n                </ng-container>\r\n              </td>\r\n              <td mat-footer-cell *matFooterCellDef></td>\r\n            </ng-container>\r\n            <ng-container matColumnDef="sdSubInformationAction" stickyEnd>\r\n              <th\r\n                class="p-0"\r\n                mat-header-cell\r\n                *matHeaderCellDef\r\n                style="width: 1px"\r\n                [attr.rowspan]="configuration.multipleHeader ? 2 : 1"></th>\r\n              <td mat-cell *matCellDef="let element">\r\n                <button\r\n                  *ngIf="!element.isExpanding && !tableOption?.expand?.always"\r\n                  mat-icon-button\r\n                  aria-label="Expand & Collapse"\r\n                  (click)="onExpand(element)">\r\n                  <mat-icon *ngIf="!element.isExpanded">expand_more</mat-icon>\r\n                  <mat-icon *ngIf="element.isExpanded">expand_less</mat-icon>\r\n                </button>\r\n                <div *ngIf="element.isExpanding" class="lds-ring">\r\n                  <div></div>\r\n                  <div></div>\r\n                  <div></div>\r\n                  <div></div>\r\n                </div>\r\n              </td>\r\n            </ng-container>\r\n            <ng-container matColumnDef="sdSelection" sticky>\r\n              <th\r\n                class="text-center px-15"\r\n                mat-header-cell\r\n                *matHeaderCellDef\r\n                style="min-width: 50px; max-width: 50px"\r\n                [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                <ng-container *ngIf="items | selectionVisibleSelectAll : tableOption?.selector | async">\r\n                  <mat-checkbox\r\n                    *ngIf="!tableOption.selector?.single"\r\n                    class="c-selection"\r\n                    color="primary"\r\n                    [(ngModel)]="isSelectAll"\r\n                    (change)="onSelectAll()">\r\n                  </mat-checkbox>\r\n                </ng-container>\r\n              </th>\r\n              <td class="text-center px-15" mat-cell *matCellDef="let item" style="min-width: 50px; max-width: 50px">\r\n                <ng-container *ngIf="item | selectionVisible : tableOption?.selector">\r\n                  <mat-checkbox\r\n                    class="c-selection"\r\n                    color="primary"\r\n                    [(ngModel)]="item.meta.selector.isSelected"\r\n                    (change)="onSelect(item)"\r\n                    [disabled]="selectedTableItems | selectionDisable : item : tableOption?.selector">\r\n                  </mat-checkbox>\r\n                </ng-container>\r\n              </td>\r\n              <td mat-footer-cell *matFooterCellDef></td>\r\n            </ng-container>\r\n            <ng-container matColumnDef="sdCommand">\r\n              <th\r\n                class="px-8 py-8"\r\n                mat-header-cell\r\n                *matHeaderCellDef\r\n                style="width: 50px"\r\n                [attr.rowspan]="configuration.multipleHeader ? 2 : 1"></th>\r\n              <td class="px-8" mat-cell *matCellDef="let item">\r\n                <sd-desktop-command [commands]="tableOption.commands" [item]="item"></sd-desktop-command>\r\n              </td>\r\n              <td mat-footer-cell *matFooterCellDef></td>\r\n            </ng-container>\r\n            <ng-container matColumnDef="sdGroup">\r\n              <th mat-header-cell *matHeaderCellDef class="px-8 py-8" [attr.rowspan]="configuration.multipleHeader ? 2 : 1"></th>\r\n              <td class="p-0" mat-cell *matCellDef="let item" [attr.colspan]="!item?.sdGroup ? 1 : configuration.displayedColumns.length">\r\n                <div [innerHtml]="item?.sdGroup?.htmlTemplate | safeHtml"></div>\r\n              </td>\r\n              <td mat-footer-cell *matFooterCellDef></td>\r\n            </ng-container>\r\n            <ng-container\r\n              *ngFor="let column of configuration.firstColumns;"\r\n              [matColumnDef]="column.field"\r\n              [sticky]="configuration.fixedColumn[column.field]">\r\n              <th\r\n                mat-header-cell\r\n                *matHeaderCellDef\r\n                class="px-8 py-8 c-th"\r\n                [ngStyle]="{ \'min-width\': column.width }"\r\n                [attr.rowspan]="configuration.multipleHeader && column.type !== \'children-col\' ? 2 : 1"\r\n                [attr.colspan]="column.type === \'children-col\' ? column.children?.length : 1">\r\n                <div>\r\n                  <div\r\n                    aria-hidden="true"\r\n                    mat-sort-header\r\n                    [disabled]="!column.sortable || column.type === \'children-col\'"\r\n                    [class.text-right]="column.align === \'right\' || (!column.align && column.type === \'number\')"\r\n                    [class.text-center]="column.align === \'center\'"\r\n                    [innerHTML]="column.titleHtml || column.title"></div>\r\n                  <sd-column-inline-filter\r\n                    *ngIf="!tableOption.filter?.disabled && !tableOption.filter?.hideInlineFilter && columnOperator"\r\n                    [value]="columnFilter[column.field]"\r\n                    [(inlineOperator)]="columnOperator[column.field]"\r\n                    [columnFilter]="columnFilter"\r\n                    [cacheValues]="cacheValues"\r\n                    [column]="column"\r\n                    (filterChange)="onFilterChange()">\r\n                  </sd-column-inline-filter>\r\n                </div>\r\n              </th>\r\n              <td class="c-td px-0" mat-cell *matCellDef="let item">\r\n                <sd-desktop-cell\r\n                  class="d-block px-8"\r\n                  *ngIf="!item?.sdGroup"\r\n                  [value]="item[column.field]"\r\n                  [column]="column"\r\n                  [item]="item"\r\n                  [cellDef]="cellDef">\r\n                </sd-desktop-cell>\r\n              </td>\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                <ng-container *ngIf="footerDef[column.field]">\r\n                  <ng-container *ngTemplateOutlet="footerDef[column.field].templateRef; context: { items: items, column: column }">\r\n                  </ng-container>\r\n                </ng-container>\r\n              </td>\r\n            </ng-container>\r\n            <ng-container *ngFor="let column of configuration.secondColumns" [matColumnDef]="column.field">\r\n              <th mat-header-cell *matHeaderCellDef mat-sort-header class="c-th px-8" [ngStyle]="{ \'min-width\': column.width }">\r\n                <div>\r\n                  <div\r\n                    [class.text-right]="column.align === \'right\' || (!column.align && column.type === \'number\')"\r\n                    [class.text-center]="column.align === \'center\'"\r\n                    [innerHTML]="column.titleHtml || column.title"></div>\r\n                  <sd-column-inline-filter\r\n                    *ngIf="!tableOption.filter?.disabled && !tableOption.filter?.hideInlineFilter  && columnOperator"\r\n                    [value]="columnFilter[column.field]"\r\n                    [(inlineOperator)]="columnOperator[column.field]"\r\n                    [columnFilter]="columnFilter"\r\n                    [cacheValues]="cacheValues"\r\n                    [column]="column"\r\n                    (filterChange)="onFilterChange()">\r\n                  </sd-column-inline-filter>\r\n                </div>\r\n              </th>\r\n              <td class="c-td px-0" mat-cell *matCellDef="let item">\r\n                <sd-desktop-cell\r\n                  class="d-block px-8"\r\n                  [value]="item[column.field]"\r\n                  [column]="column"\r\n                  [item]="item"\r\n                  [cellDef]="cellDef">\r\n                </sd-desktop-cell>\r\n              </td>\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                <ng-container *ngIf="footerDef[column.field]">\r\n                  <ng-container *ngTemplateOutlet="footerDef[column.field].templateRef; context: { items: items, column: column }">\r\n                  </ng-container>\r\n                </ng-container>\r\n              </td>\r\n            </ng-container>\r\n            <tr class="c-first-header" mat-header-row *matHeaderRowDef="configuration.firstHeaders; sticky: true"></tr>\r\n            <ng-container *ngIf="configuration.secondHeaders?.length">\r\n              <tr class="c-second-header" mat-header-row *matHeaderRowDef="configuration.secondHeaders; sticky: true"></tr>\r\n            </ng-container>\r\n            <tr\r\n              mat-row\r\n              *matRowDef="let row; columns: configuration.displayedColumns"\r\n              matRipple\r\n              class="c-row"\r\n              [class.selected]="row.meta.selector.isSelected"></tr>\r\n\r\n            <tr mat-row *matRowDef="let row; columns: [\'sdSubInformation\']" class="c-detail-row"></tr>\r\n            <ng-container *ngIf="hasFooter && configuration.displayedFooters?.length">\r\n              <tr mat-footer-row *matFooterRowDef="configuration.displayedFooters; sticky: true"></tr>\r\n            </ng-container>\r\n          </table>\r\n        </div>\r\n      </ng-container>\r\n      <div class="c-paginator">\r\n        <div class="c-action">\r\n          <sd-button\r\n            *ngIf="tableOption.reload?.visible"\r\n            class="mr-8"\r\n            title="Tải lại"\r\n            icon="refresh"\r\n            size="sm"\r\n            (action)="reload()"\r\n            [disabled]="!items?.length"\r\n            type="link">\r\n          </sd-button>\r\n          <ng-container *ngIf="tableOption.export?.visible && items?.length">\r\n            <ng-container *ngIf="isExporting; else unExporting">\r\n              <sd-button class="mr-10" [loading]="isExporting" [title]="exportTitle | sdTranslate" icon="get_app" size="sm" type="link">\r\n              </sd-button>\r\n            </ng-container>\r\n            <ng-template #unExporting>\r\n              <sd-button class="mr-10" [title]="exportTitle | sdTranslate" icon="get_app" size="sm" [matMenuTriggerFor]="menu" type="link">\r\n              </sd-button>\r\n            </ng-template>\r\n            <mat-menu #menu="matMenu">\r\n              <button mat-menu-item (click)="exportExcel()" type="button">\r\n                <mat-icon fontSet="material-icons-outlined">file_download</mat-icon>\r\n                <span> Xuất excel</span>\r\n              </button>\r\n              <button mat-menu-item (click)="exportCSV()" type="button">\r\n                <mat-icon fontSet="material-icons-outlined">file_download</mat-icon>\r\n                <span> Xuất CSV</span>\r\n              </button>\r\n            </mat-menu>\r\n          </ng-container>\r\n          <sd-button\r\n            *ngIf="popupConfiguration"\r\n            class="mr-8"\r\n            [title]="\'Configure\' | sdTranslate"\r\n            icon="settings"\r\n            size="sm"\r\n            (action)="popupConfiguration.open()"\r\n            type="link">\r\n          </sd-button>\r\n        </div>\r\n        <mat-paginator\r\n          [class.d-none]="tableOption.paginate?.hidden"\r\n          [length]="total"\r\n          [pageSize]="tableOption.paginate?.pageSize"\r\n          [pageSizeOptions]="tableOption.paginate?.pages"\r\n          [showFirstLastButtons]="tableOption.paginate?.showFirstLastButtons"></mat-paginator>\r\n      </div>\r\n    </div>\r\n    <sd-table-quick-action [tableOption]="tableOption" [selectedTableItems]="selectedTableItems" (clear)="onClearSelection(groupedItems)">\r\n    </sd-table-quick-action>\r\n    <sd-popup-configuration *ngIf="tableOption?.key && tableOption.config?.visible" [tableOption]="tableOption"> </sd-popup-configuration>\r\n  </ng-container>\r\n</ng-container>\r\n',changeDetection:n.ChangeDetectionStrategy.OnPush,animations:[a.trigger("detailExpand",[a.state("collapsed",a.style({height:"0",minHeight:"0",visibility:"hidden"})),a.state("expanded",a.style({height:"*",visibility:"visible"})),a.transition("expanded <=> collapsed",a.animate("225ms cubic-bezier(0.4, 0.0, 0.2, 1)"))])],styles:[".text-black400{color:#757575}:host{display:flex;flex-direction:column;height:100%;overflow:auto}:host .c-container{display:flex;flex-direction:column;min-height:50px}:host .c-container,:host .c-container .c-table{flex:1;position:relative}:host .c-container .c-table table{border-collapse:separate;width:100%}:host .c-container .c-table table tr.c-first-header.mat-header-row,:host .c-container .c-table table tr.c-second-header.mat-header-row{height:40px}:host .c-container .c-table table tr.c-detail-row{height:0}:host .c-container .c-table table tr.c-row.activated{background-color:#e5ecff}:host .c-container .c-table table tr.c-row.selected{background-color:#eef2ff}:host .c-container .c-table table tr.c-row:not(.selected):not(.activated):hover{background-color:#f5f5f5}:host .c-container .c-table table tr.c-row td{border-bottom-width:0}:host .c-container .c-table table tr.c-row.c-expandable{cursor:pointer}:host .c-container .c-table table tr.c-row.c-expandable:hover{background:#f5f5f5}:host .c-container .c-table table th.mat-header-cell{background-color:#f2f3f4;border-bottom:0!important}:host .c-container .c-table table td.mat-cell,:host .c-container .c-table table td.mat-footer-cell,:host .c-container .c-table table th.mat-header-cell{border-bottom-color:#f2f2f2!important}:host .c-container .c-table .c-th{color:#212121;font-size:14px;font-weight:500;line-height:20px;vertical-align:middle}:host .c-container .c-table .c-td:first{padding-left:10px}:host .c-container .c-loading{align-items:center;background:rgba(0,0,0,.15);bottom:56px;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}:host .c-container .c-paginator{align-items:center;background-color:#fff;display:flex;flex-direction:row;justify-content:space-between}:host .c-container .c-paginator .c-action{padding:5px}:host .c-container .c-empty{background-color:#fff;border:none!important;text-align:center}:host .c-container .c-empty mat-icon{font-size:150px;height:auto;margin-bottom:30px;margin-top:30px;opacity:.2;width:auto}:host button.c-btn-add{background-color:#fff;box-shadow:0 2px 4px rgba(47,49,54,.16)}:host mat-icon.c-icon{color:rgba(0,0,0,.54)!important}:host mat-icon.c-icon-add{color:#2962ff!important}:host .lds-ring{display:inline-block;height:40px;position:relative;width:40px}:host .lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid transparent;border-radius:50%;border-top-color:#cef;box-sizing:border-box;display:block;height:32px;margin:4px;position:absolute;width:32px}:host .lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}:host .lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}:host .lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:host ::ng-deep .mat-sort-header-content{display:block;text-align:left;width:100%}:host ::ng-deep .mat-select-arrow{color:#a6a6a6}:host ::ng-deep .mat-sort-header-disabled{background-image:none!important;cursor:default!important;padding-right:0!important}:host ::ng-deep .mat-sort-header-container{align-items:start!important}:host ::ng-deep .mat-sort-header-arrow{margin-top:4px!important}:host ::ng-deep .mat-sort-header{cursor:pointer}:host ::ng-deep .mat-sort-header[aria-sort]{background-position:center right 0;background-repeat:no-repeat;background-size:16px 16px;cursor:pointer;padding-right:24px}:host ::ng-deep .mat-sort-header[aria-sort=none]{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%237A7A7A' d='M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z'/%3E%3C/svg%3E\")}:host ::ng-deep .mat-sort-header[aria-sort=ascending]{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%237A7A7A' d='M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z'/%3E%3C/svg%3E\")}:host ::ng-deep .mat-sort-header[aria-sort=descending]{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='%237A7A7A' d='M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z'/%3E%3C/svg%3E\")}"]}]}],qe.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:b.SdLoadingService},{type:void 0,decorators:[{type:n.Inject,args:[G]},{type:n.Optional}]},{type:ie},{type:m.SdExportService},{type:d.SdNotifyService},{type:me}]},qe.propDecorators={popupConfiguration:[{type:n.ViewChild,args:[Ve]}],sdScroll:[{type:n.ViewChild,args:[t.SdScrollDirective]}],quickAction:[{type:n.ViewChild,args:[h.SdQuickAction]}],tableFilter:[{type:n.ViewChild,args:[$]}],option:[{type:n.Input}],paginator:[{type:n.ViewChild,args:[l.MatPaginator]}],sort:[{type:n.ViewChild,args:[o.MatSort]}],sdSubInformation:[{type:n.ContentChild,args:[Y]}],sdCellDefs:[{type:n.ContentChildren,args:[J]}],sdFooterDefs:[{type:n.ContentChildren,args:[re]}],sdFilterDefs:[{type:n.ContentChildren,args:[X]}]};var Ue=function(){function e(){}return e.prototype.transform=function(e,t){return z(this,void 0,void 0,(function(){var n,r,i,l,o,a,s,c,d,u,f,p,m,g,h,v,y,b;return H(this,(function(x){switch(x.label){case 0:if(n=[],!t)return[2,n];x.label=1;case 1:x.trys.push([1,22,23,24]),r=N(t),i=r.next(),x.label=2;case 2:return i.done?[3,21]:(l=i.value,o=!1,void 0!==(a=l.hidden)?[3,3]:(o=!0,[3,7]));case 3:return"boolean"!=typeof a?[3,4]:(a||(o=!0),[3,7]);case 4:return(p=a(e.data))instanceof Promise?[4,p]:[3,6];case 5:return x.sent()||(o=!0),[3,7];case 6:p||(o=!0),x.label=7;case 7:if(!o)return[3,20];if(!("children"in l))return[3,19];s=[],x.label=8;case 8:x.trys.push([8,16,17,18]),y=void 0,c=N(l.children),d=c.next(),x.label=9;case 9:return d.done?[3,15]:(u=d.value,void 0!==(f=u.hidden)?[3,10]:(s.push(u),[3,14]));case 10:return"boolean"!=typeof f?[3,11]:(f||s.push(u),[3,14]);case 11:return(p=f(e.data))instanceof Promise?[4,p]:[3,13];case 12:return x.sent()||s.push(u),[3,14];case 13:p||s.push(u),x.label=14;case 14:return d=c.next(),[3,9];case 15:return[3,18];case 16:return m=x.sent(),y={error:m},[3,18];case 17:try{d&&!d.done&&(b=c.return)&&b.call(c)}finally{if(y)throw y.error}return[7];case 18:return s.length>0&&n.push(Object.assign(Object.assign({},l),{children:s})),[3,20];case 19:n.push(l),x.label=20;case 20:return i=r.next(),[3,2];case 21:return[3,24];case 22:return g=x.sent(),h={error:g},[3,24];case 23:try{i&&!i.done&&(v=r.return)&&v.call(r)}finally{if(h)throw h.error}return[7];case 24:return[2,n]}}))}))},e}();Ue.decorators=[{type:n.Pipe,args:[{name:"commandFilter"}]}];var Be=function(){function e(){}return e.prototype.transform=function(e,t){if("disabled"in t){var n=t.disabled;return"boolean"==typeof n?n:n(e.data)}return!1},e}();Be.decorators=[{type:n.Pipe,args:[{name:"commandDisable"}]}];var Ge=function(){function e(){}return e.prototype.transform=function(e,t){if(null==e?void 0:e.icon)return"string"==typeof e.icon?e.icon:e.icon(t.data)},e}();Ge.decorators=[{type:n.Pipe,args:[{name:"commandIcon"}]}];var Je=function(){function e(){}return e.prototype.transform=function(e,t){if(null==e?void 0:e.title)return"string"==typeof e.title?e.title:e.title(t.data)},e}();Je.decorators=[{type:n.Pipe,args:[{name:"commandTitle"}]}];var Qe=function(){};Qe.decorators=[{type:n.Component,args:[{selector:"sd-desktop-cell-view",template:'<ng-container *sdLet="item.meta.display[column.field] as view">\r\n  <ng-container *ngIf="view.isHtml; else useValue">\r\n    <div\r\n      *ngIf="view.click"\r\n      (click)="view.click()"\r\n      class="text-break cursor-pointer"\r\n      [matTooltip]="view.tooltip"\r\n      [style]="view.cellStyle"\r\n      [innerHTML]="view.data | safeHtml"></div>\r\n    <div\r\n      *ngIf="!view.click"\r\n      class="text-break"\r\n      [matTooltip]="view.tooltip"\r\n      [style]="view.cellStyle"\r\n      [innerHTML]="view.data | safeHtml"></div>\r\n  </ng-container>\r\n  <ng-template #useValue>\r\n    <ng-container *ngIf="!!view.badge; else noBadge">\r\n      <sd-badge\r\n        *ngIf="view.data"\r\n        [type]="view.badge.type"\r\n        [title]="view.data"\r\n        [color]="view.badge.color"\r\n        [icon]="view.badge.icon"\r\n        [tooltip]="view.tooltip"\r\n        (sdClick)="!!view.click && view.click()"></sd-badge>\r\n    </ng-container>\r\n    <ng-template #noBadge>\r\n      <div\r\n        class="text-break"\r\n        [style]="view.cellStyle"\r\n        [matTooltip]="view.tooltip">\r\n        <a *ngIf="!!view.click" href="javascript:;" (click)="view.click()">{{ view.data }}</a>\r\n        <ng-container *ngIf="!view.click">{{ view.data }} </ng-container>\r\n      </div>\r\n    </ng-template>\r\n  </ng-template>\r\n</ng-container>\r\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".text-black400{color:#757575}.c-color-success{color:#4caf50}.c-color-danger{color:#f82c13}.c-image{-o-object-fit:contain;margin:5px 0;object-fit:contain}.c-img{font-size:30px;opacity:.5}.c-img.pointer:hover{opacity:.9}"]}]}],Qe.ctorParameters=function(){return[]},Qe.propDecorators={column:[{type:n.Input}],item:[{type:n.Input}]};var Ke=function(){function e(){}return e.prototype.transform=function(e,t){var n,r,i=[];if(!e)return i;try{for(var l=N(e),o=l.next();!o.done;o=l.next()){var a=o.value;i.push(a)}}catch(e){n={error:e}}finally{try{o&&!o.done&&(r=l.return)&&r.call(l)}finally{if(n)throw n.error}}return i.filter((function(e){return!t||e.field===t}))},e}();Ke.decorators=[{type:n.Pipe,args:[{name:"sdFilterExternal"}]}];var $e=function(){function e(){}return e.prototype.transform=function(e,t){var n,r,i,l,o,a,s=[];if(!e)return s;try{for(var c=N(e),d=c.next();!d.done;d=c.next()){var u=d.value;if("children"!==u.type)(null===(a=u.filter)||void 0===a?void 0:a.disabled)||s.push(u);else try{for(var f=(i=void 0,N(null==u?void 0:u.children)),p=f.next();!p.done;p=f.next()){var m=p.value;(null===(o=m.filter)||void 0===o?void 0:o.disabled)||s.push(m)}}catch(e){i={error:e}}finally{try{p&&!p.done&&(l=f.return)&&l.call(f)}finally{if(i)throw i.error}}}}catch(e){n={error:e}}finally{try{d&&!d.done&&(r=c.return)&&r.call(c)}finally{if(n)throw n.error}}return s.filter((function(e){return!t||e.field===t}))},e}();$e.decorators=[{type:n.Pipe,args:[{name:"sdFilterColumn"}]}];var Xe=function(){this.commands=[]};Xe.decorators=[{type:n.Component,args:[{selector:"sd-desktop-command",template:'<ng-container *ngIf="item | commandFilter:commands | async; $implicit as filteredCommands">\r\n  <ng-container *ngFor="let command of filteredCommands">\r\n    <ng-container *ngIf="command?.click; else elseChildren">\r\n      <button (click)="command.click(item.data)" [matTooltip]="command | commandTitle:item" aria-hidden="true"\r\n        [disabled]="item | commandDisable:command" mat-icon-button>\r\n        <mat-icon class="c-icon" [fontSet]="command.fontSet">{{command | commandIcon:item}}</mat-icon>\r\n      </button>\r\n    </ng-container>\r\n    <ng-template #elseChildren>\r\n      <button [matMenuTriggerFor]="menu" aria-hidden="true" mat-icon-button>\r\n        <mat-icon *ngIf="command?.icon" class="c-icon" [fontSet]="command.fontSet">{{command | commandIcon:item}}\r\n        </mat-icon>\r\n        <mat-icon *ngIf="!command?.icon" class="c-icon">more_vert</mat-icon>\r\n      </button>\r\n      <mat-menu #menu="matMenu">\r\n        <span>\r\n          <button *ngFor="let childCommand of command.children" mat-menu-item (click)="childCommand.click(item.data)"\r\n            [disabled]="item | commandDisable:childCommand">\r\n            <ng-container *ngIf="!childCommand.htmlTemplate">\r\n              <mat-icon [fontSet]="command.fontSet" class="c-icon">{{childCommand | commandIcon:item}}\r\n              </mat-icon>\r\n              <span> {{childCommand | commandTitle:item}}</span>\r\n            </ng-container>\r\n            <ng-container *ngIf="childCommand.htmlTemplate">\r\n              <div [innerHTML]="childCommand.htmlTemplate(item.data)"></div>\r\n            </ng-container>\r\n          </button>\r\n        </span>\r\n      </mat-menu>\r\n    </ng-template>\r\n  </ng-container>\r\n</ng-container>\r\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{align-items:center;display:flex}mat-icon.c-icon{color:rgba(0,0,0,.54)!important}"]}]}],Xe.ctorParameters=function(){return[]},Xe.propDecorators={item:[{type:n.Input}],commands:[{type:n.Input}]};var Ye,Ze=function(){function e(){}return e.prototype.transform=function(e,t,n){return(null==n?void 0:n.tooltip)?n.tooltip(e,t):null},e}();Ze.decorators=[{type:n.Pipe,args:[{name:"columnTooltip"}]}],Ze.ctorParameters=function(){return[]};var et=function(){var e=this;Ye.set(this,(function(e){return"children"in e?{title:e.title,icon:e.icon,fontSet:e.fontSet,tooltip:e.tooltip,color:e.color,type:e.type,children:e.children.map((function(t){return{title:t.title,icon:t.icon,color:e.color,type:e.type,fontSet:t.fontSet,tooltip:t.tooltip,click:t.click}}))}:{title:e.title,icon:e.icon,color:e.color,type:e.type,fontSet:e.fontSet,tooltip:e.tooltip,click:e.click}})),this.transform=function(t,n){var r,i,l=[];if(!(null==n?void 0:n.length)||!(null==t?void 0:t.length))return[];var o=function(e){var n,r;if("children"in e){var i=[],o=function(e){var n=L.default(e);t.every((function(e){return e.meta.selector.actions.includes(n)}))&&i.push(e)};try{for(var a=(n=void 0,N(e.children)),s=a.next();!s.done;s=a.next())o(s.value)}catch(e){n={error:e}}finally{try{s&&!s.done&&(r=a.return)&&r.call(a)}finally{if(n)throw n.error}}i.length>0&&l.push(Object.assign(Object.assign({},e),{children:i}))}else{var c=L.default(e);t.every((function(e){return e.meta.selector.actions.includes(c)}))&&l.push(e)}};try{for(var a=N(n),s=a.next();!s.done;s=a.next())o(s.value)}catch(e){r={error:e}}finally{try{s&&!s.done&&(i=a.return)&&i.call(a)}finally{if(r)throw r.error}}return l.map((function(t){return V(e,Ye).call(e,t)}))}};Ye=new WeakMap,et.decorators=[{type:n.Pipe,args:[{name:"selectionActionFilter"}]}];var tt=function(){this.transform=function(e,t,n){var r,i,l,o,a=n.disabled,s=n.actions;if(!(null==s?void 0:s.length))return a?(t.meta.selector.selectable=!a(t,e),!t.meta.selector.selectable):(t.meta.selector.selectable=!0,!1);var c=s.filter((function(t){var n,r;if("children"in t){var i=function(t){var n=L.default(t);if(e.every((function(e){return e.meta.selector.actions.includes(n)})))return{value:!0}};try{for(var l=N(t.children),o=l.next();!o.done;o=l.next()){var a=i(o.value);if("object"==typeof a)return a.value}}catch(e){n={error:e}}finally{try{o&&!o.done&&(r=l.return)&&r.call(l)}finally{if(n)throw n.error}}return!1}var s=L.default(t);return e.every((function(e){return e.meta.selector.actions.includes(s)}))}));try{for(var d=N(c),u=d.next();!u.done;u=d.next()){var f=u.value;if("children"in f)try{for(var p=(l=void 0,N(f.children)),m=p.next();!m.done;m=p.next()){var g=m.value;if(t.meta.selector.actions.includes(L.default(g)))return!1}}catch(e){l={error:e}}finally{try{m&&!m.done&&(o=p.return)&&o.call(p)}finally{if(l)throw l.error}}else if(t.meta.selector.actions.includes(L.default(f)))return!1}}catch(e){r={error:e}}finally{try{u&&!u.done&&(i=d.return)&&i.call(d)}finally{if(r)throw r.error}}return!0}};tt.decorators=[{type:n.Pipe,args:[{name:"selectionDisable"}]}];var nt=function(){var e=this;this.transform=function(t,n){return z(e,void 0,void 0,(function(){var e,r,i,l,o,a,s,c,d;return H(this,(function(u){switch(u.label){case 0:return(null==(e=n.actions)?void 0:e.length)?t.length?e.some((function(e){return"children"in e&&e.children.some((function(e){return e.isGrouped}))||e.isGrouped}))?[2,!1]:[4,new Promise((function(e){return setTimeout(e,500)}))]:[2,!1]:[2,!0];case 1:if(u.sent(),r=t.find((function(e){var t;return null===(t=e.meta.selector.actions)||void 0===t?void 0:t.length}))){i=function(e){if(t.filter((function(e){var t;return null===(t=e.meta.selector.actions)||void 0===t?void 0:t.length})).every((function(t){return t.meta.selector.actions.includes(e)})))return{value:!0}};try{for(l=N(r.meta.selector.actions),o=l.next();!o.done;o=l.next())if(a=o.value,"object"==typeof(s=i(a)))return[2,s.value]}catch(e){c={error:e}}finally{try{o&&!o.done&&(d=l.return)&&d.call(l)}finally{if(c)throw c.error}}}return[2,!1]}}))}))}};nt.decorators=[{type:n.Pipe,args:[{name:"selectionVisibleSelectAll"}]}];var rt=function(){this.cellDef={}};rt.decorators=[{type:n.Component,args:[{selector:"sd-desktop-cell",template:'<ng-container *ngIf="cellDef[column.field]">\r\n  <ng-container *ngTemplateOutlet="cellDef[column.field].templateRef; context: { item: item.data, column: column }"> </ng-container>\r\n</ng-container>\r\n<ng-container *ngIf="column.cellDef?.templateRef">\r\n  <ng-container *ngTemplateOutlet="column.cellDef?.templateRef; context: { item: item.data, column: column }"> </ng-container>\r\n</ng-container>\r\n<sd-desktop-cell-view *ngIf="!cellDef[column.field] && !column.cellDef?.templateRef" [column]="column" [item]="item"></sd-desktop-cell-view>\r\n',changeDetection:n.ChangeDetectionStrategy.OnPush}]}],rt.ctorParameters=function(){return[]},rt.propDecorators={value:[{type:n.Input}],column:[{type:n.Input}],item:[{type:n.Input}],cellDef:[{type:n.Input}]};var it,lt,ot,at=[{value:"EQUAL",symbol:"=",display:"Bằng"},{value:"NOT_EQUAL",symbol:"≠",display:"Không bằng"},{value:"GREATER_THAN",symbol:">",display:"Lớn hơn"},{value:"LESS_THAN",symbol:"<",display:"Nhỏ hơn"},{value:"GREATER_OR_EQUAL",symbol:"≥",display:"Lớn hơn, hoặc bằng"},{value:"LESS_OR_EQUAL",symbol:"≤",display:"Nhỏ hơn, hoặc bằng"},{value:"CONTAIN",symbol:"join_inner",display:"Chứa"},{value:"NOT_CONTAIN",symbol:"join",display:"Không chứa"},{value:"START_WITH",symbol:"line_start_circle",display:"Bắt đầu bởi"},{value:"END_WITH",symbol:"line_end_circle",display:"Kết thúc bởi"},{value:"IN",symbol:"checklist_rtl",display:"Nằm trong"},{value:"NOT_IN",symbol:"event_list",display:"Không nằm trong"}],st=function(){function e(e){var t=this;this.ref=e,this.inlineSymbol="filter_alt",it.set(this,void 0),this.inlineOperatorChange=new n.EventEmitter,this.columnFilter={},this.operators=[],this.items=[],this.filterChange=new n.EventEmitter,lt.set(this,new c.Subject),ot.set(this,new c.Subscription),this.onFilterChange=function(){t.filterChange.emit()},this.onChangeOperator=function(e){e?(q(t,it,e.value),t.inlineSymbol=e.symbol):(q(t,it,null),t.inlineSymbol="filter_alt"),t.inlineOperatorChange.emit(V(t,it)),t.ref.markForCheck()}}return e.prototype._value=function(e){this.value=e,V(this,lt).next()},Object.defineProperty(e.prototype,"_inlineOperator",{set:function(e){var t,n;V(this,it)!==e&&(q(this,it,e),this.inlineSymbol=null!==(n=null===(t=at.find((function(t){return t.value===e})))||void 0===t?void 0:t.symbol)&&void 0!==n?n:"filter_alt")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_columnFilter",{set:function(e){this.columnFilter=e||{},V(this,lt).next()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_column",{set:function(e){var t,n,r,i;this.column=e,!(null===(t=null==e?void 0:e.filter)||void 0===t?void 0:t.disabled)&&(null===(r=null===(n=null==e?void 0:e.filter)||void 0===n?void 0:n.operator)||void 0===r?void 0:r.enable)?this.operators=at.filter((function(t){var n,r;return null===(r=null===(n=e.filter.operator.list)||void 0===n?void 0:n.includes)||void 0===r?void 0:r.call(n,t.value)})):this.operators=[],"values"===this.column.type?Array.isArray(this.column.option.items)?this.items=this.column.option.items:this.items=(null===(i=this.cacheValues)||void 0===i?void 0:i[e.field])||[]:"lazy-values"===this.column.type&&(this.items=this.column.option.items)},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;V(this,ot).add(V(this,lt).pipe(u.startWith(this.columnFilter)).subscribe((function(){var t,n;"date"!==e.column.type&&"time"!==e.column.type&&"datetime"!==e.column.type||(null===(n=null===(t=e.column)||void 0===t?void 0:t.filter)||void 0===n?void 0:n.useFilterDate)||(e.columnFilter[e.column.field]=e.columnFilter[e.column.field]||{from:null,to:null})})))},e.prototype.ngOnDestroy=function(){V(this,ot).unsubscribe()},e}();it=new WeakMap,lt=new WeakMap,ot=new WeakMap,st.decorators=[{type:n.Component,args:[{selector:"sd-column-inline-filter",template:'<div class="d-flex c-inline-column align-items-end">\r\n  <ng-container *ngIf="\r\n      column.type === \'string\' ||\r\n        column.type === \'number\' ||\r\n        column.type === \'bool\' ||\r\n        column.type === \'values\' ||\r\n        column.type === \'lazy-values\' ||\r\n        column.type === \'date\' ||\r\n        column.type === \'datetime\' ||\r\n        column.type === \'time\';\r\n      else noFilter\r\n    ">\r\n    <div class="d-flex align-items-center" *ngIf="operators.length">\r\n      \x3c!-- Only number column icon broken. add mb when not default symbol --\x3e\r\n      <sd-button class="{{ (column.type === \'number\' && inlineSymbol !== \'filter_alt\') ? \'mb-4 mr-2 \' :\'mr-2 \'}}"\r\n        fontSet="material-symbols-outlined" [icon]="inlineSymbol" size="sm" [matMenuTriggerFor]="menu" type="link">\r\n      </sd-button>\r\n      <mat-menu #menu="matMenu">\r\n        <button *ngFor="let operator of operators" (click)="onChangeOperator(operator)" mat-menu-item type="button">\r\n          <mat-icon fontSet="material-symbols-outlined" class="{{column.type === \'number\' ? \'mb-8 \':\'\'}}">{{\r\n            operator.symbol }}</mat-icon>\r\n          <span> {{ operator.display }}</span>\r\n        </button>\r\n      </mat-menu>\r\n    </div>\r\n    <sd-input *ngIf="column.type === \'string\'" style="flex: 1" size="sm" type="text"\r\n      [(model)]="columnFilter[column.field]" (keyupEnter)="onFilterChange()" [disabled]="column.filter?.disabled">\r\n    </sd-input>\r\n    <sd-input-number *ngIf="column.type === \'number\'" style="flex: 1" size="sm" [(model)]="columnFilter[column.field]"\r\n      (keyupEnter)="onFilterChange()" [disabled]="column.filter?.disabled">\r\n    </sd-input-number>\r\n    <sd-select *ngIf="column.type === \'bool\'" style="flex: 1" size="sm" [items]="[\r\n        { value: \'1\', display: column.option?.displayOnTrue || \'True\' },\r\n        { value: \'0\', display: column.option?.displayOnFalse || \'False\' }\r\n      ]" valueField="value" displayField="display" [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()"\r\n      [disabled]="column.filter?.disabled">\r\n      <ng-template sdSelectDisplayDef let-item="item">\r\n        <sd-badge *ngIf="item.value === \'1\'" color="success" [title]="column.option?.displayOnTrue || \'True\'">\r\n        </sd-badge>\r\n        <sd-badge *ngIf="item.value === \'0\'" color="danger" [title]="column.option?.displayOnFalse || \'False\'">\r\n        </sd-badge>\r\n      </ng-template>\r\n    </sd-select>\r\n    <ng-container *ngIf="column.type === \'values\'">\r\n      <sd-select *ngIf="column?.option?.selection !== \'AUTOCOMPLETE\'" style="flex: 1" size="sm" [items]="items"\r\n        [valueField]="column.option.valueField" [displayField]="column.option.displayField"\r\n        [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()" [disabled]="column.filter?.disabled"\r\n        [multiple]="column?.option?.selection === \'MULTIPLE\' || column?.option?.selection === \'MULTIPLEAUTOCOMPLETE\'"\r\n        [filtered]="column?.option?.selection === \'MULTIPLEAUTOCOMPLETE\'">\r\n      </sd-select>\r\n      <sd-autocomplete *ngIf="column?.option?.selection === \'AUTOCOMPLETE\'" style="flex: 1" size="sm" [items]="items"\r\n        [valueField]="column.option.valueField" [displayField]="column.option.displayField"\r\n        [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()" [disabled]="column.filter?.disabled">\r\n      </sd-autocomplete>\r\n    </ng-container>\r\n    <ng-container *ngIf="column.type === \'lazy-values\'">\r\n      <sd-select *ngIf="column.option?.selection === \'MULTIPLE\'" style="flex: 1" size="sm" [items]="items"\r\n        [valueField]="column.option.valueField" [displayField]="column.option.displayField"\r\n        [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()" [disabled]="column.filter?.disabled"\r\n        multiple filtered>\r\n      </sd-select>\r\n      <sd-autocomplete *ngIf="!column.option?.selection" style="flex: 1" size="sm" [items]="items"\r\n        [valueField]="column.option.valueField" [displayField]="column.option.displayField"\r\n        [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()" [disabled]="column.filter?.disabled">\r\n      </sd-autocomplete>\r\n    </ng-container>\r\n    <ng-container *ngIf="column.type === \'date\' || column.type === \'datetime\' || column.type === \'time\'">\r\n      <sd-date-range *ngIf="!column.filter?.useFilterDate" style="flex: 1" size="sm"\r\n        [(from)]="columnFilter[column.field].from" [(to)]="columnFilter[column.field].to" (sdChange)="onFilterChange()"\r\n        [disabled]="column.filter?.disabled">\r\n      </sd-date-range>\r\n      <sd-date-time *ngIf="column.filter?.useFilterDate" style="flex: 1" type="date" size="sm"\r\n        [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()" [disabled]="column.filter?.disabled">\r\n      </sd-date-time>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #noFilter>\r\n    <sd-input type="text" size="sm" disabled> </sd-input>\r\n  </ng-template>\r\n</div>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host ::ng-deep .c-inline-column .mat-form-field-wrapper{background-color:#fff;border-radius:8px;margin:8px 0 0!important;padding:0!important}"]}]}],st.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},st.propDecorators={_value:[{type:n.Input,args:["value"]}],_inlineOperator:[{type:n.Input,args:["inlineOperator"]}],inlineOperatorChange:[{type:n.Output}],_columnFilter:[{type:n.Input,args:["columnFilter"]}],cacheValues:[{type:n.Input}],_column:[{type:n.Input,args:["column"]}],filterChange:[{type:n.Output}]};var ct=function(){this.transform=function(e,t){var n,r,i,l,o,a,s,c=t.actions,d=[];if(e.meta.selector.actions=e.meta.selector.actions||[],!(null==c?void 0:c.length))return e.meta.selector.selectable=!0,e.meta.selector.selectable;try{for(var u=N(c),f=u.next();!f.done;f=u.next()){var p=f.value;if("children"in p){var m=!1,g=!1;try{for(var h=(i=void 0,N(p.children)),v=h.next();!v.done;v=h.next()){var y=v.value,b=y.hidden,x=y.isGrouped,F=L.default(y);x&&(g=!0),"function"==typeof b?b(e.data)||(m=!0,e.meta.selector.actions.push(F),x&&d.push(F)):b||(m=!0,e.meta.selector.actions.push(F),x&&d.push(F))}}catch(e){i={error:e}}finally{try{v&&!v.done&&(l=h.return)&&l.call(h)}finally{if(i)throw i.error}}m&&(e.meta.selector.actions.push(L.default(p)),g&&d.push(L.default(p)))}else b=p.hidden,x=p.isGrouped,F=L.default(p),"function"==typeof b?b(e.data)||(e.meta.selector.actions.push(F),x&&d.push(F)):b||(e.meta.selector.actions.push(F),x&&d.push(F))}}catch(e){n={error:e}}finally{try{f&&!f.done&&(r=u.return)&&r.call(u)}finally{if(n)throw n.error}}return e.meta.selector.selectable=!!(null===(o=e.meta.selector.actions)||void 0===o?void 0:o.length),e.meta.selector.selectable&&d.length&&!(null===(s=null===(a=null==e?void 0:e.meta.group)||void 0===a?void 0:a.items)||void 0===s?void 0:s.length)?e.meta.selector.actions.some((function(e){return!d.includes(e)})):e.meta.selector.selectable}};ct.decorators=[{type:n.Pipe,args:[{name:"selectionVisible"}]}];var dt=function(){var e=this;this.clear=new n.EventEmitter,this.onClear=function(){e.clear.emit()},this.onClickAction=function(t){"click"in t&&(null==t||t.click(e.selectedTableItems.map((function(e){return e.data}))))}};dt.decorators=[{type:n.Component,args:[{selector:"sd-table-quick-action",template:'<sd-quick-action *ngIf="selectedTableItems | selectionActionFilter: tableOption?.selector?.actions as actions"\r\n  [isOpened]="actions?.length">\r\n  <div class="d-flex align-items-center" sdMessage>\r\n    <div class="c-bg-length">\r\n      <span class="c-length">{{ selectedTableItems.length }}</span>\r\n    </div>\r\n    <div class="c-message">{{ tableOption?.selector?.message || \'dữ liệu được chọn\' }}</div>\r\n  </div>\r\n  <div class="d-flex align-items-center mr-8" sdAction>\r\n    <ng-container *ngFor="let action of actions">\r\n      <sd-button *ngIf="action.click" class="ml-5" [tooltip]="action.tooltip" [icon]="action.icon"\r\n        [color]="action.color || \'secondary\'" [type]="action.type || \'light\'" [fontSet]="action.fontSet"\r\n        [title]="action.title" size="sm" (action)="onClickAction(action)"></sd-button>\r\n      <ng-container *ngIf="action.children?.length">\r\n        <sd-button class="ml-5" [tooltip]="action.tooltip" [icon]="action.icon || \'more_vert\'"\r\n          [color]="action.color || \'secondary\'" [type]="action.type || \'light\'" [fontSet]="action.fontSet"\r\n          [title]="action.title" size="sm" [matMenuTriggerFor]="menu">\r\n        </sd-button>\r\n        <mat-menu #menu="matMenu">\r\n          <span>\r\n            <button *ngFor="let childAction of action.children" mat-menu-item (click)="onClickAction(childAction)"\r\n              [disabled]="childAction.disabled">\r\n              <mat-icon *ngIf="childAction.icon" [fontSet]="childAction.fontSet" class="c-icon">{{ childAction.icon }}\r\n              </mat-icon>\r\n              <span> {{ childAction.title }}</span>\r\n            </button>\r\n          </span>\r\n        </mat-menu>\r\n      </ng-container>\r\n    </ng-container>\r\n    <sd-button class="ml-5" icon="close" color="secondary" type="outline" size="sm"\r\n      (action)="onClear()" width="35px"></sd-button>\r\n  </div>\r\n</sd-quick-action>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".c-bg-length{align-items:flex-start;background:#2962ff;border-radius:4px 0 0 4px;display:flex;flex-direction:column;height:48px;left:0;min-width:48px;padding:12px 8px;position:static;top:0;width:auto}.c-bg-length .c-length{color:#fff;font-size:16px;font-weight:500;height:24px;left:8px;line-height:24px;min-width:32px;text-align:center;top:12px;width:auto}.c-bg-length .c-length,.c-message{font-family:Roboto;font-style:normal;position:static}.c-message{color:#000;font-size:14px;font-weight:400;height:20px;left:0;line-height:20px;margin:0 0 0 16px;min-width:200px;top:6px}"]}]}],dt.ctorParameters=function(){return[]},dt.propDecorators={tableOption:[{type:n.Input}],selectedTableItems:[{type:n.Input}],clear:[{type:n.Output}]};var ut=function(){function e(){}return e.prototype.transform=function(e,t){var n,r,i,l,o,a,s,c,d,u,f=t.group;if(!f)return e;var p=f.fields,m=f.htmlTemplate;if(!(null==p?void 0:p.length))return e;var g={};try{for(var h=N(e),v=h.next();!v.done;v=h.next()){var y=v.value,b={};try{for(var x=(i=void 0,N(p)),F=x.next();!F.done;F=x.next()){var w=F.value;b=Object.assign(Object.assign({},b),null!==(u=y[w])&&void 0!==u?u:((o={})[w]=y[w],o))}}catch(e){i={error:e}}finally{try{F&&!F.done&&(l=x.return)&&l.call(x)}finally{if(i)throw i.error}}g[k=L.default(b)]||(g[k]=[]),g[k].push(y)}}catch(e){n={error:e}}finally{try{v&&!v.done&&(r=h.return)&&r.call(h)}finally{if(n)throw n.error}}var C=[];try{for(var D=N(Object.keys(g)),O=D.next();!O.done;O=D.next()){var k=O.value,S=pe({});S.meta.group.items=g[k],S.meta.group.htmlTemplate=m(g[k]),C.push(S);try{for(var I=(c=void 0,N(g[k])),T=I.next();!T.done;T=I.next()){y=T.value;C.push(y)}}catch(e){c={error:e}}finally{try{T&&!T.done&&(d=I.return)&&d.call(I)}finally{if(c)throw c.error}}}}catch(e){a={error:e}}finally{try{O&&!O.done&&(s=D.return)&&s.call(D)}finally{if(a)throw a.error}}return C},e}();ut.decorators=[{type:n.Pipe,args:[{name:"sdGroup"}]}];var ft=function(e){function t(){var t=e.apply(this,_(arguments))||this;return t.firstPageLabel="Trang đầu",t.lastPageLabel="Trang cuối",t.itemsPerPageLabel="Kích thước trang",t.nextPageLabel="Trang sau",t.previousPageLabel="Trang trước",t.getRangeLabel=function(e,t,n){if(0===n||0===t)return"";var r=e*t+1;return r+"-"+(r+(n-e*t>t?t:n-e*t)-1)+" trên "+n},t}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}j(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t}(l.MatPaginatorIntl);ft.decorators=[{type:n.Injectable}];var pt=function(){};pt.decorators=[{type:n.NgModule,args:[{imports:[r.CommonModule,o.MatSortModule,l.MatPaginatorModule,x.MatTableModule,C.MatMenuModule,i.MatIconModule,D.MatButtonModule,k.MatTooltipModule,F.MatProgressSpinnerModule,S.MatSlideToggleModule,T.MatCheckboxModule,E.MatListModule,w.CdkTableModule,y.DragDropModule,I.SdFormModule,O.SdServiceModule,t.SdCommonModule,M.SdGroupModule],declarations:[dt,rt,Qe,Xe,st,qe,re,J,X,Y,Ve,$,K,Ue,Be,Ge,Je,Ze,$e,Ke,et,ct,tt,nt,ut],exports:[qe,re,J,X,Y],providers:[r.DatePipe,r.DecimalPipe,w.CdkColumnDef,me,ie,{provide:l.MatPaginatorIntl,useClass:ft}]}]}];var mt=function(){};e.DEFAULT_TABLE_CONFIG=B,e.MatPaginatorIntlCro=ft,e.SdFilterOperators=at,e.SdTable=qe,e.SdTableModule=pt,e.SdTableQuickFilter=mt,e.TABLE_CONFIG=G,e.ɵa=dt,e.ɵb=rt,e.ɵba=nt,e.ɵbb=ut,e.ɵc=Qe,e.ɵd=Xe,e.ɵe=st,e.ɵf=Ve,e.ɵg=ie,e.ɵi=G,e.ɵj=$,e.ɵk=K,e.ɵl=Y,e.ɵm=J,e.ɵn=re,e.ɵo=X,e.ɵp=me,e.ɵq=Ue,e.ɵr=Be,e.ɵs=Ge,e.ɵt=Je,e.ɵu=Ze,e.ɵv=$e,e.ɵw=Ke,e.ɵx=et,e.ɵy=ct,e.ɵz=tt,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=sd-angular-core-table.umd.min.js.map