@tekus/design-system 5.35.0 → 5.37.0

package/types/tekus-design-system-components-modal.d.ts

@@ -56,19 +56,19 @@ declare class ModalComponent<T = unknown> implements OnDestroy {
     private readonly contentHost;
     private componentRef?;
     /** The dialog ref associated with this modal */
-    dialogRef: _angular_core.InputSignal<TkDialogRef<ModalComponent<T>, unknown> | null>;
+    readonly dialogRef: _angular_core.InputSignal<TkDialogRef<ModalComponent<T>, unknown> | null>;
     /** The title displayed at the top of the modal */
-    title: _angular_core.InputSignal<string>;
+    readonly title: _angular_core.InputSignal<string>;
     /** The main content of the modal. Can be a string or a Component Type. */
-    content: _angular_core.InputSignal<string | Type<T> | null>;
+    readonly content: _angular_core.InputSignal<string | Type<T> | null>;
     /** Array of footer buttons with label, callback, and return value */
-    footerButtons: _angular_core.ModelSignal<ModalFooterButton[]>;
+    readonly footerButtons: _angular_core.ModelSignal<ModalFooterButton[]>;
     /** Modal size: 'small', 'large', 'medium' or 'full' */
-    size: _angular_core.InputSignal<ModalSizeType>;
+    readonly size: _angular_core.InputSignal<ModalSizeType>;
     /** Whether the modal can be closed by the user via close button */
-    closable: _angular_core.InputSignal<boolean>;
+    readonly closable: _angular_core.InputSignal<boolean>;
     /** Whether clicking outside the modal mask closes the modal */
-    closeOnOutsideClick: _angular_core.InputSignal<boolean>;
+    readonly closeOnOutsideClick: _angular_core.InputSignal<boolean>;
     /**
      * Optional data to be passed as inputs to the dynamic component.
      */
@@ -77,15 +77,15 @@ declare class ModalComponent<T = unknown> implements OnDestroy {
      * Optional interceptor called before the modal closes.
      * MUST be synchronous. Returns true to allow closing.
      */
-    interceptor: _angular_core.InputSignal<TkCloseInterceptor | undefined>;
+    readonly interceptor: _angular_core.InputSignal<TkCloseInterceptor | undefined>;
     /** Computed: whether the content is a simple string */
-    isContentString: _angular_core.Signal<boolean>;
+    readonly isContentString: _angular_core.Signal<boolean>;
     /** Computed: whether the modal has footer buttons to display */
-    hasFooter: _angular_core.Signal<boolean>;
+    readonly hasFooter: _angular_core.Signal<boolean>;
     /** Whether the modal should be responsive on mobile screens */
-    responsive: _angular_core.InputSignal<boolean>;
+    readonly responsive: _angular_core.InputSignal<boolean>;
     /** Visibility flag as Model Signal (allows two-way binding) */
-    isOpened: _angular_core.ModelSignal<boolean>;
+    readonly isOpened: _angular_core.ModelSignal<boolean>;
     /** Whether the modal content has a scrollbar */
     hasScroll: boolean;
     /** Emits when the modal closes, passing the return value from footer buttons or null */
@@ -93,6 +93,15 @@ declare class ModalComponent<T = unknown> implements OnDestroy {
     private alreadyEmitted;
     private returnValueOnClose;
     constructor();
+    /**
+     * @summary Orchestrates the reactive dynamic lifecycle.
+     * @private
+     */
+    private registerContentLifecycleEffect;
+    /**
+     * @private
+     */
+    private registerDataSyncEffect;
     /** Computed: calculates modal max-width based on `size` */
     modalMaxWidth: _angular_core.Signal<"67.5rem" | "35rem" | "98vw" | "28.125rem">;
     ngOnDestroy(): void;
@@ -101,6 +110,10 @@ declare class ModalComponent<T = unknown> implements OnDestroy {
      * @private
      */
     private attachDynamicContent;
+    /**
+     * @private
+     */
+    private createContentInjector;
     /**
      * @summary Synchronizes incoming data record with the dynamic instance @Inputs.
      * @private
@@ -126,6 +139,11 @@ declare class ModalComponent<T = unknown> implements OnDestroy {
      * @param returnValue (Optional) Value to emit on close.
      */
     tryClose(returnValue?: unknown): void;
+    /**
+     * @summary Evaluates the optional close interceptor, then executes closure.
+     * @private
+     */
+    private resolveInterceptorAndClose;
     /**
      * Evaluates a boolean, Promise or Observable to check if closing is allowed.
      */

package/types/tekus-design-system-components-process-steps.d.ts

@@ -4,6 +4,8 @@ type StepState = 'waiting' | 'active' | 'done' | 'error' | 'warning';
 interface ProcessStep {
     label: string;
     state: StepState;
+    /** Optional secondary line shown below the label — e.g. "Errors detected — check notifications" for a failed step. */
+    description?: string;
 }
 /**
  * Overall result of the process:
@@ -19,6 +21,17 @@ declare class ProcessStepsComponent {
     readonly description: _angular_core.InputSignal<string | undefined>;
     readonly icon: _angular_core.InputSignal<string>;
     readonly status: _angular_core.InputSignal<ProcessStepsStatus>;
+    /** Whether to show the spinner + icon header while `status` is `progress`. */
+    readonly showIcon: _angular_core.InputSignal<boolean>;
+    /**
+     * Strips the panel down to just the step list: no padding, and no
+     * `title`/`description` header while `status` is `progress` — for hosts
+     * that provide their own framing (e.g. a card) and already show the file
+     * name elsewhere. The final result view (`success`/`error`/`warning`)
+     * still shows its own title/message, since that's the only place the
+     * outcome text is surfaced.
+     */
+    readonly compact: _angular_core.InputSignal<boolean>;
     /** Specific problems to list inside the result message box (ignored when `status` is `success`). */
     readonly errors: _angular_core.InputSignal<string[]>;
     /** Seconds until the countdown finishes; omit to disable it. */
@@ -47,10 +60,12 @@ declare class ProcessStepsComponent {
     readonly resultColor: _angular_core.Signal<"warning" | "success" | "danger">;
     /** Severity for the message box wrapping `description`/`errors` (success has no box). */
     readonly resultMessageSeverity: _angular_core.Signal<"error" | "warn">;
+    /** Severity for the compact terminal banner (`tk-message`) — unlike `resultMessageSeverity`, success gets its own box here. */
+    readonly bannerSeverity: _angular_core.Signal<"error" | "success" | "warn">;
     /** `countdownLabel` with `{seconds}` filled in, or `undefined` while the countdown is disabled. */
     readonly countdownText: _angular_core.Signal<string | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProcessStepsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProcessStepsComponent, "tk-process-steps", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "countdownSeconds": { "alias": "countdownSeconds"; "required": false; "isSignal": true; }; "countdownLabel": { "alias": "countdownLabel"; "required": false; "isSignal": true; }; }, { "countdownFinished": "countdownFinished"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProcessStepsComponent, "tk-process-steps", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "countdownSeconds": { "alias": "countdownSeconds"; "required": false; "isSignal": true; }; "countdownLabel": { "alias": "countdownLabel"; "required": false; "isSignal": true; }; }, { "countdownFinished": "countdownFinished"; }, never, never, true, never>;
 }
 
 export { ProcessStepsComponent };

package/types/tekus-design-system-components-section.d.ts

@@ -0,0 +1,45 @@
+import * as _angular_core from '@angular/core';
+import { TagSeverity } from '@tekus/design-system/components/tag';
+
+/**
+ * @component SectionComponent
+ * @description
+ * The Section component provides a structured, responsive layout block with an optional header and content area.
+ * It supports standard layouts, split layouts (two columns or two rows) with independent scrollable areas,
+ * and custom transclusion slots for headers, tags, and actions.
+ *
+ * @usage
+ * ```html
+ * <tk-section title="Licensing" tagText="Active" tagSeverity="success" icon="pi-cog">
+ *   <div>Standard content area</div>
+ * </tk-section>
+ * ```
+ */
+declare class SectionComponent {
+    /** The primary title of the section. Optional. If omitted, the header is not rendered. */
+    title: _angular_core.InputSignal<string | undefined>;
+    /** Optional fixed height for the section (e.g. '300px', '100%'). If content exceeds this height, it scrolls. */
+    height: _angular_core.InputSignal<string | undefined>;
+    /** Optional tag text displayed next to the title. */
+    tagText: _angular_core.InputSignal<string | undefined>;
+    /** Optional tag severity for color styling. Defaults to 'info'. */
+    tagSeverity: _angular_core.InputSignal<TagSeverity>;
+    /** Optional prefix icon class (e.g. 'pi-plus'). Shows a circular prefix icon in the header if set. */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /** Additional info text for the right side of the main header */
+    infoText: _angular_core.InputSignal<string | undefined>;
+    /** Icon for the right side of the main header */
+    infoIcon: _angular_core.InputSignal<string | undefined>;
+    /** Severity color for the main header info text ('default', 'danger', etc.) */
+    infoSeverity: _angular_core.InputSignal<"success" | "info" | "danger" | "default" | "warning">;
+    /** If true, the section body is split into two panels (left/right or top/bottom). */
+    split: _angular_core.InputSignal<boolean>;
+    /** Layout direction for the split panels: 'row' (side-by-side) or 'column' (stacked). Defaults to 'row'. */
+    direction: _angular_core.InputSignal<"row" | "column">;
+    /** If true and split mode is enabled, each panel will scroll independently when content overflows. */
+    scrollable: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionComponent, "tk-section", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "tagText": { "alias": "tagText"; "required": false; "isSignal": true; }; "tagSeverity": { "alias": "tagSeverity"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "infoText": { "alias": "infoText"; "required": false; "isSignal": true; }; "infoIcon": { "alias": "infoIcon"; "required": false; "isSignal": true; }; "infoSeverity": { "alias": "infoSeverity"; "required": false; "isSignal": true; }; "split": { "alias": "split"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; }, {}, never, ["[headerIcon]", "[headerTag]", "[actions]", "*", "[left]", "[right]"], true, never>;
+}
+
+export { SectionComponent };

package/types/tekus-design-system-components-sidebar-layout.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnInit, OnDestroy } from '@angular/core';
+import { TkHeaderAction } from '@tekus/design-system/components/header';
 import * as rxjs from 'rxjs';
 import { MenuItem } from 'primeng/api';
 
@@ -18,6 +19,10 @@ declare class SidebarLayoutComponent implements OnInit, OnDestroy {
      * If provided, it overrides the service state.
      */
     isCollapsed: i0.InputSignal<boolean | undefined>;
+    /**
+     * Actions rendered in the right zone of the header via tk-header.
+     */
+    headerActions: i0.InputSignal<TkHeaderAction[]>;
     /**
      * Emitted when the collapsed state changes.
      */
@@ -37,6 +42,11 @@ declare class SidebarLayoutComponent implements OnInit, OnDestroy {
      * Determines if the sidebar is currently collapsed.
      */
     get displayCollapsed(): boolean;
+    /**
+     * Returns the left actions for tk-header: includes the toggle button
+     * only when the sidebar is collapsed or in tablet/mobile mode.
+     */
+    get headerLeftActions(): TkHeaderAction[];
     /**
      * Toggles the sidebar state.
      */
@@ -55,7 +65,7 @@ declare class SidebarLayoutComponent implements OnInit, OnDestroy {
      */
     handleBackdropClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarLayoutComponent, "tk-sidebar-layout", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "collapsedChange": "collapsedChange"; }, never, ["[sidebar-content]", "[header-actions]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarLayoutComponent, "tk-sidebar-layout", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "headerActions": { "alias": "headerActions"; "required": false; "isSignal": true; }; }, { "collapsedChange": "collapsedChange"; }, never, ["[sidebar-content]", "*"], true, never>;
 }
 
 declare class SidebarService {

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 };