@tekus/design-system 5.36.0 → 5.37.0

package/types/tekus-design-system-components-tree-table.d.ts

@@ -0,0 +1,62 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { TreeNode } from 'primeng/api';
+
+interface TkTreeNode<T = unknown> {
+    id: string | number;
+    label: string;
+    icon?: string;
+    iconStyle?: 'light' | 'regular' | 'solid';
+    expanded?: boolean;
+    children?: TkTreeNode<T>[];
+    data?: T;
+}
+
+declare class TreeTableComponent {
+    /**
+     * Hierarchical list of tree nodes to render.
+     */
+    data: _angular_core.InputSignal<TkTreeNode<unknown>[]>;
+    /**
+     * Custom template slot to render the icon on the left of each node label.
+     * Usage: `<ng-template #iconTemplate let-node>...</ng-template>`
+     */
+    readonly iconTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    /**
+     * Custom template slot to render center information/indicators.
+     * Usage: `<ng-template #centerTemplate let-node>...</ng-template>`
+     */
+    readonly centerTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    /**
+     * Custom template slot to render additional actions/content on the right of the row.
+     * Usage: `<ng-template #rightTemplate let-node>...</ng-template>`
+     */
+    readonly rightTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    /**
+     * Internal representation of the tree nodes mapped to PrimeNG's format.
+     */
+    readonly primeNodes: _angular_core.WritableSignal<TreeNode<any>[]>;
+    constructor();
+    private mapToPrimeNodes;
+    /**
+     * API Method: Recursively expands all nodes.
+     */
+    expandAll(): void;
+    /**
+     * API Method: Recursively collapses all nodes.
+     */
+    collapseAll(): void;
+    private toggleAllNodes;
+    /**
+     * Toggles the expansion state of a specific node.
+     */
+    toggleNode(rowNode: {
+        node: TreeNode;
+        level?: number;
+    }): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeTableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeTableComponent, "tk-tree-table", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, ["iconTemplate", "centerTemplate", "rightTemplate"], never, true, never>;
+}
+
+export { TreeTableComponent };
+export type { TkTreeNode };

package/types/tekus-design-system-core-types.d.ts

@@ -77,15 +77,15 @@ type ThemeLogo = 'dark' | 'light';
 type VariantLogo = 'minimal' | 'normal' | 'compound';
 
 declare enum GapGutter {
-    normal = "24px",
-    small = "16px",
-    large = "32px",
-    extraLarge = "40px"
+    normal = "var(--tk-spacing-gap-l, 1.5rem)",
+    small = "var(--tk-spacing-gap-m, 1rem)",
+    large = "var(--tk-spacing-base-200, 2rem)",
+    extraLarge = "var(--tk-spacing-gap-xl, 2.5rem)"
 }
 declare enum PaddingGridContainer {
-    large = "32px",
-    medium = "24px",
-    small = "16px"
+    large = "var(--tk-spacing-base-200, 2rem)",
+    medium = "var(--tk-spacing-padding-xl, 1.5rem)",
+    small = "var(--tk-spacing-padding-m, 1rem)"
 }
 declare enum Gutter {
     normal = "normal",

package/types/tekus-design-system-core.d.ts

@@ -77,15 +77,15 @@ type ThemeLogo = 'dark' | 'light';
 type VariantLogo = 'minimal' | 'normal' | 'compound';
 
 declare enum GapGutter {
-    normal = "24px",
-    small = "16px",
-    large = "32px",
-    extraLarge = "40px"
+    normal = "var(--tk-spacing-gap-l, 1.5rem)",
+    small = "var(--tk-spacing-gap-m, 1rem)",
+    large = "var(--tk-spacing-base-200, 2rem)",
+    extraLarge = "var(--tk-spacing-gap-xl, 2.5rem)"
 }
 declare enum PaddingGridContainer {
-    large = "32px",
-    medium = "24px",
-    small = "16px"
+    large = "var(--tk-spacing-base-200, 2rem)",
+    medium = "var(--tk-spacing-padding-xl, 1.5rem)",
+    small = "var(--tk-spacing-padding-m, 1rem)"
 }
 declare enum Gutter {
     normal = "normal",

package/types/tekus-design-system-directives-gird-item.d.ts

@@ -7,7 +7,7 @@ import * as _angular_core from '@angular/core';
  *
  * Uses Angular CDK's `BreakpointObserver` to dynamically adjust the column's `span`
  * based on screen size, ensuring a responsive experience.
- * For best results use a [grid component as a parent container](?path=/docs/components-grids-grids-container--docs)
+ * For best results use a [grid component as a parent container](?path=/docs/components-gridcontainer--docs)
  * @selector [tkGridItem]
  */
 declare class GridItemDirective {