@guiexpert/table 1.0.2 → 1.0.5

package/src/lib/table/data/tablemodel/areamodel/area-model.if.ts

@@ -1,186 +0,0 @@
-import { CellRendererIf } from "../../../renderer/cell-render.if";
-import { CheckedType } from "../../common/checked-type";
-import { CheckboxModelIf } from "../../../checkbox/checkbox-model.if";
-import { FilterFunction } from "../../common/filter-function";
-import { SortItem } from "../../common/sort-item";
-import { AreaIdent } from "../area-ident.type";
-
-/**
- * This is the model interface for an area model. A table can have three of these models, one for the header,
- * one for the body , and one for the footer.
- * An AreaModelIf gives you information about the rows and cell contents.
- * The column information is given by the TableModelIf.
- */
-export interface AreaModelIf {
-
-
-  /**
-   * The identifier for one of the areas: header, body, footer.
-   */
-  areaIdent: AreaIdent;
-
-  /**
-   * A model and controller for a row checkbox selection
-   */
-  rowSelectionModel: CheckboxModelIf<any> | undefined;
-
-  /**
-   * Method for moving a column from position sourceColumnIndex to targetColumnIndex.
-   */
-  changeColumnOrder(sourceColumnIndex: number, targetColumnIndex: number): void;
-
-  /**
-   * Method for changing a cell value.
-   */
-  setValue(rowIndex: number, columnIndex: number, value: any): boolean;
-
-  /**
-   * Internally used by TableModel.
-   */
-  init(): void;
-
-  /**
-   * Returns the number of rows of the area
-   */
-  getRowCount(): number;
-
-  /**
-   * Returns the value of the cell at position rowIndex/columnIndex.
-   */
-  getValueAt(rowIndex: number, columnIndex: number): any;
-
-  /**
-   * Returns the value of a colspan of the cell at position rowIndex/columnIndex.
-   * A value below 2 is ignored.
-   */
-  getColspanAt(rowIndex: number, columnIndex: number): number;
-
-  /**
-   * This return value is internally used to optimize the render performance.
-   * Set this value to the lowest possible value. If the model has no colspan,
-   * a value of 0 would be good. The dafault is 32. If your model has a colspan
-   * cell greater 32, don't forget to increase this value.
-   */
-  getMaxColspan(): number;
-
-  /**
-   * Returns the value of a rowspan of the cell at position rowIndex/columnIndex.
-   * A value below 2 is ignored.
-   */
-  getRowspanAt(rowIndex: number, columnIndex: number): number;
-
-  /**
-   * This return value is internally used to optimize the render performance.
-   * Set this value to the lowest possible value. If the model has no rowspan,
-   * a value of 0 would be good. The dafault is 32. If your model has a rowspan
-   * cell greater 32, don't forget to increase this value.
-   */
-  getMaxRowspan(): number;
-
-  /**
-   * This method can be used to return a list of css classes for the given cell
-   * @param rowIndex row index of the cell
-   * @param columnIndex column index of the cell
-   */
-  getCustomClassesAt(rowIndex: number, columnIndex: number): string[];
-
-  /**
-   * This method can be used to return an object with css style information for the given cell
-   * @param rowIndex row index of the cell
-   * @param columnIndex column index of the cell
-   */
-  getCustomStyleAt(rowIndex: number, columnIndex: number): { [key: string]: string } | undefined;
-
-  /**
-   * Returns the cell value of the given cell. This value will be rendered
-   * directly in the cell or rendered by a cell renderer: see {@link getCellRenderer}.
-   * @param rowIndex
-   * @param columnIndex
-   */
-  getValueAt(rowIndex: number, columnIndex: number): any;
-
-  /**
-   * Returns the value of a tooltip of the given cell (rowIndex/columnIndex).
-   * @param rowIndex
-   * @param columnIndex
-   */
-  getTooltipAt(rowIndex: number, columnIndex: number): any;
-
-  /**
-   * Returns a cell renderer class for the given cell (rowIndex/columnIndex).
-   * If the return value is undefined, no renderer is used and the model value will be rendered directly in the cell.
-   * @param rowIndex
-   * @param columnIndex
-   */
-  getCellRenderer(rowIndex: number, columnIndex: number): CellRendererIf | undefined;
-
-  /**
-   * Returns the row height in pixel of the given row (rowIndex).
-   * @param rowIndex
-   */
-  getRowHeight(rowIndex: number): number;
-
-  /**
-   * Returns the row of the model, which correspond to the rowIndex.
-   * @param rowIndex
-   */
-  getRowByIndex(rowIndex: number): any;
-
-  /**
-   * Return the y-position in pixel of the top of the row on the scrollpane.
-   * For big tables it can be a big value (greate than the height of the viewport).
-   * @param rowIndex
-   */
-  getYPosByRowIndex(rowIndex: number): number;
-
-  /**
-   * If this method returns true, the cell can be edited by the user.
-   * @param rowIndex
-   * @param columnIndex
-   */
-  isEditable(rowIndex: number, columnIndex: number): boolean;
-
-  /**
-   * If true, the cell is selectable.
-   * @param rowIndex
-   * @param columnIndex
-   */
-  isSelectable(rowIndex: number, columnIndex: number): boolean;
-
-  /**
-   * If true, the row is checkable and a checkbox is rendered at the beginning of the row.
-   * @param rowIndex
-   */
-  isRowCheckable(rowIndex: number): boolean;
-
-  /**
-   * Returns the checked state of an row.
-   * @param rowIndex
-   */
-  isRowChecked(rowIndex: number): CheckedType | undefined;
-
-  /**
-   * Set the checked state of the row (rowIndex) to #checked.
-   * @param rowIndex
-   * @param checked
-   */
-  setRowChecked(rowIndex: number, checked: boolean): void;
-
-  /**
-   * If true, the table is filterable. Rows can be filtered with help of {@link #externalFilterChanged()}
-   */
-  isFilterable(): boolean;
-
-  /**
-   * Will be called internally, when a filtering is trigger.
-   * @param predictFn Defines, what row are invisible or visible after filtering.
-   */
-  externalFilterChanged<T>(predictFn: FilterFunction<T>): void;
-
-  /**
-   * If the 'restore sort' option is set (see), this method will be triggered automatically by the table,
-   * @param sortItems
-   */
-  doSort(sortItems: SortItem[]): boolean;
-}
-

package/src/lib/table/data/tablemodel/areamodel/area-model.ts

@@ -1,110 +0,0 @@
-import { AreaModelIf } from "./area-model.if";
-import { AreaIdent } from "../area-ident.type";
-import { CheckboxModelIf } from "../../../checkbox/checkbox-model.if";
-import { SortItem } from "../../common/sort-item";
-import { FilterFunction } from "../../common/filter-function";
-import { CellRendererIf } from "../../../renderer/cell-render.if";
-import { CheckedType } from "../../common/checked-type";
-
-
-export class AreaModel implements AreaModelIf {
-
-  areaIdent: AreaIdent = "body";
-  rowSelectionModel: CheckboxModelIf<any> | undefined = undefined;
-
-  changeColumnOrder(_sourceColumnIndex: number, _targetColumnIndex: number): void {
-    // ignore
-  }
-
-  doSort(_sortItems: SortItem[]): boolean {
-    return false;
-  }
-
-  externalFilterChanged<T>(_predictFn: FilterFunction<T>): void {
-    // ignore
-  }
-
-  getCellRenderer(_rowIndex: number, _columnIndex: number): CellRendererIf | undefined {
-    return undefined;
-  }
-
-  getColspanAt(_rowIndex: number, _columnIndex: number): number {
-    return 0;
-  }
-
-  getCustomClassesAt(_rowIndex: number, _columnIndex: number): string[] {
-    return [];
-  }
-
-  getCustomStyleAt(_rowIndex: number, _columnIndex: number): { [p: string]: string } | undefined {
-    return undefined;
-  }
-
-  getMaxColspan(): number {
-    return 0;
-  }
-
-  getMaxRowspan(): number {
-    return 0;
-  }
-
-  getRowByIndex(_rowIndex: number): any {
-  }
-
-  getRowCount(): number {
-    return 0;
-  }
-
-  getRowHeight(_rowIndex: number): number {
-    return 0;
-  }
-
-  getRowspanAt(_rowIndex: number, _columnIndex: number): number {
-    return 0;
-  }
-
-  getTooltipAt(_rowIndex: number, _columnIndex: number): any {
-    return undefined;
-  }
-
-  getValueAt(_rowIndex: number, _columnIndex: number): any {
-    return undefined;
-  }
-
-  getYPosByRowIndex(_rowIndex: number): number {
-    return 0;
-  }
-
-  init(): void {
-    // ignore
-  }
-
-  isEditable(_rowIndex: number, _columnIndex: number): boolean {
-    return false;
-  }
-
-  isFilterable(): boolean {
-    return false;
-  }
-
-  isRowCheckable(_rowIndex: number): boolean {
-    return false;
-  }
-
-  isRowChecked(_rowIndex: number): CheckedType | undefined {
-    return undefined;
-  }
-
-  isSelectable(_rowIndex: number, _columnIndex: number): boolean {
-    return false;
-  }
-
-  setRowChecked(_rowIndex: number, _checked: boolean): void {
-    // ignore
-  }
-
-  setValue(_rowIndex: number, _columnIndex: number, _value: any): boolean {
-    return false;
-  }
-
-}

package/src/lib/table/data/tablemodel/areamodel/col-and-rowspan-model.ts

@@ -1,61 +0,0 @@
-import { CellRange } from "../../common/cell-range";
-import { AreaModelIf } from "./area-model.if";
-import { TableModelIf } from "../table-model.if";
-
-export class ColAndRowspanModel {
-
-  protected colAndRowspanRanges: CellRange[] | undefined = undefined;
-
-  constructor(
-    protected tableModel: TableModelIf,
-    protected areaModel: AreaModelIf
-  ) {
-  }
-
-  init() {
-    if (this.areaModel.getMaxColspan() < 2 && this.areaModel.getMaxRowspan() < 2) {
-      return; // sip
-    }
-    this.colAndRowspanRanges = [];
-    const rowCount = this.areaModel.getRowCount();
-    const colCount = this.tableModel.getColumnCount();
-    for (let r = 0; r < rowCount; r++) {
-      for (let c = 0; c < colCount; c++) {
-        let cs = this.areaModel.getColspanAt(r, c);
-        let rs = this.areaModel.getRowspanAt(r, c);
-        if (cs > 1 || rs > 1) {
-          if (cs === 0) {
-            cs = 1;
-          }
-          if (rs === 0) {
-            rs = 1;
-          }
-
-          const gammaRange = this.areaModel.hasOwnProperty('gammaCells');
-          this.colAndRowspanRanges.push(
-            new CellRange(r, c, r + rs - 1, c + cs - 1, gammaRange)
-          );
-        }
-      }
-    }
-  }
-
-  getRanges(): CellRange[] {
-    if (this.colAndRowspanRanges) {
-      return this.colAndRowspanRanges;
-    }
-    return [];
-  }
-
-  isInRange(rowIndex: number, columnIndex: number): boolean {
-    if (this.colAndRowspanRanges) {
-      for (const range of this.colAndRowspanRanges) {
-        if (range.isInRange(rowIndex, columnIndex)) {
-          return true;
-        }
-      }
-    }
-    return false;
-  }
-
-}

package/src/lib/table/data/tablemodel/cellgroup/cell-group-ext.ts

@@ -1,167 +0,0 @@
-import { CellGroupIf } from "./cell-group.if";
-import { CellGroup } from "./cell-group";
-
-export class CellGroupExt extends CellGroup {
-
-  public override impl = 'CellGroupExt';
-
-  public override children: CellGroupExt[] | undefined = undefined;
-  public leftNeighbour: CellGroupExt | undefined = undefined;
-  public rightNeighbour: CellGroupExt | undefined = undefined;
-
-  constructor(
-    cellGroup: CellGroupIf,
-    public rowIndex: number = 0,
-    public childIndex: number = 0,
-    public parent?: CellGroupExt
-  ) {
-    super(
-      cellGroup.data,
-      cellGroup.property,
-      cellGroup.toggle,
-      cellGroup.closed,
-      cellGroup.visibility,
-      cellGroup.children
-    );
-  }
-
-  ownColumn(): boolean {
-    return !!this.property;
-  }
-
-  override toString(): string {
-    return this.data + "";
-  }
-
-  // TODO hier gehts weiter!!!!!!!!!!!
-  getColumnIndex(): number {
-    if (!this.parent) {
-      // root level (rowIndex=0)
-      if (this.leftNeighbour) {
-        // return this.leftNeighbour.getBiggestChildColumnIndex() + 1;
-      }
-      return 0;
-    }
-    return this.parent.getColumnIndex() + this.childIndex;
-  }
-
-  //
-  // getLeftClaimedSpaces(): number{
-  //   if (this.leftNeighbour) {
-  //
-  //   }
-  //   return 0;
-  // }
-
-  // getSumOfLeafs(cg: CellGroupExt, sum: number = 0): number {
-  //   if (cg.children?.length) {
-  //     for (let i = 0; i < cg.children.length; i++) {
-  //       const child = cg.children[i];
-  //       if (child.children?.length) {
-  //         sum = this.getSumOfLeafs(child, sum);
-  //       } else {
-  //         sum++;
-  //       }
-  //     }
-  //   }
-  //   if (this.ownColumn()) {
-  //     sum++;
-  //   }
-  //   //console.info(cg.data, sum)
-  //   return sum;
-  // }
-  //
-  // getBiggestChildColumnIndex(): number {
-  //   if (this.children?.length) {
-  //     return Math.max(...this.children.map(c => c.getBiggestChildColumnIndex()));
-  //   }
-  //   return this.childIndex;
-  // }
-
-  isVisible(): boolean {
-    if (!this.parent) {
-      return true;
-    }
-    if (this.visibility === "always") {
-      return this.parent.isVisible();
-    }
-    if (this.visibility === "normal" || !this.visibility) {
-      return this.parent.isVisible() && !this.parent.closed;
-    }
-    if (this.visibility === "inverted") {
-      return this.parent.isVisible() && this.parent.closed;
-    }
-    return true;
-  }
-
-  // should be rendered
-  claimsSpace(): boolean {
-    return this.isVisible() && (this.ownColumn() || this.closed);
-  }
-
-
-  getColumnCount(
-    cg: CellGroupExt = this,
-    ret: number = 0
-  ): number {
-    if (cg?.claimsSpace()) {
-      ret++;
-    }
-    if (cg?.children?.length) {
-      for (const child of cg.children) {
-        ret = this.getColumnCount(child, ret);
-      }
-    }
-    return ret;
-  }
-
-  getRowSpan(
-    cg: CellGroupExt = this,
-    maxRowCount: number
-  ): number {
-    if (cg?.claimsSpace()) {
-      return maxRowCount - this.getParentCount(cg, 0);
-    }
-    return 1;
-  }
-
-
-  getParentCount(
-    cg: CellGroupExt = this,
-    ret: number = 0
-  ): number {
-    if (cg.parent) {
-      ret = ret + 1 + this.getParentCount(cg.parent, ret);
-    }
-    return ret;
-  }
-
-
-  log(maxRowCount: number) {
-    const tabs = "\t\t\t\t\t\t\t\t\t\t\t\t\t".substring(0, 2 * this.rowIndex);
-    const col = `${this.getColumnIndex()}`;
-    // const bcol = `${this.getBiggestChildColumnIndex()}`;
-    const columnCount = `${this.getColumnCount(this)}`;
-    const rowSpan = `${this.getRowSpan(this, maxRowCount)}`;
-    const pc = `${this.getParentCount(this)}`;
-    console.info(`${tabs + this.data}
-      childIndex:${this.childIndex}
-      row:${this.rowIndex}
-      col:${col}
-      vis:${this.visibility}
-      closed:${this.closed}
-      isVisible:${this.isVisible()}
-      ownColumn:${this.ownColumn()}
-      claimsSpace:${this.claimsSpace()}
-      colCount:${columnCount}
-      rowSpan:${rowSpan}
-      pc:${pc}`.replace(/[ \n]+/g, " "));
-    // console.info(`${tabs + this.data}`);
-    if (this.children) {
-      for (const child of this.children) {
-        child.log(maxRowCount);
-      }
-    }
-  }
-
-}

package/src/lib/table/data/tablemodel/cellgroup/cell-group.if.ts

@@ -1,12 +0,0 @@
-export interface CellGroupIf {
-
-  data: any;
-  property?: string; // if a property is set, then this element has its own column
-  toggle?: boolean; // toggle control will be displayed
-  closed?: boolean; // current state
-  visibility?: "always" | "inverted" | "normal" | undefined;
-  children?: CellGroupIf[] | undefined;
-
-  impl?:string;
-
-}

package/src/lib/table/data/tablemodel/cellgroup/cell-group.ts

@@ -1,18 +0,0 @@
-import { CellGroupIf } from "./cell-group.if";
-
-export class CellGroup implements CellGroupIf {
-
-  public impl = 'CellGroup';
-
-  constructor(
-    public data: any,
-    public property?: string,
-    public toggle?: boolean,
-    public closed: boolean = false,
-    public visibility: "always" | "inverted" | "normal" | undefined = "normal",
-    public children: CellGroupIf[] | undefined = undefined
-  ) {
-  }
-
-
-}

package/src/lib/table/data/tablemodel/cellgroup/cellgroup-factory.ts

@@ -1,148 +0,0 @@
-import { CellGroupIf } from "./cell-group.if";
-import { ColumnDefIf } from "../column/column-def.if";
-import { ColumnDef } from "../column/column-def";
-import { CellGroupExt } from "./cell-group-ext";
-
-export class CellgroupFactory {
-
-
-  static buildColumnDefs(
-    cellGroups: CellGroupIf[],
-    ret: ColumnDefIf[] = []
-  ): ColumnDefIf[] {
-
-    for (const cellGroup of cellGroups) {
-      if (cellGroup.property) {
-        ret.push(ColumnDef.create({
-            property: cellGroup.property,
-            headerLabel: cellGroup.data ? cellGroup.data : cellGroup.property,
-            isVisible: () => {
-              // @ts-ignore
-              if (typeof cellGroup["isVisible"] === "function") {
-                const cge = cellGroup as CellGroupExt;
-                return cge.isVisible();
-              }
-              return true;
-            }
-          })
-        );
-      }
-      if (cellGroup.children) {
-        CellgroupFactory.buildColumnDefs(cellGroup.children, ret);
-      }
-    }
-    return ret;
-  }
-/*
-  static buildDeepMap(
-    cellGroups: CellGroupIf[],
-    ret: { [key: string]: number } = {},
-    deep = 0
-  ): { [key: string]: number } {
-
-    for (const cellGroup of cellGroups) {
-      //if (cellGroup.property) {
-      ret[cellGroup.data] = deep;
-      //}
-      if (cellGroup.children) {
-        CellgroupFactory.buildDeepMap(cellGroup.children, ret, deep + 1);
-      }
-    }
-    return ret;
-  }
-*/
-  static buildGroupExts(
-    cellGroups: CellGroupIf[],
-    ret: CellGroupExt[] = [],
-    deep = 0,
-    parent?: CellGroupExt
-  ): CellGroupExt[] {
-
-    let last: CellGroupExt | undefined = undefined;
-    for (let i = 0; i < cellGroups.length; i++) {
-      const cellGroup = cellGroups[i];
-      const cge = new CellGroupExt(cellGroup, deep, i, parent);
-
-      if (last) {
-        cge.leftNeighbour = last;
-        last.rightNeighbour = cge;
-      }
-      ret.push(cge);
-      if (cellGroup.children) {
-        cge.children = CellgroupFactory.buildGroupExts(cellGroup.children, [], deep + 1, cge);
-      }
-      last = cge;
-    }
-    return ret;
-  }
-
-
-  static flattenGroupExts(
-    cellGroups: CellGroupExt[],
-    ret: CellGroupExt[] = []
-  ): CellGroupExt[] {
-
-    for (const cellGroup of cellGroups) {
-      ret.push(cellGroup);
-      if (cellGroup.children) {
-        CellgroupFactory.flattenGroupExts(cellGroup.children, ret);
-      }
-    }
-    return ret;
-  }
-
-  /*
-
-  Gold                                                           Hohenwarte
-  Gold AB                         Gold CD                        HOH AB                                  HOH CD
-  .          Gold A     Gold B    Gold C   Gold D    Gold Sum    .           HOH Loc    HOH A    HOH B   HOH C    HOH D
-
-  */
-
-  static buildArrayOfArrays(
-    flatten: CellGroupExt[],
-    arrs: (CellGroupExt | null | undefined)[][]
-  ): (CellGroupExt | null | undefined)[][] {
-
-    let col = -1;
-    let lastRowIdx = 99999;
-    for (const cellGroup of flatten) {
-      if (cellGroup.rowIndex <= lastRowIdx) {
-        col++;
-        for (let r = 0; r < arrs.length; r++) {
-          arrs[r][col] = null;
-        }
-      }
-
-      arrs[cellGroup.rowIndex][col] = cellGroup;
-      lastRowIdx = cellGroup.rowIndex;
-
-      if (cellGroup.ownColumn() && cellGroup.children?.length) {
-        for (let r = cellGroup.rowIndex + 1; r < arrs.length; r++) {
-          arrs[r][col] = undefined;
-        }
-        col++;
-        for (let r = 0; r < arrs.length; r++) {
-          arrs[r][col] = null;
-        }
-      }
-    }
-    return arrs;
-  }
-
-
-  static iterateThrowColumns(
-    sb: string[] = [],
-    cellGroups: CellGroupExt[]
-  ) {
-
-    for (const cellGroup of cellGroups) {
-      sb.push(cellGroup.data + "    rowIndex:" + cellGroup.rowIndex);
-      if (cellGroup.children?.length) {
-        CellgroupFactory.iterateThrowColumns(sb, cellGroup.children);
-      }
-    }
-  }
-
-}
-