@guiexpert/table 1.0.3 → 1.0.6

package/project.json

@@ -1,47 +0,0 @@
-{
-  "name": "@guiexpert/table",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "projectType": "library",
-  "sourceRoot": "libs/table/src",
-  "prefix": "guiexpert",
-  "targets": {
-    "build": {
-      "executor": "@nrwl/angular:ng-packagr-lite",
-      "outputs": [
-        "dist/libs/table"
-      ],
-      "options": {
-        "project": "libs/table/ng-package.json"
-      },
-      "configurations": {
-        "production": {
-          "tsConfig": "libs/table/tsconfig.lib.prod.json"
-        },
-        "development": {
-          "tsConfig": "libs/table/tsconfig.lib.json"
-        }
-      },
-      "defaultConfiguration": "production"
-    },
-    "test": {
-      "executor": "@nrwl/jest:jest",
-      "outputs": [
-        "coverage/libs/table"
-      ],
-      "options": {
-        "jestConfig": "libs/table/jest.config.ts",
-        "passWithNoTests": true
-      }
-    },
-    "lint": {
-      "executor": "@nrwl/linter:eslint",
-      "options": {
-        "lintFilePatterns": [
-          "libs/table/**/*.ts",
-          "libs/table/**/*.html"
-        ]
-      }
-    }
-  },
-  "tags": []
-}

package/src/lib/table/action/action-id.type.ts

@@ -1,24 +0,0 @@
-// TODO use it
-export const actionIds = [
-  //"COPY_2_CLIPBOARD",
-
-  "START_EDITING",
-  "TOGGLE_SELECTION",
-  "SELECT_ALL",
-  "DESELECT_ALL",
-
-  "NAVIGATE_LEFT",
-  "NAVIGATE_RIGHT",
-  "NAVIGATE_UP",
-  "NAVIGATE_DOWN",
-  //
-  // "ENTER_PRESSED",
-  // "HOME_PRESSED",
-  // "SPACE_PRESSED",
-  // "END_PRESSED",
-  // "PAGEUP_PRESSED",
-  // "PAGEDOWN_PRESSED"
-] as const;
-
-export type ActionId = typeof actionIds[number];
-

package/src/lib/table/action/osx-shortcut-actionId-mapping.ts

@@ -1,29 +0,0 @@
-import { ActionId } from "./action-id.type";
-
-export class OsxShortcutActionIdMapping {
-
-  get(): { [key: string]: ActionId } {
-    return {
-      "f2": "START_EDITING",
-
-      "space": "TOGGLE_SELECTION",
-
-      "ctrl+num_add": "SELECT_ALL",
-      "cmd+a": "SELECT_ALL",
-      "ctrl+a": "SELECT_ALL",
-
-      "cmd+x": "DESELECT_ALL",
-      "cmd+shift+a": "DESELECT_ALL",
-      "ctrl+shift+a": "DESELECT_ALL",
-      "ctrl+num_subtract": "DESELECT_ALL",
-      "ctrl -": "DESELECT_ALL",
-
-      "arrowup": "NAVIGATE_UP",
-      "arrowdown": "NAVIGATE_DOWN",
-      "arrowleft": "NAVIGATE_LEFT",
-      "arrowright": "NAVIGATE_RIGHT"
-    };
-  }
-
-
-}

package/src/lib/table/action/shortcut-actionid-mapping.type.ts

@@ -1,3 +0,0 @@
-import { ActionId } from "./action-id.type";
-
-export type ShortcutActionIdMapping = { [key: string]: ActionId };

package/src/lib/table/action/shortcut.service.ts

@@ -1,134 +0,0 @@
-import { ActionId } from "./action-id.type";
-import { TableScope } from "../table-scope";
-import { ShortcutActionIdMapping } from "./shortcut-actionid-mapping.type";
-import { WindowsShortcutActionIdMapping } from "./windows-shortcut-actionId-mapping";
-import { OsxShortcutActionIdMapping } from "./osx-shortcut-actionId-mapping";
-import { OnActionTriggeredIf } from "./on-action-triggered.if";
-
-
-export class ShortcutService {
-
-  private shortcutActionIdMapping: ShortcutActionIdMapping = {};
-  private listener: OnActionTriggeredIf[] = [];
-
-  constructor(
-    protected tableScope: TableScope
-  ) {
-    this.listener.push(tableScope);
-    this.init();
-  }
-
-
-  addListener(listener: OnActionTriggeredIf) {
-    if (!this.listener.includes(listener)) {
-      this.listener.push(listener);
-    }
-  }
-
-  init() {
-    if (this.isMacintosh()) {
-      Object.assign(this.shortcutActionIdMapping, new OsxShortcutActionIdMapping().get());
-    } else {
-      Object.assign(this.shortcutActionIdMapping, new WindowsShortcutActionIdMapping().get());
-    }
-    Object.assign(this.shortcutActionIdMapping, this.tableScope.tableOptions.shortcutActionIdMapping);
-    if (this.isDebug()) {
-      console.debug("ShortcutService", this.shortcutActionIdMapping);
-    }
-    // add key down listener:
-    this.tableScope.hostElement.addEventListener("keydown", this.onKeyDown.bind(this));
-    //this.tableScope.hostElement.addEventListener("keyup", this.onKeyDown.bind(this));
-  }
-
-  private isMacintosh() {
-    return navigator.platform.indexOf("Mac") > -1;
-  }
-
-  private isDebug() {
-    return this.isLocalhost();
-  }
-
-  private isLocalhost() {
-    return (location.hostname === "localhost" || location.hostname === "127.0.0.1");
-  }
-
-
-  private onKeyDown(evt: KeyboardEvent) {
-    const actionId = this.findEnty(evt);
-    if (actionId) {
-      const consumed = this.emit(actionId);
-      if (consumed) {
-        evt.preventDefault();
-        evt.stopPropagation();
-      }
-    }
-  }
-
-  private emit(actionId: ActionId): boolean {
-    if (this.isDebug()) {
-      console.debug("ShortcutService emit:", actionId);
-    }
-    let ret = false;
-    for (const l of this.listener) {
-      const consumed = l.onActionTriggered(actionId);
-      if (consumed) {
-        ret = true;
-      }
-    }
-    return ret;
-  }
-
-  private findEnty(evt: KeyboardEvent): ActionId | undefined {
-    const tokens = this.getTokenByEvent(evt);
-    if (this.isDebug()) {
-      console.debug("ShortcutService tokens:", tokens);
-    }
-    for (const key in this.shortcutActionIdMapping) {
-      const shortcutTokens = key
-        .replace(/opt/g, "alt")
-        .replace(/cmd/g, "meta")
-        .split(/[\+ ]/g).sort();
-      if (this.areTokensEquals(tokens, shortcutTokens)) {
-        return this.shortcutActionIdMapping[key] as ActionId;
-      }
-    }
-    return undefined;
-  }
-
-  private areTokensEquals(tokens1: string[], tokens2: string[]): boolean {
-    if (tokens1.length !== tokens2.length) {
-      return false;
-    }
-    if (tokens1.length === 0) {
-      return false;
-    }
-    for (let i = 0; i < tokens1.length; i++) {
-      if (tokens1[i] !== tokens2[i]) {
-        return false;
-      }
-    }
-
-    return true;
-  }
-
-  private getTokenByEvent(evt: KeyboardEvent): string[] {
-    const tokens: string[] = [];
-    if (evt.altKey) {
-      tokens.push("alt");
-    }
-    if (evt.shiftKey) {
-      tokens.push("shift");
-    }
-    if (evt.ctrlKey) {
-      tokens.push("ctrl");
-    }
-    if (evt.metaKey) {
-      tokens.push("meta");
-    }
-    if (evt.code) {
-      tokens.push(evt.code.toLowerCase().replace(/key/g, ""));
-    }
-    return tokens.sort();
-  }
-
-}

package/src/lib/table/action/windows-shortcut-actionId-mapping.ts

@@ -1,27 +0,0 @@
-import { ActionId } from "./action-id.type";
-
-export class WindowsShortcutActionIdMapping {
-
-  get(): { [key: string]: ActionId } {
-    return {
-      "f2": "START_EDITING",
-
-      "space": "TOGGLE_SELECTION",
-
-      "ctrl+num_add": "SELECT_ALL",
-      "ctrl+a": "SELECT_ALL",
-
-      "ctrl+shift+a": "DESELECT_ALL",
-      "ctrl+x": "DESELECT_ALL",
-      "ctrl+num_subtract": "DESELECT_ALL",
-
-      "cmd -": "DESELECT_ALL",
-
-      "arrowup": "NAVIGATE_UP",
-      "arrowdown": "NAVIGATE_DOWN",
-      "arrowleft": "NAVIGATE_LEFT",
-      "arrowright": "NAVIGATE_RIGHT"
-    };
-  }
-
-}

package/src/lib/table/checkbox/checkbox-model.if.ts

@@ -1,16 +0,0 @@
-import { CheckedType } from "../data/common/checked-type";
-
-export interface CheckboxModelIf<T> {
-
-  getCheckedRows(): T[];
-
-  setCheckedRows(value: T[]): void;
-
-  addCheckedRows(value: T[]): void;
-
-  checkRow(row: T, check: boolean): void;
-
-  isRowChecked(row: T): CheckedType;
-
-  checkAll(value: T[]): void;
-}

package/src/lib/table/checkbox/checkbox-model.ts

@@ -1,62 +0,0 @@
-import { CheckedType } from "../data/common/checked-type";
-import { CheckboxModelIf } from "./checkbox-model.if";
-
-export class CheckboxModel<T> implements CheckboxModelIf<T> {
-
-  protected checkedRows: Array<T> = [];
-
-  getCheckedRows(): T[] {
-    return this.checkedRows;
-  }
-
-  setCheckedRows(rows: T[]) {
-    this.checkedRows = rows;
-  }
-
-
-  addCheckedRows(rows: T[]) {
-    if (!this.checkedRows) {
-      this.checkedRows = [];
-    }
-    for (const row of rows) {
-      if (!this.checkedRows.includes(row)) {
-        this.checkedRows.push(row);
-      }
-    }
-  }
-
-  checkRow(row: T, sel: boolean) {
-    if (!this.checkedRows) {
-      this.checkedRows = [];
-    }
-    if (sel) {
-      if (!this.checkedRows.includes(row)) {
-        this.checkedRows.push(row);
-      }
-    } else {
-      this.removeSelectedRow(row);
-    }
-  }
-
-
-  isRowChecked(row: T): CheckedType {
-    if (this.checkedRows) {
-      return this.checkedRows.includes(row) ? "full" : "none";
-    }
-    return "none";
-  }
-
-  checkAll(_rows: T[]) {
-    this.checkedRows = [];
-  }
-
-  private removeSelectedRow(row: T) {
-    if (this.checkedRows) {
-      const idx = this.checkedRows.indexOf(row);
-      if (idx > -1) {
-        this.checkedRows.splice(idx, 1);
-      }
-    }
-  }
-
-}

package/src/lib/table/checkbox/tree-checkbox-model.ts

@@ -1,123 +0,0 @@
-import { CheckedType } from "../data/common/checked-type";
-import { CheckboxModelIf } from "./checkbox-model.if";
-import { TreeRowIf } from "../data/common/tree-row-if";
-
-
-export class TreeCheckboxModel<T extends TreeRowIf<any>> implements CheckboxModelIf<T> {
-
-
-  constructor(
-    protected allRootNodes: T[] = []
-  ) {
-  }
-
-  checkRow(row: T, sel: boolean): void {
-    row.checked = sel;
-    if (row.children) {
-      for (const child of row.children) {
-        this.checkRow(child as T, sel);
-      }
-    }
-    this.autoCheckParent(row.parent as T);
-  }
-
-  checkAll(_arr: T[]): void {
-    for (const node of this.allRootNodes) {
-      node.checked = false;
-      if (node.children) {
-        this.checkAll(node.children as T[]);
-      }
-    }
-  }
-
-  getCheckedRows(): T[] {
-    const ret: T[] = [];
-    this.addSelectedRecursive(this.allRootNodes, ret);
-    return ret;
-  }
-
-  isRowChecked(row: T): CheckedType {
-    if (row.checked) {
-      return "full";
-    }
-    const b1 = this.areAllChildrenChecked(row as T);
-    const b2 = this.areAllChildrenUnchecked(row as T);
-    if (!b1 && !b2) {
-      return "semi";
-    }
-    return "none";
-  }
-
-  setCheckedRows(rows: T[]): void {
-    this.addCheckedRows(rows);
-  }
-
-
-  addCheckedRows(rows: T[]): void {
-    for (const t of rows) {
-      t.checked = true;
-    }
-  }
-
-  private autoCheckParent(parent: T | undefined): void {
-    if (parent) {
-      const b1 = this.areAllChildrenChecked(parent as T);
-      const b2 = this.areAllChildrenUnchecked(parent as T);
-      if (b1) {
-        parent.checked = true;
-      } else if (b2) {
-        parent.checked = false;
-      } else {
-        // nur semi:
-        parent.checked = false;
-      }
-      this.autoCheckParent(parent.parent as T);
-    }
-  }
-
-  private areAllChildrenChecked(row: T): boolean {
-    if (row.children?.length) {
-      for (const child of row.children) {
-        if (!child.checked) {
-          return false;
-        }
-        if (child.children?.length) {
-          const b = this.areAllChildrenChecked(child as T);
-          if (!b) {
-            return false;
-          }
-        }
-      }
-    }
-    return true;
-  }
-
-  private areAllChildrenUnchecked(row: T): boolean {
-    if (row.children?.length) {
-      for (const child of row.children) {
-        if (child.checked) {
-          return false;
-        }
-        if (child.children?.length) {
-          const b = this.areAllChildrenUnchecked(child as T);
-          if (!b) {
-            return false;
-          }
-        }
-      }
-    }
-    return true;
-  }
-
-
-  private addSelectedRecursive(nodes: T[], ret: T[]) {
-    for (const n of nodes) {
-      if (n.checked) {
-        ret.push(n);
-      }
-      if (n.children) {
-        this.addSelectedRecursive(n.children as T[], ret);
-      }
-    }
-  }
-}

package/src/lib/table/color/color-rgb.if.ts

@@ -1,7 +0,0 @@
-export interface ColorRgbIf {
-
-  r: number;
-  g: number;
-  b: number;
-
-}

package/src/lib/table/color/color-rgb.ts

@@ -1,10 +0,0 @@
-import { ColorRgbIf } from "./color-rgb.if";
-
-export class ColorRgb implements ColorRgbIf {
-  constructor(
-    public r: number,
-    public g: number,
-    public b: number
-  ) {
-  }
-}

package/src/lib/table/color/ge-css-color-util.ts

@@ -1,43 +0,0 @@
-import { TwoColorGradientArgIf } from "./two-color-gradient-arg.if";
-import { ThreeColorGradientArgIf } from "./three-color-gradient-arg.if";
-import { TwoColorGradientArg } from "./two-color-gradient-arg";
-
-export class GeCssColorUtil {
-
-
-  static normalize(
-    value: number,
-    fromSource: number,
-    toSource: number,
-    fromTarget: number = 0,
-    toTarget: number = 1) {
-    return (value - fromSource) / (toSource - fromSource) * (toTarget - fromTarget) + fromTarget;
-  }
-
-
-  static getTwoColorGradientRGB(value: number, para: TwoColorGradientArgIf): string {
-    const factor = GeCssColorUtil.normalize(value, para.minValue, para.maxValue, 0, 1);
-
-    const diffRed = para.maxColor.r - para.minColor.r;
-    const diffGreen = para.maxColor.g - para.minColor.g;
-    const diffBlue = para.maxColor.b - para.minColor.b;
-
-    const r = (diffRed * factor) + para.minColor.r;
-    const g = (diffGreen * factor) + para.minColor.g;
-    const b = (diffBlue * factor) + para.minColor.b;
-
-    return `rgb(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)})`;
-  }
-
-
-  static getThreeColorGradientRGB(value: number, para: ThreeColorGradientArgIf): string {
-    if (value < para.middleValue) {
-      return GeCssColorUtil.getTwoColorGradientRGB(value, new TwoColorGradientArg(para.minValue, para.minColor, para.middleValue, para.middleColor));
-    }
-    if (value > para.middleValue) {
-      return GeCssColorUtil.getTwoColorGradientRGB(value, new TwoColorGradientArg(para.middleValue, para.middleColor, para.maxValue, para.maxColor));
-    }
-    return `rgb(${para.middleColor.r}, ${para.middleColor.g}, ${para.middleColor.b})`;
-  }
-
-}

package/src/lib/table/color/three-color-gradient-arg.if.ts

@@ -1,10 +0,0 @@
-import { ColorRgbIf } from "./color-rgb.if";
-
-export interface ThreeColorGradientArgIf {
-  minValue: number;
-  minColor: ColorRgbIf;
-  middleValue: number;
-  middleColor: ColorRgbIf;
-  maxValue: number;
-  maxColor: ColorRgbIf;
-}

package/src/lib/table/color/three-color-gradient-arg.ts

@@ -1,14 +0,0 @@
-import { ColorRgbIf } from "./color-rgb.if";
-import { ThreeColorGradientArgIf } from "./three-color-gradient-arg.if";
-
-export class ThreeColorGradientArg implements ThreeColorGradientArgIf {
-  constructor(
-    public minValue: number,
-    public minColor: ColorRgbIf,
-    public middleValue: number,
-    public middleColor: ColorRgbIf,
-    public maxValue: number,
-    public maxColor: ColorRgbIf
-  ) {
-  }
-}

package/src/lib/table/color/two-color-gradient-arg.if.ts

@@ -1,8 +0,0 @@
-import { ColorRgbIf } from "./color-rgb.if";
-
-export interface TwoColorGradientArgIf {
-  minValue: number;
-  minColor: ColorRgbIf;
-  maxValue: number;
-  maxColor: ColorRgbIf;
-}

package/src/lib/table/color/two-color-gradient-arg.ts

@@ -1,12 +0,0 @@
-import { ColorRgbIf } from "./color-rgb.if";
-import { TwoColorGradientArgIf } from "./two-color-gradient-arg.if";
-
-export class TwoColorGradientArg implements TwoColorGradientArgIf {
-  constructor(
-    public minValue: number,
-    public minColor: ColorRgbIf,
-    public maxValue: number,
-    public maxColor: ColorRgbIf
-  ) {
-  }
-}