@itrocks/table 0.0.13 → 0.0.14

package/column-reorder.d.ts

@@ -1,4 +1,4 @@
-import { Plugin } from '../node_modules/@itrocks/plugin/plugin.js';
+import { Plugin } from '../../plugin/plugin.js';
 import { HTMLTableFreezeElement } from './freeze.js';
 import { Table } from './table.js';
 export declare class TableColumnReorder extends Plugin<Table> {

package/edit/lock.d.ts

@@ -1,4 +1,4 @@
-import { Plugin } from '../../node_modules/@itrocks/plugin/plugin.js';
+import { Plugin } from '../../../plugin/plugin.js';
 import { Table } from '../table.js';
 declare class Options {
     nonEditableConditions: {

package/edit/move.d.ts

@@ -1,5 +1,5 @@
-import { HTMLEditableElement } from '../../node_modules/@itrocks/contenteditable/contenteditable.js';
-import { Plugin } from '../../node_modules/@itrocks/plugin/plugin.js';
+import { HTMLEditableElement } from '../../../contenteditable/contenteditable.js';
+import { Plugin } from '../../../plugin/plugin.js';
 import { TableEdit } from '../edit.js';
 import { Table } from '../table.js';
 export declare class TableEditMove extends Plugin<Table> {

package/edit-freeze/hide.d.ts

@@ -1,5 +1,5 @@
-import { HTMLEditableElement } from '../../node_modules/@itrocks/contenteditable/contenteditable.js';
-import { Plugin } from '../../node_modules/@itrocks/plugin/plugin.js';
+import { HTMLEditableElement } from '../../../contenteditable/contenteditable.js';
+import { Plugin } from '../../../plugin/plugin.js';
 import { TableEdit } from '../edit.js';
 import { TableFreeze } from '../freeze.js';
 import { Table } from '../table.js';

package/edit-freeze/scroll.d.ts

@@ -1,4 +1,4 @@
-import { Plugin } from '../../node_modules/@itrocks/plugin/plugin.js';
+import { Plugin } from '../../../plugin/plugin.js';
 import { TableFreeze } from '../freeze.js';
 import { Table } from '../table.js';
 export declare class TableEditFreezeScroll extends Plugin<Table> {

package/edit.d.ts

@@ -1,5 +1,5 @@
-import { HTMLEditableElement } from '../node_modules/@itrocks/contenteditable/contenteditable.js';
-import { Plugin } from '../node_modules/@itrocks/plugin/plugin.js';
+import { HTMLEditableElement } from '../../contenteditable/contenteditable.js';
+import { Plugin } from '../../plugin/plugin.js';
 import { Table } from './table.js';
 export declare class RangeCopy {
     commonAncestorContainer: Node;

package/freeze/inherit-border.d.ts

@@ -1,4 +1,4 @@
-import { Plugin } from '../../node_modules/@itrocks/plugin/plugin.js';
+import { Plugin } from '../../../plugin/plugin.js';
 import { TableFreeze } from '../freeze.js';
 import { HTMLTableFreezeElement } from '../freeze.js';
 import { Table } from '../table.js';

package/freeze.d.ts

@@ -1,4 +1,4 @@
-import { Plugin } from '../node_modules/@itrocks/plugin/plugin.js';
+import { Plugin } from '../../plugin/plugin.js';
 import { Table } from './table.js';
 export type HTMLTableFreezeElement = HTMLTableCellElement | HTMLTableColElement;
 interface FullIndex {

package/package.json

@@ -45,10 +45,9 @@
 		"url": "git+https://github.com/itrocks-ts/table.git"
 	},
 	"scripts": {
-		"build": "tsc && sass --no-source-map demo:demo",
-		"prepare": "prepare-module"
+		"build": "tsc && sass --no-source-map demo:demo && ../prepare-module/prepare-module.js"
 	},
 	"type": "module",
 	"types": "./table.d.ts",
-	"version": "0.0.13"
+	"version": "0.0.14"
 }

package/table.d.ts

@@ -1,4 +1,4 @@
-import { HasPlugins, Options as PluginOptions } from '../node_modules/@itrocks/plugin/plugin.js';
+import { HasPlugins, Options as PluginOptions } from '../../plugin/plugin.js';
 export declare function applyStyleSheets(): void;
 export declare function garbageCollector(): void;
 export declare function getTables(): Table[];

package/fix.d.ts

@@ -1,27 +0,0 @@
-import Plugin from '../node_modules/@itrocks/plugin/plugin.js';
-import { HTMLTableFixElement, Table } from './table.js';
-interface FullIndex {
-    column: string;
-    corner: string;
-    row: string;
-}
-export declare class FixTable extends Plugin<Table> {
-    columns: NodeListOf<HTMLTableFixElement>;
-    full?: FullIndex;
-    leftColumnCount: number;
-    rightColumnCount: number;
-    zIndex: string;
-    constructor(table: Table);
-    init(): void;
-    closestScrollable(element: Element): HTMLElement | (Window & typeof globalThis) | undefined;
-    protected countLeftColumns(): number;
-    protected countRightColumns(): number;
-    protected fixFootRows(): void;
-    protected fixHeadRows(): void;
-    protected fixLeftColumns(): void;
-    protected fixRightColumns(): void;
-    protected getColumns(): NodeListOf<HTMLTableFixElement>;
-    position(position: number, _counter: number, _colCell: HTMLTableFixElement, _side: 'bottom' | 'left' | 'right' | 'top'): string;
-    visibleInnerRect(): DOMRect;
-}
-export default FixTable;

package/fix.js

@@ -1,191 +0,0 @@
-import Plugin from '../plugin/plugin.js';
-export class FixTable extends Plugin {
-    columns;
-    full;
-    leftColumnCount;
-    rightColumnCount;
-    zIndex = '1';
-    constructor(table) {
-        super(table);
-        this.columns = this.getColumns();
-        this.leftColumnCount = this.countLeftColumns();
-        this.rightColumnCount = this.countRightColumns();
-    }
-    init() {
-        this.fixFootRows();
-        this.fixHeadRows();
-        this.fixLeftColumns();
-        this.fixRightColumns();
-    }
-    closestScrollable(element) {
-        let parent = element.closest('table')?.parentElement;
-        while (parent && (parent.scrollHeight <= parent.clientHeight)) {
-            parent = parent.parentElement;
-        }
-        return parent ? ((parent instanceof HTMLHtmlElement) ? window : parent) : undefined;
-    }
-    countLeftColumns() {
-        let count = 0;
-        while ((count < this.columns.length - 1) && (this.columns[count].dataset.fix !== undefined)) {
-            count++;
-        }
-        return count;
-    }
-    countRightColumns() {
-        let count = this.columns.length - 1;
-        while ((count > 0) && (this.columns[count].dataset.fix !== undefined)) {
-            count--;
-        }
-        return this.columns.length - 1 - count;
-    }
-    fixFootRows() {
-        const table = this.of;
-        if (!table.element.tFoot?.rows.length)
-            return;
-        let counter = 1, bottom = .0, previousBottom = table.element.getBoundingClientRect().bottom;
-        for (const row of Array.from(table.element.tFoot.querySelectorAll(':scope > tr')).reverse()) {
-            const actualBottom = row.getBoundingClientRect().bottom;
-            bottom += previousBottom - actualBottom;
-            previousBottom = actualBottom;
-            table.styleSheet.push(`
-				${table.selector} > tfoot > tr:nth-last-child(${counter}) > * {
-					bottom: ${this.position(bottom, counter, row.firstElementChild, 'bottom')};
-				}
-			`);
-            counter++;
-        }
-        const zIndex = this.full ? `z-index: ${this.full.row};` : '';
-        table.styleSheet.push(`
-			${table.selector} > tfoot > tr > * {
-				position: sticky;
-				${zIndex}
-			}		
-		`);
-    }
-    fixHeadRows() {
-        const table = this.of;
-        if (!table.element.tHead?.rows.length)
-            return;
-        let counter = 1, top = .0, previousTop = table.element.getBoundingClientRect().top;
-        table.element.tHead.querySelectorAll(':scope > tr').forEach(row => {
-            const actualTop = row.getBoundingClientRect().top;
-            top += actualTop - previousTop;
-            previousTop = actualTop;
-            table.styleSheet.push(`
-				${table.selector} > thead > tr:nth-child(${counter}) > * {
-					top: ${this.position(top, counter, row.firstElementChild, 'top')};
-				}
-			`);
-            counter++;
-        });
-        const zIndex = this.full ? `z-index: ${this.full.row};` : '';
-        table.styleSheet.push(`
-			${table.selector} > thead > tr > * {
-				position: sticky;
-				${zIndex}
-			}		
-		`);
-    }
-    fixLeftColumns() {
-        if (!this.leftColumnCount)
-            return;
-        const table = this.of;
-        const bodySel = [];
-        const cornerSel = [];
-        let counter = 1, left = .0, previousLeft = table.element.getBoundingClientRect().left;
-        for (const colCell of Array.from(this.columns).toSpliced(this.leftColumnCount)) {
-            const actualLeft = colCell.getBoundingClientRect().left;
-            left += actualLeft - previousLeft;
-            previousLeft = actualLeft;
-            table.styleSheet.push(`
-				${table.selector} > * > tr > :nth-child(${counter}) {
-					left: ${this.position(left, counter, colCell, 'left')};
-				}
-			`);
-            bodySel.push(`${table.selector} > tbody > tr > :nth-child(${counter})`);
-            cornerSel.push(`${table.selector} > tfoot > tr > :nth-child(${counter})`);
-            cornerSel.push(`${table.selector} > thead > tr > :nth-child(${counter})`);
-            counter++;
-        }
-        const zIndex = this.full ? `z-index: ${this.full.column};` : '';
-        const zIndexValue = this.full ? this.full.corner : this.zIndex;
-        table.styleSheet.push(`
-			${bodySel.join(', ')} {
-				position: sticky;
-				${zIndex}
-			}
-			${cornerSel.join(', ')} {
-				z-index: ${zIndexValue};
-			}
-		`);
-    }
-    fixRightColumns() {
-        if (!this.rightColumnCount)
-            return;
-        const table = this.of;
-        const bodySel = [];
-        const cornerSel = [];
-        let counter = 1, right = .0, previousRight = table.element.getBoundingClientRect().right;
-        for (const colCell of Array.from(this.columns).reverse().toSpliced(this.rightColumnCount)) {
-            const actualRight = colCell.getBoundingClientRect().right;
-            right += previousRight - actualRight;
-            previousRight = actualRight;
-            table.styleSheet.push(`
-				${table.selector} > * > tr > :nth-last-child(${counter}) {
-					right: ${this.position(right, counter, colCell, 'right')};
-				}
-			`);
-            bodySel.push(`${table.selector} > tbody > tr > :nth-last-child(${counter})`);
-            if (this.full) {
-                cornerSel.push(`${table.selector} > tfoot > tr > :nth-last-child(${counter})`);
-            }
-            cornerSel.push(`${table.selector} > thead > tr > :nth-last-child(${counter})`);
-            counter++;
-        }
-        const zIndex = this.full ? `z-index: ${this.full.column};` : '';
-        const zIndexValue = this.full ? this.full.corner : this.zIndex;
-        table.styleSheet.push(`
-			${bodySel.join(', ')} {
-				position: sticky;
-				${zIndex}
-			}
-			${cornerSel.join(', ')} {
-				z-index: ${zIndexValue};
-			}
-		`);
-    }
-    getColumns() {
-        if (this.columns)
-            return this.columns;
-        const table = this.of;
-        let columns = table.element.querySelectorAll(':scope > colgroup > col');
-        if (!columns.length) {
-            columns = table.element.querySelectorAll(':scope > thead > tr:first-child > *');
-            if (!columns.length) {
-                columns = table.element.querySelectorAll(':scope > tbody > tr:first-child > *');
-            }
-        }
-        return columns;
-    }
-    position(position, _counter, _colCell, _side) {
-        return `${position}px`;
-    }
-    visibleInnerRect() {
-        const tableElement = this.of.element;
-        const rect = tableElement.getBoundingClientRect();
-        if (this.leftColumnCount) {
-            rect.x = this.columns[this.leftColumnCount - 1].getBoundingClientRect().right;
-        }
-        if (tableElement.tHead?.lastElementChild?.firstElementChild) {
-            rect.y = tableElement.tHead.lastElementChild.firstElementChild.getBoundingClientRect().bottom;
-        }
-        if (this.rightColumnCount) {
-            rect.width = this.columns[this.columns.length - this.rightColumnCount].getBoundingClientRect().left - rect.x + 1;
-        }
-        if (tableElement.tFoot?.firstElementChild?.firstElementChild) {
-            rect.height = tableElement.tFoot.firstElementChild.firstElementChild.getBoundingClientRect().top - rect.y + 1;
-        }
-        return rect;
-    }
-}
-export default FixTable;