@indigina/ui-kit 1.1.53 → 1.1.55

package/esm2022/lib/components/kit-grid/kit-grid.component.mjs

@@ -9,10 +9,6 @@ import * as i2 from "@progress/kendo-angular-grid";
 import * as i3 from "../kit-svg-icon/kit-svg-icon.component";
 export class KitGridComponent {
     constructor() {
-        /**
-         * Sets the data of the grid
-         */
-        this.data = [];
         /**
          * Enables the sorting of the grid columns
          */
@@ -59,7 +55,7 @@ export class KitGridComponent {
         this.KitGridSortDirection = KitGridSortDirection;
         this.expandedRows = [];
         this.getCssRowClass = (context) => {
-            const expanded = this.expandedRows.includes(context.index);
+            const expanded = this.expandedRows.includes(context.dataItem);
             return {
                 expanded,
             };
@@ -68,10 +64,12 @@ export class KitGridComponent {
     onDataStateChange(event) {
         this.skip = event.skip;
         this.sort = event.sort || [];
+        this.collapseAllRows();
         this.dataStateChanged.emit(event);
     }
     onSortChange(event) {
         this.sort = event;
+        this.collapseAllRows();
         this.sortChanged.emit(event);
     }
     getSortingDirection(columnField) {
@@ -81,16 +79,14 @@ export class KitGridComponent {
         return !!this.sortable && column.sortable;
     }
     onDetailExpand(event) {
-        this.expandedRows.push(event.index);
         this.detailExpanded.emit(event);
     }
     onDetailCollapse(event) {
-        const index = this.expandedRows.indexOf(event.index);
-        this.expandedRows.splice(index, 1);
         this.detailCollapsed.emit(event);
     }
     onPageChange(event) {
         this.skip = event.skip;
+        this.collapseAllRows();
         this.pageChanged.emit(event);
     }
     getPagerSettings() {
@@ -100,14 +96,19 @@ export class KitGridComponent {
         };
         return this.pageable && pagerSettings || false;
     }
+    collapseAllRows() {
+        this.expandedRows = [];
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitGridComponent, selector: "kit-grid", inputs: { data: "data", sortable: "sortable", sort: "sort", pageable: "pageable", pageSize: "pageSize", skip: "skip", detailTemplateShowIf: "detailTemplateShowIf" }, outputs: { pageChanged: "pageChanged", sortChanged: "sortChanged", dataStateChanged: "dataStateChanged", detailExpanded: "detailExpanded", detailCollapsed: "detailCollapsed" }, queries: [{ propertyName: "kitGridDetailTemplate", first: true, predicate: KitGridDetailTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "columns", predicate: KitGridColumnComponent }], ngImport: i0, template: "<kendo-grid class=\"kit-grid\"\n            [data]=\"data\"\n            [sortable]=\"sortable\"\n            [sort]=\"sort\"\n            [rowClass]=\"getCssRowClass\"\n            [pageable]=\"getPagerSettings()\"\n            [pageSize]=\"pageSize\"\n            [skip]=\"skip\"\n            (detailExpand)=\"onDetailExpand($event)\"\n            (detailCollapse)=\"onDetailCollapse($event)\"\n            (sortChange)=\"onSortChange($event)\"\n            (pageChange)=\"onPageChange($event)\"\n            (dataStateChange)=\"onDataStateChange($event)\">\n  @for (column of columns; track column) {\n    <kendo-grid-column [field]=\"column.field\"\n                       [sortable]=\"column.sortable\"\n                       [width]=\"column.width\">\n      <ng-template kendoGridHeaderTemplate>\n        <div class=\"grid-title\"\n             [class.sortable]=\"isColumnSortable(column)\">\n          @if (column.titleIcon) {\n            <kit-svg-icon class=\"grid-title-icon\"\n                          [icon]=\"column.titleIcon\"\n                          [ngClass]=\"column.titleIconType\"\n            ></kit-svg-icon>\n          }\n\n          <div class=\"grid-title-text\">\n            {{ column.title }}\n          </div>\n\n          @if (sortable && column.sortable) {\n            @switch (getSortingDirection(column.field)) {\n              @case (KitGridSortDirection.ASC) {\n                <kit-svg-icon class=\"grid-title-sort-icon\"\n                              [icon]=\"KitSvgIcon.SORT_ASCENDING\"\n                ></kit-svg-icon>\n              }\n              @case (KitGridSortDirection.DESC) {\n                <kit-svg-icon class=\"grid-title-sort-icon\"\n                              [icon]=\"KitSvgIcon.SORT_DESCENDING\"\n                ></kit-svg-icon>\n              }\n            }\n          }\n        </div>\n      </ng-template>\n\n      @if (column.cellTemplate) {\n        <ng-template kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </ng-template>\n      }\n    </kendo-grid-column>\n\n    @if (kitGridDetailTemplate) {\n      <ng-template kendoGridDetailTemplate let-dataItem\n                   [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n        <ng-container *ngTemplateOutlet=\"kitGridDetailTemplate; context: { $implicit: dataItem }\"\n        ></ng-container>\n      </ng-template>\n    }\n  }\n</kendo-grid>\n", styles: [".kit-grid{border:none;background:none}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15)}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-table-row:last-child .k-table-td{border-bottom:none}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;font-family:WebComponentsIcons,sans-serif;font-size:22px}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\\e005\";color:var(--ui-kit-color-grey-12);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:0;border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-nav:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-nav:after{opacity:0}.kit-grid ::ng-deep .k-pager-nav.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav:not(.k-selected):hover:before{background-color:#0000000f}.kit-grid ::ng-deep .k-pager-nav.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager .k-pager-first,.kit-grid ::ng-deep .k-pager .k-pager-last{display:none}.kit-grid ::ng-deep .k-pager .k-button-icon{font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-left:before{content:\"\\e016\"}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-right:before{content:\"\\e014\"}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "component", type: i2.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i2.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "directive", type: i2.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i2.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitGridComponent, selector: "kit-grid", inputs: { data: "data", gridDataBinding: "gridDataBinding", sortable: "sortable", sort: "sort", pageable: "pageable", pageSize: "pageSize", skip: "skip", detailTemplateShowIf: "detailTemplateShowIf" }, outputs: { pageChanged: "pageChanged", sortChanged: "sortChanged", dataStateChanged: "dataStateChanged", detailExpanded: "detailExpanded", detailCollapsed: "detailCollapsed" }, queries: [{ propertyName: "kitGridDetailTemplate", first: true, predicate: KitGridDetailTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "columns", predicate: KitGridColumnComponent }], ngImport: i0, template: "@if (data) {\n  <kendo-grid class=\"kit-grid\"\n              kendoGridExpandDetailsBy\n              [data]=\"data\"\n              [sortable]=\"sortable\"\n              [sort]=\"sort\"\n              [rowClass]=\"getCssRowClass\"\n              [pageable]=\"getPagerSettings()\"\n              [pageSize]=\"pageSize\"\n              [skip]=\"skip\"\n              [(expandedDetailKeys)]=\"expandedRows\"\n              (detailExpand)=\"onDetailExpand($event)\"\n              (detailCollapse)=\"onDetailCollapse($event)\"\n              (sortChange)=\"onSortChange($event)\"\n              (pageChange)=\"onPageChange($event)\"\n              (dataStateChange)=\"onDataStateChange($event)\">\n    @for (column of columns; track column) {\n      <kendo-grid-column [field]=\"column.field\"\n                         [sortable]=\"column.sortable\"\n                         [width]=\"column.width\">\n        <ng-template kendoGridHeaderTemplate>\n          <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n          ></ng-container>\n        </ng-template>\n\n        @if (column.cellTemplate) {\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n            ></ng-container>\n          </ng-template>\n        }\n      </kendo-grid-column>\n\n      @if (kitGridDetailTemplate) {\n        <ng-template kendoGridDetailTemplate let-dataItem\n                     [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n          <ng-container *ngTemplateOutlet=\"kitGridDetailTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </ng-template>\n      }\n    }\n  </kendo-grid>\n}\n\n@if (gridDataBinding) {\n  <kendo-grid class=\"kit-grid\"\n              kendoGridExpandDetailsBy\n              [kendoGridBinding]=\"gridDataBinding\"\n              [rowClass]=\"getCssRowClass\"\n              [pageable]=\"getPagerSettings()\"\n              [pageSize]=\"pageSize\"\n              [sortable]=\"sortable\"\n              [sort]=\"sort\"\n              [skip]=\"skip\"\n              [(expandedDetailKeys)]=\"expandedRows\"\n              (detailExpand)=\"onDetailExpand($event)\"\n              (detailCollapse)=\"onDetailCollapse($event)\"\n              (pageChange)=\"onPageChange($event)\"\n              (sortChange)=\"onSortChange($event)\"\n              (dataStateChange)=\"onDataStateChange($event)\">\n    @for (column of columns; track column) {\n      <kendo-grid-column [field]=\"column.field\"\n                         [sortable]=\"column.sortable\"\n                         [width]=\"column.width\">\n        @if (column.cellTemplate) {\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n            ></ng-container>\n          </ng-template>\n        }\n\n        <ng-template kendoGridHeaderTemplate>\n          <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n          ></ng-container>\n        </ng-template>\n      </kendo-grid-column>\n\n      @if (kitGridDetailTemplate) {\n        <ng-template kendoGridDetailTemplate let-dataItem\n                     [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n          <ng-container *ngTemplateOutlet=\"kitGridDetailTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </ng-template>\n      }\n    }\n  </kendo-grid>\n}\n\n<ng-template #columnHeaderTemplate let-column>\n  <div class=\"grid-title\"\n       [class.sortable]=\"isColumnSortable(column)\">\n    @if (column.titleIcon) {\n      <kit-svg-icon class=\"grid-title-icon\"\n                    [icon]=\"column.titleIcon\"\n                    [ngClass]=\"column.titleIconType\"\n      ></kit-svg-icon>\n    }\n\n    <div class=\"grid-title-text\">\n      {{ column.title }}\n    </div>\n\n    @if (sortable && column.sortable) {\n      @switch (getSortingDirection(column.field)) {\n        @case (KitGridSortDirection.ASC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"KitSvgIcon.SORT_ASCENDING\"\n          ></kit-svg-icon>\n        }\n        @case (KitGridSortDirection.DESC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"KitSvgIcon.SORT_DESCENDING\"\n          ></kit-svg-icon>\n        }\n      }\n    }\n  </div>\n</ng-template>\n", styles: [".kit-grid{border:none;background:none}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15)}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-pager{margin:20px 0;justify-content:flex-start}.kit-grid ::ng-deep .k-detail-row .k-grid-norecords{text-align:left}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;font-family:WebComponentsIcons,sans-serif;font-size:22px}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\\e005\";color:var(--ui-kit-color-grey-12);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:0;border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-nav:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-nav:after{opacity:0}.kit-grid ::ng-deep .k-pager-nav.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav:not(.k-selected):hover:before{background-color:#0000000f}.kit-grid ::ng-deep .k-pager-nav.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager .k-pager-first,.kit-grid ::ng-deep .k-pager .k-pager-last{display:none}.kit-grid ::ng-deep .k-pager .k-button-icon{font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-left:before{content:\"\\e016\"}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-right:before{content:\"\\e014\"}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i2.DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"], exportAs: ["kendoGridBinding"] }, { kind: "directive", type: i2.ExpandDetailsDirective, selector: "[kendoGridExpandDetailsBy]", inputs: ["kendoGridExpandDetailsBy", "expandDetailBy", "expandedDetailKeys", "initiallyExpanded"], outputs: ["expandedDetailKeysChange"], exportAs: ["kendoGridExpandDetailsBy"] }, { kind: "component", type: i2.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i2.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "directive", type: i2.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i2.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "<kendo-grid class=\"kit-grid\"\n            [data]=\"data\"\n            [sortable]=\"sortable\"\n            [sort]=\"sort\"\n            [rowClass]=\"getCssRowClass\"\n            [pageable]=\"getPagerSettings()\"\n            [pageSize]=\"pageSize\"\n            [skip]=\"skip\"\n            (detailExpand)=\"onDetailExpand($event)\"\n            (detailCollapse)=\"onDetailCollapse($event)\"\n            (sortChange)=\"onSortChange($event)\"\n            (pageChange)=\"onPageChange($event)\"\n            (dataStateChange)=\"onDataStateChange($event)\">\n  @for (column of columns; track column) {\n    <kendo-grid-column [field]=\"column.field\"\n                       [sortable]=\"column.sortable\"\n                       [width]=\"column.width\">\n      <ng-template kendoGridHeaderTemplate>\n        <div class=\"grid-title\"\n             [class.sortable]=\"isColumnSortable(column)\">\n          @if (column.titleIcon) {\n            <kit-svg-icon class=\"grid-title-icon\"\n                          [icon]=\"column.titleIcon\"\n                          [ngClass]=\"column.titleIconType\"\n            ></kit-svg-icon>\n          }\n\n          <div class=\"grid-title-text\">\n            {{ column.title }}\n          </div>\n\n          @if (sortable && column.sortable) {\n            @switch (getSortingDirection(column.field)) {\n              @case (KitGridSortDirection.ASC) {\n                <kit-svg-icon class=\"grid-title-sort-icon\"\n                              [icon]=\"KitSvgIcon.SORT_ASCENDING\"\n                ></kit-svg-icon>\n              }\n              @case (KitGridSortDirection.DESC) {\n                <kit-svg-icon class=\"grid-title-sort-icon\"\n                              [icon]=\"KitSvgIcon.SORT_DESCENDING\"\n                ></kit-svg-icon>\n              }\n            }\n          }\n        </div>\n      </ng-template>\n\n      @if (column.cellTemplate) {\n        <ng-template kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </ng-template>\n      }\n    </kendo-grid-column>\n\n    @if (kitGridDetailTemplate) {\n      <ng-template kendoGridDetailTemplate let-dataItem\n                   [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n        <ng-container *ngTemplateOutlet=\"kitGridDetailTemplate; context: { $implicit: dataItem }\"\n        ></ng-container>\n      </ng-template>\n    }\n  }\n</kendo-grid>\n", styles: [".kit-grid{border:none;background:none}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15)}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-table-row:last-child .k-table-td{border-bottom:none}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;font-family:WebComponentsIcons,sans-serif;font-size:22px}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\\e005\";color:var(--ui-kit-color-grey-12);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:0;border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-nav:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-nav:after{opacity:0}.kit-grid ::ng-deep .k-pager-nav.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav:not(.k-selected):hover:before{background-color:#0000000f}.kit-grid ::ng-deep .k-pager-nav.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager .k-pager-first,.kit-grid ::ng-deep .k-pager .k-pager-last{display:none}.kit-grid ::ng-deep .k-pager .k-button-icon{font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-left:before{content:\"\\e016\"}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-right:before{content:\"\\e014\"}\n"] }]
+            args: [{ selector: 'kit-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (data) {\n  <kendo-grid class=\"kit-grid\"\n              kendoGridExpandDetailsBy\n              [data]=\"data\"\n              [sortable]=\"sortable\"\n              [sort]=\"sort\"\n              [rowClass]=\"getCssRowClass\"\n              [pageable]=\"getPagerSettings()\"\n              [pageSize]=\"pageSize\"\n              [skip]=\"skip\"\n              [(expandedDetailKeys)]=\"expandedRows\"\n              (detailExpand)=\"onDetailExpand($event)\"\n              (detailCollapse)=\"onDetailCollapse($event)\"\n              (sortChange)=\"onSortChange($event)\"\n              (pageChange)=\"onPageChange($event)\"\n              (dataStateChange)=\"onDataStateChange($event)\">\n    @for (column of columns; track column) {\n      <kendo-grid-column [field]=\"column.field\"\n                         [sortable]=\"column.sortable\"\n                         [width]=\"column.width\">\n        <ng-template kendoGridHeaderTemplate>\n          <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n          ></ng-container>\n        </ng-template>\n\n        @if (column.cellTemplate) {\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n            ></ng-container>\n          </ng-template>\n        }\n      </kendo-grid-column>\n\n      @if (kitGridDetailTemplate) {\n        <ng-template kendoGridDetailTemplate let-dataItem\n                     [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n          <ng-container *ngTemplateOutlet=\"kitGridDetailTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </ng-template>\n      }\n    }\n  </kendo-grid>\n}\n\n@if (gridDataBinding) {\n  <kendo-grid class=\"kit-grid\"\n              kendoGridExpandDetailsBy\n              [kendoGridBinding]=\"gridDataBinding\"\n              [rowClass]=\"getCssRowClass\"\n              [pageable]=\"getPagerSettings()\"\n              [pageSize]=\"pageSize\"\n              [sortable]=\"sortable\"\n              [sort]=\"sort\"\n              [skip]=\"skip\"\n              [(expandedDetailKeys)]=\"expandedRows\"\n              (detailExpand)=\"onDetailExpand($event)\"\n              (detailCollapse)=\"onDetailCollapse($event)\"\n              (pageChange)=\"onPageChange($event)\"\n              (sortChange)=\"onSortChange($event)\"\n              (dataStateChange)=\"onDataStateChange($event)\">\n    @for (column of columns; track column) {\n      <kendo-grid-column [field]=\"column.field\"\n                         [sortable]=\"column.sortable\"\n                         [width]=\"column.width\">\n        @if (column.cellTemplate) {\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n            ></ng-container>\n          </ng-template>\n        }\n\n        <ng-template kendoGridHeaderTemplate>\n          <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n          ></ng-container>\n        </ng-template>\n      </kendo-grid-column>\n\n      @if (kitGridDetailTemplate) {\n        <ng-template kendoGridDetailTemplate let-dataItem\n                     [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n          <ng-container *ngTemplateOutlet=\"kitGridDetailTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </ng-template>\n      }\n    }\n  </kendo-grid>\n}\n\n<ng-template #columnHeaderTemplate let-column>\n  <div class=\"grid-title\"\n       [class.sortable]=\"isColumnSortable(column)\">\n    @if (column.titleIcon) {\n      <kit-svg-icon class=\"grid-title-icon\"\n                    [icon]=\"column.titleIcon\"\n                    [ngClass]=\"column.titleIconType\"\n      ></kit-svg-icon>\n    }\n\n    <div class=\"grid-title-text\">\n      {{ column.title }}\n    </div>\n\n    @if (sortable && column.sortable) {\n      @switch (getSortingDirection(column.field)) {\n        @case (KitGridSortDirection.ASC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"KitSvgIcon.SORT_ASCENDING\"\n          ></kit-svg-icon>\n        }\n        @case (KitGridSortDirection.DESC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"KitSvgIcon.SORT_DESCENDING\"\n          ></kit-svg-icon>\n        }\n      }\n    }\n  </div>\n</ng-template>\n", styles: [".kit-grid{border:none;background:none}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15)}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-pager{margin:20px 0;justify-content:flex-start}.kit-grid ::ng-deep .k-detail-row .k-grid-norecords{text-align:left}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;font-family:WebComponentsIcons,sans-serif;font-size:22px}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\\e005\";color:var(--ui-kit-color-grey-12);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:0;border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-nav:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-nav:after{opacity:0}.kit-grid ::ng-deep .k-pager-nav.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav:not(.k-selected):hover:before{background-color:#0000000f}.kit-grid ::ng-deep .k-pager-nav.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager .k-pager-first,.kit-grid ::ng-deep .k-pager .k-pager-last{display:none}.kit-grid ::ng-deep .k-pager .k-button-icon{font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-left:before{content:\"\\e016\"}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-right:before{content:\"\\e014\"}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
+            }], gridDataBinding: [{
+                type: Input
             }], sortable: [{
                 type: Input
             }], sort: [{
@@ -137,4 +138,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                 type: ContentChild,
                 args: [KitGridDetailTemplateDirective, { read: TemplateRef }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtZ3JpZC9raXQtZ3JpZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1ncmlkL2tpdC1ncmlkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixlQUFlLEVBQ2YsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4sV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBS3JGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQVVoRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7Ozs7QUFRdEYsTUFBTSxPQUFPLGdCQUFnQjtJQU43QjtRQU9FOztXQUVHO1FBQ00sU0FBSSxHQUErQixFQUFFLENBQUM7UUFFL0M7O1dBRUc7UUFDTSxhQUFRLEdBQWtDLEtBQUssQ0FBQztRQUV6RDs7V0FFRztRQUNNLFNBQUksR0FBNEIsRUFBRSxDQUFDO1FBRTVDOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQU9uQzs7V0FFRztRQUNNLFNBQUksR0FBVyxDQUFDLENBQUM7UUFFMUI7O1dBRUc7UUFDTSx5QkFBb0IsR0FBNkIsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDO1FBRXRFOztXQUVHO1FBQ08sZ0JBQVcsR0FBeUMsSUFBSSxZQUFZLEVBQTBCLENBQUM7UUFFekc7O1dBRUc7UUFD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QkFDRSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLElBQUk7c0JBQVosS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFLSSxXQUFXO3NCQUFwQixNQUFNO2dCQUtHLFdBQVc7c0JBQXBCLE1BQU07Z0JBS0csZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUtHLGNBQWM7c0JBQXZCLE1BQU07Z0JBS0csZUFBZTtzQkFBeEIsTUFBTTtnQkFFa0MsT0FBTztzQkFBL0MsZUFBZTt1QkFBQyxzQkFBc0I7Z0JBQzhCLHFCQUFxQjtzQkFBekYsWUFBWTt1QkFBQyw4QkFBOEIsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdEdyaWRDb2x1bW5Db21wb25lbnQgfSBmcm9tICcuL2tpdC1ncmlkLWNvbHVtbi9raXQtZ3JpZC1jb2x1bW4uY29tcG9uZW50JztcbmltcG9ydCB7XG4gIFBhZ2VyU2V0dGluZ3MsXG4gIFJvd0NsYXNzQXJncyxcbn0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItZ3JpZCc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5pbXBvcnQge1xuICBLaXRHcmlkRGF0YVN0YXRlQ2hhbmdlRXZlbnQsXG4gIEtpdEdyaWRTb3J0RGVzY3JpcHRvcixcbiAgS2l0R3JpZFNvcnRTZXR0aW5ncyxcbiAgS2l0R3JpZFBhZ2VDaGFuZ2VFdmVudCxcbiAgS2l0R3JpZERldGFpbEV4cGFuZEV2ZW50LFxuICBLaXRHcmlkRGV0YWlsQ29sbGFwc2VFdmVudCxcbiAgS2l0R3JpZERhdGFSZXN1bHQsXG59IGZyb20gJy4va2l0LWdyaWQubW9kZWwnO1xuaW1wb3J0IHsgS2l0R3JpZFNvcnREaXJlY3Rpb24gfSBmcm9tICcuL2tpdC1ncmlkLmNvbnN0JztcbmltcG9ydCB7IEtpdEdyaWREZXRhaWxUZW1wbGF0ZURpcmVjdGl2ZSB9IGZyb20gJy4va2l0LWdyaWQtZGV0YWlsLXRlbXBsYXRlLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1ncmlkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1ncmlkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2tpdC1ncmlkLmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEtpdEdyaWRDb21wb25lbnQ8VD4ge1xuICAvKipcbiAgICogU2V0cyB0aGUgZGF0YSBvZiB0aGUgZ3JpZFxuICAgKi9cbiAgQElucHV0KCkgZGF0YTogVFtdIHwgS2l0R3JpZERhdGFSZXN1bHQ8VD4gPSBbXTtcblxuICAvKipcbiAgICogRW5hYmxlcyB0aGUgc29ydGluZyBvZiB0aGUgZ3JpZCBjb2x1bW5zXG4gICAqL1xuICBASW5wdXQoKSBzb3J0YWJsZTogS2l0R3JpZFNvcnRTZXR0aW5ncyB8IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogVGhlIGRlc2NyaXB0b3JzIGJ5IHdoaWNoIHRoZSBkYXRhIHdpbGwgYmUgc29ydGVkXG4gICAqL1xuICBASW5wdXQoKSBzb3J0OiBLaXRHcmlkU29ydERlc2NyaXB0b3JbXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBFbmFibGVzIHRoZSBwYWdlciBvZiB0aGUgZ3JpZFxuICAgKi9cbiAgQElucHV0KCkgcGFnZWFibGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgcGFnZSBzaXplXG4gICAqL1xuICBASW5wdXQoKSBwYWdlU2l6ZT86IG51bWJlcjtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgbnVtYmVyIG9mIHJlY29yZHMgdG8gYmUgc2tpcHBlZCBieSB0aGUgcGFnZXJcbiAgICovXG4gIEBJbnB1dCgpIHNraXA6IG51bWJlciA9IDA7XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRvIGRldGVybWluZSBpZiB0aGUgZGV0YWlsIHRlbXBsYXRlIHNob3VsZCBiZSB2aXNpYmxlXG4gICAqL1xuICBASW5wdXQoKSBkZXRhaWxUZW1wbGF0ZVNob3dJZjogKGRhdGFJdGVtOiBUKSA9PiBib29sZWFuID0gKCkgPT4gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEFuIGFjdGlvbiB3aGljaCBpcyBlbWl0dGVkIHdoZW4gdGhlIHBhZ2Ugb2YgdGhlIGdyaWQgaXMgY2hhbmdlZFxuICAgKi9cbiAgQE91dHB1dCgpIHBhZ2VDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8S2l0R3JpZFBhZ2VDaGFuZ2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEtpdEdyaWRQYWdlQ2hhbmdlRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqIEFuIGFjdGlvbiB3aGljaCBpcyBlbWl0dGVkIG9uY2UgdGhlIHNvcnRpbmcgb2YgdGhlIGdyaWQgaXMgY2hhbmdlZFxuICAgKi9cbiAgQE91dHB1dCgpIHNvcnRDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8S2l0R3JpZFNvcnREZXNjcmlwdG9yW10+ID0gbmV3IEV2ZW50RW1pdHRlcjxLaXRHcmlkU29ydERlc2NyaXB0b3JbXT4oKTtcblxuICAvKipcbiAgICogQW4gYWN0aW9uIHdoaWNoIGlzIGVtaXR0ZWQgd2hlbiB0aGUgZGF0YSBzdGF0ZSBvZiB0aGUgZ3JpZCBpcyBjaGFuZ2VkXG4gICAqL1xuICBAT3V0cHV0KCkgZGF0YVN0YXRlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPEtpdEdyaWREYXRhU3RhdGVDaGFuZ2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEtpdEdyaWREYXRhU3RhdGVDaGFuZ2VFdmVudD4oKTtcblxuICAvKipcbiAgICogQW4gYWN0aW9uIHdoaWNoIGlzIGVtaXR0ZWQgd2hlbiB0aGUgbWFzdGVyIHJvdyBpcyBleHBhbmRlZFxuICAgKi9cbiAgQE91dHB1dCgpIGRldGFpbEV4cGFuZGVkOiBFdmVudEVtaXR0ZXI8S2l0R3JpZERldGFpbEV4cGFuZEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8S2l0R3JpZERldGFpbEV4cGFuZEV2ZW50PigpO1xuXG4gIC8qKlxuICAgKiBBbiBhY3Rpb24gd2hpY2ggaXMgZW1pdHRlZCB3aGVuIHRoZSBtYXN0ZXIgcm93IGlzIGNvbGxhcHNlZFxuICAgKi9cbiAgQE91dHB1dCgpIGRldGFpbENvbGxhcHNlZDogRXZlbnRFbWl0dGVyPEtpdEdyaWREZXRhaWxDb2xsYXBzZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8S2l0R3JpZERldGFpbENvbGxhcHNlRXZlbnQ+KCk7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihLaXRHcmlkQ29sdW1uQ29tcG9uZW50KSBjb2x1bW5zOiBRdWVyeUxpc3Q8S2l0R3JpZENvbHVtbkNvbXBvbmVudD4gfCBudWxsID0gbnVsbDtcbiAgQENvbnRlbnRDaGlsZChLaXRHcmlkRGV0YWlsVGVtcGxhdGVEaXJlY3RpdmUsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkga2l0R3JpZERldGFpbFRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxIVE1MRWxlbWVudD4gfCBudWxsID0gbnVsbDtcblxuICByZWFkb25seSBLaXRTdmdJY29uOiB0eXBlb2YgS2l0U3ZnSWNvbiA9IEtpdFN2Z0ljb247XG4gIHJlYWRvbmx5IEtpdEdyaWRTb3J0RGlyZWN0aW9uOiB0eXBlb2YgS2l0R3JpZFNvcnREaXJlY3Rpb24gPSBLaXRHcmlkU29ydERpcmVjdGlvbjtcbiAgcHJpdmF0ZSBleHBhbmRlZFJvd3M6IG51bWJlcltdID0gW107XG5cbiAgb25EYXRhU3RhdGVDaGFuZ2UoZXZlbnQ6IEtpdEdyaWREYXRhU3RhdGVDaGFuZ2VFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuc2tpcCA9IGV2ZW50LnNraXA7XG4gICAgdGhpcy5zb3J0ID0gZXZlbnQuc29ydCB8fCBbXTtcbiAgICB0aGlzLmRhdGFTdGF0ZUNoYW5nZWQuZW1pdChldmVudCk7XG4gIH1cblxuICBvblNvcnRDaGFuZ2UoZXZlbnQ6IEtpdEdyaWRTb3J0RGVzY3JpcHRvcltdKTogdm9pZCB7XG4gICAgdGhpcy5zb3J0ID0gZXZlbnQ7XG4gICAgdGhpcy5zb3J0Q2hhbmdlZC5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIGdldFNvcnRpbmdEaXJlY3Rpb24oY29sdW1uRmllbGQ6IHN0cmluZyk6IHN0cmluZyB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLnNvcnQuZmluZChpdGVtID0+IGl0ZW0uZmllbGQgPT09IGNvbHVtbkZpZWxkKT8uZGlyID8/IG51bGw7XG4gIH1cblxuICBpc0NvbHVtblNvcnRhYmxlKGNvbHVtbjogS2l0R3JpZENvbHVtbkNvbXBvbmVudCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuc29ydGFibGUgJiYgY29sdW1uLnNvcnRhYmxlO1xuICB9XG5cbiAgb25EZXRhaWxFeHBhbmQoZXZlbnQ6IEtpdEdyaWREZXRhaWxFeHBhbmRFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWRSb3dzLnB1c2goZXZlbnQuaW5kZXgpO1xuICAgIHRoaXMuZGV0YWlsRXhwYW5kZWQuZW1pdChldmVudCk7XG4gIH1cblxuICBvbkRldGFpbENvbGxhcHNlKGV2ZW50OiBLaXRHcmlkRGV0YWlsQ29sbGFwc2VFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGluZGV4OiBudW1iZXIgPSB0aGlzLmV4cGFuZGVkUm93cy5pbmRleE9mKGV2ZW50LmluZGV4KTtcbiAgICB0aGlzLmV4cGFuZGVkUm93cy5zcGxpY2UoaW5kZXgsIDEpO1xuICAgIHRoaXMuZGV0YWlsQ29sbGFwc2VkLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25QYWdlQ2hhbmdlKGV2ZW50OiBLaXRHcmlkUGFnZUNoYW5nZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5za2lwID0gZXZlbnQuc2tpcDtcbiAgICB0aGlzLnBhZ2VDaGFuZ2VkLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgZ2V0Q3NzUm93Q2xhc3MgPSAoY29udGV4dDogUm93Q2xhc3NBcmdzKTogUmVjb3JkPHN0cmluZywgYm9vbGVhbj4gPT4ge1xuICAgIGNvbnN0IGV4cGFuZGVkOiBib29sZWFuID0gdGhpcy5leHBhbmRlZFJvd3MuaW5jbHVkZXMoY29udGV4dC5pbmRleCk7XG5cbiAgICByZXR1cm4ge1xuICAgICAgZXhwYW5kZWQsXG4gICAgfTtcbiAgfTtcblxuICBnZXRQYWdlclNldHRpbmdzKCk6IGJvb2xlYW4gfCBQYWdlclNldHRpbmdzIHtcbiAgICBjb25zdCBwYWdlclNldHRpbmdzOiBQYWdlclNldHRpbmdzID0ge1xuICAgICAgYnV0dG9uQ291bnQ6IDUsXG4gICAgICBpbmZvOiBmYWxzZSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIHRoaXMucGFnZWFibGUgJiYgcGFnZXJTZXR0aW5ncyB8fCBmYWxzZTtcbiAgfVxufVxuIiwiPGtlbmRvLWdyaWQgY2xhc3M9XCJraXQtZ3JpZFwiXG4gICAgICAgICAgICBbZGF0YV09XCJkYXRhXCJcbiAgICAgICAgICAgIFtzb3J0YWJsZV09XCJzb3J0YWJsZVwiXG4gICAgICAgICAgICBbc29ydF09XCJzb3J0XCJcbiAgICAgICAgICAgIFtyb3dDbGFzc109XCJnZXRDc3NSb3dDbGFzc1wiXG4gICAgICAgICAgICBbcGFnZWFibGVdPVwiZ2V0UGFnZXJTZXR0aW5ncygpXCJcbiAgICAgICAgICAgIFtwYWdlU2l6ZV09XCJwYWdlU2l6ZVwiXG4gICAgICAgICAgICBbc2tpcF09XCJza2lwXCJcbiAgICAgICAgICAgIChkZXRhaWxFeHBhbmQpPVwib25EZXRhaWxFeHBhbmQoJGV2ZW50KVwiXG4gICAgICAgICAgICAoZGV0YWlsQ29sbGFwc2UpPVwib25EZXRhaWxDb2xsYXBzZSgkZXZlbnQpXCJcbiAgICAgICAgICAgIChzb3J0Q2hhbmdlKT1cIm9uU29ydENoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICAgIChwYWdlQ2hhbmdlKT1cIm9uUGFnZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICAgIChkYXRhU3RhdGVDaGFuZ2UpPVwib25EYXRhU3RhdGVDaGFuZ2UoJGV2ZW50KVwiPlxuICBAZm9yIChjb2x1bW4gb2YgY29sdW1uczsgdHJhY2sgY29sdW1uKSB7XG4gICAgPGtlbmRvLWdyaWQtY29sdW1uIFtmaWVsZF09XCJjb2x1bW4uZmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICBbc29ydGFibGVdPVwiY29sdW1uLnNvcnRhYmxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW3dpZHRoXT1cImNvbHVtbi53aWR0aFwiPlxuICAgICAgPG5nLXRlbXBsYXRlIGtlbmRvR3JpZEhlYWRlclRlbXBsYXRlPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZ3JpZC10aXRsZVwiXG4gICAgICAgICAgICAgW2NsYXNzLnNvcnRhYmxlXT1cImlzQ29sdW1uU29ydGFibGUoY29sdW1uKVwiPlxuICAgICAgICAgIEBpZiAoY29sdW1uLnRpdGxlSWNvbikge1xuICAgICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cImdyaWQtdGl0bGUtaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cImNvbHVtbi50aXRsZUljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJjb2x1bW4udGl0bGVJY29uVHlwZVwiXG4gICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImdyaWQtdGl0bGUtdGV4dFwiPlxuICAgICAgICAgICAge3sgY29sdW1uLnRpdGxlIH19XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICBAaWYgKHNvcnRhYmxlICYmIGNvbHVtbi5zb3J0YWJsZSkge1xuICAgICAgICAgICAgQHN3aXRjaCAoZ2V0U29ydGluZ0RpcmVjdGlvbihjb2x1bW4uZmllbGQpKSB7XG4gICAgICAgICAgICAgIEBjYXNlIChLaXRHcmlkU29ydERpcmVjdGlvbi5BU0MpIHtcbiAgICAgICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwiZ3JpZC10aXRsZS1zb3J0LWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiS2l0U3ZnSWNvbi5TT1JUX0FTQ0VORElOR1wiXG4gICAgICAgICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIEBjYXNlIChLaXRHcmlkU29ydERpcmVjdGlvbi5ERVNDKSB7XG4gICAgICAgICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cImdyaWQtdGl0bGUtc29ydC1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uU09SVF9ERVNDRU5ESU5HXCJcbiAgICAgICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgQGlmIChjb2x1bW4uY2VsbFRlbXBsYXRlKSB7XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBrZW5kb0dyaWRDZWxsVGVtcGxhdGUgbGV0LWRhdGFJdGVtPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb2x1bW4uY2VsbFRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogZGF0YUl0ZW0gfVwiXG4gICAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgfVxuICAgIDwva2VuZG8tZ3JpZC1jb2x1bW4+XG5cbiAgICBAaWYgKGtpdEdyaWREZXRhaWxUZW1wbGF0ZSkge1xuICAgICAgPG5nLXRlbXBsYXRlIGtlbmRvR3JpZERldGFpbFRlbXBsYXRlIGxldC1kYXRhSXRlbVxuICAgICAgICAgICAgICAgICAgIFtrZW5kb0dyaWREZXRhaWxUZW1wbGF0ZVNob3dJZl09XCJkZXRhaWxUZW1wbGF0ZVNob3dJZlwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwia2l0R3JpZERldGFpbFRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogZGF0YUl0ZW0gfVwiXG4gICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgfVxuICB9XG48L2tlbmRvLWdyaWQ+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtZ3JpZC9raXQtZ3JpZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1ncmlkL2tpdC1ncmlkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixlQUFlLEVBQ2YsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4sV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBS3JGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQVVoRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7Ozs7QUFRdEYsTUFBTSxPQUFPLGdCQUFnQjtJQU43QjtRQWlCRTs7V0FFRztRQUNNLGFBQVEsR0FBa0MsS0FBSyxDQUFDO1FBRXpEOztXQUVHO1FBQ00sU0FBSSxHQUE0QixFQUFFLENBQUM7UUFFNUM7O1dBRUc7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBT25DOztXQUVHO1FBQ00sU0FBSSxHQUFXLENBQUMsQ0FBQztRQUUxQjs7V0FFRztRQUNNLHlCQUFvQixHQUE2QixHQUFHLEVBQUUsQ0FBQyxLQUFLLENBQUM7UUFFdEU7O1dBRUc7UUFDTyxnQkFBVyxHQUF5QyxJQUFJLFlBQVksRUFBMEIsQ0FBQztRQUV6Rzs7V0FFRztRQUNPLGdCQUFXLEdBQTBDLElBQUksWUFBWSxFQUEyQixDQUFDO1FB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UUFBUTtzQkFBaEIsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBS0ksV0FBVztzQkFBcEIsTUFBTTtnQkFLRyxXQUFXO3NCQUFwQixNQUFNO2dCQUtHLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFLRyxjQUFjO3NCQUF2QixNQUFNO2dCQUtHLGVBQWU7c0JBQXhCLE1BQU07Z0JBRWtDLE9BQU87c0JBQS9DLGVBQWU7dUJBQUMsc0JBQXNCO2dCQUM4QixxQkFBcUI7c0JBQXpGLFlBQVk7dUJBQUMsOEJBQThCLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgUXVlcnlMaXN0LFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRHcmlkQ29sdW1uQ29tcG9uZW50IH0gZnJvbSAnLi9raXQtZ3JpZC1jb2x1bW4va2l0LWdyaWQtY29sdW1uLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBQYWdlclNldHRpbmdzLFxuICBSb3dDbGFzc0FyZ3MsXG59IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWdyaWQnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHtcbiAgS2l0R3JpZERhdGFTdGF0ZUNoYW5nZUV2ZW50LFxuICBLaXRHcmlkU29ydERlc2NyaXB0b3IsXG4gIEtpdEdyaWRTb3J0U2V0dGluZ3MsXG4gIEtpdEdyaWRQYWdlQ2hhbmdlRXZlbnQsXG4gIEtpdEdyaWREZXRhaWxFeHBhbmRFdmVudCxcbiAgS2l0R3JpZERldGFpbENvbGxhcHNlRXZlbnQsXG4gIEtpdEdyaWREYXRhUmVzdWx0LFxufSBmcm9tICcuL2tpdC1ncmlkLm1vZGVsJztcbmltcG9ydCB7IEtpdEdyaWRTb3J0RGlyZWN0aW9uIH0gZnJvbSAnLi9raXQtZ3JpZC5jb25zdCc7XG5pbXBvcnQgeyBLaXRHcmlkRGV0YWlsVGVtcGxhdGVEaXJlY3RpdmUgfSBmcm9tICcuL2tpdC1ncmlkLWRldGFpbC10ZW1wbGF0ZS5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtZ3JpZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtZ3JpZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9raXQtZ3JpZC5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRHcmlkQ29tcG9uZW50PFQ+IHtcbiAgLyoqXG4gICAqIFNldHMgdGhlIGRhdGEgb2YgdGhlIGdyaWQuIEFsbG93cyB1c2VyIHRvIGltcGxlbWVudCBkYXRhIG9wZXJhdGlvbnMgbWFudWFsbHlcbiAgICovXG4gIEBJbnB1dCgpIGRhdGE/OiBUW10gfCBLaXRHcmlkRGF0YVJlc3VsdDxUPjtcblxuICAvKipcbiAgICogU2V0cyB0aGUgZGF0YSBvZiB0aGUgZ3JpZC4gQWxsb3dzIHVzZXIgdG8gaW1wbGVtZW50IGRhdGEgb3BlcmF0aW9ucyBhdXRvbWF0aWNhbGx5XG4gICAqL1xuICBASW5wdXQoKSBncmlkRGF0YUJpbmRpbmc/OiBUW107XG5cbiAgLyoqXG4gICAqIEVuYWJsZXMgdGhlIHNvcnRpbmcgb2YgdGhlIGdyaWQgY29sdW1uc1xuICAgKi9cbiAgQElucHV0KCkgc29ydGFibGU6IEtpdEdyaWRTb3J0U2V0dGluZ3MgfCBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoZSBkZXNjcmlwdG9ycyBieSB3aGljaCB0aGUgZGF0YSB3aWxsIGJlIHNvcnRlZFxuICAgKi9cbiAgQElucHV0KCkgc29ydDogS2l0R3JpZFNvcnREZXNjcmlwdG9yW10gPSBbXTtcblxuICAvKipcbiAgICogRW5hYmxlcyB0aGUgcGFnZXIgb2YgdGhlIGdyaWRcbiAgICovXG4gIEBJbnB1dCgpIHBhZ2VhYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHBhZ2Ugc2l6ZVxuICAgKi9cbiAgQElucHV0KCkgcGFnZVNpemU/OiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIG51bWJlciBvZiByZWNvcmRzIHRvIGJlIHNraXBwZWQgYnkgdGhlIHBhZ2VyXG4gICAqL1xuICBASW5wdXQoKSBza2lwOiBudW1iZXIgPSAwO1xuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0byBkZXRlcm1pbmUgaWYgdGhlIGRldGFpbCB0ZW1wbGF0ZSBzaG91bGQgYmUgdmlzaWJsZVxuICAgKi9cbiAgQElucHV0KCkgZGV0YWlsVGVtcGxhdGVTaG93SWY6IChkYXRhSXRlbTogVCkgPT4gYm9vbGVhbiA9ICgpID0+IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBBbiBhY3Rpb24gd2hpY2ggaXMgZW1pdHRlZCB3aGVuIHRoZSBwYWdlIG9mIHRoZSBncmlkIGlzIGNoYW5nZWRcbiAgICovXG4gIEBPdXRwdXQoKSBwYWdlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPEtpdEdyaWRQYWdlQ2hhbmdlRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxLaXRHcmlkUGFnZUNoYW5nZUV2ZW50PigpO1xuXG4gIC8qKlxuICAgKiBBbiBhY3Rpb24gd2hpY2ggaXMgZW1pdHRlZCBvbmNlIHRoZSBzb3J0aW5nIG9mIHRoZSBncmlkIGlzIGNoYW5nZWRcbiAgICovXG4gIEBPdXRwdXQoKSBzb3J0Q2hhbmdlZDogRXZlbnRFbWl0dGVyPEtpdEdyaWRTb3J0RGVzY3JpcHRvcltdPiA9IG5ldyBFdmVudEVtaXR0ZXI8S2l0R3JpZFNvcnREZXNjcmlwdG9yW10+KCk7XG5cbiAgLyoqXG4gICAqIEFuIGFjdGlvbiB3aGljaCBpcyBlbWl0dGVkIHdoZW4gdGhlIGRhdGEgc3RhdGUgb2YgdGhlIGdyaWQgaXMgY2hhbmdlZFxuICAgKi9cbiAgQE91dHB1dCgpIGRhdGFTdGF0ZUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxLaXRHcmlkRGF0YVN0YXRlQ2hhbmdlRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxLaXRHcmlkRGF0YVN0YXRlQ2hhbmdlRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqIEFuIGFjdGlvbiB3aGljaCBpcyBlbWl0dGVkIHdoZW4gdGhlIG1hc3RlciByb3cgaXMgZXhwYW5kZWRcbiAgICovXG4gIEBPdXRwdXQoKSBkZXRhaWxFeHBhbmRlZDogRXZlbnRFbWl0dGVyPEtpdEdyaWREZXRhaWxFeHBhbmRFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEtpdEdyaWREZXRhaWxFeHBhbmRFdmVudD4oKTtcblxuICAvKipcbiAgICogQW4gYWN0aW9uIHdoaWNoIGlzIGVtaXR0ZWQgd2hlbiB0aGUgbWFzdGVyIHJvdyBpcyBjb2xsYXBzZWRcbiAgICovXG4gIEBPdXRwdXQoKSBkZXRhaWxDb2xsYXBzZWQ6IEV2ZW50RW1pdHRlcjxLaXRHcmlkRGV0YWlsQ29sbGFwc2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEtpdEdyaWREZXRhaWxDb2xsYXBzZUV2ZW50PigpO1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oS2l0R3JpZENvbHVtbkNvbXBvbmVudCkgY29sdW1uczogUXVlcnlMaXN0PEtpdEdyaWRDb2x1bW5Db21wb25lbnQ+IHwgbnVsbCA9IG51bGw7XG4gIEBDb250ZW50Q2hpbGQoS2l0R3JpZERldGFpbFRlbXBsYXRlRGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pIGtpdEdyaWREZXRhaWxUZW1wbGF0ZTogVGVtcGxhdGVSZWY8SFRNTEVsZW1lbnQ+IHwgbnVsbCA9IG51bGw7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBLaXRHcmlkU29ydERpcmVjdGlvbjogdHlwZW9mIEtpdEdyaWRTb3J0RGlyZWN0aW9uID0gS2l0R3JpZFNvcnREaXJlY3Rpb247XG4gIGV4cGFuZGVkUm93czogVFtdID0gW107XG5cbiAgb25EYXRhU3RhdGVDaGFuZ2UoZXZlbnQ6IEtpdEdyaWREYXRhU3RhdGVDaGFuZ2VFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuc2tpcCA9IGV2ZW50LnNraXA7XG4gICAgdGhpcy5zb3J0ID0gZXZlbnQuc29ydCB8fCBbXTtcbiAgICB0aGlzLmNvbGxhcHNlQWxsUm93cygpO1xuICAgIHRoaXMuZGF0YVN0YXRlQ2hhbmdlZC5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIG9uU29ydENoYW5nZShldmVudDogS2l0R3JpZFNvcnREZXNjcmlwdG9yW10pOiB2b2lkIHtcbiAgICB0aGlzLnNvcnQgPSBldmVudDtcbiAgICB0aGlzLmNvbGxhcHNlQWxsUm93cygpO1xuICAgIHRoaXMuc29ydENoYW5nZWQuZW1pdChldmVudCk7XG4gIH1cblxuICBnZXRTb3J0aW5nRGlyZWN0aW9uKGNvbHVtbkZpZWxkOiBzdHJpbmcpOiBzdHJpbmcgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5zb3J0LmZpbmQoaXRlbSA9PiBpdGVtLmZpZWxkID09PSBjb2x1bW5GaWVsZCk/LmRpciA/PyBudWxsO1xuICB9XG5cbiAgaXNDb2x1bW5Tb3J0YWJsZShjb2x1bW46IEtpdEdyaWRDb2x1bW5Db21wb25lbnQpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLnNvcnRhYmxlICYmIGNvbHVtbi5zb3J0YWJsZTtcbiAgfVxuXG4gIG9uRGV0YWlsRXhwYW5kKGV2ZW50OiBLaXRHcmlkRGV0YWlsRXhwYW5kRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmRldGFpbEV4cGFuZGVkLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25EZXRhaWxDb2xsYXBzZShldmVudDogS2l0R3JpZERldGFpbENvbGxhcHNlRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmRldGFpbENvbGxhcHNlZC5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIG9uUGFnZUNoYW5nZShldmVudDogS2l0R3JpZFBhZ2VDaGFuZ2VFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuc2tpcCA9IGV2ZW50LnNraXA7XG4gICAgdGhpcy5jb2xsYXBzZUFsbFJvd3MoKTtcbiAgICB0aGlzLnBhZ2VDaGFuZ2VkLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgZ2V0Q3NzUm93Q2xhc3MgPSAoY29udGV4dDogUm93Q2xhc3NBcmdzKTogUmVjb3JkPHN0cmluZywgYm9vbGVhbj4gPT4ge1xuICAgIGNvbnN0IGV4cGFuZGVkOiBib29sZWFuID0gdGhpcy5leHBhbmRlZFJvd3MuaW5jbHVkZXMoY29udGV4dC5kYXRhSXRlbSk7XG5cbiAgICByZXR1cm4ge1xuICAgICAgZXhwYW5kZWQsXG4gICAgfTtcbiAgfTtcblxuICBnZXRQYWdlclNldHRpbmdzKCk6IGJvb2xlYW4gfCBQYWdlclNldHRpbmdzIHtcbiAgICBjb25zdCBwYWdlclNldHRpbmdzOiBQYWdlclNldHRpbmdzID0ge1xuICAgICAgYnV0dG9uQ291bnQ6IDUsXG4gICAgICBpbmZvOiBmYWxzZSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIHRoaXMucGFnZWFibGUgJiYgcGFnZXJTZXR0aW5ncyB8fCBmYWxzZTtcbiAgfVxuXG4gIHByaXZhdGUgY29sbGFwc2VBbGxSb3dzKCk6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWRSb3dzID0gW107XG4gIH1cbn1cbiIsIkBpZiAoZGF0YSkge1xuICA8a2VuZG8tZ3JpZCBjbGFzcz1cImtpdC1ncmlkXCJcbiAgICAgICAgICAgICAga2VuZG9HcmlkRXhwYW5kRGV0YWlsc0J5XG4gICAgICAgICAgICAgIFtkYXRhXT1cImRhdGFcIlxuICAgICAgICAgICAgICBbc29ydGFibGVdPVwic29ydGFibGVcIlxuICAgICAgICAgICAgICBbc29ydF09XCJzb3J0XCJcbiAgICAgICAgICAgICAgW3Jvd0NsYXNzXT1cImdldENzc1Jvd0NsYXNzXCJcbiAgICAgICAgICAgICAgW3BhZ2VhYmxlXT1cImdldFBhZ2VyU2V0dGluZ3MoKVwiXG4gICAgICAgICAgICAgIFtwYWdlU2l6ZV09XCJwYWdlU2l6ZVwiXG4gICAgICAgICAgICAgIFtza2lwXT1cInNraXBcIlxuICAgICAgICAgICAgICBbKGV4cGFuZGVkRGV0YWlsS2V5cyldPVwiZXhwYW5kZWRSb3dzXCJcbiAgICAgICAgICAgICAgKGRldGFpbEV4cGFuZCk9XCJvbkRldGFpbEV4cGFuZCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgKGRldGFpbENvbGxhcHNlKT1cIm9uRGV0YWlsQ29sbGFwc2UoJGV2ZW50KVwiXG4gICAgICAgICAgICAgIChzb3J0Q2hhbmdlKT1cIm9uU29ydENoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgKHBhZ2VDaGFuZ2UpPVwib25QYWdlQ2hhbmdlKCRldmVudClcIlxuICAgICAgICAgICAgICAoZGF0YVN0YXRlQ2hhbmdlKT1cIm9uRGF0YVN0YXRlQ2hhbmdlKCRldmVudClcIj5cbiAgICBAZm9yIChjb2x1bW4gb2YgY29sdW1uczsgdHJhY2sgY29sdW1uKSB7XG4gICAgICA8a2VuZG8tZ3JpZC1jb2x1bW4gW2ZpZWxkXT1cImNvbHVtbi5maWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgW3NvcnRhYmxlXT1cImNvbHVtbi5zb3J0YWJsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgW3dpZHRoXT1cImNvbHVtbi53aWR0aFwiPlxuICAgICAgICA8bmctdGVtcGxhdGUga2VuZG9HcmlkSGVhZGVyVGVtcGxhdGU+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbHVtbkhlYWRlclRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogY29sdW1uIH1cIlxuICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICBAaWYgKGNvbHVtbi5jZWxsVGVtcGxhdGUpIHtcbiAgICAgICAgICA8bmctdGVtcGxhdGUga2VuZG9HcmlkQ2VsbFRlbXBsYXRlIGxldC1kYXRhSXRlbT5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb2x1bW4uY2VsbFRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogZGF0YUl0ZW0gfVwiXG4gICAgICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgfVxuICAgICAgPC9rZW5kby1ncmlkLWNvbHVtbj5cblxuICAgICAgQGlmIChraXRHcmlkRGV0YWlsVGVtcGxhdGUpIHtcbiAgICAgICAgPG5nLXRlbXBsYXRlIGtlbmRvR3JpZERldGFpbFRlbXBsYXRlIGxldC1kYXRhSXRlbVxuICAgICAgICAgICAgICAgICAgICAgW2tlbmRvR3JpZERldGFpbFRlbXBsYXRlU2hvd0lmXT1cImRldGFpbFRlbXBsYXRlU2hvd0lmXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImtpdEdyaWREZXRhaWxUZW1wbGF0ZTsgY29udGV4dDogeyAkaW1wbGljaXQ6IGRhdGFJdGVtIH1cIlxuICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIH1cbiAgICB9XG4gIDwva2VuZG8tZ3JpZD5cbn1cblxuQGlmIChncmlkRGF0YUJpbmRpbmcpIHtcbiAgPGtlbmRvLWdyaWQgY2xhc3M9XCJraXQtZ3JpZFwiXG4gICAgICAgICAgICAgIGtlbmRvR3JpZEV4cGFuZERldGFpbHNCeVxuICAgICAgICAgICAgICBba2VuZG9HcmlkQmluZGluZ109XCJncmlkRGF0YUJpbmRpbmdcIlxuICAgICAgICAgICAgICBbcm93Q2xhc3NdPVwiZ2V0Q3NzUm93Q2xhc3NcIlxuICAgICAgICAgICAgICBbcGFnZWFibGVdPVwiZ2V0UGFnZXJTZXR0aW5ncygpXCJcbiAgICAgICAgICAgICAgW3BhZ2VTaXplXT1cInBhZ2VTaXplXCJcbiAgICAgICAgICAgICAgW3NvcnRhYmxlXT1cInNvcnRhYmxlXCJcbiAgICAgICAgICAgICAgW3NvcnRdPVwic29ydFwiXG4gICAgICAgICAgICAgIFtza2lwXT1cInNraXBcIlxuICAgICAgICAgICAgICBbKGV4cGFuZGVkRGV0YWlsS2V5cyldPVwiZXhwYW5kZWRSb3dzXCJcbiAgICAgICAgICAgICAgKGRldGFpbEV4cGFuZCk9XCJvbkRldGFpbEV4cGFuZCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgKGRldGFpbENvbGxhcHNlKT1cIm9uRGV0YWlsQ29sbGFwc2UoJGV2ZW50KVwiXG4gICAgICAgICAgICAgIChwYWdlQ2hhbmdlKT1cIm9uUGFnZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgKHNvcnRDaGFuZ2UpPVwib25Tb3J0Q2hhbmdlKCRldmVudClcIlxuICAgICAgICAgICAgICAoZGF0YVN0YXRlQ2hhbmdlKT1cIm9uRGF0YVN0YXRlQ2hhbmdlKCRldmVudClcIj5cbiAgICBAZm9yIChjb2x1bW4gb2YgY29sdW1uczsgdHJhY2sgY29sdW1uKSB7XG4gICAgICA8a2VuZG8tZ3JpZC1jb2x1bW4gW2ZpZWxkXT1cImNvbHVtbi5maWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgW3NvcnRhYmxlXT1cImNvbHVtbi5zb3J0YWJsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgW3dpZHRoXT1cImNvbHVtbi53aWR0aFwiPlxuICAgICAgICBAaWYgKGNvbHVtbi5jZWxsVGVtcGxhdGUpIHtcbiAgICAgICAgICA8bmctdGVtcGxhdGUga2VuZG9HcmlkQ2VsbFRlbXBsYXRlIGxldC1kYXRhSXRlbT5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb2x1bW4uY2VsbFRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogZGF0YUl0ZW0gfVwiXG4gICAgICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgfVxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBrZW5kb0dyaWRIZWFkZXJUZW1wbGF0ZT5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29sdW1uSGVhZGVyVGVtcGxhdGU7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBjb2x1bW4gfVwiXG4gICAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPC9rZW5kby1ncmlkLWNvbHVtbj5cblxuICAgICAgQGlmIChraXRHcmlkRGV0YWlsVGVtcGxhdGUpIHtcbiAgICAgICAgPG5nLXRlbXBsYXRlIGtlbmRvR3JpZERldGFpbFRlbXBsYXRlIGxldC1kYXRhSXRlbVxuICAgICAgICAgICAgICAgICAgICAgW2tlbmRvR3JpZERldGFpbFRlbXBsYXRlU2hvd0lmXT1cImRldGFpbFRlbXBsYXRlU2hvd0lmXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImtpdEdyaWREZXRhaWxUZW1wbGF0ZTsgY29udGV4dDogeyAkaW1wbGljaXQ6IGRhdGFJdGVtIH1cIlxuICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIH1cbiAgICB9XG4gIDwva2VuZG8tZ3JpZD5cbn1cblxuPG5nLXRlbXBsYXRlICNjb2x1bW5IZWFkZXJUZW1wbGF0ZSBsZXQtY29sdW1uPlxuICA8ZGl2IGNsYXNzPVwiZ3JpZC10aXRsZVwiXG4gICAgICAgW2NsYXNzLnNvcnRhYmxlXT1cImlzQ29sdW1uU29ydGFibGUoY29sdW1uKVwiPlxuICAgIEBpZiAoY29sdW1uLnRpdGxlSWNvbikge1xuICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cImdyaWQtdGl0bGUtaWNvblwiXG4gICAgICAgICAgICAgICAgICAgIFtpY29uXT1cImNvbHVtbi50aXRsZUljb25cIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJjb2x1bW4udGl0bGVJY29uVHlwZVwiXG4gICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgfVxuXG4gICAgPGRpdiBjbGFzcz1cImdyaWQtdGl0bGUtdGV4dFwiPlxuICAgICAge3sgY29sdW1uLnRpdGxlIH19XG4gICAgPC9kaXY+XG5cbiAgICBAaWYgKHNvcnRhYmxlICYmIGNvbHVtbi5zb3J0YWJsZSkge1xuICAgICAgQHN3aXRjaCAoZ2V0U29ydGluZ0RpcmVjdGlvbihjb2x1bW4uZmllbGQpKSB7XG4gICAgICAgIEBjYXNlIChLaXRHcmlkU29ydERpcmVjdGlvbi5BU0MpIHtcbiAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwiZ3JpZC10aXRsZS1zb3J0LWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiS2l0U3ZnSWNvbi5TT1JUX0FTQ0VORElOR1wiXG4gICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICB9XG4gICAgICAgIEBjYXNlIChLaXRHcmlkU29ydERpcmVjdGlvbi5ERVNDKSB7XG4gICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cImdyaWQtdGl0bGUtc29ydC1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uU09SVF9ERVNDRU5ESU5HXCJcbiAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/fesm2022/indigina-ui-kit.mjs

@@ -4835,10 +4835,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
 
 class KitGridComponent {
     constructor() {
-        /**
-         * Sets the data of the grid
-         */
-        this.data = [];
         /**
          * Enables the sorting of the grid columns
          */
@@ -4885,7 +4881,7 @@ class KitGridComponent {
         this.KitGridSortDirection = KitGridSortDirection;
         this.expandedRows = [];
         this.getCssRowClass = (context) => {
-            const expanded = this.expandedRows.includes(context.index);
+            const expanded = this.expandedRows.includes(context.dataItem);
             return {
                 expanded,
             };
@@ -4894,10 +4890,12 @@ class KitGridComponent {
     onDataStateChange(event) {
         this.skip = event.skip;
         this.sort = event.sort || [];
+        this.collapseAllRows();
         this.dataStateChanged.emit(event);
     }
     onSortChange(event) {
         this.sort = event;
+        this.collapseAllRows();
         this.sortChanged.emit(event);
     }
     getSortingDirection(columnField) {
@@ -4907,16 +4905,14 @@ class KitGridComponent {
         return !!this.sortable && column.sortable;
     }
     onDetailExpand(event) {
-        this.expandedRows.push(event.index);
         this.detailExpanded.emit(event);
     }
     onDetailCollapse(event) {
-        const index = this.expandedRows.indexOf(event.index);
-        this.expandedRows.splice(index, 1);
         this.detailCollapsed.emit(event);
     }
     onPageChange(event) {
         this.skip = event.skip;
+        this.collapseAllRows();
         this.pageChanged.emit(event);
     }
     getPagerSettings() {
@@ -4926,14 +4922,19 @@ class KitGridComponent {
         };
         return this.pageable && pagerSettings || false;
     }
+    collapseAllRows() {
+        this.expandedRows = [];
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitGridComponent, selector: "kit-grid", inputs: { data: "data", sortable: "sortable", sort: "sort", pageable: "pageable", pageSize: "pageSize", skip: "skip", detailTemplateShowIf: "detailTemplateShowIf" }, outputs: { pageChanged: "pageChanged", sortChanged: "sortChanged", dataStateChanged: "dataStateChanged", detailExpanded: "detailExpanded", detailCollapsed: "detailCollapsed" }, queries: [{ propertyName: "kitGridDetailTemplate", first: true, predicate: KitGridDetailTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "columns", predicate: KitGridColumnComponent }], ngImport: i0, template: "<kendo-grid class=\"kit-grid\"\n            [data]=\"data\"\n            [sortable]=\"sortable\"\n            [sort]=\"sort\"\n            [rowClass]=\"getCssRowClass\"\n            [pageable]=\"getPagerSettings()\"\n            [pageSize]=\"pageSize\"\n            [skip]=\"skip\"\n            (detailExpand)=\"onDetailExpand($event)\"\n            (detailCollapse)=\"onDetailCollapse($event)\"\n            (sortChange)=\"onSortChange($event)\"\n            (pageChange)=\"onPageChange($event)\"\n            (dataStateChange)=\"onDataStateChange($event)\">\n  @for (column of columns; track column) {\n    <kendo-grid-column [field]=\"column.field\"\n                       [sortable]=\"column.sortable\"\n                       [width]=\"column.width\">\n      <ng-template kendoGridHeaderTemplate>\n        <div class=\"grid-title\"\n             [class.sortable]=\"isColumnSortable(column)\">\n          @if (column.titleIcon) {\n            <kit-svg-icon class=\"grid-title-icon\"\n                          [icon]=\"column.titleIcon\"\n                          [ngClass]=\"column.titleIconType\"\n            ></kit-svg-icon>\n          }\n\n          <div class=\"grid-title-text\">\n            {{ column.title }}\n          </div>\n\n          @if (sortable && column.sortable) {\n            @switch (getSortingDirection(column.field)) {\n              @case (KitGridSortDirection.ASC) {\n                <kit-svg-icon class=\"grid-title-sort-icon\"\n                              [icon]=\"KitSvgIcon.SORT_ASCENDING\"\n                ></kit-svg-icon>\n              }\n              @case (KitGridSortDirection.DESC) {\n                <kit-svg-icon class=\"grid-title-sort-icon\"\n                              [icon]=\"KitSvgIcon.SORT_DESCENDING\"\n                ></kit-svg-icon>\n              }\n            }\n          }\n        </div>\n      </ng-template>\n\n      @if (column.cellTemplate) {\n        <ng-template kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </ng-template>\n      }\n    </kendo-grid-column>\n\n    @if (kitGridDetailTemplate) {\n      <ng-template kendoGridDetailTemplate let-dataItem\n                   [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n        <ng-container *ngTemplateOutlet=\"kitGridDetailTemplate; context: { $implicit: dataItem }\"\n        ></ng-container>\n      </ng-template>\n    }\n  }\n</kendo-grid>\n", styles: [".kit-grid{border:none;background:none}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15)}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-table-row:last-child .k-table-td{border-bottom:none}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;font-family:WebComponentsIcons,sans-serif;font-size:22px}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\\e005\";color:var(--ui-kit-color-grey-12);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:0;border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-nav:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-nav:after{opacity:0}.kit-grid ::ng-deep .k-pager-nav.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav:not(.k-selected):hover:before{background-color:#0000000f}.kit-grid ::ng-deep .k-pager-nav.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager .k-pager-first,.kit-grid ::ng-deep .k-pager .k-pager-last{display:none}.kit-grid ::ng-deep .k-pager .k-button-icon{font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-left:before{content:\"\\e016\"}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-right:before{content:\"\\e014\"}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$4.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "component", type: i2$4.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i2$4.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "directive", type: i2$4.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i2$4.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitGridComponent, selector: "kit-grid", inputs: { data: "data", gridDataBinding: "gridDataBinding", sortable: "sortable", sort: "sort", pageable: "pageable", pageSize: "pageSize", skip: "skip", detailTemplateShowIf: "detailTemplateShowIf" }, outputs: { pageChanged: "pageChanged", sortChanged: "sortChanged", dataStateChanged: "dataStateChanged", detailExpanded: "detailExpanded", detailCollapsed: "detailCollapsed" }, queries: [{ propertyName: "kitGridDetailTemplate", first: true, predicate: KitGridDetailTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "columns", predicate: KitGridColumnComponent }], ngImport: i0, template: "@if (data) {\n  <kendo-grid class=\"kit-grid\"\n              kendoGridExpandDetailsBy\n              [data]=\"data\"\n              [sortable]=\"sortable\"\n              [sort]=\"sort\"\n              [rowClass]=\"getCssRowClass\"\n              [pageable]=\"getPagerSettings()\"\n              [pageSize]=\"pageSize\"\n              [skip]=\"skip\"\n              [(expandedDetailKeys)]=\"expandedRows\"\n              (detailExpand)=\"onDetailExpand($event)\"\n              (detailCollapse)=\"onDetailCollapse($event)\"\n              (sortChange)=\"onSortChange($event)\"\n              (pageChange)=\"onPageChange($event)\"\n              (dataStateChange)=\"onDataStateChange($event)\">\n    @for (column of columns; track column) {\n      <kendo-grid-column [field]=\"column.field\"\n                         [sortable]=\"column.sortable\"\n                         [width]=\"column.width\">\n        <ng-template kendoGridHeaderTemplate>\n          <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n          ></ng-container>\n        </ng-template>\n\n        @if (column.cellTemplate) {\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n            ></ng-container>\n          </ng-template>\n        }\n      </kendo-grid-column>\n\n      @if (kitGridDetailTemplate) {\n        <ng-template kendoGridDetailTemplate let-dataItem\n                     [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n          <ng-container *ngTemplateOutlet=\"kitGridDetailTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </ng-template>\n      }\n    }\n  </kendo-grid>\n}\n\n@if (gridDataBinding) {\n  <kendo-grid class=\"kit-grid\"\n              kendoGridExpandDetailsBy\n              [kendoGridBinding]=\"gridDataBinding\"\n              [rowClass]=\"getCssRowClass\"\n              [pageable]=\"getPagerSettings()\"\n              [pageSize]=\"pageSize\"\n              [sortable]=\"sortable\"\n              [sort]=\"sort\"\n              [skip]=\"skip\"\n              [(expandedDetailKeys)]=\"expandedRows\"\n              (detailExpand)=\"onDetailExpand($event)\"\n              (detailCollapse)=\"onDetailCollapse($event)\"\n              (pageChange)=\"onPageChange($event)\"\n              (sortChange)=\"onSortChange($event)\"\n              (dataStateChange)=\"onDataStateChange($event)\">\n    @for (column of columns; track column) {\n      <kendo-grid-column [field]=\"column.field\"\n                         [sortable]=\"column.sortable\"\n                         [width]=\"column.width\">\n        @if (column.cellTemplate) {\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n            ></ng-container>\n          </ng-template>\n        }\n\n        <ng-template kendoGridHeaderTemplate>\n          <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n          ></ng-container>\n        </ng-template>\n      </kendo-grid-column>\n\n      @if (kitGridDetailTemplate) {\n        <ng-template kendoGridDetailTemplate let-dataItem\n                     [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n          <ng-container *ngTemplateOutlet=\"kitGridDetailTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </ng-template>\n      }\n    }\n  </kendo-grid>\n}\n\n<ng-template #columnHeaderTemplate let-column>\n  <div class=\"grid-title\"\n       [class.sortable]=\"isColumnSortable(column)\">\n    @if (column.titleIcon) {\n      <kit-svg-icon class=\"grid-title-icon\"\n                    [icon]=\"column.titleIcon\"\n                    [ngClass]=\"column.titleIconType\"\n      ></kit-svg-icon>\n    }\n\n    <div class=\"grid-title-text\">\n      {{ column.title }}\n    </div>\n\n    @if (sortable && column.sortable) {\n      @switch (getSortingDirection(column.field)) {\n        @case (KitGridSortDirection.ASC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"KitSvgIcon.SORT_ASCENDING\"\n          ></kit-svg-icon>\n        }\n        @case (KitGridSortDirection.DESC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"KitSvgIcon.SORT_DESCENDING\"\n          ></kit-svg-icon>\n        }\n      }\n    }\n  </div>\n</ng-template>\n", styles: [".kit-grid{border:none;background:none}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15)}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-pager{margin:20px 0;justify-content:flex-start}.kit-grid ::ng-deep .k-detail-row .k-grid-norecords{text-align:left}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;font-family:WebComponentsIcons,sans-serif;font-size:22px}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\\e005\";color:var(--ui-kit-color-grey-12);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:0;border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-nav:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-nav:after{opacity:0}.kit-grid ::ng-deep .k-pager-nav.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav:not(.k-selected):hover:before{background-color:#0000000f}.kit-grid ::ng-deep .k-pager-nav.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager .k-pager-first,.kit-grid ::ng-deep .k-pager .k-pager-last{display:none}.kit-grid ::ng-deep .k-pager .k-button-icon{font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-left:before{content:\"\\e016\"}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-right:before{content:\"\\e014\"}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$4.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i2$4.DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"], exportAs: ["kendoGridBinding"] }, { kind: "directive", type: i2$4.ExpandDetailsDirective, selector: "[kendoGridExpandDetailsBy]", inputs: ["kendoGridExpandDetailsBy", "expandDetailBy", "expandedDetailKeys", "initiallyExpanded"], outputs: ["expandedDetailKeysChange"], exportAs: ["kendoGridExpandDetailsBy"] }, { kind: "component", type: i2$4.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i2$4.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "directive", type: i2$4.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i2$4.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "<kendo-grid class=\"kit-grid\"\n            [data]=\"data\"\n            [sortable]=\"sortable\"\n            [sort]=\"sort\"\n            [rowClass]=\"getCssRowClass\"\n            [pageable]=\"getPagerSettings()\"\n            [pageSize]=\"pageSize\"\n            [skip]=\"skip\"\n            (detailExpand)=\"onDetailExpand($event)\"\n            (detailCollapse)=\"onDetailCollapse($event)\"\n            (sortChange)=\"onSortChange($event)\"\n            (pageChange)=\"onPageChange($event)\"\n            (dataStateChange)=\"onDataStateChange($event)\">\n  @for (column of columns; track column) {\n    <kendo-grid-column [field]=\"column.field\"\n                       [sortable]=\"column.sortable\"\n                       [width]=\"column.width\">\n      <ng-template kendoGridHeaderTemplate>\n        <div class=\"grid-title\"\n             [class.sortable]=\"isColumnSortable(column)\">\n          @if (column.titleIcon) {\n            <kit-svg-icon class=\"grid-title-icon\"\n                          [icon]=\"column.titleIcon\"\n                          [ngClass]=\"column.titleIconType\"\n            ></kit-svg-icon>\n          }\n\n          <div class=\"grid-title-text\">\n            {{ column.title }}\n          </div>\n\n          @if (sortable && column.sortable) {\n            @switch (getSortingDirection(column.field)) {\n              @case (KitGridSortDirection.ASC) {\n                <kit-svg-icon class=\"grid-title-sort-icon\"\n                              [icon]=\"KitSvgIcon.SORT_ASCENDING\"\n                ></kit-svg-icon>\n              }\n              @case (KitGridSortDirection.DESC) {\n                <kit-svg-icon class=\"grid-title-sort-icon\"\n                              [icon]=\"KitSvgIcon.SORT_DESCENDING\"\n                ></kit-svg-icon>\n              }\n            }\n          }\n        </div>\n      </ng-template>\n\n      @if (column.cellTemplate) {\n        <ng-template kendoGridCellTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </ng-template>\n      }\n    </kendo-grid-column>\n\n    @if (kitGridDetailTemplate) {\n      <ng-template kendoGridDetailTemplate let-dataItem\n                   [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n        <ng-container *ngTemplateOutlet=\"kitGridDetailTemplate; context: { $implicit: dataItem }\"\n        ></ng-container>\n      </ng-template>\n    }\n  }\n</kendo-grid>\n", styles: [".kit-grid{border:none;background:none}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15)}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-table-row:last-child .k-table-td{border-bottom:none}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;font-family:WebComponentsIcons,sans-serif;font-size:22px}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\\e005\";color:var(--ui-kit-color-grey-12);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:0;border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-nav:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-nav:after{opacity:0}.kit-grid ::ng-deep .k-pager-nav.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav:not(.k-selected):hover:before{background-color:#0000000f}.kit-grid ::ng-deep .k-pager-nav.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager .k-pager-first,.kit-grid ::ng-deep .k-pager .k-pager-last{display:none}.kit-grid ::ng-deep .k-pager .k-button-icon{font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-left:before{content:\"\\e016\"}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-right:before{content:\"\\e014\"}\n"] }]
+            args: [{ selector: 'kit-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (data) {\n  <kendo-grid class=\"kit-grid\"\n              kendoGridExpandDetailsBy\n              [data]=\"data\"\n              [sortable]=\"sortable\"\n              [sort]=\"sort\"\n              [rowClass]=\"getCssRowClass\"\n              [pageable]=\"getPagerSettings()\"\n              [pageSize]=\"pageSize\"\n              [skip]=\"skip\"\n              [(expandedDetailKeys)]=\"expandedRows\"\n              (detailExpand)=\"onDetailExpand($event)\"\n              (detailCollapse)=\"onDetailCollapse($event)\"\n              (sortChange)=\"onSortChange($event)\"\n              (pageChange)=\"onPageChange($event)\"\n              (dataStateChange)=\"onDataStateChange($event)\">\n    @for (column of columns; track column) {\n      <kendo-grid-column [field]=\"column.field\"\n                         [sortable]=\"column.sortable\"\n                         [width]=\"column.width\">\n        <ng-template kendoGridHeaderTemplate>\n          <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n          ></ng-container>\n        </ng-template>\n\n        @if (column.cellTemplate) {\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n            ></ng-container>\n          </ng-template>\n        }\n      </kendo-grid-column>\n\n      @if (kitGridDetailTemplate) {\n        <ng-template kendoGridDetailTemplate let-dataItem\n                     [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n          <ng-container *ngTemplateOutlet=\"kitGridDetailTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </ng-template>\n      }\n    }\n  </kendo-grid>\n}\n\n@if (gridDataBinding) {\n  <kendo-grid class=\"kit-grid\"\n              kendoGridExpandDetailsBy\n              [kendoGridBinding]=\"gridDataBinding\"\n              [rowClass]=\"getCssRowClass\"\n              [pageable]=\"getPagerSettings()\"\n              [pageSize]=\"pageSize\"\n              [sortable]=\"sortable\"\n              [sort]=\"sort\"\n              [skip]=\"skip\"\n              [(expandedDetailKeys)]=\"expandedRows\"\n              (detailExpand)=\"onDetailExpand($event)\"\n              (detailCollapse)=\"onDetailCollapse($event)\"\n              (pageChange)=\"onPageChange($event)\"\n              (sortChange)=\"onSortChange($event)\"\n              (dataStateChange)=\"onDataStateChange($event)\">\n    @for (column of columns; track column) {\n      <kendo-grid-column [field]=\"column.field\"\n                         [sortable]=\"column.sortable\"\n                         [width]=\"column.width\">\n        @if (column.cellTemplate) {\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n            ></ng-container>\n          </ng-template>\n        }\n\n        <ng-template kendoGridHeaderTemplate>\n          <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n          ></ng-container>\n        </ng-template>\n      </kendo-grid-column>\n\n      @if (kitGridDetailTemplate) {\n        <ng-template kendoGridDetailTemplate let-dataItem\n                     [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n          <ng-container *ngTemplateOutlet=\"kitGridDetailTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </ng-template>\n      }\n    }\n  </kendo-grid>\n}\n\n<ng-template #columnHeaderTemplate let-column>\n  <div class=\"grid-title\"\n       [class.sortable]=\"isColumnSortable(column)\">\n    @if (column.titleIcon) {\n      <kit-svg-icon class=\"grid-title-icon\"\n                    [icon]=\"column.titleIcon\"\n                    [ngClass]=\"column.titleIconType\"\n      ></kit-svg-icon>\n    }\n\n    <div class=\"grid-title-text\">\n      {{ column.title }}\n    </div>\n\n    @if (sortable && column.sortable) {\n      @switch (getSortingDirection(column.field)) {\n        @case (KitGridSortDirection.ASC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"KitSvgIcon.SORT_ASCENDING\"\n          ></kit-svg-icon>\n        }\n        @case (KitGridSortDirection.DESC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"KitSvgIcon.SORT_DESCENDING\"\n          ></kit-svg-icon>\n        }\n      }\n    }\n  </div>\n</ng-template>\n", styles: [".kit-grid{border:none;background:none}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15)}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-pager{margin:20px 0;justify-content:flex-start}.kit-grid ::ng-deep .k-detail-row .k-grid-norecords{text-align:left}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;font-family:WebComponentsIcons,sans-serif;font-size:22px}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\\e005\";color:var(--ui-kit-color-grey-12);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:0;border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-nav:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-nav:after{opacity:0}.kit-grid ::ng-deep .k-pager-nav.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-nav:not(.k-selected):hover:before{background-color:#0000000f}.kit-grid ::ng-deep .k-pager-nav.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager .k-pager-first,.kit-grid ::ng-deep .k-pager .k-pager-last{display:none}.kit-grid ::ng-deep .k-pager .k-button-icon{font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-left:before{content:\"\\e016\"}.kit-grid ::ng-deep .k-pager .k-svg-i-caret-alt-right:before{content:\"\\e014\"}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
+            }], gridDataBinding: [{
+                type: Input
             }], sortable: [{
                 type: Input
             }], sort: [{