@sd-angular/core 1.3.219 → 1.3.220

package/bundles/sd-angular-core-grid-material.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 _=function(e,t){return(_=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 $(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]])}return n}function ee(e,t,n,i){return new(n||(n=Promise))((function(r,l){function o(e){try{s(i.next(e))}catch(e){l(e)}}function a(e){try{s(i.throw(e))}catch(e){l(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,a)}s((i=i.apply(e,t||[])).next())}))}function te(e,t){var n,i,r,l,o={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return l={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function a(l){return function(a){return function(l){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,i&&(r=2&l[0]?i.return:l[0]?i.throw||((r=i.return)&&r.call(i),0):i.next)&&!(r=r.call(i,l[1])).done)return r;switch(i=0,r&&(l=[2&l[0],r.value]),l[0]){case 0:case 1:r=l;break;case 4:return o.label++,{value:l[1],done:!1};case 5:o.label++,i=l[1],l=[0];continue;case 7:l=o.ops.pop(),o.trys.pop();continue;default:if(!(r=o.trys,(r=r.length>0&&r[r.length-1])||6!==l[0]&&2!==l[0])){o=0;continue}if(3===l[0]&&(!r||l[1]>r[0]&&l[1]<r[3])){o.label=l[1];break}if(6===l[0]&&o.label<r[1]){o.label=r[1],r=l;break}if(r&&o.label<r[2]){o.label=r[2],o.ops.push(l);break}r[2]&&o.ops.pop(),o.trys.pop();continue}l=t.call(e,o)}catch(e){l=[6,e],i=0}finally{n=r=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,a])}}}Object.create;function ne(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&i>=e.length&&(e=void 0),{value:e&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function ie(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,r,l=n.call(e),o=[];try{for(;(void 0===t||t-- >0)&&!(i=l.next()).done;)o.push(i.value)}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}return o}function re(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(ie(arguments[t]));return e}var le;Object.create;function oe(e,t,n,i){if("a"===n&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?i:"a"===n?i.call(e):i?i.value:t.get(e)}function ae(e,t,n,i,r){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?r.call(e,n):r?r.value=n:t.set(e,n),n}var se,de=function(){function e(e){var t=this;this.cdRef=e,le.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=oe(t,le).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=oe(t,le).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(){oe(t,le).configuration.set({inlineColumn:t.inlineColumn,inlineExternal:t.inlineExternal,inlineFilterDef:t.inlineFilterDef}),oe(t,le).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){ae(this,le,e)},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){},e.prototype.ngOnDestroy=function(){},e.prototype.onClear=function(){oe(this,le).value.remove(),this.modal.close(),this.cdRef.markForCheck()},e}();le=new WeakMap,de.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-select\r\n            *ngIf="column.type === \'values\' && !column?.editor?.autocomplete"\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-select>\r\n          <sd-autocomplete\r\n            *ngIf="column.type === \'values\' && column?.editor?.autocomplete"\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.sdMaterialFilterDef]" 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}"]}]}],de.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},de.propDecorators={modal:[{type:n.ViewChild,args:[u.SdModal]}],filterRegister:[{type:n.Input}],externalFilters:[{type:n.Input}],columns:[{type:n.Input}],filterDefs:[{type:n.Input}]};var ce,ue,me,pe,fe=function(){function e(e,t){var n=this;this.ref=e,this.deviceService=t,this.columns=[],this.externalFilters=[],this.filterDefs=[],this.filterRegisterChange=new a.BehaviorSubject(null),this.filterDef={},this.inlineFilterDef={},this.columnFilter={},this.inlineColumn={},this.externalFilter={},this.inlineExternal={},se.set(this,new a.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;oe(this,se).add(this.filterRegisterChange.pipe(c.startWith(this.filterRegister)).subscribe((function(t){e.filterRegister&&(oe(e,se).add(e.filterRegister.configuration.observer.subscribe((function(t){var n=t.inlineColumn,i=t.inlineExternal,r=t.inlineFilterDef;e.inlineColumn=n,e.inlineExternal=i,e.inlineFilterDef=r,e.ref.markForCheck()}))),oe(e,se).add(e.filterRegister.value.observer.subscribe((function(t){var n=t.columnFilter,i=t.externalFilter,r=t.filterDef;e.columnFilter=n,e.externalFilter=i,e.filterDef=r,e.ref.markForCheck()}))))})))},e.prototype.ngOnDestroy=function(){oe(this,se).unsubscribe()},e}();se=new WeakMap,fe.decorators=[{type:n.Component,args:[{selector:"sd-grid-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\r\n      *ngIf="!isMobileOrTablet && ((columns?.length && !filter?.inlineColumn) || externalFilters?.length || filterDefs?.length)"\r\n      class="row mx-0 pb-8">\r\n      <ng-container *ngIf="filter?.sorts?.length">\r\n        <ng-container *ngFor="let field of filter?.sorts">\r\n          <ng-container *ngIf="columns?.length && !filter?.inlineColumn">\r\n            <ng-container *ngFor="let item of columns | sdFilterColumn:field">\r\n              <ng-container *ngTemplateOutlet="filterColumn; context: {item: item}"></ng-container>\r\n            </ng-container>\r\n          </ng-container>\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.sdMaterialFilterDef] && item.sdMaterialFilterDef === field"\r\n              class="col-lg-2 col-md-3 col-sm-6 px-8">\r\n              <ng-container *ngTemplateOutlet="item.templateRef;context:{filterDef:filterDef, isInline: true}">\r\n              </ng-container>\r\n            </div>\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-container *ngIf="!filter?.sorts?.length">\r\n        <ng-container *ngIf="columns?.length && !filter?.inlineColumn">\r\n          <ng-container *ngFor="let item of columns | sdFilterColumn">\r\n            <ng-container *ngTemplateOutlet="filterColumn; context: {item: item}"></ng-container>\r\n          </ng-container>\r\n        </ng-container>\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.sdMaterialFilterDef]" class="col-lg-2 col-md-3 col-sm-6 px-8">\r\n            <ng-container *ngTemplateOutlet="item.templateRef;context:{filterDef:filterDef, isInline: true}">\r\n            </ng-container>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-template #filterColumn let-item="item">\r\n      <div *ngIf="inlineColumn[item.field]" class="col-lg-2 col-md-3 col-sm-6 px-8">\r\n        <sd-input [label]="item.title" *ngIf="item.type === \'string\'" type="text" [(model)]="columnFilter[item.field]"\r\n          (keyupEnter)="onFilter(item)" appearance="outline">\r\n        </sd-input>\r\n        <sd-input-number [label]="item.title" *ngIf="item.type === \'number\'" [(model)]="columnFilter[item.field]"\r\n          (keyupEnter)="onFilter(item)" appearance="outline">\r\n        </sd-input-number>\r\n        <sd-select [label]="item.title" *ngIf="item.type === \'bool\'" [items]="[{value:\'1\',display:item.option?.displayOnTrue || \'True\' },\r\n        {value:\'0\',display:item.option?.displayOnFalse || \'False\' }]" valueField="value" displayField="display"\r\n          [(model)]="columnFilter[item.field]" (sdChange)="onFilter(item)" appearance="outline">\r\n        </sd-select>\r\n        <sd-select *ngIf="item.type === \'values\' && item?.option?.selection !== \'AUTOCOMPLETE\'"\r\n          [items]="item.option?.items" [valueField]="item.option?.valueField" [displayField]="item.option.displayField"\r\n          [(model)]="columnFilter[item.field]" (sdChange)="onFilter(item)" [disabled]="item.filter?.disabled"\r\n          [multiple]="item?.option?.selection === \'MULTIPLE\' || item?.item?.selection === \'MULTIPLEAUTOCOMPLETE\'"\r\n          [filtered]="item?.option?.selection === \'MULTIPLEAUTOCOMPLETE\'" appearance="outline">\r\n        </sd-select>\r\n        <sd-autocomplete *ngIf="item.type === \'values\' && item?.option?.selection === \'AUTOCOMPLETE\'"\r\n          [items]="item.option?.items" [valueField]="item.option?.valueField" [displayField]="item.option?.displayField"\r\n          [(model)]="columnFilter[item.field]" (sdChange)="onFilter(item)" [disabled]="item.filter?.disabled"\r\n          appearance="outline">\r\n        </sd-autocomplete>\r\n        <sd-date-time *ngIf="item.type === \'date\' || item.type === \'datetime\' || item.type === \'time\'"\r\n          [label]="item.title" [(model)]="columnFilter[item.field]" [type]="item.type" (sdChange)="onFilter(item)"\r\n          appearance="outline">\r\n        </sd-date-time>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #filterExternal let-item="item">\r\n      <div *ngIf="inlineExternal[item.field]" class="col-lg-2 col-md-3 col-sm-6 px-8">\r\n        <sd-input [label]="item.title" *ngIf="item.type === \'string\'" type="text" [(model)]="externalFilter[item.field]"\r\n          (keyupEnter)="onFilter(item)" appearance="outline">\r\n        </sd-input>\r\n        <sd-input-number [label]="item.title" *ngIf="item.type === \'number\'" [(model)]="externalFilter[item.field]"\r\n          (keyupEnter)="onFilter(item)" appearance="outline">\r\n        </sd-input-number>\r\n        <sd-select [label]="item.title" *ngIf="item.type === \'bool\'" [items]="[{value:\'1\',display:item.option?.displayOnTrue || \'True\' },\r\n        {value:\'0\',display:item.option?.displayOnFalse || \'False\' }]" valueField="value" displayField="display"\r\n          [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" appearance="outline">\r\n        </sd-select>\r\n        <ng-container *ngIf="item.type === \'values\' && item.option">\r\n          <sd-select *ngIf="item.option?.selection === \'MULTIPLE\'" [label]="item.title" [items]="item.option.items"\r\n            [valueField]="item.option.valueField" [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" [selectAll]="item.option.selectAll"\r\n            appearance="outline" multiple>\r\n          </sd-select>\r\n          <sd-autocomplete *ngIf="item.option?.selection === \'AUTOCOMPLETE\'" [label]="item.title"\r\n            [items]="item.option.items" [valueField]="item.option.valueField" [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" appearance="outline">\r\n          </sd-autocomplete>\r\n          <sd-select *ngIf="item.option?.selection === \'MULTIPLEAUTOCOMPLETE\'" [label]="item.title"\r\n            [items]="item.option.items" [valueField]="item.option.valueField" [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" filtered="true" appearance="outline"\r\n            multiple>\r\n          </sd-select>\r\n          <sd-select *ngIf="!item.option?.selection" [label]="item.title" [items]="item.option.items"\r\n            [valueField]="item.option.valueField" [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" appearance="outline">\r\n          </sd-select>\r\n        </ng-container>\r\n        <sd-date-time [label]="item.title" *ngIf="item.type ===\'date\' || item.type ===\'datetime\'"\r\n          [(model)]="externalFilter[item.field]" [type]="item.type" (sdChange)="onFilter(item)" appearance="outline">\r\n        </sd-date-time>\r\n        <sd-date-range [label]="item.title" *ngIf="item.type ===\'daterange\' && externalFilter[item.field]"\r\n          [(from)]="externalFilter[item.field].from" [(to)]="externalFilter[item.field].to" [min]="item.minDate"\r\n          [max]="item.maxDate" (sdChange)="onFilter(item)" appearance="outline">\r\n        </sd-date-range>\r\n      </div>\r\n    </ng-template>\r\n    <sd-popup-filter [filterRegister]="filterRegister" [columns]="columns"\r\n      [externalFilters]="externalFilters" [filterDefs]="filterDefs">\r\n    </sd-popup-filter>\r\n  </ng-template>\r\n</ng-container>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;padding-left:0;padding-right:0}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0}"]}]}],fe.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:m.DeviceDetectorService}]},fe.propDecorators={popupFilter:[{type:n.ViewChild,args:[de]}],_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 ge,he,ve,ye,be,xe,Ce,we,Oe=function(){function e(e,t,i,r,l){var o=this;this.ref=e,this.loadingService=t,this.exportService=i,this.notifyService=r,this.translateService=l,this.columns=[],this.groups=[],this.enableCreating=!1,this.selected={},this.files=[],this.export=new n.EventEmitter,this.form=new v.FormGroup({}),ce.set(this,(function(){return re(o.gridColumns,o.additionalColumns)})),ue.set(this,(function(){var e,t,n;return(null===(n=null===(t=null===(e=o.gridOption)||void 0===e?void 0:e.export)||void 0===t?void 0:t.groups)||void 0===n?void 0:n.filter((function(e){var t=e.permission;return"function"==typeof t?t():t})))||[]})),this.open=function(){return ee(o,void 0,void 0,(function(){var e,t;return te(this,(function(n){return this.key?(1===this.groups.length&&(null===(t=null===(e=this.gridOption)||void 0===e?void 0:e.export)||void 0===t?void 0:t.hideMyTemplates)?this.loadFiles(this.groups[0].code):this.loadFiles(null),this.selected={},this.modal.open(),this.ref.detectChanges(),[2]):(this.exportDefault(),[2])}))}))},me.set(this,(function(){if(o.configuration){var e=re(o.gridColumns),t=o.configuration,n=re(t.firstColumns,t.secondColumns).reduce((function(e,t){var n=o.gridOption.columns.find((function(e){return e.field===t.field}));return n?"children"!==n.type&&"children-col"!==n.type?re(e,[n]):re(e,n.children.filter((function(e){return"image"!==e.type}))):e}),[]);return re(n.map((function(t){return Object.assign(Object.assign({},t),{data:e.find((function(e){return e.field===t.field}))})})).filter((function(e){return!!e.data})).map((function(e){return e.data})),o.additionalColumns)}return o.columns})),this.exportDefault=function(){o.export.emit({file:null,columns:oe(o,me).call(o),isCSV:!1})},this.exportCSV=function(){o.export.emit({file:null,columns:oe(o,me).call(o),isCSV:!0})},this.loadFiles=function(e){return void 0===e&&(e=null),ee(o,void 0,void 0,(function(){var t;return te(this,(function(n){switch(n.label){case 0:return this.selectedGroup=this.groups.find((function(t){return t.code===e})),t=this,[4,this.exportService.filesInFolder({key:this.key,group:e})];case 1:return t.files=n.sent(),this.ref.markForCheck(),[2]}}))}))},pe.set(this,(function(e){return ee(o,void 0,void 0,(function(){var t,n,i,r,l,o,a,s,d,c,u,m,p,f;return te(this,(function(g){switch(g.label){case 0:if(l=[],!Array.isArray(null===(n=null===(t=this.gridOption)||void 0===t?void 0:t.export)||void 0===n?void 0:n.sheets))return[3,9];g.label=1;case 1:g.trys.push([1,7,8,9]),o=ne(this.gridOption.export.sheets),a=o.next(),g.label=2;case 2:return a.done?[3,6]:(s=a.value).name&&s.items&&s.fields?Array.isArray(s.items)?(l.push({name:s.name,items:s.items,fields:s.fields}),[3,5]):[3,3]:[3,5];case 3:return c=(d=l).push,u={name:s.name},[4,s.items()];case 4:c.apply(d,[(u.items=g.sent(),u.fields=s.fields,u)]),g.label=5;case 5:return a=o.next(),[3,2];case 6:return[3,9];case 7:return m=g.sent(),p={error:m},[3,9];case 8:try{a&&!a.done&&(f=o.return)&&f.call(o)}finally{if(p)throw p.error}return[7];case 9:return[4,this.exportService.generateTemplate({fileName:e||(null===(r=null===(i=this.gridOption)||void 0===i?void 0:i.export)||void 0===r?void 0:r.fileName),columns:this.columns,sheets:l})];case 10:return[2,g.sent()]}}))}))})),this.generateTemplate=function(){return ee(o,void 0,void 0,(function(){return te(this,(function(e){switch(e.label){case 0:return this.loadingService.start(),[4,oe(this,pe).call(this).finally(this.loadingService.stop)];case 1:return e.sent(),[2]}}))}))},this.generateAndUploadTemplate=function(e){return ee(o,void 0,void 0,(function(){var t,n,i,r,l,o,a,s,d,c,u,m,p,f,g,h,v,y=this;return te(this,(function(b){switch(b.label){case 0:if(s=[],!Array.isArray(null===(n=null===(t=this.gridOption)||void 0===t?void 0:t.export)||void 0===n?void 0:n.sheets))return[3,9];b.label=1;case 1:b.trys.push([1,7,8,9]),d=ne(null===(r=null===(i=this.gridOption)||void 0===i?void 0:i.export)||void 0===r?void 0:r.sheets),c=d.next(),b.label=2;case 2:return c.done?[3,6]:(u=c.value).name&&u.items&&u.fields?Array.isArray(u.items)?(s.push({name:u.name,items:u.items,fields:u.fields}),[3,5]):[3,3]:[3,5];case 3:return p=(m=s).push,f={name:u.name},[4,u.items()];case 4:p.apply(m,[(f.items=b.sent(),f.fields=u.fields,f)]),b.label=5;case 5:return c=d.next(),[3,2];case 6:return[3,9];case 7:return g=b.sent(),h={error:g},[3,9];case 8:try{c&&!c.done&&(v=d.return)&&v.call(d)}finally{if(h)throw h.error}return[7];case 9:return[4,this.exportService.generateUploadTemplate({key:this.key,template:{fileName:e||(null===(o=null===(l=this.gridOption)||void 0===l?void 0:l.export)||void 0===o?void 0:o.fileName),columns:this.columns.filter((function(e){return y.selected[e.field]})),sheets:s},group:null===(a=this.selectedGroup)||void 0===a?void 0:a.code})];case 10:return[2,b.sent()]}}))}))},this.onExport=function(e){o.export.emit({file:e,columns:o.columns}),o.ref.detectChanges()},this.uploadTemplate=function(){return ee(o,void 0,void 0,(function(){var e,t,n,i;return te(this,(function(r){switch(r.label){case 0:return[4,this.exportService.uploadTemplate({key:this.key,group:null===(e=this.selectedGroup)||void 0===e?void 0:e.code,validator:null===(n=null===(t=this.gridOption)||void 0===t?void 0:t.export)||void 0===n?void 0:n.validators})];case 1:return(i=r.sent())&&(this.files=re(this.files,[i]),this.ref.detectChanges()),[2]}}))}))},this.removeFile=function(e){o.notifyService.confirm(o.translateService.translate("Remove template")).then((function(){var t;o.exportService.removeFile({key:o.key,fileName:e.fileName,group:(null===(t=o.selectedGroup)||void 0===t?void 0:t.code)||null});var n=o.files.indexOf(e);o.files.splice(n,1),o.files=re(o.files),o.ref.detectChanges()}))},this.createTemplate=function(){return ee(o,void 0,void 0,(function(){var e,t,n,i,r,l,o,a,s=this;return te(this,(function(d){switch(d.label){case 0:if(this.form.invalid)return this.form.markAllAsTouched(),[2];if(!this.columns.some((function(e){return s.selected[e.field]})))return this.notifyService.notify.warning("Vui lòng chọn cột dữ liệu để xuất"),[2];this.loadingService.start(),l=this.templateName+".xlsx",d.label=1;case 1:return d.trys.push([1,,3,4]),(null===(n=null===(t=null===(e=this.gridOption)||void 0===e?void 0:e.export)||void 0===t?void 0:t.validators)||void 0===n?void 0:n.call(t,l))?(this.notifyService.notify.warning(null===(r=null===(i=this.gridOption)||void 0===i?void 0:i.export)||void 0===r?void 0:r.validators(l)),[2]):[4,this.generateAndUploadTemplate(l)];case 2:return(null==(o=d.sent())?void 0:o.filePath)&&(a={filePath:o.filePath,fileName:o.fileName},this.onExport(a),this.templateName=null,this.enableCreating=!1,this.files=re(this.files,[a]),this.ref.detectChanges()),[3,4];case 3:return this.loadingService.stop(),[7];case 4:return[2]}}))}))},this.onChangeGroup=function(){var e,t,n;o.loadFiles(null===(n=null===(t=null===(e=o.listGroups)||void 0===e?void 0:e.selectedOptions)||void 0===t?void 0:t.selected[0])||void 0===n?void 0:n.value)},this.validatorTemplateName=function(e){var t=o.translateService.translate;return e?e.length>50?t("Template name is too long"):/^[A-Za-z0-9 _]*[A-Za-z0-9][A-Za-z0-9 _]*$/.test(e)?null:t("Template name only contains letters, numbers and spaces"):t("Please enter your template name")}}return Object.defineProperty(e.prototype,"_gridOption",{set:function(e){this.gridOption=e,this.columns=oe(this,ce).call(this),this.groups=oe(this,ue).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"key",{get:function(){var e,t,n,i;return(null===(t=null===(e=this.gridOption)||void 0===e?void 0:e.export)||void 0===t?void 0:t.key)?G.default({prefix:"93889e78-f971-4a1d-8c73-fe2321af9233",key:null===(i=null===(n=this.gridOption)||void 0===n?void 0:n.export)||void 0===i?void 0:i.key}):null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"gridColumns",{get:function(){var e=[];return this.gridOption.columns.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(t){var n,i;"image"!==t.type&&("children"!==t.type?"children-col"!==t.type?e.push(t):null===(i=t.children)||void 0===i||i.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(t){"image"!==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){"image"!==t.type&&e.push(t)})))})),e.map((function(e){return{field:e.field,title:e.title,description:e.description,width:e.width}}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"additionalColumns",{get:function(){var e,t;return((null===(t=null===(e=this.gridOption.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)})))||[]).map((function(e){return{field:e.field,title:e.title,description:e.description,width:e.width}}))},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.ngAfterViewInit=function(){},e}();ce=new WeakMap,ue=new WeakMap,me=new WeakMap,pe=new WeakMap,Oe.decorators=[{type:n.Component,args:[{selector:"sd-popup-export",template:'<sd-modal width="907px" [title]="\'Exported template\' | sdTranslate" #modal>\r\n  <sd-modal-body>\r\n    <div class="row">\r\n      <ng-container\r\n        *ngIf="groups?.length > 1 || (groups?.length === 1 && !gridOption?.export?.hideMyTemplates); else noSelection">\r\n        <div class="col-9">\r\n          <ng-container *ngTemplateOutlet="content"></ng-container>\r\n        </div>\r\n        <div class="col-3">\r\n          <mat-selection-list [multiple]="false" #listGroups>\r\n            <mat-list-option *ngIf="!gridOption?.export?.hideMyTemplates" [value]="" (click)="loadFiles()">\r\n              <div mat-line>{{\'My templates\' | sdTranslate}}</div>\r\n            </mat-list-option>\r\n            <mat-list-option [value]="group.code" *ngFor="let group of groups" (click)="loadFiles(group.code)">\r\n              <div mat-line>{{group.title}}</div>\r\n            </mat-list-option>\r\n          </mat-selection-list>\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #noSelection>\r\n        <div class="col-12">\r\n          <ng-container *ngTemplateOutlet="content"></ng-container>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template #content>\r\n        <div class="row">\r\n          <div *ngIf="!files?.length" class="col-12">\r\n            <div class="c-empty">\r\n              <img class="c-empty-image">\r\n              <div class="T14R">{{\'There are no exported templates\' | sdTranslate}}</div>\r\n            </div>\r\n          </div>\r\n          <ng-container *ngIf="files?.length">\r\n            <div class="col-12">\r\n              <div class="c-table" style="max-height:50vh">\r\n                <table mat-table [dataSource]="files">\r\n                  <ng-container matColumnDef="stt">\r\n                    <th mat-header-cell class="c-th text-center px-5" *matHeaderCellDef style="width:50px">#\r\n                    </th>\r\n                    <td class="text-center px-5" mat-cell *matCellDef="let item; let idx = index">\r\n                      {{idx + 1}}\r\n                    </td>\r\n                  </ng-container>\r\n                  <ng-container matColumnDef="fileName">\r\n                    <th mat-header-cell class="c-th px-5" *matHeaderCellDef>{{\'File name\' | sdTranslate}}\r\n                    </th>\r\n                    <td class="px-5" mat-cell *matCellDef="let item;">\r\n                      {{item.fileName}}\r\n                    </td>\r\n                  </ng-container>\r\n                  <ng-container matColumnDef="action">\r\n                    <th mat-header-cell class="c-th px-5" *matHeaderCellDef style="width:80px">\r\n                    </th>\r\n                    <td class="px-5" mat-cell *matCellDef="let item;">\r\n                      <div class="d-flex">\r\n                        <button *ngIf="!selectedGroup || selectedGroup?.permission === \'delete\'" mat-icon-button\r\n                          aria-label="delete" (click)="removeFile(item)">\r\n                          <mat-icon>delete</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button aria-label="download" (click)="onExport(item)">\r\n                          <mat-icon>download</mat-icon>\r\n                        </button>\r\n                      </div>\r\n                    </td>\r\n                  </ng-container>\r\n                  <tr mat-header-row *matHeaderRowDef="[\'stt\', \'fileName\', \'action\']; sticky: true">\r\n                  </tr>\r\n                  <tr mat-row *matRowDef="let row; columns: [\'stt\', \'fileName\', \'action\'];"></tr>\r\n                </table>\r\n              </div>\r\n            </div>\r\n            <div *ngIf="files.length < 5 && (!selectedGroup || selectedGroup?.permission === \'add\' || selectedGroup?.permission === \'delete\')"\r\n              class="col-12 mt-10">\r\n              <sd-button class="mr-5" [title]="\'New template\' | sdTranslate" (action)="enableCreating = true"\r\n                color="info" [disabled]="enableCreating">\r\n              </sd-button>\r\n              <sd-button *ngIf="gridOption?.export?.enableUpload" [title]="\'Upload template\' | sdTranslate"\r\n                (action)="uploadTemplate()" type="outline">\r\n              </sd-button>\r\n            </div>\r\n          </ng-container>\r\n          <ng-container *ngIf="(enableCreating || !files?.length) && (!selectedGroup || selectedGroup?.permission === \'add\' || selectedGroup?.permission === \'delete\')">\r\n            <div class="col-12 mt-20">\r\n              <div class="T14R">{{\'Select columns for creating template\' | sdTranslate}}:</div>\r\n            </div>\r\n            <div class="col-12">\r\n              <mat-chip-list selectable="true" multiple="true">\r\n                <ng-container *ngFor="let column of columns">\r\n                  <mat-chip [selected]="selected[column.field]"\r\n                    (click)="selected[column.field] = !selected[column.field]">\r\n                    {{column.title}}\r\n                  </mat-chip>\r\n                </ng-container>\r\n              </mat-chip-list>\r\n            </div>\r\n            <div class="col-12 row">\r\n              <div class="col-10">\r\n                <sd-input [form]="form" [label]="\'Template name\' | sdTranslate" [(model)]="templateName"\r\n                  [validator]="validatorTemplateName"></sd-input>\r\n              </div>\r\n              <div class="col-2 mt-7">\r\n                <sd-button width="100%" [title]="\'Save\' | sdTranslate" color="info" (action)="createTemplate()">\r\n                </sd-button>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n      </ng-template>\r\n    </div>\r\n  </sd-modal-body>\r\n</sd-modal>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:['.c-radio-group{display:flex;flex-direction:column;margin:15px 0}.c-radio-button{margin:5px}.c-empty{align-items:center;background:#f6f6f6;border-radius:4px;display:flex;flex-direction:column;height:116px;justify-content:center;position:static}.c-empty .c-empty-image{content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA6CAYAAAAHkoFsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABCiSURBVHgB7VtLj2VVFV5rn0tXJ902ktjppgEJ0iRAGgUsiQk/wJGPhBgxxJg4ZqYDRjqXmSMTTRyYGGYOYODE+AiI4RFaIDSgNII8BIzBQDdQdc/eru/71j637IKuOt0VGegJ1H2cffbda+31+Na3dpv9D18+Z/BzL/ztgeJezVrlw+6ju7XW8J21Ev/74GNreF+ae6utlFpiiHsZMRLj4k8tHvcLn6uYI2aL9xXjqtX4HA+55q14P8Rv4YePHL7sB7ZHV5k1urVSaxtClKFhyRYSNPOQqcQfzOUhSugHklSv8eq1hjSx8rEOLcfEg6XGBFAN1sA5+B7ThK4KNyVkj9fCNeZvzFzvngoP4WgrDYvighqFxTZCiFbGWHwbsVESqPK1lgKVSIgh9FZiOBRQugI0c0tB43PlZ/d8vmqtsyx1p2sxZ3CV9p37CxXQnOObkBsbWmH1xt2yOjbIi+3HomND427RW6v42nkDCqBjwNLhH6HPQv+pUFAMbXARTApr2tOdnyW8aefhudxFp7O6XDoExcqrVDMaNELDraM83cpQESwaNtPo5iWUJl+GKcQOx/8GN+dGw/fxeaB6EGagoT28ZmkSPie/azTxlr6o19ji2GvohP6JjY3Fj3ABbiq3daDS4vka30FYrzLnUBGMJuag2dM9sPvQUxgNrKqEWe2p2c8Sfuw+Df+GAuCvGayoBAaxSj+t8dpk2V6pkDpIga7flE+UDJaDy6ocOoxnOabRZaDHSkVWxYePR/jC5TnN03KxtgpEIQOc06kU7DwUYHSPVIBTKORCOLAr8EthfL5qp+M/KcD73IXPtmofn89nqsrYBi/gZ4bkBveGsTZleVf+dqXAijAHJw/rQS432QNiABwizCJdpUIBYfs1LWTU9wwEggJ7eM3SZO15GoENPtlo/hBZPmraTZ/SYCtENyMDuLcRO+9KX9BgSxwAK2lKldzlWrs7wVUKf0dZ4+NLdZYBzpiQw3rh1Q05nvmvNQXDZkJ0RjeA7RcMcw0IU5aVM9lVWAQxY9FfGk7MVQb4PIBCGldBuPHy6t//+U0bI5kMgfowehzasC/ySHxVLsFr7ELce9vG315z2WVv753wkJWmzhjN5Cw7Z9av2lG8tUHhypnFYgeZ+Og4sf3IgM3p7EiN0AJArf6LXF7g8sQJSvNIngOgBTa/1i8KW0SCGDHY2rhc1sEXdbm5iYfquLT6yYWdjJXsnfAnbrjm9o+6d+rUi1+Kff0uBG7KxonYGoVrehmRtgaaiQXSa2NxVQCNtUBtiWAz3zvDQ5q9AR0ZjQQ6M6ZFwYJwrbaEvTTrGGIX11yzP+9MLr81bbFkQPBHmuPeKlUQAQ0DANvkAo0WAMkR81AWuaocai1HxLeR6xn1VAtI1tAJiyT4T1yqBj74wHeMD3uWOkbspqv4YLbi3C1jBHe+EMgA9FIjLA9dGUFZP9MEdr3AdbdiBSbaQtDU06B3HCDADaeIaYZMw2s7r5k7/+ifnr9jKHas5X5RpQXRB3Vc/K0joSj8C86r71W2ItIUjBn9OBbBHI6QlTYsw6XDwk0htECq2+99sfhj24y3i/Kt2LHDwv0AzBjIsFmqfIJRsbE8gOw95aJm0HjgAMKAZYxZxI3Y+l0JH0PviJ+9DUiiCWHTbyu3I0EoLJkbUSs3DWuB7rU+eaSxXqnafcQ9onMnOHGG7FGI3n9x/Nor7tuyjkdffOn178fENwApsRqkAvhf7HNTUQhRWSF2nTR9QA5GRoEXML/A9PbvJHtGFxN0JH7OnGsTblfJyZRGM1bezRInc7PL+1jPZzmjWrynRiE4Exw+eHC4/9yFbLy//BWiP/ACY0cFlHYWC6I7BIUrEWRVOazwD+MqQp1V6HOXMJiDaiPoSojKEFJyAgkkNMfXSSkt8f2U+5172zokxULHRgJD5EWCnmZnjx49embbQvYvzoypKMQOhf3qElKECHF+romvtAzGhMKCqKr2xRo2fJdm/4Wbr7/zw24+/uRzP4+XdbmoiJUqLTBvmTSHH2PC0VMZ5wV7K7muFUQFkj10nvUwwEFiU+mL6E7YI0KjCGOTPfAqXsW6myjNoK4IlaztIuLtkOpo5hmdhc6xtCw89F4hjfVqU2nGIM7B2nU5g1xli5L+84qAe6BWoZia2YLQP+gvHxD8iYURiSsTuog/mBPrBlQD/Mx44GVj3LjYVMfbg2I7zTEBCbF5WZWySFFczfR58nU9W7zHivjuqdOnj5z7S3X0g5ZulySPu3d+IPg/YyxiLcD3I0KiqkE+z7K4V4O7Y3zOu/MBx34dOPVVMUgByYahMhu3JcGLq7r7chMMk2lzh13oQ0rBnhC+qQD4cIWP4xKIBgLTymhPoL4Y44HwQ1jWC8Iywr5GkNfEmvK3m4kls7WLNPvbbr7+Z7bDdfLpP38VLpkpZqBCalJ6hPp671vK4QN2YNs8IcKRpMSg3crYJkUxpIDjCBRfwgfAi4ESQ5ir4PVKYmH+Qk2mdxd5fg8Qnq8Y1/yiqTpzxQxXJphcoJXNzTNHz52lKnoTzeIZlcONmJjIMZFgY5wrSYsrtYrybtAKMwvl2gXCu3jhnWGu1+ODan4WsBTUJrzgSqOx2E3fjrtDqoNSFOBqh68r/6+ir8UbgNCFKZDhxe+OA+MBUmOmQd/YGdsv/vDY0/fHsKtcPHRVR0bbkGlbqE2lEv28JWifIKx4nJqkvq/YXWYmRm68xsAxarrim+3y+O7k1oXEHh9so6XiVAor6QFMZoLn91n1YUlJ65Y2+RYCBuolkoI7Ch+ruzqevKqJYBO8laMKhUfZ2Yi5CaWIevN+5fuqGOwENy4YwNRHNm6UBVgnbrBLiYPOMaBkaPkuKbLUYFM9LCuoYjcR/xDaWlNJS+RLnkThx5CkdhReCEwkBcGMfoZKSG6CqdSFL1pidu6tLN6yAccFqvuWnkiUqCissqwogFfb/MS5C4l21uUmEzcyQ6KHxI2QBof+AzIOnJx231haBQzO4sZVBWA/2rLsnOcj2pcHYqGHsgYXiaQqBZ5Fc2aGZpFlX7dONIq3ZLGuDcoGjGeN2RIMc1uFUJCbaSXDsE141SQZqQkjgOqiBHYVS5a1vXBAIw9QiuU6eEfFkGjvmG7fTrLb4vbbTtxju7weeeLUNxKlJd6nZFRR5y9SMUo6GpP5vxbhAlrD9skVQFwZrhVtv2pHcj/UkIhBlQrNROwwR0hgkmAqh31jVzs/42IxTm7WBKwoLxk6RSBx71tr+aaWnhAvZWSf79h24e1yuEkwB9huo9sRtNAmGYCtyCssLW2UGRDzTqoRDbQrjntWqmuryk8VXa8AFR3RVioKGFwAU4WnwpLe7qnvim1z13aI3UimjTZVjknJ4b1gNudadYY8sUDOOzBFRGj4sHR67jWvaYFNqdNhAsQHILrRlMeFwtMpO0RNX9YDMgJY5fpTz7x45003XnPfgw8++4lLP7X2nZD+UFOl1oVF7TJ2qtyI3RIoSeqsElV9gQNk5TSORJn7bPj86dMvH14sIqYPi3h+E+LS+t56ffnE+voVZ3eRDVfXw48/8yYZSBL2wleyUJKNLTGCgqQoCAhDfKNqT2mU6QuLLcO/FDD9oEpeYQcJRrWNptzZdF/PMQiqN9DH1twJzp8ltubSWhq6QPLbAu3ce+WVh5+ftfPMbuzHtSxNyTB7hmntBCkNyyRoQ0sqjDFA5JYWKNR2qYIg7cV6m1suLYvKcjixj2hsdsfUKMweHwBRtr+b+ELSf+L8yTq2mmxA6GBjY+Smz2xXRe+AdJKL3sruaptaTQxrGROMWASfGQOyHFZDw89sbtj3Pnvjteub7218zW34yRZKLPF9L4lZJbpgbOvtsdLHk8z0zjoJGtYV1+H9iIwSr2Dc2prS4IXw9lidNlboTTuWJ4kUryxrfiYAQmYOK9r30MK96zdf9xtMduut178WLz998tQL6zHvLdluyCRBMxtJJzeb4HTr7LC4MyFLKaTyOEgDgbv2ww/2LV/aXw9wynf55x1O/o93Ns7OF55mbIC7QbwgGKmfLOrIhQOT3LLOffEgQuJCpiOva4vxsW0aNXsg/tyqeCkd51EMlmyijUnSjr1uVyJI2iz5gsq1lGCuz7533aevfut84syv6trq0JAnm5tdSgKQ1qaSdlXVCaeL7Y3Fvbe8ZHuqMzsk8kNjV6xwm5hhmhGrutZPb6ha3DJe5wPCzPftAuHZjItaVTBr7DWJtMnslqQqF0SezbrAxoajD3qWTNDdMfjbfd5nn3352Pvjxl1qy7RsSfI8nwm7svE5kaJlRZnBFB4KP363yapiKDqcUdVVO7OTPLNS3UOPPHkmC5XVAcJeAdLsVAxNZS8/l57ueuqr2a1+Jeb4ZXwO7s6/EvcP9BppSmtEjyhcfUqDlu1x08A6LvbfddNnjrxhF3DNPIqm4tEY9FzkqXIubrvQ15SYkn3uZaqAUPbVoKirIvvc7dmSYDoUkNEeKp8zixoPPqA8ZkIDjixZWbqfnYdVLlj4rNOKyljV6TRjVsS8WbNXHynRxuz+qANWehZQ4ZOEY2+KmKCwdGwKdROaEx+g0po/Amhbyjjxgv8N4bPaShJWS9bBLBZUJfnmmpmQqYcmnvW4MoJqfMSPPHZpyR2YpfX0EO4EOCqhPeHxxA6nhYUE95x67q/o2SEOTa6ByQa1xVmBiOgY2QxCxh2GxTsXcAhRHRpXAKviywVlmYoyBzMgdfJWPt97dWQgkzBJgpNrhdmjTzcqbppMW2rPAichtXgVnVFzuwXfLRWNx3ym6fgeTURssDNtVHFMESvq8o3ZB5JUybXs8WUPPg8NaXfYRBy2NC4S7ZlITu9HCnqzg4C4HyoW38fU2KZGaaa1KWXKwwRmeppzz9jAA495zndilvMV+LrqwCRMbT62Fz8HUmmQGRPDVnHuHKOgZRJKNE+b/DurPzUfkqdSuuQW9XYW6STP4BIvr8Wsr/qAI72eZ12kGZrAwDjCswTOiMiQRO2RjZJVWslCTAGlvjlPeB2uLy3VbHmKyjM6p2JIPIhl6s0KT2ImfXdCcbKAPHuraC7UUFdpHcPK/Z87ce2PbY+vuYcQk05KvxdVCdOrna7KbncR9d3HswK0pLLp8+w2KrwL7QdfF9oaOU6dX0v0XPPgzp5fcwNep5BobVXAg7Ekd6tMMVlMpmVWaKvEnGnCLOtYpbgkUFOBxMia01YNgb2+Zk36u4dPtu0zuFAb9zfRH4ELdZPkg6KvkCpeV0jQtvwzE5XrBAFj8tdVvL29Ek70ik+nllipM21ZnvLhOR4SfUoUPix/dOL48b+cT56LP4omn83jVMQB6fsANiXJTXUUrBMevSTN/n3juTpGdbIwaHjCBTxpz/j6yrh/DIQCMbPpdI6zR6HUVdnBUHBzxeODOy19VqrzZGC72NP3mQXykFDJlgboE36u6vErU/QssOXcDxWoNEgyZCJI4rlsgGbj0voZoTyZrfP7OceQVSZ1ttzcawJzatgkLN2iF5PatfuyXxmEmnRjVny975b4RznReBZDViLBrJOiSVpSK/zHFkxbaowk2LEt1T8tjuTRJbvw6Hlm77a1D6OFKwAKbabdmdJ9dl5cDKzUlv8mR2J0lKas0HRnalqo6dfzRcg75leyPxVMiZrZuWHATbbHl9ELtv9fH339G/7DwlISq4BTAAAAAElFTkSuQmCC")}.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}']}]}],Oe.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:p.SdLoadingService},{type:h.SdExportService},{type:s.SdNotifyService},{type:f.SdTranslateService}]},Oe.propDecorators={modal:[{type:n.ViewChild,args:["modal"]}],listGroups:[{type:n.ViewChild,args:["listGroups"]}],export:[{type:n.Output}],_gridOption:[{type:n.Input,args:["gridOption"]}],configuration:[{type:n.Input}]};var Fe,De,Ie=function(e,t){var n=this;this.settingService=e,this.gridMaterialConfiguration=t,ge.set(this,{EDITORVALIDATION:"sdEditorValidation",EDITOR:"sdEditor",SUBINFORMATION:"sdSubInformationAction",COMMAND:"sdCommand",SELECTION:"sdSelection",GROUP:"sdGroup"}),he.set(this,{}),this.init=function(e,t){if(!oe(n,he)[e]){var i=new a.Subject;oe(n,he)[e]={load:oe(n,be).call(n,t,i),get:oe(n,xe).call(n,t),set:function(e){return e=oe(n,Ce).call(n,t,e),i.next(Object.assign({},e)),e},remove:function(){oe(n,we).call(n,t)(),i.next(oe(n,ye).call(n,t))},observer:i}}return oe(n,he)[e]},ve.set(this,(function(e){var t,n;return(null===(t=null==e?void 0:e.config)||void 0===t?void 0:t.key)||(null==e?void 0:e.key)?G.default({prefix:"c9e94836-6ace-4aeb-b148-4f0be63589ee",key:(null===(n=null==e?void 0:e.config)||void 0===n?void 0:n.key)||!(null==e?void 0:e.key)}):null})),ye.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}})))||[]}})),be.set(this,(function(e,t){return function(){return ee(n,void 0,void 0,(function(){var n;return te(this,(function(i){switch(i.label){case 0:return[4,oe(this,xe).call(this,e)()];case 1:return n=i.sent(),t.next(Object.assign({},n)),[2]}}))}))}})),xe.set(this,(function(e){return function(){return ee(n,void 0,void 0,(function(){var t,n,i,r,l,o,a,s;return te(this,(function(d){switch(d.label){case 0:return(t=oe(this,ve).call(this,e))?(n=e.columns,"server"!==(null==(i=e.config)?void 0:i.storage)?[3,2]:(l=this.settingService.createServer(t,{args:null==i?void 0:i.args}),a=l.get,s=l.remove,[4,a().catch((function(){}))])):[2,oe(this,ye).call(this,e)];case 1:return(null==(r=d.sent())?void 0:r.columns)?[3,3]:(s().catch(console.error),[2,oe(this,ye).call(this,e)]);case 2:if(o=this.settingService.create(t,{type:null==i?void 0:i.storage,args:null==i?void 0:i.args}),a=o.get,s=o.remove,!(null==(r=a())?void 0:r.columns))return s(),[2,oe(this,ye).call(this,e)];d.label=3;case 3:return r.columns=r.columns.filter((function(e){return e.isGeneratedColumn||n.some((function(t){return!t.hidden&&t.field===e.origin.field}))})),n.forEach((function(e){var t=r.columns.find((function(t){var n;return(null===(n=t.origin)||void 0===n?void 0:n.field)===e.field}));t?t.origin={field:e.field,title:e.title,width:e.width,invisible:e.invisible}:r.columns.push({origin:{field:e.field,title:e.title,width:e.width,invisible:e.invisible},invisible:e.invisible,fixed:!1})})),[2,r]}}))}))}})),Ce.set(this,(function(e,t){var i,r,l,o,a=oe(n,ve).call(n,e);return a&&("server"===(null===(i=null==e?void 0:e.config)||void 0===i?void 0:i.storage)?(0,n.settingService.createServer(a,{args:null===(r=null==e?void 0:e.config)||void 0===r?void 0:r.args}).set)(t):(0,n.settingService.create(a,{type:null===(l=null==e?void 0:e.config)||void 0===l?void 0:l.storage,args:null===(o=null==e?void 0:e.config)||void 0===o?void 0:o.args}).set)(t)),JSON.parse(JSON.stringify(t))})),we.set(this,(function(e){return function(){var t,i,r,l,o=oe(n,ve).call(n,e);o&&("server"===(null===(t=null==e?void 0:e.config)||void 0===t?void 0:t.storage)?(0,n.settingService.createServer(o,{args:null===(i=null==e?void 0:e.config)||void 0===i?void 0:i.args}).remove)():(0,n.settingService.create(o,{type:null===(r=null==e?void 0:e.config)||void 0===r?void 0:r.storage,args:null===(l=null==e?void 0:e.config)||void 0===l?void 0:l.args}).remove)())}})),this.generateConfigurationResult=function(e,t,i){var r,l,o={column:{},fixedColumn:{},firstColumns:[],secondColumns:[],firstHeaders:[],secondHeaders:[],displayedColumns:[],displayedFooters:[],multipleHeader:!1},a=t||{},s=a.selection,d=a.commands,c=a.editor,u=a.group;return!(null==c?void 0:c.addable)&&("inline"!==(null==c?void 0:c.type)||!(null==c?void 0:c.removable)&&"function"!=typeof(null==c?void 0:c.disabled)&&(null==c?void 0:c.disabled))&&("focus"!==(null==c?void 0:c.type)||"function"!=typeof(null==c?void 0:c.disabled)&&(null==c?void 0:c.disabled))||(o.firstHeaders.push(oe(n,ge).EDITORVALIDATION),o.displayedColumns.push(oe(n,ge).EDITORVALIDATION)),(null==s?void 0:s.visible)&&(o.firstHeaders.push(oe(n,ge).SELECTION),o.displayedColumns.push(oe(n,ge).SELECTION)),(null==c?void 0:c.hidden)||!(null==c?void 0:c.addable)&&("inline"!==(null==c?void 0:c.type)||!(null==c?void 0:c.removable)&&"function"!=typeof(null==c?void 0:c.disabled)&&(null==c?void 0:c.disabled))&&("focus"!==(null==c?void 0:c.type)||"function"!=typeof(null==c?void 0:c.disabled)&&(null==c?void 0:c.disabled))&&("popup"!==(null==c?void 0:c.type)||"function"!=typeof(null==c?void 0:c.disabled)&&(null==c?void 0:c.disabled))||(o.firstHeaders.push(oe(n,ge).EDITOR),o.displayedColumns.push(oe(n,ge).EDITOR)),(null==d?void 0:d.length)&&(o.firstHeaders.push(oe(n,ge).COMMAND),o.displayedColumns.push(oe(n,ge).COMMAND)),(null===(r=null==u?void 0:u.fields)||void 0===r?void 0:r.length)&&(o.firstHeaders.push(oe(n,ge).GROUP),o.displayedColumns.push(oe(n,ge).GROUP)),null===(l=null==e?void 0:e.columns)||void 0===l||l.filter((function(e){return!e.invisible})).forEach((function(e){var n,i,r,l,a;if(e.isGeneratedColumn){o.column[e.origin.field]={title:e.title||e.origin.title,width:e.width||e.origin.width},e.fixed&&(o.fixedColumn[e.origin.field]={title:e.title||e.origin.title,width:e.width||e.origin.width});var s={type:"children",field:e.origin.field,title:e.origin.title,children:[]};try{for(var d=ne(null==t?void 0:t.columns.filter((function(t){return e.generatedColumns.includes(t.field)}))),c=d.next();!c.done;c=d.next()){var u=c.value;if("children"===u.type||"children-col"===u.type)try{for(var m=(r=void 0,ne(u.children)),p=m.next();!p.done;p=m.next()){var f=p.value;s.children.push(Object.assign(Object.assign({},f),{colSpan:2}))}}catch(e){r={error:e}}finally{try{p&&!p.done&&(l=m.return)&&l.call(m)}finally{if(r)throw r.error}}else s.children.push(Object.assign(Object.assign({},u),{colSpan:2}))}}catch(e){n={error:e}}finally{try{c&&!c.done&&(i=d.return)&&i.call(d)}finally{if(n)throw n.error}}return o.firstColumns.push(Object.assign(Object.assign({},s),{title:e.title||e.origin.title,width:e.width||e.origin.width})),o.firstHeaders.push(e.origin.field),void o.displayedColumns.push(e.origin.field)}var g=null==t?void 0:t.columns.find((function(t){return t.field===e.origin.field}));g&&(o.column[e.origin.field]={title:e.title||e.origin.title,width:e.width||e.origin.width},e.fixed&&(o.fixedColumn[e.origin.field]={title:e.title||e.origin.title,width:e.width||e.origin.width}),o.firstColumns.push(Object.assign(Object.assign({},g),{title:e.title||e.origin.title,width:e.width||e.origin.width})),o.firstHeaders.push(e.origin.field),"children-col"===g.type?null===(a=g.children)||void 0===a||a.forEach((function(e){o.secondColumns.push(e),o.secondHeaders.push(e.field),o.displayedColumns.push(e.field)})):o.displayedColumns.push(e.origin.field))})),(null==i?void 0:i.templateRef)&&(o.firstHeaders.push(oe(n,ge).SUBINFORMATION),o.displayedColumns.push(oe(n,ge).SUBINFORMATION)),o.multipleHeader=o.secondHeaders.length>0,o.displayedFooters=o.displayedColumns.filter((function(e){return e!==oe(n,ge).SUBINFORMATION})),o}};ge=new WeakMap,he=new WeakMap,ve=new WeakMap,ye=new WeakMap,be=new WeakMap,xe=new WeakMap,Ce=new WeakMap,we=new WeakMap,Ie.decorators=[{type:n.Injectable}],Ie.ctorParameters=function(){return[{type:y.SdSettingService},{type:void 0,decorators:[{type:n.Inject,args:[Q]},{type:n.Optional}]}]};var ke=function(){var e=this;Fe.set(this,"a1e67660-8aa2-4c11-b02d-71a32188719f"),De.set(this,{}),this.transform=function(t,n){return ee(e,void 0,void 0,(function(){var e,i,r,l,o,a,s,d,c,u,m,p,f,g,h,v,y,b,x,C;return te(this,(function(w){switch(w.label){case 0:return"values"===n.type&&(null===(e=n.option)||void 0===e?void 0:e.items)&&(null===(i=n.option)||void 0===i?void 0:i.valueField)&&(null===(r=n.option)||void 0===r?void 0:r.displayField)?(m=n.option,p=m.items,f=m.valueField,g=m.displayField,h=m.selection,v=$(m,["items","valueField","displayField","selection"]),y=G.default({prefix:oe(this,Fe),valueField:f,displayField:g,selection:h,remain:v,value:t}),b=["MULTIPLE","MULTIPLEAUTOCOMPLETE","MULTIPLE_EDITOR","MULTIPLEAUTOCOMPLETE_EDITOR"].includes(h),"function"!=typeof p?[3,3]:oe(this,De)[y]?[3,2]:[4,p(t,!0)]):[2,t];case 1:x=w.sent(),C="",C=b&&Array.isArray(t)?(null===(o=null===(l=null==x?void 0:x.filter((function(e){return null==t?void 0:t.includes(null==e?void 0:e[f])})))||void 0===l?void 0:l.map((function(e){return null==e?void 0:e[g]})))||void 0===o?void 0:o.join(", "))||(null==t?void 0:t.join(", ")):(null===(a=null==x?void 0:x.find((function(e){return(null==e?void 0:e[f])===t})))||void 0===a?void 0:a[g])||t,oe(this,De)[y]={result:C},w.label=2;case 2:return[3,4];case 3:oe(this,De)[y]||(C="",C=b&&Array.isArray(t)?null!==(c=null===(d=null===(s=null==p?void 0:p.filter((function(e){return null==t?void 0:t.includes(null==e?void 0:e[f])})))||void 0===s?void 0:s.map((function(e){return null==e?void 0:e[g]})))||void 0===d?void 0:d.join(", "))&&void 0!==c?c:null==t?void 0:t.join(", "):(null===(u=null==p?void 0:p.find((function(e){return(null==e?void 0:e[f])===t})))||void 0===u?void 0:u[g])||t,oe(this,De)[y]={result:C}),w.label=4;case 4:return[2,oe(this,De)[y].result]}}))}))}};Fe=new WeakMap,De=new WeakMap,ke.decorators=[{type:n.Pipe,args:[{name:"columnValues"}]}];var Se,Te,Ee,Me,Pe,He,Re,Ae,Le=function(e){e.sdId,e.editorHandlerColumn,e.expandDetail,e.isExpanded,e.isExpanding,e.isSelected,e.sdGroup,e.selectable,e.actions,e.groupedActions,e.originItem,e.editorErrorMessage,e.editorHandlerRow;var t=$(e,["sdId","editorHandlerColumn","expandDetail","isExpanded","isExpanding","isSelected","sdGroup","selectable","actions","groupedActions","originItem","editorErrorMessage","editorHandlerRow"]);return G.default(t)},je=function(){function e(e){this.zone=e,Se.set(this,(function(e,t){if("children"===e.type||"children-col"===e.type)return!1;if(e.editor&&("function"==typeof e.editor.disabled?e.editor.disabled(t):e.editor.disabled))return!1;return!0}))}return e.prototype.transform=function(e,t,n){var i,r,l,o,a=Le(t);if(t.sdId===a&&t.editorHandlerColumn)return!0;t.editorHandlerColumn=t.editorHandlerColumn||{};var s=n.columns;try{for(var d=ne(s),c=d.next();!c.done;c=d.next()){var u=c.value;if("children-col"===u.type)try{for(var m=(l=void 0,ne(u.children)),p=m.next();!p.done;p=m.next()){var f=p.value;t.editorHandlerColumn[f.field]=Object.assign(Object.assign({},t.editorHandlerColumn[f.field]),{visible:oe(this,Se).call(this,f,t)})}}catch(e){l={error:e}}finally{try{p&&!p.done&&(o=m.return)&&o.call(m)}finally{if(l)throw l.error}}else t.editorHandlerColumn[u.field]=Object.assign(Object.assign({},t.editorHandlerColumn[u.field]),{visible:oe(this,Se).call(this,u,t)})}}catch(e){i={error:e}}finally{try{c&&!c.done&&(r=d.return)&&r.call(d)}finally{if(i)throw i.error}}return this.zone.run((function(){t.sdId=Le(t)})),t.sdId=a,!0},e}();Se=new WeakMap,je.decorators=[{type:n.Pipe,args:[{name:"sdEditorHandlerColumn"}]},{type:n.Injectable}],je.ctorParameters=function(){return[{type:n.NgZone}]};var Ne,ze,Ve,Ue,qe,We,Ge,Be,Qe,Je,Ke,Ye,Ze,Xe,_e,$e,et,tt,nt,it,rt,lt,ot,at,st=function(e){var t=this;this.settingService=e,Te.set(this,"GRID-FILTER-CONFIGURATION"),Ee.set(this,"GRID-FILTER-VALUE"),Me.set(this,{}),this.register=function(e,n){var i=!1,r=n.id,l=n.columns,o=n.externalFilters,a=G.default({id:r,columns:(null==l?void 0:l.map((function(e){return e.field})).filter((function(e){return!!e})))||[],externalFilters:(null==o?void 0:o.map((function(e){return e.field})).filter((function(e){return!!e})))||[]}),s=(null==e?void 0:e.key)||a;if((null==e?void 0:e.key)||(i=!0),!oe(t,Me)[s]){var d=t.settingService.create({prefix:oe(t,Te),key:s},{default:oe(t,Pe).call(t,n),type:i?"session":void 0});d.set(oe(t,Re).call(t,n,d.get()));var u=t.settingService.create({prefix:oe(t,Ee),key:(null==e?void 0:e.cacheFilter)?s:a},{default:oe(t,He).call(t,n),type:i||!(null==e?void 0:e.cacheFilter)?"session":void 0});u.set(oe(t,Ae).call(t,n,u.get())),oe(t,Me)[s]={configuration:{get:function(){return d.get()},set:function(e){var t=e.inlineColumn,n=e.inlineExternal,i=e.inlineFilterDef;return d.set({inlineColumn:t,inlineExternal:n,inlineFilterDef:i}),{inlineColumn:t,inlineExternal:n,inlineFilterDef:i}},remove:function(){d.set(oe(t,Pe).call(t,n))},observer:d.observer.pipe(c.startWith(d.get()),c.map((function(e){return e||oe(t,Pe).call(t,n)})))},value:{get:function(){return u.get()},set:function(e){var t=Object.keys(e||{}),n=u.get(),i=n.columnOperator,r=n.columnFilter,l=n.externalFilter,o=n.filterDef,a={columnOperator:t.includes("columnOperator")?(null==e?void 0:e.columnOperator)||{}:i,columnFilter:t.includes("columnFilter")?(null==e?void 0:e.columnFilter)||{}:r,externalFilter:t.includes("externalFilter")?(null==e?void 0:e.externalFilter)||{}:l,filterDef:t.includes("filterDef")?(null==e?void 0:e.filterDef)||{}:o,notReload:!!(null==e?void 0:e.notReload)};return u.set(a),a},remove:function(){u.set(oe(t,He).call(t,n))},observer:u.observer.pipe(c.startWith(u.get()),c.map((function(e){return e||oe(t,He).call(t,n)})))}}}return oe(t,Me)[s]},Pe.set(this,(function(e){var t,n,i,r,l,o,a,s=e.columns,d=e.externalFilters,c=e.filterDefs,u={},m={},p={};try{for(var f=ne(s||[]),g=f.next();!g.done;g=f.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=f.return)&&n.call(f)}finally{if(t)throw t.error}}try{for(var h=ne(d||[]),v=h.next();!v.done;v=h.next())m[(x=v.value).field]=null==x?void 0:x.defaultShowing}catch(e){i={error:e}}finally{try{v&&!v.done&&(r=h.return)&&r.call(h)}finally{if(i)throw i.error}}try{for(var y=ne(c||[]),b=y.next();!b.done;b=y.next()){var x;p[(x=b.value).sdMaterialFilterDef]=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:m,inlineFilterDef:p}})),He.set(this,(function(e){var t,n,i,r,l,o,a,s={},d={},c={},u=e.columns,m=e.externalFilters,p=e.filterDefs;try{for(var f=ne(u||[]),g=f.next();!g.done;g=f.next())s[(x=g.value).field]=null===(a=null==x?void 0:x.filter)||void 0===a?void 0:a.default}catch(e){t={error:e}}finally{try{g&&!g.done&&(n=f.return)&&n.call(f)}finally{if(t)throw t.error}}try{for(var h=ne(m||[]),v=h.next();!v.done;v=h.next())d[(x=v.value).field]=null==x?void 0:x.default}catch(e){i={error:e}}finally{try{v&&!v.done&&(r=h.return)&&r.call(h)}finally{if(i)throw i.error}}try{for(var y=ne(p||[]),b=y.next();!b.done;b=y.next()){var x;c[(x=b.value).sdMaterialFilterDef]=void 0}}catch(e){l={error:e}}finally{try{b&&!b.done&&(o=y.return)&&o.call(y)}finally{if(l)throw l.error}}return{columnFilter:s,externalFilter:d,filterDef:c}})),Re.set(this,(function(e,t){var n,i,r,l,o,a,s,d,c,u,m,p,f,g=e.columns,h=e.externalFilters,v=e.filterDefs,y={},b={},x={};try{for(var C=ne(g||[]),w=C.next();!w.done;w=C.next())y[(k=w.value).field]=null!==(d=null===(s=null==t?void 0:t.inlineColumn)||void 0===s?void 0:s[k.field])&&void 0!==d?d:null===(c=null==k?void 0:k.filter)||void 0===c?void 0:c.defaultShowing}catch(e){n={error:e}}finally{try{w&&!w.done&&(i=C.return)&&i.call(C)}finally{if(n)throw n.error}}try{for(var O=ne(h||[]),F=O.next();!F.done;F=O.next())b[(k=F.value).field]=null!==(m=null===(u=null==t?void 0:t.inlineExternal)||void 0===u?void 0:u[k.field])&&void 0!==m?m:null==k?void 0:k.defaultShowing}catch(e){r={error:e}}finally{try{F&&!F.done&&(l=O.return)&&l.call(O)}finally{if(r)throw r.error}}try{for(var D=ne(v||[]),I=D.next();!I.done;I=D.next()){var k;x[(k=I.value).sdMaterialFilterDef]=null!==(f=null===(p=null==t?void 0:t.inlineFilterDef)||void 0===p?void 0:p[k.sdMaterialFilterDef])&&void 0!==f?f:null==k?void 0:k.defaultShowing}}catch(e){o={error:e}}finally{try{I&&!I.done&&(a=D.return)&&a.call(D)}finally{if(o)throw o.error}}return{inlineColumn:y,inlineExternal:b,inlineFilterDef:x}})),Ae.set(this,(function(e,t){var n,i,r,l,o,a,s,d,c,u,m,p,f,g,h,v,y,b,x,C,w,O={},F={},D={},I=e.columns,k=e.externalFilters,S=e.filterDefs;try{for(var T=ne(I||[]),E=T.next();!E.done;E=T.next())O[(A=E.value).field]=null!==(d=null===(s=null==t?void 0:t.columnFilter)||void 0===s?void 0:s[A.field])&&void 0!==d?d:null===(c=null==A?void 0:A.filter)||void 0===c?void 0:c.default}catch(e){n={error:e}}finally{try{E&&!E.done&&(i=T.return)&&i.call(T)}finally{if(n)throw n.error}}try{for(var M=ne(k||[]),P=M.next();!P.done;P=M.next())"daterange"===(A=P.value).type?F[A.field]={from:null!==(p=null===(m=null===(u=null==t?void 0:t.externalFilter)||void 0===u?void 0:u[A.field])||void 0===m?void 0:m.from)&&void 0!==p?p:null===(f=A.default)||void 0===f?void 0:f.from,to:null!==(v=null===(h=null===(g=null==t?void 0:t.externalFilter)||void 0===g?void 0:g[A.field])||void 0===h?void 0:h.to)&&void 0!==v?v:null===(y=A.default)||void 0===y?void 0:y.to}:F[A.field]=null!==(x=null===(b=null==t?void 0:t.externalFilter)||void 0===b?void 0:b[A.field])&&void 0!==x?x:null==A?void 0:A.default}catch(e){r={error:e}}finally{try{P&&!P.done&&(l=M.return)&&l.call(M)}finally{if(r)throw r.error}}try{for(var H=ne(S||[]),R=H.next();!R.done;R=H.next()){var A;D[(A=R.value).sdMaterialFilterDef]=null!==(w=null===(C=null==t?void 0:t.filterDef)||void 0===C?void 0:C[A.sdMaterialFilterDef])&&void 0!==w?w:void 0}}catch(e){o={error:e}}finally{try{R&&!R.done&&(a=H.return)&&a.call(H)}finally{if(o)throw o.error}}return{columnFilter:O,externalFilter:F,filterDef:D}}))};Te=new WeakMap,Ee=new WeakMap,Me=new WeakMap,Pe=new WeakMap,He=new WeakMap,Re=new WeakMap,Ae=new WeakMap,st.decorators=[{type:n.Injectable}],st.ctorParameters=function(){return[{type:y.SdSettingService}]};var dt=function(){function e(e,t,i,r,l,s,d,u){var m=this;this.ref=e,this.configuration=t,this.gridConfigurationService=i,this.exportService=r,this.notifyService=l,this.columnValuesPipe=s,this.gridFilterService=d,this.editorHandlerColumnPipe=u,Ne.set(this,o.v4()),this.key=o.v4(),ze.set(this,new a.Subject),Ve.set(this,[]),this.items=[],this.selectedItems=[],this.isLoading=!1,this.isHiddenPaginator=!1,Ue.set(this,void 0),qe.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={},We.set(this,new a.Subscription),Ge.set(this,new a.Subject),this.isExporting=!1,this.isSelectAll=!1,this.exportTitle="Export",Be.set(this,!1),Qe.set(this,(function(){var e,t;m.cellDef={};try{for(var n=ne(m.sdCellDefs),i=n.next();!i.done;i=n.next()){var r=i.value;r.sdMaterialCellDef&&(m.cellDef[r.sdMaterialCellDef]=r)}}catch(t){e={error:t}}finally{try{i&&!i.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}})),Je.set(this,(function(){var e,t;m.filterDefs=[];try{for(var n=ne(m.sdFilterDefs),i=n.next();!i.done;i=n.next()){var r=i.value;m.filterDefs.push(r)}}catch(t){e={error:t}}finally{try{i&&!i.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}})),Ke.set(this,(function(){var e,t;m.footerDef={},m.hasFooter=!1;try{for(var n=ne(m.sdFooterDefs),i=n.next();!i.done;i=n.next()){var r=i.value;r.sdMaterialFooterDef&&(m.hasFooter=!0,m.footerDef[r.sdMaterialFooterDef]=r)}}catch(t){e={error:t}}finally{try{i&&!i.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}})),Ye.set(this,(function(e,t){var n,i,r=m.filterRegister.value.get();return{columnOperator:r.columnOperator||{},rawColumnFilter:r.columnFilter||{},rawExternalFilter:r.externalFilter||{},rawFilterDef:r.filterDef||{},orderBy:(null===(n=oe(m,qe))||void 0===n?void 0:n.active)||"",orderDirection:(null===(i=oe(m,qe))||void 0===i?void 0:i.direction)||"",pageNumber:e,pageSize:t,isExported:!0}})),Ze.set(this,(function(e){var t,n,i,r,l,o,a,s,d,c,u,p,f,g,h,v,y,b,x,C,w,O,F,D,I,k,S,T,E,M,P,H,R,A;e.paginate={hidden:null===(i=null==e?void 0:e.paginate)||void 0===i?void 0:i.hidden,pageSize:null!==(s=null!==(l=null===(r=null==e?void 0:e.paginate)||void 0===r?void 0:r.pageSize)&&void 0!==l?l:null===(a=null===(o=m.configuration)||void 0===o?void 0:o.paginate)||void 0===a?void 0:a.pageSize)&&void 0!==s?s:null===(d=B)||void 0===d?void 0:d.pageSize,pages:null!==(g=null!==(u=null===(c=null==e?void 0:e.paginate)||void 0===c?void 0:c.pages)&&void 0!==u?u:null===(f=null===(p=m.configuration)||void 0===p?void 0:p.paginate)||void 0===f?void 0:f.pages)&&void 0!==g?g:null===(h=B)||void 0===h?void 0:h.pages,showFirstLastButtons:null!==(y=null===(v=null==e?void 0:e.paginate)||void 0===v?void 0:v.showFirstLastButtons)&&void 0!==y&&y};try{for(var L=ne(e.columns||[]),j=L.next();!j.done;j=L.next()){var N=j.value;(null===(x=null===(b=N.filter)||void 0===b?void 0:b.operator)||void 0===x?void 0:x.enable)&&!(null===(O=null===(w=null===(C=N.filter)||void 0===C?void 0:C.operator)||void 0===w?void 0:w.list)||void 0===O?void 0:O.length)&&("string"===N.type&&(N.filter.operator.list=(null===(I=null===(D=null===(F=m.configuration)||void 0===F?void 0:F.filter)||void 0===D?void 0:D.operator)||void 0===I?void 0:I.defaultListString)||[]),"number"===N.type&&(N.filter.operator.list=(null===(T=null===(S=null===(k=m.configuration)||void 0===k?void 0:k.filter)||void 0===S?void 0:S.operator)||void 0===T?void 0:T.defaultListNumber)||[]),"values"===N.type&&(N.filter.operator.list=(null===(P=null===(M=null===(E=m.configuration)||void 0===E?void 0:E.filter)||void 0===M?void 0:M.operator)||void 0===P?void 0:P.defaultListValues)||[]),"date"!==N.type&&"datetime"!==N.type||(N.filter.operator.list=(null===(A=null===(R=null===(H=m.configuration)||void 0===H?void 0:H.filter)||void 0===R?void 0:R.operator)||void 0===A?void 0:A.defaultListDate)||[]))}}catch(e){t={error:e}}finally{try{j&&!j.done&&(n=L.return)&&n.call(L)}finally{if(t)throw t.error}}return e})),Xe.set(this,!0),_e.set(this,(function(){var e,t,n,i;m.gridOption&&(m.filterRegister||(m.filterRegister=m.gridFilterService.register(null===(e=m.gridOption)||void 0===e?void 0:e.filter,{id:oe(m,Ne),columns:null===(t=m.gridOption)||void 0===t?void 0:t.columns,externalFilters:null===(i=null===(n=m.gridOption)||void 0===n?void 0:n.filter)||void 0===i?void 0:i.externalFilters,filterDefs:m.filterDefs}),oe(m,We).add(m.filterRegister.value.observer.pipe(c.debounceTime(500),c.map((function(e){var t=e.columnOperator,n=e.columnFilter,i=e.notReload;m.columnOperator=t||{},m.columnFilter=n,oe(m,Xe)?(ae(m,Xe,!1),oe(m,Ue).pageIndex=0,oe(m,Ge).next({force:!0})):i||(oe(m,Ue).pageIndex=0,oe(m,Ge).next({force:!1}))}))).subscribe())))})),$e.set(this,(function(e,t){var n=m.gridOption.columns,i=t.rawColumnFilter,r=t.orderBy,l=t.orderDirection,o=t.pageSize,a=t.pageNumber,s=e.filter((function(e){var t,r,l,o,a,s;try{for(var d=ne(n),c=d.next();!c.done;c=d.next()){var u=c.value,m=u.field,p=u.type,f=(i[m]||"").toString().trim().toLowerCase(),g=(e[m]||"").toString().trim().toLowerCase();if(f){if(!g&&"datetime"!==p&&"date"!==p&&"time"!==p)return!1;if("string"===p){if(-1===g.indexOf(f))return!1}else if("values"===p){if(g!==f)return!1}else if("number"===p){var h=+f.replace(">=","").replace("<=","").replace(">","").replace("<",""),v=+g;if(h||0===h){if(!v&&0!==v)return!1;if(f.indexOf(">=")>-1&&v<h)return!1;if(f.indexOf("<=")>-1&&v>h)return!1;if(f.indexOf("<")>-1&&v>=h)return!1;if(f.indexOf(">")>-1&&v<=h)return!1;if(v!==h)return!1}}else if("bool"===p){if("1"===f&&"1"!==g&&"true"!==g)return!1;if("0"===f&&"0"!==g&&"false"!==g)return!1}else if("datetime"===p||"date"===p||"time"===p){var y=null!==(o=null===(l=i[m])||void 0===l?void 0:l.from)&&void 0!==o?o:i[m],b=null!==(s=null===(a=i[m])||void 0===a?void 0:a.to)&&void 0!==s?s:i[m],x=Date.begin(y),C=Date.end(b);if(x||C){if(!g)return!1;var w=new Date(g).getTime(),O=(null==x?void 0:x.getTime())||null,F=(null==C?void 0:C.getTime())||null;if(O&&O>w)return!1;if(F&&w>F)return!1}}}}}catch(e){t={error:e}}finally{try{c&&!c.done&&(r=d.return)&&r.call(d)}finally{if(t)throw t.error}}return!0}));if(r&&l){var d=n.find((function(e){return e.field===r}));if(d){var c=d.type,u=d.field;s.sort((function(e,t){if("number"===c)return(e[u]||0)-(t[u]||0);if("date"===c||"datetime"===c||"time"===c)return new Date(e[u]||"").getTime()-new Date(e[u]||"").getTime();var n=(e[u]||"").toString(),i=(t[u]||"").toString();return n>i?1:n<i?-1:0})),"desc"===l&&s.reverse()}}return{items:s.filter((function(e,t){return t>=a*o&&t<(a+1)*o})),total:s.length}})),et.set(this,(function(){var e,t,n,i,r,l,o=m.filterRegister.value.get();return{columnOperator:o.columnOperator||{},rawColumnFilter:o.columnFilter||{},rawExternalFilter:o.externalFilter||{},rawFilterDef:o.filterDef||{},orderBy:(null===(e=oe(m,qe))||void 0===e?void 0:e.active)||"",orderDirection:(null===(t=oe(m,qe))||void 0===t?void 0:t.direction)||"",pageNumber:(null===(n=oe(m,Ue))||void 0===n?void 0:n.pageIndex)||0,pageSize:(null===(i=oe(m,Ue))||void 0===i?void 0:i.pageSize)||(null===(l=null===(r=m.gridOption)||void 0===r?void 0:r.paginate)||void 0===l?void 0:l.pageSize)||50}})),tt.set(this,(function(e,t){return void 0===t&&(t=!0),ee(m,void 0,void 0,(function(){var n,i,r,l,o,s,d;return te(this,(function(c){switch(c.label){case 0:if(this.isLoading=!0,"server"!==this.gridOption.type)return[3,6];c.label=1;case 1:return c.trys.push([1,3,4,5]),n=this.gridOption.items(e),a.isObservable(n)&&(n=n.toPromise()),[4,n];case 2:return[2,{items:(null==(i=c.sent())?void 0:i.items)||[],total:(null==i?void 0:i.total)||0}];case 3:return r=c.sent(),console.error(r),this.notifyService.notify.warning("Có lỗi xảy ra"),[2,{items:[],total:0}];case 4:return this.isLoading=!1,this.ref.detectChanges(),[7];case 5:return[3,14];case 6:if(!t)return[3,13];c.label=7;case 7:return c.trys.push([7,11,12,13]),(l=this.gridOption.items())instanceof Promise?(o=ae,s=[this,Ve],[4,l]):[3,9];case 8:return o.apply(void 0,s.concat([c.sent()||[]])),[3,10];case 9:ae(this,Ve,l||[]),c.label=10;case 10:return Array.isArray(oe(this,Ve))||(this.notifyService.notify.warning("Dữ liệu không phải là một mảng"),ae(this,Ve,[])),[3,13];case 11:return d=c.sent(),console.error(d),this.notifyService.notify.warning("Có lỗi xảy ra"),ae(this,Ve,[]),[3,13];case 12:return this.isLoading=!1,this.ref.detectChanges(),[7];case 13:return this.isLoading=!1,this.ref.detectChanges(),[2,oe(this,$e).call(this,oe(this,Ve),e)];case 14:return[2]}}))}))})),nt.set(this,(function(e){return ee(m,void 0,void 0,(function(){var t,n,i,r;return te(this,(function(l){switch(l.label){case 0:return null===(t=this.sdScroll)||void 0===t||t.scrollTop(),this.items=(null==e?void 0:e.items)||[],this.total=(null==e?void 0:e.total)||0,this.items.forEach((function(e){e.originItem=Object.assign({},e)})),[4,null===(r=null===(i=null===(n=this.gridOption)||void 0===n?void 0:n.reload)||void 0===i?void 0:i.onReload)||void 0===r?void 0:r.call(i,this.items)];case 1:return l.sent(),this.isSelectAll=this.items.every((function(e){return e.isSelected})),oe(this,at).call(this),[2]}}))}))})),this.reload=function(e){return void 0===e&&(e=!0),ee(m,void 0,void 0,(function(){var t,n,i;return te(this,(function(r){switch(r.label){case 0:return null===(n=null===(t=this.gridFilter)||void 0===t?void 0:t.updateFilter)||void 0===n||n.call(t),[4,oe(this,tt).call(this,oe(this,et).call(this),e)];case 1:return i=r.sent(),oe(this,nt).call(this,i),[2]}}))}))},it.set(this,(function(e,t){return void 0===e&&(e=0),void 0===t&&(t=1e4),ee(m,void 0,void 0,(function(){var n,i,r,l,o,s;return te(this,(function(d){switch(d.label){case 0:return(null===(n=this.gridOption.export)||void 0===n?void 0:n.items)?(l=null===(i=this.gridOption.export)||void 0===i?void 0:i.items(oe(this,Ye).call(this,e,t)),Array.isArray(l)?[2,l]:(a.isObservable(l)&&(l=l.toPromise()),a.isObservable(l)&&(l=l.toPromise()),[4,l])):[3,2];case 1:return[2,d.sent()];case 2:return r=oe(this,Ye).call(this,e,t),"server"!==this.gridOption.type?[3,4]:(l=this.gridOption.items(r),a.isObservable(l)&&(l=l.toPromise()),[4,l]);case 3:return[2,d.sent()];case 4:return o=[],"function"!=typeof this.gridOption.items?[3,8]:(s=this.gridOption.items())instanceof Promise?[4,s]:[3,6];case 5:return o=d.sent(),[3,7];case 6:o=s,d.label=7;case 7:return[3,9];case 8:o=this.gridOption.items,d.label=9;case 9:return[2,oe(this,$e).call(this,o,r)]}}))}))})),rt.set(this,(function(){var e=[];return m.gridOption.columns.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(t){var n,i;"image"!==t.type&&("children"!==t.type?"children-col"!==t.type?e.push(t):null===(i=t.children)||void 0===i||i.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(t){"image"!==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){"image"!==t.type&&e.push(t)})))})),e})),lt.set(this,(function(){var e,t;return(null===(t=null===(e=m.gridOption.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)})))||[]})),ot.set(this,(function(e){return ee(m,void 0,void 0,(function(){var t,n,i,r,l,o,a,s,d,c,u,m,p,f,g,h,v,y,b,x,C,w,O,F,D,I,k,S,T,E,M,P=this;return te(this,(function(H){switch(H.label){case 0:H.trys.push([0,,20,21]),u=e.file,m=e.isCSV,p=e.columns,f=(null===(n=null===(t=this.gridOption)||void 0===t?void 0:t.export)||void 0===n?void 0:n.maxItemsPerRequest)||1e3,g=(null===(r=null===(i=this.gridOption)||void 0===i?void 0:i.export)||void 0===r?void 0:r.batch)||1,h=this.total,v=0,y=[],this.isExporting=!0,b=[],x=[],C=function(){return ee(P,void 0,void 0,(function(){var e,t,n,i,r,l,o,a,s,d,c,u,m,g,C,w,O,F,D,I=this;return te(this,(function(k){switch(k.label){case 0:return[4,Promise.all(x)];case 1:t=k.sent(),x=[],y=[];try{for(n=ne(t),i=n.next();!i.done;i=n.next())"items"in(r=i.value)?(y=re(y,r.items),h=r.total):y=re(y,r)}catch(e){w={error:e}}finally{try{i&&!i.done&&(O=n.return)&&O.call(n)}finally{if(w)throw w.error}}return(null===(e=this.gridOption.export)||void 0===e?void 0:e.mapping)?(l=this.gridOption.export.mapping(y))instanceof Promise?[4,l]:[3,3]:[3,4];case 2:return y=k.sent(),[3,4];case 3:y=l,k.label=4;case 4:o=h/f,a=Math.round(100*(v-1)/o),this.exportTitle="Exporting..."+a+"%",s=oe(this,rt).call(this),d=oe(this,lt).call(this),c=function(e){var t,n,i,r,l,o,a,c;return te(this,(function(u){switch(u.label){case 0:t={},n=function(i){return ee(I,void 0,void 0,(function(){var r,l,o,a,c,u,m,f,g,h,v,y;return te(this,(function(b){switch(b.label){case 0:return t[i.field]=e[i.field],a=s.find((function(e){return e.field===i.field})),(null==(c=d.find((function(e){return e.field===i.field})))?void 0:c.transform)?(t[c.field]=c.transform(e[c.field],e),[2]):a?"children"===a.type||"children-col"===a.type?(null==a||a.children.forEach((function(e){return n(e)})),[2]):p.some((function(e){return e.field===a.field}))?a.transform?(u=a.transform(e[a.field],e,{isExport:!0}))instanceof Promise?(m=t,f=a.field,[4,u]):[3,2]:[3,4]:[2]:[2];case 1:return m[f]=b.sent(),[3,3];case 2:t[a.field]=u,b.label=3;case 3:return t[a.field]=null!==(r=t[a.field])&&void 0!==r?r:"",[3,13];case 4:return void 0!==e[a.field]&&null!==e[a.field]&&""!==e[a.field]?[3,5]:(t[a.field]="",[3,13]);case 5:return"string"!==a.type&&"number"!==a.type?[3,6]:(t[a.field]=e[a.field],[3,13]);case 6:return"bool"!==a.type?[3,7]:(e[a.field]?t[a.field]=(null===(l=a.option)||void 0===l?void 0:l.displayOnTrue)||"True":void 0!==t[a.field]&&null!==t[a.field]&&(t[a.field]=(null===(o=a.option)||void 0===o?void 0:o.displayOnFalse)||"False"),[3,13]);case 7:return"date"!==a.type?[3,8]:(g=e[a.field],(h=a.transformDate)&&(g=h(g,e)),t[a.field]=Date.toFormat(g,"dd/MM/yyyy"),[3,13]);case 8:return"datetime"!==a.type?[3,9]:(g=e[a.field],(h=a.transformDate)&&(g=h(g,e)),t[a.field]=Date.toFormat(g,"dd/MM/yyyy HH:mm"),[3,13]);case 9:return"time"!==a.type?[3,10]:(g=e[a.field],(h=a.transformDate)&&(g=h(g,e)),t[a.field]=Date.toFormat(g,"HH:mm"),[3,13]);case 10:return"values"!==a.type?[3,12]:(v=t,y=a.field,[4,this.columnValuesPipe.transform(e[a.field],a)]);case 11:return v[y]=b.sent(),[3,13];case 12:t[a.field]=e[a.field],b.label=13;case 13:return[2]}}))}))},u.label=1;case 1:u.trys.push([1,6,7,8]),a=void 0,i=ne(p),r=i.next(),u.label=2;case 2:return r.done?[3,5]:(l=r.value,[4,n(l)]);case 3:u.sent(),u.label=4;case 4:return r=i.next(),[3,2];case 5:return[3,8];case 6:return o=u.sent(),a={error:o},[3,8];case 7:try{r&&!r.done&&(c=i.return)&&c.call(i)}finally{if(a)throw a.error}return[7];case 8:return b.push(t),[2]}}))},k.label=5;case 5:k.trys.push([5,10,11,12]),u=ne(y),m=u.next(),k.label=6;case 6:return m.done?[3,9]:(g=m.value,[5,c(g)]);case 7:k.sent(),k.label=8;case 8:return m=u.next(),[3,6];case 9:return[3,12];case 10:return C=k.sent(),F={error:C},[3,12];case 11:try{m&&!m.done&&(D=u.return)&&D.call(u)}finally{if(F)throw F.error}return[7];case 12:return[2]}}))}))},H.label=1;case 1:return v*f<h?(x.push(oe(this,it).call(this,v,f)),v++,x.length<g?[3,1]:[4,C()]):[3,3];case 2:return H.sent(),[3,1];case 3:return x.length>0?[4,C()]:[3,5];case 4:H.sent(),H.label=5;case 5:return(null==u?void 0:u.filePath)?[3,18]:m?[4,this.exportService.exportCSV({columns:p,items:b,fileName:null===(o=null===(l=this.gridOption)||void 0===l?void 0:l.export)||void 0===o?void 0:o.fileName})]:[3,7];case 6:return H.sent(),[2];case 7:if(w=[],!Array.isArray(null===(s=null===(a=this.gridOption)||void 0===a?void 0:a.export)||void 0===s?void 0:s.sheets))return[3,16];H.label=8;case 8:H.trys.push([8,14,15,16]),O=ne(this.gridOption.export.sheets),F=O.next(),H.label=9;case 9:return F.done?[3,13]:(D=F.value).name&&D.items&&D.fields?Array.isArray(D.items)?(w.push({name:D.name,items:D.items,fields:D.fields}),[3,12]):[3,10]:[3,12];case 10:return k=(I=w).push,S={name:D.name},[4,D.items()];case 11:k.apply(I,[(S.items=H.sent(),S.fields=D.fields,S)]),H.label=12;case 12:return F=O.next(),[3,9];case 13:return[3,16];case 14:return T=H.sent(),E={error:T},[3,16];case 15:try{F&&!F.done&&(M=O.return)&&M.call(O)}finally{if(E)throw E.error}return[7];case 16:return[4,this.exportService.export({columns:p,items:b,fileName:null===(c=null===(d=this.gridOption)||void 0===d?void 0:d.export)||void 0===c?void 0:c.fileName,sheets:w})];case 17:return H.sent(),[2];case 18:return[4,this.exportService.exportByTemplate({filePath:u.filePath,fileName:u.fileName,columns:p,items:b})];case 19:return H.sent(),[3,21];case 20:return this.isExporting=!1,this.exportTitle="Export",this.ref.detectChanges(),[7];case 21:return[2]}}))}))})),this.onExport=function(e){return ee(m,void 0,void 0,(function(){return te(this,(function(t){return oe(this,ot).call(this,e),[2]}))}))},this.onFilterChange=function(){var e,t,n,i;null===(t=null===(e=m.gridFilter)||void 0===e?void 0:e.updateFilter)||void 0===t||t.call(e),(null===(i=null===(n=m.gridOption)||void 0===n?void 0:n.filter)||void 0===i?void 0:i.inlineColumn)?m.filterRegister.value.set({columnOperator:m.columnOperator||{},columnFilter:m.columnFilter}):m.filterRegister.value.set({})},this.onExpand=function(e){return ee(m,void 0,void 0,(function(){var t,n,i,r,l,o;return te(this,(function(a){return(null===(t=this.gridOption.subInformation)||void 0===t?void 0:t.always)||e.isExpanding?[2]:e.isExpanded?(e.isExpanded=!1,[2]):(o=null===(r=null===(i=null===(n=this.gridOption)||void 0===n?void 0:n.subInformation)||void 0===i?void 0:i.onExpand)||void 0===r?void 0:r.call(i,e),(null===(l=this.gridOption.subInformation)||void 0===l?void 0:l.multiple)||this.items.forEach((function(e){return e.isExpanding=e.isExpanded=!1})),o instanceof Promise?(e.isExpanding=!0,o.then((function(t){e.expandDetail=t,e.isExpanded=!0})).finally((function(){return e.isExpanding=!1}))):(e.expandDetail=o,e.isExpanded=!0),[2])}))}))},this.onSelect=function(e){var t,n,i,r,l,o,a,s;if(null===(n=null===(t=null==e?void 0:e.sdGroup)||void 0===t?void 0:t.items)||void 0===n?void 0:n.length)null===(i=null==e?void 0:e.sdGroup)||void 0===i||i.items.forEach((function(t){return t.isSelected=e.isSelected})),null===(l=null===(r=m.gridOption.selection)||void 0===r?void 0:r.onSelect)||void 0===l||l.call(r,e,m.items.filter((function(e){return e.isSelected}))),m.isSelectAll=m.items.every((function(e){return e.isSelected})),oe(m,at).call(m);else{if(null===(o=m.gridOption.selection)||void 0===o?void 0:o.single)return m.items.filter((function(t){return t!==e})).forEach((function(e){return e.isSelected=!1})),void oe(m,at).call(m);null===(s=null===(a=m.gridOption.selection)||void 0===a?void 0:a.onSelect)||void 0===s||s.call(a,e,m.items.filter((function(e){return e.isSelected}))),m.isSelectAll=m.items.every((function(e){return e.isSelected})),oe(m,at).call(m)}},this.onSelectAll=function(){var e,t,n;null===(e=m.items)||void 0===e||e.forEach((function(e){var t,n,i,r;!e.selectable||(null===(i=null===(n=null===(t=m.gridOption)||void 0===t?void 0:t.selection)||void 0===n?void 0:n.actions)||void 0===i?void 0:i.length)&&!(null===(r=e.actions)||void 0===r?void 0:r.length)||(e.isSelected=m.isSelectAll)})),null===(n=null===(t=m.gridOption.selection)||void 0===t?void 0:t.onSelectAll)||void 0===n||n.call(t,m.items.filter((function(e){return e.isSelected}))),oe(m,at).call(m)},this.onClearSelection=function(e){e=e||m.items,m.isSelectAll=!1,null==e||e.forEach((function(e){return e.isSelected=!1})),oe(m,at).call(m)},at.set(this,(function(){m.selectedItems=m.items.filter((function(e){return e.isSelected})).map((function(e){e.isSelected,e.isExpanded,e.isExpanding,e.expandDetail,e.editorErrorMessage,e.editorHandlerColumn,e.editorHandlerRow,e.editorStatus,e.originItem,e.sdId,e.sdVersion;return $(e,["isSelected","isExpanded","isExpanding","expandDetail","editorErrorMessage","editorHandlerColumn","editorHandlerRow","editorStatus","originItem","sdId","sdVersion"])})),m.ref.detectChanges()})),this.clearFilter=function(){m.filterRegister.value.remove()},this.setFilter=function(e){var t,n,i=e||{},r=i.columnFilter,l=i.externalFilter,o=i.filterDef;(null===(n=null===(t=m.gridOption)||void 0===t?void 0:t.filter)||void 0===n?void 0:n.inlineColumn)&&r&&(m.columnFilter=r),m.filterRegister.value.set({columnFilter:r,externalFilter:l,filterDef:o})},this.onCreate=function(){var e,t,n=m.gridOption,i=n.type,r=n.editor,l=n.columns;if(null==r?void 0:r.addable){var o={};l.forEach((function(e){"values"===e.type?o[e.field]="":"bool"===e.type?o[e.field]=!0:"number"===e.type&&(o[e.field]=null)})),"local"===i?null===(e=r.onAdd)||void 0===e||e.call(r,o,oe(m,Ve)):null===(t=r.onAdd)||void 0===t||t.call(r,o,m.items),"popup"!==r.type&&(r.addToLast?("local"===i&&ae(m,Ve,re(oe(m,Ve),[o])),m.items=re(m.items,[o])):("local"===i&&ae(m,Ve,re([o],oe(m,Ve))),m.items=re([o],m.items))),o.editorStatus="create",o.editorHandlerRow={temporary:Object.assign({},o)}}},this.onUpdate=function(e){var t=m.gridOption.editor;e.editorStatus="update",e.editorHandlerRow=Object.assign(Object.assign({},e.editorHandlerRow),{temporary:Object.assign({},e)}),t.type,m.ref.detectChanges()},this.onSave=function(e){return ee(m,void 0,void 0,(function(){var t,n,i,r;return te(this,(function(l){switch(l.label){case 0:if(e.editorHandlerRow.saving)return[2];t=this.gridOption.editor,l.label=1;case 1:return l.trys.push([1,7,8,9]),e.editorHandlerRow.saving=!0,t.validate?(i=t.validate(e,this.items.indexOf(e)))instanceof Promise?[4,i]:[3,3]:[3,4];case 2:if(n=l.sent())throw n;return[3,4];case 3:if(i)throw i;l.label=4;case 4:return t.onSave&&(i=t.onSave(e))instanceof Promise?[4,i]:[3,6];case 5:l.sent(),l.label=6;case 6:return"create"===e.editorStatus&&"popup"===t.type&&"local"===this.gridOption.type&&this.items.splice(0,0,e),e.editorStatus=void 0,[3,9];case 7:return r=l.sent(),this.notifyService.notify.warning(r),[3,9];case 8:return e.editorHandlerRow.saving=!1,this.ref.detectChanges(),[7];case 9:return[2]}}))}))},this.onCancel=function(e){var t,n,i=m.gridOption.editor;if("inline"===i.type){if("local"===m.gridOption.type){var r=oe(m,Ve).indexOf(e);oe(m,Ve).splice(r,1),ae(m,Ve,re(oe(m,Ve)))}var l=m.items.indexOf(e);return m.items.splice(l,1),m.items=re(m.items),"local"===m.gridOption.type?null===(t=null==i?void 0:i.onCancel)||void 0===t||t.call(i,e,oe(m,Ve)):null===(n=null==i?void 0:i.onCancel)||void 0===n||n.call(i,e,m.items),void m.ref.detectChanges()}if("focus"===i.type)if("create"===e.editorStatus){if("local"===m.gridOption.type){r=oe(m,Ve).indexOf(e);oe(m,Ve).splice(r,1),ae(m,Ve,re(oe(m,Ve)))}l=m.items.indexOf(e);m.items.splice(l,1),m.items=re(m.items)}else Object.assign(e,e.editorHandlerRow.temporary);e.editorStatus=void 0,m.ref.detectChanges()},this.onRemove=function(e){return ee(m,void 0,void 0,(function(){var t,n,i,r,l,o;return te(this,(function(a){switch(a.label){case 0:return(null==(i=this.gridOption.editor)?void 0:i.beforeRemove)?(r=null==i?void 0:i.beforeRemove(e))instanceof Promise?[4,r]:[3,2]:[3,3];case 1:return a.sent()?[3,3]:[2];case 2:if(!r)return[2];a.label=3;case 3:return"inline"===i.type?("local"===this.gridOption.type&&(l=oe(this,Ve).indexOf(e),oe(this,Ve).splice(l,1),ae(this,Ve,re(oe(this,Ve)))),o=this.items.indexOf(e),this.items.splice(o,1),this.items=re(this.items),"local"===this.gridOption.type?null===(t=null==i?void 0:i.onRemove)||void 0===t||t.call(i,e,oe(this,Ve)):null===(n=null==i?void 0:i.onRemove)||void 0===n||n.call(i,e,this.items),this.ref.detectChanges(),[2]):[2]}}))}))},this.add=function(e,t){m.items.length>e?(m.items.splice(e,0,t),m.items=re(m.items)):m.items=re(m.items,[t])},this.update=function(e,t){m.items[e]&&(Object.assign(m.items[e],t),m.items=re(m.items))},this.remove=function(e){m.items[e]&&(m.items.splice(e,1),m.items=re(m.items))},this.refreshItem=function(e){var t=m.items[e];m.editorHandlerColumnPipe.transform(t.sdVersion,t,m.gridOption)},this.detectChanges=function(){return m.ref.detectChanges()},this.onOperatorChange=function(e,t){var n,i,r;null===(r=null===(i=null===(n=m.gridOption)||void 0===n?void 0:n.filter)||void 0===i?void 0:i.operatorChange)||void 0===r||r.call(i,e,t)}}return Object.defineProperty(e.prototype,"_gridFilter",{set:function(e){e&&this.gridFilter!==e&&(this.gridFilter=e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"option",{set:function(e){if(e){e=oe(this,Ze).call(this,e),this.gridOption=e,ae(this,Be,!1);var t=this.gridConfigurationService.init(this.key,this.gridOption);this.gridConfigurationObserver=t.observer,t.load(),oe(this,ze).next(this.gridOption)}},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"paginator",{set:function(e){var t=this;e&&oe(this,Ue)!==e&&(ae(this,Ue,e),oe(this,We).add(e.page.pipe(c.map((function(){oe(t,Ge).next({force:!1})}))).subscribe()))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"sort",{set:function(e){var t=this;e&&oe(this,qe)!==e&&(ae(this,qe,e),oe(this,We).add(e.sortChange.pipe(c.map((function(){oe(t,Ge).next({force:!1})}))).subscribe()))},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){oe(this,Qe).call(this)},e.prototype.ngAfterViewInit=function(){var e=this;oe(this,We).add(oe(this,Ge).pipe(c.debounceTime(200),c.switchMap((function(t){return ee(e,void 0,void 0,(function(){var e,n;return te(this,(function(i){switch(i.label){case 0:return e=oe(this,et).call(this),[4,oe(this,tt).call(this,e,!oe(this,Be)||t.force)];case 1:return n=i.sent(),ae(this,Be,!0),[2,n]}}))}))}))).subscribe(oe(this,nt))),oe(this,We).add(this.sdCellDefs.changes.pipe(c.startWith([])).subscribe(oe(this,Qe))),oe(this,We).add(this.sdFooterDefs.changes.pipe(c.startWith([])).subscribe(oe(this,Ke))),oe(this,We).add(this.sdFilterDefs.changes.pipe(c.startWith([])).subscribe(oe(this,Je))),oe(this,We).add(a.combineLatest([oe(this,ze).pipe(c.startWith(this.gridOption)),this.sdFilterDefs.changes.pipe(c.startWith(this.filterDefs))]).subscribe((function(){oe(e,_e).call(e)}))),oe(this,We).add(oe(this,ze).subscribe((function(){e.filterRegister&&oe(e,Ge).next({force:!0})}))),this.ref.detectChanges()},e.prototype.ngOnDestroy=function(){oe(this,We).unsubscribe()},e.prototype.drop=function(e,t){d.moveItemInArray(t,e.previousIndex,e.currentIndex)},Object.defineProperty(e.prototype,"editedItems",{get:function(){return this.items.filter((function(e){return!e.originItem||!!Object.keys(e.originItem).some((function(t){return e.originItem[t]!==e[t]}))})).map((function(e){e.editorStatus,e.editorHandlerRow,e.editorHandlerColumn;var t=e.editorErrorMessage,n=(e.expandDetail,e.isExpanded,e.isExpanding,e.isSelected,e.originItem,e.sdId,e.sdVersion,e.selectable,e.actions,e.groupedActions,e.sdGroup,e.temporary,$(e,["editorStatus","editorHandlerRow","editorHandlerColumn","editorErrorMessage","expandDetail","isExpanded","isExpanding","isSelected","originItem","sdId","sdVersion","selectable","actions","groupedActions","sdGroup","temporary"]));return Object.assign(Object.assign({},n),{editorErrorMessage:t})}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"gridItems",{get:function(){return this.items.map((function(e){e.editorStatus,e.editorHandlerRow,e.editorHandlerColumn,e.expandDetail,e.isExpanded,e.isExpanding,e.isSelected,e.originItem,e.sdId,e.sdVersion,e.selectable,e.actions,e.groupedActions,e.sdGroup,e.temporary;return $(e,["editorStatus","editorHandlerRow","editorHandlerColumn","expandDetail","isExpanded","isExpanding","isSelected","originItem","sdId","sdVersion","selectable","actions","groupedActions","sdGroup","temporary"])}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"localItems",{get:function(){return oe(this,Ve)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"localGridItems",{get:function(){return oe(this,Ve).map((function(e){e.editorStatus,e.editorHandlerRow,e.editorHandlerColumn,e.expandDetail,e.isExpanded,e.isExpanding,e.isSelected,e.originItem,e.sdId,e.sdVersion,e.selectable,e.actions,e.groupedActions,e.sdGroup,e.temporary;return $(e,["editorStatus","editorHandlerRow","editorHandlerColumn","expandDetail","isExpanded","isExpanding","isSelected","originItem","sdId","sdVersion","selectable","actions","groupedActions","sdGroup","temporary"])}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isEditing",{get:function(){return this.items.some((function(e){return void 0!==e.editorStatus}))},enumerable:!1,configurable:!0}),e}();Ne=new WeakMap,ze=new WeakMap,Ve=new WeakMap,Ue=new WeakMap,qe=new WeakMap,We=new WeakMap,Ge=new WeakMap,Be=new WeakMap,Qe=new WeakMap,Je=new WeakMap,Ke=new WeakMap,Ye=new WeakMap,Ze=new WeakMap,Xe=new WeakMap,_e=new WeakMap,$e=new WeakMap,et=new WeakMap,tt=new WeakMap,nt=new WeakMap,it=new WeakMap,rt=new WeakMap,lt=new WeakMap,ot=new WeakMap,at=new WeakMap,dt.decorators=[{type:n.Component,args:[{selector:"sd-grid-material",template:'<ng-container *ngIf="gridConfigurationObserver | async as gridConfiguration">\r\n  <ng-container *ngIf="\r\n      gridConfiguration\r\n        | sdGridConfigurationResult\r\n          : gridOption\r\n          : sdSubInformation as configuration\r\n    ">\r\n    <sd-grid-filter *ngIf="!gridOption.filter?.disabled && filterRegister" [filterRegister]="filterRegister"\r\n      [filter]="gridOption?.filter" [columns]="configuration.firstColumns"\r\n      [externalFilters]="gridOption?.filter?.externalFilters" [filterDefs]="filterDefs" #gridFilter>\r\n    </sd-grid-filter>\r\n    <ng-container *ngIf="items | sdGroup:gridOption; $implicit as groupedItems">\r\n      <div class="c-container {{ gridOption?.style?.grid }}" [ngClass]="{ \'mat-elevation-z2\': gridOption?.shadow }">\r\n        <div class="c-loading" *ngIf="isLoading">\r\n          <mat-spinner *ngIf="isLoading"></mat-spinner>\r\n        </div>\r\n        <ng-container>\r\n          <div class="c-table" sdScroll [ngStyle]="{\r\n            \'max-height\': gridOption?.maxHeight,\r\n            \'min-height\': gridOption?.minHeight\r\n          }">\r\n            <table *ngIf="items?.length; else elseEmpty" mat-table [dataSource]="groupedItems" matSort\r\n              [matSortDisabled]="!gridOption.sortable" cdkDropList cdkDropListOrientation="horizontal"\r\n              [cdkDropListDisabled]="!gridOption.dropDragColumnEnable"\r\n              (cdkDropListDropped)="drop($event, configuration.displayedColumns)" multiTemplateDataRows>\r\n\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="gridOption?.subInformation?.always;else useExpandCollapse">\r\n                      <ng-container *ngTemplateOutlet="\r\n                          sdSubInformation.templateRef;\r\n                          context: { item: item }\r\n                        ">\r\n                      </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="\r\n                          sdSubInformation.templateRef;\r\n                          context: { item: item }\r\n                        ">\r\n                          </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 class="p-0" mat-header-cell *matHeaderCellDef style="width: 1px"\r\n                  [attr.rowspan]="configuration.multipleHeader ? 2 : 1"></th>\r\n                <td mat-cell *matCellDef="let element">\r\n                  <button *ngIf="!element.isExpanding && !gridOption?.subInformation?.always" mat-icon-button\r\n                    aria-label="Expand & Collapse" (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 class="text-center px-15" mat-header-cell *matHeaderCellDef style="min-width: 50px; max-width: 50px"\r\n                  [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                  <ng-container *ngIf="items | selectionVisibleSelectAll: gridOption?.selection | async">\r\n                    <mat-checkbox *ngIf="!gridOption.selection?.single" class="c-selection" color="primary"\r\n                      [(ngModel)]="isSelectAll" (change)="onSelectAll()">\r\n                    </mat-checkbox>\r\n                  </ng-container>\r\n\r\n                </th>\r\n                <td class="text-center px-15" mat-cell *matCellDef="let item" style="min-width: 50px; max-width: 50px">\r\n                  <ng-container *ngIf="item | selectionVisible:gridOption?.selection">\r\n                    <mat-checkbox class="c-selection" color="primary" [(ngModel)]="item.isSelected"\r\n                      (change)="onSelect(item)" [disabled]="\r\n                    selectedItems | selectionDisable: item:gridOption?.selection\r\n                  ">\r\n                    </mat-checkbox>\r\n                  </ng-container>\r\n\r\n                </td>\r\n                <td mat-footer-cell *matFooterCellDef></td>\r\n              </ng-container>\r\n              <ng-container matColumnDef="sdEditorValidation">\r\n                <th class="p-0" mat-header-cell *matHeaderCellDef style="width: 2px"\r\n                  [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                </th>\r\n                <td class="p-0 position-relative" mat-cell *matCellDef="let item; index as idx">\r\n                  <sd-desktop-editor-validation [sdId]="item.sdId" [item]="item" [items]="items"\r\n                    [gridOption]="gridOption">\r\n                  </sd-desktop-editor-validation>\r\n                </td>\r\n                <td mat-footer-cell *matFooterCellDef></td>\r\n              </ng-container>\r\n              <ng-container matColumnDef="sdEditor">\r\n                <th class="px-8 py-8" mat-header-cell *matHeaderCellDef style="width: 50px"\r\n                  [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                  <button class="c-btn-add"\r\n                    *ngIf="gridOption.editor?.addable && (!gridOption.editor.limit || gridOption.editor.limit > items.length)"\r\n                    (click)="onCreate()" aria-hidden="true" mat-icon-button>\r\n                    <mat-icon class="c-icon-add">add</mat-icon>\r\n                  </button>\r\n                </th>\r\n                <td class="px-8" mat-cell *matCellDef="let item; index as idx">\r\n                  <ng-container *sdLet="item.editorStatus | sdEditorHandlerRow:item:gridOption as editorHandler">\r\n                    <div *ngIf="editorHandler" class="d-flex align-items-center justify-content-center">\r\n                      <button *ngIf="editorHandler.editable" class="mx-2" (click)="onUpdate(item)" aria-hidden="true"\r\n                        mat-icon-button>\r\n                        <mat-icon class="c-icon">edit</mat-icon>\r\n                      </button>\r\n                      <button *ngIf="editorHandler.removable" class="mx-2" (click)="onRemove(item)" aria-hidden="true"\r\n                        mat-icon-button>\r\n                        <mat-icon class="c-icon">delete</mat-icon>\r\n                      </button>\r\n                      <button *ngIf="editorHandler.savable" class="mx-2" (click)="onSave(item)" aria-hidden="true"\r\n                        mat-icon-button>\r\n                        <mat-icon class="c-icon">save</mat-icon>\r\n                      </button>\r\n                      <button *ngIf="editorHandler.cancelable" class="mx-2" (click)="onCancel(item)" aria-hidden="true"\r\n                        mat-icon-button>\r\n                        <mat-icon class="c-icon">close</mat-icon>\r\n                      </button>\r\n                    </div>\r\n                  </ng-container>\r\n                </td>\r\n                <td mat-footer-cell *matFooterCellDef></td>\r\n              </ng-container>\r\n              <ng-container matColumnDef="sdCommand">\r\n                <th class="px-8 py-8" mat-header-cell *matHeaderCellDef 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]="gridOption.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"\r\n                  [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                </th>\r\n                <td class="p-0" mat-cell *matCellDef="let item"\r\n                  [attr.colspan]="!item?.sdGroup ? 1 : configuration.displayedColumns.length">\r\n                  <div [innerHtml]="item?.sdGroup?.htmlTemplate | safeHtml">\r\n                  </div>\r\n                </td>\r\n                <td mat-footer-cell *matFooterCellDef></td>\r\n              </ng-container>\r\n              <ng-container *ngFor="let column of configuration.firstColumns; let i = index"\r\n                [matColumnDef]="column.field" [sticky]="configuration.fixedColumn[column.field]">\r\n                <th mat-header-cell *matHeaderCellDef cdkDrag class="px-8 py-8 c-th"\r\n                  [ngStyle]="{ \'min-width\': configuration.firstColumns[i].width }" [attr.rowspan]="\r\n                  configuration.multipleHeader && column.type !== \'children-col\'\r\n                    ? 2\r\n                    : 1\r\n                " [attr.colspan]="\r\n                  column.type === \'children-col\' ? column.children?.length : 1\r\n                ">\r\n                  <div>\r\n                    <div aria-hidden="true" mat-sort-header [disabled]="\r\n                      !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]="configuration.firstColumns[i].titleHtml || configuration.firstColumns[i].title">\r\n                    </div>\r\n                    <sd-column-inline-filter *ngIf="gridOption.filter?.inlineColumn && columnOperator"\r\n                      [value]="columnFilter[column.field]" [(inlineOperator)]="columnOperator[column.field]"\r\n                      (operatorChange)="onOperatorChange(column, $event)" [columnFilter]="columnFilter"\r\n                      [column]="column" (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 class="d-block px-8" *ngIf="!item?.sdGroup" [sdId]="item.sdId" [key]="key"\r\n                    [value]="item[column.field]" [column]="column" [item]="item" [idx]="i" [cellDef]="cellDef"\r\n                    [gridOption]="gridOption">\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="\r\n                      footerDef[column.field].templateRef;\r\n                      context: { items: items, column: column }\r\n                    ">\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; let i = index"\r\n                [matColumnDef]="column.field">\r\n                <th mat-header-cell *matHeaderCellDef mat-sort-header class="c-th px-8"\r\n                  [ngStyle]="{ \'min-width\': column.width }">\r\n                  <div>\r\n                    <div [class.text-right]="column.align === \'right\' || (!column.align && column.type === \'number\')"\r\n                      [class.text-center]="column.align === \'center\'" [innerHTML]="column.titleHtml || column.title">\r\n                    </div>\r\n                    <sd-column-inline-filter *ngIf="gridOption.filter?.inlineColumn && columnOperator"\r\n                      [value]="columnFilter[column.field]" [(inlineOperator)]="columnOperator[column.field]"\r\n                      (operatorChange)="onOperatorChange(column, $event)" [columnFilter]="columnFilter"\r\n                      [column]="column" (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 class="d-block px-8" [sdId]="item.sdId" [key]="key" [value]="item[column.field]"\r\n                    [column]="column" [item]="item" [idx]="i" [cellDef]="cellDef" [gridOption]="gridOption">\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="\r\n                      footerDef[column.field].templateRef;\r\n                      context: { items: items, column: column }\r\n                    ">\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">\r\n              </tr>\r\n              <ng-container *ngIf="configuration.secondHeaders?.length">\r\n                <tr class="c-second-header" mat-header-row *matHeaderRowDef="configuration.secondHeaders; sticky: true">\r\n                </tr>\r\n              </ng-container>\r\n              <tr mat-row *matRowDef="let row; columns: configuration.displayedColumns" matRipple class="c-row"\r\n                [class.selected]="row.isSelected" [style]="row | sdStyleRowCss:gridOption"></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            <ng-template #elseEmpty>\r\n              <table mat-table [dataSource]="[{}]">\r\n                <ng-container matColumnDef="sdSelection" sticky>\r\n                  <th class="px-15" mat-header-cell *matHeaderCellDef style="min-width: 50px; max-width: 50px"\r\n                    [attr.rowspan]="configuration.multipleHeader ? 2 : 1"></th>\r\n                </ng-container>\r\n                <ng-container matColumnDef="sdEditorValidation">\r\n                  <th class="p-0" mat-header-cell *matHeaderCellDef style="width: 4px"\r\n                    [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                  </th>\r\n                  <td class="p-0" mat-cell *matCellDef="let item">\r\n                  </td>\r\n                  <td mat-footer-cell *matFooterCellDef></td>\r\n                </ng-container>\r\n                <ng-container matColumnDef="sdEditor">\r\n                  <th class="px-8 py-8" mat-header-cell *matHeaderCellDef style="min-width: 50px; max-width: 50px"\r\n                    [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                    <button class="c-btn-add"\r\n                      *ngIf="gridOption.editor?.addable && (!gridOption.editor.limit || gridOption.editor.limit > items.length)"\r\n                      (click)="onCreate()" aria-hidden="true" mat-icon-button>\r\n                      <mat-icon class="c-icon-add">add</mat-icon>\r\n                    </button>\r\n                  </th>\r\n                </ng-container>\r\n                <ng-container matColumnDef="sdCommand">\r\n                  <th class="px-8" mat-header-cell *matHeaderCellDef style="min-width: 50px; max-width: 50px"\r\n                    [attr.rowspan]="configuration.multipleHeader ? 2 : 1"></th>\r\n                </ng-container>\r\n                <ng-container matColumnDef="sdSubInformationAction">\r\n                  <th class="p-0" mat-header-cell *matHeaderCellDef style="width: 1px"\r\n                    [attr.rowspan]="configuration.multipleHeader ? 2 : 1"></th>\r\n                </ng-container>\r\n                <ng-container matColumnDef="sdEmpty">\r\n                  <td class="c-empty" mat-cell *matCellDef="let item"\r\n                    [attr.colspan]="configuration.displayedColumns.length">\r\n                    <ng-container *ngIf="sdEmptyData?.templateRef; else sdEmptyDataNoRef">\r\n                      <ng-container *ngTemplateOutlet="\r\n                        sdEmptyData.templateRef;\r\n                        context: { item: item }\r\n                      ">\r\n                      </ng-container>\r\n                    </ng-container>\r\n                    <ng-template #sdEmptyDataNoRef>\r\n                      <mat-icon fontSet="material-icons-outlined">leaderboard</mat-icon>\r\n                    </ng-template>\r\n                  </td>\r\n                </ng-container>\r\n                <ng-container matColumnDef="sdGroup">\r\n                  <th mat-header-cell *matHeaderCellDef class="px-8 py-8"\r\n                    [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                  </th>\r\n                  <td class="p-0" mat-cell *matCellDef="let item">\r\n                  </td>\r\n                  <td mat-footer-cell *matFooterCellDef></td>\r\n                </ng-container>\r\n                <ng-container *ngFor="let column of configuration.columns" [matColumnDef]="column.field"\r\n                  [sticky]="configuration.fixedColumn[column.field]">\r\n                  <th mat-header-cell *matHeaderCellDef class="c-th px-8 py-8"\r\n                    [ngStyle]="{ \'min-width\': column.width }">\r\n                    <div [class.text-right]="column.align === \'right\' || (!column.align && column.type === \'number\')"\r\n                      [class.text-center]="column.align === \'center\'" [innerHTML]="column.titleHtml || column.title">\r\n                    </div>\r\n                  </th>\r\n                </ng-container>\r\n                <ng-container *ngFor="let column of configuration.firstColumns; let i = index"\r\n                  [matColumnDef]="column.field" [sticky]="configuration.fixedColumn[column.field]">\r\n                  <th mat-header-cell *matHeaderCellDef class="c-th px-8 py-8"\r\n                    [ngStyle]="{ \'min-width\': configuration.firstColumns[i].width }" [attr.rowspan]="\r\n                    configuration.multipleHeader &&\r\n                    column.type !== \'children-col\'\r\n                      ? 2\r\n                      : 1\r\n                  " [attr.colspan]="\r\n                    column.type === \'children-col\' ? column.children?.length : 1\r\n                  ">\r\n                    <div>\r\n                      <div [class.text-right]="column.align === \'right\' || (!column.align && column.type === \'number\')"\r\n                        [class.text-center]="column.align === \'center\'"\r\n                        [innerHTML]="configuration.firstColumns[i].titleHtml || configuration.firstColumns[i].title">\r\n                      </div>\r\n                      <sd-column-inline-filter *ngIf="gridOption.filter?.inlineColumn && columnOperator"\r\n                        [value]="columnFilter[column.field]" [(inlineOperator)]="columnOperator[column.field]"\r\n                        (operatorChange)="onOperatorChange(column, $event)" [columnFilter]="columnFilter"\r\n                        [column]="column" (filterChange)="onFilterChange()">\r\n                      </sd-column-inline-filter>\r\n                    </div>\r\n                  </th>\r\n                </ng-container>\r\n                <ng-container *ngFor="let column of configuration.secondColumns" [matColumnDef]="column.field">\r\n                  <th mat-header-cell *matHeaderCellDef class="c-th px-8 py-8"\r\n                    [ngStyle]="{ \'min-width\': column.width }">\r\n                    <div>\r\n                      <div [class.text-right]="column.align === \'right\' || (!column.align && column.type === \'number\')"\r\n                        [class.text-center]="column.align === \'center\'" [innerHTML]="column.titleHtml || column.title">\r\n                      </div>\r\n                      <sd-column-inline-filter *ngIf="gridOption.filter?.inlineColumn && columnOperator"\r\n                        [value]="columnFilter[column.field]" [(inlineOperator)]="columnOperator[column.field]"\r\n                        (operatorChange)="onOperatorChange(column, $event)" [columnFilter]="columnFilter"\r\n                        [column]="column" (filterChange)="onFilterChange()">\r\n                      </sd-column-inline-filter>\r\n                    </div>\r\n                  </th>\r\n                </ng-container>\r\n                <tr class="c-first-header" mat-header-row *matHeaderRowDef="configuration.firstHeaders; sticky: true">\r\n                </tr>\r\n                <tr class="c-second-header" mat-header-row *matHeaderRowDef="configuration.secondHeaders; sticky: true">\r\n                </tr>\r\n                <tr mat-row *matRowDef="let row; columns: [\'sdEmpty\']"></tr>\r\n              </table>\r\n            </ng-template>\r\n          </div>\r\n        </ng-container>\r\n        <div class="c-paginator">\r\n          <div class="c-action">\r\n            <sd-button *ngIf="gridFilter && !gridOption.filter?.inlineColumn\r\n            " class="mr-10" [title]="\'Filter\' | sdTranslate" icon="filter_alt" size="sm" (action)="gridFilter.open()"\r\n              type="link">\r\n            </sd-button>\r\n            <sd-button *ngIf="gridOption.reload?.visible" class="mr-10" [title]="\'Reload\' | sdTranslate" icon="refresh"\r\n              size="sm" (action)="reload()" [disabled]="!items?.length" type="link">\r\n            </sd-button>\r\n            <ng-container *ngIf="gridOption.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"\r\n                  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"\r\n                  [matMenuTriggerFor]="menu" type="link">\r\n                </sd-button>\r\n              </ng-template>\r\n\r\n              <mat-menu #menu="matMenu">\r\n                <button *ngIf="gridOption.export?.visibleExcel !== false" mat-menu-item\r\n                  (click)="sdPopupExport.exportDefault()" type="button">\r\n                  <mat-icon fontSet="material-icons-outlined">file_download</mat-icon>\r\n                  <span> {{ "Export excel" | sdTranslate }}</span>\r\n                </button>\r\n                <button *ngIf="gridOption.export?.visibleCSV !== false" mat-menu-item\r\n                  (click)="sdPopupExport.exportCSV()" type="button">\r\n                  <mat-icon fontSet="material-icons-outlined">file_download</mat-icon>\r\n                  <span> {{ "Export CSV" | sdTranslate }}</span>\r\n                </button>\r\n                <button *ngIf="gridOption.export?.key" mat-menu-item (click)="sdPopupExport.open()" type="button">\r\n                  <mat-icon fontSet="material-icons-outlined">settings</mat-icon>\r\n                  <span> {{ "Configure" | sdTranslate }}</span>\r\n                </button>\r\n              </mat-menu>\r\n            </ng-container>\r\n            <sd-button *ngIf="gridOption.config?.visible" class="mr-10" [title]="\'Configure\' | sdTranslate"\r\n              icon="settings" size="sm" (action)="popupGridConfiguration.open()" type="link">\r\n            </sd-button>\r\n          </div>\r\n          <mat-paginator [class.d-none]="gridOption.paginate?.hidden" [length]="total"\r\n            [pageSize]="gridOption.paginate?.pageSize" [pageSizeOptions]="gridOption.paginate?.pages"\r\n            [showFirstLastButtons]="gridOption.paginate?.showFirstLastButtons"></mat-paginator>\r\n        </div>\r\n      </div>\r\n      <sd-grid-quick-action [gridOption]="gridOption" [selectedItems]="selectedItems"\r\n        (clear)="onClearSelection(groupedItems)">\r\n      </sd-grid-quick-action>\r\n      <sd-popup-export *ngIf="gridOption.export?.visible" [configuration]="configuration" [gridOption]="gridOption"\r\n        (export)="onExport($event)" #sdPopupExport>\r\n      </sd-popup-export>\r\n      <sd-popup-grid-configuration [gridOption]="gridOption" [key]="key" #popupGridConfiguration>\r\n      </sd-popup-grid-configuration>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-container>',animations:[l.trigger("detailExpand",[l.state("collapsed",l.style({height:"0",minHeight:"0",visibility:"hidden"})),l.state("expanded",l.style({height:"*",visibility:"visible"})),l.transition("expanded <=> collapsed",l.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:1;flex-direction:column;min-height:200px;position:relative}:host .c-container .c-table{flex:1;min-height:300px;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}:host .style1 .mat-table{border:1px solid #dde0e5}:host .style1 .mat-table tr.mat-header-row{background:#f2f3f4}:host .style1 .mat-table th.mat-header-cell{padding:10px 0}:host .style1 .c-paginator{border:1px solid #dde0e5;border-top:none!important}:host .style1 .mat-form-field-wrapper{background:#fff;padding:0}@-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\")}"]}]}],dt.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:void 0,decorators:[{type:n.Inject,args:[Q]},{type:n.Optional}]},{type:Ie},{type:h.SdExportService},{type:s.SdNotifyService},{type:ke},{type:st},{type:je}]},dt.propDecorators={sdScroll:[{type:n.ViewChild,args:[t.SdScrollDirective]}],quickAction:[{type:n.ViewChild,args:[b.SdQuickAction]}],_gridFilter:[{type:n.ViewChild,args:[fe]}],option:[{type:n.Input}],paginator:[{type:n.ViewChild,args:[i.MatPaginator]}],sort:[{type:n.ViewChild,args:[r.MatSort]}],sdPopupExport:[{type:n.ViewChild,args:[Oe]}],sdSubInformation:[{type:n.ContentChild,args:[X]}],sdEmptyData:[{type:n.ContentChild,args:[Z]}],sdCellDefs:[{type:n.ContentChildren,args:[J]}],sdFooterDefs:[{type:n.ContentChildren,args:[Y]}],sdFilterDefs:[{type:n.ContentChildren,args:[K]}]};var ct=function(){function e(){}return e.prototype.transform=function(e,t){return ee(this,void 0,void 0,(function(){var n,i,r,l,o,a,s,d,c,u,m,p,f,g,h,v,y,b;return te(this,(function(x){switch(x.label){case 0:if(n=[],!t)return[2,n];x.label=1;case 1:x.trys.push([1,22,23,24]),i=ne(t),r=i.next(),x.label=2;case 2:return r.done?[3,21]:(l=r.value,o=!1,void 0!==(a=l.hidden)?[3,3]:(o=!0,[3,7]));case 3:return"boolean"!=typeof a?[3,4]:(a||(o=!0),[3,7]);case 4:return(p=a(e))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,d=ne(l.children),c=d.next(),x.label=9;case 9:return c.done?[3,15]:(u=c.value,void 0!==(m=u.hidden)?[3,10]:(s.push(u),[3,14]));case 10:return"boolean"!=typeof m?[3,11]:(m||s.push(u),[3,14]);case 11:return(p=m(e))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 c=d.next(),[3,9];case 15:return[3,18];case 16:return f=x.sent(),y={error:f},[3,18];case 17:try{c&&!c.done&&(b=d.return)&&b.call(d)}finally{if(y)throw y.error}return[7];case 18:return s.length>0&&n.push(Object.assign(Object.assign({},l),{children:s})),[3,20];case 19:n.push(l),x.label=20;case 20:return r=i.next(),[3,2];case 21:return[3,24];case 22:return g=x.sent(),h={error:g},[3,24];case 23:try{r&&!r.done&&(v=i.return)&&v.call(i)}finally{if(h)throw h.error}return[7];case 24:return[2,n]}}))}))},e}();ct.decorators=[{type:n.Pipe,args:[{name:"commandFilter"}]}];var ut=function(){function e(){}return e.prototype.transform=function(e,t){return!!(null==t?void 0:t.disabled)&&("boolean"==typeof t.disabled?t.disabled:t.disabled(e))},e}();ut.decorators=[{type:n.Pipe,args:[{name:"commandDisable"}]}];var mt=function(){function e(){}return e.prototype.transform=function(e,t){return(null==e?void 0:e.icon)?"string"==typeof e.icon?e.icon:e.icon(t):""},e}();mt.decorators=[{type:n.Pipe,args:[{name:"commandIcon"}]}];var pt=function(){function e(){}return e.prototype.transform=function(e,t){return(null==e?void 0:e.title)?"string"==typeof e.title?e.title:e.title(t):""},e}();pt.decorators=[{type:n.Pipe,args:[{name:"commandTitle"}]}];var ft=function(){function e(e){this.isMobileOrTablet=!1,this.isMobileOrTablet=!e.isDesktop()}return e.prototype.transform=function(e,t,n){return"function"!=typeof(null==n?void 0:n.htmlTemplate)?e:null==n?void 0:n.htmlTemplate(e,t,this.isMobileOrTablet)},e}();ft.decorators=[{type:n.Pipe,args:[{name:"columnHtmlTemplate"}]}],ft.ctorParameters=function(){return[{type:m.DeviceDetectorService}]};var gt=function(){};gt.decorators=[{type:n.Component,args:[{selector:"sd-desktop-cell-view",template:'<ng-container *ngIf="item[column.field] | cellView:item:column:gridOption | async as view">\r\n  <ng-container *ngIf="view.display.hasHtml;else useValue">\r\n    <div *ngIf="view.click" (click)="view.click()" class="text-break cursor-pointer" [matTooltip]="view.tooltip"\r\n      [class.text-center]="view.display.align === \'center\'" [class.text-right]="view.display.align === \'right\'"\r\n      [innerHTML]="view.display.html | safeHtml">\r\n    </div>\r\n    <div *ngIf="!view.click" class="text-break" [matTooltip]="view.tooltip"\r\n      [class.text-center]="view.display.align === \'center\'" [class.text-right]="view.display.align === \'right\'"\r\n      [innerHTML]="view.display.html | safeHtml">\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #useValue>\r\n    <ng-container *ngIf="!!view.badge; else noBadge">\r\n      <sd-badge *ngIf="view.display.value" [type]="view.badge.type" [title]="view.display.value" [color]="view.badge.color"\r\n        [icon]="view.badge.icon" [tooltip]="view.tooltip" (sdClick)="!!view.click && view.click()"></sd-badge>\r\n    </ng-container>\r\n    <ng-template #noBadge>\r\n      <ng-container *ngIf="column.type !== \'children\'; else childrenView">\r\n        <div *ngIf="column.type !== \'image\'" class="text-break" [class.text-center]="view.display.align === \'center\'"\r\n          [class.text-right]="view.display.align === \'right\'" [matTooltip]="view.tooltip">\r\n          <a *ngIf="!!view.click" href="javascript:;" (click)="view.click()">{{view.display.value}}</a>\r\n          <ng-container *ngIf="!view.click">{{view.display.value}}\r\n          </ng-container>\r\n        </div>\r\n        <div *ngIf="column.type === \'image\'" class="align-middle text-center">\r\n          <img *ngIf="view.display.value" [src]="view.display.value" [width]="column.option?.width"\r\n            [height]="column.option?.height" class="c-image" (click)="!!view.click && view.click()"\r\n            [class.cursor-pointer]="!!view.click">\r\n          <mat-icon *ngIf="!view.display.value" class="c-img" [class.cursor-pointer]="!!view.click"\r\n            (click)="!!view.click && view.click()">\r\n            image</mat-icon>\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #childrenView>\r\n        <sd-desktop-cell-children-view [key]="key" [item]="item" [column]="column">\r\n        </sd-desktop-cell-children-view>\r\n      </ng-template>\r\n    </ng-template>\r\n  </ng-template>\r\n</ng-container>',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}"]}]}],gt.ctorParameters=function(){return[]},gt.propDecorators={sdId:[{type:n.Input}],key:[{type:n.Input}],column:[{type:n.Input}],item:[{type:n.Input}],gridOption:[{type:n.Input}]};var ht=function(){function e(e){this.columnValuesPipe=e}return e.prototype.transform=function(e,t,n,i){var r,l;return ee(this,void 0,void 0,(function(){return te(this,(function(i){switch(i.label){case 0:return(null==n?void 0:n.transform)?[2,n.transform(e,t)]:"values"!==n.type?[3,2]:[4,this.columnValuesPipe.transform(e,n)];case 1:return[2,i.sent()];case 2:return"number"===n.type&&Number.isNumber(e)?[2,Number.toVNCurrency(e)]:"bool"===n.type?[2,!0===e?(null===(r=n.option)||void 0===r?void 0:r.displayOnTrue)||"True":(null===(l=n.option)||void 0===l?void 0:l.displayOnFalse)||"False"]:[2,e]}}))}))},e}();ht.decorators=[{type:n.Pipe,args:[{name:"columnTransform"}]}],ht.ctorParameters=function(){return[{type:ke}]};var vt=function(){function e(){}return e.prototype.transform=function(e,t){var n,i,r=[];if(!e)return r;try{for(var l=ne(e),o=l.next();!o.done;o=l.next()){var a=o.value;r.push(a)}}catch(e){n={error:e}}finally{try{o&&!o.done&&(i=l.return)&&i.call(l)}finally{if(n)throw n.error}}return r.filter((function(e){return!t||e.field===t}))},e}();vt.decorators=[{type:n.Pipe,args:[{name:"sdFilterExternal"}]}];var yt=function(){function e(){}return e.prototype.transform=function(e,t){var n,i,r,l,o,a,s=[];if(!e)return s;try{for(var d=ne(e),c=d.next();!c.done;c=d.next()){var u=c.value;if("image"!==u.type)if("children"!==u.type)(null===(a=u.filter)||void 0===a?void 0:a.disabled)||s.push(u);else try{for(var m=(r=void 0,ne(null==u?void 0:u.children)),p=m.next();!p.done;p=m.next()){var f=p.value;(null===(o=f.filter)||void 0===o?void 0:o.disabled)||s.push(f)}}catch(e){r={error:e}}finally{try{p&&!p.done&&(l=m.return)&&l.call(m)}finally{if(r)throw r.error}}}}catch(e){n={error:e}}finally{try{c&&!c.done&&(i=d.return)&&i.call(d)}finally{if(n)throw n.error}}return s.filter((function(e){return!t||e.field===t}))},e}();yt.decorators=[{type:n.Pipe,args:[{name:"sdFilterColumn"}]}];var bt,xt=function(){};xt.decorators=[{type:n.Component,args:[{selector:"sd-desktop-cell-children-view",template:'<ng-container *ngIf="column.children?.length">\r\n  <div class="row mx-0">\r\n    <div *ngFor="let childColumn of column.children | columnChildrenFilter:item" class="px-2"\r\n      [ngClass]="{\'col-6\': childColumn?.colSpan === 1, \'col-12\': !childColumn?.colSpan || childColumn?.colSpan === 2}">\r\n      <span class="c-title">\r\n        {{item | columnTitle:childColumn | async}}:\r\n      </span>\r\n      <ng-container *ngIf="childColumn.htmlTemplate;else useDefaultView">\r\n        <div (click)="childColumn.click && childColumn.click(item[childColumn.field], item)"\r\n          style="display:inline-block ;overflow-wrap: break-word;" [ngClass]="{\'cursor-pointer\':childColumn.click}"\r\n          [innerHTML]="(item[childColumn.field] | columnHtmlTemplate:item:childColumn) | safeHtml">\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #useDefaultView>\r\n        <span *ngIf="childColumn.type === \'string\'">\r\n          <a *ngIf="childColumn.click" href="javascript:;"\r\n            (click)="childColumn.click(item[childColumn.field], item)">{{item[childColumn.field] |\r\n            columnTransform:item:childColumn | async}}</a>\r\n          <ng-container *ngIf="!childColumn.click">\r\n            {{item[childColumn.field] | columnTransform:item:childColumn | async}}</ng-container>\r\n        </span>\r\n        <span *ngIf="childColumn.type === \'number\'">\r\n          <a *ngIf="childColumn.click" href="javascript:;"\r\n            (click)="childColumn.click(item[childColumn.field], item)">{{item[childColumn.field] |\r\n            columnTransform:item:childColumn | async}}</a>\r\n          <ng-container *ngIf="!childColumn.click">\r\n            {{item[childColumn.field] | columnTransform:item:childColumn | async}}\r\n          </ng-container>\r\n        </span>\r\n        <span *ngIf="childColumn.type === \'datetime\'">\r\n          <a *ngIf="childColumn.click" href="javascript:;"\r\n            (click)="childColumn.click(item[childColumn.field], item)">{{item[childColumn.field] |\r\n            sdTimeDifferent:\'dd/MM/yyyy HH:mm\':childColumn.option?.timeDifferent | async}}</a>\r\n          <ng-container *ngIf="!childColumn.click">\r\n            <span matTooltipPosition="above"\r\n              [matTooltip]="item[childColumn.field] | date:\'dd/MM/yyyy HH:mm\'">{{item[childColumn.field] |\r\n              sdTimeDifferent:\'dd/MM/yyyy HH:mm\':childColumn.option?.timeDifferent | async}}</span>\r\n          </ng-container>\r\n        </span>\r\n        <span *ngIf="childColumn.type === \'date\'">\r\n          <a *ngIf="childColumn.click" href="javascript:;"\r\n            (click)="childColumn.click(item[childColumn.field], item)">{{item[childColumn.field] |\r\n            sdTimeDifferent:\'dd/MM/yyyy\':childColumn.option?.timeDifferent | async}}</a>\r\n          <ng-container *ngIf="!childColumn.click">\r\n            <span matTooltipPosition="above"\r\n              [matTooltip]="item[childColumn.field] | date:\'dd/MM/yyyy\'">{{item[childColumn.field] |\r\n              sdTimeDifferent:\'dd/MM/yyyy\':childColumn.option?.timeDifferent | async}}</span>\r\n          </ng-container>\r\n        </span>\r\n        <span *ngIf="childColumn.type === \'time\'">\r\n          <a *ngIf="childColumn.click" href="javascript:;"\r\n            (click)="childColumn.click(item[childColumn.field], item)">{{item[childColumn.field] | date:\'HH:mm\'}}</a>\r\n          <ng-container *ngIf="!childColumn.click">\r\n            {{item[childColumn.field] | date:\'HH:mm\'}}\r\n          </ng-container>\r\n        </span>\r\n        <span *ngIf="childColumn.type === \'bool\'"\r\n          (click)="childColumn.click && childColumn.click(item[childColumn.field], item)">\r\n          <strong *ngIf="item[childColumn.field]" class="text-success">{{childColumn.option?.displayOnTrue ||\r\n            \'True\'}}</strong>\r\n          <strong *ngIf="!item[childColumn.field]" class="text-danger">{{childColumn.option?.displayOnFalse ||\r\n            \'False\'}}</strong>\r\n        </span>\r\n        <ng-container *ngIf="childColumn.type === \'values\'">\r\n          <ng-container *ngIf="childColumn.transform">{{item[childColumn.field] | columnTransform:item:childColumn | async}}</ng-container>\r\n          <ng-container *ngIf="!childColumn.transform">\r\n            {{item[childColumn.field] | columnValues:childColumn | async}}\r\n            \x3c!-- <ng-container *ngIf="item[childColumn.field] | columnValues:childColumn | async; $implicit as valueData">\r\n              <div\r\n                *ngIf="valueData[childColumn.option?.colorField] || valueData[childColumn.option?.backgroundColorField]; else elseNoStatus"\r\n                [ngStyle]="{\'color\':valueData[childColumn.option?.colorField], \'background-color\': valueData[childColumn.option?.backgroundColorField]}">\r\n                {{valueData[childColumn.option?.displayField]}}\r\n              </div>\r\n              <ng-template #elseNoStatus>\r\n                {{valueData[childColumn.option?.displayField]}}\r\n              </ng-template>\r\n            </ng-container> --\x3e\r\n          </ng-container>\r\n          \r\n        </ng-container>\r\n        <img *ngIf="childColumn.type === \'image\'" [src]="item[childColumn.field] | columnTransform:item:childColumn | async" [width]="childColumn.display?.width"\r\n          [height]="childColumn.display?.height" style="margin: 5px 0"\r\n          (click)="childColumn.click && childColumn.click(item[childColumn.field], item)">\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</ng-container>',styles:[".c-title{color:#212529;font-size:13px;font-weight:700;line-height:1.7;margin-right:3px}.c-children{color:#212529;font-size:14px;overflow-wrap:break-word}"]}]}],xt.ctorParameters=function(){return[]},xt.propDecorators={key:[{type:n.Input}],column:[{type:n.Input}],item:[{type:n.Input}]};var Ct=function(){function e(e){bt.set(this,!1),ae(this,bt,!e.isDesktop())}return e.prototype.transform=function(e,t){var n=this;return e.filter((function(e){var i,r,l=null==t?void 0:t[e.field],o=null===(i=e.transform)||void 0===i?void 0:i.call(e,t[e.field],t),a=null===(r=e.htmlTemplate)||void 0===r?void 0:r.call(e,t[e.field],t,oe(n,bt));return null!=l&&""!==l||null!=o&&""!==o||null!=a&&""!==a}))},e}();bt=new WeakMap,Ct.decorators=[{type:n.Pipe,args:[{name:"columnChildrenFilter"}]}],Ct.ctorParameters=function(){return[{type:m.DeviceDetectorService}]};var wt=function(){function e(){}return e.prototype.transform=function(e,t){var n;return ee(this,void 0,void 0,(function(){var i;return te(this,(function(r){switch(r.label){case 0:return(null==t?void 0:t.title)?(i=null===(n=null==t?void 0:t.dynamicTitle)||void 0===n?void 0:n.call(t,e))instanceof Promise?[4,i]:[3,2]:[2,""];case 1:return[2,r.sent()||(null==t?void 0:t.title)];case 2:return[2,i||(null==t?void 0:t.title)]}}))}))},e}();wt.decorators=[{type:n.Pipe,args:[{name:"columnTitle"}]}];var Ot=function(){this.commands=[]};Ot.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)" [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)"\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)"></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}"]}]}],Ot.ctorParameters=function(){return[]},Ot.propDecorators={item:[{type:n.Input}],commands:[{type:n.Input}]};var Ft=function(){function e(){}return e.prototype.transform=function(e,t,n){var i,r,l;return"string"===n.type&&(null==n?void 0:n.badge)?{type:(null==n?void 0:n.badgeType)?n.badgeType:"round",color:n.badge(e,t),icon:null===(i=null==n?void 0:n.badgeIcon)||void 0===i?void 0:i.call(n,e,t)}:"number"===n.type&&(null==n?void 0:n.badge)?{type:(null==n?void 0:n.badgeType)?n.badgeType:"round",color:n.badge(e,t),icon:null===(r=null==n?void 0:n.badgeIcon)||void 0===r?void 0:r.call(n,e,t)}:"bool"===n.type?{type:(null==n?void 0:n.badgeType)?n.badgeType:"round",color:e?"success":"danger",icon:null}:"values"===n.type&&(null==n?void 0:n.badge)?{type:(null==n?void 0:n.badgeType)?n.badgeType:"round",color:n.badge(e,t),icon:null===(l=null==n?void 0:n.badgeIcon)||void 0===l?void 0:l.call(n,e,t)}:null},e}();Ft.decorators=[{type:n.Pipe,args:[{name:"columnBadge"}]}],Ft.ctorParameters=function(){return[]};var Dt,It=function(){function e(e){this.gridConfigurationService=e}return e.prototype.transform=function(e,t,n){return this.gridConfigurationService.generateConfigurationResult(e,t,n)},e}();It.decorators=[{type:n.Pipe,args:[{name:"sdGridConfigurationResult"}]}],It.ctorParameters=function(){return[{type:Ie}]};var kt=function(){function e(e,t,i,r){var l=this;this.ref=e,this.notifyService=t,this.translateService=i,this.gridConfigurationService=r,this.changes=new n.EventEmitter,Dt.set(this,void 0),this.isCreatingColumn=!1,this.selected={},this.disabledDrag=!0,this.open=function(){return ee(l,void 0,void 0,(function(){var e;return te(this,(function(t){switch(t.label){case 0:return ae(this,Dt,this.gridConfigurationService.init(this.key,this.gridOption)),e=this,[4,oe(this,Dt).get()];case 1:return e.configuration=t.sent(),this.modal.open(),[2]}}))}))},this.onSave=function(){oe(l,Dt).set(l.configuration),l.modal.close(),l.ref.detectChanges()},this.onReset=function(){return ee(l,void 0,void 0,(function(){var e,t=this;return te(this,(function(n){return e=this.translateService.translate,this.notifyService.confirm(e("Reset grid configuration to default")).then((function(){oe(t,Dt).remove(),t.modal.close(),t.ref.detectChanges()})),[2]}))}))},this.createColumn=function(){return ee(l,void 0,void 0,(function(){return te(this,(function(e){return this.selected={},this.isCreatingColumn=!0,[2]}))}))},this.confirm=function(){return ee(l,void 0,void 0,(function(){var e,t=this;return te(this,(function(n){return e={origin:{field:o.v4(),title:"Generated",width:"300px"},fixed:!1,invisible:!1,title:"Generated",width:"300px",isGeneratedColumn:!0,generatedColumns:this.configuration.columns.filter((function(e){var n;return t.selected[null===(n=e.origin)||void 0===n?void 0:n.field]})).map((function(e){var t;return null===(t=e.origin)||void 0===t?void 0:t.field}))},this.configuration.columns.push(e),this.configuration=oe(this,Dt).set(this.configuration),this.isCreatingColumn=!1,[2]}))}))}}return e.prototype.ngOnInit=function(){},e.prototype.mouseUp=function(e){this.disabledDrag=!0},e.prototype.dropTable=function(e){d.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}();Dt=new WeakMap,kt.decorators=[{type:n.Component,args:[{selector:"sd-popup-grid-configuration",template:'<sd-modal width="sm" [title]="\'Configuration\' | sdTranslate" #modal>\r\n  <sd-modal-body *ngIf="configuration">\r\n    <div *ngIf="!isCreatingColumn" class="c-container">\r\n      <div class="c-table" style="max-height:70vh">\r\n        <table #table mat-table [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">#\r\n            </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 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\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}}\r\n            </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}}\r\n            </th>\r\n            <td class="px-5" mat-cell *matCellDef="let item;">\r\n              \x3c!-- <span>{{item.width}}</span>\r\n              <mat-slider\r\n                  step="1"\r\n                  min="0"\r\n                  [max]="+item?.origin?.width*3"\r\n                  [(ngModel)]="+item.width"\r\n                  aria-label="units">\r\n                </mat-slider> --\x3e\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\' |\r\n              sdTranslate}}\r\n            </th>\r\n            <td class="text-center px-5" mat-cell *matCellDef="let item;">\r\n              <mat-slide-toggle [(ngModel)]="item.invisible" color="primary">\r\n              </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\' |\r\n              sdTranslate}}\r\n            </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 mat-row *matRowDef="let row; columns: [\'stt\', \'title\', \'width\', \'invisible\', \'fixed\'];" cdkDrag [cdkDragData]="row" cdkDragLockAxis="y" [cdkDragDisabled] = "disabledDrag"></tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div *ngIf="isCreatingColumn">\r\n      <div class="c-table" style="max-height:50vh">\r\n        <table mat-table [dataSource]="configuration.columns">\r\n          <ng-container matColumnDef="stt">\r\n            <th mat-header-cell class="c-th text-center px-5" *matHeaderCellDef style="width:50px">#\r\n            </th>\r\n            <td class="text-center px-5" mat-cell *matCellDef="let item; let idx = index">\r\n              <sd-checkbox *ngIf="isCreatingColumn" [(model)]="selected[item.origin?.field]"></sd-checkbox>\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}}\r\n            </th>\r\n            <td class="px-5" mat-cell *matCellDef="let item;">\r\n              <span *ngIf="isCreatingColumn">{{item.title || item?.origin?.title}}</span>\r\n            </td>\r\n          </ng-container>\r\n          <tr mat-header-row *matHeaderRowDef="[\'stt\', \'title\']; sticky: true"></tr>\r\n          <tr mat-row *matRowDef="let row; columns: [\'stt\', \'title\'];"></tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </sd-modal-body>\r\n  <sd-modal-footer>\r\n    <ng-container *ngIf="!isCreatingColumn">\r\n      \x3c!-- <sd-button class="mr-auto" (action)="createColumn()" [title]="\'Create column\' | sdTranslate" color="info"\r\n        size="sm">\r\n      </sd-button> --\x3e\r\n      <sd-button class="mr-5" (action)="onReset()" [title]="\'Default\' | sdTranslate" color="info" size="sm">\r\n      </sd-button>\r\n      <sd-button (action)="onSave()" [title]="\'Save\' | sdTranslate" type="fill" color="info" size="sm">\r\n      </sd-button>\r\n    </ng-container>\r\n    <ng-container *ngIf="isCreatingColumn">\r\n      <sd-button class="mr-auto" (action)="isCreatingColumn = false" [title]="\'Cancel\' | sdTranslate" color="info"\r\n        size="sm">\r\n      </sd-button>\r\n      <sd-button (action)="confirm()" [title]="\'Confirm\' | sdTranslate" type="fill" color="info" size="sm">\r\n      </sd-button>\r\n    </ng-container>\r\n  </sd-modal-footer>\r\n</sd-modal>',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}"]}]}],kt.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:s.SdNotifyService},{type:f.SdTranslateService},{type:Ie}]},kt.propDecorators={gridOption:[{type:n.Input}],key:[{type:n.Input}],modal:[{type:n.ViewChild,args:["modal"]}],table:[{type:n.ViewChild,args:["table"]}],mouseUp:[{type:n.HostListener,args:["window:mouseup",["$event"]]}]};var St,Tt=function(){function e(){}return e.prototype.transform=function(e,t,n){return(null==n?void 0:n.tooltip)?n.tooltip(e,t):null},e}();Tt.decorators=[{type:n.Pipe,args:[{name:"columnTooltip"}]}],Tt.ctorParameters=function(){return[]};var Et=function(){var e=this;St.set(this,(function(e){return"children"in e?{title:e.title,icon:e.icon,fontSet:e.fontSet,tooltip:e.tooltip,color:e.color,type:e.type,children:e.children.map((function(t){return{title:t.title,icon:t.icon,color:e.color,type:e.type,fontSet:t.fontSet,tooltip:t.tooltip,click:t.click}}))}:{title:e.title,icon:e.icon,color:e.color,type:e.type,fontSet:e.fontSet,tooltip:e.tooltip,click:e.click}})),this.transform=function(t,n){var i,r,l=[];if(!(null==n?void 0:n.length)||!(null==t?void 0:t.length))return[];var o=function(e){var n,i;if("children"in e){var r=[],o=function(e){var n=G.default(e);t.every((function(e){return e.actions.includes(n)}))&&r.push(e)};try{for(var a=(n=void 0,ne(e.children)),s=a.next();!s.done;s=a.next())o(s.value)}catch(e){n={error:e}}finally{try{s&&!s.done&&(i=a.return)&&i.call(a)}finally{if(n)throw n.error}}r.length>0&&l.push(Object.assign(Object.assign({},e),{children:r}))}else{var d=G.default(e);t.every((function(e){return e.actions.includes(d)}))&&l.push(e)}};try{for(var a=ne(n),s=a.next();!s.done;s=a.next())o(s.value)}catch(e){i={error:e}}finally{try{s&&!s.done&&(r=a.return)&&r.call(a)}finally{if(i)throw i.error}}return l.map((function(t){return oe(e,St).call(e,t)}))}};St=new WeakMap,Et.decorators=[{type:n.Pipe,args:[{name:"selectionActionFilter"}]}];var Mt=function(){this.transform=function(e,t,n){var i,r,l,o,a=n.disabled,s=n.actions;if(!(null==s?void 0:s.length))return a?(t.selectable=!a(t,e),!t.selectable):(t.selectable=!0,!1);var d=s.filter((function(t){var n,i;if("children"in t){var r=function(t){var n=G.default(t);if(e.every((function(e){return e.actions.includes(n)})))return{value:!0}};try{for(var l=ne(t.children),o=l.next();!o.done;o=l.next()){var a=r(o.value);if("object"==typeof a)return a.value}}catch(e){n={error:e}}finally{try{o&&!o.done&&(i=l.return)&&i.call(l)}finally{if(n)throw n.error}}return!1}var s=G.default(t);return e.every((function(e){return e.actions.includes(s)}))}));try{for(var c=ne(d),u=c.next();!u.done;u=c.next()){var m=u.value;if("children"in m)try{for(var p=(l=void 0,ne(m.children)),f=p.next();!f.done;f=p.next()){var g=f.value;if(t.actions.includes(G.default(g)))return!1}}catch(e){l={error:e}}finally{try{f&&!f.done&&(o=p.return)&&o.call(p)}finally{if(l)throw l.error}}else if(t.actions.includes(G.default(m)))return!1}}catch(e){i={error:e}}finally{try{u&&!u.done&&(r=c.return)&&r.call(c)}finally{if(i)throw i.error}}return!0}};Mt.decorators=[{type:n.Pipe,args:[{name:"selectionDisable"}]}];var Pt,Ht=function(){var e=this;this.transform=function(t,n){return ee(e,void 0,void 0,(function(){var e,i,r,l,o,a,s,d,c;return te(this,(function(u){switch(u.label){case 0:return(null==(e=n.actions)?void 0:e.length)?t.length?e.some((function(e){return"children"in e&&e.children.some((function(e){return e.isGrouped}))||e.isGrouped}))?[2,!1]:[4,new Promise((function(e){return setTimeout(e,500)}))]:[2,!1]:[2,!0];case 1:if(u.sent(),i=t.find((function(e){var t;return null===(t=e.actions)||void 0===t?void 0:t.length}))){r=function(e){if(t.filter((function(e){var t;return null===(t=e.actions)||void 0===t?void 0:t.length})).every((function(t){return t.actions.includes(e)})))return{value:!0}};try{for(l=ne(i.actions),o=l.next();!o.done;o=l.next())if(a=o.value,"object"==typeof(s=r(a)))return[2,s.value]}catch(e){d={error:e}}finally{try{o&&!o.done&&(c=l.return)&&c.call(l)}finally{if(d)throw d.error}}}return[2,!1]}}))}))}};Ht.decorators=[{type:n.Pipe,args:[{name:"selectionVisibleSelectAll"}]}];var Rt,At=function(e){var t=this;this.settingService=e,Pt.set(this,{}),this.load=function(e){if(!(null==e?void 0:e.key))return null;var n=G.default({prefix:"260f5e94-5865-4425-8ced-b9c083c390dd",key:e.key});return oe(t,Pt)[n]||("server"===(null==e?void 0:e.storage)?oe(t,Pt)[n]=t.settingService.createServer(n,{args:null==e?void 0:e.args,default:[]}):oe(t,Pt)[n]=t.settingService.create(n,{type:null==e?void 0:e.storage,args:null==e?void 0:e.args,default:[]})),oe(t,Pt)[n]},this.loadSystem=function(e){var n,i;if(!(null==e?void 0:e.key))return null;if(!(null==e?void 0:e.systemColumn))return null;var r=G.default({prefix:"8b8050ca-1f44-4860-bad3-20e646c0d68f",key:e.key});return oe(t,Pt)[r]||("server"===(null==e?void 0:e.storage)?oe(t,Pt)[r]=t.settingService.createServer(r,{args:null===(n=null==e?void 0:e.systemColumn)||void 0===n?void 0:n.args,default:[]}):oe(t,Pt)[r]=t.settingService.create(r,{type:null==e?void 0:e.storage,args:null===(i=null==e?void 0:e.systemColumn)||void 0===i?void 0:i.args,default:[]})),oe(t,Pt)[r]}};Pt=new WeakMap,At.decorators=[{type:n.Injectable}],At.ctorParameters=function(){return[{type:y.SdSettingService}]};var Lt=function(){function e(e,t,n,i,r){var l=this;this.ref=e,this.generatedColumnService=t,this.notifyService=n,this.translateService=i,this.gridConfigurationService=r,Rt.set(this,new a.Subscription),this.columnTypes=["string","number","bool","date","datetime","time","values","children","children-col"],this.form=new v.FormGroup({}),this.isDetail=!1,this.originColumns=[],this.onDetail=function(e){l.detail=e||{field:o.v4(),title:"",type:"string",isSystem:!1,useTemplate:!1},l.form.markAsUntouched(),l.form.markAsPristine(),l.isDetail=!0},this.onSave=function(){var e,t=l.generatedColumnService.loadSystem(l.gridOption.config),n=l.generatedColumnService.load(null===(e=l.gridOption)||void 0===e?void 0:e.config);l.detail.isSystem?l.detail.id?t.set(re(l.systemColumns)):t.set(re(l.systemColumns,[Object.assign(Object.assign({},l.detail),{id:o.v4()})])):l.detail.id?n.set(re(l.columns)):n.set(re(l.columns,[Object.assign(Object.assign({},l.detail),{id:o.v4()})]))}}return e.prototype.ngOnInit=function(){var e,t,n,i=this,r=this.generatedColumnService.loadSystem(this.gridOption.config),l=this.generatedColumnService.load(null===(e=this.gridOption)||void 0===e?void 0:e.config);r&&(null===(t=oe(this,Rt))||void 0===t||t.add(r.observer.subscribe((function(e){i.systemColumns=e})))),l&&(null===(n=oe(this,Rt))||void 0===n||n.add(l.observer.subscribe((function(e){i.columns=e})))),this.originColumns=this.gridOption.columns.filter((function(e){return"children"!==e.type&&"children-col"!==e.type}))},e.prototype.ngOnDestroy=function(){oe(this,Rt).unsubscribe()},e}();Rt=new WeakMap,Lt.decorators=[{type:n.Component,args:[{selector:"sd-dynamic-column",template:'<sd-side-drawer width="400px">\r\n  <div sdTitle>{{\'Manage dynamic column\' | sdTranslate}}</div>\r\n  <ng-container sdBody>\r\n    <ng-container *ngIf="!isDetail">\r\n      <ng-container *ngIf="systemColumns">\r\n        <div *ngFor="let column of systemColumns" (click)="onDetail(column)">\r\n          {{column.title}}\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngIf="columns">\r\n        <div *ngFor="let column of columns" (click)="onDetail(column)">\r\n          {{column.title}}\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngIf="isDetail">\r\n      <sd-select [form]="form" [label]="\'Apply for\' | sdTranslate" [(model)]="detail.isSystem"\r\n        [items]="[{code: true, name: \'All users\'},{code: false, name: \'Only me\'}]" [disabled]="!!detail.id" required></sd-select>\r\n      <sd-input [form]="form" [label]="\'Column field\' | sdTranslate" [(model)]="detail.field" [disabled]="!!detail.id"\r\n        required></sd-input>\r\n      <sd-input [form]="form" [label]="\'Column title\' | sdTranslate" [(model)]="detail.title" required></sd-input>\r\n      <sd-input-number [form]="form" [label]="\'Column width\' | sdTranslate" [(model)]="detail.width" required>\r\n        <ng-template sdInputSuffix>px</ng-template>\r\n      </sd-input-number>\r\n      <sd-select [form]="form" [label]="\'Column type\' | sdTranslate" [(model)]="detail.type" [items]="columnTypes"\r\n        [disabled]="!!detail.id" required></sd-select>\r\n      <sd-select *ngIf="detail.type === \'children\' || detail.type === \'children-col\'" [form]="form"\r\n        [label]="\'Column fields\' | sdTranslate" [(model)]="detail.fields" [items]="originColumns" valueField="field"\r\n        displayField="title" multiple></sd-select>\r\n      <sd-select [form]="form" [label]="\'Use template\' | sdTranslate" [(model)]="detail.useTemplate"\r\n        [items]="[{code: true, name: \'Yes\'},{code: false, name: \'No\'}]" required></sd-select>\r\n      <sd-editor *ngIf="detail.useTemplate" [form]="form" [label]="\'Html template\' | sdTranslate" [(model)]="detail.template">\r\n      </sd-editor>\r\n    </ng-container>\r\n  </ng-container>\r\n  <div class="d-flex align-items-center justify-content-end" sdFooter>\r\n    <sd-button [title]="\'Close\' | sdTranslate" (action)="sideDrawer.close()"> </sd-button>\r\n    <sd-button *ngIf="!isDetail" [title]="\'Create column\' | sdTranslate" color="primary" class="mx-8"\r\n      (action)="onDetail()">\r\n    </sd-button>\r\n    <sd-button *ngIf="isDetail" [title]="\'Save\' | sdTranslate" color="success" class="mx-8" (action)="onSave()">\r\n    </sd-button>\r\n  </div>\r\n</sd-side-drawer>',changeDetection:n.ChangeDetectionStrategy.OnPush,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}"]}]}],Lt.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:At},{type:s.SdNotifyService},{type:f.SdTranslateService},{type:Ie}]},Lt.propDecorators={sideDrawer:[{type:n.ViewChild,args:[V.SdSideDrawer]}],gridOption:[{type:n.Input}]};var jt=function(){function e(e,t){this.elementRef=e,this.renderer=t,this.cellDef={}}return Object.defineProperty(e.prototype,"_column",{set:function(e){this.column=e,e.width&&this.renderer.setStyle(this.elementRef.nativeElement,"min-width",e.width)},enumerable:!1,configurable:!0}),e}();jt.decorators=[{type:n.Component,args:[{selector:"sd-desktop-cell",template:'<ng-container *ngIf="column && item">\r\n  <ng-container *ngIf="item.editorHandlerRow?.visible;else useView">\r\n    <ng-container *sdLet="item[column.field] | sdEditorHandlerColumn:item:gridOption">\r\n      <ng-container *ngIf="item.editorHandlerColumn && item.editorHandlerColumn[column.field]?.visible;else useView">\r\n        <ng-container *ngIf="cellDef[column.field]">\r\n          <ng-container *ngTemplateOutlet="\r\n              cellDef[column.field].templateRef;\r\n              context: { item: item, column: column, idx: idx, isEdited: true }\r\n            ">\r\n          </ng-container>\r\n        </ng-container>\r\n        <sd-desktop-cell-editor *ngIf="!cellDef[column.field]" [sdId]="item.sdId" [column]="column" [item]="item">\r\n        </sd-desktop-cell-editor>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #useView>\r\n    <ng-container *ngIf="cellDef[column.field]">\r\n      <ng-container *ngTemplateOutlet="\r\n          cellDef[column.field].templateRef;\r\n          context: { item: item, column: column, idx: idx }\r\n        ">\r\n      </ng-container>\r\n    </ng-container>\r\n    <sd-desktop-cell-view *ngIf="!cellDef[column.field]" [sdId]="item.sdId" [key]="key" [column]="column" [gridOption]="gridOption" [item]="item">\r\n    </sd-desktop-cell-view>\r\n  </ng-template>\r\n</ng-container>',changeDetection:n.ChangeDetectionStrategy.OnPush}]}],jt.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2}]},jt.propDecorators={sdId:[{type:n.Input}],value:[{type:n.Input}],key:[{type:n.Input}],_column:[{type:n.Input,args:["column"]}],item:[{type:n.Input}],gridOption:[{type:n.Input}],cellDef:[{type:n.Input}],idx:[{type:n.Input}]};var Nt,zt=function(){var e=this;this.onChange=function(t){var n,i,r;"children"!==e.column.type&&"children-col"!==e.column.type&&(null===(r=null===(i=null===(n=e.column)||void 0===n?void 0:n.editor)||void 0===i?void 0:i.change)||void 0===r||r.call(i,e.item,t))},this.editorOnAdd=function(){var t,n;"children"!==e.column.type&&"children-col"!==e.column.type&&"values"===e.column.type&&(null===(n=null===(t=e.column.editor)||void 0===t?void 0:t.add)||void 0===n||n.call(t,e.item))},this.editorOnEdit=function(t){var n,i;"children"!==e.column.type&&"children-col"!==e.column.type&&"values"===e.column.type&&(null===(i=null===(n=e.column.editor)||void 0===n?void 0:n.edit)||void 0===i||i.call(n,t,e.item))},this.editorOnDelete=function(t){var n,i;"children"!==e.column.type&&"children-col"!==e.column.type&&"values"===e.column.type&&(null===(i=null===(n=e.column.editor)||void 0===n?void 0:n.delete)||void 0===i||i.call(n,t,e.item))}};zt.decorators=[{type:n.Component,args:[{selector:"sd-desktop-cell-editor",template:'<sd-input *ngIf="column.type === \'string\'" size="sm" type="text" [(model)]="item[column.field]"\r\n  (sdChange)="onChange($event)" disableErrorMessage>\r\n</sd-input>\r\n<sd-input-number *ngIf="column.type === \'number\'" size="sm" [(model)]="item[column.field]" (sdChange)="onChange($event)"\r\n  [min]="column?.editor?.minValue" [max]="column?.editor?.maxValue" disableErrorMessage>\r\n</sd-input-number>\r\n<sd-select *ngIf="column.type === \'bool\'" size="sm" [items]="[\r\n    { value: true, display: column.option?.displayOnTrue || \'True\' },\r\n    { value: false, display: column.option?.displayOnFalse || \'False\' }\r\n  ]" valueField="value" displayField="display" [(model)]="item[column.field]" (sdSelection)="onChange($event)"\r\n  disableErrorMessage>\r\n</sd-select>\r\n<sd-date-time *ngIf="\r\n    column.type === \'date\' ||\r\n    column.type === \'datetime\' ||\r\n    column.type === \'time\'\r\n  " size="sm" [(model)]="item[column.field]" [type]="column.type" (sdChange)="onChange($event)" disableErrorMessage>\r\n</sd-date-time>\r\n\r\n<ng-container *ngIf="column.type === \'values\'">\r\n  <sd-select *ngIf="!column?.option?.selection" size="sm" [items]="column.option.items"\r\n    [valueField]="column.option.valueField" [displayField]="column.option.displayField" [(model)]="item[column.field]"\r\n    (sdSelection)="onChange($event)" disableErrorMessage></sd-select>\r\n    <sd-select *ngIf="\r\n      column?.option?.selection === \'MULTIPLE\' ||\r\n      column?.option?.selection === \'MULTIPLEAUTOCOMPLETE\'\r\n    " size="sm" [items]="column.option.items" [valueField]="column.option.valueField"\r\n      [displayField]="column.option.displayField" [(model)]="item[column.field]" (sdSelection)="onChange($event)"\r\n      [multiple]="\r\n      column?.option?.selection === \'MULTIPLE\' ||\r\n      column?.option?.selection === \'MULTIPLEAUTOCOMPLETE\'\r\n    " [filtered]="column?.option?.selection === \'MULTIPLEAUTOCOMPLETE\'" disableErrorMessage>\r\n    </sd-select>\r\n    <sd-autocomplete *ngIf="\r\n      column?.option?.selection === \'AUTOCOMPLETE\'\r\n    " size="sm" [items]="column.option.items" [valueField]="column.option.valueField"\r\n      [displayField]="column.option.displayField" [(model)]="item[column.field]" (sdChange)="onChange($event)"\r\n      disableErrorMessage>\r\n    </sd-autocomplete>\r\n\r\n    \x3c!-- EDITOR --\x3e\r\n    <sd-select-editor *ngIf="\r\n      column?.option?.selection === \'AUTOCOMPLETE_EDITOR\'\r\n    " size="sm" [items]="column.option.items" [valueField]="column.option.valueField"\r\n      [displayField]="column.option.displayField" [(model)]="item[column.field]" (sdSelection)="onChange($event)"\r\n      filtered disableErrorMessage [addable]="column?.editor?.add" [editable]="column?.editor?.edit"\r\n      [deletable]="column?.editor?.delete" (sdAdd)="editorOnAdd()" (sdEdit)="editorOnEdit($event)"\r\n      (sdDelete)="editorOnDelete($event)">\r\n    </sd-select-editor>\r\n    <sd-select-editor *ngIf="\r\n      column?.option?.selection === \'MULTIPLE_EDITOR\'\r\n    " size="sm" [items]="column.option.items" [valueField]="column.option.valueField"\r\n      [displayField]="column.option.displayField" [(model)]="item[column.field]" (sdSelection)="onChange($event)"\r\n      multiple disableErrorMessage [addable]="column?.editor?.add" [editable]="column?.editor?.edit"\r\n      [deletable]="column?.editor?.delete" (sdAdd)="editorOnAdd()" (sdEdit)="editorOnEdit($event)"\r\n      (sdDelete)="editorOnDelete($event)">\r\n    </sd-select-editor>\r\n    <sd-select-editor *ngIf="\r\n      column?.option?.selection === \'MULTIPLEAUTOCOMPLETE_EDITOR\'\r\n    " size="sm" [items]="column.option.items" [valueField]="column.option.valueField"\r\n      [displayField]="column.option.displayField" [(model)]="item[column.field]" (sdSelection)="onChange($event)"\r\n      multiple filtered disableErrorMessage [addable]="column?.editor?.add" [editable]="column?.editor?.edit"\r\n      [deletable]="column?.editor?.delete" (sdAdd)="editorOnAdd()" (sdEdit)="editorOnEdit($event)"\r\n      (sdDelete)="editorOnDelete($event)">\r\n    </sd-select-editor>\r\n    \x3c!-- END EDITOR --\x3e\r\n</ng-container>',changeDetection:n.ChangeDetectionStrategy.OnPush}]}],zt.ctorParameters=function(){return[]},zt.propDecorators={sdId:[{type:n.Input}],column:[{type:n.Input}],item:[{type:n.Input}]};var Vt,Ut,qt=function(){function e(e){this.zone=e,Nt.set(this,(function(e,t){if("children"===e.type||"children-col"===e.type)return!1;if(e.editor&&("function"==typeof e.editor.disabled?e.editor.disabled(t):e.editor.disabled))return!1;return!0}))}return e.prototype.transform=function(e,t,n){var i,r,l,o,a=n.editor;if(!a)return null;var s=!1;if(s="function"==typeof(null==a?void 0:a.disabled)?a.disabled(t):null==a?void 0:a.disabled,"inline"===a.type){var d=a.removable;t.editorHandlerRow=Object.assign(Object.assign({},t.editorHandlerRow),{visible:!s,editable:!1,removable:"create"!==e&&("function"==typeof d?d(t):d),savable:!1,cancelable:!s&&"create"===e})}else if("focus"===a.type){if(s)return null;t.editorHandlerRow=Object.assign(Object.assign({},t.editorHandlerRow),{visible:!!e,editable:!e,removable:!1,savable:!!e,cancelable:!!e})}else if("popup"===a.type){if(s)return null;t.editorHandlerRow=Object.assign(Object.assign({},t.editorHandlerRow),{visible:!1,editable:!e,removable:!1,savable:!1,cancelable:!1})}t.editorHandlerColumn=t.editorHandlerColumn||{};var c=n.columns;try{for(var u=ne(c),m=u.next();!m.done;m=u.next()){var p=m.value;if("children-col"===p.type)try{for(var f=(l=void 0,ne(p.children)),g=f.next();!g.done;g=f.next()){var h=g.value;t.editorHandlerColumn[h.field]=Object.assign(Object.assign({},t.editorHandlerColumn[h.field]),{visible:oe(this,Nt).call(this,h,t)})}}catch(e){l={error:e}}finally{try{g&&!g.done&&(o=f.return)&&o.call(f)}finally{if(l)throw l.error}}else t.editorHandlerColumn[p.field]=Object.assign(Object.assign({},t.editorHandlerColumn[p.field]),{visible:oe(this,Nt).call(this,p,t)})}}catch(e){i={error:e}}finally{try{m&&!m.done&&(r=u.return)&&r.call(u)}finally{if(i)throw i.error}}return this.zone.run((function(){t.sdId=Le(t)})),t.editorHandlerRow},e}();Nt=new WeakMap,qt.decorators=[{type:n.Pipe,args:[{name:"sdEditorHandlerRow"}]}],qt.ctorParameters=function(){return[{type:n.NgZone}]};var Wt=function(){function e(){Vt.set(this,void 0),Ut.set(this,200)}return e.prototype.transform=function(e,t,n,i){return ee(this,void 0,void 0,(function(){var e,r,l,o,a=this;return te(this,(function(s){switch(s.label){case 0:return(e=i.editor).validate?"popup"===e.type?(t.editorErrorMessage=null,[2]):"focus"!==e.type||t.editorStatus?(ae(this,Vt,new Date),[4,new Promise((function(e){return setTimeout(e,oe(a,Ut))}))]):(t.editorErrorMessage=null,[2]):(t.editorErrorMessage=null,[2]);case 1:return s.sent(),r=new Date,r.getTime()-oe(this,Vt).getTime()<oe(this,Ut)?[2]:(l=e.validate(t,null==n?void 0:n.indexOf(t)))instanceof Promise?(o=t,[4,l]):[3,3];case 2:return o.editorErrorMessage=s.sent(),[2];case 3:return t.editorErrorMessage=l,[2]}}))}))},e}();Vt=new WeakMap,Ut=new WeakMap,Wt.decorators=[{type:n.Pipe,args:[{name:"sdEditorValidate"}]}];var Gt=function(){function e(){}return e.prototype.transform=function(e,t){var n,i;return(null===(i=null===(n=null==t?void 0:t.style)||void 0===n?void 0:n.rowCss)||void 0===i?void 0:i.call(n,e))||{}},e}();Gt.decorators=[{type:n.Pipe,args:[{name:"sdStyleRowCss"}]}];var Bt=function(){};Bt.decorators=[{type:n.Component,args:[{selector:"sd-desktop-editor-validation",template:'<ng-container *sdLet="item.sdId | sdEditorValidate:item:items:gridOption | async">\r\n  <div class="c-editor-validation" [class.c-danger]="!!item.editorErrorMessage" matTooltipPosition="after"\r\n    [matTooltip]="item.editorErrorMessage">\r\n  </div>\r\n</ng-container>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".text-black400{color:#757575}:host{height:100%;left:0;padding:12px 0;position:absolute;top:0}:host .c-editor-validation{border-bottom-right-radius:2px;border-top-right-radius:2px;height:100%;max-width:4px;min-width:4px;width:4px}:host .c-danger{background-color:#f82c13}"]}]}],Bt.ctorParameters=function(){return[]},Bt.propDecorators={sdId:[{type:n.Input}],item:[{type:n.Input}],items:[{type:n.Input}],gridOption:[{type:n.Input}]};var Qt,Jt,Kt,Yt=[{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"}],Zt=function(){function e(e){var t=this;this.ref=e,this.inlineSymbol="filter_alt",Qt.set(this,void 0),this.inlineOperatorChange=new n.EventEmitter,this.operatorChange=new n.EventEmitter,this.columnFilter={},this.operators=[],this.filterChange=new n.EventEmitter,Jt.set(this,new a.Subject),Kt.set(this,new a.Subscription),this.onFilterChange=function(){t.filterChange.emit()},this.onChangeOperator=function(e){e?(ae(t,Qt,e.value),t.inlineSymbol=e.symbol):(ae(t,Qt,null),t.inlineSymbol="filter_alt"),t.inlineOperatorChange.emit(oe(t,Qt)),t.operatorChange.emit(oe(t,Qt)),t.ref.markForCheck()}}return e.prototype._value=function(e){this.value=e,oe(this,Jt).next()},Object.defineProperty(e.prototype,"_inlineOperator",{set:function(e){var t,n;oe(this,Qt)!==e&&(ae(this,Qt,e),this.inlineSymbol=null!==(n=null===(t=Yt.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||{},oe(this,Jt).next()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_column",{set:function(e){var t,n,i;this.column=e,!(null===(t=null==e?void 0:e.filter)||void 0===t?void 0:t.disabled)&&(null===(i=null===(n=null==e?void 0:e.filter)||void 0===n?void 0:n.operator)||void 0===i?void 0:i.enable)?this.operators=Yt.filter((function(t){var n,i;return null===(i=null===(n=e.filter.operator.list)||void 0===n?void 0:n.includes)||void 0===i?void 0:i.call(n,t.value)})):this.operators=[]},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;oe(this,Kt).add(oe(this,Jt).pipe(c.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.option)||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(){oe(this,Kt).unsubscribe()},e}();Qt=new WeakMap,Jt=new WeakMap,Kt=new WeakMap,Zt.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 === \'date\' ||\r\n        column.type === \'datetime\' ||\r\n        column.type === \'time\';\r\n      else noFilter\r\n    ">\r\n    <ng-container *ngIf="operators.length">\r\n      <div class="d-flex align-items-center">\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 \'}}" fontSet="material-symbols-outlined" [icon]="inlineSymbol" size="sm"\r\n        [matMenuTriggerFor]="menu" type="link"> </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 \':\'\'}}">{{ operator.symbol }}</mat-icon>\r\n            <span> {{ operator.display }}</span>\r\n          </button>\r\n        </mat-menu>\r\n      </div>\r\n    </ng-container>\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    <sd-select *ngIf="column.type === \'values\' && column?.option?.selection !== \'AUTOCOMPLETE\'" style="flex: 1"\r\n      size="sm" [items]="column.option.items" [valueField]="column.option.valueField"\r\n      [displayField]="column.option.displayField" [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()"\r\n      [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.type === \'values\' && column?.option?.selection === \'AUTOCOMPLETE\'" style="flex: 1"\r\n      size="sm" [items]="column.option.items" [valueField]="column.option.valueField"\r\n      [displayField]="column.option.displayField" [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()"\r\n      [disabled]="column.filter?.disabled">\r\n    </sd-autocomplete>\r\n    <ng-container *ngIf="column.type === \'date\' || column.type === \'datetime\' || column.type === \'time\'">\r\n      <sd-date-range *ngIf="!column.option?.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.option?.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}"]}]}],Zt.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},Zt.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"]}],_column:[{type:n.Input,args:["column"]}],filterChange:[{type:n.Output}]};var Xt=function(){this.transform=function(e,t){var n,i,r,l,o,a,s=t.actions,d=[];if(e.actions=e.actions||[],!(null==s?void 0:s.length))return e.selectable=!0,e.selectable;try{for(var c=ne(s),u=c.next();!u.done;u=c.next()){var m=u.value;if("children"in m){var p=!1,f=!1;try{for(var g=(r=void 0,ne(m.children)),h=g.next();!h.done;h=g.next()){var v=h.value,y=v.hidden,b=v.isGrouped,x=G.default(v);b&&(f=!0),"function"==typeof y?y(e)||(p=!0,e.actions.push(x),b&&d.push(x)):y||(p=!0,e.actions.push(x),b&&d.push(x))}}catch(e){r={error:e}}finally{try{h&&!h.done&&(l=g.return)&&l.call(g)}finally{if(r)throw r.error}}p&&(e.actions.push(G.default(m)),f&&d.push(G.default(m)))}else y=m.hidden,b=m.isGrouped,x=G.default(m),"function"==typeof y?y(e)||(e.actions.push(x),b&&d.push(x)):y||(e.actions.push(x),b&&d.push(x))}}catch(e){n={error:e}}finally{try{u&&!u.done&&(i=c.return)&&i.call(c)}finally{if(n)throw n.error}}return e.selectable=!!e.actions.length,e.selectable&&d.length&&!(null===(a=null===(o=null==e?void 0:e.sdGroup)||void 0===o?void 0:o.items)||void 0===a?void 0:a.length)?e.actions.some((function(e){return!d.includes(e)})):e.selectable}};Xt.decorators=[{type:n.Pipe,args:[{name:"selectionVisible"}]}];var _t,$t,en,tn,nn,rn,ln=function(){var e=this;this.clear=new n.EventEmitter,this.onClear=function(){e.clear.emit()}};ln.decorators=[{type:n.Component,args:[{selector:"sd-grid-quick-action",template:'<sd-quick-action *ngIf="selectedItems | selectionActionFilter: gridOption?.selection?.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">{{ selectedItems.length }}</span>\r\n    </div>\r\n    <div class="c-message">{{ gridOption?.selection?.message || ("selected items" | sdTranslate) }}</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)="action.click(selectedItems)"></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)="childAction.click(selectedItems)"\r\n              [disabled]="childAction.disabled">\r\n              <mat-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}"]}]}],ln.ctorParameters=function(){return[]},ln.propDecorators={gridOption:[{type:n.Input}],selectedItems:[{type:n.Input}],clear:[{type:n.Output}]};var on=function(){function e(e,t,n){this.utilityService=t,this.columnValuesPipe=n,_t.set(this,60),$t.set(this,60*oe(this,_t)),en.set(this,24*oe(this,$t)),tn.set(this,30*oe(this,en)),nn.set(this,365*oe(this,en)),rn.set(this,!1),ae(this,rn,!e.isDesktop())}return e.prototype.transform=function(e,t,n,i){var r;return ee(this,void 0,void 0,(function(){var l,o,a,s,d,c,u,m,p,f,g,h,v,y,b,x,C,w,O;return te(this,(function(F){switch(F.label){case 0:return l=i.displayOnEmpty,o=n.align,a=n.click,s=n.tooltip,d=n.htmlTemplate,c=n.transform,u={badge:null,tooltip:null,display:{align:o||("number"===n.type?"right":"left"),value:e},click:null},"function"!=typeof d?[3,1]:(u.display.hasHtml=!0,u.display.html=d(e,t,oe(this,rn)),[3,10]);case 1:return"datetime"!==n.type&&"date"!==n.type&&"time"!==n.type||(m=n.transformDate)&&(e=m(e,t)),"function"!=typeof c?[3,5]:(p=c(e,t))instanceof Promise?(f=u.display,[4,p]):[3,3];case 2:return f.value=F.sent(),[3,4];case 3:u.display.value=p,F.label=4;case 4:return[3,9];case 5:return"date"!==n.type&&"datetime"!==n.type||(x=n.option,g=Math.round(((new Date).getTime()-new Date(e).getTime())/1e3),"month"===(null==x?void 0:x.timeDifferent)&&g<oe(this,nn)||"day"===(null==x?void 0:x.timeDifferent)&&g<oe(this,tn)||"hour"===(null==x?void 0:x.timeDifferent)&&g<oe(this,en)||"minute"===(null==x?void 0:x.timeDifferent)&&g<oe(this,$t)||"second"===(null==x?void 0:x.timeDifferent)&&g<oe(this,_t)?(u.display.value=this.utilityService.timeDifference(e),u.tooltip=Date.toFormat(e,"date"===n.type?"dd/MM/yyyy":"dd/MM/yyyy HH:mm")):(h=Date.toFormat(e,"dd/MM/yyyy"),v=Date.toFormat(e,"HH:mm"),y=Date.toFormat(e,"HH:mm"),"datetime"===n.type&&v&&"00:00"!==v?(u.display.value=y,u.display.hasHtml=!0,u.display.html='<span class="d-block T14R text-black400">'+Date.toFormat(e,"HH:mm")+'</span><span class="d-block T14R">'+Date.toFormat(e,"dd/MM/yyyy")+"</span>"):u.display.value=h)),"time"===n.type&&(u.display.value=Date.toFormat(e,"HH:mm")),"values"!==n.type?[3,7]:(b=u.display,[4,this.columnValuesPipe.transform(e,n)]);case 6:return b.value=F.sent(),[3,8];case 7:"number"===n.type&&Number.isNumber(e)&&(u.display.value=Number.toVNCurrency(e)),F.label=8;case 8:"bool"===n.type&&(x=n.option,u.display.value=null!=e&&""!==e?!0===e?(null==x?void 0:x.displayOnTrue)||"True":(null==x?void 0:x.displayOnFalse)||"False":null),F.label=9;case 9:l&&(C=[null,void 0,""],"object"==typeof l?(w=l.display,O=l.emptyValues,(C=re([null,void 0,""],O)).includes(u.display.value)&&("function"==typeof w?(u.display.hasHtml=!0,u.display.html=w(t,n)):(u.display.hasHtml=!0,u.display.html='<div class="T16R text-black400">--</div>'))):C.includes(u.display.value)&&("function"==typeof l?(u.display.hasHtml=!0,u.display.html=l(t,n)):(u.display.hasHtml=!0,u.display.html='<div class="T16R text-black400">--</div>'))),F.label=10;case 10:return"string"!==n.type&&"number"!==n.type&&"values"!==n.type||!n.badge?"bool"===n.type&&(u.badge={type:(null==n?void 0:n.badgeType)?n.badgeType:"round",color:e?"success":"danger",icon:null}):u.badge={type:(null==n?void 0:n.badgeType)?n.badgeType:"round",color:n.badge(e,t),icon:null===(r=null==n?void 0:n.badgeIcon)||void 0===r?void 0:r.call(n,e,t)},"function"==typeof s&&(u.tooltip=s(e,t)),"function"==typeof a&&(u.click=function(){return a(e,t)}),null===u.display.value&&(u.display.value=void 0),[2,u]}}))}))},e}();_t=new WeakMap,$t=new WeakMap,en=new WeakMap,tn=new WeakMap,nn=new WeakMap,rn=new WeakMap,on.decorators=[{type:n.Pipe,args:[{name:"cellView"}]}],on.ctorParameters=function(){return[{type:m.DeviceDetectorService},{type:U.SdUtilityService},{type:ke}]};var an=function(){function e(){}return e.prototype.transform=function(e,t){var n,i,r,l,o,a,s,d,c,u,m=t.group;if(!m)return e;var p=m.fields,f=m.htmlTemplate;if(!(null==p?void 0:p.length))return e;var g={};try{for(var h=ne(e),v=h.next();!v.done;v=h.next()){var y=v.value,b={};try{for(var x=(r=void 0,ne(p)),C=x.next();!C.done;C=x.next()){var w=C.value;b=Object.assign(Object.assign({},b),null!==(u=y[w])&&void 0!==u?u:((o={})[w]=y[w],o))}}catch(e){r={error:e}}finally{try{C&&!C.done&&(l=x.return)&&l.call(x)}finally{if(r)throw r.error}}g[I=G.default(b)]||(g[I]=[]),g[I].push(y)}}catch(e){n={error:e}}finally{try{v&&!v.done&&(i=h.return)&&i.call(h)}finally{if(n)throw n.error}}var O=[];try{for(var F=ne(Object.keys(g)),D=F.next();!D.done;D=F.next()){var I=D.value;O.push({sdGroup:{items:g[I],htmlTemplate:f(g[I])}});try{for(var k=(d=void 0,ne(g[I])),S=k.next();!S.done;S=k.next()){y=S.value;O.push(y)}}catch(e){d={error:e}}finally{try{S&&!S.done&&(c=k.return)&&c.call(k)}finally{if(d)throw d.error}}}}catch(e){a={error:e}}finally{try{D&&!D.done&&(s=F.return)&&s.call(F)}finally{if(a)throw a.error}}return O},e}();an.decorators=[{type:n.Pipe,args:[{name:"sdGroup"}]}];var sn=function(e){function t(){var t=e.apply(this,re(arguments))||this;return t.firstPageLabel="Trang đầu",t.lastPageLabel="Trang cuối",t.itemsPerPageLabel="Kích thước trang",t.nextPageLabel="Trang sau",t.previousPageLabel="Trang trước",t.getRangeLabel=function(e,t,n){if(0===n||0===t)return"";var i=e*t+1;return i+"-"+(i+(n-e*t>t?t:n-e*t)-1)+" trên "+n},t}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}_(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t}(i.MatPaginatorIntl);sn.decorators=[{type:n.Injectable}];var dn=function(){};dn.decorators=[{type:n.NgModule,args:[{imports:[x.CommonModule,v.FormsModule,v.ReactiveFormsModule,O.MatInputModule,C.MatFormFieldModule,r.MatSortModule,i.MatPaginatorModule,F.MatTableModule,S.MatMenuModule,w.MatIconModule,E.MatButtonModule,P.MatTooltipModule,D.MatProgressSpinnerModule,H.MatChipsModule,R.MatRadioModule,A.MatSlideToggleModule,j.MatCheckboxModule,N.MatListModule,z.MatDividerModule,I.CdkTableModule,d.DragDropModule,L.SdFormModule,M.SdServiceModule,T.MatSliderModule,k.ScrollingModule,t.SdCommonModule,q.SdGroupModule],declarations:[ln,jt,zt,Bt,gt,xt,Ot,Zt,dt,Y,J,K,X,Z,Oe,kt,fe,de,Lt,It,Ct,wt,ct,ut,mt,pt,ke,ft,ht,Tt,Ft,yt,vt,Et,Xt,Mt,Ht,qt,je,Wt,Gt,on,an],exports:[dt,Y,J,K,Z,X],providers:[x.DatePipe,x.DecimalPipe,I.CdkColumnDef,st,Ie,At,ke,je,{provide:i.MatPaginatorIntl,useClass:sn}]}]}],e.GRID_MATERIAL_CONFIG=Q,e.SdGridMaterial=dt,e.SdGridMaterialModule=dn,e.SdMaterialCellDefDirective=J,e.SdMaterialEmptyDataDefDirective=Z,e.SdMaterialFilterDefDirective=K,e.SdMaterialFooterDefDirective=Y,e.SdMaterialSubInformationDefDirective=X,e.ɵa=sn,e.ɵb=fe,e.ɵba=ft,e.ɵbb=ht,e.ɵbc=Tt,e.ɵbd=Ft,e.ɵbe=yt,e.ɵbf=vt,e.ɵbg=Et,e.ɵbh=Xt,e.ɵbi=Mt,e.ɵbj=Ht,e.ɵbk=qt,e.ɵbl=Wt,e.ɵbm=Gt,e.ɵbn=on,e.ɵbo=an,e.ɵc=de,e.ɵd=Oe,e.ɵe=Ie,e.ɵf=ke,e.ɵg=st,e.ɵh=je,e.ɵi=ln,e.ɵj=jt,e.ɵk=zt,e.ɵl=Bt,e.ɵm=gt,e.ɵn=xt,e.ɵo=Ot,e.ɵp=Zt,e.ɵq=kt,e.ɵr=Lt,e.ɵs=At,e.ɵt=It,e.ɵu=Ct,e.ɵv=wt,e.ɵw=ct,e.ɵx=ut,e.ɵy=mt,e.ɵz=pt,Object.defineProperty(e,"__esModule",{value:!0})}));
+var _=function(e,t){return(_=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 $(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]])}return n}function ee(e,t,n,i){return new(n||(n=Promise))((function(r,l){function o(e){try{s(i.next(e))}catch(e){l(e)}}function a(e){try{s(i.throw(e))}catch(e){l(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,a)}s((i=i.apply(e,t||[])).next())}))}function te(e,t){var n,i,r,l,o={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return l={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function a(l){return function(a){return function(l){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,i&&(r=2&l[0]?i.return:l[0]?i.throw||((r=i.return)&&r.call(i),0):i.next)&&!(r=r.call(i,l[1])).done)return r;switch(i=0,r&&(l=[2&l[0],r.value]),l[0]){case 0:case 1:r=l;break;case 4:return o.label++,{value:l[1],done:!1};case 5:o.label++,i=l[1],l=[0];continue;case 7:l=o.ops.pop(),o.trys.pop();continue;default:if(!(r=o.trys,(r=r.length>0&&r[r.length-1])||6!==l[0]&&2!==l[0])){o=0;continue}if(3===l[0]&&(!r||l[1]>r[0]&&l[1]<r[3])){o.label=l[1];break}if(6===l[0]&&o.label<r[1]){o.label=r[1],r=l;break}if(r&&o.label<r[2]){o.label=r[2],o.ops.push(l);break}r[2]&&o.ops.pop(),o.trys.pop();continue}l=t.call(e,o)}catch(e){l=[6,e],i=0}finally{n=r=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,a])}}}Object.create;function ne(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&i>=e.length&&(e=void 0),{value:e&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function ie(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,r,l=n.call(e),o=[];try{for(;(void 0===t||t-- >0)&&!(i=l.next()).done;)o.push(i.value)}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=l.return)&&n.call(l)}finally{if(r)throw r.error}}return o}function re(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(ie(arguments[t]));return e}var le;Object.create;function oe(e,t,n,i){if("a"===n&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?i:"a"===n?i.call(e):i?i.value:t.get(e)}function ae(e,t,n,i,r){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?r.call(e,n):r?r.value=n:t.set(e,n),n}var se,de=function(){function e(e){var t=this;this.cdRef=e,le.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=oe(t,le).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=oe(t,le).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(){oe(t,le).configuration.set({inlineColumn:t.inlineColumn,inlineExternal:t.inlineExternal,inlineFilterDef:t.inlineFilterDef}),oe(t,le).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){ae(this,le,e)},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){},e.prototype.ngOnDestroy=function(){},e.prototype.onClear=function(){oe(this,le).value.remove(),this.modal.close(),this.cdRef.markForCheck()},e}();le=new WeakMap,de.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-select\r\n            *ngIf="column.type === \'values\' && !column?.editor?.autocomplete"\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-select>\r\n          <sd-autocomplete\r\n            *ngIf="column.type === \'values\' && column?.editor?.autocomplete"\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.sdMaterialFilterDef]" 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}"]}]}],de.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},de.propDecorators={modal:[{type:n.ViewChild,args:[u.SdModal]}],filterRegister:[{type:n.Input}],externalFilters:[{type:n.Input}],columns:[{type:n.Input}],filterDefs:[{type:n.Input}]};var ce,ue,me,pe,fe=function(){function e(e,t){var n=this;this.ref=e,this.deviceService=t,this.columns=[],this.externalFilters=[],this.filterDefs=[],this.filterRegisterChange=new a.BehaviorSubject(null),this.filterDef={},this.inlineFilterDef={},this.columnFilter={},this.inlineColumn={},this.externalFilter={},this.inlineExternal={},se.set(this,new a.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;oe(this,se).add(this.filterRegisterChange.pipe(c.startWith(this.filterRegister)).subscribe((function(t){e.filterRegister&&(oe(e,se).add(e.filterRegister.configuration.observer.subscribe((function(t){var n=t.inlineColumn,i=t.inlineExternal,r=t.inlineFilterDef;e.inlineColumn=n,e.inlineExternal=i,e.inlineFilterDef=r,e.ref.markForCheck()}))),oe(e,se).add(e.filterRegister.value.observer.subscribe((function(t){var n=t.columnFilter,i=t.externalFilter,r=t.filterDef;e.columnFilter=n,e.externalFilter=i,e.filterDef=r,e.ref.markForCheck()}))))})))},e.prototype.ngOnDestroy=function(){oe(this,se).unsubscribe()},e}();se=new WeakMap,fe.decorators=[{type:n.Component,args:[{selector:"sd-grid-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\r\n      *ngIf="!isMobileOrTablet && ((columns?.length && !filter?.inlineColumn) || externalFilters?.length || filterDefs?.length)"\r\n      class="row mx-0 pb-8">\r\n      <ng-container *ngIf="filter?.sorts?.length">\r\n        <ng-container *ngFor="let field of filter?.sorts">\r\n          <ng-container *ngIf="columns?.length && !filter?.inlineColumn">\r\n            <ng-container *ngFor="let item of columns | sdFilterColumn:field">\r\n              <ng-container *ngTemplateOutlet="filterColumn; context: {item: item}"></ng-container>\r\n            </ng-container>\r\n          </ng-container>\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.sdMaterialFilterDef] && item.sdMaterialFilterDef === field"\r\n              class="col-lg-2 col-md-3 col-sm-6 px-8">\r\n              <ng-container *ngTemplateOutlet="item.templateRef;context:{filterDef:filterDef, isInline: true}">\r\n              </ng-container>\r\n            </div>\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-container *ngIf="!filter?.sorts?.length">\r\n        <ng-container *ngIf="columns?.length && !filter?.inlineColumn">\r\n          <ng-container *ngFor="let item of columns | sdFilterColumn">\r\n            <ng-container *ngTemplateOutlet="filterColumn; context: {item: item}"></ng-container>\r\n          </ng-container>\r\n        </ng-container>\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.sdMaterialFilterDef]" class="col-lg-2 col-md-3 col-sm-6 px-8">\r\n            <ng-container *ngTemplateOutlet="item.templateRef;context:{filterDef:filterDef, isInline: true}">\r\n            </ng-container>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-template #filterColumn let-item="item">\r\n      <div *ngIf="inlineColumn[item.field]" class="col-lg-2 col-md-3 col-sm-6 px-8">\r\n        <sd-input [label]="item.title" *ngIf="item.type === \'string\'" type="text" [(model)]="columnFilter[item.field]"\r\n          (keyupEnter)="onFilter(item)" appearance="outline">\r\n        </sd-input>\r\n        <sd-input-number [label]="item.title" *ngIf="item.type === \'number\'" [(model)]="columnFilter[item.field]"\r\n          (keyupEnter)="onFilter(item)" appearance="outline">\r\n        </sd-input-number>\r\n        <sd-select [label]="item.title" *ngIf="item.type === \'bool\'" [items]="[{value:\'1\',display:item.option?.displayOnTrue || \'True\' },\r\n        {value:\'0\',display:item.option?.displayOnFalse || \'False\' }]" valueField="value" displayField="display"\r\n          [(model)]="columnFilter[item.field]" (sdChange)="onFilter(item)" appearance="outline">\r\n        </sd-select>\r\n        <sd-select *ngIf="item.type === \'values\' && item?.option?.selection !== \'AUTOCOMPLETE\'"\r\n          [items]="item.option?.items" [valueField]="item.option?.valueField" [displayField]="item.option.displayField"\r\n          [(model)]="columnFilter[item.field]" (sdChange)="onFilter(item)" [disabled]="item.filter?.disabled"\r\n          [multiple]="item?.option?.selection === \'MULTIPLE\' || item?.item?.selection === \'MULTIPLEAUTOCOMPLETE\'"\r\n          [filtered]="item?.option?.selection === \'MULTIPLEAUTOCOMPLETE\'" appearance="outline">\r\n        </sd-select>\r\n        <sd-autocomplete *ngIf="item.type === \'values\' && item?.option?.selection === \'AUTOCOMPLETE\'"\r\n          [items]="item.option?.items" [valueField]="item.option?.valueField" [displayField]="item.option?.displayField"\r\n          [(model)]="columnFilter[item.field]" (sdChange)="onFilter(item)" [disabled]="item.filter?.disabled"\r\n          appearance="outline">\r\n        </sd-autocomplete>\r\n        <sd-date-time *ngIf="item.type === \'date\' || item.type === \'datetime\' || item.type === \'time\'"\r\n          [label]="item.title" [(model)]="columnFilter[item.field]" [type]="item.type" (sdChange)="onFilter(item)"\r\n          appearance="outline">\r\n        </sd-date-time>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #filterExternal let-item="item">\r\n      <div *ngIf="inlineExternal[item.field]" class="col-lg-2 col-md-3 col-sm-6 px-8">\r\n        <sd-input [label]="item.title" *ngIf="item.type === \'string\'" type="text" [(model)]="externalFilter[item.field]"\r\n          (keyupEnter)="onFilter(item)" appearance="outline">\r\n        </sd-input>\r\n        <sd-input-number [label]="item.title" *ngIf="item.type === \'number\'" [(model)]="externalFilter[item.field]"\r\n          (keyupEnter)="onFilter(item)" appearance="outline">\r\n        </sd-input-number>\r\n        <sd-select [label]="item.title" *ngIf="item.type === \'bool\'" [items]="[{value:\'1\',display:item.option?.displayOnTrue || \'True\' },\r\n        {value:\'0\',display:item.option?.displayOnFalse || \'False\' }]" valueField="value" displayField="display"\r\n          [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" appearance="outline">\r\n        </sd-select>\r\n        <ng-container *ngIf="item.type === \'values\' && item.option">\r\n          <sd-select *ngIf="item.option?.selection === \'MULTIPLE\'" [label]="item.title" [items]="item.option.items"\r\n            [valueField]="item.option.valueField" [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" [selectAll]="item.option.selectAll"\r\n            appearance="outline" multiple>\r\n          </sd-select>\r\n          <sd-autocomplete *ngIf="item.option?.selection === \'AUTOCOMPLETE\'" [label]="item.title"\r\n            [items]="item.option.items" [valueField]="item.option.valueField" [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" appearance="outline">\r\n          </sd-autocomplete>\r\n          <sd-select *ngIf="item.option?.selection === \'MULTIPLEAUTOCOMPLETE\'" [label]="item.title"\r\n            [items]="item.option.items" [valueField]="item.option.valueField" [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" filtered="true" appearance="outline"\r\n            multiple>\r\n          </sd-select>\r\n          <sd-select *ngIf="!item.option?.selection" [label]="item.title" [items]="item.option.items"\r\n            [valueField]="item.option.valueField" [displayField]="item.option.displayField"\r\n            [(model)]="externalFilter[item.field]" (sdChange)="onFilter(item)" appearance="outline">\r\n          </sd-select>\r\n        </ng-container>\r\n        <sd-date-time [label]="item.title" *ngIf="item.type ===\'date\' || item.type ===\'datetime\'"\r\n          [(model)]="externalFilter[item.field]" [type]="item.type" (sdChange)="onFilter(item)" appearance="outline">\r\n        </sd-date-time>\r\n        <sd-date-range [label]="item.title" *ngIf="item.type ===\'daterange\' && externalFilter[item.field]"\r\n          [(from)]="externalFilter[item.field].from" [(to)]="externalFilter[item.field].to" [min]="item.minDate"\r\n          [max]="item.maxDate" (sdChange)="onFilter(item)" appearance="outline">\r\n        </sd-date-range>\r\n      </div>\r\n    </ng-template>\r\n    <sd-popup-filter [filterRegister]="filterRegister" [columns]="columns"\r\n      [externalFilters]="externalFilters" [filterDefs]="filterDefs">\r\n    </sd-popup-filter>\r\n  </ng-template>\r\n</ng-container>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;padding-left:0;padding-right:0}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0}"]}]}],fe.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:m.DeviceDetectorService}]},fe.propDecorators={popupFilter:[{type:n.ViewChild,args:[de]}],_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 ge,he,ve,ye,be,xe,Ce,we,Oe=function(){function e(e,t,i,r,l){var o=this;this.ref=e,this.loadingService=t,this.exportService=i,this.notifyService=r,this.translateService=l,this.columns=[],this.groups=[],this.enableCreating=!1,this.selected={},this.files=[],this.export=new n.EventEmitter,this.form=new v.FormGroup({}),ce.set(this,(function(){return re(o.gridColumns,o.additionalColumns)})),ue.set(this,(function(){var e,t,n;return(null===(n=null===(t=null===(e=o.gridOption)||void 0===e?void 0:e.export)||void 0===t?void 0:t.groups)||void 0===n?void 0:n.filter((function(e){var t=e.permission;return"function"==typeof t?t():t})))||[]})),this.open=function(){return ee(o,void 0,void 0,(function(){var e,t;return te(this,(function(n){return this.key?(1===this.groups.length&&(null===(t=null===(e=this.gridOption)||void 0===e?void 0:e.export)||void 0===t?void 0:t.hideMyTemplates)?this.loadFiles(this.groups[0].code):this.loadFiles(null),this.selected={},this.modal.open(),this.ref.detectChanges(),[2]):(this.exportDefault(),[2])}))}))},me.set(this,(function(){if(o.configuration){var e=re(o.gridColumns),t=o.configuration,n=re(t.firstColumns,t.secondColumns).reduce((function(e,t){var n=o.gridOption.columns.find((function(e){return e.field===t.field}));return n?"children"!==n.type&&"children-col"!==n.type?re(e,[n]):re(e,n.children.filter((function(e){return"image"!==e.type}))):e}),[]);return re(n.map((function(t){return Object.assign(Object.assign({},t),{data:e.find((function(e){return e.field===t.field}))})})).filter((function(e){return!!e.data})).map((function(e){return e.data})),o.additionalColumns)}return o.columns})),this.exportDefault=function(){o.export.emit({file:null,columns:oe(o,me).call(o),isCSV:!1})},this.exportCSV=function(){o.export.emit({file:null,columns:oe(o,me).call(o),isCSV:!0})},this.loadFiles=function(e){return void 0===e&&(e=null),ee(o,void 0,void 0,(function(){var t;return te(this,(function(n){switch(n.label){case 0:return this.selectedGroup=this.groups.find((function(t){return t.code===e})),t=this,[4,this.exportService.filesInFolder({key:this.key,group:e})];case 1:return t.files=n.sent(),this.ref.markForCheck(),[2]}}))}))},pe.set(this,(function(e){return ee(o,void 0,void 0,(function(){var t,n,i,r,l,o,a,s,d,c,u,m,p,f;return te(this,(function(g){switch(g.label){case 0:if(l=[],!Array.isArray(null===(n=null===(t=this.gridOption)||void 0===t?void 0:t.export)||void 0===n?void 0:n.sheets))return[3,9];g.label=1;case 1:g.trys.push([1,7,8,9]),o=ne(this.gridOption.export.sheets),a=o.next(),g.label=2;case 2:return a.done?[3,6]:(s=a.value).name&&s.items&&s.fields?Array.isArray(s.items)?(l.push({name:s.name,items:s.items,fields:s.fields}),[3,5]):[3,3]:[3,5];case 3:return c=(d=l).push,u={name:s.name},[4,s.items()];case 4:c.apply(d,[(u.items=g.sent(),u.fields=s.fields,u)]),g.label=5;case 5:return a=o.next(),[3,2];case 6:return[3,9];case 7:return m=g.sent(),p={error:m},[3,9];case 8:try{a&&!a.done&&(f=o.return)&&f.call(o)}finally{if(p)throw p.error}return[7];case 9:return[4,this.exportService.generateTemplate({fileName:e||(null===(r=null===(i=this.gridOption)||void 0===i?void 0:i.export)||void 0===r?void 0:r.fileName),columns:this.columns,sheets:l})];case 10:return[2,g.sent()]}}))}))})),this.generateTemplate=function(){return ee(o,void 0,void 0,(function(){return te(this,(function(e){switch(e.label){case 0:return this.loadingService.start(),[4,oe(this,pe).call(this).finally(this.loadingService.stop)];case 1:return e.sent(),[2]}}))}))},this.generateAndUploadTemplate=function(e){return ee(o,void 0,void 0,(function(){var t,n,i,r,l,o,a,s,d,c,u,m,p,f,g,h,v,y=this;return te(this,(function(b){switch(b.label){case 0:if(s=[],!Array.isArray(null===(n=null===(t=this.gridOption)||void 0===t?void 0:t.export)||void 0===n?void 0:n.sheets))return[3,9];b.label=1;case 1:b.trys.push([1,7,8,9]),d=ne(null===(r=null===(i=this.gridOption)||void 0===i?void 0:i.export)||void 0===r?void 0:r.sheets),c=d.next(),b.label=2;case 2:return c.done?[3,6]:(u=c.value).name&&u.items&&u.fields?Array.isArray(u.items)?(s.push({name:u.name,items:u.items,fields:u.fields}),[3,5]):[3,3]:[3,5];case 3:return p=(m=s).push,f={name:u.name},[4,u.items()];case 4:p.apply(m,[(f.items=b.sent(),f.fields=u.fields,f)]),b.label=5;case 5:return c=d.next(),[3,2];case 6:return[3,9];case 7:return g=b.sent(),h={error:g},[3,9];case 8:try{c&&!c.done&&(v=d.return)&&v.call(d)}finally{if(h)throw h.error}return[7];case 9:return[4,this.exportService.generateUploadTemplate({key:this.key,template:{fileName:e||(null===(o=null===(l=this.gridOption)||void 0===l?void 0:l.export)||void 0===o?void 0:o.fileName),columns:this.columns.filter((function(e){return y.selected[e.field]})),sheets:s},group:null===(a=this.selectedGroup)||void 0===a?void 0:a.code})];case 10:return[2,b.sent()]}}))}))},this.onExport=function(e){o.export.emit({file:e,columns:o.columns}),o.ref.detectChanges()},this.uploadTemplate=function(){return ee(o,void 0,void 0,(function(){var e,t,n,i;return te(this,(function(r){switch(r.label){case 0:return[4,this.exportService.uploadTemplate({key:this.key,group:null===(e=this.selectedGroup)||void 0===e?void 0:e.code,validator:null===(n=null===(t=this.gridOption)||void 0===t?void 0:t.export)||void 0===n?void 0:n.validators})];case 1:return(i=r.sent())&&(this.files=re(this.files,[i]),this.ref.detectChanges()),[2]}}))}))},this.removeFile=function(e){o.notifyService.confirm(o.translateService.translate("Remove template")).then((function(){var t;o.exportService.removeFile({key:o.key,fileName:e.fileName,group:(null===(t=o.selectedGroup)||void 0===t?void 0:t.code)||null});var n=o.files.indexOf(e);o.files.splice(n,1),o.files=re(o.files),o.ref.detectChanges()}))},this.createTemplate=function(){return ee(o,void 0,void 0,(function(){var e,t,n,i,r,l,o,a,s=this;return te(this,(function(d){switch(d.label){case 0:if(this.form.invalid)return this.form.markAllAsTouched(),[2];if(!this.columns.some((function(e){return s.selected[e.field]})))return this.notifyService.notify.warning("Vui lòng chọn cột dữ liệu để xuất"),[2];this.loadingService.start(),l=this.templateName+".xlsx",d.label=1;case 1:return d.trys.push([1,,3,4]),(null===(n=null===(t=null===(e=this.gridOption)||void 0===e?void 0:e.export)||void 0===t?void 0:t.validators)||void 0===n?void 0:n.call(t,l))?(this.notifyService.notify.warning(null===(r=null===(i=this.gridOption)||void 0===i?void 0:i.export)||void 0===r?void 0:r.validators(l)),[2]):[4,this.generateAndUploadTemplate(l)];case 2:return(null==(o=d.sent())?void 0:o.filePath)&&(a={filePath:o.filePath,fileName:o.fileName},this.onExport(a),this.templateName=null,this.enableCreating=!1,this.files=re(this.files,[a]),this.ref.detectChanges()),[3,4];case 3:return this.loadingService.stop(),[7];case 4:return[2]}}))}))},this.onChangeGroup=function(){var e,t,n;o.loadFiles(null===(n=null===(t=null===(e=o.listGroups)||void 0===e?void 0:e.selectedOptions)||void 0===t?void 0:t.selected[0])||void 0===n?void 0:n.value)},this.validatorTemplateName=function(e){var t=o.translateService.translate;return e?e.length>50?t("Template name is too long"):/^[A-Za-z0-9 _]*[A-Za-z0-9][A-Za-z0-9 _]*$/.test(e)?null:t("Template name only contains letters, numbers and spaces"):t("Please enter your template name")}}return Object.defineProperty(e.prototype,"_gridOption",{set:function(e){this.gridOption=e,this.columns=oe(this,ce).call(this),this.groups=oe(this,ue).call(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"key",{get:function(){var e,t,n,i;return(null===(t=null===(e=this.gridOption)||void 0===e?void 0:e.export)||void 0===t?void 0:t.key)?G.default({prefix:"93889e78-f971-4a1d-8c73-fe2321af9233",key:null===(i=null===(n=this.gridOption)||void 0===n?void 0:n.export)||void 0===i?void 0:i.key}):null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"gridColumns",{get:function(){var e=[];return this.gridOption.columns.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(t){var n,i;"image"!==t.type&&("children"!==t.type?"children-col"!==t.type?e.push(t):null===(i=t.children)||void 0===i||i.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(t){"image"!==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){"image"!==t.type&&e.push(t)})))})),e.map((function(e){return{field:e.field,title:e.title,description:e.description,width:e.width}}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"additionalColumns",{get:function(){var e,t;return((null===(t=null===(e=this.gridOption.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)})))||[]).map((function(e){return{field:e.field,title:e.title,description:e.description,width:e.width}}))},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.ngAfterViewInit=function(){},e}();ce=new WeakMap,ue=new WeakMap,me=new WeakMap,pe=new WeakMap,Oe.decorators=[{type:n.Component,args:[{selector:"sd-popup-export",template:'<sd-modal width="907px" [title]="\'Exported template\' | sdTranslate" #modal>\r\n  <sd-modal-body>\r\n    <div class="row">\r\n      <ng-container\r\n        *ngIf="groups?.length > 1 || (groups?.length === 1 && !gridOption?.export?.hideMyTemplates); else noSelection">\r\n        <div class="col-9">\r\n          <ng-container *ngTemplateOutlet="content"></ng-container>\r\n        </div>\r\n        <div class="col-3">\r\n          <mat-selection-list [multiple]="false" #listGroups>\r\n            <mat-list-option *ngIf="!gridOption?.export?.hideMyTemplates" [value]="" (click)="loadFiles()">\r\n              <div mat-line>{{\'My templates\' | sdTranslate}}</div>\r\n            </mat-list-option>\r\n            <mat-list-option [value]="group.code" *ngFor="let group of groups" (click)="loadFiles(group.code)">\r\n              <div mat-line>{{group.title}}</div>\r\n            </mat-list-option>\r\n          </mat-selection-list>\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #noSelection>\r\n        <div class="col-12">\r\n          <ng-container *ngTemplateOutlet="content"></ng-container>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template #content>\r\n        <div class="row">\r\n          <div *ngIf="!files?.length" class="col-12">\r\n            <div class="c-empty">\r\n              <img class="c-empty-image">\r\n              <div class="T14R">{{\'There are no exported templates\' | sdTranslate}}</div>\r\n            </div>\r\n          </div>\r\n          <ng-container *ngIf="files?.length">\r\n            <div class="col-12">\r\n              <div class="c-table" style="max-height:50vh">\r\n                <table mat-table [dataSource]="files">\r\n                  <ng-container matColumnDef="stt">\r\n                    <th mat-header-cell class="c-th text-center px-5" *matHeaderCellDef style="width:50px">#\r\n                    </th>\r\n                    <td class="text-center px-5" mat-cell *matCellDef="let item; let idx = index">\r\n                      {{idx + 1}}\r\n                    </td>\r\n                  </ng-container>\r\n                  <ng-container matColumnDef="fileName">\r\n                    <th mat-header-cell class="c-th px-5" *matHeaderCellDef>{{\'File name\' | sdTranslate}}\r\n                    </th>\r\n                    <td class="px-5" mat-cell *matCellDef="let item;">\r\n                      {{item.fileName}}\r\n                    </td>\r\n                  </ng-container>\r\n                  <ng-container matColumnDef="action">\r\n                    <th mat-header-cell class="c-th px-5" *matHeaderCellDef style="width:80px">\r\n                    </th>\r\n                    <td class="px-5" mat-cell *matCellDef="let item;">\r\n                      <div class="d-flex">\r\n                        <button *ngIf="!selectedGroup || selectedGroup?.permission === \'delete\'" mat-icon-button\r\n                          aria-label="delete" (click)="removeFile(item)">\r\n                          <mat-icon>delete</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button aria-label="download" (click)="onExport(item)">\r\n                          <mat-icon>download</mat-icon>\r\n                        </button>\r\n                      </div>\r\n                    </td>\r\n                  </ng-container>\r\n                  <tr mat-header-row *matHeaderRowDef="[\'stt\', \'fileName\', \'action\']; sticky: true">\r\n                  </tr>\r\n                  <tr mat-row *matRowDef="let row; columns: [\'stt\', \'fileName\', \'action\'];"></tr>\r\n                </table>\r\n              </div>\r\n            </div>\r\n            <div *ngIf="files.length < 5 && (!selectedGroup || selectedGroup?.permission === \'add\' || selectedGroup?.permission === \'delete\')"\r\n              class="col-12 mt-10">\r\n              <sd-button class="mr-5" [title]="\'New template\' | sdTranslate" (action)="enableCreating = true"\r\n                color="info" [disabled]="enableCreating">\r\n              </sd-button>\r\n              <sd-button *ngIf="gridOption?.export?.enableUpload" [title]="\'Upload template\' | sdTranslate"\r\n                (action)="uploadTemplate()" type="outline">\r\n              </sd-button>\r\n            </div>\r\n          </ng-container>\r\n          <ng-container *ngIf="(enableCreating || !files?.length) && (!selectedGroup || selectedGroup?.permission === \'add\' || selectedGroup?.permission === \'delete\')">\r\n            <div class="col-12 mt-20">\r\n              <div class="T14R">{{\'Select columns for creating template\' | sdTranslate}}:</div>\r\n            </div>\r\n            <div class="col-12">\r\n              <mat-chip-list selectable="true" multiple="true">\r\n                <ng-container *ngFor="let column of columns">\r\n                  <mat-chip [selected]="selected[column.field]"\r\n                    (click)="selected[column.field] = !selected[column.field]">\r\n                    {{column.title}}\r\n                  </mat-chip>\r\n                </ng-container>\r\n              </mat-chip-list>\r\n            </div>\r\n            <div class="col-12 row">\r\n              <div class="col-10">\r\n                <sd-input [form]="form" [label]="\'Template name\' | sdTranslate" [(model)]="templateName"\r\n                  [validator]="validatorTemplateName"></sd-input>\r\n              </div>\r\n              <div class="col-2 mt-7">\r\n                <sd-button width="100%" [title]="\'Save\' | sdTranslate" color="info" (action)="createTemplate()">\r\n                </sd-button>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n      </ng-template>\r\n    </div>\r\n  </sd-modal-body>\r\n</sd-modal>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:['.c-radio-group{display:flex;flex-direction:column;margin:15px 0}.c-radio-button{margin:5px}.c-empty{align-items:center;background:#f6f6f6;border-radius:4px;display:flex;flex-direction:column;height:116px;justify-content:center;position:static}.c-empty .c-empty-image{content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA6CAYAAAAHkoFsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABCiSURBVHgB7VtLj2VVFV5rn0tXJ902ktjppgEJ0iRAGgUsiQk/wJGPhBgxxJg4ZqYDRjqXmSMTTRyYGGYOYODE+AiI4RFaIDSgNII8BIzBQDdQdc/eru/71j637IKuOt0VGegJ1H2cffbda+31+Na3dpv9D18+Z/BzL/ztgeJezVrlw+6ju7XW8J21Ev/74GNreF+ae6utlFpiiHsZMRLj4k8tHvcLn6uYI2aL9xXjqtX4HA+55q14P8Rv4YePHL7sB7ZHV5k1urVSaxtClKFhyRYSNPOQqcQfzOUhSugHklSv8eq1hjSx8rEOLcfEg6XGBFAN1sA5+B7ThK4KNyVkj9fCNeZvzFzvngoP4WgrDYvighqFxTZCiFbGWHwbsVESqPK1lgKVSIgh9FZiOBRQugI0c0tB43PlZ/d8vmqtsyx1p2sxZ3CV9p37CxXQnOObkBsbWmH1xt2yOjbIi+3HomND427RW6v42nkDCqBjwNLhH6HPQv+pUFAMbXARTApr2tOdnyW8aefhudxFp7O6XDoExcqrVDMaNELDraM83cpQESwaNtPo5iWUJl+GKcQOx/8GN+dGw/fxeaB6EGagoT28ZmkSPie/azTxlr6o19ji2GvohP6JjY3Fj3ABbiq3daDS4vka30FYrzLnUBGMJuag2dM9sPvQUxgNrKqEWe2p2c8Sfuw+Df+GAuCvGayoBAaxSj+t8dpk2V6pkDpIga7flE+UDJaDy6ocOoxnOabRZaDHSkVWxYePR/jC5TnN03KxtgpEIQOc06kU7DwUYHSPVIBTKORCOLAr8EthfL5qp+M/KcD73IXPtmofn89nqsrYBi/gZ4bkBveGsTZleVf+dqXAijAHJw/rQS432QNiABwizCJdpUIBYfs1LWTU9wwEggJ7eM3SZO15GoENPtlo/hBZPmraTZ/SYCtENyMDuLcRO+9KX9BgSxwAK2lKldzlWrs7wVUKf0dZ4+NLdZYBzpiQw3rh1Q05nvmvNQXDZkJ0RjeA7RcMcw0IU5aVM9lVWAQxY9FfGk7MVQb4PIBCGldBuPHy6t//+U0bI5kMgfowehzasC/ySHxVLsFr7ELce9vG315z2WVv753wkJWmzhjN5Cw7Z9av2lG8tUHhypnFYgeZ+Og4sf3IgM3p7EiN0AJArf6LXF7g8sQJSvNIngOgBTa/1i8KW0SCGDHY2rhc1sEXdbm5iYfquLT6yYWdjJXsnfAnbrjm9o+6d+rUi1+Kff0uBG7KxonYGoVrehmRtgaaiQXSa2NxVQCNtUBtiWAz3zvDQ5q9AR0ZjQQ6M6ZFwYJwrbaEvTTrGGIX11yzP+9MLr81bbFkQPBHmuPeKlUQAQ0DANvkAo0WAMkR81AWuaocai1HxLeR6xn1VAtI1tAJiyT4T1yqBj74wHeMD3uWOkbspqv4YLbi3C1jBHe+EMgA9FIjLA9dGUFZP9MEdr3AdbdiBSbaQtDU06B3HCDADaeIaYZMw2s7r5k7/+ifnr9jKHas5X5RpQXRB3Vc/K0joSj8C86r71W2ItIUjBn9OBbBHI6QlTYsw6XDwk0htECq2+99sfhj24y3i/Kt2LHDwv0AzBjIsFmqfIJRsbE8gOw95aJm0HjgAMKAZYxZxI3Y+l0JH0PviJ+9DUiiCWHTbyu3I0EoLJkbUSs3DWuB7rU+eaSxXqnafcQ9onMnOHGG7FGI3n9x/Nor7tuyjkdffOn178fENwApsRqkAvhf7HNTUQhRWSF2nTR9QA5GRoEXML/A9PbvJHtGFxN0JH7OnGsTblfJyZRGM1bezRInc7PL+1jPZzmjWrynRiE4Exw+eHC4/9yFbLy//BWiP/ACY0cFlHYWC6I7BIUrEWRVOazwD+MqQp1V6HOXMJiDaiPoSojKEFJyAgkkNMfXSSkt8f2U+5172zokxULHRgJD5EWCnmZnjx49embbQvYvzoypKMQOhf3qElKECHF+romvtAzGhMKCqKr2xRo2fJdm/4Wbr7/zw24+/uRzP4+XdbmoiJUqLTBvmTSHH2PC0VMZ5wV7K7muFUQFkj10nvUwwEFiU+mL6E7YI0KjCGOTPfAqXsW6myjNoK4IlaztIuLtkOpo5hmdhc6xtCw89F4hjfVqU2nGIM7B2nU5g1xli5L+84qAe6BWoZia2YLQP+gvHxD8iYURiSsTuog/mBPrBlQD/Mx44GVj3LjYVMfbg2I7zTEBCbF5WZWySFFczfR58nU9W7zHivjuqdOnj5z7S3X0g5ZulySPu3d+IPg/YyxiLcD3I0KiqkE+z7K4V4O7Y3zOu/MBx34dOPVVMUgByYahMhu3JcGLq7r7chMMk2lzh13oQ0rBnhC+qQD4cIWP4xKIBgLTymhPoL4Y44HwQ1jWC8Iywr5GkNfEmvK3m4kls7WLNPvbbr7+Z7bDdfLpP38VLpkpZqBCalJ6hPp671vK4QN2YNs8IcKRpMSg3crYJkUxpIDjCBRfwgfAi4ESQ5ir4PVKYmH+Qk2mdxd5fg8Qnq8Y1/yiqTpzxQxXJphcoJXNzTNHz52lKnoTzeIZlcONmJjIMZFgY5wrSYsrtYrybtAKMwvl2gXCu3jhnWGu1+ODan4WsBTUJrzgSqOx2E3fjrtDqoNSFOBqh68r/6+ir8UbgNCFKZDhxe+OA+MBUmOmQd/YGdsv/vDY0/fHsKtcPHRVR0bbkGlbqE2lEv28JWifIKx4nJqkvq/YXWYmRm68xsAxarrim+3y+O7k1oXEHh9so6XiVAor6QFMZoLn91n1YUlJ65Y2+RYCBuolkoI7Ch+ruzqevKqJYBO8laMKhUfZ2Yi5CaWIevN+5fuqGOwENy4YwNRHNm6UBVgnbrBLiYPOMaBkaPkuKbLUYFM9LCuoYjcR/xDaWlNJS+RLnkThx5CkdhReCEwkBcGMfoZKSG6CqdSFL1pidu6tLN6yAccFqvuWnkiUqCissqwogFfb/MS5C4l21uUmEzcyQ6KHxI2QBof+AzIOnJx231haBQzO4sZVBWA/2rLsnOcj2pcHYqGHsgYXiaQqBZ5Fc2aGZpFlX7dONIq3ZLGuDcoGjGeN2RIMc1uFUJCbaSXDsE141SQZqQkjgOqiBHYVS5a1vXBAIw9QiuU6eEfFkGjvmG7fTrLb4vbbTtxju7weeeLUNxKlJd6nZFRR5y9SMUo6GpP5vxbhAlrD9skVQFwZrhVtv2pHcj/UkIhBlQrNROwwR0hgkmAqh31jVzs/42IxTm7WBKwoLxk6RSBx71tr+aaWnhAvZWSf79h24e1yuEkwB9huo9sRtNAmGYCtyCssLW2UGRDzTqoRDbQrjntWqmuryk8VXa8AFR3RVioKGFwAU4WnwpLe7qnvim1z13aI3UimjTZVjknJ4b1gNudadYY8sUDOOzBFRGj4sHR67jWvaYFNqdNhAsQHILrRlMeFwtMpO0RNX9YDMgJY5fpTz7x45003XnPfgw8++4lLP7X2nZD+UFOl1oVF7TJ2qtyI3RIoSeqsElV9gQNk5TSORJn7bPj86dMvH14sIqYPi3h+E+LS+t56ffnE+voVZ3eRDVfXw48/8yYZSBL2wleyUJKNLTGCgqQoCAhDfKNqT2mU6QuLLcO/FDD9oEpeYQcJRrWNptzZdF/PMQiqN9DH1twJzp8ltubSWhq6QPLbAu3ce+WVh5+ftfPMbuzHtSxNyTB7hmntBCkNyyRoQ0sqjDFA5JYWKNR2qYIg7cV6m1suLYvKcjixj2hsdsfUKMweHwBRtr+b+ELSf+L8yTq2mmxA6GBjY+Smz2xXRe+AdJKL3sruaptaTQxrGROMWASfGQOyHFZDw89sbtj3Pnvjteub7218zW34yRZKLPF9L4lZJbpgbOvtsdLHk8z0zjoJGtYV1+H9iIwSr2Dc2prS4IXw9lidNlboTTuWJ4kUryxrfiYAQmYOK9r30MK96zdf9xtMduut178WLz998tQL6zHvLdluyCRBMxtJJzeb4HTr7LC4MyFLKaTyOEgDgbv2ww/2LV/aXw9wynf55x1O/o93Ns7OF55mbIC7QbwgGKmfLOrIhQOT3LLOffEgQuJCpiOva4vxsW0aNXsg/tyqeCkd51EMlmyijUnSjr1uVyJI2iz5gsq1lGCuz7533aevfut84syv6trq0JAnm5tdSgKQ1qaSdlXVCaeL7Y3Fvbe8ZHuqMzsk8kNjV6xwm5hhmhGrutZPb6ha3DJe5wPCzPftAuHZjItaVTBr7DWJtMnslqQqF0SezbrAxoajD3qWTNDdMfjbfd5nn3352Pvjxl1qy7RsSfI8nwm7svE5kaJlRZnBFB4KP363yapiKDqcUdVVO7OTPLNS3UOPPHkmC5XVAcJeAdLsVAxNZS8/l57ueuqr2a1+Jeb4ZXwO7s6/EvcP9BppSmtEjyhcfUqDlu1x08A6LvbfddNnjrxhF3DNPIqm4tEY9FzkqXIubrvQ15SYkn3uZaqAUPbVoKirIvvc7dmSYDoUkNEeKp8zixoPPqA8ZkIDjixZWbqfnYdVLlj4rNOKyljV6TRjVsS8WbNXHynRxuz+qANWehZQ4ZOEY2+KmKCwdGwKdROaEx+g0po/Amhbyjjxgv8N4bPaShJWS9bBLBZUJfnmmpmQqYcmnvW4MoJqfMSPPHZpyR2YpfX0EO4EOCqhPeHxxA6nhYUE95x67q/o2SEOTa6ByQa1xVmBiOgY2QxCxh2GxTsXcAhRHRpXAKviywVlmYoyBzMgdfJWPt97dWQgkzBJgpNrhdmjTzcqbppMW2rPAichtXgVnVFzuwXfLRWNx3ym6fgeTURssDNtVHFMESvq8o3ZB5JUybXs8WUPPg8NaXfYRBy2NC4S7ZlITu9HCnqzg4C4HyoW38fU2KZGaaa1KWXKwwRmeppzz9jAA495zndilvMV+LrqwCRMbT62Fz8HUmmQGRPDVnHuHKOgZRJKNE+b/DurPzUfkqdSuuQW9XYW6STP4BIvr8Wsr/qAI72eZ12kGZrAwDjCswTOiMiQRO2RjZJVWslCTAGlvjlPeB2uLy3VbHmKyjM6p2JIPIhl6s0KT2ImfXdCcbKAPHuraC7UUFdpHcPK/Z87ce2PbY+vuYcQk05KvxdVCdOrna7KbncR9d3HswK0pLLp8+w2KrwL7QdfF9oaOU6dX0v0XPPgzp5fcwNep5BobVXAg7Ekd6tMMVlMpmVWaKvEnGnCLOtYpbgkUFOBxMia01YNgb2+Zk36u4dPtu0zuFAb9zfRH4ELdZPkg6KvkCpeV0jQtvwzE5XrBAFj8tdVvL29Ek70ik+nllipM21ZnvLhOR4SfUoUPix/dOL48b+cT56LP4omn83jVMQB6fsANiXJTXUUrBMevSTN/n3juTpGdbIwaHjCBTxpz/j6yrh/DIQCMbPpdI6zR6HUVdnBUHBzxeODOy19VqrzZGC72NP3mQXykFDJlgboE36u6vErU/QssOXcDxWoNEgyZCJI4rlsgGbj0voZoTyZrfP7OceQVSZ1ttzcawJzatgkLN2iF5PatfuyXxmEmnRjVny975b4RznReBZDViLBrJOiSVpSK/zHFkxbaowk2LEt1T8tjuTRJbvw6Hlm77a1D6OFKwAKbabdmdJ9dl5cDKzUlv8mR2J0lKas0HRnalqo6dfzRcg75leyPxVMiZrZuWHATbbHl9ELtv9fH339G/7DwlISq4BTAAAAAElFTkSuQmCC")}.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}']}]}],Oe.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:p.SdLoadingService},{type:h.SdExportService},{type:s.SdNotifyService},{type:f.SdTranslateService}]},Oe.propDecorators={modal:[{type:n.ViewChild,args:["modal"]}],listGroups:[{type:n.ViewChild,args:["listGroups"]}],export:[{type:n.Output}],_gridOption:[{type:n.Input,args:["gridOption"]}],configuration:[{type:n.Input}]};var Fe,De,Ie=function(e,t){var n=this;this.settingService=e,this.gridMaterialConfiguration=t,ge.set(this,{EDITORVALIDATION:"sdEditorValidation",EDITOR:"sdEditor",SUBINFORMATION:"sdSubInformationAction",COMMAND:"sdCommand",SELECTION:"sdSelection",GROUP:"sdGroup"}),he.set(this,{}),this.init=function(e,t){if(!oe(n,he)[e]){var i=new a.Subject;oe(n,he)[e]={load:oe(n,be).call(n,t,i),get:oe(n,xe).call(n,t),set:function(e){return e=oe(n,Ce).call(n,t,e),i.next(Object.assign({},e)),e},remove:function(){oe(n,we).call(n,t)(),i.next(oe(n,ye).call(n,t))},observer:i}}return oe(n,he)[e]},ve.set(this,(function(e){var t,n;return(null===(t=null==e?void 0:e.config)||void 0===t?void 0:t.key)||(null==e?void 0:e.key)?G.default({prefix:"c9e94836-6ace-4aeb-b148-4f0be63589ee",key:(null===(n=null==e?void 0:e.config)||void 0===n?void 0:n.key)||!(null==e?void 0:e.key)}):null})),ye.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}})))||[]}})),be.set(this,(function(e,t){return function(){return ee(n,void 0,void 0,(function(){var n;return te(this,(function(i){switch(i.label){case 0:return[4,oe(this,xe).call(this,e)()];case 1:return n=i.sent(),t.next(Object.assign({},n)),[2]}}))}))}})),xe.set(this,(function(e){return function(){return ee(n,void 0,void 0,(function(){var t,n,i,r,l,o,a,s;return te(this,(function(d){switch(d.label){case 0:return(t=oe(this,ve).call(this,e))?(n=e.columns,"server"!==(null==(i=e.config)?void 0:i.storage)?[3,2]:(l=this.settingService.createServer(t,{args:null==i?void 0:i.args}),a=l.get,s=l.remove,[4,a().catch((function(){}))])):[2,oe(this,ye).call(this,e)];case 1:return(null==(r=d.sent())?void 0:r.columns)?[3,3]:(s().catch(console.error),[2,oe(this,ye).call(this,e)]);case 2:if(o=this.settingService.create(t,{type:null==i?void 0:i.storage,args:null==i?void 0:i.args}),a=o.get,s=o.remove,!(null==(r=a())?void 0:r.columns))return s(),[2,oe(this,ye).call(this,e)];d.label=3;case 3:return r.columns=r.columns.filter((function(e){return e.isGeneratedColumn||n.some((function(t){return!t.hidden&&t.field===e.origin.field}))})),n.forEach((function(e){var t=r.columns.find((function(t){var n;return(null===(n=t.origin)||void 0===n?void 0:n.field)===e.field}));t?t.origin={field:e.field,title:e.title,width:e.width,invisible:e.invisible}:r.columns.push({origin:{field:e.field,title:e.title,width:e.width,invisible:e.invisible},invisible:e.invisible,fixed:!1})})),[2,r]}}))}))}})),Ce.set(this,(function(e,t){var i,r,l,o,a=oe(n,ve).call(n,e);return a&&("server"===(null===(i=null==e?void 0:e.config)||void 0===i?void 0:i.storage)?(0,n.settingService.createServer(a,{args:null===(r=null==e?void 0:e.config)||void 0===r?void 0:r.args}).set)(t):(0,n.settingService.create(a,{type:null===(l=null==e?void 0:e.config)||void 0===l?void 0:l.storage,args:null===(o=null==e?void 0:e.config)||void 0===o?void 0:o.args}).set)(t)),JSON.parse(JSON.stringify(t))})),we.set(this,(function(e){return function(){var t,i,r,l,o=oe(n,ve).call(n,e);o&&("server"===(null===(t=null==e?void 0:e.config)||void 0===t?void 0:t.storage)?(0,n.settingService.createServer(o,{args:null===(i=null==e?void 0:e.config)||void 0===i?void 0:i.args}).remove)():(0,n.settingService.create(o,{type:null===(r=null==e?void 0:e.config)||void 0===r?void 0:r.storage,args:null===(l=null==e?void 0:e.config)||void 0===l?void 0:l.args}).remove)())}})),this.generateConfigurationResult=function(e,t,i){var r,l,o={column:{},fixedColumn:{},firstColumns:[],secondColumns:[],firstHeaders:[],secondHeaders:[],displayedColumns:[],displayedFooters:[],multipleHeader:!1},a=t||{},s=a.selection,d=a.commands,c=a.editor,u=a.group;return!(null==c?void 0:c.addable)&&("inline"!==(null==c?void 0:c.type)||!(null==c?void 0:c.removable)&&"function"!=typeof(null==c?void 0:c.disabled)&&(null==c?void 0:c.disabled))&&("focus"!==(null==c?void 0:c.type)||"function"!=typeof(null==c?void 0:c.disabled)&&(null==c?void 0:c.disabled))||(o.firstHeaders.push(oe(n,ge).EDITORVALIDATION),o.displayedColumns.push(oe(n,ge).EDITORVALIDATION)),(null==s?void 0:s.visible)&&(o.firstHeaders.push(oe(n,ge).SELECTION),o.displayedColumns.push(oe(n,ge).SELECTION)),(null==c?void 0:c.hidden)||!(null==c?void 0:c.addable)&&("inline"!==(null==c?void 0:c.type)||!(null==c?void 0:c.removable)&&"function"!=typeof(null==c?void 0:c.disabled)&&(null==c?void 0:c.disabled))&&("focus"!==(null==c?void 0:c.type)||"function"!=typeof(null==c?void 0:c.disabled)&&(null==c?void 0:c.disabled))&&("popup"!==(null==c?void 0:c.type)||"function"!=typeof(null==c?void 0:c.disabled)&&(null==c?void 0:c.disabled))||(o.firstHeaders.push(oe(n,ge).EDITOR),o.displayedColumns.push(oe(n,ge).EDITOR)),(null==d?void 0:d.length)&&(o.firstHeaders.push(oe(n,ge).COMMAND),o.displayedColumns.push(oe(n,ge).COMMAND)),(null===(r=null==u?void 0:u.fields)||void 0===r?void 0:r.length)&&(o.firstHeaders.push(oe(n,ge).GROUP),o.displayedColumns.push(oe(n,ge).GROUP)),null===(l=null==e?void 0:e.columns)||void 0===l||l.filter((function(e){return!e.invisible})).forEach((function(e){var n,i,r,l,a;if(e.isGeneratedColumn){o.column[e.origin.field]={title:e.title||e.origin.title,width:e.width||e.origin.width},e.fixed&&(o.fixedColumn[e.origin.field]={title:e.title||e.origin.title,width:e.width||e.origin.width});var s={type:"children",field:e.origin.field,title:e.origin.title,children:[]};try{for(var d=ne(null==t?void 0:t.columns.filter((function(t){return e.generatedColumns.includes(t.field)}))),c=d.next();!c.done;c=d.next()){var u=c.value;if("children"===u.type||"children-col"===u.type)try{for(var m=(r=void 0,ne(u.children)),p=m.next();!p.done;p=m.next()){var f=p.value;s.children.push(Object.assign(Object.assign({},f),{colSpan:2}))}}catch(e){r={error:e}}finally{try{p&&!p.done&&(l=m.return)&&l.call(m)}finally{if(r)throw r.error}}else s.children.push(Object.assign(Object.assign({},u),{colSpan:2}))}}catch(e){n={error:e}}finally{try{c&&!c.done&&(i=d.return)&&i.call(d)}finally{if(n)throw n.error}}return o.firstColumns.push(Object.assign(Object.assign({},s),{title:e.title||e.origin.title,width:e.width||e.origin.width})),o.firstHeaders.push(e.origin.field),void o.displayedColumns.push(e.origin.field)}var g=null==t?void 0:t.columns.find((function(t){return t.field===e.origin.field}));g&&(o.column[e.origin.field]={title:e.title||e.origin.title,width:e.width||e.origin.width},e.fixed&&(o.fixedColumn[e.origin.field]={title:e.title||e.origin.title,width:e.width||e.origin.width}),o.firstColumns.push(Object.assign(Object.assign({},g),{title:e.title||e.origin.title,width:e.width||e.origin.width})),o.firstHeaders.push(e.origin.field),"children-col"===g.type?null===(a=g.children)||void 0===a||a.forEach((function(e){o.secondColumns.push(e),o.secondHeaders.push(e.field),o.displayedColumns.push(e.field)})):o.displayedColumns.push(e.origin.field))})),(null==i?void 0:i.templateRef)&&(o.firstHeaders.push(oe(n,ge).SUBINFORMATION),o.displayedColumns.push(oe(n,ge).SUBINFORMATION)),o.multipleHeader=o.secondHeaders.length>0,o.displayedFooters=o.displayedColumns.filter((function(e){return e!==oe(n,ge).SUBINFORMATION})),o}};ge=new WeakMap,he=new WeakMap,ve=new WeakMap,ye=new WeakMap,be=new WeakMap,xe=new WeakMap,Ce=new WeakMap,we=new WeakMap,Ie.decorators=[{type:n.Injectable}],Ie.ctorParameters=function(){return[{type:y.SdSettingService},{type:void 0,decorators:[{type:n.Inject,args:[Q]},{type:n.Optional}]}]};var ke=function(){var e=this;Fe.set(this,"a1e67660-8aa2-4c11-b02d-71a32188719f"),De.set(this,{}),this.transform=function(t,n){return ee(e,void 0,void 0,(function(){var e,i,r,l,o,a,s,d,c,u,m,p,f,g,h,v,y,b,x,C;return te(this,(function(w){switch(w.label){case 0:return"values"===n.type&&(null===(e=n.option)||void 0===e?void 0:e.items)&&(null===(i=n.option)||void 0===i?void 0:i.valueField)&&(null===(r=n.option)||void 0===r?void 0:r.displayField)?(m=n.option,p=m.items,f=m.valueField,g=m.displayField,h=m.selection,v=$(m,["items","valueField","displayField","selection"]),y=G.default({prefix:oe(this,Fe),valueField:f,displayField:g,selection:h,remain:v,value:t}),b=["MULTIPLE","MULTIPLEAUTOCOMPLETE","MULTIPLE_EDITOR","MULTIPLEAUTOCOMPLETE_EDITOR"].includes(h),"function"!=typeof p?[3,3]:oe(this,De)[y]?[3,2]:[4,p(t,!0)]):[2,t];case 1:x=w.sent(),C="",C=b&&Array.isArray(t)?(null===(o=null===(l=null==x?void 0:x.filter((function(e){return null==t?void 0:t.includes(null==e?void 0:e[f])})))||void 0===l?void 0:l.map((function(e){return null==e?void 0:e[g]})))||void 0===o?void 0:o.join(", "))||(null==t?void 0:t.join(", ")):(null===(a=null==x?void 0:x.find((function(e){return(null==e?void 0:e[f])===t})))||void 0===a?void 0:a[g])||t,oe(this,De)[y]={result:C},w.label=2;case 2:return[3,4];case 3:oe(this,De)[y]||(C="",C=b&&Array.isArray(t)?null!==(c=null===(d=null===(s=null==p?void 0:p.filter((function(e){return null==t?void 0:t.includes(null==e?void 0:e[f])})))||void 0===s?void 0:s.map((function(e){return null==e?void 0:e[g]})))||void 0===d?void 0:d.join(", "))&&void 0!==c?c:null==t?void 0:t.join(", "):(null===(u=null==p?void 0:p.find((function(e){return(null==e?void 0:e[f])===t})))||void 0===u?void 0:u[g])||t,oe(this,De)[y]={result:C}),w.label=4;case 4:return[2,oe(this,De)[y].result]}}))}))}};Fe=new WeakMap,De=new WeakMap,ke.decorators=[{type:n.Pipe,args:[{name:"columnValues"}]}];var Se,Te,Ee,Me,Pe,He,Re,Ae,Le=function(e){e.sdId,e.editorHandlerColumn,e.expandDetail,e.isExpanded,e.isExpanding,e.isSelected,e.sdGroup,e.selectable,e.actions,e.groupedActions,e.originItem,e.editorErrorMessage,e.editorHandlerRow;var t=$(e,["sdId","editorHandlerColumn","expandDetail","isExpanded","isExpanding","isSelected","sdGroup","selectable","actions","groupedActions","originItem","editorErrorMessage","editorHandlerRow"]);return G.default(t)},je=function(){function e(e){this.zone=e,Se.set(this,(function(e,t){if("children"===e.type||"children-col"===e.type)return!1;if(e.editor&&("function"==typeof e.editor.disabled?e.editor.disabled(t):e.editor.disabled))return!1;return!0}))}return e.prototype.transform=function(e,t,n){var i,r,l,o,a=Le(t);if(t.sdId===a&&t.editorHandlerColumn)return!0;t.editorHandlerColumn=t.editorHandlerColumn||{};var s=n.columns;try{for(var d=ne(s),c=d.next();!c.done;c=d.next()){var u=c.value;if("children-col"===u.type)try{for(var m=(l=void 0,ne(u.children)),p=m.next();!p.done;p=m.next()){var f=p.value;t.editorHandlerColumn[f.field]=Object.assign(Object.assign({},t.editorHandlerColumn[f.field]),{visible:oe(this,Se).call(this,f,t)})}}catch(e){l={error:e}}finally{try{p&&!p.done&&(o=m.return)&&o.call(m)}finally{if(l)throw l.error}}else t.editorHandlerColumn[u.field]=Object.assign(Object.assign({},t.editorHandlerColumn[u.field]),{visible:oe(this,Se).call(this,u,t)})}}catch(e){i={error:e}}finally{try{c&&!c.done&&(r=d.return)&&r.call(d)}finally{if(i)throw i.error}}return this.zone.run((function(){t.sdId=Le(t)})),t.sdId=a,!0},e}();Se=new WeakMap,je.decorators=[{type:n.Pipe,args:[{name:"sdEditorHandlerColumn"}]},{type:n.Injectable}],je.ctorParameters=function(){return[{type:n.NgZone}]};var Ne,ze,Ve,Ue,qe,We,Ge,Be,Qe,Je,Ke,Ye,Ze,Xe,_e,$e,et,tt,nt,it,rt,lt,ot,at,st=function(e){var t=this;this.settingService=e,Te.set(this,"GRID-FILTER-CONFIGURATION"),Ee.set(this,"GRID-FILTER-VALUE"),Me.set(this,{}),this.register=function(e,n){var i=!1,r=n.id,l=n.columns,o=n.externalFilters,a=G.default({id:r,columns:(null==l?void 0:l.map((function(e){return e.field})).filter((function(e){return!!e})))||[],externalFilters:(null==o?void 0:o.map((function(e){return e.field})).filter((function(e){return!!e})))||[]}),s=(null==e?void 0:e.key)||a;if((null==e?void 0:e.key)||(i=!0),!oe(t,Me)[s]){var d=t.settingService.create({prefix:oe(t,Te),key:s},{default:oe(t,Pe).call(t,n),type:i?"session":void 0});d.set(oe(t,Re).call(t,n,d.get()));var u=t.settingService.create({prefix:oe(t,Ee),key:(null==e?void 0:e.cacheFilter)?s:a},{default:oe(t,He).call(t,n),type:i||!(null==e?void 0:e.cacheFilter)?"session":void 0});u.set(oe(t,Ae).call(t,n,u.get())),oe(t,Me)[s]={configuration:{get:function(){return d.get()},set:function(e){var t=e.inlineColumn,n=e.inlineExternal,i=e.inlineFilterDef;return d.set({inlineColumn:t,inlineExternal:n,inlineFilterDef:i}),{inlineColumn:t,inlineExternal:n,inlineFilterDef:i}},remove:function(){d.set(oe(t,Pe).call(t,n))},observer:d.observer.pipe(c.startWith(d.get()),c.map((function(e){return e||oe(t,Pe).call(t,n)})))},value:{get:function(){return u.get()},set:function(e){var t=Object.keys(e||{}),n=u.get(),i=n.columnOperator,r=n.columnFilter,l=n.externalFilter,o=n.filterDef,a={columnOperator:t.includes("columnOperator")?(null==e?void 0:e.columnOperator)||{}:i,columnFilter:t.includes("columnFilter")?(null==e?void 0:e.columnFilter)||{}:r,externalFilter:t.includes("externalFilter")?(null==e?void 0:e.externalFilter)||{}:l,filterDef:t.includes("filterDef")?(null==e?void 0:e.filterDef)||{}:o,notReload:!!(null==e?void 0:e.notReload)};return u.set(a),a},remove:function(){u.set(oe(t,He).call(t,n))},observer:u.observer.pipe(c.startWith(u.get()),c.map((function(e){return e||oe(t,He).call(t,n)})))}}}return oe(t,Me)[s]},Pe.set(this,(function(e){var t,n,i,r,l,o,a,s=e.columns,d=e.externalFilters,c=e.filterDefs,u={},m={},p={};try{for(var f=ne(s||[]),g=f.next();!g.done;g=f.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=f.return)&&n.call(f)}finally{if(t)throw t.error}}try{for(var h=ne(d||[]),v=h.next();!v.done;v=h.next())m[(x=v.value).field]=null==x?void 0:x.defaultShowing}catch(e){i={error:e}}finally{try{v&&!v.done&&(r=h.return)&&r.call(h)}finally{if(i)throw i.error}}try{for(var y=ne(c||[]),b=y.next();!b.done;b=y.next()){var x;p[(x=b.value).sdMaterialFilterDef]=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:m,inlineFilterDef:p}})),He.set(this,(function(e){var t,n,i,r,l,o,a,s={},d={},c={},u=e.columns,m=e.externalFilters,p=e.filterDefs;try{for(var f=ne(u||[]),g=f.next();!g.done;g=f.next())s[(x=g.value).field]=null===(a=null==x?void 0:x.filter)||void 0===a?void 0:a.default}catch(e){t={error:e}}finally{try{g&&!g.done&&(n=f.return)&&n.call(f)}finally{if(t)throw t.error}}try{for(var h=ne(m||[]),v=h.next();!v.done;v=h.next())d[(x=v.value).field]=null==x?void 0:x.default}catch(e){i={error:e}}finally{try{v&&!v.done&&(r=h.return)&&r.call(h)}finally{if(i)throw i.error}}try{for(var y=ne(p||[]),b=y.next();!b.done;b=y.next()){var x;c[(x=b.value).sdMaterialFilterDef]=void 0}}catch(e){l={error:e}}finally{try{b&&!b.done&&(o=y.return)&&o.call(y)}finally{if(l)throw l.error}}return{columnFilter:s,externalFilter:d,filterDef:c}})),Re.set(this,(function(e,t){var n,i,r,l,o,a,s,d,c,u,m,p,f,g=e.columns,h=e.externalFilters,v=e.filterDefs,y={},b={},x={};try{for(var C=ne(g||[]),w=C.next();!w.done;w=C.next())y[(k=w.value).field]=null!==(d=null===(s=null==t?void 0:t.inlineColumn)||void 0===s?void 0:s[k.field])&&void 0!==d?d:null===(c=null==k?void 0:k.filter)||void 0===c?void 0:c.defaultShowing}catch(e){n={error:e}}finally{try{w&&!w.done&&(i=C.return)&&i.call(C)}finally{if(n)throw n.error}}try{for(var O=ne(h||[]),F=O.next();!F.done;F=O.next())b[(k=F.value).field]=null!==(m=null===(u=null==t?void 0:t.inlineExternal)||void 0===u?void 0:u[k.field])&&void 0!==m?m:null==k?void 0:k.defaultShowing}catch(e){r={error:e}}finally{try{F&&!F.done&&(l=O.return)&&l.call(O)}finally{if(r)throw r.error}}try{for(var D=ne(v||[]),I=D.next();!I.done;I=D.next()){var k;x[(k=I.value).sdMaterialFilterDef]=null!==(f=null===(p=null==t?void 0:t.inlineFilterDef)||void 0===p?void 0:p[k.sdMaterialFilterDef])&&void 0!==f?f:null==k?void 0:k.defaultShowing}}catch(e){o={error:e}}finally{try{I&&!I.done&&(a=D.return)&&a.call(D)}finally{if(o)throw o.error}}return{inlineColumn:y,inlineExternal:b,inlineFilterDef:x}})),Ae.set(this,(function(e,t){var n,i,r,l,o,a,s,d,c,u,m,p,f,g,h,v,y,b,x,C,w,O={},F={},D={},I=e.columns,k=e.externalFilters,S=e.filterDefs;try{for(var T=ne(I||[]),E=T.next();!E.done;E=T.next())O[(A=E.value).field]=null!==(d=null===(s=null==t?void 0:t.columnFilter)||void 0===s?void 0:s[A.field])&&void 0!==d?d:null===(c=null==A?void 0:A.filter)||void 0===c?void 0:c.default}catch(e){n={error:e}}finally{try{E&&!E.done&&(i=T.return)&&i.call(T)}finally{if(n)throw n.error}}try{for(var M=ne(k||[]),P=M.next();!P.done;P=M.next())"daterange"===(A=P.value).type?F[A.field]={from:null!==(p=null===(m=null===(u=null==t?void 0:t.externalFilter)||void 0===u?void 0:u[A.field])||void 0===m?void 0:m.from)&&void 0!==p?p:null===(f=A.default)||void 0===f?void 0:f.from,to:null!==(v=null===(h=null===(g=null==t?void 0:t.externalFilter)||void 0===g?void 0:g[A.field])||void 0===h?void 0:h.to)&&void 0!==v?v:null===(y=A.default)||void 0===y?void 0:y.to}:F[A.field]=null!==(x=null===(b=null==t?void 0:t.externalFilter)||void 0===b?void 0:b[A.field])&&void 0!==x?x:null==A?void 0:A.default}catch(e){r={error:e}}finally{try{P&&!P.done&&(l=M.return)&&l.call(M)}finally{if(r)throw r.error}}try{for(var H=ne(S||[]),R=H.next();!R.done;R=H.next()){var A;D[(A=R.value).sdMaterialFilterDef]=null!==(w=null===(C=null==t?void 0:t.filterDef)||void 0===C?void 0:C[A.sdMaterialFilterDef])&&void 0!==w?w:void 0}}catch(e){o={error:e}}finally{try{R&&!R.done&&(a=H.return)&&a.call(H)}finally{if(o)throw o.error}}return{columnFilter:O,externalFilter:F,filterDef:D}}))};Te=new WeakMap,Ee=new WeakMap,Me=new WeakMap,Pe=new WeakMap,He=new WeakMap,Re=new WeakMap,Ae=new WeakMap,st.decorators=[{type:n.Injectable}],st.ctorParameters=function(){return[{type:y.SdSettingService}]};var dt=function(){function e(e,t,i,r,l,s,d,u){var m=this;this.ref=e,this.configuration=t,this.gridConfigurationService=i,this.exportService=r,this.notifyService=l,this.columnValuesPipe=s,this.gridFilterService=d,this.editorHandlerColumnPipe=u,Ne.set(this,o.v4()),this.key=o.v4(),ze.set(this,new a.Subject),Ve.set(this,[]),this.items=[],this.selectedItems=[],this.isLoading=!1,this.isHiddenPaginator=!1,Ue.set(this,void 0),qe.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={},We.set(this,new a.Subscription),Ge.set(this,new a.Subject),this.isExporting=!1,this.isSelectAll=!1,this.exportTitle="Export",Be.set(this,!1),Qe.set(this,(function(){var e,t;m.cellDef={};try{for(var n=ne(m.sdCellDefs),i=n.next();!i.done;i=n.next()){var r=i.value;r.sdMaterialCellDef&&(m.cellDef[r.sdMaterialCellDef]=r)}}catch(t){e={error:t}}finally{try{i&&!i.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}})),Je.set(this,(function(){var e,t;m.filterDefs=[];try{for(var n=ne(m.sdFilterDefs),i=n.next();!i.done;i=n.next()){var r=i.value;m.filterDefs.push(r)}}catch(t){e={error:t}}finally{try{i&&!i.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}})),Ke.set(this,(function(){var e,t;m.footerDef={},m.hasFooter=!1;try{for(var n=ne(m.sdFooterDefs),i=n.next();!i.done;i=n.next()){var r=i.value;r.sdMaterialFooterDef&&(m.hasFooter=!0,m.footerDef[r.sdMaterialFooterDef]=r)}}catch(t){e={error:t}}finally{try{i&&!i.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}})),Ye.set(this,(function(e,t){var n,i,r=m.filterRegister.value.get();return{columnOperator:r.columnOperator||{},rawColumnFilter:r.columnFilter||{},rawExternalFilter:r.externalFilter||{},rawFilterDef:r.filterDef||{},orderBy:(null===(n=oe(m,qe))||void 0===n?void 0:n.active)||"",orderDirection:(null===(i=oe(m,qe))||void 0===i?void 0:i.direction)||"",pageNumber:e,pageSize:t,isExported:!0}})),Ze.set(this,(function(e){var t,n,i,r,l,o,a,s,d,c,u,p,f,g,h,v,y,b,x,C,w,O,F,D,I,k,S,T,E,M,P,H,R,A;e.paginate={hidden:null===(i=null==e?void 0:e.paginate)||void 0===i?void 0:i.hidden,pageSize:null!==(s=null!==(l=null===(r=null==e?void 0:e.paginate)||void 0===r?void 0:r.pageSize)&&void 0!==l?l:null===(a=null===(o=m.configuration)||void 0===o?void 0:o.paginate)||void 0===a?void 0:a.pageSize)&&void 0!==s?s:null===(d=B)||void 0===d?void 0:d.pageSize,pages:null!==(g=null!==(u=null===(c=null==e?void 0:e.paginate)||void 0===c?void 0:c.pages)&&void 0!==u?u:null===(f=null===(p=m.configuration)||void 0===p?void 0:p.paginate)||void 0===f?void 0:f.pages)&&void 0!==g?g:null===(h=B)||void 0===h?void 0:h.pages,showFirstLastButtons:null!==(y=null===(v=null==e?void 0:e.paginate)||void 0===v?void 0:v.showFirstLastButtons)&&void 0!==y&&y};try{for(var L=ne(e.columns||[]),j=L.next();!j.done;j=L.next()){var N=j.value;(null===(x=null===(b=N.filter)||void 0===b?void 0:b.operator)||void 0===x?void 0:x.enable)&&!(null===(O=null===(w=null===(C=N.filter)||void 0===C?void 0:C.operator)||void 0===w?void 0:w.list)||void 0===O?void 0:O.length)&&("string"===N.type&&(N.filter.operator.list=(null===(I=null===(D=null===(F=m.configuration)||void 0===F?void 0:F.filter)||void 0===D?void 0:D.operator)||void 0===I?void 0:I.defaultListString)||[]),"number"===N.type&&(N.filter.operator.list=(null===(T=null===(S=null===(k=m.configuration)||void 0===k?void 0:k.filter)||void 0===S?void 0:S.operator)||void 0===T?void 0:T.defaultListNumber)||[]),"values"===N.type&&(N.filter.operator.list=(null===(P=null===(M=null===(E=m.configuration)||void 0===E?void 0:E.filter)||void 0===M?void 0:M.operator)||void 0===P?void 0:P.defaultListValues)||[]),"date"!==N.type&&"datetime"!==N.type||(N.filter.operator.list=(null===(A=null===(R=null===(H=m.configuration)||void 0===H?void 0:H.filter)||void 0===R?void 0:R.operator)||void 0===A?void 0:A.defaultListDate)||[]))}}catch(e){t={error:e}}finally{try{j&&!j.done&&(n=L.return)&&n.call(L)}finally{if(t)throw t.error}}return e})),Xe.set(this,!0),_e.set(this,(function(){var e,t,n,i;m.gridOption&&(m.filterRegister||(m.filterRegister=m.gridFilterService.register(null===(e=m.gridOption)||void 0===e?void 0:e.filter,{id:oe(m,Ne),columns:null===(t=m.gridOption)||void 0===t?void 0:t.columns,externalFilters:null===(i=null===(n=m.gridOption)||void 0===n?void 0:n.filter)||void 0===i?void 0:i.externalFilters,filterDefs:m.filterDefs}),oe(m,We).add(m.filterRegister.value.observer.pipe(c.debounceTime(500),c.map((function(e){var t=e.columnOperator,n=e.columnFilter,i=e.notReload;m.columnOperator=t||{},m.columnFilter=n,oe(m,Xe)?(ae(m,Xe,!1),oe(m,Ue).pageIndex=0,oe(m,Ge).next({force:!0})):i||(oe(m,Ue).pageIndex=0,oe(m,Ge).next({force:!1}))}))).subscribe())))})),$e.set(this,(function(e,t){var n=m.gridOption.columns,i=t.rawColumnFilter,r=t.orderBy,l=t.orderDirection,o=t.pageSize,a=t.pageNumber,s=e.filter((function(e){var t,r,l,o,a,s;try{for(var d=ne(n),c=d.next();!c.done;c=d.next()){var u=c.value,m=u.field,p=u.type,f=(i[m]||"").toString().trim().toLowerCase(),g=(e[m]||"").toString().trim().toLowerCase();if(f){if(!g&&"datetime"!==p&&"date"!==p&&"time"!==p)return!1;if("string"===p){if(-1===g.indexOf(f))return!1}else if("values"===p){if(g!==f)return!1}else if("number"===p){var h=+f.replace(">=","").replace("<=","").replace(">","").replace("<",""),v=+g;if(h||0===h){if(!v&&0!==v)return!1;if(f.indexOf(">=")>-1&&v<h)return!1;if(f.indexOf("<=")>-1&&v>h)return!1;if(f.indexOf("<")>-1&&v>=h)return!1;if(f.indexOf(">")>-1&&v<=h)return!1;if(v!==h)return!1}}else if("bool"===p){if("1"===f&&"1"!==g&&"true"!==g)return!1;if("0"===f&&"0"!==g&&"false"!==g)return!1}else if("datetime"===p||"date"===p||"time"===p){var y=null!==(o=null===(l=i[m])||void 0===l?void 0:l.from)&&void 0!==o?o:i[m],b=null!==(s=null===(a=i[m])||void 0===a?void 0:a.to)&&void 0!==s?s:i[m],x=Date.begin(y),C=Date.end(b);if(x||C){if(!g)return!1;var w=new Date(g).getTime(),O=(null==x?void 0:x.getTime())||null,F=(null==C?void 0:C.getTime())||null;if(O&&O>w)return!1;if(F&&w>F)return!1}}}}}catch(e){t={error:e}}finally{try{c&&!c.done&&(r=d.return)&&r.call(d)}finally{if(t)throw t.error}}return!0}));if(r&&l){var d=n.find((function(e){return e.field===r}));if(d){var c=d.type,u=d.field;s.sort((function(e,t){if("number"===c)return(e[u]||0)-(t[u]||0);if("date"===c||"datetime"===c||"time"===c)return new Date(e[u]||"").getTime()-new Date(e[u]||"").getTime();var n=(e[u]||"").toString(),i=(t[u]||"").toString();return n>i?1:n<i?-1:0})),"desc"===l&&s.reverse()}}return{items:s.filter((function(e,t){return t>=a*o&&t<(a+1)*o})),total:s.length}})),et.set(this,(function(){var e,t,n,i,r,l,o=m.filterRegister.value.get();return{columnOperator:o.columnOperator||{},rawColumnFilter:o.columnFilter||{},rawExternalFilter:o.externalFilter||{},rawFilterDef:o.filterDef||{},orderBy:(null===(e=oe(m,qe))||void 0===e?void 0:e.active)||"",orderDirection:(null===(t=oe(m,qe))||void 0===t?void 0:t.direction)||"",pageNumber:(null===(n=oe(m,Ue))||void 0===n?void 0:n.pageIndex)||0,pageSize:(null===(i=oe(m,Ue))||void 0===i?void 0:i.pageSize)||(null===(l=null===(r=m.gridOption)||void 0===r?void 0:r.paginate)||void 0===l?void 0:l.pageSize)||50}})),tt.set(this,(function(e,t){return void 0===t&&(t=!0),ee(m,void 0,void 0,(function(){var n,i,r,l,o,s,d;return te(this,(function(c){switch(c.label){case 0:if(this.isLoading=!0,"server"!==this.gridOption.type)return[3,6];c.label=1;case 1:return c.trys.push([1,3,4,5]),n=this.gridOption.items(e),a.isObservable(n)&&(n=n.toPromise()),[4,n];case 2:return[2,{items:(null==(i=c.sent())?void 0:i.items)||[],total:(null==i?void 0:i.total)||0}];case 3:return r=c.sent(),console.error(r),this.notifyService.notify.warning("Có lỗi xảy ra"),[2,{items:[],total:0}];case 4:return this.isLoading=!1,this.ref.detectChanges(),[7];case 5:return[3,14];case 6:if(!t)return[3,13];c.label=7;case 7:return c.trys.push([7,11,12,13]),(l=this.gridOption.items())instanceof Promise?(o=ae,s=[this,Ve],[4,l]):[3,9];case 8:return o.apply(void 0,s.concat([c.sent()||[]])),[3,10];case 9:ae(this,Ve,l||[]),c.label=10;case 10:return Array.isArray(oe(this,Ve))||(this.notifyService.notify.warning("Dữ liệu không phải là một mảng"),ae(this,Ve,[])),[3,13];case 11:return d=c.sent(),console.error(d),this.notifyService.notify.warning("Có lỗi xảy ra"),ae(this,Ve,[]),[3,13];case 12:return this.isLoading=!1,this.ref.detectChanges(),[7];case 13:return this.isLoading=!1,this.ref.detectChanges(),[2,oe(this,$e).call(this,oe(this,Ve),e)];case 14:return[2]}}))}))})),nt.set(this,(function(e){return ee(m,void 0,void 0,(function(){var t,n,i,r;return te(this,(function(l){switch(l.label){case 0:return null===(t=this.sdScroll)||void 0===t||t.scrollTop(),this.items=(null==e?void 0:e.items)||[],this.total=(null==e?void 0:e.total)||0,this.items.forEach((function(e){e.originItem=Object.assign({},e)})),[4,null===(r=null===(i=null===(n=this.gridOption)||void 0===n?void 0:n.reload)||void 0===i?void 0:i.onReload)||void 0===r?void 0:r.call(i,this.items)];case 1:return l.sent(),this.isSelectAll=this.items.every((function(e){return e.isSelected})),oe(this,at).call(this),[2]}}))}))})),this.reload=function(e){return void 0===e&&(e=!0),ee(m,void 0,void 0,(function(){var t,n,i;return te(this,(function(r){switch(r.label){case 0:return null===(n=null===(t=this.gridFilter)||void 0===t?void 0:t.updateFilter)||void 0===n||n.call(t),[4,oe(this,tt).call(this,oe(this,et).call(this),e)];case 1:return i=r.sent(),oe(this,nt).call(this,i),[2]}}))}))},it.set(this,(function(e,t){return void 0===e&&(e=0),void 0===t&&(t=1e4),ee(m,void 0,void 0,(function(){var n,i,r,l,o,s;return te(this,(function(d){switch(d.label){case 0:return(null===(n=this.gridOption.export)||void 0===n?void 0:n.items)?(l=null===(i=this.gridOption.export)||void 0===i?void 0:i.items(oe(this,Ye).call(this,e,t)),Array.isArray(l)?[2,l]:(a.isObservable(l)&&(l=l.toPromise()),a.isObservable(l)&&(l=l.toPromise()),[4,l])):[3,2];case 1:return[2,d.sent()];case 2:return r=oe(this,Ye).call(this,e,t),"server"!==this.gridOption.type?[3,4]:(l=this.gridOption.items(r),a.isObservable(l)&&(l=l.toPromise()),[4,l]);case 3:return[2,d.sent()];case 4:return o=[],"function"!=typeof this.gridOption.items?[3,8]:(s=this.gridOption.items())instanceof Promise?[4,s]:[3,6];case 5:return o=d.sent(),[3,7];case 6:o=s,d.label=7;case 7:return[3,9];case 8:o=this.gridOption.items,d.label=9;case 9:return[2,oe(this,$e).call(this,o,r)]}}))}))})),rt.set(this,(function(){var e=[];return m.gridOption.columns.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(t){var n,i;"image"!==t.type&&("children"!==t.type?"children-col"!==t.type?e.push(t):null===(i=t.children)||void 0===i||i.filter((function(e){var t;return!(null===(t=e.export)||void 0===t?void 0:t.disabled)})).forEach((function(t){"image"!==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){"image"!==t.type&&e.push(t)})))})),e})),lt.set(this,(function(){var e,t;return(null===(t=null===(e=m.gridOption.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)})))||[]})),ot.set(this,(function(e){return ee(m,void 0,void 0,(function(){var t,n,i,r,l,o,a,s,d,c,u,m,p,f,g,h,v,y,b,x,C,w,O,F,D,I,k,S,T,E,M,P=this;return te(this,(function(H){switch(H.label){case 0:H.trys.push([0,,20,21]),u=e.file,m=e.isCSV,p=e.columns,f=(null===(n=null===(t=this.gridOption)||void 0===t?void 0:t.export)||void 0===n?void 0:n.maxItemsPerRequest)||1e3,g=(null===(r=null===(i=this.gridOption)||void 0===i?void 0:i.export)||void 0===r?void 0:r.batch)||1,h=this.total,v=0,y=[],this.isExporting=!0,b=[],x=[],C=function(){return ee(P,void 0,void 0,(function(){var e,t,n,i,r,l,o,a,s,d,c,u,m,g,C,w,O,F,D,I=this;return te(this,(function(k){switch(k.label){case 0:return[4,Promise.all(x)];case 1:t=k.sent(),x=[],y=[];try{for(n=ne(t),i=n.next();!i.done;i=n.next())"items"in(r=i.value)?(y=re(y,r.items),h=r.total):y=re(y,r)}catch(e){w={error:e}}finally{try{i&&!i.done&&(O=n.return)&&O.call(n)}finally{if(w)throw w.error}}return(null===(e=this.gridOption.export)||void 0===e?void 0:e.mapping)?(l=this.gridOption.export.mapping(y))instanceof Promise?[4,l]:[3,3]:[3,4];case 2:return y=k.sent(),[3,4];case 3:y=l,k.label=4;case 4:o=h/f,a=Math.round(100*(v-1)/o),this.exportTitle="Exporting..."+a+"%",s=oe(this,rt).call(this),d=oe(this,lt).call(this),c=function(e){var t,n,i,r,l,o,a,c;return te(this,(function(u){switch(u.label){case 0:t={},n=function(i){return ee(I,void 0,void 0,(function(){var r,l,o,a,c,u,m,f,g,h,v,y;return te(this,(function(b){switch(b.label){case 0:return t[i.field]=e[i.field],a=s.find((function(e){return e.field===i.field})),(null==(c=d.find((function(e){return e.field===i.field})))?void 0:c.transform)?(t[c.field]=c.transform(e[c.field],e),[2]):a?"children"===a.type||"children-col"===a.type?(null==a||a.children.forEach((function(e){return n(e)})),[2]):p.some((function(e){return e.field===a.field}))?a.transform?(u=a.transform(e[a.field],e,{isExport:!0}))instanceof Promise?(m=t,f=a.field,[4,u]):[3,2]:[3,4]:[2]:[2];case 1:return m[f]=b.sent(),[3,3];case 2:t[a.field]=u,b.label=3;case 3:return t[a.field]=null!==(r=t[a.field])&&void 0!==r?r:"",[3,13];case 4:return void 0!==e[a.field]&&null!==e[a.field]&&""!==e[a.field]?[3,5]:(t[a.field]="",[3,13]);case 5:return"string"!==a.type&&"number"!==a.type?[3,6]:(t[a.field]=e[a.field],[3,13]);case 6:return"bool"!==a.type?[3,7]:(e[a.field]?t[a.field]=(null===(l=a.option)||void 0===l?void 0:l.displayOnTrue)||"True":void 0!==t[a.field]&&null!==t[a.field]&&(t[a.field]=(null===(o=a.option)||void 0===o?void 0:o.displayOnFalse)||"False"),[3,13]);case 7:return"date"!==a.type?[3,8]:(g=e[a.field],(h=a.transformDate)&&(g=h(g,e)),t[a.field]=Date.toFormat(g,"dd/MM/yyyy"),[3,13]);case 8:return"datetime"!==a.type?[3,9]:(g=e[a.field],(h=a.transformDate)&&(g=h(g,e)),t[a.field]=Date.toFormat(g,"dd/MM/yyyy HH:mm"),[3,13]);case 9:return"time"!==a.type?[3,10]:(g=e[a.field],(h=a.transformDate)&&(g=h(g,e)),t[a.field]=Date.toFormat(g,"HH:mm"),[3,13]);case 10:return"values"!==a.type?[3,12]:(v=t,y=a.field,[4,this.columnValuesPipe.transform(e[a.field],a)]);case 11:return v[y]=b.sent(),[3,13];case 12:t[a.field]=e[a.field],b.label=13;case 13:return[2]}}))}))},u.label=1;case 1:u.trys.push([1,6,7,8]),a=void 0,i=ne(p),r=i.next(),u.label=2;case 2:return r.done?[3,5]:(l=r.value,[4,n(l)]);case 3:u.sent(),u.label=4;case 4:return r=i.next(),[3,2];case 5:return[3,8];case 6:return o=u.sent(),a={error:o},[3,8];case 7:try{r&&!r.done&&(c=i.return)&&c.call(i)}finally{if(a)throw a.error}return[7];case 8:return b.push(t),[2]}}))},k.label=5;case 5:k.trys.push([5,10,11,12]),u=ne(y),m=u.next(),k.label=6;case 6:return m.done?[3,9]:(g=m.value,[5,c(g)]);case 7:k.sent(),k.label=8;case 8:return m=u.next(),[3,6];case 9:return[3,12];case 10:return C=k.sent(),F={error:C},[3,12];case 11:try{m&&!m.done&&(D=u.return)&&D.call(u)}finally{if(F)throw F.error}return[7];case 12:return[2]}}))}))},H.label=1;case 1:return v*f<h?(x.push(oe(this,it).call(this,v,f)),v++,x.length<g?[3,1]:[4,C()]):[3,3];case 2:return H.sent(),[3,1];case 3:return x.length>0?[4,C()]:[3,5];case 4:H.sent(),H.label=5;case 5:return(null==u?void 0:u.filePath)?[3,18]:m?[4,this.exportService.exportCSV({columns:p,items:b,fileName:null===(o=null===(l=this.gridOption)||void 0===l?void 0:l.export)||void 0===o?void 0:o.fileName})]:[3,7];case 6:return H.sent(),[2];case 7:if(w=[],!Array.isArray(null===(s=null===(a=this.gridOption)||void 0===a?void 0:a.export)||void 0===s?void 0:s.sheets))return[3,16];H.label=8;case 8:H.trys.push([8,14,15,16]),O=ne(this.gridOption.export.sheets),F=O.next(),H.label=9;case 9:return F.done?[3,13]:(D=F.value).name&&D.items&&D.fields?Array.isArray(D.items)?(w.push({name:D.name,items:D.items,fields:D.fields}),[3,12]):[3,10]:[3,12];case 10:return k=(I=w).push,S={name:D.name},[4,D.items()];case 11:k.apply(I,[(S.items=H.sent(),S.fields=D.fields,S)]),H.label=12;case 12:return F=O.next(),[3,9];case 13:return[3,16];case 14:return T=H.sent(),E={error:T},[3,16];case 15:try{F&&!F.done&&(M=O.return)&&M.call(O)}finally{if(E)throw E.error}return[7];case 16:return[4,this.exportService.export({columns:p,items:b,fileName:null===(c=null===(d=this.gridOption)||void 0===d?void 0:d.export)||void 0===c?void 0:c.fileName,sheets:w})];case 17:return H.sent(),[2];case 18:return[4,this.exportService.exportByTemplate({filePath:u.filePath,fileName:u.fileName,columns:p,items:b})];case 19:return H.sent(),[3,21];case 20:return this.isExporting=!1,this.exportTitle="Export",this.ref.detectChanges(),[7];case 21:return[2]}}))}))})),this.onExport=function(e){return ee(m,void 0,void 0,(function(){return te(this,(function(t){return oe(this,ot).call(this,e),[2]}))}))},this.onFilterChange=function(){var e,t,n,i;null===(t=null===(e=m.gridFilter)||void 0===e?void 0:e.updateFilter)||void 0===t||t.call(e),(null===(i=null===(n=m.gridOption)||void 0===n?void 0:n.filter)||void 0===i?void 0:i.inlineColumn)?m.filterRegister.value.set({columnOperator:m.columnOperator||{},columnFilter:m.columnFilter}):m.filterRegister.value.set({})},this.onExpand=function(e){return ee(m,void 0,void 0,(function(){var t,n,i,r,l,o;return te(this,(function(a){return(null===(t=this.gridOption.subInformation)||void 0===t?void 0:t.always)||e.isExpanding?[2]:e.isExpanded?(e.isExpanded=!1,[2]):(o=null===(r=null===(i=null===(n=this.gridOption)||void 0===n?void 0:n.subInformation)||void 0===i?void 0:i.onExpand)||void 0===r?void 0:r.call(i,e),(null===(l=this.gridOption.subInformation)||void 0===l?void 0:l.multiple)||this.items.forEach((function(e){return e.isExpanding=e.isExpanded=!1})),o instanceof Promise?(e.isExpanding=!0,o.then((function(t){e.expandDetail=t,e.isExpanded=!0})).finally((function(){return e.isExpanding=!1}))):(e.expandDetail=o,e.isExpanded=!0),[2])}))}))},this.onSelect=function(e){var t,n,i,r,l,o,a,s;if(null===(n=null===(t=null==e?void 0:e.sdGroup)||void 0===t?void 0:t.items)||void 0===n?void 0:n.length)null===(i=null==e?void 0:e.sdGroup)||void 0===i||i.items.forEach((function(t){return t.isSelected=e.isSelected})),null===(l=null===(r=m.gridOption.selection)||void 0===r?void 0:r.onSelect)||void 0===l||l.call(r,e,m.items.filter((function(e){return e.isSelected}))),m.isSelectAll=m.items.every((function(e){return e.isSelected})),oe(m,at).call(m);else{if(null===(o=m.gridOption.selection)||void 0===o?void 0:o.single)return m.items.filter((function(t){return t!==e})).forEach((function(e){return e.isSelected=!1})),void oe(m,at).call(m);null===(s=null===(a=m.gridOption.selection)||void 0===a?void 0:a.onSelect)||void 0===s||s.call(a,e,m.items.filter((function(e){return e.isSelected}))),m.isSelectAll=m.items.every((function(e){return e.isSelected})),oe(m,at).call(m)}},this.onSelectAll=function(){var e,t,n;null===(e=m.items)||void 0===e||e.forEach((function(e){var t,n,i,r;!e.selectable||(null===(i=null===(n=null===(t=m.gridOption)||void 0===t?void 0:t.selection)||void 0===n?void 0:n.actions)||void 0===i?void 0:i.length)&&!(null===(r=e.actions)||void 0===r?void 0:r.length)||(e.isSelected=m.isSelectAll)})),null===(n=null===(t=m.gridOption.selection)||void 0===t?void 0:t.onSelectAll)||void 0===n||n.call(t,m.items.filter((function(e){return e.isSelected}))),oe(m,at).call(m)},this.onClearSelection=function(e){e=e||m.items,m.isSelectAll=!1,null==e||e.forEach((function(e){return e.isSelected=!1})),oe(m,at).call(m)},at.set(this,(function(){m.selectedItems=m.items.filter((function(e){return e.isSelected})).map((function(e){e.isSelected,e.isExpanded,e.isExpanding,e.expandDetail,e.editorErrorMessage,e.editorHandlerColumn,e.editorHandlerRow,e.editorStatus,e.originItem,e.sdId,e.sdVersion;return $(e,["isSelected","isExpanded","isExpanding","expandDetail","editorErrorMessage","editorHandlerColumn","editorHandlerRow","editorStatus","originItem","sdId","sdVersion"])})),m.ref.detectChanges()})),this.clearFilter=function(){m.filterRegister.value.remove()},this.setFilter=function(e){var t,n,i=e||{},r=i.columnFilter,l=i.externalFilter,o=i.filterDef;(null===(n=null===(t=m.gridOption)||void 0===t?void 0:t.filter)||void 0===n?void 0:n.inlineColumn)&&r&&(m.columnFilter=r),m.filterRegister.value.set({columnFilter:r,externalFilter:l,filterDef:o})},this.onCreate=function(){var e,t,n=m.gridOption,i=n.type,r=n.editor,l=n.columns;if(null==r?void 0:r.addable){var o={};l.forEach((function(e){"values"===e.type?o[e.field]="":"bool"===e.type?o[e.field]=!0:"number"===e.type&&(o[e.field]=null)})),"local"===i?null===(e=r.onAdd)||void 0===e||e.call(r,o,oe(m,Ve)):null===(t=r.onAdd)||void 0===t||t.call(r,o,m.items),"popup"!==r.type&&(r.addToLast?("local"===i&&ae(m,Ve,re(oe(m,Ve),[o])),m.items=re(m.items,[o])):("local"===i&&ae(m,Ve,re([o],oe(m,Ve))),m.items=re([o],m.items))),o.editorStatus="create",o.editorHandlerRow={temporary:Object.assign({},o)}}},this.onUpdate=function(e){var t=m.gridOption.editor;e.editorStatus="update",e.editorHandlerRow=Object.assign(Object.assign({},e.editorHandlerRow),{temporary:Object.assign({},e)}),t.type,m.ref.detectChanges()},this.onSave=function(e){return ee(m,void 0,void 0,(function(){var t,n,i,r;return te(this,(function(l){switch(l.label){case 0:if(e.editorHandlerRow.saving)return[2];t=this.gridOption.editor,l.label=1;case 1:return l.trys.push([1,7,8,9]),e.editorHandlerRow.saving=!0,t.validate?(i=t.validate(e,this.items.indexOf(e)))instanceof Promise?[4,i]:[3,3]:[3,4];case 2:if(n=l.sent())throw n;return[3,4];case 3:if(i)throw i;l.label=4;case 4:return t.onSave&&(i=t.onSave(e))instanceof Promise?[4,i]:[3,6];case 5:l.sent(),l.label=6;case 6:return"create"===e.editorStatus&&"popup"===t.type&&"local"===this.gridOption.type&&this.items.splice(0,0,e),e.editorStatus=void 0,[3,9];case 7:return r=l.sent(),this.notifyService.notify.warning(r),[3,9];case 8:return e.editorHandlerRow.saving=!1,this.ref.detectChanges(),[7];case 9:return[2]}}))}))},this.onCancel=function(e){var t,n,i=m.gridOption.editor;if("inline"===i.type){if("local"===m.gridOption.type){var r=oe(m,Ve).indexOf(e);oe(m,Ve).splice(r,1),ae(m,Ve,re(oe(m,Ve)))}var l=m.items.indexOf(e);return m.items.splice(l,1),m.items=re(m.items),"local"===m.gridOption.type?null===(t=null==i?void 0:i.onCancel)||void 0===t||t.call(i,e,oe(m,Ve)):null===(n=null==i?void 0:i.onCancel)||void 0===n||n.call(i,e,m.items),void m.ref.detectChanges()}if("focus"===i.type)if("create"===e.editorStatus){if("local"===m.gridOption.type){r=oe(m,Ve).indexOf(e);oe(m,Ve).splice(r,1),ae(m,Ve,re(oe(m,Ve)))}l=m.items.indexOf(e);m.items.splice(l,1),m.items=re(m.items)}else Object.assign(e,e.editorHandlerRow.temporary);e.editorStatus=void 0,m.ref.detectChanges()},this.onRemove=function(e){return ee(m,void 0,void 0,(function(){var t,n,i,r,l,o;return te(this,(function(a){switch(a.label){case 0:return(null==(i=this.gridOption.editor)?void 0:i.beforeRemove)?(r=null==i?void 0:i.beforeRemove(e))instanceof Promise?[4,r]:[3,2]:[3,3];case 1:return a.sent()?[3,3]:[2];case 2:if(!r)return[2];a.label=3;case 3:return"inline"===i.type?("local"===this.gridOption.type&&(l=oe(this,Ve).indexOf(e),oe(this,Ve).splice(l,1),ae(this,Ve,re(oe(this,Ve)))),o=this.items.indexOf(e),this.items.splice(o,1),this.items=re(this.items),"local"===this.gridOption.type?null===(t=null==i?void 0:i.onRemove)||void 0===t||t.call(i,e,oe(this,Ve)):null===(n=null==i?void 0:i.onRemove)||void 0===n||n.call(i,e,this.items),this.ref.detectChanges(),[2]):[2]}}))}))},this.add=function(e,t){m.items.length>e?(m.items.splice(e,0,t),m.items=re(m.items)):m.items=re(m.items,[t])},this.update=function(e,t){m.items[e]&&(Object.assign(m.items[e],t),m.items=re(m.items))},this.remove=function(e){m.items[e]&&(m.items.splice(e,1),m.items=re(m.items))},this.refreshItem=function(e){var t=m.items[e];m.editorHandlerColumnPipe.transform(t.sdVersion,t,m.gridOption)},this.detectChanges=function(){return m.ref.detectChanges()},this.onOperatorChange=function(e,t){var n,i,r;null===(r=null===(i=null===(n=m.gridOption)||void 0===n?void 0:n.filter)||void 0===i?void 0:i.operatorChange)||void 0===r||r.call(i,e,t)}}return Object.defineProperty(e.prototype,"_gridFilter",{set:function(e){e&&this.gridFilter!==e&&(this.gridFilter=e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"option",{set:function(e){if(e){e=oe(this,Ze).call(this,e),this.gridOption=e,ae(this,Be,!1);var t=this.gridConfigurationService.init(this.key,this.gridOption);this.gridConfigurationObserver=t.observer,t.load(),oe(this,ze).next(this.gridOption)}},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"paginator",{set:function(e){var t=this;e&&oe(this,Ue)!==e&&(ae(this,Ue,e),oe(this,We).add(e.page.pipe(c.map((function(){oe(t,Ge).next({force:!1})}))).subscribe()))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"sort",{set:function(e){var t=this;e&&oe(this,qe)!==e&&(ae(this,qe,e),oe(this,We).add(e.sortChange.pipe(c.map((function(){oe(t,Ge).next({force:!1})}))).subscribe()))},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){oe(this,Qe).call(this)},e.prototype.ngAfterViewInit=function(){var e=this;oe(this,We).add(oe(this,Ge).pipe(c.debounceTime(200),c.switchMap((function(t){return ee(e,void 0,void 0,(function(){var e,n;return te(this,(function(i){switch(i.label){case 0:return e=oe(this,et).call(this),[4,oe(this,tt).call(this,e,!oe(this,Be)||t.force)];case 1:return n=i.sent(),ae(this,Be,!0),[2,n]}}))}))}))).subscribe(oe(this,nt))),oe(this,We).add(this.sdCellDefs.changes.pipe(c.startWith([])).subscribe(oe(this,Qe))),oe(this,We).add(this.sdFooterDefs.changes.pipe(c.startWith([])).subscribe(oe(this,Ke))),oe(this,We).add(this.sdFilterDefs.changes.pipe(c.startWith([])).subscribe(oe(this,Je))),oe(this,We).add(a.combineLatest([oe(this,ze).pipe(c.startWith(this.gridOption)),this.sdFilterDefs.changes.pipe(c.startWith(this.filterDefs))]).subscribe((function(){oe(e,_e).call(e)}))),oe(this,We).add(oe(this,ze).subscribe((function(){e.filterRegister&&oe(e,Ge).next({force:!0})}))),this.ref.detectChanges()},e.prototype.ngOnDestroy=function(){oe(this,We).unsubscribe()},e.prototype.drop=function(e,t){d.moveItemInArray(t,e.previousIndex,e.currentIndex)},Object.defineProperty(e.prototype,"editedItems",{get:function(){return this.items.filter((function(e){return!e.originItem||!!Object.keys(e.originItem).some((function(t){return e.originItem[t]!==e[t]}))})).map((function(e){e.editorStatus,e.editorHandlerRow,e.editorHandlerColumn;var t=e.editorErrorMessage,n=(e.expandDetail,e.isExpanded,e.isExpanding,e.isSelected,e.originItem,e.sdId,e.sdVersion,e.selectable,e.actions,e.groupedActions,e.sdGroup,e.temporary,$(e,["editorStatus","editorHandlerRow","editorHandlerColumn","editorErrorMessage","expandDetail","isExpanded","isExpanding","isSelected","originItem","sdId","sdVersion","selectable","actions","groupedActions","sdGroup","temporary"]));return Object.assign(Object.assign({},n),{editorErrorMessage:t})}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"gridItems",{get:function(){return this.items.map((function(e){e.editorStatus,e.editorHandlerRow,e.editorHandlerColumn,e.expandDetail,e.isExpanded,e.isExpanding,e.isSelected,e.originItem,e.sdId,e.sdVersion,e.selectable,e.actions,e.groupedActions,e.sdGroup,e.temporary;return $(e,["editorStatus","editorHandlerRow","editorHandlerColumn","expandDetail","isExpanded","isExpanding","isSelected","originItem","sdId","sdVersion","selectable","actions","groupedActions","sdGroup","temporary"])}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"localItems",{get:function(){return oe(this,Ve)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"localGridItems",{get:function(){return oe(this,Ve).map((function(e){e.editorStatus,e.editorHandlerRow,e.editorHandlerColumn,e.expandDetail,e.isExpanded,e.isExpanding,e.isSelected,e.originItem,e.sdId,e.sdVersion,e.selectable,e.actions,e.groupedActions,e.sdGroup,e.temporary;return $(e,["editorStatus","editorHandlerRow","editorHandlerColumn","expandDetail","isExpanded","isExpanding","isSelected","originItem","sdId","sdVersion","selectable","actions","groupedActions","sdGroup","temporary"])}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isEditing",{get:function(){return this.items.some((function(e){return void 0!==e.editorStatus}))},enumerable:!1,configurable:!0}),e}();Ne=new WeakMap,ze=new WeakMap,Ve=new WeakMap,Ue=new WeakMap,qe=new WeakMap,We=new WeakMap,Ge=new WeakMap,Be=new WeakMap,Qe=new WeakMap,Je=new WeakMap,Ke=new WeakMap,Ye=new WeakMap,Ze=new WeakMap,Xe=new WeakMap,_e=new WeakMap,$e=new WeakMap,et=new WeakMap,tt=new WeakMap,nt=new WeakMap,it=new WeakMap,rt=new WeakMap,lt=new WeakMap,ot=new WeakMap,at=new WeakMap,dt.decorators=[{type:n.Component,args:[{selector:"sd-grid-material",template:'<ng-container *ngIf="gridConfigurationObserver | async as gridConfiguration">\r\n  <ng-container *ngIf="\r\n      gridConfiguration\r\n        | sdGridConfigurationResult\r\n          : gridOption\r\n          : sdSubInformation as configuration\r\n    ">\r\n    <sd-grid-filter *ngIf="!gridOption.filter?.disabled && filterRegister" [filterRegister]="filterRegister"\r\n      [filter]="gridOption?.filter" [columns]="configuration.firstColumns"\r\n      [externalFilters]="gridOption?.filter?.externalFilters" [filterDefs]="filterDefs" #gridFilter>\r\n    </sd-grid-filter>\r\n    <ng-container *ngIf="items | sdGroup:gridOption; $implicit as groupedItems">\r\n      <div class="c-container {{ gridOption?.style?.grid }}" [ngClass]="{ \'mat-elevation-z2\': gridOption?.shadow }">\r\n        <div class="c-loading" *ngIf="isLoading">\r\n          <mat-spinner *ngIf="isLoading"></mat-spinner>\r\n        </div>\r\n        <ng-container>\r\n          <div class="c-table" sdScroll [ngStyle]="{\r\n            \'max-height\': gridOption?.maxHeight,\r\n            \'min-height\': gridOption?.minHeight\r\n          }">\r\n            <table *ngIf="items?.length; else elseEmpty" mat-table [dataSource]="groupedItems" matSort\r\n              [matSortDisabled]="!gridOption.sortable" cdkDropList cdkDropListOrientation="horizontal"\r\n              [cdkDropListDisabled]="!gridOption.dropDragColumnEnable" \r\n              (cdkDropListDropped)="drop($event, configuration.displayedColumns)" multiTemplateDataRows>\r\n\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="gridOption?.subInformation?.always;else useExpandCollapse">\r\n                      <ng-container *ngTemplateOutlet="\r\n                          sdSubInformation.templateRef;\r\n                          context: { item: item }\r\n                        ">\r\n                      </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="\r\n                          sdSubInformation.templateRef;\r\n                          context: { item: item }\r\n                        ">\r\n                          </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 class="p-0" mat-header-cell *matHeaderCellDef style="width: 1px"\r\n                  [attr.rowspan]="configuration.multipleHeader ? 2 : 1"></th>\r\n                <td mat-cell *matCellDef="let element">\r\n                  <button *ngIf="!element.isExpanding && !gridOption?.subInformation?.always" mat-icon-button\r\n                    aria-label="Expand & Collapse" (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 class="text-center px-15" mat-header-cell *matHeaderCellDef style="min-width: 50px; max-width: 50px"\r\n                  [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                  <ng-container *ngIf="items | selectionVisibleSelectAll: gridOption?.selection | async">\r\n                    <mat-checkbox *ngIf="!gridOption.selection?.single" class="c-selection" color="primary"\r\n                      [(ngModel)]="isSelectAll" (change)="onSelectAll()">\r\n                    </mat-checkbox>\r\n                  </ng-container>\r\n\r\n                </th>\r\n                <td class="text-center px-15" mat-cell *matCellDef="let item" style="min-width: 50px; max-width: 50px">\r\n                  <ng-container *ngIf="item | selectionVisible:gridOption?.selection">\r\n                    <mat-checkbox class="c-selection" color="primary" [(ngModel)]="item.isSelected"\r\n                      (change)="onSelect(item)" [disabled]="\r\n                    selectedItems | selectionDisable: item:gridOption?.selection\r\n                  ">\r\n                    </mat-checkbox>\r\n                  </ng-container>\r\n\r\n                </td>\r\n                <td mat-footer-cell *matFooterCellDef></td>\r\n              </ng-container>\r\n              <ng-container matColumnDef="sdEditorValidation">\r\n                <th class="p-0" mat-header-cell *matHeaderCellDef style="width: 2px"\r\n                  [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                </th>\r\n                <td class="p-0 position-relative" mat-cell *matCellDef="let item; index as idx">\r\n                  <sd-desktop-editor-validation [sdId]="item.sdId" [item]="item" [items]="items"\r\n                    [gridOption]="gridOption">\r\n                  </sd-desktop-editor-validation>\r\n                </td>\r\n                <td mat-footer-cell *matFooterCellDef></td>\r\n              </ng-container>\r\n              <ng-container matColumnDef="sdEditor">\r\n                <th class="px-8 py-8" mat-header-cell *matHeaderCellDef style="width: 50px"\r\n                  [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                  <button class="c-btn-add"\r\n                    *ngIf="gridOption.editor?.addable && (!gridOption.editor.limit || gridOption.editor.limit > items.length)"\r\n                    (click)="onCreate()" aria-hidden="true" mat-icon-button>\r\n                    <mat-icon class="c-icon-add">add</mat-icon>\r\n                  </button>\r\n                </th>\r\n                <td class="px-8" mat-cell *matCellDef="let item; index as idx">\r\n                  <ng-container *sdLet="item.editorStatus | sdEditorHandlerRow:item:gridOption as editorHandler">\r\n                    <div *ngIf="editorHandler" class="d-flex align-items-center justify-content-center">\r\n                      <button *ngIf="editorHandler.editable" class="mx-2" (click)="onUpdate(item)" aria-hidden="true"\r\n                        mat-icon-button>\r\n                        <mat-icon class="c-icon">edit</mat-icon>\r\n                      </button>\r\n                      <button *ngIf="editorHandler.removable" class="mx-2" (click)="onRemove(item)" aria-hidden="true"\r\n                        mat-icon-button>\r\n                        <mat-icon class="c-icon">delete</mat-icon>\r\n                      </button>\r\n                      <button *ngIf="editorHandler.savable" class="mx-2" (click)="onSave(item)" aria-hidden="true"\r\n                        mat-icon-button>\r\n                        <mat-icon class="c-icon">save</mat-icon>\r\n                      </button>\r\n                      <button *ngIf="editorHandler.cancelable" class="mx-2" (click)="onCancel(item)" aria-hidden="true"\r\n                        mat-icon-button>\r\n                        <mat-icon class="c-icon">close</mat-icon>\r\n                      </button>\r\n                    </div>\r\n                  </ng-container>\r\n                </td>\r\n                <td mat-footer-cell *matFooterCellDef></td>\r\n              </ng-container>\r\n              <ng-container matColumnDef="sdCommand">\r\n                <th class="px-8 py-8" mat-header-cell *matHeaderCellDef 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]="gridOption.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"\r\n                  [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                </th>\r\n                <td class="p-0" mat-cell *matCellDef="let item"\r\n                  [attr.colspan]="!item?.sdGroup ? 1 : configuration.displayedColumns.length">\r\n                  <div [innerHtml]="item?.sdGroup?.htmlTemplate | safeHtml">\r\n                  </div>\r\n                </td>\r\n                <td mat-footer-cell *matFooterCellDef></td>\r\n              </ng-container>\r\n              <ng-container *ngFor="let column of configuration.firstColumns; let i = index"\r\n                [matColumnDef]="column.field" [sticky]="configuration.fixedColumn[column.field]">\r\n                <th mat-header-cell *matHeaderCellDef cdkDrag class="px-8 py-8 c-th"\r\n                  [ngStyle]="{ \'min-width\': configuration.firstColumns[i].width }" [attr.rowspan]="\r\n                  configuration.multipleHeader && column.type !== \'children-col\'\r\n                    ? 2\r\n                    : 1\r\n                " [attr.colspan]="\r\n                  column.type === \'children-col\' ? column.children?.length : 1\r\n                ">\r\n                  <div>\r\n                    <div aria-hidden="true" mat-sort-header [disabled]="\r\n                      !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]="configuration.firstColumns[i].titleHtml || configuration.firstColumns[i].title">\r\n                    </div>\r\n                    <sd-column-inline-filter *ngIf="gridOption.filter?.inlineColumn && columnOperator"\r\n                      [value]="columnFilter[column.field]" [(inlineOperator)]="columnOperator[column.field]"\r\n                      (operatorChange)="onOperatorChange(column, $event)" [columnFilter]="columnFilter"\r\n                      [column]="column" (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 class="d-block px-8" *ngIf="!item?.sdGroup" [sdId]="item.sdId" [key]="key"\r\n                    [value]="item[column.field]" [column]="column" [item]="item" [idx]="i" [cellDef]="cellDef"\r\n                    [gridOption]="gridOption">\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="\r\n                      footerDef[column.field].templateRef;\r\n                      context: { items: items, column: column }\r\n                    ">\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; let i = index"\r\n                [matColumnDef]="column.field">\r\n                <th mat-header-cell *matHeaderCellDef mat-sort-header class="c-th px-8"\r\n                  [ngStyle]="{ \'min-width\': column.width }">\r\n                  <div>\r\n                    <div [class.text-right]="column.align === \'right\' || (!column.align && column.type === \'number\')"\r\n                      [class.text-center]="column.align === \'center\'" [innerHTML]="column.titleHtml || column.title">\r\n                    </div>\r\n                    <sd-column-inline-filter *ngIf="gridOption.filter?.inlineColumn && columnOperator"\r\n                      [value]="columnFilter[column.field]" [(inlineOperator)]="columnOperator[column.field]"\r\n                      (operatorChange)="onOperatorChange(column, $event)" [columnFilter]="columnFilter"\r\n                      [column]="column" (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 class="d-block px-8" [sdId]="item.sdId" [key]="key" [value]="item[column.field]"\r\n                    [column]="column" [item]="item" [idx]="i" [cellDef]="cellDef" [gridOption]="gridOption">\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="\r\n                      footerDef[column.field].templateRef;\r\n                      context: { items: items, column: column }\r\n                    ">\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">\r\n              </tr>\r\n              <ng-container *ngIf="configuration.secondHeaders?.length">\r\n                <tr class="c-second-header" mat-header-row *matHeaderRowDef="configuration.secondHeaders; sticky: true">\r\n                </tr>\r\n              </ng-container>\r\n              <tr mat-row *matRowDef="let row; columns: configuration.displayedColumns" matRipple class="c-row"\r\n                [class.selected]="row.isSelected" [style]="row | sdStyleRowCss:gridOption"></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            <ng-template #elseEmpty>\r\n              <table mat-table [dataSource]="[{}]">\r\n                <ng-container matColumnDef="sdSelection" sticky>\r\n                  <th class="px-0" mat-header-cell *matHeaderCellDef\r\n                    [attr.rowspan]="configuration.multipleHeader ? 2 : 1"></th>\r\n                </ng-container>\r\n                <ng-container matColumnDef="sdEditorValidation">\r\n                  <th class="p-0" mat-header-cell *matHeaderCellDef style="width: 4px"\r\n                    [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                  </th>\r\n                  <td class="p-0" mat-cell *matCellDef="let item">\r\n                  </td>\r\n                  <td mat-footer-cell *matFooterCellDef></td>\r\n                </ng-container>\r\n                <ng-container matColumnDef="sdEditor">\r\n                  <th class="px-8 py-8" mat-header-cell *matHeaderCellDef style="min-width: 50px; max-width: 50px"\r\n                    [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                    <button class="c-btn-add"\r\n                      *ngIf="gridOption.editor?.addable && (!gridOption.editor.limit || gridOption.editor.limit > items.length)"\r\n                      (click)="onCreate()" aria-hidden="true" mat-icon-button>\r\n                      <mat-icon class="c-icon-add">add</mat-icon>\r\n                    </button>\r\n                  </th>\r\n                </ng-container>\r\n                <ng-container matColumnDef="sdCommand">\r\n                  <th class="px-0" mat-header-cell *matHeaderCellDef\r\n                    [attr.rowspan]="configuration.multipleHeader ? 2 : 1"></th>\r\n                </ng-container>\r\n                <ng-container matColumnDef="sdSubInformationAction">\r\n                  <th class="p-0" mat-header-cell *matHeaderCellDef style="width: 1px"\r\n                    [attr.rowspan]="configuration.multipleHeader ? 2 : 1"></th>\r\n                </ng-container>\r\n                <ng-container matColumnDef="sdEmpty">\r\n                  <td class="c-empty" mat-cell *matCellDef="let item"\r\n                    [attr.colspan]="configuration.displayedColumns.length">\r\n                    <ng-container *ngIf="sdEmptyData?.templateRef; else sdEmptyDataNoRef">\r\n                      <ng-container *ngTemplateOutlet="\r\n                        sdEmptyData.templateRef;\r\n                        context: { item: item }\r\n                      ">\r\n                      </ng-container>\r\n                    </ng-container>\r\n                    <ng-template #sdEmptyDataNoRef>\r\n                      <mat-icon fontSet="material-icons-outlined">leaderboard</mat-icon>\r\n                    </ng-template>\r\n                  </td>\r\n                </ng-container>\r\n                <ng-container matColumnDef="sdGroup">\r\n                  <th mat-header-cell *matHeaderCellDef class="px-8 py-8"\r\n                    [attr.rowspan]="configuration.multipleHeader ? 2 : 1">\r\n                  </th>\r\n                  <td class="p-0" mat-cell *matCellDef="let item">\r\n                  </td>\r\n                  <td mat-footer-cell *matFooterCellDef></td>\r\n                </ng-container>\r\n                <ng-container *ngFor="let column of configuration.columns" [matColumnDef]="column.field"\r\n                  [sticky]="configuration.fixedColumn[column.field]">\r\n                  <th mat-header-cell *matHeaderCellDef class="c-th px-8 py-8"\r\n                    [ngStyle]="{ \'min-width\': column.width }">\r\n                    <div [class.text-right]="column.align === \'right\' || (!column.align && column.type === \'number\')"\r\n                      [class.text-center]="column.align === \'center\'" [innerHTML]="column.titleHtml || column.title">\r\n                    </div>\r\n                  </th>\r\n                </ng-container>\r\n                <ng-container *ngFor="let column of configuration.firstColumns; let i = index"\r\n                  [matColumnDef]="column.field" [sticky]="configuration.fixedColumn[column.field]">\r\n                  <th mat-header-cell *matHeaderCellDef class="c-th px-8 py-8"\r\n                    [ngStyle]="{ \'min-width\': configuration.firstColumns[i].width }" [attr.rowspan]="\r\n                    configuration.multipleHeader &&\r\n                    column.type !== \'children-col\'\r\n                      ? 2\r\n                      : 1\r\n                  " [attr.colspan]="\r\n                    column.type === \'children-col\' ? column.children?.length : 1\r\n                  ">\r\n                    <div>\r\n                      <div [class.text-right]="column.align === \'right\' || (!column.align && column.type === \'number\')"\r\n                        [class.text-center]="column.align === \'center\'"\r\n                        [innerHTML]="configuration.firstColumns[i].titleHtml || configuration.firstColumns[i].title">\r\n                      </div>\r\n                      <sd-column-inline-filter *ngIf="gridOption.filter?.inlineColumn && columnOperator"\r\n                        [value]="columnFilter[column.field]" [(inlineOperator)]="columnOperator[column.field]"\r\n                        (operatorChange)="onOperatorChange(column, $event)" [columnFilter]="columnFilter"\r\n                        [column]="column" (filterChange)="onFilterChange()">\r\n                      </sd-column-inline-filter>\r\n                    </div>\r\n                  </th>\r\n                </ng-container>\r\n                <ng-container *ngFor="let column of configuration.secondColumns" [matColumnDef]="column.field">\r\n                  <th mat-header-cell *matHeaderCellDef class="c-th px-8 py-8"\r\n                    [ngStyle]="{ \'min-width\': column.width }">\r\n                    <div>\r\n                      <div [class.text-right]="column.align === \'right\' || (!column.align && column.type === \'number\')"\r\n                        [class.text-center]="column.align === \'center\'" [innerHTML]="column.titleHtml || column.title">\r\n                      </div>\r\n                      <sd-column-inline-filter *ngIf="gridOption.filter?.inlineColumn && columnOperator"\r\n                        [value]="columnFilter[column.field]" [(inlineOperator)]="columnOperator[column.field]"\r\n                        (operatorChange)="onOperatorChange(column, $event)" [columnFilter]="columnFilter"\r\n                        [column]="column" (filterChange)="onFilterChange()">\r\n                      </sd-column-inline-filter>\r\n                    </div>\r\n                  </th>\r\n                </ng-container>\r\n                <tr class="c-first-header" mat-header-row *matHeaderRowDef="configuration.firstHeaders; sticky: true">\r\n                </tr>\r\n                <tr class="c-second-header" mat-header-row *matHeaderRowDef="configuration.secondHeaders; sticky: true">\r\n                </tr>\r\n                <tr mat-row *matRowDef="let row; columns: [\'sdEmpty\']"></tr>\r\n              </table>\r\n            </ng-template>\r\n          </div>\r\n        </ng-container>\r\n        <div class="c-paginator">\r\n          <div class="c-action">\r\n            <sd-button *ngIf="gridFilter && !gridOption.filter?.inlineColumn\r\n            " class="mr-10" [title]="\'Filter\' | sdTranslate" icon="filter_alt" size="sm" (action)="gridFilter.open()"\r\n              type="link">\r\n            </sd-button>\r\n            <sd-button *ngIf="gridOption.reload?.visible" class="mr-10" [title]="\'Reload\' | sdTranslate" icon="refresh"\r\n              size="sm" (action)="reload()" [disabled]="!items?.length" type="link">\r\n            </sd-button>\r\n            <ng-container *ngIf="gridOption.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"\r\n                  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"\r\n                  [matMenuTriggerFor]="menu" type="link">\r\n                </sd-button>\r\n              </ng-template>\r\n\r\n              <mat-menu #menu="matMenu">\r\n                <button *ngIf="gridOption.export?.visibleExcel !== false" mat-menu-item\r\n                  (click)="sdPopupExport.exportDefault()" type="button">\r\n                  <mat-icon fontSet="material-icons-outlined">file_download</mat-icon>\r\n                  <span> {{ "Export excel" | sdTranslate }}</span>\r\n                </button>\r\n                <button *ngIf="gridOption.export?.visibleCSV !== false" mat-menu-item\r\n                  (click)="sdPopupExport.exportCSV()" type="button">\r\n                  <mat-icon fontSet="material-icons-outlined">file_download</mat-icon>\r\n                  <span> {{ "Export CSV" | sdTranslate }}</span>\r\n                </button>\r\n                <button *ngIf="gridOption.export?.key" mat-menu-item (click)="sdPopupExport.open()" type="button">\r\n                  <mat-icon fontSet="material-icons-outlined">settings</mat-icon>\r\n                  <span> {{ "Configure" | sdTranslate }}</span>\r\n                </button>\r\n              </mat-menu>\r\n            </ng-container>\r\n            <sd-button *ngIf="gridOption.config?.visible" class="mr-10" [title]="\'Configure\' | sdTranslate"\r\n              icon="settings" size="sm" (action)="popupGridConfiguration.open()" type="link">\r\n            </sd-button>\r\n          </div>\r\n          <mat-paginator [class.d-none]="gridOption.paginate?.hidden" [length]="total"\r\n            [pageSize]="gridOption.paginate?.pageSize" [pageSizeOptions]="gridOption.paginate?.pages"\r\n            [showFirstLastButtons]="gridOption.paginate?.showFirstLastButtons"></mat-paginator>\r\n        </div>\r\n      </div>\r\n      <sd-grid-quick-action [gridOption]="gridOption" [selectedItems]="selectedItems"\r\n        (clear)="onClearSelection(groupedItems)">\r\n      </sd-grid-quick-action>\r\n      <sd-popup-export *ngIf="gridOption.export?.visible" [configuration]="configuration" [gridOption]="gridOption"\r\n        (export)="onExport($event)" #sdPopupExport>\r\n      </sd-popup-export>\r\n      <sd-popup-grid-configuration [gridOption]="gridOption" [key]="key" #popupGridConfiguration>\r\n      </sd-popup-grid-configuration>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-container>',animations:[l.trigger("detailExpand",[l.state("collapsed",l.style({height:"0",minHeight:"0",visibility:"hidden"})),l.state("expanded",l.style({height:"*",visibility:"visible"})),l.transition("expanded <=> collapsed",l.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:1;flex-direction:column;min-height:200px;position:relative}:host .c-container .c-table{flex:1;min-height:300px;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}:host .style1 .mat-table{border:1px solid #dde0e5}:host .style1 .mat-table tr.mat-header-row{background:#f2f3f4}:host .style1 .mat-table th.mat-header-cell{padding:10px 0}:host .style1 .c-paginator{border:1px solid #dde0e5;border-top:none!important}:host .style1 .mat-form-field-wrapper{background:#fff;padding:0}@-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\")}"]}]}],dt.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:void 0,decorators:[{type:n.Inject,args:[Q]},{type:n.Optional}]},{type:Ie},{type:h.SdExportService},{type:s.SdNotifyService},{type:ke},{type:st},{type:je}]},dt.propDecorators={sdScroll:[{type:n.ViewChild,args:[t.SdScrollDirective]}],quickAction:[{type:n.ViewChild,args:[b.SdQuickAction]}],_gridFilter:[{type:n.ViewChild,args:[fe]}],option:[{type:n.Input}],paginator:[{type:n.ViewChild,args:[i.MatPaginator]}],sort:[{type:n.ViewChild,args:[r.MatSort]}],sdPopupExport:[{type:n.ViewChild,args:[Oe]}],sdSubInformation:[{type:n.ContentChild,args:[X]}],sdEmptyData:[{type:n.ContentChild,args:[Z]}],sdCellDefs:[{type:n.ContentChildren,args:[J]}],sdFooterDefs:[{type:n.ContentChildren,args:[Y]}],sdFilterDefs:[{type:n.ContentChildren,args:[K]}]};var ct=function(){function e(){}return e.prototype.transform=function(e,t){return ee(this,void 0,void 0,(function(){var n,i,r,l,o,a,s,d,c,u,m,p,f,g,h,v,y,b;return te(this,(function(x){switch(x.label){case 0:if(n=[],!t)return[2,n];x.label=1;case 1:x.trys.push([1,22,23,24]),i=ne(t),r=i.next(),x.label=2;case 2:return r.done?[3,21]:(l=r.value,o=!1,void 0!==(a=l.hidden)?[3,3]:(o=!0,[3,7]));case 3:return"boolean"!=typeof a?[3,4]:(a||(o=!0),[3,7]);case 4:return(p=a(e))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,d=ne(l.children),c=d.next(),x.label=9;case 9:return c.done?[3,15]:(u=c.value,void 0!==(m=u.hidden)?[3,10]:(s.push(u),[3,14]));case 10:return"boolean"!=typeof m?[3,11]:(m||s.push(u),[3,14]);case 11:return(p=m(e))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 c=d.next(),[3,9];case 15:return[3,18];case 16:return f=x.sent(),y={error:f},[3,18];case 17:try{c&&!c.done&&(b=d.return)&&b.call(d)}finally{if(y)throw y.error}return[7];case 18:return s.length>0&&n.push(Object.assign(Object.assign({},l),{children:s})),[3,20];case 19:n.push(l),x.label=20;case 20:return r=i.next(),[3,2];case 21:return[3,24];case 22:return g=x.sent(),h={error:g},[3,24];case 23:try{r&&!r.done&&(v=i.return)&&v.call(i)}finally{if(h)throw h.error}return[7];case 24:return[2,n]}}))}))},e}();ct.decorators=[{type:n.Pipe,args:[{name:"commandFilter"}]}];var ut=function(){function e(){}return e.prototype.transform=function(e,t){return!!(null==t?void 0:t.disabled)&&("boolean"==typeof t.disabled?t.disabled:t.disabled(e))},e}();ut.decorators=[{type:n.Pipe,args:[{name:"commandDisable"}]}];var mt=function(){function e(){}return e.prototype.transform=function(e,t){return(null==e?void 0:e.icon)?"string"==typeof e.icon?e.icon:e.icon(t):""},e}();mt.decorators=[{type:n.Pipe,args:[{name:"commandIcon"}]}];var pt=function(){function e(){}return e.prototype.transform=function(e,t){return(null==e?void 0:e.title)?"string"==typeof e.title?e.title:e.title(t):""},e}();pt.decorators=[{type:n.Pipe,args:[{name:"commandTitle"}]}];var ft=function(){function e(e){this.isMobileOrTablet=!1,this.isMobileOrTablet=!e.isDesktop()}return e.prototype.transform=function(e,t,n){return"function"!=typeof(null==n?void 0:n.htmlTemplate)?e:null==n?void 0:n.htmlTemplate(e,t,this.isMobileOrTablet)},e}();ft.decorators=[{type:n.Pipe,args:[{name:"columnHtmlTemplate"}]}],ft.ctorParameters=function(){return[{type:m.DeviceDetectorService}]};var gt=function(){};gt.decorators=[{type:n.Component,args:[{selector:"sd-desktop-cell-view",template:'<ng-container *ngIf="item[column.field] | cellView:item:column:gridOption | async as view">\r\n  <ng-container *ngIf="view.display.hasHtml;else useValue">\r\n    <div *ngIf="view.click" (click)="view.click()" class="text-break cursor-pointer" [matTooltip]="view.tooltip"\r\n      [class.text-center]="view.display.align === \'center\'" [class.text-right]="view.display.align === \'right\'"\r\n      [innerHTML]="view.display.html | safeHtml">\r\n    </div>\r\n    <div *ngIf="!view.click" class="text-break" [matTooltip]="view.tooltip"\r\n      [class.text-center]="view.display.align === \'center\'" [class.text-right]="view.display.align === \'right\'"\r\n      [innerHTML]="view.display.html | safeHtml">\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #useValue>\r\n    <ng-container *ngIf="!!view.badge; else noBadge">\r\n      <sd-badge *ngIf="view.display.value" [type]="view.badge.type" [title]="view.display.value" [color]="view.badge.color"\r\n        [icon]="view.badge.icon" [tooltip]="view.tooltip" (sdClick)="!!view.click && view.click()"></sd-badge>\r\n    </ng-container>\r\n    <ng-template #noBadge>\r\n      <ng-container *ngIf="column.type !== \'children\'; else childrenView">\r\n        <div *ngIf="column.type !== \'image\'" class="text-break" [class.text-center]="view.display.align === \'center\'"\r\n          [class.text-right]="view.display.align === \'right\'" [matTooltip]="view.tooltip">\r\n          <a *ngIf="!!view.click" href="javascript:;" (click)="view.click()">{{view.display.value}}</a>\r\n          <ng-container *ngIf="!view.click">{{view.display.value}}\r\n          </ng-container>\r\n        </div>\r\n        <div *ngIf="column.type === \'image\'" class="align-middle text-center">\r\n          <img *ngIf="view.display.value" [src]="view.display.value" [width]="column.option?.width"\r\n            [height]="column.option?.height" class="c-image" (click)="!!view.click && view.click()"\r\n            [class.cursor-pointer]="!!view.click">\r\n          <mat-icon *ngIf="!view.display.value" class="c-img" [class.cursor-pointer]="!!view.click"\r\n            (click)="!!view.click && view.click()">\r\n            image</mat-icon>\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #childrenView>\r\n        <sd-desktop-cell-children-view [key]="key" [item]="item" [column]="column">\r\n        </sd-desktop-cell-children-view>\r\n      </ng-template>\r\n    </ng-template>\r\n  </ng-template>\r\n</ng-container>',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}"]}]}],gt.ctorParameters=function(){return[]},gt.propDecorators={sdId:[{type:n.Input}],key:[{type:n.Input}],column:[{type:n.Input}],item:[{type:n.Input}],gridOption:[{type:n.Input}]};var ht=function(){function e(e){this.columnValuesPipe=e}return e.prototype.transform=function(e,t,n,i){var r,l;return ee(this,void 0,void 0,(function(){return te(this,(function(i){switch(i.label){case 0:return(null==n?void 0:n.transform)?[2,n.transform(e,t)]:"values"!==n.type?[3,2]:[4,this.columnValuesPipe.transform(e,n)];case 1:return[2,i.sent()];case 2:return"number"===n.type&&Number.isNumber(e)?[2,Number.toVNCurrency(e)]:"bool"===n.type?[2,!0===e?(null===(r=n.option)||void 0===r?void 0:r.displayOnTrue)||"True":(null===(l=n.option)||void 0===l?void 0:l.displayOnFalse)||"False"]:[2,e]}}))}))},e}();ht.decorators=[{type:n.Pipe,args:[{name:"columnTransform"}]}],ht.ctorParameters=function(){return[{type:ke}]};var vt=function(){function e(){}return e.prototype.transform=function(e,t){var n,i,r=[];if(!e)return r;try{for(var l=ne(e),o=l.next();!o.done;o=l.next()){var a=o.value;r.push(a)}}catch(e){n={error:e}}finally{try{o&&!o.done&&(i=l.return)&&i.call(l)}finally{if(n)throw n.error}}return r.filter((function(e){return!t||e.field===t}))},e}();vt.decorators=[{type:n.Pipe,args:[{name:"sdFilterExternal"}]}];var yt=function(){function e(){}return e.prototype.transform=function(e,t){var n,i,r,l,o,a,s=[];if(!e)return s;try{for(var d=ne(e),c=d.next();!c.done;c=d.next()){var u=c.value;if("image"!==u.type)if("children"!==u.type)(null===(a=u.filter)||void 0===a?void 0:a.disabled)||s.push(u);else try{for(var m=(r=void 0,ne(null==u?void 0:u.children)),p=m.next();!p.done;p=m.next()){var f=p.value;(null===(o=f.filter)||void 0===o?void 0:o.disabled)||s.push(f)}}catch(e){r={error:e}}finally{try{p&&!p.done&&(l=m.return)&&l.call(m)}finally{if(r)throw r.error}}}}catch(e){n={error:e}}finally{try{c&&!c.done&&(i=d.return)&&i.call(d)}finally{if(n)throw n.error}}return s.filter((function(e){return!t||e.field===t}))},e}();yt.decorators=[{type:n.Pipe,args:[{name:"sdFilterColumn"}]}];var bt,xt=function(){};xt.decorators=[{type:n.Component,args:[{selector:"sd-desktop-cell-children-view",template:'<ng-container *ngIf="column.children?.length">\r\n  <div class="row mx-0">\r\n    <div *ngFor="let childColumn of column.children | columnChildrenFilter:item" class="px-2"\r\n      [ngClass]="{\'col-6\': childColumn?.colSpan === 1, \'col-12\': !childColumn?.colSpan || childColumn?.colSpan === 2}">\r\n      <span class="c-title">\r\n        {{item | columnTitle:childColumn | async}}:\r\n      </span>\r\n      <ng-container *ngIf="childColumn.htmlTemplate;else useDefaultView">\r\n        <div (click)="childColumn.click && childColumn.click(item[childColumn.field], item)"\r\n          style="display:inline-block ;overflow-wrap: break-word;" [ngClass]="{\'cursor-pointer\':childColumn.click}"\r\n          [innerHTML]="(item[childColumn.field] | columnHtmlTemplate:item:childColumn) | safeHtml">\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #useDefaultView>\r\n        <span *ngIf="childColumn.type === \'string\'">\r\n          <a *ngIf="childColumn.click" href="javascript:;"\r\n            (click)="childColumn.click(item[childColumn.field], item)">{{item[childColumn.field] |\r\n            columnTransform:item:childColumn | async}}</a>\r\n          <ng-container *ngIf="!childColumn.click">\r\n            {{item[childColumn.field] | columnTransform:item:childColumn | async}}</ng-container>\r\n        </span>\r\n        <span *ngIf="childColumn.type === \'number\'">\r\n          <a *ngIf="childColumn.click" href="javascript:;"\r\n            (click)="childColumn.click(item[childColumn.field], item)">{{item[childColumn.field] |\r\n            columnTransform:item:childColumn | async}}</a>\r\n          <ng-container *ngIf="!childColumn.click">\r\n            {{item[childColumn.field] | columnTransform:item:childColumn | async}}\r\n          </ng-container>\r\n        </span>\r\n        <span *ngIf="childColumn.type === \'datetime\'">\r\n          <a *ngIf="childColumn.click" href="javascript:;"\r\n            (click)="childColumn.click(item[childColumn.field], item)">{{item[childColumn.field] |\r\n            sdTimeDifferent:\'dd/MM/yyyy HH:mm\':childColumn.option?.timeDifferent | async}}</a>\r\n          <ng-container *ngIf="!childColumn.click">\r\n            <span matTooltipPosition="above"\r\n              [matTooltip]="item[childColumn.field] | date:\'dd/MM/yyyy HH:mm\'">{{item[childColumn.field] |\r\n              sdTimeDifferent:\'dd/MM/yyyy HH:mm\':childColumn.option?.timeDifferent | async}}</span>\r\n          </ng-container>\r\n        </span>\r\n        <span *ngIf="childColumn.type === \'date\'">\r\n          <a *ngIf="childColumn.click" href="javascript:;"\r\n            (click)="childColumn.click(item[childColumn.field], item)">{{item[childColumn.field] |\r\n            sdTimeDifferent:\'dd/MM/yyyy\':childColumn.option?.timeDifferent | async}}</a>\r\n          <ng-container *ngIf="!childColumn.click">\r\n            <span matTooltipPosition="above"\r\n              [matTooltip]="item[childColumn.field] | date:\'dd/MM/yyyy\'">{{item[childColumn.field] |\r\n              sdTimeDifferent:\'dd/MM/yyyy\':childColumn.option?.timeDifferent | async}}</span>\r\n          </ng-container>\r\n        </span>\r\n        <span *ngIf="childColumn.type === \'time\'">\r\n          <a *ngIf="childColumn.click" href="javascript:;"\r\n            (click)="childColumn.click(item[childColumn.field], item)">{{item[childColumn.field] | date:\'HH:mm\'}}</a>\r\n          <ng-container *ngIf="!childColumn.click">\r\n            {{item[childColumn.field] | date:\'HH:mm\'}}\r\n          </ng-container>\r\n        </span>\r\n        <span *ngIf="childColumn.type === \'bool\'"\r\n          (click)="childColumn.click && childColumn.click(item[childColumn.field], item)">\r\n          <strong *ngIf="item[childColumn.field]" class="text-success">{{childColumn.option?.displayOnTrue ||\r\n            \'True\'}}</strong>\r\n          <strong *ngIf="!item[childColumn.field]" class="text-danger">{{childColumn.option?.displayOnFalse ||\r\n            \'False\'}}</strong>\r\n        </span>\r\n        <ng-container *ngIf="childColumn.type === \'values\'">\r\n          <ng-container *ngIf="childColumn.transform">{{item[childColumn.field] | columnTransform:item:childColumn | async}}</ng-container>\r\n          <ng-container *ngIf="!childColumn.transform">\r\n            {{item[childColumn.field] | columnValues:childColumn | async}}\r\n            \x3c!-- <ng-container *ngIf="item[childColumn.field] | columnValues:childColumn | async; $implicit as valueData">\r\n              <div\r\n                *ngIf="valueData[childColumn.option?.colorField] || valueData[childColumn.option?.backgroundColorField]; else elseNoStatus"\r\n                [ngStyle]="{\'color\':valueData[childColumn.option?.colorField], \'background-color\': valueData[childColumn.option?.backgroundColorField]}">\r\n                {{valueData[childColumn.option?.displayField]}}\r\n              </div>\r\n              <ng-template #elseNoStatus>\r\n                {{valueData[childColumn.option?.displayField]}}\r\n              </ng-template>\r\n            </ng-container> --\x3e\r\n          </ng-container>\r\n          \r\n        </ng-container>\r\n        <img *ngIf="childColumn.type === \'image\'" [src]="item[childColumn.field] | columnTransform:item:childColumn | async" [width]="childColumn.display?.width"\r\n          [height]="childColumn.display?.height" style="margin: 5px 0"\r\n          (click)="childColumn.click && childColumn.click(item[childColumn.field], item)">\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</ng-container>',styles:[".c-title{color:#212529;font-size:13px;font-weight:700;line-height:1.7;margin-right:3px}.c-children{color:#212529;font-size:14px;overflow-wrap:break-word}"]}]}],xt.ctorParameters=function(){return[]},xt.propDecorators={key:[{type:n.Input}],column:[{type:n.Input}],item:[{type:n.Input}]};var Ct=function(){function e(e){bt.set(this,!1),ae(this,bt,!e.isDesktop())}return e.prototype.transform=function(e,t){var n=this;return e.filter((function(e){var i,r,l=null==t?void 0:t[e.field],o=null===(i=e.transform)||void 0===i?void 0:i.call(e,t[e.field],t),a=null===(r=e.htmlTemplate)||void 0===r?void 0:r.call(e,t[e.field],t,oe(n,bt));return null!=l&&""!==l||null!=o&&""!==o||null!=a&&""!==a}))},e}();bt=new WeakMap,Ct.decorators=[{type:n.Pipe,args:[{name:"columnChildrenFilter"}]}],Ct.ctorParameters=function(){return[{type:m.DeviceDetectorService}]};var wt=function(){function e(){}return e.prototype.transform=function(e,t){var n;return ee(this,void 0,void 0,(function(){var i;return te(this,(function(r){switch(r.label){case 0:return(null==t?void 0:t.title)?(i=null===(n=null==t?void 0:t.dynamicTitle)||void 0===n?void 0:n.call(t,e))instanceof Promise?[4,i]:[3,2]:[2,""];case 1:return[2,r.sent()||(null==t?void 0:t.title)];case 2:return[2,i||(null==t?void 0:t.title)]}}))}))},e}();wt.decorators=[{type:n.Pipe,args:[{name:"columnTitle"}]}];var Ot=function(){this.commands=[]};Ot.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)" [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)"\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)"></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}"]}]}],Ot.ctorParameters=function(){return[]},Ot.propDecorators={item:[{type:n.Input}],commands:[{type:n.Input}]};var Ft=function(){function e(){}return e.prototype.transform=function(e,t,n){var i,r,l;return"string"===n.type&&(null==n?void 0:n.badge)?{type:(null==n?void 0:n.badgeType)?n.badgeType:"round",color:n.badge(e,t),icon:null===(i=null==n?void 0:n.badgeIcon)||void 0===i?void 0:i.call(n,e,t)}:"number"===n.type&&(null==n?void 0:n.badge)?{type:(null==n?void 0:n.badgeType)?n.badgeType:"round",color:n.badge(e,t),icon:null===(r=null==n?void 0:n.badgeIcon)||void 0===r?void 0:r.call(n,e,t)}:"bool"===n.type?{type:(null==n?void 0:n.badgeType)?n.badgeType:"round",color:e?"success":"danger",icon:null}:"values"===n.type&&(null==n?void 0:n.badge)?{type:(null==n?void 0:n.badgeType)?n.badgeType:"round",color:n.badge(e,t),icon:null===(l=null==n?void 0:n.badgeIcon)||void 0===l?void 0:l.call(n,e,t)}:null},e}();Ft.decorators=[{type:n.Pipe,args:[{name:"columnBadge"}]}],Ft.ctorParameters=function(){return[]};var Dt,It=function(){function e(e){this.gridConfigurationService=e}return e.prototype.transform=function(e,t,n){return this.gridConfigurationService.generateConfigurationResult(e,t,n)},e}();It.decorators=[{type:n.Pipe,args:[{name:"sdGridConfigurationResult"}]}],It.ctorParameters=function(){return[{type:Ie}]};var kt=function(){function e(e,t,i,r){var l=this;this.ref=e,this.notifyService=t,this.translateService=i,this.gridConfigurationService=r,this.changes=new n.EventEmitter,Dt.set(this,void 0),this.isCreatingColumn=!1,this.selected={},this.disabledDrag=!0,this.open=function(){return ee(l,void 0,void 0,(function(){var e;return te(this,(function(t){switch(t.label){case 0:return ae(this,Dt,this.gridConfigurationService.init(this.key,this.gridOption)),e=this,[4,oe(this,Dt).get()];case 1:return e.configuration=t.sent(),this.modal.open(),[2]}}))}))},this.onSave=function(){oe(l,Dt).set(l.configuration),l.modal.close(),l.ref.detectChanges()},this.onReset=function(){return ee(l,void 0,void 0,(function(){var e,t=this;return te(this,(function(n){return e=this.translateService.translate,this.notifyService.confirm(e("Reset grid configuration to default")).then((function(){oe(t,Dt).remove(),t.modal.close(),t.ref.detectChanges()})),[2]}))}))},this.createColumn=function(){return ee(l,void 0,void 0,(function(){return te(this,(function(e){return this.selected={},this.isCreatingColumn=!0,[2]}))}))},this.confirm=function(){return ee(l,void 0,void 0,(function(){var e,t=this;return te(this,(function(n){return e={origin:{field:o.v4(),title:"Generated",width:"300px"},fixed:!1,invisible:!1,title:"Generated",width:"300px",isGeneratedColumn:!0,generatedColumns:this.configuration.columns.filter((function(e){var n;return t.selected[null===(n=e.origin)||void 0===n?void 0:n.field]})).map((function(e){var t;return null===(t=e.origin)||void 0===t?void 0:t.field}))},this.configuration.columns.push(e),this.configuration=oe(this,Dt).set(this.configuration),this.isCreatingColumn=!1,[2]}))}))}}return e.prototype.ngOnInit=function(){},e.prototype.mouseUp=function(e){this.disabledDrag=!0},e.prototype.dropTable=function(e){d.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}();Dt=new WeakMap,kt.decorators=[{type:n.Component,args:[{selector:"sd-popup-grid-configuration",template:'<sd-modal width="sm" [title]="\'Configuration\' | sdTranslate" #modal>\r\n  <sd-modal-body *ngIf="configuration">\r\n    <div *ngIf="!isCreatingColumn" class="c-container">\r\n      <div class="c-table" style="max-height:70vh">\r\n        <table #table mat-table [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">#\r\n            </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 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\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}}\r\n            </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}}\r\n            </th>\r\n            <td class="px-5" mat-cell *matCellDef="let item;">\r\n              \x3c!-- <span>{{item.width}}</span>\r\n              <mat-slider\r\n                  step="1"\r\n                  min="0"\r\n                  [max]="+item?.origin?.width*3"\r\n                  [(ngModel)]="+item.width"\r\n                  aria-label="units">\r\n                </mat-slider> --\x3e\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\' |\r\n              sdTranslate}}\r\n            </th>\r\n            <td class="text-center px-5" mat-cell *matCellDef="let item;">\r\n              <mat-slide-toggle [(ngModel)]="item.invisible" color="primary">\r\n              </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\' |\r\n              sdTranslate}}\r\n            </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 mat-row *matRowDef="let row; columns: [\'stt\', \'title\', \'width\', \'invisible\', \'fixed\'];" cdkDrag [cdkDragData]="row" cdkDragLockAxis="y" [cdkDragDisabled] = "disabledDrag"></tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div *ngIf="isCreatingColumn">\r\n      <div class="c-table" style="max-height:50vh">\r\n        <table mat-table [dataSource]="configuration.columns">\r\n          <ng-container matColumnDef="stt">\r\n            <th mat-header-cell class="c-th text-center px-5" *matHeaderCellDef style="width:50px">#\r\n            </th>\r\n            <td class="text-center px-5" mat-cell *matCellDef="let item; let idx = index">\r\n              <sd-checkbox *ngIf="isCreatingColumn" [(model)]="selected[item.origin?.field]"></sd-checkbox>\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}}\r\n            </th>\r\n            <td class="px-5" mat-cell *matCellDef="let item;">\r\n              <span *ngIf="isCreatingColumn">{{item.title || item?.origin?.title}}</span>\r\n            </td>\r\n          </ng-container>\r\n          <tr mat-header-row *matHeaderRowDef="[\'stt\', \'title\']; sticky: true"></tr>\r\n          <tr mat-row *matRowDef="let row; columns: [\'stt\', \'title\'];"></tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </sd-modal-body>\r\n  <sd-modal-footer>\r\n    <ng-container *ngIf="!isCreatingColumn">\r\n      \x3c!-- <sd-button class="mr-auto" (action)="createColumn()" [title]="\'Create column\' | sdTranslate" color="info"\r\n        size="sm">\r\n      </sd-button> --\x3e\r\n      <sd-button class="mr-5" (action)="onReset()" [title]="\'Default\' | sdTranslate" color="info" size="sm">\r\n      </sd-button>\r\n      <sd-button (action)="onSave()" [title]="\'Save\' | sdTranslate" type="fill" color="info" size="sm">\r\n      </sd-button>\r\n    </ng-container>\r\n    <ng-container *ngIf="isCreatingColumn">\r\n      <sd-button class="mr-auto" (action)="isCreatingColumn = false" [title]="\'Cancel\' | sdTranslate" color="info"\r\n        size="sm">\r\n      </sd-button>\r\n      <sd-button (action)="confirm()" [title]="\'Confirm\' | sdTranslate" type="fill" color="info" size="sm">\r\n      </sd-button>\r\n    </ng-container>\r\n  </sd-modal-footer>\r\n</sd-modal>',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}"]}]}],kt.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:s.SdNotifyService},{type:f.SdTranslateService},{type:Ie}]},kt.propDecorators={gridOption:[{type:n.Input}],key:[{type:n.Input}],modal:[{type:n.ViewChild,args:["modal"]}],table:[{type:n.ViewChild,args:["table"]}],mouseUp:[{type:n.HostListener,args:["window:mouseup",["$event"]]}]};var St,Tt=function(){function e(){}return e.prototype.transform=function(e,t,n){return(null==n?void 0:n.tooltip)?n.tooltip(e,t):null},e}();Tt.decorators=[{type:n.Pipe,args:[{name:"columnTooltip"}]}],Tt.ctorParameters=function(){return[]};var Et=function(){var e=this;St.set(this,(function(e){return"children"in e?{title:e.title,icon:e.icon,fontSet:e.fontSet,tooltip:e.tooltip,color:e.color,type:e.type,children:e.children.map((function(t){return{title:t.title,icon:t.icon,color:e.color,type:e.type,fontSet:t.fontSet,tooltip:t.tooltip,click:t.click}}))}:{title:e.title,icon:e.icon,color:e.color,type:e.type,fontSet:e.fontSet,tooltip:e.tooltip,click:e.click}})),this.transform=function(t,n){var i,r,l=[];if(!(null==n?void 0:n.length)||!(null==t?void 0:t.length))return[];var o=function(e){var n,i;if("children"in e){var r=[],o=function(e){var n=G.default(e);t.every((function(e){return e.actions.includes(n)}))&&r.push(e)};try{for(var a=(n=void 0,ne(e.children)),s=a.next();!s.done;s=a.next())o(s.value)}catch(e){n={error:e}}finally{try{s&&!s.done&&(i=a.return)&&i.call(a)}finally{if(n)throw n.error}}r.length>0&&l.push(Object.assign(Object.assign({},e),{children:r}))}else{var d=G.default(e);t.every((function(e){return e.actions.includes(d)}))&&l.push(e)}};try{for(var a=ne(n),s=a.next();!s.done;s=a.next())o(s.value)}catch(e){i={error:e}}finally{try{s&&!s.done&&(r=a.return)&&r.call(a)}finally{if(i)throw i.error}}return l.map((function(t){return oe(e,St).call(e,t)}))}};St=new WeakMap,Et.decorators=[{type:n.Pipe,args:[{name:"selectionActionFilter"}]}];var Mt=function(){this.transform=function(e,t,n){var i,r,l,o,a=n.disabled,s=n.actions;if(!(null==s?void 0:s.length))return a?(t.selectable=!a(t,e),!t.selectable):(t.selectable=!0,!1);var d=s.filter((function(t){var n,i;if("children"in t){var r=function(t){var n=G.default(t);if(e.every((function(e){return e.actions.includes(n)})))return{value:!0}};try{for(var l=ne(t.children),o=l.next();!o.done;o=l.next()){var a=r(o.value);if("object"==typeof a)return a.value}}catch(e){n={error:e}}finally{try{o&&!o.done&&(i=l.return)&&i.call(l)}finally{if(n)throw n.error}}return!1}var s=G.default(t);return e.every((function(e){return e.actions.includes(s)}))}));try{for(var c=ne(d),u=c.next();!u.done;u=c.next()){var m=u.value;if("children"in m)try{for(var p=(l=void 0,ne(m.children)),f=p.next();!f.done;f=p.next()){var g=f.value;if(t.actions.includes(G.default(g)))return!1}}catch(e){l={error:e}}finally{try{f&&!f.done&&(o=p.return)&&o.call(p)}finally{if(l)throw l.error}}else if(t.actions.includes(G.default(m)))return!1}}catch(e){i={error:e}}finally{try{u&&!u.done&&(r=c.return)&&r.call(c)}finally{if(i)throw i.error}}return!0}};Mt.decorators=[{type:n.Pipe,args:[{name:"selectionDisable"}]}];var Pt,Ht=function(){var e=this;this.transform=function(t,n){return ee(e,void 0,void 0,(function(){var e,i,r,l,o,a,s,d,c;return te(this,(function(u){switch(u.label){case 0:return(null==(e=n.actions)?void 0:e.length)?t.length?e.some((function(e){return"children"in e&&e.children.some((function(e){return e.isGrouped}))||e.isGrouped}))?[2,!1]:[4,new Promise((function(e){return setTimeout(e,500)}))]:[2,!1]:[2,!0];case 1:if(u.sent(),i=t.find((function(e){var t;return null===(t=e.actions)||void 0===t?void 0:t.length}))){r=function(e){if(t.filter((function(e){var t;return null===(t=e.actions)||void 0===t?void 0:t.length})).every((function(t){return t.actions.includes(e)})))return{value:!0}};try{for(l=ne(i.actions),o=l.next();!o.done;o=l.next())if(a=o.value,"object"==typeof(s=r(a)))return[2,s.value]}catch(e){d={error:e}}finally{try{o&&!o.done&&(c=l.return)&&c.call(l)}finally{if(d)throw d.error}}}return[2,!1]}}))}))}};Ht.decorators=[{type:n.Pipe,args:[{name:"selectionVisibleSelectAll"}]}];var Rt,At=function(e){var t=this;this.settingService=e,Pt.set(this,{}),this.load=function(e){if(!(null==e?void 0:e.key))return null;var n=G.default({prefix:"260f5e94-5865-4425-8ced-b9c083c390dd",key:e.key});return oe(t,Pt)[n]||("server"===(null==e?void 0:e.storage)?oe(t,Pt)[n]=t.settingService.createServer(n,{args:null==e?void 0:e.args,default:[]}):oe(t,Pt)[n]=t.settingService.create(n,{type:null==e?void 0:e.storage,args:null==e?void 0:e.args,default:[]})),oe(t,Pt)[n]},this.loadSystem=function(e){var n,i;if(!(null==e?void 0:e.key))return null;if(!(null==e?void 0:e.systemColumn))return null;var r=G.default({prefix:"8b8050ca-1f44-4860-bad3-20e646c0d68f",key:e.key});return oe(t,Pt)[r]||("server"===(null==e?void 0:e.storage)?oe(t,Pt)[r]=t.settingService.createServer(r,{args:null===(n=null==e?void 0:e.systemColumn)||void 0===n?void 0:n.args,default:[]}):oe(t,Pt)[r]=t.settingService.create(r,{type:null==e?void 0:e.storage,args:null===(i=null==e?void 0:e.systemColumn)||void 0===i?void 0:i.args,default:[]})),oe(t,Pt)[r]}};Pt=new WeakMap,At.decorators=[{type:n.Injectable}],At.ctorParameters=function(){return[{type:y.SdSettingService}]};var Lt=function(){function e(e,t,n,i,r){var l=this;this.ref=e,this.generatedColumnService=t,this.notifyService=n,this.translateService=i,this.gridConfigurationService=r,Rt.set(this,new a.Subscription),this.columnTypes=["string","number","bool","date","datetime","time","values","children","children-col"],this.form=new v.FormGroup({}),this.isDetail=!1,this.originColumns=[],this.onDetail=function(e){l.detail=e||{field:o.v4(),title:"",type:"string",isSystem:!1,useTemplate:!1},l.form.markAsUntouched(),l.form.markAsPristine(),l.isDetail=!0},this.onSave=function(){var e,t=l.generatedColumnService.loadSystem(l.gridOption.config),n=l.generatedColumnService.load(null===(e=l.gridOption)||void 0===e?void 0:e.config);l.detail.isSystem?l.detail.id?t.set(re(l.systemColumns)):t.set(re(l.systemColumns,[Object.assign(Object.assign({},l.detail),{id:o.v4()})])):l.detail.id?n.set(re(l.columns)):n.set(re(l.columns,[Object.assign(Object.assign({},l.detail),{id:o.v4()})]))}}return e.prototype.ngOnInit=function(){var e,t,n,i=this,r=this.generatedColumnService.loadSystem(this.gridOption.config),l=this.generatedColumnService.load(null===(e=this.gridOption)||void 0===e?void 0:e.config);r&&(null===(t=oe(this,Rt))||void 0===t||t.add(r.observer.subscribe((function(e){i.systemColumns=e})))),l&&(null===(n=oe(this,Rt))||void 0===n||n.add(l.observer.subscribe((function(e){i.columns=e})))),this.originColumns=this.gridOption.columns.filter((function(e){return"children"!==e.type&&"children-col"!==e.type}))},e.prototype.ngOnDestroy=function(){oe(this,Rt).unsubscribe()},e}();Rt=new WeakMap,Lt.decorators=[{type:n.Component,args:[{selector:"sd-dynamic-column",template:'<sd-side-drawer width="400px">\r\n  <div sdTitle>{{\'Manage dynamic column\' | sdTranslate}}</div>\r\n  <ng-container sdBody>\r\n    <ng-container *ngIf="!isDetail">\r\n      <ng-container *ngIf="systemColumns">\r\n        <div *ngFor="let column of systemColumns" (click)="onDetail(column)">\r\n          {{column.title}}\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngIf="columns">\r\n        <div *ngFor="let column of columns" (click)="onDetail(column)">\r\n          {{column.title}}\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngIf="isDetail">\r\n      <sd-select [form]="form" [label]="\'Apply for\' | sdTranslate" [(model)]="detail.isSystem"\r\n        [items]="[{code: true, name: \'All users\'},{code: false, name: \'Only me\'}]" [disabled]="!!detail.id" required></sd-select>\r\n      <sd-input [form]="form" [label]="\'Column field\' | sdTranslate" [(model)]="detail.field" [disabled]="!!detail.id"\r\n        required></sd-input>\r\n      <sd-input [form]="form" [label]="\'Column title\' | sdTranslate" [(model)]="detail.title" required></sd-input>\r\n      <sd-input-number [form]="form" [label]="\'Column width\' | sdTranslate" [(model)]="detail.width" required>\r\n        <ng-template sdInputSuffix>px</ng-template>\r\n      </sd-input-number>\r\n      <sd-select [form]="form" [label]="\'Column type\' | sdTranslate" [(model)]="detail.type" [items]="columnTypes"\r\n        [disabled]="!!detail.id" required></sd-select>\r\n      <sd-select *ngIf="detail.type === \'children\' || detail.type === \'children-col\'" [form]="form"\r\n        [label]="\'Column fields\' | sdTranslate" [(model)]="detail.fields" [items]="originColumns" valueField="field"\r\n        displayField="title" multiple></sd-select>\r\n      <sd-select [form]="form" [label]="\'Use template\' | sdTranslate" [(model)]="detail.useTemplate"\r\n        [items]="[{code: true, name: \'Yes\'},{code: false, name: \'No\'}]" required></sd-select>\r\n      <sd-editor *ngIf="detail.useTemplate" [form]="form" [label]="\'Html template\' | sdTranslate" [(model)]="detail.template">\r\n      </sd-editor>\r\n    </ng-container>\r\n  </ng-container>\r\n  <div class="d-flex align-items-center justify-content-end" sdFooter>\r\n    <sd-button [title]="\'Close\' | sdTranslate" (action)="sideDrawer.close()"> </sd-button>\r\n    <sd-button *ngIf="!isDetail" [title]="\'Create column\' | sdTranslate" color="primary" class="mx-8"\r\n      (action)="onDetail()">\r\n    </sd-button>\r\n    <sd-button *ngIf="isDetail" [title]="\'Save\' | sdTranslate" color="success" class="mx-8" (action)="onSave()">\r\n    </sd-button>\r\n  </div>\r\n</sd-side-drawer>',changeDetection:n.ChangeDetectionStrategy.OnPush,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}"]}]}],Lt.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:At},{type:s.SdNotifyService},{type:f.SdTranslateService},{type:Ie}]},Lt.propDecorators={sideDrawer:[{type:n.ViewChild,args:[V.SdSideDrawer]}],gridOption:[{type:n.Input}]};var jt=function(){function e(e,t){this.elementRef=e,this.renderer=t,this.cellDef={}}return Object.defineProperty(e.prototype,"_column",{set:function(e){this.column=e,e.width&&this.renderer.setStyle(this.elementRef.nativeElement,"min-width",e.width)},enumerable:!1,configurable:!0}),e}();jt.decorators=[{type:n.Component,args:[{selector:"sd-desktop-cell",template:'<ng-container *ngIf="column && item">\r\n  <ng-container *ngIf="item.editorHandlerRow?.visible;else useView">\r\n    <ng-container *sdLet="item[column.field] | sdEditorHandlerColumn:item:gridOption">\r\n      <ng-container *ngIf="item.editorHandlerColumn && item.editorHandlerColumn[column.field]?.visible;else useView">\r\n        <ng-container *ngIf="cellDef[column.field]">\r\n          <ng-container *ngTemplateOutlet="\r\n              cellDef[column.field].templateRef;\r\n              context: { item: item, column: column, idx: idx, isEdited: true }\r\n            ">\r\n          </ng-container>\r\n        </ng-container>\r\n        <sd-desktop-cell-editor *ngIf="!cellDef[column.field]" [sdId]="item.sdId" [column]="column" [item]="item">\r\n        </sd-desktop-cell-editor>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #useView>\r\n    <ng-container *ngIf="cellDef[column.field]">\r\n      <ng-container *ngTemplateOutlet="\r\n          cellDef[column.field].templateRef;\r\n          context: { item: item, column: column, idx: idx }\r\n        ">\r\n      </ng-container>\r\n    </ng-container>\r\n    <sd-desktop-cell-view *ngIf="!cellDef[column.field]" [sdId]="item.sdId" [key]="key" [column]="column" [gridOption]="gridOption" [item]="item">\r\n    </sd-desktop-cell-view>\r\n  </ng-template>\r\n</ng-container>',changeDetection:n.ChangeDetectionStrategy.OnPush}]}],jt.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2}]},jt.propDecorators={sdId:[{type:n.Input}],value:[{type:n.Input}],key:[{type:n.Input}],_column:[{type:n.Input,args:["column"]}],item:[{type:n.Input}],gridOption:[{type:n.Input}],cellDef:[{type:n.Input}],idx:[{type:n.Input}]};var Nt,zt=function(){var e=this;this.onChange=function(t){var n,i,r;"children"!==e.column.type&&"children-col"!==e.column.type&&(null===(r=null===(i=null===(n=e.column)||void 0===n?void 0:n.editor)||void 0===i?void 0:i.change)||void 0===r||r.call(i,e.item,t))},this.editorOnAdd=function(){var t,n;"children"!==e.column.type&&"children-col"!==e.column.type&&"values"===e.column.type&&(null===(n=null===(t=e.column.editor)||void 0===t?void 0:t.add)||void 0===n||n.call(t,e.item))},this.editorOnEdit=function(t){var n,i;"children"!==e.column.type&&"children-col"!==e.column.type&&"values"===e.column.type&&(null===(i=null===(n=e.column.editor)||void 0===n?void 0:n.edit)||void 0===i||i.call(n,t,e.item))},this.editorOnDelete=function(t){var n,i;"children"!==e.column.type&&"children-col"!==e.column.type&&"values"===e.column.type&&(null===(i=null===(n=e.column.editor)||void 0===n?void 0:n.delete)||void 0===i||i.call(n,t,e.item))}};zt.decorators=[{type:n.Component,args:[{selector:"sd-desktop-cell-editor",template:'<sd-input *ngIf="column.type === \'string\'" size="sm" type="text" [(model)]="item[column.field]"\r\n  (sdChange)="onChange($event)" disableErrorMessage>\r\n</sd-input>\r\n<sd-input-number *ngIf="column.type === \'number\'" size="sm" [(model)]="item[column.field]" (sdChange)="onChange($event)"\r\n  [min]="column?.editor?.minValue" [max]="column?.editor?.maxValue" disableErrorMessage>\r\n</sd-input-number>\r\n<sd-select *ngIf="column.type === \'bool\'" size="sm" [items]="[\r\n    { value: true, display: column.option?.displayOnTrue || \'True\' },\r\n    { value: false, display: column.option?.displayOnFalse || \'False\' }\r\n  ]" valueField="value" displayField="display" [(model)]="item[column.field]" (sdSelection)="onChange($event)"\r\n  disableErrorMessage>\r\n</sd-select>\r\n<sd-date-time *ngIf="\r\n    column.type === \'date\' ||\r\n    column.type === \'datetime\' ||\r\n    column.type === \'time\'\r\n  " size="sm" [(model)]="item[column.field]" [type]="column.type" (sdChange)="onChange($event)" disableErrorMessage>\r\n</sd-date-time>\r\n\r\n<ng-container *ngIf="column.type === \'values\'">\r\n  <sd-select *ngIf="!column?.option?.selection" size="sm" [items]="column.option.items"\r\n    [valueField]="column.option.valueField" [displayField]="column.option.displayField" [(model)]="item[column.field]"\r\n    (sdSelection)="onChange($event)" disableErrorMessage></sd-select>\r\n    <sd-select *ngIf="\r\n      column?.option?.selection === \'MULTIPLE\' ||\r\n      column?.option?.selection === \'MULTIPLEAUTOCOMPLETE\'\r\n    " size="sm" [items]="column.option.items" [valueField]="column.option.valueField"\r\n      [displayField]="column.option.displayField" [(model)]="item[column.field]" (sdSelection)="onChange($event)"\r\n      [multiple]="\r\n      column?.option?.selection === \'MULTIPLE\' ||\r\n      column?.option?.selection === \'MULTIPLEAUTOCOMPLETE\'\r\n    " [filtered]="column?.option?.selection === \'MULTIPLEAUTOCOMPLETE\'" disableErrorMessage>\r\n    </sd-select>\r\n    <sd-autocomplete *ngIf="\r\n      column?.option?.selection === \'AUTOCOMPLETE\'\r\n    " size="sm" [items]="column.option.items" [valueField]="column.option.valueField"\r\n      [displayField]="column.option.displayField" [(model)]="item[column.field]" (sdChange)="onChange($event)"\r\n      disableErrorMessage>\r\n    </sd-autocomplete>\r\n\r\n    \x3c!-- EDITOR --\x3e\r\n    <sd-select-editor *ngIf="\r\n      column?.option?.selection === \'AUTOCOMPLETE_EDITOR\'\r\n    " size="sm" [items]="column.option.items" [valueField]="column.option.valueField"\r\n      [displayField]="column.option.displayField" [(model)]="item[column.field]" (sdSelection)="onChange($event)"\r\n      filtered disableErrorMessage [addable]="column?.editor?.add" [editable]="column?.editor?.edit"\r\n      [deletable]="column?.editor?.delete" (sdAdd)="editorOnAdd()" (sdEdit)="editorOnEdit($event)"\r\n      (sdDelete)="editorOnDelete($event)">\r\n    </sd-select-editor>\r\n    <sd-select-editor *ngIf="\r\n      column?.option?.selection === \'MULTIPLE_EDITOR\'\r\n    " size="sm" [items]="column.option.items" [valueField]="column.option.valueField"\r\n      [displayField]="column.option.displayField" [(model)]="item[column.field]" (sdSelection)="onChange($event)"\r\n      multiple disableErrorMessage [addable]="column?.editor?.add" [editable]="column?.editor?.edit"\r\n      [deletable]="column?.editor?.delete" (sdAdd)="editorOnAdd()" (sdEdit)="editorOnEdit($event)"\r\n      (sdDelete)="editorOnDelete($event)">\r\n    </sd-select-editor>\r\n    <sd-select-editor *ngIf="\r\n      column?.option?.selection === \'MULTIPLEAUTOCOMPLETE_EDITOR\'\r\n    " size="sm" [items]="column.option.items" [valueField]="column.option.valueField"\r\n      [displayField]="column.option.displayField" [(model)]="item[column.field]" (sdSelection)="onChange($event)"\r\n      multiple filtered disableErrorMessage [addable]="column?.editor?.add" [editable]="column?.editor?.edit"\r\n      [deletable]="column?.editor?.delete" (sdAdd)="editorOnAdd()" (sdEdit)="editorOnEdit($event)"\r\n      (sdDelete)="editorOnDelete($event)">\r\n    </sd-select-editor>\r\n    \x3c!-- END EDITOR --\x3e\r\n</ng-container>',changeDetection:n.ChangeDetectionStrategy.OnPush}]}],zt.ctorParameters=function(){return[]},zt.propDecorators={sdId:[{type:n.Input}],column:[{type:n.Input}],item:[{type:n.Input}]};var Vt,Ut,qt=function(){function e(e){this.zone=e,Nt.set(this,(function(e,t){if("children"===e.type||"children-col"===e.type)return!1;if(e.editor&&("function"==typeof e.editor.disabled?e.editor.disabled(t):e.editor.disabled))return!1;return!0}))}return e.prototype.transform=function(e,t,n){var i,r,l,o,a=n.editor;if(!a)return null;var s=!1;if(s="function"==typeof(null==a?void 0:a.disabled)?a.disabled(t):null==a?void 0:a.disabled,"inline"===a.type){var d=a.removable;t.editorHandlerRow=Object.assign(Object.assign({},t.editorHandlerRow),{visible:!s,editable:!1,removable:"create"!==e&&("function"==typeof d?d(t):d),savable:!1,cancelable:!s&&"create"===e})}else if("focus"===a.type){if(s)return null;t.editorHandlerRow=Object.assign(Object.assign({},t.editorHandlerRow),{visible:!!e,editable:!e,removable:!1,savable:!!e,cancelable:!!e})}else if("popup"===a.type){if(s)return null;t.editorHandlerRow=Object.assign(Object.assign({},t.editorHandlerRow),{visible:!1,editable:!e,removable:!1,savable:!1,cancelable:!1})}t.editorHandlerColumn=t.editorHandlerColumn||{};var c=n.columns;try{for(var u=ne(c),m=u.next();!m.done;m=u.next()){var p=m.value;if("children-col"===p.type)try{for(var f=(l=void 0,ne(p.children)),g=f.next();!g.done;g=f.next()){var h=g.value;t.editorHandlerColumn[h.field]=Object.assign(Object.assign({},t.editorHandlerColumn[h.field]),{visible:oe(this,Nt).call(this,h,t)})}}catch(e){l={error:e}}finally{try{g&&!g.done&&(o=f.return)&&o.call(f)}finally{if(l)throw l.error}}else t.editorHandlerColumn[p.field]=Object.assign(Object.assign({},t.editorHandlerColumn[p.field]),{visible:oe(this,Nt).call(this,p,t)})}}catch(e){i={error:e}}finally{try{m&&!m.done&&(r=u.return)&&r.call(u)}finally{if(i)throw i.error}}return this.zone.run((function(){t.sdId=Le(t)})),t.editorHandlerRow},e}();Nt=new WeakMap,qt.decorators=[{type:n.Pipe,args:[{name:"sdEditorHandlerRow"}]}],qt.ctorParameters=function(){return[{type:n.NgZone}]};var Wt=function(){function e(){Vt.set(this,void 0),Ut.set(this,200)}return e.prototype.transform=function(e,t,n,i){return ee(this,void 0,void 0,(function(){var e,r,l,o,a=this;return te(this,(function(s){switch(s.label){case 0:return(e=i.editor).validate?"popup"===e.type?(t.editorErrorMessage=null,[2]):"focus"!==e.type||t.editorStatus?(ae(this,Vt,new Date),[4,new Promise((function(e){return setTimeout(e,oe(a,Ut))}))]):(t.editorErrorMessage=null,[2]):(t.editorErrorMessage=null,[2]);case 1:return s.sent(),r=new Date,r.getTime()-oe(this,Vt).getTime()<oe(this,Ut)?[2]:(l=e.validate(t,null==n?void 0:n.indexOf(t)))instanceof Promise?(o=t,[4,l]):[3,3];case 2:return o.editorErrorMessage=s.sent(),[2];case 3:return t.editorErrorMessage=l,[2]}}))}))},e}();Vt=new WeakMap,Ut=new WeakMap,Wt.decorators=[{type:n.Pipe,args:[{name:"sdEditorValidate"}]}];var Gt=function(){function e(){}return e.prototype.transform=function(e,t){var n,i;return(null===(i=null===(n=null==t?void 0:t.style)||void 0===n?void 0:n.rowCss)||void 0===i?void 0:i.call(n,e))||{}},e}();Gt.decorators=[{type:n.Pipe,args:[{name:"sdStyleRowCss"}]}];var Bt=function(){};Bt.decorators=[{type:n.Component,args:[{selector:"sd-desktop-editor-validation",template:'<ng-container *sdLet="item.sdId | sdEditorValidate:item:items:gridOption | async">\r\n  <div class="c-editor-validation" [class.c-danger]="!!item.editorErrorMessage" matTooltipPosition="after"\r\n    [matTooltip]="item.editorErrorMessage">\r\n  </div>\r\n</ng-container>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".text-black400{color:#757575}:host{height:100%;left:0;padding:12px 0;position:absolute;top:0}:host .c-editor-validation{border-bottom-right-radius:2px;border-top-right-radius:2px;height:100%;max-width:4px;min-width:4px;width:4px}:host .c-danger{background-color:#f82c13}"]}]}],Bt.ctorParameters=function(){return[]},Bt.propDecorators={sdId:[{type:n.Input}],item:[{type:n.Input}],items:[{type:n.Input}],gridOption:[{type:n.Input}]};var Qt,Jt,Kt,Yt=[{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"}],Zt=function(){function e(e){var t=this;this.ref=e,this.inlineSymbol="filter_alt",Qt.set(this,void 0),this.inlineOperatorChange=new n.EventEmitter,this.operatorChange=new n.EventEmitter,this.columnFilter={},this.operators=[],this.filterChange=new n.EventEmitter,Jt.set(this,new a.Subject),Kt.set(this,new a.Subscription),this.onFilterChange=function(){t.filterChange.emit()},this.onChangeOperator=function(e){e?(ae(t,Qt,e.value),t.inlineSymbol=e.symbol):(ae(t,Qt,null),t.inlineSymbol="filter_alt"),t.inlineOperatorChange.emit(oe(t,Qt)),t.operatorChange.emit(oe(t,Qt)),t.ref.markForCheck()}}return e.prototype._value=function(e){this.value=e,oe(this,Jt).next()},Object.defineProperty(e.prototype,"_inlineOperator",{set:function(e){var t,n;oe(this,Qt)!==e&&(ae(this,Qt,e),this.inlineSymbol=null!==(n=null===(t=Yt.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||{},oe(this,Jt).next()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_column",{set:function(e){var t,n,i;this.column=e,!(null===(t=null==e?void 0:e.filter)||void 0===t?void 0:t.disabled)&&(null===(i=null===(n=null==e?void 0:e.filter)||void 0===n?void 0:n.operator)||void 0===i?void 0:i.enable)?this.operators=Yt.filter((function(t){var n,i;return null===(i=null===(n=e.filter.operator.list)||void 0===n?void 0:n.includes)||void 0===i?void 0:i.call(n,t.value)})):this.operators=[]},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;oe(this,Kt).add(oe(this,Jt).pipe(c.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.option)||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(){oe(this,Kt).unsubscribe()},e}();Qt=new WeakMap,Jt=new WeakMap,Kt=new WeakMap,Zt.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 === \'date\' ||\r\n        column.type === \'datetime\' ||\r\n        column.type === \'time\';\r\n      else noFilter\r\n    ">\r\n    <ng-container *ngIf="operators.length">\r\n      <div class="d-flex align-items-center">\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 \'}}" fontSet="material-symbols-outlined" [icon]="inlineSymbol" size="sm"\r\n        [matMenuTriggerFor]="menu" type="link"> </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 \':\'\'}}">{{ operator.symbol }}</mat-icon>\r\n            <span> {{ operator.display }}</span>\r\n          </button>\r\n        </mat-menu>\r\n      </div>\r\n    </ng-container>\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    <sd-select *ngIf="column.type === \'values\' && column?.option?.selection !== \'AUTOCOMPLETE\'" style="flex: 1"\r\n      size="sm" [items]="column.option.items" [valueField]="column.option.valueField"\r\n      [displayField]="column.option.displayField" [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()"\r\n      [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.type === \'values\' && column?.option?.selection === \'AUTOCOMPLETE\'" style="flex: 1"\r\n      size="sm" [items]="column.option.items" [valueField]="column.option.valueField"\r\n      [displayField]="column.option.displayField" [(model)]="columnFilter[column.field]" (sdChange)="onFilterChange()"\r\n      [disabled]="column.filter?.disabled">\r\n    </sd-autocomplete>\r\n    <ng-container *ngIf="column.type === \'date\' || column.type === \'datetime\' || column.type === \'time\'">\r\n      <sd-date-range *ngIf="!column.option?.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.option?.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}"]}]}],Zt.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},Zt.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"]}],_column:[{type:n.Input,args:["column"]}],filterChange:[{type:n.Output}]};var Xt=function(){this.transform=function(e,t){var n,i,r,l,o,a,s=t.actions,d=[];if(e.actions=e.actions||[],!(null==s?void 0:s.length))return e.selectable=!0,e.selectable;try{for(var c=ne(s),u=c.next();!u.done;u=c.next()){var m=u.value;if("children"in m){var p=!1,f=!1;try{for(var g=(r=void 0,ne(m.children)),h=g.next();!h.done;h=g.next()){var v=h.value,y=v.hidden,b=v.isGrouped,x=G.default(v);b&&(f=!0),"function"==typeof y?y(e)||(p=!0,e.actions.push(x),b&&d.push(x)):y||(p=!0,e.actions.push(x),b&&d.push(x))}}catch(e){r={error:e}}finally{try{h&&!h.done&&(l=g.return)&&l.call(g)}finally{if(r)throw r.error}}p&&(e.actions.push(G.default(m)),f&&d.push(G.default(m)))}else y=m.hidden,b=m.isGrouped,x=G.default(m),"function"==typeof y?y(e)||(e.actions.push(x),b&&d.push(x)):y||(e.actions.push(x),b&&d.push(x))}}catch(e){n={error:e}}finally{try{u&&!u.done&&(i=c.return)&&i.call(c)}finally{if(n)throw n.error}}return e.selectable=!!e.actions.length,e.selectable&&d.length&&!(null===(a=null===(o=null==e?void 0:e.sdGroup)||void 0===o?void 0:o.items)||void 0===a?void 0:a.length)?e.actions.some((function(e){return!d.includes(e)})):e.selectable}};Xt.decorators=[{type:n.Pipe,args:[{name:"selectionVisible"}]}];var _t,$t,en,tn,nn,rn,ln=function(){var e=this;this.clear=new n.EventEmitter,this.onClear=function(){e.clear.emit()}};ln.decorators=[{type:n.Component,args:[{selector:"sd-grid-quick-action",template:'<sd-quick-action *ngIf="selectedItems | selectionActionFilter: gridOption?.selection?.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">{{ selectedItems.length }}</span>\r\n    </div>\r\n    <div class="c-message">{{ gridOption?.selection?.message || ("selected items" | sdTranslate) }}</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)="action.click(selectedItems)"></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)="childAction.click(selectedItems)"\r\n              [disabled]="childAction.disabled">\r\n              <mat-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}"]}]}],ln.ctorParameters=function(){return[]},ln.propDecorators={gridOption:[{type:n.Input}],selectedItems:[{type:n.Input}],clear:[{type:n.Output}]};var on=function(){function e(e,t,n){this.utilityService=t,this.columnValuesPipe=n,_t.set(this,60),$t.set(this,60*oe(this,_t)),en.set(this,24*oe(this,$t)),tn.set(this,30*oe(this,en)),nn.set(this,365*oe(this,en)),rn.set(this,!1),ae(this,rn,!e.isDesktop())}return e.prototype.transform=function(e,t,n,i){var r;return ee(this,void 0,void 0,(function(){var l,o,a,s,d,c,u,m,p,f,g,h,v,y,b,x,C,w,O;return te(this,(function(F){switch(F.label){case 0:return l=i.displayOnEmpty,o=n.align,a=n.click,s=n.tooltip,d=n.htmlTemplate,c=n.transform,u={badge:null,tooltip:null,display:{align:o||("number"===n.type?"right":"left"),value:e},click:null},"function"!=typeof d?[3,1]:(u.display.hasHtml=!0,u.display.html=d(e,t,oe(this,rn)),[3,10]);case 1:return"datetime"!==n.type&&"date"!==n.type&&"time"!==n.type||(m=n.transformDate)&&(e=m(e,t)),"function"!=typeof c?[3,5]:(p=c(e,t))instanceof Promise?(f=u.display,[4,p]):[3,3];case 2:return f.value=F.sent(),[3,4];case 3:u.display.value=p,F.label=4;case 4:return[3,9];case 5:return"date"!==n.type&&"datetime"!==n.type||(x=n.option,g=Math.round(((new Date).getTime()-new Date(e).getTime())/1e3),"month"===(null==x?void 0:x.timeDifferent)&&g<oe(this,nn)||"day"===(null==x?void 0:x.timeDifferent)&&g<oe(this,tn)||"hour"===(null==x?void 0:x.timeDifferent)&&g<oe(this,en)||"minute"===(null==x?void 0:x.timeDifferent)&&g<oe(this,$t)||"second"===(null==x?void 0:x.timeDifferent)&&g<oe(this,_t)?(u.display.value=this.utilityService.timeDifference(e),u.tooltip=Date.toFormat(e,"date"===n.type?"dd/MM/yyyy":"dd/MM/yyyy HH:mm")):(h=Date.toFormat(e,"dd/MM/yyyy"),v=Date.toFormat(e,"HH:mm"),y=Date.toFormat(e,"HH:mm"),"datetime"===n.type&&v&&"00:00"!==v?(u.display.value=y,u.display.hasHtml=!0,u.display.html='<span class="d-block T14R text-black400">'+Date.toFormat(e,"HH:mm")+'</span><span class="d-block T14R">'+Date.toFormat(e,"dd/MM/yyyy")+"</span>"):u.display.value=h)),"time"===n.type&&(u.display.value=Date.toFormat(e,"HH:mm")),"values"!==n.type?[3,7]:(b=u.display,[4,this.columnValuesPipe.transform(e,n)]);case 6:return b.value=F.sent(),[3,8];case 7:"number"===n.type&&Number.isNumber(e)&&(u.display.value=Number.toVNCurrency(e)),F.label=8;case 8:"bool"===n.type&&(x=n.option,u.display.value=null!=e&&""!==e?!0===e?(null==x?void 0:x.displayOnTrue)||"True":(null==x?void 0:x.displayOnFalse)||"False":null),F.label=9;case 9:l&&(C=[null,void 0,""],"object"==typeof l?(w=l.display,O=l.emptyValues,(C=re([null,void 0,""],O)).includes(u.display.value)&&("function"==typeof w?(u.display.hasHtml=!0,u.display.html=w(t,n)):(u.display.hasHtml=!0,u.display.html='<div class="T16R text-black400">--</div>'))):C.includes(u.display.value)&&("function"==typeof l?(u.display.hasHtml=!0,u.display.html=l(t,n)):(u.display.hasHtml=!0,u.display.html='<div class="T16R text-black400">--</div>'))),F.label=10;case 10:return"string"!==n.type&&"number"!==n.type&&"values"!==n.type||!n.badge?"bool"===n.type&&(u.badge={type:(null==n?void 0:n.badgeType)?n.badgeType:"round",color:e?"success":"danger",icon:null}):u.badge={type:(null==n?void 0:n.badgeType)?n.badgeType:"round",color:n.badge(e,t),icon:null===(r=null==n?void 0:n.badgeIcon)||void 0===r?void 0:r.call(n,e,t)},"function"==typeof s&&(u.tooltip=s(e,t)),"function"==typeof a&&(u.click=function(){return a(e,t)}),null===u.display.value&&(u.display.value=void 0),[2,u]}}))}))},e}();_t=new WeakMap,$t=new WeakMap,en=new WeakMap,tn=new WeakMap,nn=new WeakMap,rn=new WeakMap,on.decorators=[{type:n.Pipe,args:[{name:"cellView"}]}],on.ctorParameters=function(){return[{type:m.DeviceDetectorService},{type:U.SdUtilityService},{type:ke}]};var an=function(){function e(){}return e.prototype.transform=function(e,t){var n,i,r,l,o,a,s,d,c,u,m=t.group;if(!m)return e;var p=m.fields,f=m.htmlTemplate;if(!(null==p?void 0:p.length))return e;var g={};try{for(var h=ne(e),v=h.next();!v.done;v=h.next()){var y=v.value,b={};try{for(var x=(r=void 0,ne(p)),C=x.next();!C.done;C=x.next()){var w=C.value;b=Object.assign(Object.assign({},b),null!==(u=y[w])&&void 0!==u?u:((o={})[w]=y[w],o))}}catch(e){r={error:e}}finally{try{C&&!C.done&&(l=x.return)&&l.call(x)}finally{if(r)throw r.error}}g[I=G.default(b)]||(g[I]=[]),g[I].push(y)}}catch(e){n={error:e}}finally{try{v&&!v.done&&(i=h.return)&&i.call(h)}finally{if(n)throw n.error}}var O=[];try{for(var F=ne(Object.keys(g)),D=F.next();!D.done;D=F.next()){var I=D.value;O.push({sdGroup:{items:g[I],htmlTemplate:f(g[I])}});try{for(var k=(d=void 0,ne(g[I])),S=k.next();!S.done;S=k.next()){y=S.value;O.push(y)}}catch(e){d={error:e}}finally{try{S&&!S.done&&(c=k.return)&&c.call(k)}finally{if(d)throw d.error}}}}catch(e){a={error:e}}finally{try{D&&!D.done&&(s=F.return)&&s.call(F)}finally{if(a)throw a.error}}return O},e}();an.decorators=[{type:n.Pipe,args:[{name:"sdGroup"}]}];var sn=function(e){function t(){var t=e.apply(this,re(arguments))||this;return t.firstPageLabel="Trang đầu",t.lastPageLabel="Trang cuối",t.itemsPerPageLabel="Kích thước trang",t.nextPageLabel="Trang sau",t.previousPageLabel="Trang trước",t.getRangeLabel=function(e,t,n){if(0===n||0===t)return"";var i=e*t+1;return i+"-"+(i+(n-e*t>t?t:n-e*t)-1)+" trên "+n},t}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}_(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t}(i.MatPaginatorIntl);sn.decorators=[{type:n.Injectable}];var dn=function(){};dn.decorators=[{type:n.NgModule,args:[{imports:[x.CommonModule,v.FormsModule,v.ReactiveFormsModule,O.MatInputModule,C.MatFormFieldModule,r.MatSortModule,i.MatPaginatorModule,F.MatTableModule,S.MatMenuModule,w.MatIconModule,E.MatButtonModule,P.MatTooltipModule,D.MatProgressSpinnerModule,H.MatChipsModule,R.MatRadioModule,A.MatSlideToggleModule,j.MatCheckboxModule,N.MatListModule,z.MatDividerModule,I.CdkTableModule,d.DragDropModule,L.SdFormModule,M.SdServiceModule,T.MatSliderModule,k.ScrollingModule,t.SdCommonModule,q.SdGroupModule],declarations:[ln,jt,zt,Bt,gt,xt,Ot,Zt,dt,Y,J,K,X,Z,Oe,kt,fe,de,Lt,It,Ct,wt,ct,ut,mt,pt,ke,ft,ht,Tt,Ft,yt,vt,Et,Xt,Mt,Ht,qt,je,Wt,Gt,on,an],exports:[dt,Y,J,K,Z,X],providers:[x.DatePipe,x.DecimalPipe,I.CdkColumnDef,st,Ie,At,ke,je,{provide:i.MatPaginatorIntl,useClass:sn}]}]}],e.GRID_MATERIAL_CONFIG=Q,e.SdGridMaterial=dt,e.SdGridMaterialModule=dn,e.SdMaterialCellDefDirective=J,e.SdMaterialEmptyDataDefDirective=Z,e.SdMaterialFilterDefDirective=K,e.SdMaterialFooterDefDirective=Y,e.SdMaterialSubInformationDefDirective=X,e.ɵa=sn,e.ɵb=fe,e.ɵba=ft,e.ɵbb=ht,e.ɵbc=Tt,e.ɵbd=Ft,e.ɵbe=yt,e.ɵbf=vt,e.ɵbg=Et,e.ɵbh=Xt,e.ɵbi=Mt,e.ɵbj=Ht,e.ɵbk=qt,e.ɵbl=Wt,e.ɵbm=Gt,e.ɵbn=on,e.ɵbo=an,e.ɵc=de,e.ɵd=Oe,e.ɵe=Ie,e.ɵf=ke,e.ɵg=st,e.ɵh=je,e.ɵi=ln,e.ɵj=jt,e.ɵk=zt,e.ɵl=Bt,e.ɵm=gt,e.ɵn=xt,e.ɵo=Ot,e.ɵp=Zt,e.ɵq=kt,e.ɵr=Lt,e.ɵs=At,e.ɵt=It,e.ɵu=Ct,e.ɵv=wt,e.ɵw=ct,e.ɵx=ut,e.ɵy=mt,e.ɵz=pt,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=sd-angular-core-grid-material.umd.min.js.map