@sd-angular/core 1.3.234 → 1.3.236

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

@@ -13,5 +13,5 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-var H=function(e,t){return(H=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 N(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 _(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 W(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 V(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 q(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(V(arguments[t]));return e}Object.create;function U(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 B(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 G,J,Q={paginate:{pageSize:20,pages:[20,50,100,200]}},K=new n.InjectionToken("sd-table.configuration"),$=function(){function e(e){var t=this;this.cdRef=e,G.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=U(t,G).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=U(t,G).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(){U(t,G).configuration.set({inlineColumn:t.inlineColumn,inlineExternal:t.inlineExternal,inlineFilterDef:t.inlineFilterDef}),U(t,G).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){B(this,G,e)},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){},e.prototype.ngOnDestroy=function(){},e.prototype.onClear=function(){U(this,G).value.remove(),this.modal.close(),this.cdRef.markForCheck()},e}();G=new WeakMap,$.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}"]}]}],$.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},$.propDecorators={modal:[{type:n.ViewChild,args:[p.SdModal]}],filterRegister:[{type:n.Input}],externalFilters:[{type:n.Input}],columns:[{type:n.Input}],filterDefs:[{type:n.Input}]};var X=function(){function e(e,t){var n=this;this.ref=e,this.deviceService=t,this.columns=[],this.externalFilters=[],this.filterDefs=[],this.filterRegisterChange=new d.BehaviorSubject(null),this.filterDef={},this.inlineFilterDef={},this.columnFilter={},this.inlineColumn={},this.externalFilter={},this.inlineExternal={},J.set(this,new d.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;U(this,J).add(this.filterRegisterChange.pipe(f.startWith(this.filterRegister)).subscribe((function(t){e.filterRegister&&(U(e,J).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()}))),U(e,J).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(){U(this,J).unsubscribe()},e}();J=new WeakMap,X.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">\r\n          <ng-container *ngTemplateOutlet="item.filterDef; 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}"]}]}],X.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:m.DeviceDetectorService}]},X.propDecorators={popupFilter:[{type:n.ViewChild,args:[$]}],_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 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:U(n,ee),key:e.key},{default:U(n,ne).call(n,e)}):null})),this.loadConfiguration=function(e){return(null==e?void 0:e.key)?U(n,te).call(n,e).get():U(n,ne).call(n,e)},this.loadConfigurationResult=function(e,t){var r,i,l,o={column:{},fixedColumn:{},firstColumns:[],secondColumns:[],firstHeaders:[],secondHeaders:[],displayedColumns:[],displayedFooters:[],multipleHeader:!1},a=e||{},s=a.selector,c=a.commands,d=a.group;return(null==s?void 0:s.visible)&&(o.firstHeaders.push(U(n,Z).SELECTION),o.displayedColumns.push(U(n,Z).SELECTION)),(null==c?void 0:c.length)&&(o.firstHeaders.push(U(n,Z).COMMAND),o.displayedColumns.push(U(n,Z).COMMAND)),(null===(r=null==d?void 0:d.fields)||void 0===r?void 0:r.length)&&(o.firstHeaders.push(U(n,Z).GROUP),o.displayedColumns.push(U(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&&(o.column[t.origin.field]={title:t.title||t.origin.title,width:t.width||t.origin.width},t.fixed&&(o.fixedColumn[t.origin.field]={title:t.title||t.origin.title,width:t.width||t.origin.width}),o.firstColumns.push(Object.assign(Object.assign({},r),{title:t.title||t.origin.title,width:t.width||t.origin.width})),o.firstHeaders.push(t.origin.field),o.displayedColumns.push(t.origin.field),"children"===r.type&&(null===(n=r.children)||void 0===n||n.forEach((function(e){o.secondColumns.push(e),o.secondHeaders.push(e.field),o.displayedColumns.push(e.field)}))))})),null===(l=null==e?void 0:e.columns)||void 0===l||l.filter((function(e){var n;return!(null===(n=null==t?void 0:t.columns)||void 0===n?void 0:n.some((function(t){return t.origin.field===e.field})))})).forEach((function(e){var t;o.firstColumns.push(Object.assign(Object.assign({},e),{title:e.title,width:e.width})),o.firstHeaders.push(e.field),o.displayedColumns.push(e.field),"children"===e.type&&(null===(t=e.children)||void 0===t||t.forEach((function(e){o.secondColumns.push(e),o.secondHeaders.push(e.field),o.displayedColumns.push(e.field)})))})),e.expand&&(o.firstHeaders.push(U(n,Z).SUBINFORMATION),o.displayedColumns.push(U(n,Z).SUBINFORMATION)),o.multipleHeader=o.secondHeaders.length>0,o.displayedFooters=o.displayedColumns.filter((function(e){return e!==U(n,Z).SUBINFORMATION})),o},this.init=function(e){return U(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:h.SdSettingService},{type:void 0,decorators:[{type:n.Inject,args:[K]},{type:n.Optional}]}]};var le,oe,ae,se,ce,de,ue,fe,pe=function(e){return{data:e,meta:{id:R(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),!U(t,ae)[s]){var c=t.settingService.create({prefix:U(t,le),key:s},{default:U(t,se).call(t,n),type:r?"session":void 0});c.set(U(t,de).call(t,n,c.get()));var d=t.settingService.create({prefix:U(t,oe),key:(null==e?void 0:e.cacheFilter)?s:a},{default:U(t,ce).call(t,n),type:r||!(null==e?void 0:e.cacheFilter)?"session":void 0});d.set(U(t,ue).call(t,n,d.get())),U(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(U(t,se).call(t,n))},observer:c.observer.pipe(f.startWith(c.get()),f.map((function(e){return e||U(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(U(t,ce).call(t,n))},observer:d.observer.pipe(f.startWith(d.get()),f.map((function(e){return e||U(t,ce).call(t,n)})))}}}return U(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=W(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=W(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=W(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,f={},p={},m={},g=e.columnOperator||{},h=e.columns,v=e.externalFilters,y=e.filterDefs;try{for(var b=W(h||[]),x=b.next();!x.done;x=b.next())f[(O=x.value).field]=null===(a=null==O?void 0:O.filter)||void 0===a?void 0:a.default,(null===(c=null===(s=null==O?void 0:O.filter)||void 0===s?void 0:s.operator)||void 0===c?void 0:c.enable)&&(null===(u=null===(d=null==O?void 0:O.filter)||void 0===d?void 0:d.operator)||void 0===u?void 0:u.default)&&(g[O.field]=O.filter.operator.default)}catch(e){t={error:e}}finally{try{x&&!x.done&&(n=b.return)&&n.call(b)}finally{if(t)throw t.error}}try{for(var F=W(v||[]),w=F.next();!w.done;w=F.next())p[(O=w.value).field]=null==O?void 0:O.default}catch(e){r={error:e}}finally{try{w&&!w.done&&(i=F.return)&&i.call(F)}finally{if(r)throw r.error}}try{for(var C=W(y||[]),D=C.next();!D.done;D=C.next()){var O;m[(O=D.value).sdTableFilterDef]=void 0}}catch(e){l={error:e}}finally{try{D&&!D.done&&(o=C.return)&&o.call(C)}finally{if(l)throw l.error}}return{columnFilter:f,externalFilter:p,filterDef:m,columnOperator:g}})),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=W(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=W(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=W(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,S={},I={},T={},E=e.columnOperator||{},M=e.columns,P=e.externalFilters,A=e.filterDefs;try{for(var R=W(M||[]),L=R.next();!L.done;L=R.next())S[(_=L.value).field]=null!==(c=null===(s=null==t?void 0:t.columnFilter)||void 0===s?void 0:s[_.field])&&void 0!==c?c:null===(d=null==_?void 0:_.filter)||void 0===d?void 0:d.default,(null===(f=null===(u=null==_?void 0:_.filter)||void 0===u?void 0:u.operator)||void 0===f?void 0:f.enable)&&(null===(m=null===(p=null==_?void 0:_.filter)||void 0===p?void 0:p.operator)||void 0===m?void 0:m.default)&&(E[_.field]=_.filter.operator.default)}catch(e){n={error:e}}finally{try{L&&!L.done&&(r=R.return)&&r.call(R)}finally{if(n)throw n.error}}try{for(var j=W(P||[]),z=j.next();!z.done;z=j.next())"daterange"===(_=z.value).type?I[_.field]={from:null!==(v=null===(h=null===(g=null==t?void 0:t.externalFilter)||void 0===g?void 0:g[_.field])||void 0===h?void 0:h.from)&&void 0!==v?v:null===(y=_.default)||void 0===y?void 0:y.from,to:null!==(F=null===(x=null===(b=null==t?void 0:t.externalFilter)||void 0===b?void 0:b[_.field])||void 0===x?void 0:x.to)&&void 0!==F?F:null===(w=_.default)||void 0===w?void 0:w.to}:I[_.field]=null!==(D=null===(C=null==t?void 0:t.externalFilter)||void 0===C?void 0:C[_.field])&&void 0!==D?D:null==_?void 0:_.default}catch(e){i={error:e}}finally{try{z&&!z.done&&(l=j.return)&&l.call(j)}finally{if(i)throw i.error}}try{for(var H=W(A||[]),N=H.next();!N.done;N=H.next()){var _;T[(_=N.value).sdTableFilterDef]=null!==(k=null===(O=null==t?void 0:t.filterDef)||void 0===O?void 0:O[_.sdTableFilterDef])&&void 0!==k?k:void 0}}catch(e){o={error:e}}finally{try{N&&!N.done&&(a=H.return)&&a.call(H)}finally{if(o)throw o.error}}return{columnFilter:S,externalFilter:I,filterDef:T,columnOperator:E}}))};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:h.SdSettingService}]};var ge,he,ve,ye,be,xe,Fe,we,Ce,De,Oe,ke,Se,Ie,Te,Ee,Me,Pe,Ae,Re,Le,je,ze,He,Ne,_e,We,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 N(i,void 0,void 0,(function(){return _(this,(function(e){return B(this,fe,this.tableConfigurationService.init(this.tableOption)),this.configuration=U(this,fe).get(),this.modal.open(),[2]}))}))},this.onSave=function(){U(i,fe).set(i.configuration),i.modal.close(),i.ref.detectChanges()},this.onReset=function(){return N(i,void 0,void 0,(function(){var e=this;return _(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(){U(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){b.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:u.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 s=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,c.v4()),this.key=c.v4(),he.set(this,new d.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 d.Subscription),Fe.set(this,new d.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;s.cellDef={};try{for(var n=W(s.sdCellDefs||[]),r=n.next();!r.done;r=n.next()){var i=r.value;i.sdTableCellDef&&(s.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;s.filterDefs=[];try{for(var n=W(s.sdFilterDefs),r=n.next();!r.done;r=n.next()){var i=r.value;s.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;s.footerDef={},s.hasFooter=!1;try{for(var n=W(s.sdFooterDefs),r=n.next();!r.done;r=n.next()){var i=r.value;i.sdTableFooterDef&&(s.hasFooter=!0,s.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=s.filterRegister.value.get();return{columnOperator:i.columnOperator||{},rawColumnFilter:i.columnFilter||{},rawExternalFilter:i.externalFilter||{},rawFilterDef:i.filterDef||{},orderBy:(null===(n=U(s,be))||void 0===n?void 0:n.active)||"",orderDirection:(null===(r=U(s,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,c,d,u,f,p,m,g,h,v,y,b,x,F,w,C,D,O,k,S,I,T,E,M,P,A,R,L,j,z,H,N;e.paginate={hidden:null===(r=null==e?void 0:e.paginate)||void 0===r?void 0:r.hidden,pageSize:null!==(c=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=s.tableConfiguration)||void 0===o?void 0:o.paginate)||void 0===a?void 0:a.pageSize)&&void 0!==c?c:null===(d=Q.paginate)||void 0===d?void 0:d.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=s.tableConfiguration)||void 0===p?void 0:p.paginate)||void 0===m?void 0:m.pages)&&void 0!==g?g:null===(h=Q.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};var _=function(e){(null===(x=null===(b=e.filter)||void 0===b?void 0:b.operator)||void 0===x?void 0:x.enable)&&((null===(C=null===(w=null===(F=e.filter)||void 0===F?void 0:F.operator)||void 0===w?void 0:w.list)||void 0===C?void 0:C.length)||("string"===e.type&&(e.filter.operator.list=(null===(k=null===(O=null===(D=s.tableConfiguration)||void 0===D?void 0:D.filter)||void 0===O?void 0:O.operator)||void 0===k?void 0:k.defaultListString)||[]),"number"===e.type&&(e.filter.operator.list=(null===(T=null===(I=null===(S=s.tableConfiguration)||void 0===S?void 0:S.filter)||void 0===I?void 0:I.operator)||void 0===T?void 0:T.defaultListNumber)||[]),"values"!==e.type&&"lazy-values"!==e.type||(e.filter.operator.list=(null===(P=null===(M=null===(E=s.tableConfiguration)||void 0===E?void 0:E.filter)||void 0===M?void 0:M.operator)||void 0===P?void 0:P.defaultListValues)||[]),"date"!==e.type&&"datetime"!==e.type||(e.filter.operator.list=(null===(L=null===(R=null===(A=s.tableConfiguration)||void 0===A?void 0:A.filter)||void 0===R?void 0:R.operator)||void 0===L?void 0:L.defaultListDate)||[])),s.columnOperator[e.field]=(null===(N=null===(H=null===(z=null===(j=s.tableConfiguration)||void 0===j?void 0:j.filter)||void 0===z?void 0:z.operator)||void 0===H?void 0:H.defaultOperator)||void 0===N?void 0:N[e.type])||void 0,e.filter.operator.default&&e.filter.operator.list.some((function(t){return t===e.filter.operator.default}))&&(s.columnOperator[e.field]=e.filter.operator.default))};try{for(var V=W(e.columns||[]),q=V.next();!q.done;q=V.next()){_(q.value)}}catch(e){t={error:e}}finally{try{q&&!q.done&&(n=V.return)&&n.call(V)}finally{if(t)throw t.error}}return e})),Te.set(this,(function(){var e,t,n,r;s.tableOption&&(s.filterRegister||(s.filterRegister=s.gridFilterService.register(null===(e=s.tableOption)||void 0===e?void 0:e.filter,{id:U(s,ge),columns:null===(t=s.tableOption)||void 0===t?void 0:t.columns,externalFilters:null===(r=null===(n=s.tableOption)||void 0===n?void 0:n.filter)||void 0===r?void 0:r.externalFilters,filterDefs:s.filterDefs,columnOperator:s.columnOperator}),U(s,xe).add(s.filterRegister.value.observer.pipe(f.debounceTime(500),f.map((function(e){var t=e.columnOperator,n=e.columnFilter,r=e.notReload;s.columnOperator=t||{},s.columnFilter=n,r||(U(s,ye)&&(U(s,ye).pageIndex=0),U(s,Fe).next({force:!1}))}))).subscribe())))})),Ee.set(this,(function(e,t){var n=s.tableOption.columns,r=t.rawColumnFilter,i=t.orderBy,l=t.orderDirection,o=t.pageSize,a=t.pageNumber,c=e.filter((function(e){var t,i,l,o,a,s,c,d,u=e.data,f=function(e){var t=e.field,n=e.type,i=(r[t]||"").toString().trim().toLowerCase(),f=(u[t]||"").toString().trim().toLowerCase();if(i){if(!f&&"datetime"!==n&&"date"!==n&&"time"!==n)return{value:!1};if("string"===n){if(-1===f.indexOf(i))return{value:!1}}else if("values"===n||"lazy-values"===n){var p=e;if(["MULTIPLE"].includes(p.option.selection)){var m=null!==(l=u[t].map((function(e){var t;return(null!==(t=e[p.option.valueField])&&void 0!==t?t:"").toString().trim().toLowerCase()})))&&void 0!==l?l:[],g=null===(o=r[t])||void 0===o?void 0:o.map((function(e){return(null!=e?e:"").toString().trim().toLowerCase()}));if((null==g?void 0:g.length)&&g.every((function(e){return!m.includes(e)})))return{value:!1}}else if(f!==i)return{value:!1}}else if("number"===n){var h=+i.replace(">=","").replace("<=","").replace(">","").replace("<",""),v=+f;if(h||0===h){if(!v&&0!==v)return{value:!1};if(i.indexOf(">=")>-1&&v<h)return{value:!1};if(i.indexOf("<=")>-1&&v>h)return{value:!1};if(i.indexOf("<")>-1&&v>=h)return{value:!1};if(i.indexOf(">")>-1&&v<=h)return{value:!1};if(v!==h)return{value:!1}}}else if("bool"===n){if("1"===i&&"1"!==f&&"true"!==f)return{value:!1};if("0"===i&&"0"!==f&&"false"!==f)return{value:!1}}else if("datetime"===n||"date"===n||"time"===n){var y=null!==(s=null===(a=r[t])||void 0===a?void 0:a.from)&&void 0!==s?s:r[t],b=null!==(d=null===(c=r[t])||void 0===c?void 0:c.to)&&void 0!==d?d:r[t],x=Date.begin(y),F=Date.end(b);if(x||F){if(!f)return{value:!1};var w=new Date(f).getTime(),C=(null==x?void 0:x.getTime())||null,D=(null==F?void 0:F.getTime())||null;if(C&&C>w)return{value:!1};if(D&&w>D)return{value:!1}}}}};try{for(var p=W(n),m=p.next();!m.done;m=p.next()){var g=f(m.value);if("object"==typeof g)return g.value}}catch(e){t={error:e}}finally{try{m&&!m.done&&(i=p.return)&&i.call(p)}finally{if(t)throw t.error}}return!0}));if(i&&l){var d=n.find((function(e){return e.field===i}));if(d){var u=d.type,f=d.field;c.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&&c.reverse()}}return{items:c.filter((function(e,t){return t>=a*o&&t<(a+1)*o})),total:c.length}})),Me.set(this,(function(){var e,t,n,r,i,l,o=s.filterRegister.value.get();return{columnOperator:o.columnOperator||{},rawColumnFilter:o.columnFilter||{},rawExternalFilter:o.externalFilter||{},rawFilterDef:o.filterDef||{},orderBy:(null===(e=U(s,be))||void 0===e?void 0:e.active)||"",orderDirection:(null===(t=U(s,be))||void 0===t?void 0:t.direction)||"",pageNumber:(null===(n=U(s,ye))||void 0===n?void 0:n.pageIndex)||0,pageSize:(null===(r=U(s,ye))||void 0===r?void 0:r.pageSize)||(null===(l=null===(i=s.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),N(s,void 0,void 0,(function(){var n,r,i,l,o,a,s=this;return _(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,U(this,We).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=B,a=[this,ve],[4,U(this,We).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,U(this,Ee).call(this,U(this,ve),e)]}}))}))})),Ae.set(this,(function(e){return N(s,void 0,void 0,(function(){var t,n,r,i,l=this;return _(this,(function(o){switch(o.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 o.sent(),this.isSelectAll=this.items.every((function(e){return e.meta.selector.isSelected})),U(this,Ne).call(this),setTimeout((function(){var e;null===(e=l.table)||void 0===e||e.updateStickyColumnStyles()}),0),[2]}}))}))})),this.reload=function(e){return void 0===e&&(e=!0),N(s,void 0,void 0,(function(){var t,n,r;return _(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,U(this,Pe).call(this,U(this,Me).call(this),e)];case 1:return r=i.sent(),U(this,Ae).call(this,r),[2]}}))}))},Re.set(this,(function(e,t){return void 0===e&&(e=0),void 0===t&&(t=1e4),N(s,void 0,void 0,(function(){var n,r,i,l,o,a;return _(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(U(this,Se).call(this,e,t)),Array.isArray(l)?[2,l]:(d.isObservable(l)&&(l=l.toPromise()),d.isObservable(l)&&(l=l.toPromise()),[4,l])):[3,2];case 1:return[2,s.sent()];case 2:return i=U(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,U(this,Ee).call(this,o,i)]}}))}))})),Le.set(this,(function(){var e=[];return s.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=s.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 N(s,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 _(this,(function(M){switch(M.label){case 0:M.trys.push([0,,18,19]),u=U(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 N(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 _(this,(function(S){switch(S.label){case 0:return[4,Promise.all(y)];case 1:t=S.sent(),y=[],h=[];try{for(n=W(t),r=n.next();!r.done;r=n.next())"items"in(i=r.value)?(h=q(h,i.items),m=i.total):h=q(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=U(this,Le).call(this),c=U(this,je).call(this),d=function(e){var t,n,r,i,l,o,a,d;return _(this,(function(f){switch(f.label){case 0:t={},n=function(r){return N(k,void 0,void 0,(function(){var i,l,o,a,d,f,p,m,g,h,v,y,b,x,F=this;return _(this,(function(w){switch(w.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]=w.sent(),[3,3];case 2:t[f.field]=m,w.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?(y=e[f.field],"lazy-values"===f.type&&"function"==typeof f.option.mapValue?(b=f.option.mapValue(y,e),x=(Array.isArray(b)?b:[b]).filter((function(e){return!!(null==e?void 0:e.toString())})),t[f.field]=null===(a=x.map((function(e){var t,n;return(null===(n=null===(t=U(F,Ce)[f.field])||void 0===t?void 0:t[e])||void 0===n?void 0:n[f.option.displayField])||e})))||void 0===a?void 0:a.join(", ")):(x=(Array.isArray(y)?y:[y]).filter((function(e){return!!(null==e?void 0:e.toString())})),t[f.field]=null===(d=x.map((function(e){var t,n;return(null===(n=null===(t=U(F,Ce)[f.field])||void 0===t?void 0:t[e])||void 0===n?void 0:n[f.option.displayField])||e})))||void 0===d?void 0:d.join(", "))):t[f.field]=e[f.field],w.label=5;case 5:return[2]}}))}))},f.label=1;case 1:f.trys.push([1,6,7,8]),a=void 0,r=W(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=W(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(U(this,Re).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=W(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(s.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)}))})),s.configuration){var r=q(n),i=s.configuration,l=q(i.firstColumns,i.secondColumns).reduce((function(e,t){var n=s.tableOption.columns.find((function(e){return e.field===t.field}));return n?"children"!==n.type?q(e,[n]):q(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 q(n,(null===(t=null===(e=s.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(){U(s,ze).call(s)},this.exportCSV=function(){U(s,ze).call(s,!0)},this.onFilterChange=function(){var e,t;null===(t=null===(e=s.tableFilter)||void 0===e?void 0:e.updateFilter)||void 0===t||t.call(e),s.filterRegister.value.set({columnOperator:s.columnOperator||{},columnFilter:s.columnFilter})},this.onExpand=function(e){return N(s,void 0,void 0,(function(){var t,n,r,i,l,o;return _(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=s.tableOption.selector)||void 0===r?void 0:r.onSelect)||void 0===i||i.call(r,e.data,s.items.filter((function(e){return e.meta.selector.isSelected})).map((function(e){return e.data}))),s.isSelectAll=s.items.every((function(e){return e.meta.selector.isSelected})),U(s,Ne).call(s);else{if(null===(l=s.tableOption.selector)||void 0===l?void 0:l.single)return s.items.filter((function(t){return t!==e})).forEach((function(e){return e.meta.selector.isSelected=!1})),void U(s,Ne).call(s);null===(a=null===(o=s.tableOption.selector)||void 0===o?void 0:o.onSelect)||void 0===a||a.call(o,e.data,s.items.filter((function(e){return e.meta.selector.isSelected})).map((function(e){return e.data}))),s.isSelectAll=s.items.every((function(e){return e.meta.selector.isSelected})),U(s,Ne).call(s)}},this.onSelectAll=function(){var e,t,n;null===(e=s.items)||void 0===e||e.forEach((function(e){var t,n,r,i;!e.meta.selector.selectable||(null===(r=null===(n=null===(t=s.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=s.isSelectAll)})),null===(n=null===(t=s.tableOption.selector)||void 0===t?void 0:t.onSelectAll)||void 0===n||n.call(t,s.items.filter((function(e){return e.meta.selector.isSelected})).map((function(e){return e.data}))),U(s,Ne).call(s)},this.onClearSelection=function(e){e=e||s.items,s.isSelectAll=!1,null==e||e.forEach((function(e){return e.meta.selector.isSelected=!1})),U(s,Ne).call(s)},Ne.set(this,(function(){s.selectedTableItems=s.items.filter((function(e){return e.meta.selector.isSelected})),s.ref.detectChanges()})),this.clearFilter=function(){s.filterRegister.value.remove()},this.setFilter=function(e){var t=e||{},n=t.columnFilter,r=t.externalFilter,i=t.filterDef;n&&(s.columnFilter=n),s.filterRegister.value.set({columnFilter:n,externalFilter:r,filterDef:i})},this.detectChanges=function(){return s.ref.detectChanges()},_e.set(this,(function(e){return N(s,void 0,void 0,(function(){var t,n,r,i,l,o,a,s,c,d,u,f,p,m,g,h;return _(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})),U(r,Ce)[e.field]=Array.toObject(r.cacheValues[e.field],e.option.valueField)))},r=this;try{for(i=W(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})),U(c,Ce)[e.key]=Array.toObject(c.cacheValues[e.key],e.valueField)},c=this;try{for(d=W(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]}}))}))})),We.set(this,(function(e,t){return N(s,void 0,void 0,(function(){var n,r,i,l,o,a,s,c,d,u,f,p,m=this;return _(this,(function(g){switch(g.label){case 0:l=e.map(pe),o=function(e){var t,o,s,c,d,u,f,p,g,h,v,y,b,x,F,w,C;return _(this,(function(D){switch(D.label){case 0:return t=e.field,e.cellStyle,o=e.click,s=e.tooltip,c=e.htmlTemplate,(d=e.transform)||c||"lazy-values"!==e.type||"function"!=typeof e.option.views?[3,2]:(u=e.option,f=u.views,p=u.mapValue,U(a,Ce)[t]=U(a,Ce)[t]||{},(g=l.map((function(e){var n,r;return"function"==typeof p?p(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!!(null==e?void 0:e.toString())})).reduce((function(e,t){return q(e,Array.isArray(t)?t:[t])}),[]).filter((function(e){return!Object.keys(U(m,Ce)[t]).includes(e)})).union()).length?[4,f(g).catch((function(e){return console.error(e),[]}))]:[3,2]);case 1:h=D.sent().filter((function(t){return g.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(U(a,Ce)[t],Array.toObject(h,e.option.valueField)||{}),D.label=2;case 2:v=function(l){var a,u,f,p,g,h,v,y,b,x;return _(this,(function(F){switch(F.label){case 0:return a=l.data,u=null==a?void 0:a[t],l.meta.display[t]={badge:void 0,cellStyle:"number"===e.type?{"text-align":"right!important"}:void 0,data:u,isHtml:!1,tooltip:"function"==typeof s?s(u,a):void 0,click:"function"==typeof o?function(){return o(u,a)}:void 0},f=l.meta.display[t],"function"!=typeof c?[3,1]:(f.isHtml=!0,f.data=c(u,a),[3,6]);case 1:return"function"!=typeof d?[3,5]:(p=d(u,a))instanceof Promise?(g=f,[4,p]):[3,3];case 2:return g.data=F.sent(),[3,4];case 3:f.data=p,F.label=4;case 4:return[3,6];case 5:"date"!==e.type&&"datetime"!==e.type&&"time"!==e.type||(h=Date.toFormat(u,"dd/MM/yyyy"),(null==(v=Date.toFormat(u,"HH:mm:ss"))?void 0:v.endsWith("00"))&&(v=Date.toFormat(u,"HH:mm")),"date"!==e.type&&"datetime"!==e.type||("datetime"===e.type?(f.isHtml=!0,f.data='<span class="d-block T14R text-black400">'+v+'</span><span class="d-block T14R">'+h+"</span>"):f.data=h),"time"===e.type&&(f.data=v)),"values"!==e.type&&"lazy-values"!==e.type||("lazy-values"===e.type&&"function"==typeof e.option.mapValue?(y=e.option.mapValue(u,a),b=(Array.isArray(y)?y:[y]).filter((function(e){return!!(null==e?void 0:e.toString())})),f.data=null===(n=b.map((function(n){var r,i;return(null===(i=null===(r=U(m,Ce)[t])||void 0===r?void 0:r[n])||void 0===i?void 0:i[e.option.displayField])||n})))||void 0===n?void 0:n.join(", ")):(b=(Array.isArray(u)?u:[u]).filter((function(e){return!!(null==e?void 0:e.toString())})),f.data=null===(r=b.map((function(n){var r,i;return(null===(i=null===(r=U(m,Ce)[t])||void 0===r?void 0:r[n])||void 0===i?void 0:i[e.option.displayField])||n})))||void 0===r?void 0:r.join(", "))),"number"===e.type&&Number.isNumber(u)&&(f.data=Number.toVNCurrency(u)),"bool"===e.type&&(x=e.option,f.data=null!=u&&""!==u?!0===u?(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&&(f.badge={type:"circle",color:u?"success":"danger",icon:null}):f.badge={type:(null==e?void 0:e.badgeType)?e.badgeType:"icon",color:e.badge(u,a),icon:null===(i=e.badgeIcon)||void 0===i?void 0:i.call(e,u,a)},F.label=6;case 6:return[2]}}))},D.label=3;case 3:D.trys.push([3,8,9,10]),w=void 0,y=W(l),b=y.next(),D.label=4;case 4:return b.done?[3,7]:(x=b.value,[5,v(x)]);case 5:D.sent(),D.label=6;case 6:return b=y.next(),[3,4];case 7:return[3,10];case 8:return F=D.sent(),w={error:F},[3,10];case 9:try{b&&!b.done&&(C=y.return)&&C.call(y)}finally{if(w)throw w.error}return[7];case 10:return[2]}}))},a=this,g.label=1;case 1:g.trys.push([1,6,7,8]),s=W(t),c=s.next(),g.label=2;case 2:return c.done?[3,5]:(d=c.value,[5,o(d)]);case 3:g.sent(),g.label=4;case 4:return c=s.next(),[3,2];case 5:return[3,8];case 6:return u=g.sent(),f={error:u},[3,8];case 7:try{c&&!c.done&&(p=s.return)&&p.call(s)}finally{if(f)throw f.error}return[7];case 8:return[2,l]}}))}))})),this.onOperatorChange=function(e,t){var n,r,i;null===(i=null===(r=null===(n=s.tableOption)||void 0===n?void 0:n.filter)||void 0===r?void 0:r.operatorChange)||void 0===i||i.call(r,e,t)},this.trackBy=function(e,t){return t.meta.id}}return Object.defineProperty(e.prototype,"option",{set:function(e){var t=this;if(e){e=U(this,Ie).call(this,e),this.tableOption=e,B(this,we,!1);var n=this.tableConfigurationService.init(this.tableOption);if(n)U(this,xe).add(n.observer.pipe(f.startWith(n.subject.getValue())).subscribe((function(){var e=t.tableConfigurationService.loadConfigurationResult(t.tableOption,n.get()),r=e.displayedColumns||[];t.loadingService.start(),t.ref.detectChanges(),U(t,_e).call(t,t.tableOption.columns.filter((function(e){return r.includes(e.field)}))).then((function(){t.configuration=e,U(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(),U(this,_e).call(this,this.tableOption.columns.filter((function(e){return l.includes(e.field)}))).then((function(){t.configuration=i,U(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&&U(this,ye)!==e&&(B(this,ye,e),U(this,xe).add(e.page.pipe(f.map((function(){U(t,Fe).next({force:!1})}))).subscribe()))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"sort",{set:function(e){var t=this;e&&U(this,be)!==e&&(B(this,be,e),U(this,xe).add(e.sortChange.pipe(f.map((function(){U(t,Fe).next({force:!1})}))).subscribe()))},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){U(this,De).call(this)},e.prototype.ngAfterViewInit=function(){var e=this;U(this,xe).add(U(this,Fe).pipe(f.debounceTime(200),f.switchMap((function(t){return N(e,void 0,void 0,(function(){var e,n;return _(this,(function(r){switch(r.label){case 0:return e=U(this,Me).call(this),[4,U(this,Pe).call(this,e,!U(this,we)||t.force)];case 1:return n=r.sent(),B(this,we,!0),[2,n]}}))}))}))).subscribe(U(this,Ae))),U(this,xe).add(this.sdCellDefs.changes.pipe(f.startWith([])).subscribe(U(this,De))),U(this,xe).add(this.sdFooterDefs.changes.pipe(f.startWith([])).subscribe(U(this,ke))),U(this,xe).add(this.sdFilterDefs.changes.pipe(f.startWith([])).subscribe(U(this,Oe))),U(this,xe).add(d.combineLatest([U(this,he).pipe(f.startWith(this.tableOption)),this.sdFilterDefs.changes.pipe(f.startWith(this.filterDefs))]).subscribe((function(){U(e,Te).call(e)}))),U(this,xe).add(U(this,he).subscribe((function(){e.filterRegister&&U(e,Fe).next({force:!0})}))),this.ref.detectChanges()},e.prototype.ngOnDestroy=function(){U(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,Ae=new WeakMap,Re=new WeakMap,Le=new WeakMap,je=new WeakMap,ze=new WeakMap,He=new WeakMap,Ne=new WeakMap,_e=new WeakMap,We=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 p-0"\r\n                mat-header-cell\r\n                *matHeaderCellDef\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 px-15"\r\n                    style="width: 50px"\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 p-0" mat-cell *matCellDef="let item">\r\n                <ng-container *ngIf="item | selectionVisible : tableOption?.selector">\r\n                  <mat-checkbox\r\n                    class="c-selection px-15"\r\n                    style="width: 50px"\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" sticky>\r\n              <th\r\n                class="p-0"\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                    (operatorChange)="onOperatorChange(column, $event)"\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                    (operatorChange)="onOperatorChange(column, $event)"\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:[s.trigger("detailExpand",[s.state("collapsed",s.style({height:"0",minHeight:"0",visibility:"hidden"})),s.state("expanded",s.style({height:"*",visibility:"visible"})),s.transition("expanded <=> collapsed",s.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:x.SdLoadingService},{type:void 0,decorators:[{type:n.Inject,args:[K]},{type:n.Optional}]},{type:ie},{type:g.SdExportService},{type:u.SdNotifyService},{type:me}]},qe.propDecorators={table:[{type:n.ViewChild,args:[a.MatTable]}],popupConfiguration:[{type:n.ViewChild,args:[Ve]}],sdScroll:[{type:n.ViewChild,args:[t.SdScrollDirective]}],quickAction:[{type:n.ViewChild,args:[v.SdQuickAction]}],tableFilter:[{type:n.ViewChild,args:[X]}],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:[z]}]};var Ue=function(){function e(){}return e.prototype.transform=function(e,t){return N(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 _(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=W(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=W(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=W(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=W(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,W(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,W(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=W(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 U(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=W(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=W(c),u=d.next();!u.done;u=d.next()){var f=u.value;if("children"in f)try{for(var p=(l=void 0,W(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 N(e,void 0,void 0,(function(){var e,r,i,l,o,a,s,c,d;return _(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=W(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">\r\n  <ng-container *ngTemplateOutlet="column.cellDef; context: { item: item.data, column: column }"> </ng-container>\r\n</ng-container>\r\n<sd-desktop-cell-view *ngIf="!cellDef[column.field] && !column.cellDef" [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"},{value:"NULL",symbol:"motion_photos_off",display:"Là rỗng"},{value:"NOT_NULL",symbol:"adjust",display:"Không rỗng"}],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.operatorChange=new n.EventEmitter,this.columnFilter={},this.operators=[],this.items=[],this.filterChange=new n.EventEmitter,lt.set(this,new d.Subject),ot.set(this,new d.Subscription),this.onFilterChange=function(){t.filterChange.emit()},this.onChangeOperator=function(e){e?(B(t,it,e.value),t.inlineSymbol=e.symbol):(B(t,it,null),t.inlineSymbol="filter_alt"),t.inlineOperatorChange.emit(U(t,it)),t.operatorChange.emit(U(t,it)),t.ref.markForCheck()}}return e.prototype._value=function(e){this.value=e,U(this,lt).next()},Object.defineProperty(e.prototype,"_inlineOperator",{set:function(e){var t,n;U(this,it)!==e&&(B(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||{},U(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;U(this,ot).add(U(this,lt).pipe(f.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(){U(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}],operatorChange:[{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=W(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,W(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=W(e),v=h.next();!v.done;v=h.next()){var y=v.value,b={};try{for(var x=(i=void 0,W(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=W(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,W(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,q(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}H(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,a.MatTableModule,C.MatMenuModule,i.MatIconModule,D.MatButtonModule,k.MatTooltipModule,F.MatProgressSpinnerModule,S.MatSlideToggleModule,T.MatCheckboxModule,E.MatListModule,w.CdkTableModule,b.DragDropModule,I.SdFormModule,O.SdServiceModule,t.SdCommonModule,M.SdGroupModule],declarations:[dt,rt,Qe,Xe,st,qe,re,j,z,Y,Ve,X,$,Ue,Be,Ge,Je,Ze,$e,Ke,et,ct,tt,nt,ut],exports:[qe,re,j,z,Y],providers:[r.DatePipe,r.DecimalPipe,w.CdkColumnDef,me,ie,{provide:l.MatPaginatorIntl,useClass:ft}]}]}];var mt=function(){};e.DEFAULT_TABLE_CONFIG=Q,e.MatPaginatorIntlCro=ft,e.SdFilterOperators=at,e.SdTabelCellDefDirective=j,e.SdTable=qe,e.SdTableFilterDefDirective=z,e.SdTableModule=pt,e.SdTableQuickFilter=mt,e.TABLE_CONFIG=K,e.ɵa=dt,e.ɵb=rt,e.ɵc=Qe,e.ɵd=Xe,e.ɵe=st,e.ɵf=Ve,e.ɵg=ie,e.ɵi=K,e.ɵj=X,e.ɵk=$,e.ɵl=Y,e.ɵm=re,e.ɵn=me,e.ɵo=Ue,e.ɵp=Be,e.ɵq=Ge,e.ɵr=Je,e.ɵs=Ze,e.ɵt=$e,e.ɵu=Ke,e.ɵv=et,e.ɵw=ct,e.ɵx=tt,e.ɵy=nt,e.ɵz=ut,Object.defineProperty(e,"__esModule",{value:!0})}));
+var H=function(e,t){return(H=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 N(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 _(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 W(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 V(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 q(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(V(arguments[t]));return e}Object.create;function U(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 B(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 G,J,Q={paginate:{pageSize:20,pages:[20,50,100,200]}},K=new n.InjectionToken("sd-table.configuration"),$=function(){function e(e){var t=this;this.cdRef=e,G.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=U(t,G).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=U(t,G).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(){U(t,G).configuration.set({inlineColumn:t.inlineColumn,inlineExternal:t.inlineExternal,inlineFilterDef:t.inlineFilterDef}),U(t,G).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){B(this,G,e)},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){},e.prototype.ngOnDestroy=function(){},e.prototype.onClear=function(){U(this,G).value.remove(),this.modal.close(),this.cdRef.markForCheck()},e}();G=new WeakMap,$.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}"]}]}],$.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},$.propDecorators={modal:[{type:n.ViewChild,args:[p.SdModal]}],filterRegister:[{type:n.Input}],externalFilters:[{type:n.Input}],columns:[{type:n.Input}],filterDefs:[{type:n.Input}]};var X=function(){function e(e,t){var n=this;this.ref=e,this.deviceService=t,this.columns=[],this.externalFilters=[],this.filterDefs=[],this.filterRegisterChange=new d.BehaviorSubject(null),this.filterDef={},this.inlineFilterDef={},this.columnFilter={},this.inlineColumn={},this.externalFilter={},this.inlineExternal={},J.set(this,new d.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;U(this,J).add(this.filterRegisterChange.pipe(f.startWith(this.filterRegister)).subscribe((function(t){e.filterRegister&&(U(e,J).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()}))),U(e,J).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(){U(this,J).unsubscribe()},e}();J=new WeakMap,X.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">\r\n          <ng-container *ngTemplateOutlet="item.filterDef; 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}"]}]}],X.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:m.DeviceDetectorService}]},X.propDecorators={popupFilter:[{type:n.ViewChild,args:[$]}],_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 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:U(n,ee),key:e.key},{default:U(n,ne).call(n,e)}):null})),this.loadConfiguration=function(e){return(null==e?void 0:e.key)?U(n,te).call(n,e).get():U(n,ne).call(n,e)},this.loadConfigurationResult=function(e,t){var r,i,l,o={column:{},fixedColumn:{},firstColumns:[],secondColumns:[],firstHeaders:[],secondHeaders:[],displayedColumns:[],displayedFooters:[],multipleHeader:!1},a=e||{},s=a.selector,c=a.commands,d=a.group;return(null==s?void 0:s.visible)&&(o.firstHeaders.push(U(n,Z).SELECTION),o.displayedColumns.push(U(n,Z).SELECTION)),(null==c?void 0:c.length)&&(o.firstHeaders.push(U(n,Z).COMMAND),o.displayedColumns.push(U(n,Z).COMMAND)),(null===(r=null==d?void 0:d.fields)||void 0===r?void 0:r.length)&&(o.firstHeaders.push(U(n,Z).GROUP),o.displayedColumns.push(U(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&&(o.column[t.origin.field]={title:t.title||t.origin.title,width:t.width||t.origin.width},t.fixed&&(o.fixedColumn[t.origin.field]={title:t.title||t.origin.title,width:t.width||t.origin.width}),o.firstColumns.push(Object.assign(Object.assign({},r),{title:t.title||t.origin.title,width:t.width||t.origin.width})),o.firstHeaders.push(t.origin.field),o.displayedColumns.push(t.origin.field),"children"===r.type&&(null===(n=r.children)||void 0===n||n.forEach((function(e){o.secondColumns.push(e),o.secondHeaders.push(e.field),o.displayedColumns.push(e.field)}))))})),null===(l=null==e?void 0:e.columns)||void 0===l||l.filter((function(e){var n;return!(null===(n=null==t?void 0:t.columns)||void 0===n?void 0:n.some((function(t){return t.origin.field===e.field})))})).forEach((function(e){var t;o.firstColumns.push(Object.assign(Object.assign({},e),{title:e.title,width:e.width})),o.firstHeaders.push(e.field),o.displayedColumns.push(e.field),"children"===e.type&&(null===(t=e.children)||void 0===t||t.forEach((function(e){o.secondColumns.push(e),o.secondHeaders.push(e.field),o.displayedColumns.push(e.field)})))})),e.expand&&(o.firstHeaders.push(U(n,Z).SUBINFORMATION),o.displayedColumns.push(U(n,Z).SUBINFORMATION)),o.multipleHeader=o.secondHeaders.length>0,o.displayedFooters=o.displayedColumns.filter((function(e){return e!==U(n,Z).SUBINFORMATION})),o},this.init=function(e){return U(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:h.SdSettingService},{type:void 0,decorators:[{type:n.Inject,args:[K]},{type:n.Optional}]}]};var le,oe,ae,se,ce,de,ue,fe,pe=function(e){return{data:e,meta:{id:R(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),!U(t,ae)[s]){var c=t.settingService.create({prefix:U(t,le),key:s},{default:U(t,se).call(t,n),type:r?"session":void 0});c.set(U(t,de).call(t,n,c.get()));var d=t.settingService.create({prefix:U(t,oe),key:(null==e?void 0:e.cacheFilter)?s:a},{default:U(t,ce).call(t,n),type:r||!(null==e?void 0:e.cacheFilter)?"session":void 0});d.set(U(t,ue).call(t,n,d.get())),U(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(U(t,se).call(t,n))},observer:c.observer.pipe(f.startWith(c.get()),f.map((function(e){return e||U(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(U(t,ce).call(t,n))},observer:d.observer.pipe(f.startWith(d.get()),f.map((function(e){return e||U(t,ce).call(t,n)})))}}}return U(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=W(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=W(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=W(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,f={},p={},m={},g=e.columnOperator||{},h=e.columns,v=e.externalFilters,y=e.filterDefs;try{for(var b=W(h||[]),x=b.next();!x.done;x=b.next())f[(O=x.value).field]=null===(a=null==O?void 0:O.filter)||void 0===a?void 0:a.default,(null===(c=null===(s=null==O?void 0:O.filter)||void 0===s?void 0:s.operator)||void 0===c?void 0:c.enable)&&(null===(u=null===(d=null==O?void 0:O.filter)||void 0===d?void 0:d.operator)||void 0===u?void 0:u.default)&&(g[O.field]=O.filter.operator.default)}catch(e){t={error:e}}finally{try{x&&!x.done&&(n=b.return)&&n.call(b)}finally{if(t)throw t.error}}try{for(var F=W(v||[]),w=F.next();!w.done;w=F.next())p[(O=w.value).field]=null==O?void 0:O.default}catch(e){r={error:e}}finally{try{w&&!w.done&&(i=F.return)&&i.call(F)}finally{if(r)throw r.error}}try{for(var C=W(y||[]),D=C.next();!D.done;D=C.next()){var O;m[(O=D.value).sdTableFilterDef]=void 0}}catch(e){l={error:e}}finally{try{D&&!D.done&&(o=C.return)&&o.call(C)}finally{if(l)throw l.error}}return{columnFilter:f,externalFilter:p,filterDef:m,columnOperator:g}})),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=W(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=W(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=W(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,S={},I={},T={},E=e.columnOperator||{},M=e.columns,P=e.externalFilters,A=e.filterDefs;try{for(var R=W(M||[]),L=R.next();!L.done;L=R.next())S[(_=L.value).field]=null!==(c=null===(s=null==t?void 0:t.columnFilter)||void 0===s?void 0:s[_.field])&&void 0!==c?c:null===(d=null==_?void 0:_.filter)||void 0===d?void 0:d.default,(null===(f=null===(u=null==_?void 0:_.filter)||void 0===u?void 0:u.operator)||void 0===f?void 0:f.enable)&&(null===(m=null===(p=null==_?void 0:_.filter)||void 0===p?void 0:p.operator)||void 0===m?void 0:m.default)&&(E[_.field]=_.filter.operator.default)}catch(e){n={error:e}}finally{try{L&&!L.done&&(r=R.return)&&r.call(R)}finally{if(n)throw n.error}}try{for(var j=W(P||[]),z=j.next();!z.done;z=j.next())"daterange"===(_=z.value).type?I[_.field]={from:null!==(v=null===(h=null===(g=null==t?void 0:t.externalFilter)||void 0===g?void 0:g[_.field])||void 0===h?void 0:h.from)&&void 0!==v?v:null===(y=_.default)||void 0===y?void 0:y.from,to:null!==(F=null===(x=null===(b=null==t?void 0:t.externalFilter)||void 0===b?void 0:b[_.field])||void 0===x?void 0:x.to)&&void 0!==F?F:null===(w=_.default)||void 0===w?void 0:w.to}:I[_.field]=null!==(D=null===(C=null==t?void 0:t.externalFilter)||void 0===C?void 0:C[_.field])&&void 0!==D?D:null==_?void 0:_.default}catch(e){i={error:e}}finally{try{z&&!z.done&&(l=j.return)&&l.call(j)}finally{if(i)throw i.error}}try{for(var H=W(A||[]),N=H.next();!N.done;N=H.next()){var _;T[(_=N.value).sdTableFilterDef]=null!==(k=null===(O=null==t?void 0:t.filterDef)||void 0===O?void 0:O[_.sdTableFilterDef])&&void 0!==k?k:void 0}}catch(e){o={error:e}}finally{try{N&&!N.done&&(a=H.return)&&a.call(H)}finally{if(o)throw o.error}}return{columnFilter:S,externalFilter:I,filterDef:T,columnOperator:E}}))};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:h.SdSettingService}]};var ge,he,ve,ye,be,xe,Fe,we,Ce,De,Oe,ke,Se,Ie,Te,Ee,Me,Pe,Ae,Re,Le,je,ze,He,Ne,_e,We,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 N(i,void 0,void 0,(function(){return _(this,(function(e){return B(this,fe,this.tableConfigurationService.init(this.tableOption)),this.configuration=U(this,fe).get(),this.modal.open(),[2]}))}))},this.onSave=function(){U(i,fe).set(i.configuration),i.modal.close(),i.ref.detectChanges()},this.onReset=function(){return N(i,void 0,void 0,(function(){var e=this;return _(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(){U(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){b.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:u.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 s=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,c.v4()),this.key=c.v4(),he.set(this,new d.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 d.Subscription),Fe.set(this,new d.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;s.cellDef={};try{for(var n=W(s.sdCellDefs||[]),r=n.next();!r.done;r=n.next()){var i=r.value;i.sdTableCellDef&&(s.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;s.filterDefs=[];try{for(var n=W(s.sdFilterDefs),r=n.next();!r.done;r=n.next()){var i=r.value;s.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;s.footerDef={},s.hasFooter=!1;try{for(var n=W(s.sdFooterDefs),r=n.next();!r.done;r=n.next()){var i=r.value;i.sdTableFooterDef&&(s.hasFooter=!0,s.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=s.filterRegister.value.get();return{columnOperator:i.columnOperator||{},rawColumnFilter:i.columnFilter||{},rawExternalFilter:i.externalFilter||{},rawFilterDef:i.filterDef||{},orderBy:(null===(n=U(s,be))||void 0===n?void 0:n.active)||"",orderDirection:(null===(r=U(s,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,c,d,u,f,p,m,g,h,v,y,b,x,F,w,C,D,O,k,S,I,T,E,M,P,A,R,L,j,z,H,N;e.paginate={hidden:null===(r=null==e?void 0:e.paginate)||void 0===r?void 0:r.hidden,pageSize:null!==(c=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=s.tableConfiguration)||void 0===o?void 0:o.paginate)||void 0===a?void 0:a.pageSize)&&void 0!==c?c:null===(d=Q.paginate)||void 0===d?void 0:d.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=s.tableConfiguration)||void 0===p?void 0:p.paginate)||void 0===m?void 0:m.pages)&&void 0!==g?g:null===(h=Q.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};var _=function(e){(null===(x=null===(b=e.filter)||void 0===b?void 0:b.operator)||void 0===x?void 0:x.enable)&&((null===(C=null===(w=null===(F=e.filter)||void 0===F?void 0:F.operator)||void 0===w?void 0:w.list)||void 0===C?void 0:C.length)||("string"===e.type&&(e.filter.operator.list=(null===(k=null===(O=null===(D=s.tableConfiguration)||void 0===D?void 0:D.filter)||void 0===O?void 0:O.operator)||void 0===k?void 0:k.defaultListString)||[]),"number"===e.type&&(e.filter.operator.list=(null===(T=null===(I=null===(S=s.tableConfiguration)||void 0===S?void 0:S.filter)||void 0===I?void 0:I.operator)||void 0===T?void 0:T.defaultListNumber)||[]),"values"!==e.type&&"lazy-values"!==e.type||(e.filter.operator.list=(null===(P=null===(M=null===(E=s.tableConfiguration)||void 0===E?void 0:E.filter)||void 0===M?void 0:M.operator)||void 0===P?void 0:P.defaultListValues)||[]),"date"!==e.type&&"datetime"!==e.type||(e.filter.operator.list=(null===(L=null===(R=null===(A=s.tableConfiguration)||void 0===A?void 0:A.filter)||void 0===R?void 0:R.operator)||void 0===L?void 0:L.defaultListDate)||[])),s.columnOperator[e.field]=(null===(N=null===(H=null===(z=null===(j=s.tableConfiguration)||void 0===j?void 0:j.filter)||void 0===z?void 0:z.operator)||void 0===H?void 0:H.defaultOperator)||void 0===N?void 0:N[e.type])||void 0,e.filter.operator.default&&e.filter.operator.list.some((function(t){return t===e.filter.operator.default}))&&(s.columnOperator[e.field]=e.filter.operator.default))};try{for(var V=W(e.columns||[]),q=V.next();!q.done;q=V.next()){_(q.value)}}catch(e){t={error:e}}finally{try{q&&!q.done&&(n=V.return)&&n.call(V)}finally{if(t)throw t.error}}return e})),Te.set(this,(function(){var e,t,n,r;s.tableOption&&(s.filterRegister||(s.filterRegister=s.gridFilterService.register(null===(e=s.tableOption)||void 0===e?void 0:e.filter,{id:U(s,ge),columns:null===(t=s.tableOption)||void 0===t?void 0:t.columns,externalFilters:null===(r=null===(n=s.tableOption)||void 0===n?void 0:n.filter)||void 0===r?void 0:r.externalFilters,filterDefs:s.filterDefs,columnOperator:s.columnOperator}),U(s,xe).add(s.filterRegister.value.observer.pipe(f.debounceTime(500),f.map((function(e){var t=e.columnOperator,n=e.columnFilter,r=e.notReload;s.columnOperator=t||{},s.columnFilter=n,r||(U(s,ye)&&(U(s,ye).pageIndex=0),U(s,Fe).next({force:!1}))}))).subscribe())))})),Ee.set(this,(function(e,t){var n=s.tableOption.columns,r=t.rawColumnFilter,i=t.orderBy,l=t.orderDirection,o=t.pageSize,a=t.pageNumber,c=e.filter((function(e){var t,i,l,o,a,s,c,d,u=e.data,f=function(e){var t=e.field,n=e.type,i=(r[t]||"").toString().trim().toLowerCase(),f=(u[t]||"").toString().trim().toLowerCase();if(i){if(!f&&"datetime"!==n&&"date"!==n&&"time"!==n)return{value:!1};if("string"===n){if(-1===f.indexOf(i))return{value:!1}}else if("values"===n||"lazy-values"===n){var p=e;if(["MULTIPLE"].includes(p.option.selection)){var m=null!==(l=u[t].map((function(e){var t;return(null!==(t=e[p.option.valueField])&&void 0!==t?t:"").toString().trim().toLowerCase()})))&&void 0!==l?l:[],g=null===(o=r[t])||void 0===o?void 0:o.map((function(e){return(null!=e?e:"").toString().trim().toLowerCase()}));if((null==g?void 0:g.length)&&g.every((function(e){return!m.includes(e)})))return{value:!1}}else if(f!==i)return{value:!1}}else if("number"===n){var h=+i.replace(">=","").replace("<=","").replace(">","").replace("<",""),v=+f;if(h||0===h){if(!v&&0!==v)return{value:!1};if(i.indexOf(">=")>-1&&v<h)return{value:!1};if(i.indexOf("<=")>-1&&v>h)return{value:!1};if(i.indexOf("<")>-1&&v>=h)return{value:!1};if(i.indexOf(">")>-1&&v<=h)return{value:!1};if(v!==h)return{value:!1}}}else if("bool"===n){if("1"===i&&"1"!==f&&"true"!==f)return{value:!1};if("0"===i&&"0"!==f&&"false"!==f)return{value:!1}}else if("datetime"===n||"date"===n||"time"===n){var y=null!==(s=null===(a=r[t])||void 0===a?void 0:a.from)&&void 0!==s?s:r[t],b=null!==(d=null===(c=r[t])||void 0===c?void 0:c.to)&&void 0!==d?d:r[t],x=Date.begin(y),F=Date.end(b);if(x||F){if(!f)return{value:!1};var w=new Date(f).getTime(),C=(null==x?void 0:x.getTime())||null,D=(null==F?void 0:F.getTime())||null;if(C&&C>w)return{value:!1};if(D&&w>D)return{value:!1}}}}};try{for(var p=W(n),m=p.next();!m.done;m=p.next()){var g=f(m.value);if("object"==typeof g)return g.value}}catch(e){t={error:e}}finally{try{m&&!m.done&&(i=p.return)&&i.call(p)}finally{if(t)throw t.error}}return!0}));if(i&&l){var d=n.find((function(e){return e.field===i}));if(d){var u=d.type,f=d.field;c.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&&c.reverse()}}return{items:c.filter((function(e,t){return t>=a*o&&t<(a+1)*o})),total:c.length}})),Me.set(this,(function(){var e,t,n,r,i,l,o=s.filterRegister.value.get();return{columnOperator:o.columnOperator||{},rawColumnFilter:o.columnFilter||{},rawExternalFilter:o.externalFilter||{},rawFilterDef:o.filterDef||{},orderBy:(null===(e=U(s,be))||void 0===e?void 0:e.active)||"",orderDirection:(null===(t=U(s,be))||void 0===t?void 0:t.direction)||"",pageNumber:(null===(n=U(s,ye))||void 0===n?void 0:n.pageIndex)||0,pageSize:(null===(r=U(s,ye))||void 0===r?void 0:r.pageSize)||(null===(l=null===(i=s.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),N(s,void 0,void 0,(function(){var n,r,i,l,o,a,s=this;return _(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,U(this,We).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=B,a=[this,ve],[4,U(this,We).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,U(this,Ee).call(this,U(this,ve),e)]}}))}))})),Ae.set(this,(function(e){return N(s,void 0,void 0,(function(){var t,n,r,i,l=this;return _(this,(function(o){switch(o.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 o.sent(),this.isSelectAll=this.items.every((function(e){return e.meta.selector.isSelected})),U(this,Ne).call(this),setTimeout((function(){var e;null===(e=l.table)||void 0===e||e.updateStickyColumnStyles()}),0),[2]}}))}))})),this.reload=function(e){return void 0===e&&(e=!0),N(s,void 0,void 0,(function(){var t,n,r;return _(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,U(this,Pe).call(this,U(this,Me).call(this),e)];case 1:return r=i.sent(),U(this,Ae).call(this,r),[2]}}))}))},Re.set(this,(function(e,t){return void 0===e&&(e=0),void 0===t&&(t=1e4),N(s,void 0,void 0,(function(){var n,r,i,l,o,a;return _(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(U(this,Se).call(this,e,t)),Array.isArray(l)?[2,l]:(d.isObservable(l)&&(l=l.toPromise()),d.isObservable(l)&&(l=l.toPromise()),[4,l])):[3,2];case 1:return[2,s.sent()];case 2:return i=U(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,U(this,Ee).call(this,o,i)]}}))}))})),Le.set(this,(function(){var e=[];return s.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=s.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 N(s,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 _(this,(function(M){switch(M.label){case 0:M.trys.push([0,,18,19]),u=U(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 N(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 _(this,(function(S){switch(S.label){case 0:return[4,Promise.all(y)];case 1:t=S.sent(),y=[],h=[];try{for(n=W(t),r=n.next();!r.done;r=n.next())"items"in(i=r.value)?(h=q(h,i.items),m=i.total):h=q(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=U(this,Le).call(this),c=U(this,je).call(this),d=function(e){var t,n,r,i,l,o,a,d;return _(this,(function(f){switch(f.label){case 0:t={},n=function(r){return N(k,void 0,void 0,(function(){var i,l,o,a,d,f,p,m,g,h,v,y,b,x,F=this;return _(this,(function(w){switch(w.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]=w.sent(),[3,3];case 2:t[f.field]=m,w.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?(y=e[f.field],"lazy-values"===f.type&&"function"==typeof f.option.mapValue?(b=f.option.mapValue(y,e),x=(Array.isArray(b)?b:[b]).filter((function(e){return!!(null==e?void 0:e.toString())})),t[f.field]=null===(a=x.map((function(e){var t,n;return(null===(n=null===(t=U(F,Ce)[f.field])||void 0===t?void 0:t[e])||void 0===n?void 0:n[f.option.displayField])||e})))||void 0===a?void 0:a.join(", ")):(x=(Array.isArray(y)?y:[y]).filter((function(e){return!!(null==e?void 0:e.toString())})),t[f.field]=null===(d=x.map((function(e){var t,n;return(null===(n=null===(t=U(F,Ce)[f.field])||void 0===t?void 0:t[e])||void 0===n?void 0:n[f.option.displayField])||e})))||void 0===d?void 0:d.join(", "))):t[f.field]=e[f.field],w.label=5;case 5:return[2]}}))}))},f.label=1;case 1:f.trys.push([1,6,7,8]),a=void 0,r=W(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=W(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(U(this,Re).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=W(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(s.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)}))})),s.configuration){var r=q(n),i=s.configuration,l=q(i.firstColumns,i.secondColumns).reduce((function(e,t){var n=s.tableOption.columns.find((function(e){return e.field===t.field}));return n?"children"!==n.type?q(e,[n]):q(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 q(n,(null===(t=null===(e=s.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(){U(s,ze).call(s)},this.exportCSV=function(){U(s,ze).call(s,!0)},this.onFilterChange=function(){var e,t;null===(t=null===(e=s.tableFilter)||void 0===e?void 0:e.updateFilter)||void 0===t||t.call(e),s.filterRegister.value.set({columnOperator:s.columnOperator||{},columnFilter:s.columnFilter})},this.onExpand=function(e){return N(s,void 0,void 0,(function(){var t,n,r,i,l,o;return _(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=s.tableOption.selector)||void 0===r?void 0:r.onSelect)||void 0===i||i.call(r,e.data,s.items.filter((function(e){return e.meta.selector.isSelected})).map((function(e){return e.data}))),s.isSelectAll=s.items.every((function(e){return e.meta.selector.isSelected})),U(s,Ne).call(s);else{if(null===(l=s.tableOption.selector)||void 0===l?void 0:l.single)return s.items.filter((function(t){return t!==e})).forEach((function(e){return e.meta.selector.isSelected=!1})),void U(s,Ne).call(s);null===(a=null===(o=s.tableOption.selector)||void 0===o?void 0:o.onSelect)||void 0===a||a.call(o,e.data,s.items.filter((function(e){return e.meta.selector.isSelected})).map((function(e){return e.data}))),s.isSelectAll=s.items.every((function(e){return e.meta.selector.isSelected})),U(s,Ne).call(s)}},this.onSelectAll=function(){var e,t,n;null===(e=s.items)||void 0===e||e.forEach((function(e){var t,n,r,i;!e.meta.selector.selectable||(null===(r=null===(n=null===(t=s.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=s.isSelectAll)})),null===(n=null===(t=s.tableOption.selector)||void 0===t?void 0:t.onSelectAll)||void 0===n||n.call(t,s.items.filter((function(e){return e.meta.selector.isSelected})).map((function(e){return e.data}))),U(s,Ne).call(s)},this.onClearSelection=function(e){e=e||s.items,s.isSelectAll=!1,null==e||e.forEach((function(e){return e.meta.selector.isSelected=!1})),U(s,Ne).call(s)},Ne.set(this,(function(){s.selectedTableItems=s.items.filter((function(e){return e.meta.selector.isSelected})),s.ref.detectChanges()})),this.clearFilter=function(){s.filterRegister.value.remove()},this.setFilter=function(e){var t=e||{},n=t.columnFilter,r=t.externalFilter,i=t.filterDef;n&&(s.columnFilter=n),s.filterRegister.value.set({columnFilter:n,externalFilter:r,filterDef:i})},this.detectChanges=function(){return s.ref.detectChanges()},_e.set(this,(function(e){return N(s,void 0,void 0,(function(){var t,n,r,i,l,o,a,s,c,d,u,f,p,m,g,h;return _(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})),U(r,Ce)[e.field]=Array.toObject(r.cacheValues[e.field],e.option.valueField)))},r=this;try{for(i=W(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})),U(c,Ce)[e.key]=Array.toObject(c.cacheValues[e.key],e.valueField)},c=this;try{for(d=W(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]}}))}))})),We.set(this,(function(e,t){return N(s,void 0,void 0,(function(){var n,r,i,l,o,a,s,c,d,u,f,p,m=this;return _(this,(function(g){switch(g.label){case 0:l=e.map(pe),o=function(e){var t,o,s,c,d,u,f,p,g,h,v,y,b,x,F,w,C;return _(this,(function(D){switch(D.label){case 0:return t=e.field,e.cellStyle,o=e.click,s=e.tooltip,c=e.htmlTemplate,(d=e.transform)||c||"lazy-values"!==e.type||"function"!=typeof e.option.views?[3,2]:(u=e.option,f=u.views,p=u.mapValue,U(a,Ce)[t]=U(a,Ce)[t]||{},(g=l.map((function(e){var n,r;return"function"==typeof p?p(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!!(null==e?void 0:e.toString())})).reduce((function(e,t){return q(e,Array.isArray(t)?t:[t])}),[]).filter((function(e){return!Object.keys(U(m,Ce)[t]).includes(e)})).union()).length?[4,f(g).catch((function(e){return console.error(e),[]}))]:[3,2]);case 1:h=D.sent().filter((function(t){return g.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(U(a,Ce)[t],Array.toObject(h,e.option.valueField)||{}),D.label=2;case 2:v=function(l){var a,u,f,p,g,h,v,y,b,x;return _(this,(function(F){switch(F.label){case 0:return a=l.data,u=null==a?void 0:a[t],l.meta.display[t]={badge:void 0,cellStyle:"number"===e.type?{"text-align":"right!important"}:void 0,data:u,isHtml:!1,tooltip:"function"==typeof s?s(u,a):void 0,click:"function"==typeof o?function(){return o(u,a)}:void 0},f=l.meta.display[t],"function"!=typeof c?[3,1]:(f.isHtml=!0,f.data=c(u,a),[3,6]);case 1:return"function"!=typeof d?[3,5]:(p=d(u,a))instanceof Promise?(g=f,[4,p]):[3,3];case 2:return g.data=F.sent(),[3,4];case 3:f.data=p,F.label=4;case 4:return[3,6];case 5:"date"!==e.type&&"datetime"!==e.type&&"time"!==e.type||(h=Date.toFormat(u,"dd/MM/yyyy"),(null==(v=Date.toFormat(u,"HH:mm:ss"))?void 0:v.endsWith("00"))&&(v=Date.toFormat(u,"HH:mm")),"date"!==e.type&&"datetime"!==e.type||("datetime"===e.type?(f.isHtml=!0,f.data='<span class="d-block T14R text-black400">'+v+'</span><span class="d-block T14R">'+h+"</span>"):f.data=h),"time"===e.type&&(f.data=v)),"values"!==e.type&&"lazy-values"!==e.type||("lazy-values"===e.type&&"function"==typeof e.option.mapValue?(y=e.option.mapValue(u,a),b=(Array.isArray(y)?y:[y]).filter((function(e){return!!(null==e?void 0:e.toString())})),f.data=null===(n=b.map((function(n){var r,i;return(null===(i=null===(r=U(m,Ce)[t])||void 0===r?void 0:r[n])||void 0===i?void 0:i[e.option.displayField])||n})))||void 0===n?void 0:n.join(", ")):(b=(Array.isArray(u)?u:[u]).filter((function(e){return!!(null==e?void 0:e.toString())})),f.data=null===(r=b.map((function(n){var r,i;return(null===(i=null===(r=U(m,Ce)[t])||void 0===r?void 0:r[n])||void 0===i?void 0:i[e.option.displayField])||n})))||void 0===r?void 0:r.join(", "))),"number"===e.type&&Number.isNumber(u)&&(f.data=Number.toVNCurrency(u)),"bool"===e.type&&(x=e.option,f.data=null!=u&&""!==u?!0===u?(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&&(f.badge={type:"circle",color:u?"success":"danger",icon:null}):f.badge={type:(null==e?void 0:e.badgeType)?e.badgeType:"icon",color:e.badge(u,a),icon:null===(i=e.badgeIcon)||void 0===i?void 0:i.call(e,u,a)},F.label=6;case 6:return[2]}}))},D.label=3;case 3:D.trys.push([3,8,9,10]),w=void 0,y=W(l),b=y.next(),D.label=4;case 4:return b.done?[3,7]:(x=b.value,[5,v(x)]);case 5:D.sent(),D.label=6;case 6:return b=y.next(),[3,4];case 7:return[3,10];case 8:return F=D.sent(),w={error:F},[3,10];case 9:try{b&&!b.done&&(C=y.return)&&C.call(y)}finally{if(w)throw w.error}return[7];case 10:return[2]}}))},a=this,g.label=1;case 1:g.trys.push([1,6,7,8]),s=W(t),c=s.next(),g.label=2;case 2:return c.done?[3,5]:(d=c.value,[5,o(d)]);case 3:g.sent(),g.label=4;case 4:return c=s.next(),[3,2];case 5:return[3,8];case 6:return u=g.sent(),f={error:u},[3,8];case 7:try{c&&!c.done&&(p=s.return)&&p.call(s)}finally{if(f)throw f.error}return[7];case 8:return[2,l]}}))}))})),this.onOperatorChange=function(e,t){var n,r,i;null===(i=null===(r=null===(n=s.tableOption)||void 0===n?void 0:n.filter)||void 0===r?void 0:r.operatorChange)||void 0===i||i.call(r,e,t)},this.trackBy=function(e,t){return t.meta.id}}return Object.defineProperty(e.prototype,"option",{set:function(e){var t=this;if(e){e=U(this,Ie).call(this,e),this.tableOption=e,B(this,we,!1);var n=this.tableConfigurationService.init(this.tableOption);if(n)U(this,xe).add(n.observer.pipe(f.startWith(n.subject.getValue())).subscribe((function(){var e=t.tableConfigurationService.loadConfigurationResult(t.tableOption,n.get()),r=e.displayedColumns||[];t.loadingService.start(),t.ref.detectChanges(),U(t,_e).call(t,t.tableOption.columns.filter((function(e){return r.includes(e.field)}))).then((function(){t.configuration=e,U(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(),U(this,_e).call(this,this.tableOption.columns.filter((function(e){return l.includes(e.field)}))).then((function(){t.configuration=i,U(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&&U(this,ye)!==e&&(B(this,ye,e),U(this,xe).add(e.page.pipe(f.map((function(){U(t,Fe).next({force:!1})}))).subscribe()))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"sort",{set:function(e){var t=this;e&&U(this,be)!==e&&(B(this,be,e),U(this,xe).add(e.sortChange.pipe(f.map((function(){U(t,Fe).next({force:!1})}))).subscribe()))},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){U(this,De).call(this)},e.prototype.ngAfterViewInit=function(){var e=this;U(this,xe).add(U(this,Fe).pipe(f.debounceTime(200),f.switchMap((function(t){return N(e,void 0,void 0,(function(){var e,n;return _(this,(function(r){switch(r.label){case 0:return e=U(this,Me).call(this),[4,U(this,Pe).call(this,e,!U(this,we)||t.force)];case 1:return n=r.sent(),B(this,we,!0),[2,n]}}))}))}))).subscribe(U(this,Ae))),U(this,xe).add(this.sdCellDefs.changes.pipe(f.startWith([])).subscribe(U(this,De))),U(this,xe).add(this.sdFooterDefs.changes.pipe(f.startWith([])).subscribe(U(this,ke))),U(this,xe).add(this.sdFilterDefs.changes.pipe(f.startWith([])).subscribe(U(this,Oe))),U(this,xe).add(d.combineLatest([U(this,he).pipe(f.startWith(this.tableOption)),this.sdFilterDefs.changes.pipe(f.startWith(this.filterDefs))]).subscribe((function(){U(e,Te).call(e)}))),U(this,xe).add(U(this,he).subscribe((function(){e.filterRegister&&U(e,Fe).next({force:!0})}))),this.ref.detectChanges()},e.prototype.ngOnDestroy=function(){U(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,Ae=new WeakMap,Re=new WeakMap,Le=new WeakMap,je=new WeakMap,ze=new WeakMap,He=new WeakMap,Ne=new WeakMap,_e=new WeakMap,We=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 p-0"\r\n                mat-header-cell\r\n                *matHeaderCellDef\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 px-15"\r\n                    style="width: 50px"\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 p-0" mat-cell *matCellDef="let item">\r\n                <ng-container *ngIf="item | selectionVisible : tableOption?.selector">\r\n                  <mat-checkbox\r\n                    class="c-selection px-15"\r\n                    style="width: 50px"\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" sticky>\r\n              <th\r\n                class="p-0"\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                    (operatorChange)="onOperatorChange(column, $event)"\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                    (operatorChange)="onOperatorChange(column, $event)"\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:[s.trigger("detailExpand",[s.state("collapsed",s.style({height:"0",minHeight:"0",visibility:"hidden"})),s.state("expanded",s.style({height:"*",visibility:"visible"})),s.transition("expanded <=> collapsed",s.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:x.SdLoadingService},{type:void 0,decorators:[{type:n.Inject,args:[K]},{type:n.Optional}]},{type:ie},{type:g.SdExportService},{type:u.SdNotifyService},{type:me}]},qe.propDecorators={table:[{type:n.ViewChild,args:[a.MatTable]}],popupConfiguration:[{type:n.ViewChild,args:[Ve]}],sdScroll:[{type:n.ViewChild,args:[t.SdScrollDirective]}],quickAction:[{type:n.ViewChild,args:[v.SdQuickAction]}],tableFilter:[{type:n.ViewChild,args:[X]}],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:[z]}]};var Ue=function(){function e(){}return e.prototype.transform=function(e,t){return N(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 _(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=W(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=W(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=W(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=W(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,W(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 [color]="command.color" 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 [color]="childCommand.color || \'secondary\'" [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,W(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=W(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 U(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=W(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=W(c),u=d.next();!u.done;u=d.next()){var f=u.value;if("children"in f)try{for(var p=(l=void 0,W(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 N(e,void 0,void 0,(function(){var e,r,i,l,o,a,s,c,d;return _(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=W(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">\r\n  <ng-container *ngTemplateOutlet="column.cellDef; context: { item: item.data, column: column }"> </ng-container>\r\n</ng-container>\r\n<sd-desktop-cell-view *ngIf="!cellDef[column.field] && !column.cellDef" [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"},{value:"NULL",symbol:"motion_photos_off",display:"Là rỗng"},{value:"NOT_NULL",symbol:"adjust",display:"Không rỗng"}],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.operatorChange=new n.EventEmitter,this.columnFilter={},this.operators=[],this.items=[],this.filterChange=new n.EventEmitter,lt.set(this,new d.Subject),ot.set(this,new d.Subscription),this.onFilterChange=function(){t.filterChange.emit()},this.onChangeOperator=function(e){e?(B(t,it,e.value),t.inlineSymbol=e.symbol):(B(t,it,null),t.inlineSymbol="filter_alt"),t.inlineOperatorChange.emit(U(t,it)),t.operatorChange.emit(U(t,it)),t.ref.markForCheck()}}return e.prototype._value=function(e){this.value=e,U(this,lt).next()},Object.defineProperty(e.prototype,"_inlineOperator",{set:function(e){var t,n;U(this,it)!==e&&(B(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||{},U(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;U(this,ot).add(U(this,lt).pipe(f.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(){U(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}],operatorChange:[{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=W(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,W(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=W(e),v=h.next();!v.done;v=h.next()){var y=v.value,b={};try{for(var x=(i=void 0,W(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=W(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,W(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,q(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}H(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,a.MatTableModule,C.MatMenuModule,i.MatIconModule,D.MatButtonModule,k.MatTooltipModule,F.MatProgressSpinnerModule,S.MatSlideToggleModule,T.MatCheckboxModule,E.MatListModule,w.CdkTableModule,b.DragDropModule,I.SdFormModule,O.SdServiceModule,t.SdCommonModule,M.SdGroupModule],declarations:[dt,rt,Qe,Xe,st,qe,re,j,z,Y,Ve,X,$,Ue,Be,Ge,Je,Ze,$e,Ke,et,ct,tt,nt,ut],exports:[qe,re,j,z,Y],providers:[r.DatePipe,r.DecimalPipe,w.CdkColumnDef,me,ie,{provide:l.MatPaginatorIntl,useClass:ft}]}]}];var mt=function(){};e.DEFAULT_TABLE_CONFIG=Q,e.MatPaginatorIntlCro=ft,e.SdFilterOperators=at,e.SdTabelCellDefDirective=j,e.SdTable=qe,e.SdTableFilterDefDirective=z,e.SdTableModule=pt,e.SdTableQuickFilter=mt,e.TABLE_CONFIG=K,e.ɵa=dt,e.ɵb=rt,e.ɵc=Qe,e.ɵd=Xe,e.ɵe=st,e.ɵf=Ve,e.ɵg=ie,e.ɵi=K,e.ɵj=X,e.ɵk=$,e.ɵl=Y,e.ɵm=re,e.ɵn=me,e.ɵo=Ue,e.ɵp=Be,e.ɵq=Ge,e.ɵr=Je,e.ɵs=Ze,e.ɵt=$e,e.ɵu=Ke,e.ɵv=et,e.ɵw=ct,e.ɵx=tt,e.ɵy=nt,e.ɵz=ut,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=sd-angular-core-table.umd.min.js.map