@guiexpert/angular-table 16.0.0 → 16.0.1

package/src/lib/angular-table/table-color-vars.css

@@ -1,141 +0,0 @@
-
-:root [data-theme= "light"] {
-  --ge-table-bg: #fff;
-  --ge-table-header-west-bg: var(--ge-table-header-center-bg);
-  --ge-table-header-center-bg: rgba(233, 233, 233, 0.5);
-  --ge-table-header-east-bg: var(--ge-table-header-center-bg);
-  --ge-table-header-west-text: var(--ge-table-header-center-text);
-  --ge-table-header-center-text: #000;
-  --ge-table-header-east-text: var(--ge-table-header-center-text);
-
-  --ge-table-header-west-horizontal-border: var(--ge-table-header-center-horizontal-border);
-  --ge-table-header-west-vertical-border: var(--ge-table-header-center-vertical-border);
-  --ge-table-header-center-horizontal-border: #ddd;
-  --ge-table-header-center-vertical-border: #ccc;
-  --ge-table-header-east-horizontal-border: var(--ge-table-header-center-horizontal-border);
-  --ge-table-header-east-vertical-border: var(--ge-table-header-center-vertical-border);
-
-
-  --ge-table-body-west-bg: var(--ge-table-header-center-bg);
-  --ge-table-body-center-bg: rgba(255,255,255, 0.5);
-  --ge-table-body-east-bg: var(--ge-table-header-center-bg);
-
-  --ge-table-body-west-text: var(--ge-table-header-center-text);
-  --ge-table-body-center-text: var(--ge-table-header-center-text);
-  --ge-table-body-east-text: var(--ge-table-header-center-text);
-
-  --ge-table-body-west-horizontal-border: var(--ge-table-header-west-horizontal-border);
-  --ge-table-body-west-vertical-border: var(--ge-table-header-west-vertical-border);
-  --ge-table-body-center-horizontal-border: #bbb;
-  --ge-table-body-center-vertical-border: #ddd;
-  --ge-table-body-east-horizontal-border: var(--ge-table-header-east-horizontal-border);
-  --ge-table-body-east-vertical-border: var(--ge-table-header-east-vertical-border);;
-
-
-  --ge-table-footer-west-bg: var(--ge-table-header-center-bg);
-  --ge-table-footer-center-bg: var(--ge-table-header-center-bg);
-  --ge-table-footer-east-bg: var(--ge-table-header-center-bg);
-
-  --ge-table-footer-west-text: var(--ge-table-header-center-text);
-  --ge-table-footer-center-text: var(--ge-table-header-center-text);
-  --ge-table-footer-east-text: var(--ge-table-header-center-text);
-
-  --ge-table-footer-west-horizontal-border: var(--ge-table-header-west-horizontal-border);
-  --ge-table-footer-west-vertical-border: var(--ge-table-header-west-vertical-border);
-  --ge-table-footer-center-horizontal-border: var(--ge-table-header-center-horizontal-border);
-  --ge-table-footer-center-vertical-border: var(--ge-table-header-center-vertical-border);
-  --ge-table-footer-east-horizontal-border: var(--ge-table-header-east-horizontal-border);
-  --ge-table-footer-east-vertical-border: var(--ge-table-header-east-vertical-border);
-
-
-  --ge-table-body-west-selected-range-bg: rgba(0, 152, 219, 0.4);
-  --ge-table-body-center-selected-range-bg: rgba(0, 152, 219, 0.4);
-  --ge-table-body-east-selected-range-bg: rgba(0, 152, 219, 0.4);
-  --ge-table-body-west-selected-range-text: #000;
-  --ge-table-body-center-selected-range-text: #000;
-  --ge-table-body-east-selected-range-text: #000;
-
-
-  --ge-table-border : #ccc;
-
-  --ge-table-row-odd-bg: transparent;
-  --ge-table-row-even-bg: transparent;
-  --ge-table-column-odd-bg: transparent;
-  --ge-table-column-even-bg: transparent;
-
-  --ge-table-hover-column-bg: rgba(0, 224, 255, 0.27);
-  --ge-table-hover-row-bg: rgba(0, 224, 255, 0.27);
-  --ge-table-focus-border: rgb(0, 255, 255);
-
-  --ge-table-color-error-text: #e00034;
-  --ge-table-tree-arrow-collapsed-color: #e00034;
-  --ge-table-column-resize-handle-border: rgb(0, 255, 255);
-
-  --ge-table-dragged-col-div-bg: lightcyan;
-  --ge-table-drop-zone-bg: rgba(244, 255, 242, 0.6);
-}
-
-
-
-
-:root [data-theme= "dark"] {
-  --ge-table-bg: #000;
-  --ge-table-header-west-bg: oklch(0% 0 0);
-  --ge-table-header-center-bg: oklch(0% 0 0);
-  --ge-table-header-east-bg: oklch(0% 0 0);
-  --ge-table-header-west-text: oklch(100% 0 0);
-  --ge-table-header-center-text: oklch(100% 0 0);
-  --ge-table-header-east-text: oklch(100% 0 0);
-  --ge-table-header-west-horizontal-border: oklch(30% 0 0);
-  --ge-table-header-west-vertical-border: oklch(32% 0 0);
-  --ge-table-header-center-horizontal-border: oklch(30% 0 0);
-  --ge-table-header-center-vertical-border: oklch(32% 0 0);
-  --ge-table-header-east-horizontal-border: oklch(30% 0 0);
-  --ge-table-header-east-vertical-border: oklch(32% 0 0);
-  --ge-table-body-west-bg: oklch(0% 0 0);
-  --ge-table-body-center-bg: oklch(0% 0 0);
-  --ge-table-body-east-bg: oklch(0% 0 0);
-  --ge-table-body-west-text: oklch(100% 0 0);
-  --ge-table-body-center-text: oklch(100% 0 0);
-  --ge-table-body-east-text: oklch(100% 0 0);
-  --ge-table-body-west-horizontal-border: oklch(30% 0 0);
-  --ge-table-body-west-vertical-border: oklch(32% 0 0);
-  --ge-table-body-center-horizontal-border: oklch(30% 0 0);
-  --ge-table-body-center-vertical-border: oklch(32% 0 0);
-  --ge-table-body-east-horizontal-border: oklch(30% 0 0);
-  --ge-table-body-east-vertical-border: oklch(32% 0 0);
-  --ge-table-footer-west-bg: oklch(0% 0 0);
-  --ge-table-footer-center-bg: oklch(0% 0 0);
-  --ge-table-footer-east-bg: oklch(0% 0 0);
-  --ge-table-footer-west-text: var(--ge-table-header-center-text);;
-  --ge-table-footer-center-text: var(--ge-table-header-center-text);;
-  --ge-table-footer-east-text: var(--ge-table-header-center-text);;
-  --ge-table-footer-west-horizontal-border: oklch(30% 0 0);
-  --ge-table-footer-west-vertical-border: oklch(32% 0 0);
-  --ge-table-footer-center-horizontal-border: oklch(30% 0 0);
-  --ge-table-footer-center-vertical-border: oklch(32% 0 0);
-  --ge-table-footer-east-horizontal-border: oklch(30% 0 0);
-  --ge-table-footer-east-vertical-border: oklch(32% 0 0);
-  --ge-table-border: oklch(32% 0 0);
-  --ge-table-row-odd-bg: oklch(0% 0 0);
-  --ge-table-row-even-bg: oklch(0% 0 0);
-  --ge-table-column-odd-bg: oklch(0% 0 0);
-  --ge-table-column-even-bg: oklch(0% 0 0);
-  --ge-table-hover-column-bg: oklch(0% 0 0);
-  --ge-table-hover-row-bg: oklch(0% 0 0);
-  --ge-table-focus-border: rgb(0, 255, 255);;
-  --ge-table-color-error-text: #ffa8b5;
-  --ge-table-tree-arrow-collapsed-color: #ffa8b5;
-  --ge-table-column-resize-handle-border: rgb(0, 255, 255);;
-  --ge-table-dragged-col-div-bg: oklch(0% 0 0);
-  --ge-table-drop-zone-bg: oklch(0% 0 0);
-
-
-
-  --ge-table-body-west-selected-range-bg: oklch(19% 0.2 205.2);
-  --ge-table-body-center-selected-range-bg: oklch(19% 0.2 205.2);
-  --ge-table-body-east-selected-range-bg: oklch(19% 0.2 205.2);
-  --ge-table-body-west-selected-range-text: #000;
-  --ge-table-body-center-selected-range-text: #000;
-  --ge-table-body-east-selected-range-text: #000;
-}

package/src/lib/angular-table/table.component.css

@@ -1,88 +0,0 @@
-
-.ge-table-col-div {
-  text-align: center;
-  line-height: 2.5;
-  user-select: none;
-}
-
-.ge-table-label-div {
-  padding: 0;
-  display: block;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-
-.ge-table-label-div .ge-table-label {
-  padding-left: 10px;
-  padding-right: 10px;
-}
-
-.ge-table-text-align-left {
-  text-align: left;
-}
-
-.ge-table-text-align-right {
-  text-align: right;
-}
-
-.ge-table-text-align-center {
-  text-align: center;
-}
-
-/* Row checkbox */
-.ge-table-row-checkbox-div {
-  padding-left: 14px;
-}
-
-
-
-
-/* Tree table */
-
-.ge-table-col-div.ge-table-col-div-0.ge-table-tree-cell {
-  text-align: left;
-}
-
-.ge-table-tree-cell .ge-table-label-div {
-  padding-left: 0;
-  padding-right: 10px;
-  display: inline;
-}
-
-
-.ge-table-col-tree {
-  text-align: left;
-}
-
-.ge-padding-property-checkbox {
-  padding-left: 0;
-}
-
-.ge-table-col-tree.ge-table-tree-deep-0 {
-  padding-left: 16px;
-}
-
-.ge-table-col-tree.ge-table-tree-deep-1 {
-  padding-left: 36px;
-}
-
-.ge-table-col-tree.ge-table-tree-deep-2 {
-  padding-left: 56px;
-}
-
-.ge-table-col-tree.ge-table-tree-deep-3 {
-  padding-left: 76px;
-}
-
-.ge-table-col-tree.ge-table-tree-deep-4 {
-  padding-left: 96px;
-}
-
-.ge-table-col-tree.ge-table-tree-deep-5 {
-  padding-left: 116px;
-}
-
-.ge-table-col-tree.ge-table-tree-deep-5 {
-  padding-left: 136px;
-}

package/src/lib/angular-table/table.component.ts

@@ -1,152 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ElementRef,
-  Input,
-  NgZone,
-  OnDestroy,
-  OnInit,
-  Output,
-  Renderer2,
-  ViewEncapsulation
-} from "@angular/core";
-import { CommonModule } from "@angular/common";
-import { debounceTime, Subject, takeWhile } from "rxjs";
-import {
-  EventListenerIf,
-  GeModelChangeEvent,
-  GeMouseEvent,
-  TableApi,
-  TableModelIf,
-  TableOptions,
-  TableOptionsIf,
-  TableScope
-} from "@guiexpert/table";
-import { DomService } from "./service/dom-service";
-
-
-@Component({
-  selector: "guiexpert-table",
-  standalone: true,
-  imports: [CommonModule],
-  providers: [DomService],
-  template: "",
-  styleUrls: [
-    "./table.component.css",
-    "./table-color-vars.css",
-    "./table-color-classes.css"
-  ],
-  encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class TableComponent implements OnInit, OnDestroy, EventListenerIf {
-
-  @Output()
-  tableReady = new Subject<TableApi>();
-
-  @Output()
-  mouseMoved: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();
-
-  @Output()
-  mouseDragging: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();
-
-  @Output()
-  mouseDraggingEnded: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();
-
-  @Output()
-  contextmenu: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();
-
-  @Output()
-  mouseClicked: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();
-
-  @Output()
-  modelChanged: Subject<GeModelChangeEvent> = new Subject<GeModelChangeEvent>();
-
-  @Output()
-  checkboxChanged: Subject<any[]> = new Subject<any[]>();
-
-  @Input()
-  tableModel?: TableModelIf;
-
-  @Input()
-  tableOptions: TableOptionsIf = new TableOptions();
-
-  @Input()
-  debounceMouseClickDelay: number = 150;
-
-  private debounceMouseClick: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();
-
-  private tableScope?: TableScope;
-  private alive = true;
-
-
-  constructor(
-    private readonly renderer: Renderer2,
-    private readonly elementRef: ElementRef,
-    private readonly zone: NgZone,
-    private readonly domService: DomService
-  ) {
-  }
-
-
-  onContextmenu(evt: GeMouseEvent): void {
-    this.contextmenu.next(evt);
-  }
-
-  onMouseMoved(evt: GeMouseEvent): void {
-    this.mouseMoved.next(evt);
-  }
-
-  // will be called by table-scope:
-  onMouseClicked(evt: GeMouseEvent): void {
-    this.debounceMouseClick.next(evt);
-  }
-
-  onCheckboxChanged(arr: any[]): void {
-    this.checkboxChanged.next(arr);
-  }
-
-  onModelChanged(evt: GeModelChangeEvent): void {
-    this.modelChanged.next(evt);
-  }
-
-  ngOnInit(): void {
-    this.initModel();
-    this.debounceMouseClick
-      .pipe(
-        debounceTime(this.debounceMouseClickDelay),
-        takeWhile(() => this.alive)
-      )
-      .subscribe((value) => this.mouseClicked.next(value));
-  }
-
-  ngOnDestroy(): void {
-    this.alive = false;
-  }
-
-
-  onMouseDragging(evt: GeMouseEvent): void {
-    this.mouseDragging.next(evt);
-  }
-
-  onMouseDraggingEnd(evt: GeMouseEvent): void {
-    this.mouseDraggingEnded.next(evt);
-  }
-
-
-  private initModel() {
-    this.zone.runOutsideAngular(this.init.bind(this));
-  }
-
-  private init() {
-    if (this.tableModel) {
-      this.tableScope = new TableScope(
-        this.elementRef.nativeElement, this.tableModel, this.domService, this.tableOptions, this
-      );
-      this.tableScope.firstInit();
-      this.tableReady.next(this.tableScope.getApi());
-    }
-  }
-
-
-}

package/tsconfig.json

@@ -1,28 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.lib.prod.json"
-    }
-  ],
-  "compilerOptions": {
-    "target": "es2020",
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}

package/tsconfig.lib.json

@@ -1,18 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "jest.config.ts",
-    "**/*.test.ts",
-    "**/*.spec.ts"
-  ],
-  "include": [
-    "**/*.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,9 +0,0 @@
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}