@wcardinal/wcardinal-ui 0.411.0 → 0.413.0

package/dist/types/wcardinal/ui/d-table-state.d.ts

@@ -46,4 +46,12 @@ export declare const DTableState: {
      * Selectable row
      */
     SELECTABLE: string;
+    /**
+     * Header or category cells hovered on their edges.
+     */
+    HOVERED_ON_EDGE: string;
+    /**
+     * Header or category of being resized.
+     */
+    RESIZING: string;
 };

package/dist/types/wcardinal/ui/d-table.d.ts

@@ -2,18 +2,19 @@ import { InteractionManager, Rectangle } from "pixi.js";
 import { DBase, DBaseOptions } from "./d-base";
 import { DContentOptions } from "./d-content";
 import { DFocusable } from "./d-controller-focus";
-import { DCoordinateSize } from "./d-coordinate";
 import { DPane, DPaneOptions, DThemePane } from "./d-pane";
 import { DTableBody, DTableBodyOptions } from "./d-table-body";
-import { DTableCategory, DTableCategoryColumn, DTableCategoryOptions } from "./d-table-category";
+import { DTableCategory, DTableCategoryOptions } from "./d-table-category";
 import { DTableColumn, DTableColumnOptions } from "./d-table-column";
 import { DTableData, DTableDataOptions } from "./d-table-data";
 import { DTableDataList, DTableDataListOptions } from "./d-table-data-list";
 import { DTableHeader, DTableHeaderOptions } from "./d-table-header";
 import { DTableScrollBar } from "./d-table-scrollbar";
 import { DPaneScrollBarOptions } from "./d-pane-scrollbar";
+import { DTableColumnContainer } from "./d-table-column-container";
+import { DTableCategoryContainer } from "./d-table-category-container";
 export interface DTableOptions<ROW, DATA extends DTableData<ROW> = DTableDataList<ROW>, THEME extends DThemeTable = DThemeTable, CONTENT_OPTIONS extends DBaseOptions = DContentOptions> extends DPaneOptions<THEME, CONTENT_OPTIONS> {
-    columns: Array<DTableColumnOptions<ROW>>;
+    columns: DTableColumnOptions<ROW>[];
     category?: DTableCategoryOptions;
     header?: DTableHeaderOptions<ROW>;
     body?: DTableBodyOptions<ROW, DATA>;
@@ -22,40 +23,36 @@ export interface DTableOptions<ROW, DATA extends DTableData<ROW> = DTableDataLis
 export interface DThemeTable extends DThemePane {
 }
 export declare class DTable<ROW, DATA extends DTableData<ROW> = DTableDataList<ROW>, THEME extends DThemeTable = DThemeTable, CONTENT_OPTIONS extends DBaseOptions = DContentOptions, OPTIONS extends DTableOptions<ROW, DATA, THEME, CONTENT_OPTIONS> = DTableOptions<ROW, DATA, THEME, CONTENT_OPTIONS>> extends DPane<THEME, CONTENT_OPTIONS, OPTIONS> {
-    protected _columns?: Array<DTableColumn<ROW, unknown>>;
-    protected _frozen?: number;
-    protected _categories?: DTableCategory[];
+    protected _column?: DTableColumnContainer<ROW>;
+    protected _category?: DTableCategoryContainer;
     protected _headerOffset?: number;
     protected _header?: DTableHeader<ROW> | null;
     protected _bodyOffset?: number;
     protected _body?: DTableBody<ROW, DATA>;
     constructor(options?: OPTIONS);
-    get columns(): Array<DTableColumn<ROW, unknown>>;
+    get column(): DTableColumnContainer<ROW>;
+    protected newColumn(): DTableColumnContainer<ROW>;
+    get columns(): DTableColumn<ROW>[];
     get frozen(): number;
+    get category(): DTableCategoryContainer;
+    protected newCategory(): DTableCategoryContainer;
     get categories(): DTableCategory[];
     protected initContent(content: DBase): void;
     protected onContentChange(): void;
     onResize(newWidth: number, newHeight: number, oldWidth: number, oldHeight: number): void;
-    protected getCategoryCount(columns: Array<DTableColumn<ROW, unknown>>): number;
-    protected toCategoryLabel(index: number, category: string | string[] | undefined): string | undefined;
-    protected isSameCategory(index: number, a: string | string[] | undefined, b: string | string[] | undefined): boolean;
-    protected toCategoryColumns(index: number, columns: Array<DTableColumn<ROW, unknown>>, frozen: number): DTableCategoryColumn[];
-    protected toCategoryOptions(index: number, options: DTableCategoryOptions | undefined, columns: Array<DTableColumn<ROW, unknown>>, frozen: number, offset: number): DTableCategoryOptions;
-    protected newCategories(options: OPTIONS | undefined, columns: Array<DTableColumn<ROW, unknown>>, frozen: number): DTableCategory[];
     protected onDblClick(e: MouseEvent | TouchEvent, interactionManager: InteractionManager): boolean;
     protected newScrollBar(options?: DPaneScrollBarOptions): DTableScrollBar;
-    protected toContentWidth(options?: OPTIONS): DCoordinateSize;
+    protected newContent(options?: CONTENT_OPTIONS): DBase;
     protected getHeaderOffset(): number;
     protected newHeaderOffset(): number;
     get header(): DTableHeader<ROW> | null;
     protected hasHeader(options?: OPTIONS): boolean;
-    protected newHeader(options: OPTIONS | undefined, columns: Array<DTableColumn<ROW, unknown>>, frozen: number, offset: number): DTableHeader<ROW> | null;
-    protected toHeaderOptions(options: DTableHeaderOptions<ROW> | undefined, columns: Array<DTableColumn<ROW, unknown>>, frozen: number, offset: number): DTableHeaderOptions<ROW>;
+    protected newHeader(): DTableHeader<ROW> | null;
     protected getBodyOffset(): number;
     protected newBodyOffset(): number;
     get body(): DTableBody<ROW, DATA>;
-    protected newBody(options: OPTIONS | undefined, columns: Array<DTableColumn<ROW, unknown>>, frozen: number, offset: number): DTableBody<ROW, DATA>;
-    protected toBodyOptions(options: DTableBodyOptions<ROW, DATA> | undefined, columns: Array<DTableColumn<ROW, unknown>>, frozen: number, offset: number, data: ROW[] | DTableDataOptions<ROW> | DATA | undefined): DTableBodyOptions<ROW, DATA>;
+    protected newBody(): DTableBody<ROW, DATA>;
+    protected toBodyOptions(options?: DTableBodyOptions<ROW, DATA>, data?: ROW[] | DTableDataOptions<ROW> | DATA): DTableBodyOptions<ROW, DATA>;
     get data(): DATA;
     protected getFocusedChildClippingRect(focused: DBase, contentX: number, contentY: number, contentWidth: number, contentHeight: number, width: number, height: number, result: Rectangle): Rectangle;
     protected toFrozenCellX(cell: DBase): number;

package/dist/types/wcardinal/ui/index.d.ts

@@ -553,10 +553,17 @@ export * from "./d-table-body-cells";
 export * from "./d-table-body-row";
 export * from "./d-table-body";
 export * from "./d-table-category-cell";
+export * from "./d-table-category-column-impl";
+export * from "./d-table-category-column";
+export * from "./d-table-category-container-impl";
+export * from "./d-table-category-container";
 export * from "./d-table-category";
+export * from "./d-table-column-container-impl";
+export * from "./d-table-column-container";
 export * from "./d-table-column-editing";
 export * from "./d-table-column-formatter";
 export * from "./d-table-column-getter";
+export * from "./d-table-column-impl";
 export * from "./d-table-column-renderable";
 export * from "./d-table-column-selecting";
 export * from "./d-table-column-setter";

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-table-header-cell.d.ts

@@ -37,4 +37,5 @@ export declare class DThemeDarkTableHeaderCell extends DThemeDarkImage<string |
     getTertiaryImageAlignHorizontal(): DAlignHorizontal;
     getTertiaryImageAlignWith(): DAlignWith;
     getCursor(state: DBaseStateSet): string;
+    getEdgeWidth(): number;
 }

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-table-header.d.ts

@@ -11,4 +11,5 @@ export declare class DThemeDarkTableHeader extends DThemeDarkTableRow implements
     getBorderMask(state: DBaseStateSet): DBorderMask;
     getWidth(): DCoordinateSize;
     getHeight(): DCoordinateSize;
+    getCursor(state: DBaseStateSet): string;
 }

package/dist/types/wcardinal/ui/theme/white/d-theme-white-table-header-cell.d.ts

@@ -37,4 +37,5 @@ export declare class DThemeWhiteTableHeaderCell extends DThemeWhiteImage<string
     getTertiaryImageAlignHorizontal(): DAlignHorizontal;
     getTertiaryImageAlignWith(): DAlignWith;
     getCursor(state: DBaseStateSet): string;
+    getEdgeWidth(): number;
 }

package/dist/types/wcardinal/ui/theme/white/d-theme-white-table-header.d.ts

@@ -11,4 +11,5 @@ export declare class DThemeWhiteTableHeader extends DThemeWhiteTableRow implemen
     getBorderMask(state: DBaseStateSet): DBorderMask;
     getWidth(): DCoordinateSize;
     getHeight(): DCoordinateSize;
+    getCursor(state: DBaseStateSet): string;
 }

package/dist/wcardinal/ui/d-base.js

@@ -1208,10 +1208,10 @@ var DBase = /** @class */ (function (_super) {
         this.emit("down", e, this);
     };
     DBase.prototype.onDownThis = function (e) {
+        var _a;
         var oe = e.data.originalEvent;
         if ("touches" in oe) {
-            var lastDownPoint = this._lastDownPoint || new Point();
-            this._lastDownPoint = lastDownPoint;
+            var lastDownPoint = ((_a = this._lastDownPoint) !== null && _a !== void 0 ? _a : (this._lastDownPoint = new Point()));
             lastDownPoint.copyFrom(e.data.global);
         }
         else {