@cccteam/ccc-lib 0.0.14 → 0.0.16

package/fesm2022/cccteam-ccc-lib-src-ccc-grid.mjs

@@ -0,0 +1,256 @@
+import * as i2$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, signal, computed, Component, output } from '@angular/core';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule, MatIconButton } from '@angular/material/button';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i4 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { CamelCaseToTitlePipe } from '@cccteam/ccc-lib/src/ccc-camel-case-to-title';
+import * as i1$1 from '@progress/kendo-angular-grid';
+import { GridModule } from '@progress/kendo-angular-grid';
+
+class TableButtonComponent {
+    config = input.required({ ...(ngDevMode ? { debugName: "config" } : {}) });
+    rowData = input.required({ ...(ngDevMode ? { debugName: "rowData" } : {}) });
+    tooltipPosition = input('above', { ...(ngDevMode ? { debugName: "tooltipPosition" } : {}) });
+    color = input('', { ...(ngDevMode ? { debugName: "color" } : {}) });
+    disabled = signal(false, { ...(ngDevMode ? { debugName: "disabled" } : {}) });
+    viewRoute = input('', { ...(ngDevMode ? { debugName: "viewRoute" } : {}) });
+    id = input('', { ...(ngDevMode ? { debugName: "id" } : {}) });
+    link = computed(() => {
+        const viewRoute = this.viewRoute();
+        const id = this.id();
+        if (!viewRoute || !id) {
+            return '';
+        }
+        if (!viewRoute.startsWith('/')) {
+            return `${viewRoute}/${id}`;
+        }
+        return `${viewRoute}/${id}`;
+    }, { ...(ngDevMode ? { debugName: "link" } : {}) });
+    callAction() {
+        const rowData = this.rowData();
+        const action = this.config().action;
+        if (rowData && action !== undefined) {
+            const id = 'id';
+            const idVal = rowData[id];
+            action({ id: idVal });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: TableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: TableButtonComponent, isStandalone: true, selector: "ccc-table-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: true, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, viewRoute: { classPropertyName: "viewRoute", publicName: "viewRoute", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n  [matTooltip]=\"disabled() ? config().disabledLabel : config().label\"\n  [matTooltipPosition]=\"tooltipPosition()\"\n  class=\"parent\">\n  @if (config().actionType === 'link') {\n    <a [routerLink]=\"viewRoute()\">\n      <button mat-icon-button [disabled]=\"disabled()\" [color]=\"config().color\">\n        <mat-icon>{{ config().icon }}</mat-icon>\n      </button>\n    </a>\n  } @else if (config().actionType === 'function') {\n    <button mat-icon-button (click)=\"callAction()\" [disabled]=\"disabled()\" [color]=\"color()\">\n      <mat-icon>{{ config().icon }}</mat-icon>\n    </button>\n  }\n</span>\n", styles: [".parent{width:100%;height:100%;display:flex}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: TableButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ccc-table-button', standalone: true, imports: [MatButtonModule, MatIconModule, MatTooltipModule, RouterModule], template: "<span\n  [matTooltip]=\"disabled() ? config().disabledLabel : config().label\"\n  [matTooltipPosition]=\"tooltipPosition()\"\n  class=\"parent\">\n  @if (config().actionType === 'link') {\n    <a [routerLink]=\"viewRoute()\">\n      <button mat-icon-button [disabled]=\"disabled()\" [color]=\"config().color\">\n        <mat-icon>{{ config().icon }}</mat-icon>\n      </button>\n    </a>\n  } @else if (config().actionType === 'function') {\n    <button mat-icon-button (click)=\"callAction()\" [disabled]=\"disabled()\" [color]=\"color()\">\n      <mat-icon>{{ config().icon }}</mat-icon>\n    </button>\n  }\n</span>\n", styles: [".parent{width:100%;height:100%;display:flex}\n"] }]
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], rowData: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowData", required: true }] }], tooltipPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPosition", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], viewRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewRoute", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+class AppGridComponent {
+    /* eslint-disable  @typescript-eslint/no-explicit-any */
+    rowData = input([], { ...(ngDevMode ? { debugName: "rowData" } : {}) });
+    columnDefs = input([], { ...(ngDevMode ? { debugName: "columnDefs" } : {}) });
+    enableRowExpansion = input(false, { ...(ngDevMode ? { debugName: "enableRowExpansion" } : {}) });
+    detailTemplate = input(undefined, { ...(ngDevMode ? { debugName: "detailTemplate" } : {}) });
+    selectionType = input('none', { ...(ngDevMode ? { debugName: "selectionType" } : {}) });
+    selectedRows = output();
+    selectedKeys = [];
+    onSelectedKeysChange(keys) {
+        this.selectedKeys = keys;
+        const selectedRows = this.rowData().filter((row) => keys.includes(row.id));
+        this.selectedRows.emit(selectedRows);
+    }
+    selectionMode = computed(() => {
+        if (this.selectionType() === 'none') {
+            return false;
+        }
+        else if (this.selectionType() === 'single') {
+            return {
+                mode: 'single',
+                checkboxOnly: true,
+            };
+        }
+        else {
+            return {
+                mode: 'multiple',
+                checkboxOnly: true,
+            };
+        }
+    }, { ...(ngDevMode ? { debugName: "selectionMode" } : {}) });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AppGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: AppGridComponent, isStandalone: true, selector: "ccc-grid", inputs: { rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: false, transformFunction: null }, columnDefs: { classPropertyName: "columnDefs", publicName: "columnDefs", isSignal: true, isRequired: false, transformFunction: null }, enableRowExpansion: { classPropertyName: "enableRowExpansion", publicName: "enableRowExpansion", isSignal: true, isRequired: false, transformFunction: null }, detailTemplate: { classPropertyName: "detailTemplate", publicName: "detailTemplate", isSignal: true, isRequired: false, transformFunction: null }, selectionType: { classPropertyName: "selectionType", publicName: "selectionType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedRows: "selectedRows" }, ngImport: i0, template: `
+    <kendo-grid
+      [data]="rowData()"
+      filterable="menu"
+      [sortable]="true"
+      scrollable="none"
+      [selectable]="selectionMode()"
+      [selectedKeys]="selectedKeys"
+      kendoGridSelectBy="id"
+      (selectedKeysChange)="onSelectedKeysChange($event)">
+      @if (selectionMode() !== false) {
+        <kendo-grid-checkbox-column
+          [width]="40"
+          [showSelectAll]="selectionType() === 'multiple'"></kendo-grid-checkbox-column>
+      }
+      @for (col of columnDefs(); track col.id + col.header) {
+        @if (col.buttonConfig) {
+          <kendo-grid-column
+            [field]="col.id"
+            [filterable]="false"
+            [sortable]="false"
+            [width]="66"
+            [resizable]="col.resizable ?? true">
+            <ng-template kendoGridHeaderTemplate> </ng-template>
+            <ng-template kendoGridCellTemplate let-dataItem>
+              @if (col.buttonConfig.actionType === 'link' && col.buttonConfig.viewRoute) {
+                <a
+                  mat-icon-button
+                  [routerLink]="['/', col.buttonConfig.viewRoute, dataItem['id']]"
+                  [matTooltip]="col.buttonConfig.label || ''"
+                  [matTooltipPosition]="col.tooltipPosition || 'above'">
+                  <mat-icon>{{ col.buttonConfig.icon || 'arrow_forward' }}</mat-icon>
+                </a>
+              } @else {
+                <ccc-table-button
+                  [config]="col.buttonConfig"
+                  [rowData]="dataItem"
+                  [tooltipPosition]="col.tooltipPosition || 'above'"
+                  [viewRoute]="col.buttonConfig.viewRoute || ''"
+                  [id]="dataItem['id']">
+                </ccc-table-button>
+              }
+            </ng-template>
+          </kendo-grid-column>
+        } @else {
+          @if (col.width) {
+            <kendo-grid-column [field]="col.id" [width]="col.width" [resizable]="col.resizable ?? true">
+              <ng-template kendoGridHeaderTemplate>
+                @if (!col.hideHeader) {
+                  <span class="col-header">{{ col.header || col.id | camelCaseToTitle }}</span>
+                }
+              </ng-template>
+              <ng-template kendoGridCellTemplate let-dataItem>{{ dataItem[col.id] }} </ng-template>
+            </kendo-grid-column>
+          } @else {
+            <kendo-grid-column [field]="col.id" [resizable]="col.resizable ?? true">
+              <ng-template kendoGridHeaderTemplate>
+                @if (!col.hideHeader) {
+                  <span class="col-header">{{ col.header || col.id | camelCaseToTitle }}</span>
+                }
+              </ng-template>
+              <ng-template kendoGridCellTemplate let-dataItem>{{ dataItem[col.id] }} </ng-template>
+            </kendo-grid-column>
+          }
+        }
+      }
+      @if (enableRowExpansion() && detailTemplate()) {
+        <ng-template kendoGridDetailTemplate let-dataItem>
+          <ng-container *ngTemplateOutlet="detailTemplate()!; context: { $implicit: dataItem }"></ng-container>
+        </ng-template>
+      }
+      <ng-template kendoGridNoRecordsTemplate>
+        <div style="text-align: center; padding: 20px;">No records found</div>
+      </ng-template>
+    </kendo-grid>
+  `, isInline: true, styles: [":host{display:block;height:100%}kendo-grid{height:100%}.col-header{font-weight:700}app-table-button{position:relative;z-index:10}a[mat-button]{position:relative;z-index:11}::ng-deep .k-grid .k-grid-aria-root{overflow-x:auto;overflow-y:hidden}::ng-deep .k-grid .k-detail-cell{padding:16px}\n"], dependencies: [{ kind: "ngmodule", type: GridModule }, { kind: "component", type: i1$1.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "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: i1$1.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i1$1.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i1$1.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "component", type: i1$1.CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll", "showDisabledCheckbox"] }, { kind: "directive", type: i1$1.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i1$1.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "directive", type: i1$1.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TableButtonComponent, selector: "ccc-table-button", inputs: ["config", "rowData", "tooltipPosition", "color", "viewRoute", "id"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: CamelCaseToTitlePipe, name: "camelCaseToTitle" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AppGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ccc-grid', standalone: true, imports: [
+                        GridModule,
+                        CommonModule,
+                        TableButtonComponent,
+                        CamelCaseToTitlePipe,
+                        RouterModule,
+                        MatIconButton,
+                        MatIconModule,
+                        MatTooltipModule,
+                    ], template: `
+    <kendo-grid
+      [data]="rowData()"
+      filterable="menu"
+      [sortable]="true"
+      scrollable="none"
+      [selectable]="selectionMode()"
+      [selectedKeys]="selectedKeys"
+      kendoGridSelectBy="id"
+      (selectedKeysChange)="onSelectedKeysChange($event)">
+      @if (selectionMode() !== false) {
+        <kendo-grid-checkbox-column
+          [width]="40"
+          [showSelectAll]="selectionType() === 'multiple'"></kendo-grid-checkbox-column>
+      }
+      @for (col of columnDefs(); track col.id + col.header) {
+        @if (col.buttonConfig) {
+          <kendo-grid-column
+            [field]="col.id"
+            [filterable]="false"
+            [sortable]="false"
+            [width]="66"
+            [resizable]="col.resizable ?? true">
+            <ng-template kendoGridHeaderTemplate> </ng-template>
+            <ng-template kendoGridCellTemplate let-dataItem>
+              @if (col.buttonConfig.actionType === 'link' && col.buttonConfig.viewRoute) {
+                <a
+                  mat-icon-button
+                  [routerLink]="['/', col.buttonConfig.viewRoute, dataItem['id']]"
+                  [matTooltip]="col.buttonConfig.label || ''"
+                  [matTooltipPosition]="col.tooltipPosition || 'above'">
+                  <mat-icon>{{ col.buttonConfig.icon || 'arrow_forward' }}</mat-icon>
+                </a>
+              } @else {
+                <ccc-table-button
+                  [config]="col.buttonConfig"
+                  [rowData]="dataItem"
+                  [tooltipPosition]="col.tooltipPosition || 'above'"
+                  [viewRoute]="col.buttonConfig.viewRoute || ''"
+                  [id]="dataItem['id']">
+                </ccc-table-button>
+              }
+            </ng-template>
+          </kendo-grid-column>
+        } @else {
+          @if (col.width) {
+            <kendo-grid-column [field]="col.id" [width]="col.width" [resizable]="col.resizable ?? true">
+              <ng-template kendoGridHeaderTemplate>
+                @if (!col.hideHeader) {
+                  <span class="col-header">{{ col.header || col.id | camelCaseToTitle }}</span>
+                }
+              </ng-template>
+              <ng-template kendoGridCellTemplate let-dataItem>{{ dataItem[col.id] }} </ng-template>
+            </kendo-grid-column>
+          } @else {
+            <kendo-grid-column [field]="col.id" [resizable]="col.resizable ?? true">
+              <ng-template kendoGridHeaderTemplate>
+                @if (!col.hideHeader) {
+                  <span class="col-header">{{ col.header || col.id | camelCaseToTitle }}</span>
+                }
+              </ng-template>
+              <ng-template kendoGridCellTemplate let-dataItem>{{ dataItem[col.id] }} </ng-template>
+            </kendo-grid-column>
+          }
+        }
+      }
+      @if (enableRowExpansion() && detailTemplate()) {
+        <ng-template kendoGridDetailTemplate let-dataItem>
+          <ng-container *ngTemplateOutlet="detailTemplate()!; context: { $implicit: dataItem }"></ng-container>
+        </ng-template>
+      }
+      <ng-template kendoGridNoRecordsTemplate>
+        <div style="text-align: center; padding: 20px;">No records found</div>
+      </ng-template>
+    </kendo-grid>
+  `, styles: [":host{display:block;height:100%}kendo-grid{height:100%}.col-header{font-weight:700}app-table-button{position:relative;z-index:10}a[mat-button]{position:relative;z-index:11}::ng-deep .k-grid .k-grid-aria-root{overflow-x:auto;overflow-y:hidden}::ng-deep .k-grid .k-detail-cell{padding:16px}\n"] }]
+        }], propDecorators: { rowData: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowData", required: false }] }], columnDefs: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnDefs", required: false }] }], enableRowExpansion: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableRowExpansion", required: false }] }], detailTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailTemplate", required: false }] }], selectionType: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionType", required: false }] }], selectedRows: [{ type: i0.Output, args: ["selectedRows"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AppGridComponent, TableButtonComponent };
+//# sourceMappingURL=cccteam-ccc-lib-src-ccc-grid.mjs.map

package/fesm2022/cccteam-ccc-lib-src-ccc-grid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cccteam-ccc-lib-src-ccc-grid.mjs","sources":["../../../projects/ccc-lib/src/ccc-grid/table-button/table-button.component.ts","../../../projects/ccc-lib/src/ccc-grid/table-button/table-button.component.html","../../../projects/ccc-lib/src/ccc-grid/ccc-grid.component.ts","../../../projects/ccc-lib/src/ccc-grid/cccteam-ccc-lib-src-ccc-grid.ts"],"sourcesContent":["import { Component, computed, input, signal } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule, TooltipPosition } from '@angular/material/tooltip';\nimport { RouterModule } from '@angular/router';\nimport { ActionButtonConfig } from '@cccteam/ccc-lib/src/types';\n\n@Component({\n  selector: 'ccc-table-button',\n  standalone: true,\n  imports: [MatButtonModule, MatIconModule, MatTooltipModule, RouterModule],\n  templateUrl: './table-button.component.html',\n  styleUrl: './table-button.component.scss',\n})\nexport class TableButtonComponent<T> {\n  config = input.required<ActionButtonConfig>();\n\n  rowData = input.required<T>();\n  tooltipPosition = input<TooltipPosition>('above' as TooltipPosition);\n  color = input<string>('');\n  disabled = signal<boolean>(false);\n  viewRoute = input<string>('');\n  id = input<string>('');\n\n  link = computed(() => {\n    const viewRoute = this.viewRoute();\n    const id = this.id();\n\n    if (!viewRoute || !id) {\n      return '';\n    }\n\n    if (!viewRoute.startsWith('/')) {\n      return `${viewRoute}/${id}`;\n    }\n\n    return `${viewRoute}/${id}`;\n  });\n\n  callAction(): void {\n    const rowData = this.rowData();\n    const action = this.config().action;\n    if (rowData && action !== undefined) {\n      const id = 'id' as keyof T;\n      const idVal = rowData[id] as string;\n      action({ id: idVal });\n    }\n  }\n}\n","<span\n  [matTooltip]=\"disabled() ? config().disabledLabel : config().label\"\n  [matTooltipPosition]=\"tooltipPosition()\"\n  class=\"parent\">\n  @if (config().actionType === 'link') {\n    <a [routerLink]=\"viewRoute()\">\n      <button mat-icon-button [disabled]=\"disabled()\" [color]=\"config().color\">\n        <mat-icon>{{ config().icon }}</mat-icon>\n      </button>\n    </a>\n  } @else if (config().actionType === 'function') {\n    <button mat-icon-button (click)=\"callAction()\" [disabled]=\"disabled()\" [color]=\"color()\">\n      <mat-icon>{{ config().icon }}</mat-icon>\n    </button>\n  }\n</span>\n","import { CommonModule } from '@angular/common';\nimport { Component, computed, input, output, TemplateRef } from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { RouterModule } from '@angular/router';\nimport { CamelCaseToTitlePipe } from '@cccteam/ccc-lib/src/ccc-camel-case-to-title';\nimport { ColumnConfig, RecordData } from '@cccteam/ccc-lib/src/types';\nimport { GridModule, SelectableMode, SelectableSettings } from '@progress/kendo-angular-grid';\nimport { TableButtonComponent } from './table-button/table-button.component';\n\n@Component({\n  selector: 'ccc-grid',\n  standalone: true,\n  imports: [\n    GridModule,\n    CommonModule,\n    TableButtonComponent,\n    CamelCaseToTitlePipe,\n    RouterModule,\n    MatIconButton,\n    MatIconModule,\n    MatTooltipModule,\n  ],\n  template: `\n    <kendo-grid\n      [data]=\"rowData()\"\n      filterable=\"menu\"\n      [sortable]=\"true\"\n      scrollable=\"none\"\n      [selectable]=\"selectionMode()\"\n      [selectedKeys]=\"selectedKeys\"\n      kendoGridSelectBy=\"id\"\n      (selectedKeysChange)=\"onSelectedKeysChange($event)\">\n      @if (selectionMode() !== false) {\n        <kendo-grid-checkbox-column\n          [width]=\"40\"\n          [showSelectAll]=\"selectionType() === 'multiple'\"></kendo-grid-checkbox-column>\n      }\n      @for (col of columnDefs(); track col.id + col.header) {\n        @if (col.buttonConfig) {\n          <kendo-grid-column\n            [field]=\"col.id\"\n            [filterable]=\"false\"\n            [sortable]=\"false\"\n            [width]=\"66\"\n            [resizable]=\"col.resizable ?? true\">\n            <ng-template kendoGridHeaderTemplate> </ng-template>\n            <ng-template kendoGridCellTemplate let-dataItem>\n              @if (col.buttonConfig.actionType === 'link' && col.buttonConfig.viewRoute) {\n                <a\n                  mat-icon-button\n                  [routerLink]=\"['/', col.buttonConfig.viewRoute, dataItem['id']]\"\n                  [matTooltip]=\"col.buttonConfig.label || ''\"\n                  [matTooltipPosition]=\"col.tooltipPosition || 'above'\">\n                  <mat-icon>{{ col.buttonConfig.icon || 'arrow_forward' }}</mat-icon>\n                </a>\n              } @else {\n                <ccc-table-button\n                  [config]=\"col.buttonConfig\"\n                  [rowData]=\"dataItem\"\n                  [tooltipPosition]=\"col.tooltipPosition || 'above'\"\n                  [viewRoute]=\"col.buttonConfig.viewRoute || ''\"\n                  [id]=\"dataItem['id']\">\n                </ccc-table-button>\n              }\n            </ng-template>\n          </kendo-grid-column>\n        } @else {\n          @if (col.width) {\n            <kendo-grid-column [field]=\"col.id\" [width]=\"col.width\" [resizable]=\"col.resizable ?? true\">\n              <ng-template kendoGridHeaderTemplate>\n                @if (!col.hideHeader) {\n                  <span class=\"col-header\">{{ col.header || col.id | camelCaseToTitle }}</span>\n                }\n              </ng-template>\n              <ng-template kendoGridCellTemplate let-dataItem>{{ dataItem[col.id] }} </ng-template>\n            </kendo-grid-column>\n          } @else {\n            <kendo-grid-column [field]=\"col.id\" [resizable]=\"col.resizable ?? true\">\n              <ng-template kendoGridHeaderTemplate>\n                @if (!col.hideHeader) {\n                  <span class=\"col-header\">{{ col.header || col.id | camelCaseToTitle }}</span>\n                }\n              </ng-template>\n              <ng-template kendoGridCellTemplate let-dataItem>{{ dataItem[col.id] }} </ng-template>\n            </kendo-grid-column>\n          }\n        }\n      }\n      @if (enableRowExpansion() && detailTemplate()) {\n        <ng-template kendoGridDetailTemplate let-dataItem>\n          <ng-container *ngTemplateOutlet=\"detailTemplate()!; context: { $implicit: dataItem }\"></ng-container>\n        </ng-template>\n      }\n      <ng-template kendoGridNoRecordsTemplate>\n        <div style=\"text-align: center; padding: 20px;\">No records found</div>\n      </ng-template>\n    </kendo-grid>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n        height: 100%;\n      }\n      kendo-grid {\n        height: 100%;\n      }\n      .col-header {\n        font-weight: bold;\n      }\n      app-table-button {\n        position: relative;\n        z-index: 10;\n      }\n      a[mat-button] {\n        position: relative;\n        z-index: 11;\n      }\n      ::ng-deep .k-grid .k-grid-aria-root {\n        overflow-x: auto; /* Allow horizontal scrolling */\n        overflow-y: hidden; /* Keep vertical behavior as needed */\n      }\n      ::ng-deep .k-grid .k-detail-cell {\n        padding: 16px;\n      }\n    `,\n  ],\n})\nexport class AppGridComponent {\n  /* eslint-disable  @typescript-eslint/no-explicit-any */\n  rowData = input<any[]>([]);\n  columnDefs = input<ColumnConfig[]>([]);\n  enableRowExpansion = input<boolean>(false);\n  detailTemplate = input<TemplateRef<unknown>>();\n  selectionType = input<'multiple' | 'single' | 'none'>('none');\n  selectedRows = output<RecordData[]>();\n\n  public selectedKeys: number[] = [];\n\n  onSelectedKeysChange(keys: number[]): void {\n    this.selectedKeys = keys;\n    const selectedRows = this.rowData().filter((row: any) => keys.includes(row.id));\n    this.selectedRows.emit(selectedRows);\n  }\n\n  selectionMode = computed(() => {\n    if (this.selectionType() === 'none') {\n      return false;\n    } else if (this.selectionType() === 'single') {\n      return {\n        mode: 'single' as SelectableMode,\n        checkboxOnly: true,\n      } as SelectableSettings;\n    } else {\n      return {\n        mode: 'multiple' as SelectableMode,\n        checkboxOnly: true,\n      } as SelectableSettings;\n    }\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i3","i4"],"mappings":"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"}