@reforgium/data-grid 1.1.0 → 2.0.1

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.0",
+  "version": "2.0.1",
   "name": "@reforgium/data-grid",
   "description": "reforgium DataGrid component",
   "author": "rtommievich",
@@ -11,6 +11,7 @@
   "publishConfig": {
     "access": "public"
   },
+  "sideEffects": false,
   "keywords": [
     "reforgium",
     "data-grid",
@@ -27,6 +28,14 @@
     "@angular/core": ">=18.0.0",
     "rxjs": ">=7.0.0"
   },
+  "files": [
+    "fesm2022/*.mjs",
+    "types/*.d.ts",
+    "package.json",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE*"
+  ],
   "module": "fesm2022/reforgium-data-grid.mjs",
   "typings": "types/reforgium-data-grid.d.ts",
   "exports": {
@@ -36,7 +45,18 @@
     ".": {
       "types": "./types/reforgium-data-grid.d.ts",
       "default": "./fesm2022/reforgium-data-grid.mjs"
+    },
+    "./column-manager": {
+      "types": "./types/reforgium-data-grid-column-manager.d.ts",
+      "default": "./fesm2022/reforgium-data-grid-column-manager.mjs"
+    },
+    "./paginator": {
+      "types": "./types/reforgium-data-grid-paginator.d.ts",
+      "default": "./fesm2022/reforgium-data-grid-paginator.mjs"
+    },
+    "./ui": {
+      "types": "./types/reforgium-data-grid-ui.d.ts",
+      "default": "./fesm2022/reforgium-data-grid-ui.mjs"
     }
-  },
-  "sideEffects": false
+  }
 }

package/types/reforgium-data-grid-column-manager.d.ts

@@ -0,0 +1,53 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { GridColumn } from '@reforgium/data-grid';
+
+type GridColumnPin = 'none' | 'left' | 'right';
+
+type RowLike = Record<string, unknown>;
+declare class DataGridColumnManager<Data extends RowLike = RowLike> {
+    columns: _angular_core.InputSignal<GridColumn<Data>[]>;
+    triggerLabel: _angular_core.InputSignal<string>;
+    triggerTemplate: _angular_core.InputSignal<TemplateRef<{
+        $implicit: string;
+        visible: number;
+        total: number;
+    }> | undefined>;
+    controlsVisible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    searchable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    searchPlaceholder: _angular_core.InputSignal<string>;
+    allowReorder: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    allowPin: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    allowVisibility: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    columnsChange: _angular_core.OutputEmitterRef<GridColumn<Data>[]>;
+    protected state: _angular_core.WritableSignal<GridColumn<Data>[]>;
+    protected searchQuery: _angular_core.WritableSignal<string>;
+    protected draggingKey: _angular_core.WritableSignal<string | null>;
+    protected opened: _angular_core.WritableSignal<boolean>;
+    private root;
+    protected filteredColumns: _angular_core.Signal<GridColumn<Data>[]>;
+    protected visibleColumnsCount: _angular_core.Signal<number>;
+    constructor();
+    protected pin: (key: string) => GridColumnPin;
+    protected toggleOpen(): void;
+    protected onDocumentMouseDown(target: EventTarget | null): void;
+    protected onSearch(event: Event): void;
+    protected canHideColumn(key: string): boolean;
+    protected onVisibleChange(key: string): void;
+    protected onPin(key: string, pin: GridColumnPin): void;
+    protected move(key: string, delta: number): void;
+    protected showAll(): void;
+    protected hideOptional(): void;
+    protected onDragStart(event: DragEvent, key: string): void;
+    protected onDragOver(event: DragEvent): void;
+    protected onDrop(event: DragEvent, targetKey: string): void;
+    private reorderByKey;
+    private findColumn;
+    private commit;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataGridColumnManager<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataGridColumnManager<any>, "re-data-grid-column-manager", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "triggerTemplate": { "alias": "triggerTemplate"; "required": false; "isSignal": true; }; "controlsVisible": { "alias": "controlsVisible"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "allowReorder": { "alias": "allowReorder"; "required": false; "isSignal": true; }; "allowPin": { "alias": "allowPin"; "required": false; "isSignal": true; }; "allowVisibility": { "alias": "allowVisibility"; "required": false; "isSignal": true; }; }, { "columnsChange": "columnsChange"; }, never, never, true, never>;
+}
+
+export { DataGridColumnManager };
+export type { GridColumnPin };
+//# sourceMappingURL=reforgium-data-grid-column-manager.d.ts.map

package/types/reforgium-data-grid-paginator.d.ts

@@ -0,0 +1,66 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { DataGridDropdownOption } from '@reforgium/data-grid/ui';
+
+declare class DataGridPaginatorFirstDirective {
+    tpl: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataGridPaginatorFirstDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DataGridPaginatorFirstDirective, "ng-template[reDataGridPaginatorFirst]", never, {}, {}, never, never, true, never>;
+}
+declare class DataGridPaginatorLastDirective {
+    tpl: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataGridPaginatorLastDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DataGridPaginatorLastDirective, "ng-template[reDataGridPaginatorLast]", never, {}, {}, never, never, true, never>;
+}
+declare class DataGridPaginatorPageDirective {
+    tpl: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataGridPaginatorPageDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DataGridPaginatorPageDirective, "ng-template[reDataGridPaginatorPage]", never, {}, {}, never, never, true, never>;
+}
+
+declare class DataGridPaginator {
+    current: _angular_core.InputSignalWithTransform<number, string | number | undefined>;
+    totalElements: _angular_core.InputSignalWithTransform<number, string | number | undefined>;
+    pageSize: _angular_core.InputSignalWithTransform<number, string | number | undefined>;
+    maxShowPages: _angular_core.InputSignalWithTransform<number, string | number | undefined>;
+    showFirstLast: _angular_core.InputSignalWithTransform<boolean, string | boolean | undefined>;
+    firstLabel: _angular_core.InputSignal<string>;
+    lastLabel: _angular_core.InputSignal<string>;
+    showPerPage: _angular_core.InputSignalWithTransform<boolean, string | boolean | undefined>;
+    perPageLabel: _angular_core.InputSignal<string>;
+    pageSizeOptions: _angular_core.InputSignal<number[]>;
+    pageChange: _angular_core.OutputEmitterRef<number>;
+    pageSizeChange: _angular_core.OutputEmitterRef<number>;
+    private firstSlotRefs;
+    private lastSlotRefs;
+    private pageSlotRefs;
+    protected firstTpl: _angular_core.Signal<DataGridPaginatorFirstDirective | undefined>;
+    protected lastTpl: _angular_core.Signal<DataGridPaginatorLastDirective | undefined>;
+    protected pageTpl: _angular_core.Signal<DataGridPaginatorPageDirective | undefined>;
+    protected normalizedPageSizeOptions: _angular_core.Signal<DataGridDropdownOption<number>[]>;
+    totalPages: _angular_core.Signal<number>;
+    pages: _angular_core.Signal<number[]>;
+    protected goToPage(page: number): void;
+    protected onPageSizeChange(value: string | number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataGridPaginator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataGridPaginator, "re-data-grid-paginator", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; "totalElements": { "alias": "totalElements"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "maxShowPages": { "alias": "maxShowPages"; "required": false; "isSignal": true; }; "showFirstLast": { "alias": "showFirstLast"; "required": false; "isSignal": true; }; "firstLabel": { "alias": "firstLabel"; "required": false; "isSignal": true; }; "lastLabel": { "alias": "lastLabel"; "required": false; "isSignal": true; }; "showPerPage": { "alias": "showPerPage"; "required": false; "isSignal": true; }; "perPageLabel": { "alias": "perPageLabel"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, ["firstSlotRefs", "lastSlotRefs", "pageSlotRefs"], never, true, never>;
+}
+
+type DataGridPaginatorEdgeTemplateContext = {
+    $implicit: number;
+    current: number;
+    total: number;
+    disabled: boolean;
+};
+type DataGridPaginatorPageTemplateContext = {
+    $implicit: number;
+    page: number;
+    label: number;
+    current: number;
+    total: number;
+    active: boolean;
+};
+
+export { DataGridPaginator, DataGridPaginatorFirstDirective, DataGridPaginatorLastDirective, DataGridPaginatorPageDirective };
+export type { DataGridPaginatorEdgeTemplateContext, DataGridPaginatorPageTemplateContext };
+//# sourceMappingURL=reforgium-data-grid-paginator.d.ts.map

package/types/reforgium-data-grid-ui.d.ts

@@ -0,0 +1,28 @@
+import * as _angular_core from '@angular/core';
+
+type DataGridDropdownValue = string | number;
+type DataGridDropdownOption<T extends DataGridDropdownValue = DataGridDropdownValue> = {
+    label: string;
+    value: T;
+    disabled?: boolean;
+};
+
+declare class DataGridDropdown<T extends DataGridDropdownValue = DataGridDropdownValue> {
+    options: _angular_core.InputSignal<DataGridDropdownOption<T>[]>;
+    value: _angular_core.InputSignal<T | null>;
+    disabled: _angular_core.InputSignal<boolean>;
+    placeholder: _angular_core.InputSignal<string>;
+    selectValue: _angular_core.OutputEmitterRef<T>;
+    private root;
+    protected opened: _angular_core.WritableSignal<boolean>;
+    protected selectedLabel: _angular_core.Signal<string>;
+    protected toggleOpen(): void;
+    protected select(value: T): void;
+    protected onDocumentMouseDown(target: EventTarget | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataGridDropdown<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataGridDropdown<any>, "re-data-grid-dropdown", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "selectValue": "selectValue"; }, never, never, true, never>;
+}
+
+export { DataGridDropdown };
+export type { DataGridDropdownOption, DataGridDropdownValue };
+//# sourceMappingURL=reforgium-data-grid-ui.d.ts.map