@ship-ui/core 0.22.10 → 0.22.12

package/types/ship-ui-core-ship-sortable.d.ts

@@ -18,6 +18,11 @@ type ShipDropEvent = {
     previousIndex: number;
     currentIndex: number;
 };
+type ShipTreeDropEvent = {
+    previousIndex: number;
+    currentIndex: number;
+    position: 'before' | 'after' | 'inside';
+};
 interface SortableManagerConfig {
     /**
      * If provided, this hook is evaluated before the Signals are modified.
@@ -32,11 +37,16 @@ declare class ShipSortable implements OnInit, OnDestroy {
     #private;
     shSortable: _angular_core.InputSignal<any>;
     sortableGroup: _angular_core.InputSignal<string | undefined>;
+    sortingMode: _angular_core.InputSignal<"list" | "grid" | "tree">;
+    treeItems: _angular_core.ModelSignal<any[]>;
     sortDrop: _angular_core.OutputEmitterRef<ShipDropEvent>;
     afterDrop: _angular_core.OutputEmitterRef<AfterDropResponse>;
     crossDrop: _angular_core.OutputEmitterRef<CrossDropResponse>;
+    treeDrop: _angular_core.OutputEmitterRef<ShipTreeDropEvent>;
     dragStartIndex: WritableSignal<number>;
     dragToIndex: WritableSignal<number>;
+    treeHoverIndex: WritableSignal<number>;
+    treeHoverPosition: WritableSignal<"before" | "after" | "inside" | null>;
     initialPositions: WritableSignal<{
         x: number;
         y: number;
@@ -63,10 +73,24 @@ declare class ShipSortable implements OnInit, OnDestroy {
     dragEnd(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipSortable, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipSortable, "[shSortable]", never, { "shSortable": { "alias": "shSortable"; "required": false; "isSignal": true; }; "sortableGroup": { "alias": "sortableGroup"; "required": false; "isSignal": true; }; }, { "sortDrop": "sortDrop"; "afterDrop": "afterDrop"; "crossDrop": "crossDrop"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipSortable, "[shSortable]", never, { "shSortable": { "alias": "shSortable"; "required": false; "isSignal": true; }; "sortableGroup": { "alias": "sortableGroup"; "required": false; "isSignal": true; }; "sortingMode": { "alias": "sortingMode"; "required": false; "isSignal": true; }; "treeItems": { "alias": "treeItems"; "required": false; "isSignal": true; }; }, { "treeItems": "treeItemsChange"; "sortDrop": "sortDrop"; "afterDrop": "afterDrop"; "crossDrop": "crossDrop"; "treeDrop": "treeDrop"; }, never, never, true, never>;
 }
 declare function moveIndex<T = any>(array: T[], event: Pick<ShipDropEvent, 'previousIndex' | 'currentIndex'> | Pick<AfterDropResponse, 'fromIndex' | 'toIndex'>): T[];
 declare function transferArrayItem<T = any>(currentArray: T[], targetArray: T[], currentIndex: number, targetIndex: number): void;
+interface TreeSortableManagerConfig<T> {
+    getId?: (item: T) => string;
+    getParentId?: (item: T) => string | null;
+    setParentId?: (item: T, parentId: string | null) => void;
+    getDepth?: (item: T) => number;
+    setDepth?: (item: T, depth: number) => void;
+    isFolder?: (item: T) => boolean;
+    isOpen?: (item: T) => boolean;
+    setIsOpen?: (item: T, isOpen: boolean) => void;
+}
+declare function createTreeSortableManager<T>(nodesSignal: WritableSignal<T[]>, config?: TreeSortableManagerConfig<T>): {
+    visibleNodes: _angular_core.Signal<T[]>;
+    drop(event: ShipTreeDropEvent, visibleNodesList: T[]): void;
+};
 
-export { ShipSortable, createSortableManager, moveIndex, transferArrayItem };
-export type { AfterDropResponse, CrossDropResponse, ShipDropEvent, SortableManagerConfig };
+export { ShipSortable, createSortableManager, createTreeSortableManager, moveIndex, transferArrayItem };
+export type { AfterDropResponse, CrossDropResponse, ShipDropEvent, ShipTreeDropEvent, SortableManagerConfig, TreeSortableManagerConfig };

package/types/ship-ui-core-ship-table.d.ts

@@ -1,6 +1,23 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
 
+interface ShipTableColumn<T = any> {
+    id: string;
+    header: string;
+    accessorKey?: keyof T | string;
+    type?: 'string' | 'number' | 'date' | 'boolean' | 'badge' | (string & {});
+    sortable?: boolean;
+    resizable?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    size?: string;
+    sticky?: 'start' | 'end' | null;
+    cell?: (row: T) => any;
+    cellTemplate?: TemplateRef<any> | null;
+    format?: (value: any, row: T) => any;
+    sortPredicate?: (a: T, b: T) => number;
+    rowHeader?: boolean;
+}
 declare class ShipResize {
     #private;
     resizable: _angular_core.InputSignal<boolean>;
@@ -19,7 +36,8 @@ declare class ShipSort {
     shSort: _angular_core.InputSignal<string | undefined>;
     sortAsc: _angular_core.Signal<boolean>;
     sortDesc: _angular_core.Signal<boolean>;
-    toggleSort(): void;
+    ariaSort: _angular_core.Signal<"ascending" | "descending" | "none">;
+    toggleSort(event?: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipSort, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipSort, "[shSort]", never, { "shSort": { "alias": "shSort"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -39,7 +57,12 @@ declare class ShipTable {
     sortByColumn: _angular_core.ModelSignal<string | null>;
     color: _angular_core.InputSignal<"" | "primary" | "accent" | "warn" | "error" | "success" | null>;
     variant: _angular_core.InputSignal<"" | "type-a" | "type-b" | null>;
+    ariaLabel: _angular_core.InputSignal<string | null>;
+    ariaLabelledby: _angular_core.InputSignal<string | null>;
     hostClasses: _angular_core.Signal<string>;
+    content: _angular_core.Signal<ShipTableContent | undefined>;
+    theadLocal: _angular_core.Signal<ElementRef<HTMLTableSectionElement> | undefined>;
+    tbodyLocal: _angular_core.Signal<ElementRef<HTMLTableSectionElement> | undefined>;
     thead: _angular_core.Signal<ElementRef<HTMLTableSectionElement> | undefined>;
     tbody: _angular_core.Signal<ElementRef<HTMLTableSectionElement> | undefined>;
     columns: {
@@ -63,7 +86,20 @@ declare class ShipTable {
     e: _angular_core.EffectRef;
     toggleSort(column: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipTable, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipTable, "sh-table", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "sortByColumn": { "alias": "sortByColumn"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "dataChange": "dataChange"; "sortByColumn": "sortByColumnChange"; }, never, ["[actionbar]:not([align-right])", "[actionbar][align-right]", "th", "[thead]", "*", "[table-no-rows]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipTable, "sh-table", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "sortByColumn": { "alias": "sortByColumn"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; }, { "dataChange": "dataChange"; "sortByColumn": "sortByColumnChange"; }, ["content"], ["[actionbar]:not([align-right])", "[actionbar][align-right]", "sh-table-content", "th", "[thead]", "*", "[table-no-rows]"], true, never>;
+}
+declare class ShipTableContent {
+    #private;
+    columns: _angular_core.InputSignal<ShipTableColumn<any>[]>;
+    data: _angular_core.InputSignal<any[]>;
+    sortByColumn: _angular_core.ModelSignal<string | null>;
+    thead: _angular_core.Signal<ElementRef<HTMLTableSectionElement> | undefined>;
+    tbody: _angular_core.Signal<ElementRef<HTMLTableSectionElement> | undefined>;
+    getValue(row: any, col: ShipTableColumn): any;
+    formatDate(value: any): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipTableContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipTableContent, "sh-table-content", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { ShipResize, ShipSort, ShipStickyColumns, ShipTable };
+export { ShipResize, ShipSort, ShipStickyColumns, ShipTable, ShipTableContent };
+export type { ShipTableColumn };

package/types/ship-ui-core-ship-tree.d.ts

@@ -0,0 +1,67 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+
+declare class ShipTreeOpenIcon {
+    readonly el: ElementRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipTreeOpenIcon, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipTreeOpenIcon, "sh-icon[openIcon]", never, {}, {}, never, never, true, never>;
+}
+declare class ShipTreeClosedIcon {
+    readonly el: ElementRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipTreeClosedIcon, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipTreeClosedIcon, "sh-icon[closedIcon]", never, {}, {}, never, never, true, never>;
+}
+declare class ShipTreeItemIcon {
+    readonly el: ElementRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipTreeItemIcon, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShipTreeItemIcon, "sh-icon[itemIcon]", never, {}, {}, never, never, true, never>;
+}
+declare class ShipTree {
+    /** The flat list of all tree nodes. */
+    readonly items: _angular_core.ModelSignal<any[]>;
+    /** Optional Writable/Readable WritableSignal manager created by createTreeSortableManager. */
+    readonly sortableManager: _angular_core.InputSignal<any>;
+    /** Currently selected node ID. */
+    readonly selectedId: _angular_core.ModelSignal<string | null>;
+    readonly getId: _angular_core.InputSignal<(item: any) => string>;
+    readonly getName: _angular_core.InputSignal<(item: any) => string>;
+    readonly getParentId: _angular_core.InputSignal<(item: any) => string | null>;
+    readonly isFolder: _angular_core.InputSignal<(item: any) => boolean>;
+    readonly getIsOpen: _angular_core.InputSignal<(item: any) => boolean>;
+    readonly setIsOpen: _angular_core.InputSignal<(item: any, isOpen: boolean) => void>;
+    /** Function returning a custom icon name for a node. */
+    readonly getIcon: _angular_core.InputSignal<(item: any) => string | null>;
+    readonly openIconDir: _angular_core.Signal<ShipTreeOpenIcon | undefined>;
+    readonly closedIconDir: _angular_core.Signal<ShipTreeClosedIcon | undefined>;
+    readonly itemIconDir: _angular_core.Signal<ShipTreeItemIcon | undefined>;
+    openIconName: _angular_core.Signal<any>;
+    closedIconName: _angular_core.Signal<any>;
+    itemIconName: _angular_core.Signal<any>;
+    readonly nodeClick: _angular_core.OutputEmitterRef<any>;
+    readonly nodeToggle: _angular_core.OutputEmitterRef<{
+        node: any;
+        isOpen: boolean;
+    }>;
+    readonly nodeTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    readonly dirTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    /** Filter the full flat array down to only visible nodes (whose parents are all expanded). */
+    visibleNodes: _angular_core.Signal<any>;
+    toggleNode(node: any, event: MouseEvent): void;
+    handleNodeClick(node: any, event: MouseEvent): void;
+    selectNode(node: any): void;
+    getDepthArray(depth: number): number[];
+    getNodeDepth(node: any): number;
+    getNodeIcon(node: any): string | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipTree, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipTree, "sh-tree", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "sortableManager": { "alias": "sortableManager"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "getId": { "alias": "getId"; "required": false; "isSignal": true; }; "getName": { "alias": "getName"; "required": false; "isSignal": true; }; "getParentId": { "alias": "getParentId"; "required": false; "isSignal": true; }; "isFolder": { "alias": "isFolder"; "required": false; "isSignal": true; }; "getIsOpen": { "alias": "getIsOpen"; "required": false; "isSignal": true; }; "setIsOpen": { "alias": "setIsOpen"; "required": false; "isSignal": true; }; "getIcon": { "alias": "getIcon"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; "selectedId": "selectedIdChange"; "nodeClick": "nodeClick"; "nodeToggle": "nodeToggle"; }, ["openIconDir", "closedIconDir", "itemIconDir", "nodeTemplate", "dirTemplate"], ["[emptyState]", "[emptyState]"], true, never>;
+}
+declare class ShipTreeNode {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipTreeNode, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipTreeNode, "sh-tree-node", never, {}, {}, never, ["sh-icon", "*", "[actions], sh-tree-node-actions"], true, never>;
+}
+declare class ShipTreeNodeActions {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipTreeNodeActions, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipTreeNodeActions, "sh-tree-node-actions", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { ShipTree, ShipTreeClosedIcon, ShipTreeItemIcon, ShipTreeNode, ShipTreeNodeActions, ShipTreeOpenIcon };