@tekus/design-system 5.23.0 → 5.25.0

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

@@ -1,6 +1,8 @@
 import { ValidatorFn } from '@angular/forms';
 import * as _angular_core from '@angular/core';
+import { ComponentRef } from '@angular/core';
 import { Preset } from '@primeuix/themes/types';
+import { PartialObserver, Subscription } from 'rxjs';
 
 interface Option {
     ViewValue: string;
@@ -178,5 +180,47 @@ interface TkCanClose {
  */
 type TkCloseInterceptor = () => boolean;
 
-export { Breakpoints, GapGutter, Gutter, PaddingGridContainer, TkPreset, provideTkTheme };
+/**
+ * Reference to a dialog/drawer opened via a service.
+ * Supports both Observable-style subscription and Signal-based state.
+ */
+declare class TkDialogRef<T, R = unknown> {
+    readonly componentRef: ComponentRef<T>;
+    private readonly closedSubject;
+    private readonly resultSignal;
+    private readonly isClosedSignal;
+    /**
+     * Signal that holds the result of the dialog after it closes.
+     */
+    readonly result: _angular_core.Signal<R | undefined>;
+    /**
+     * Signal that indicates if the dialog has been closed.
+     */
+    readonly isClosed: _angular_core.Signal<boolean>;
+    constructor(componentRef: ComponentRef<T>);
+    /**
+     * The instance of the component opened in the dialog.
+     */
+    get componentInstance(): T;
+    /**
+     * Closes the dialog, optionally passing a result back.
+     * Internal implementation calls the component's tryClose to respect guards.
+     */
+    close(result?: R): void;
+    /**
+     * Subscribes to the closure event.
+     * This maintains compatibility with existing service.open(...).subscribe() patterns
+     * using the modern RxJS signature.
+     */
+    subscribe(nextOrObserver?: ((value: R | undefined) => void) | PartialObserver<R | undefined>): Subscription;
+    /**
+     * Internal method to emit the result and update reactive state.
+     * Not intended for public use outside the opening service.
+     */
+    emitClose(result?: R): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TkDialogRef<any, any>, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TkDialogRef<any, any>>;
+}
+
+export { Breakpoints, GapGutter, Gutter, PaddingGridContainer, TkDialogRef, TkPreset, provideTkTheme };
 export type { AutoFillGridProps, ColumnRowSize, ComposeMinMax, ComposeSize, ContainerType, DropdownListItem, FixedGridProps, FontCSSProperties, GridColumns, GutterType, IllustrationConfig, Option, ThemeLogo, TkCanClose, TkCloseInterceptor, TypographyStyles, ValidatorWithMessage, VariantLogo };

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

@@ -1,6 +1,6 @@
-import * as _angular_core from '@angular/core';
 import * as _angular_cdk_layout from '@angular/cdk/layout';
 import { BreakpointObserver } from '@angular/cdk/layout';
+import * as _angular_core from '@angular/core';
 
 /**
  * Directive that controls the number of columns covered by an item within a grid.
@@ -16,7 +16,7 @@ declare class GridItemDirective {
      * The final value will be adjusted based on the current breakpoint.
      * @default 1
      */
-    span: number;
+    span: _angular_core.InputSignal<number>;
     /**
      * Injected service to observe changes in screen breakpoints.
      * @readonly
@@ -34,13 +34,13 @@ declare class GridItemDirective {
      */
     readonly finalSpan: _angular_core.Signal<number>;
     /**
-     * Host Binding that applies the `finalSnap` value to the `grid-column` style of the host element.
+     * Computed signal that applies the `finalSpan` value to the `grid-column` style of the host element.
      *
      * This causes the element to occupy the number of columns computed in the grid.
      */
-    get columnSpan(): string;
+    readonly columnSpan: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridItemDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GridItemDirective, "[tkGridItem]", never, { "span": { "alias": "span"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GridItemDirective, "[tkGridItem]", never, { "span": { "alias": "span"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { GridItemDirective };