@guiexpert/table 0.0.1 → 0.0.2

package/lib/table/mouse-handler.d.ts

@@ -7,8 +7,6 @@ export declare class MouseHandler {
     geMouseEvent?: GeMouseEvent;
     geMouseEventOld?: GeMouseEvent;
     private expandedAll;
-    private lastRowIndex;
-    private lastColumnIndex;
     private mouseDown;
     private dragging;
     constructor(tableScope: TableScope);

package/lib/table/render-scope.d.ts

@@ -16,6 +16,7 @@ import { SelectionModelIf } from "./selection/selection-model.if";
 import { GetT } from "./data/common/get-t";
 import { FocusModelIf } from "./focus/focus-model.if";
 import { ColAndRowspanModel } from "./data/tablemodel/areamodel/col-and-rowspan-model";
+import { AreaObjectMapType } from "./data/common/area-map.type";
 export declare class RenderScope extends EleScope {
     protected storeScrollPosStateService?: StoreStateScrollPosService;
     protected getSelectionModel?: GetT<SelectionModelIf>;
@@ -31,9 +32,10 @@ export declare class RenderScope extends EleScope {
     };
     protected tree: boolean;
     protected rangeEles: HTMLDivElement[];
-    protected colAndRowspanModel?: ColAndRowspanModel;
+    protected colAndRowspanModels: AreaObjectMapType<ColAndRowspanModel>;
     protected firstVisibleRowIndex: number;
     protected draggingTargetColumnIndex: number;
+    protected mouseEvent?: GeMouseEvent;
     private debounceTimeout?;
     private editorRenderer?;
     private editorRendererColumn?;
@@ -43,23 +45,27 @@ export declare class RenderScope extends EleScope {
     clearSelection(): void;
     initRenderEditor(rowIdx: number, colIdx: number): void;
     repaint(): void;
+    private removables;
     adjustAfterScrolling(): void;
     checkForScrollPosSaving(): void;
     protected getAreaAndSideIdentByAttr(srcElement: HTMLElement): [AreaIdent | undefined, SideIdent | undefined];
     protected getArea(rowIdent: AreaIdent, sideIdent: SideIdent): DivScope;
     protected adjustBody(): void;
     protected getNumberByAttr(srcElement: HTMLElement, key: string): number;
-    protected mouseEvent?: GeMouseEvent;
+    protected getStringByAttr(srcElement: HTMLElement, key: string): string;
     protected adjustArea(areaIdent: AreaIdent, yStart?: number): void;
     /**
      * Draws big cells (rowspan and or colspan) in body/center
-     * @param range
-     * @param yStart
+     * @param range:CellRange
+     * @param xStart X position in pixel for top left corner
+     * @param yStart Y position in pixel for top left corner
+     * @param areaModel AreaModelIf
+     * @param parentDiv Parent div as HTMLDivElement
      * @protected
      */
     protected drawBigCell(range: CellRange, xStart: number, yStart: number, areaModel: AreaModelIf, parentDiv: HTMLDivElement): void;
     protected findRowOfImportantRowspanCell(areaModel: AreaModelIf, rowIndex: number, colIndex: number): number;
-    protected adjustColumnsToRowParent({ areaIdent, sideIdent, areaModel, geo, parent, rowIndex, columnIndexStart, columnIndexEnd, verticalFixed, firstVisibleRow }: ArgsAdjustColumnsToRowParentParams): void;
+    protected adjustColumnsToRowParent({ areaIdent, sideIdent, areaModel, geo, parent, rowIndex, columnIndexStart, columnIndexEnd, verticalFixed }: ArgsAdjustColumnsToRowParentParams): void;
     protected getTreeArrowColumnIndex(): 0 | 1;
     protected addAndRenderCellDiv({ areaModel, areaIdent, rowIndex, index, left, width, height, top, parent }: ArgsRenderCellDiv): [HTMLDivElement, RendererCleanupFnType | undefined];
     protected getColumnWidths(startIndex: number, endIndex: number): number[];
@@ -73,5 +79,4 @@ export declare class RenderScope extends EleScope {
     private renderSelectedBackgroundDiv;
     private renderCell;
     private renderHeaderCellResizeHandle;
-    private sum;
 }

package/lib/table/renderer/cell-render.if.d.ts

@@ -3,5 +3,5 @@ import { DomServiceIf } from "../service/dom-service.if";
 import { AreaIdent } from "../data/tablemodel/area-ident.type";
 import { RendererCleanupFnType } from "./renderer-cleanup-fn.type";
 export interface CellRendererIf {
-    render<T>(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
+    render(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
 }

package/lib/table/renderer/checkbox-cell-renderer.d.ts

@@ -4,5 +4,5 @@ import { DomServiceIf } from "../service/dom-service.if";
 import { AreaIdent } from "../data/tablemodel/area-ident.type";
 import { RendererCleanupFnType } from "./renderer-cleanup-fn.type";
 export declare class CheckboxCellRenderer implements CellRendererIf {
-    render(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
+    render(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, _cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
 }

package/lib/table/renderer/date-to-int-date-cell-renderer.d.ts

@@ -5,5 +5,5 @@ import { AreaIdent } from "../data/tablemodel/area-ident.type";
 import { RendererCleanupFnType } from "./renderer-cleanup-fn.type";
 export declare class DateToIntlDDMMYYYYCellRenderer implements CellRendererIf {
     readonly formatter: Intl.DateTimeFormat;
-    render(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
+    render(cellDiv: HTMLDivElement, _rowIndex: number, _columnIndex: number, _areaIdent: AreaIdent, _areaModel: AreaModelIf, cellValue: any, _domService: DomServiceIf): RendererCleanupFnType | undefined;
 }

package/lib/table/renderer/date-to-iso-cell-renderer.d.ts

@@ -4,5 +4,5 @@ import { DomServiceIf } from "../service/dom-service.if";
 import { AreaIdent } from "../data/tablemodel/area-ident.type";
 import { RendererCleanupFnType } from "./renderer-cleanup-fn.type";
 export declare class DateToIsoCellRenderer implements CellRendererIf {
-    render(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
+    render(cellDiv: HTMLDivElement, _rowIndex: number, _columnIndex: number, _areaIdent: AreaIdent, _areaModel: AreaModelIf, cellValue: any, _domService: DomServiceIf): RendererCleanupFnType | undefined;
 }

package/lib/table/renderer/date-to-locale-date-cell-renderer.d.ts

@@ -4,5 +4,5 @@ import { DomServiceIf } from "../service/dom-service.if";
 import { AreaIdent } from "../data/tablemodel/area-ident.type";
 import { RendererCleanupFnType } from "./renderer-cleanup-fn.type";
 export declare class DateToLocaleDateCellRenderer implements CellRendererIf {
-    render(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
+    render(cellDiv: HTMLDivElement, _rowIndex: number, _columnIndex: number, _areaIdent: AreaIdent, _areaModel: AreaModelIf, cellValue: any, _domService: DomServiceIf): RendererCleanupFnType | undefined;
 }

package/lib/table/renderer/date-to-tec-cell-renderer.d.ts

@@ -0,0 +1,8 @@
+import { CellRendererIf } from "./cell-render.if";
+import { AreaModelIf } from "../data/tablemodel/areamodel/area-model.if";
+import { DomServiceIf } from "../service/dom-service.if";
+import { AreaIdent } from "../data/tablemodel/area-ident.type";
+import { RendererCleanupFnType } from "./renderer-cleanup-fn.type";
+export declare class DateToTecCellRenderer implements CellRendererIf {
+    render(cellDiv: HTMLDivElement, _rowIndex: number, _columnIndex: number, _areaIdent: AreaIdent, _areaModel: AreaModelIf, cellValue: any, _domService: DomServiceIf): RendererCleanupFnType | undefined;
+}

package/lib/table/renderer/edit/edit-cell-renderer.type.d.ts

@@ -1,2 +1,2 @@
 import { CellRendererIf } from "../cell-render.if";
-export declare type GetEditRenderer = (rowIndex: number, columnIndex: number) => CellRendererIf | undefined;
+export type GetEditRenderer = (rowIndex: number, columnIndex: number) => CellRendererIf | undefined;

package/lib/table/renderer/edit/input-cell-renderer.d.ts

@@ -4,5 +4,5 @@ import { AreaModelIf } from "../../data/tablemodel/areamodel/area-model.if";
 import { DomServiceIf } from "../../service/dom-service.if";
 import { RendererCleanupFnType } from "../renderer-cleanup-fn.type";
 export declare class InputCellRenderer implements CellRendererIf {
-    render(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
+    render(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, _cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
 }

package/lib/table/renderer/edit/select-cell-renderer.d.ts

@@ -8,5 +8,5 @@ export declare class SelectCellRenderer implements CellRendererIf {
     protected options: ValueLabelIf[];
     constructor(options: ValueLabelIf[]);
     static create(values: string[]): SelectCellRenderer;
-    render(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
+    render(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, _cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
 }

package/lib/table/renderer/male-female-to-icon-cell-renderer.d.ts

@@ -4,5 +4,5 @@ import { DomServiceIf } from "../service/dom-service.if";
 import { AreaIdent } from "../data/tablemodel/area-ident.type";
 import { RendererCleanupFnType } from "./renderer-cleanup-fn.type";
 export declare class MaleFemaleToIconCellRenderer implements CellRendererIf {
-    render(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
+    render(cellDiv: HTMLDivElement, _rowIndex: number, _columnIndex: number, _areaIdent: AreaIdent, _areaModel: AreaModelIf, cellValue: any, _domService: DomServiceIf): RendererCleanupFnType | undefined;
 }

package/lib/table/renderer/number-cell-renderer.d.ts

@@ -7,5 +7,5 @@ export declare class NumberCellRenderer implements CellRendererIf {
     protected min: number;
     protected max: number;
     constructor(min?: number, max?: number);
-    render(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
+    render(cellDiv: HTMLDivElement, _rowIndex: number, _columnIndex: number, _areaIdent: AreaIdent, _areaModel: AreaModelIf, cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
 }

package/lib/table/renderer/renderer-cleanup-fn.type.d.ts

@@ -1 +1 @@
-export declare type RendererCleanupFnType = Function;
+export type RendererCleanupFnType = Function;

package/lib/table/renderer/true-false-cell-renderer.d.ts

@@ -0,0 +1,8 @@
+import { AreaModelIf } from "../data/tablemodel/areamodel/area-model.if";
+import { CellRendererIf } from "./cell-render.if";
+import { DomServiceIf } from "../service/dom-service.if";
+import { AreaIdent } from "../data/tablemodel/area-ident.type";
+import { RendererCleanupFnType } from "./renderer-cleanup-fn.type";
+export declare class TrueFalseCellRenderer implements CellRendererIf {
+    render(cellDiv: HTMLDivElement, _rowIndex: number, _columnIndex: number, _areaIdent: AreaIdent, _areaModel: AreaModelIf, cellValue: any, _domService: DomServiceIf): RendererCleanupFnType | undefined;
+}

package/lib/table/selection/selection.type.d.ts

@@ -1,2 +1,2 @@
-export declare type SelectionType = "none" | "cell" | "row" | "column" | "range";
-export declare type SelectionMode = "single" | "multi";
+export type SelectionType = "none" | "cell" | "row" | "column" | "range";
+export type SelectionMode = "single" | "multi";

package/lib/table/service/convenience-dom.service.d.ts

@@ -31,13 +31,15 @@ export declare class ConvenienceDomService {
     createAreaDivWithClass(clazz: string, parent: HTMLDivElement, areaIdent: AreaIdent, sideIdent: SideIdent): HTMLDivElement;
     createDivWithClass(clazz: string, parent: HTMLDivElement): HTMLDivElement;
     addRowDiv(divScope: DivScope, geo: GeoData, rowIndex: number | undefined, areaIdent: AreaIdent, text?: string): HTMLDivElement;
-    addColumnDiv<T>(parent: HTMLDivElement, geo: GeoData, rowIndex: number | undefined, columnIndex: number | undefined, areaIdent: AreaIdent, text?: string, treeArrow?: TreeArrowType, tableOptions?: TableOptionsIf, checkedType?: CheckedType | undefined, sortState?: SortState): HTMLDivElement;
+    addColumnDiv(parent: HTMLDivElement, geo: GeoData, rowIndex: number | undefined, columnIndex: number | undefined, areaIdent: AreaIdent, text?: string, treeArrow?: TreeArrowType, tableOptions?: TableOptionsIf, checkedType?: CheckedType | undefined, sortState?: SortState): HTMLDivElement;
     addCheckboxToDiv(parent: HTMLDivElement, checkedType: CheckedType, areaIdent: AreaIdent, rowIndex: number): HTMLDivElement;
     addLabelDiv(parent: HTMLDivElement, text?: string, firstTreeColumn?: boolean, rowIndex?: number, columnIndex?: number, areaIdent?: AreaIdent): HTMLDivElement;
     addSortedIcon(parent: HTMLDivElement, sorted?: SortState, sortedOptions?: SortedOptionsIf, columnIndex?: number): HTMLDivElement;
     addArrowDiv(parent: HTMLDivElement, arrow?: TreeArrowType, treeOptions?: TreeOptionsIf, rowIndex?: number, columnIndex?: number, areaIdent?: AreaIdent): HTMLDivElement;
     addColumnBorderDivs(parent: HTMLDivElement, geo: GeoData): HTMLDivElement;
+    addHorizontalBorder(geo: GeoData, parent: HTMLDivElement, clazz?: string): HTMLDivElement;
     addFocusBorderDivs(parent: HTMLDivElement, geo: GeoData, style: HtmlStyle): HTMLDivElement;
+    addVerticalBorder(geo: GeoData, parent: HTMLDivElement, clazz?: string): HTMLDivElement;
     addDiv(parent: HTMLDivElement, geo: GeoData, clazz?: string): HTMLDivElement;
     applyStyleString(div: HTMLDivElement, style: string): void;
     private getDivOrCreateDiv;

package/lib/table/service/data/html-style.type.d.ts

@@ -1,3 +1,3 @@
-export declare type HtmlStyle = {
+export type HtmlStyle = {
     [key: string]: string | number;
 };

package/lib/table/service/simple-dom-service.d.ts

@@ -0,0 +1,10 @@
+import { DomServiceIf } from "./dom-service.if";
+export declare class SimpleDomService implements DomServiceIf {
+    setStyle(el: any, style: string, value: any): any;
+    appendText(parent: HTMLDivElement, text: string): HTMLDivElement;
+    addClass(div: HTMLDivElement, clazz: string): HTMLDivElement;
+    appendChild(parent: HTMLElement, child: HTMLElement): void;
+    createElement<T>(name: string): T;
+    createText(value: string): any;
+    setAttribute(ele: HTMLElement, key: string, value: string): void;
+}

package/lib/table/table-api.d.ts

@@ -4,13 +4,13 @@ export declare class TableApi {
     private readonly tableScope;
     constructor(tableScope: TableScope);
     externalFilterChanged(): void;
-    scrollToPixel(px?: number, py?: number): void;
-    scrollToIndex(indexX?: number, indexY?: number): void;
-    setHeaderVisible(visible?: boolean): void;
-    setColumnVisible(column: number | ColumnDefIf, visible?: boolean): void;
-    isColumnVisible(column: number | ColumnDefIf): boolean;
+    scrollToPixel(_px?: number, _py?: number): void;
+    scrollToIndex(_indexX?: number, _indexY?: number): void;
+    setHeaderVisible(_visible?: boolean): void;
+    setColumnVisible(_column: number | ColumnDefIf, _visible?: boolean): void;
+    isColumnVisible(_column: number | ColumnDefIf): boolean;
     isHeaderVisible(): boolean;
-    setFooterVisible(visible?: boolean): void;
+    setFooterVisible(_visible?: boolean): void;
     isFooterVisible(): boolean;
     repaint(): void;
 }

package/lib/table/table-model-factory.d.ts

@@ -6,7 +6,6 @@ import { TableModel } from "./data/tablemodel/table-model";
 import { AreaModelIf } from "./data/tablemodel/areamodel/area-model.if";
 import { DefaultRowHeightsIf } from "./data/options/default-row-heights.if";
 export declare class TableModelFactory {
-    static treeNodeIdx: number;
     static createByObjectArray<T>(rows: T[], header: string[][] | undefined, footer: string[][] | undefined, fixedLeftColumnCount: number | undefined, fixedRightColumnCount: number | undefined, rowCheckboxVisible: boolean | undefined, defaultRowHeights: DefaultRowHeightsIf | undefined, columnDefs: ColumnDefIf[], columnSizes?: number[]): TableModel;
     static createByObjectArrayParam<T>(param: {
         rows: T[];
@@ -53,7 +52,7 @@ export declare class TableModelFactory {
         tableOptions?: TableOptionsIf;
         fixedLeftColumnCount?: number;
         fixedRightColumnCount?: number;
-    }): TableModelIf | undefined;
+    }): TableModelIf;
     static buildByTypedRows<T>(rows: T[], columnDefs: ColumnDefIf[], tableOptions?: TableOptionsIf, fixedLeftColumnCount?: number, fixedRightColumnCount?: number): TableModelIf;
     static buildTreeRows<T>(data: T[], childrenProperty?: string, deepMaxLimit?: number): TreeRow<T>[];
     static buildTreeRow<T>(data: T, childrenProperty?: string, parent?: TreeRow<T>, //, false , '0', '0'),

package/lib/table/table-scope.d.ts

@@ -39,13 +39,14 @@ export declare class TableScope extends RenderScope implements OnActionTriggered
     onMouseDown(mouseEvent: GeMouseEvent): void;
     mouseDraggingOnFrame(mouseEvent: GeMouseEvent): void;
     mouseDraggingEndOnFrame(mouseEvent: GeMouseEvent): void;
+    private resizeColumn;
     mouseMove(mouseMoveEvent: GeMouseEvent): void;
     contextmenu(mouseMoveEvent: GeMouseEvent): void;
     toggleExpandCollapseAll(expand?: boolean): void;
-    toggleRowCheckbox(rowIdx: number, colIdx: number, areaIdent: AreaIdent): void;
+    toggleRowCheckbox(rowIdx: number, _colIdx: number, areaIdent: AreaIdent): void;
     onMouseClicked(evt: GeMouseEvent, previousEvt: GeMouseEvent | undefined): void;
     externalFilterChanged(): void;
-    onHeaderDblClicked(event: MouseEvent, rowIdx: number, colIdx: number): void;
+    onHeaderDblClicked(event: MouseEvent, _rowIdx: number, colIdx: number): void;
     onKeyEvent(evt: GeKeyEvent): void;
     private clearSelectionModel;
     private debugOnce;

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@guiexpert/table",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "peerDependencies": {},
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "private": false,
   "module": "esm2020/guiexpert-table.mjs",
   "es2020": "esm2020/guiexpert-table.mjs",
   "esm2020": "esm2020/guiexpert-table.mjs",
@@ -22,4 +21,4 @@
     }
   },
   "sideEffects": false
-}
+}