@tekus/design-system 5.21.0 → 5.22.0

package/components/modal/src/modal.component.d.ts

@@ -1,118 +0,0 @@
-import { EventEmitter, Type, ElementRef, OnDestroy } from '@angular/core';
-import { ModalFooterButton, ModalSizeType } from './modal.types';
-import { TkCloseInterceptor } from '@tekus/design-system/core/types';
-import * as i0 from "@angular/core";
-/**
- * @component ModalComponent
- * @description
- * A programmatically controlled modal dialog used for displaying dynamic content.
- * Modernized for Angular 19 with 100% synchronous Signal-based closing interception.
- */
-export declare class ModalComponent<T = unknown> implements OnDestroy {
-    private readonly elementRef;
-    private readonly contentHost;
-    private componentRef?;
-    /** The title displayed at the top of the modal */
-    title: import("@angular/core").InputSignal<string>;
-    /** The main content of the modal. Can be a string or a Component Type. */
-    content: import("@angular/core").InputSignal<string | Type<T> | null>;
-    /** Array of footer buttons with label, callback, and return value */
-    footerButtons: import("@angular/core").InputSignal<ModalFooterButton[]>;
-    /** Modal size: 'small', 'large', 'medium' or 'full' */
-    size: import("@angular/core").InputSignal<ModalSizeType>;
-    /** Whether the modal can be closed by the user via close button */
-    closable: import("@angular/core").InputSignal<boolean>;
-    /** Whether clicking outside the modal mask closes the modal */
-    closeOnOutsideClick: import("@angular/core").InputSignal<boolean>;
-    /**
-     * Optional data to be passed as inputs to the dynamic component.
-     */
-    data: import("@angular/core").InputSignal<Partial<T>>;
-    /**
-     * Optional interceptor called before the modal closes.
-     * MUST be synchronous. Returns true to allow closing.
-     */
-    interceptor: import("@angular/core").InputSignal<TkCloseInterceptor | undefined>;
-    /** Computed: whether the content is a simple string */
-    isContentString: import("@angular/core").Signal<boolean>;
-    /** Computed: whether the modal has footer buttons to display */
-    hasFooter: import("@angular/core").Signal<boolean>;
-    /** Whether the modal should be responsive on mobile screens */
-    responsive: import("@angular/core").InputSignal<boolean>;
-    /** Visibility flag as Model Signal (allows two-way binding) */
-    isOpened: import("@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 */
-    readonly onClose: EventEmitter<unknown>;
-    private alreadyEmitted;
-    private returnValueOnClose;
-    constructor(elementRef: ElementRef);
-    /** Computed: calculates modal max-width based on `size` */
-    modalMaxWidth: import("@angular/core").Signal<"67.5rem" | "35rem" | "98vw" | "25rem">;
-    ngOnDestroy(): void;
-    /**
-     * @summary Orchestrates dynamic rendering and destruction based on visibility.
-     * @private
-     */
-    private attachDynamicContent;
-    /**
-     * @summary Synchronizes incoming data record with the dynamic instance @Inputs.
-     * @private
-     */
-    private syncDynamicInputs;
-    /**
-     * @summary Safely destroys the dynamic component and clears references.
-     * @private
-     */
-    private detachDynamicContent;
-    /**
-     * Checks if the modal content has a scrollbar and updates `hasScroll` state.
-     */
-    checkScroll(): void;
-    /**
-     * Opens the modal dialog.
-     */
-    open(): void;
-    /**
-     * @summary Main entry point for closure requests.
-     * Evaluation is 100% synchronous based on current Signal state.
-     * @param returnValue (Optional) Value to emit on close.
-     */
-    tryClose(returnValue?: unknown): void;
-    /**
-     * @summary Synchronous evaluator of hierarchical guards.
-     * @returns true if closure is allowed.
-     * @private
-     */
-    private canExecuteClosure;
-    /**
-     * @summary Unified logic to execute the final closure state change.
-     * @private
-     */
-    private executeClosure;
-    /**
-     * @summary Handles external visibility changes (from p-dialog 'X' or Escape).
-     * Ensures the reactive guard is respected before allowing closure.
-     */
-    onVisibleChange(visible: boolean): void;
-    /**
-     * Handles the close event from the underlying dialog component.
-     */
-    handleClose(): void;
-    /**
-     * @summary Handles actions triggered by footer buttons.
-     */
-    handleAction(action: (() => void) | undefined, returnValue: unknown): void;
-    /**
-     * @summary Safely closes the modal forcefully without checks.
-     */
-    close(): void;
-    /**
-     * @private
-     * Encapsulates state cleanup to avoid repetitive assignments
-     */
-    private resetClosureState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent<any>, "tk-modal", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "footerButtons": { "alias": "footerButtons"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "interceptor": { "alias": "interceptor"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "isOpened": { "alias": "isOpened"; "required": false; "isSignal": true; }; }, { "isOpened": "isOpenedChange"; }, never, never, true, never>;
-}

package/components/modal/src/modal.types.d.ts

@@ -1,39 +0,0 @@
-import { Type } from '@angular/core';
-import { Variant } from '@tekus/design-system/components/button';
-import { TkCloseInterceptor } from '@tekus/design-system/core/types';
-export type ModalSizeType = 'small' | 'large' | 'medium' | 'full';
-export type SeverityType = 'primary' | 'secondary' | 'danger';
-export interface ModalFooterButton {
-    label: string;
-    severity: SeverityType;
-    /** Optional callback function executed when the button is clicked */
-    action?: () => void;
-    /** Optional value emitted when the modal closes after clicking this button */
-    returnValue?: unknown;
-    /** Optional button variant */
-    variant?: Variant;
-}
-export interface ModalConfig<T = unknown> {
-    /** The title displayed at the top of the modal */
-    title: string;
-    /** The main content of the modal. Can be a string or a Component Type. */
-    content?: string | Type<T>;
-    /** Array of footer buttons with label, callback, and return value */
-    footerButtons?: ModalFooterButton[];
-    /** Modal size: 'small', 'large', 'medium' or 'full' */
-    size?: ModalSizeType;
-    /** Whether the modal can be closed by the user via close button */
-    closable?: boolean;
-    /** Whether clicking outside the modal mask closes the modal */
-    closeOnOutsideClick?: boolean;
-    /**
-     * Optional data to be passed as inputs to the dynamic component.
-     * Keys must match the component's @Input names.
-     */
-    data?: Partial<T>;
-    /**
-     * Optional interceptor called before the modal closes.
-     * Return false, Promise<false> or Observable<false> to prevent closing.
-     */
-    interceptor?: TkCloseInterceptor;
-}

package/components/modal/src/services/modal.service.d.ts

@@ -1,31 +0,0 @@
-import { ApplicationRef, ComponentRef, Injector } from '@angular/core';
-import { ModalComponent } from '../modal.component';
-import { Observable } from 'rxjs';
-import { ModalConfig } from '../modal.types';
-import * as i0 from "@angular/core";
-/**
- * @service ModalService
- * @description
- * Service responsible for programmatically opening and managing modal dialogs.
- * It handles component creation, attachment to the document body, and cleanup.
- */
-export declare class ModalService {
-    private readonly injector;
-    private readonly appRef;
-    /** Reference to the currently open modal component */
-    private modalRef;
-    constructor(injector: Injector, appRef: ApplicationRef);
-    /** Internal getter for testing purposes */
-    get _modalRefForTesting(): ComponentRef<ModalComponent> | null;
-    /** Internal setter for testing purposes */
-    set _modalRefForTesting(ref: ComponentRef<ModalComponent> | null);
-    /**
-     * Opens a modal dialog with the provided configuration.
-     * Only one modal can be open at a time.
-     * @param config Configuration object for the modal (title, content, buttons, etc.)
-     * @returns An observable that emits the modal's return value when it closes.
-     */
-    open(config: ModalConfig): Observable<unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
-}

package/components/multiselect/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/components/multiselect" />
-export * from './public-api';

package/components/multiselect/public-api.d.ts

@@ -1,2 +0,0 @@
-export * from './src/multiselect.component';
-export * from './src/multiselect.types';

package/components/multiselect/src/multiselect.types.d.ts

@@ -1,4 +0,0 @@
-export interface MultiSelectOption {
-    name: string;
-    code: string;
-}

package/components/pagination/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/components/pagination" />
-export * from './public-api';

package/components/pagination/public-api.d.ts

@@ -1 +0,0 @@
-export * from './src/pagination.component';

package/components/panel/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/components/panel" />
-export * from './public-api';

package/components/panel/public-api.d.ts

@@ -1 +0,0 @@
-export * from './src/panel.component';

package/components/radio-button/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/components/radio-button" />
-export * from './public-api';

package/components/radio-button/public-api.d.ts

@@ -1 +0,0 @@
-export * from './src/radio-button.component';

package/components/select/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/components/select" />
-export * from './public-api';

package/components/select/public-api.d.ts

@@ -1 +0,0 @@
-export * from './src/select.component';

package/components/table/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/components/table" />
-export * from './public-api';

package/components/table/public-api.d.ts

@@ -1,2 +0,0 @@
-export * from '../table/src/table.component';
-export * from '../table/src/table.interface';

package/components/table/src/table.interface.d.ts

@@ -1,14 +0,0 @@
-import { TagSeverity } from '@tekus/design-system/components/tag';
-export type TableColumnType = 'text' | 'tag' | 'actions' | 'selection' | 'checkbox';
-export interface TableColumn<T = unknown> {
-    field?: string;
-    header: string;
-    sortable?: boolean;
-    type?: TableColumnType;
-    width?: string;
-    tagSeverity?: (row: T) => TagSeverity;
-    actions?: Array<{
-        icon: string;
-        action?: (row: T) => void;
-    }>;
-}

package/components/tabs/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/components/tabs" />
-export * from './public-api';

package/components/tabs/public-api.d.ts

@@ -1,2 +0,0 @@
-export * from '../tabs/src/tabs.component';
-export * from '../tabs/src/tabs.interface';

package/components/tabs/src/tabs.interface.d.ts

@@ -1,11 +0,0 @@
-import { TemplateRef } from '@angular/core';
-export interface TabData {
-    id: string;
-    label: string;
-    tooltip?: string;
-    badge?: string;
-    disabled?: boolean;
-    visible?: boolean;
-    lazy?: boolean;
-    content?: TemplateRef<unknown>;
-}

package/components/tag/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/components/tag" />
-export * from './public-api';

package/components/tag/public-api.d.ts

@@ -1 +0,0 @@
-export * from './src/tag.component';

package/components/textarea/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/components/textarea" />
-export * from './public-api';

package/components/textarea/public-api.d.ts

@@ -1 +0,0 @@
-export * from './src/textarea.component';

package/components/toolbar/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/components/toolbar" />
-export * from './public-api';

package/components/toolbar/public-api.d.ts

@@ -1 +0,0 @@
-export * from './src/toolbar.component';

package/components/tooltip/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/components/tooltip" />
-export * from './public-api';

package/components/tooltip/public-api.d.ts

@@ -1 +0,0 @@
-export * from './src/tooltip.component';

package/components/tooltip/src/tooltip.component.d.ts

@@ -1,35 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * @component TooltipComponent
- * @description
- * Wrapper component that applies a PrimeNG tooltip to its projected content.
- * It allows defining the tooltip text and its position relative to the content.
- *
- * @usage
- * ```html
- * <tk-tooltip content="Tooltip text" position="top">
- *   <button>Hover me</button>
- * </tk-tooltip>
- * ```
- */
-export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
-export declare class TooltipComponent {
-    /**
-     * @property {string} content
-     * @description
-     * The text to be displayed in the tooltip.
-     *
-     * @required
-     */
-    content: import("@angular/core").InputSignal<string>;
-    /**
-     * @property {TooltipPosition} position
-     * @description
-     * Position of the tooltip relative to the element.
-     *
-     * @default 'top'
-     */
-    position: import("@angular/core").InputSignal<TooltipPosition>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "tk-tooltip", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}

package/components/topbar/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/components/topbar" />
-export * from './public-api';

package/components/topbar/public-api.d.ts

@@ -1,2 +0,0 @@
-export * from './src/topbar.component';
-export * from './src/topbar.types';

package/components/topbar/src/topbar.component.d.ts

@@ -1,20 +0,0 @@
-import { TopbarAction, TopbarTag } from './topbar.types';
-import * as i0 from "@angular/core";
-/**
- * @component TopbarComponent
- * @description
- * Layout component that renders a title with optional actions and metadata.
- * It composes `tk-button` and `tk-tag` and uses only design tokens for styles.
- */
-export declare class TopbarComponent {
-    /** Main title text for the topbar. */
-    title: import("@angular/core").InputSignal<string>;
-    /** Optional list of actions displayed in the header. */
-    actions: import("@angular/core").InputSignal<TopbarAction[] | null>;
-    /** Optional list of tags displayed in the meta section. */
-    tags: import("@angular/core").InputSignal<TopbarTag[] | null>;
-    /** Optional description displayed in the meta section. */
-    description: import("@angular/core").InputSignal<string | null>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TopbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TopbarComponent, "tk-topbar", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/components/topbar/src/topbar.types.d.ts

@@ -1,13 +0,0 @@
-import { TagSeverity } from '@tekus/design-system/components/tag';
-export type TopbarActionType = 'primary' | 'icon';
-export interface TopbarAction {
-    type: TopbarActionType;
-    label?: string;
-    icon?: string;
-    tooltipText?: string;
-    onClick: () => void;
-}
-export interface TopbarTag {
-    label: string;
-    variant?: TagSeverity;
-}

package/core/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/core" />
-export * from './public-api';

package/core/public-api.d.ts

@@ -1 +0,0 @@
-export * from './types';

package/core/types/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@tekus/design-system/core/types" />
-export * from './public-api';

package/core/types/public-api.d.ts

@@ -1,10 +0,0 @@
-export * from './src/option';
-export * from './src/validator-with-message';
-export * from './src/typography-styles';
-export * from './src/illustration-config';
-export * from './src/branding';
-export * from './src/grids';
-export * from './src/breakpoints';
-export * from './src/theme/theme.provider';
-export * from './src/theme/tk-preset';
-export * from './src/interception';

package/core/types/src/branding/branding.types.d.ts

@@ -1,15 +0,0 @@
-/**
- * @type { `dark` | `light` } ThemeLogo
- * @description Defines the theme variant of the logo.
- * - `dark`: The logo is designed to look good on a **light** background (the logo is dark).
- * - `light`: The logo is designed to look good on a **dark** background (the logo is light/white).
- */
-export type ThemeLogo = 'dark' | 'light';
-/**
- * @type { `minimal` | `normal` | `compound` } VariantLogo
- * @description Defines the logo style variant (complexity/presentation).
- * - `minimal`: Only the icon or a very simplified version of the logo.
- * - `normal`: The standard version of the logo (name/text).
- * - `compound`: A version of the logo (icon -name/text).
- */
-export type VariantLogo = 'minimal' | 'normal' | 'compound';

package/core/types/src/branding/index.d.ts

@@ -1 +0,0 @@
-export * from './branding.types';

package/core/types/src/breakpoints/breakpoints.d.ts

@@ -1,10 +0,0 @@
-export declare const Breakpoints: {
-    mobileSmall: string;
-    mobile: string;
-    mobileLarge: string;
-    tabletVertical: string;
-    tabletHorizontal: string;
-    desktopSmall: string;
-    desktop: string;
-    desktopLarge: string;
-};

package/core/types/src/breakpoints/index.d.ts

@@ -1 +0,0 @@
-export * from './breakpoints';

package/core/types/src/grids/grid.enum.d.ts

@@ -1,18 +0,0 @@
-declare enum GapGutter {
-    normal = "24px",
-    small = "16px",
-    large = "32px",
-    extraLarge = "40px"
-}
-declare enum PaddingGridContainer {
-    large = "32px",
-    medium = "24px",
-    small = "16px"
-}
-declare enum Gutter {
-    normal = "normal",
-    small = "small",
-    large = "large",
-    extraLarge = "extraLarge"
-}
-export { Gutter, GapGutter, PaddingGridContainer };

package/core/types/src/grids/grid.model.d.ts

@@ -1,10 +0,0 @@
-import { ColumnRowSize, ComposeMinMax } from "./grid.type";
-interface FixedGridProps {
-    columns?: number;
-    size?: ColumnRowSize;
-}
-interface AutoFillGridProps {
-    columns?: 'auto-fill';
-    size?: ComposeMinMax;
-}
-export { FixedGridProps, AutoFillGridProps };

package/core/types/src/grids/grid.type.d.ts

@@ -1,40 +0,0 @@
-/**
- * Defines a set of predefined container sizes for layout components.
- */
-type ContainerType = 'large' | 'medium' | 'small';
-/**
- * Represents a valid CSS unit for defining the size of a grid column or row.
- * This type ensures type safety by restricting values to standard CSS units.
- * @description
- * Description: This type is designed to enforce correct formatting and unit types for grid layouts, preventing invalid values at compile time.
- * px: A fixed-size unit.
- * rem: A size relative to the root element's font size, useful for accessibility.
- * em: A size relative to the parent element's font size.
- * %: A percentage of the container's size.
- * fr: A fractional unit used in CSS Grid to distribute available space.
- */
-type ColumnRowSize = `${number}px` | `${number}rem` | `${number}em` | `${number}%` | `${number}fr`;
-/**
- * Represents a type-safe CSS `minmax()` function for creating responsive grid tracks.
- * @description
- * Description: This type ensures that the minmax() function is always created with valid ColumnRowSize arguments.
- * It's essential for building flexible layouts that adapt to different screen sizes.
- */
-type ComposeMinMax = `minmax(${ColumnRowSize},${ColumnRowSize})`;
-/**
- * A versatile type for defining grid track sizes, allowing for both fixed and flexible dimensions.
- * @description
- * Description: This union type offers maximum flexibility, allowing a grid template to accept either a
- * specific unit size (like '200px') or a dynamic minmax() function (like 'minmax(100px, 1fr)').
- */
-type ComposeSize = ComposeMinMax | ColumnRowSize;
-/**
- * Defines the number of columns in a grid.
- * @description
- * Description: This type provides two distinct ways to set the number of columns in a grid.
- * number: Used for a fixed number of columns (e.g., 4).
- * 'auto-fill': A CSS Grid keyword that automatically creates as many columns as will fit inside a container.
- */
-type GridColumns = number | 'auto-fill';
-type GutterType = 'normal' | 'small' | 'large' | 'extraLarge';
-export { ColumnRowSize, ComposeMinMax, ComposeSize, ContainerType, GridColumns, GutterType };

package/core/types/src/grids/index.d.ts

@@ -1,3 +0,0 @@
-export * from './grid.enum';
-export * from './grid.model';
-export * from './grid.type';

package/core/types/src/illustration-config/illustration-config.model.d.ts

@@ -1,4 +0,0 @@
-export interface IllustrationConfig {
-    name: string;
-    url: string;
-}

package/core/types/src/illustration-config/index.d.ts

@@ -1 +0,0 @@
-export * from './illustration-config.model';

package/core/types/src/interception/index.d.ts

@@ -1 +0,0 @@
-export * from './interception.types';

package/core/types/src/interception/interception.types.d.ts

@@ -1,21 +0,0 @@
-/**
- * Interface that can be optionally implemented by components loaded into overlays
- * (Modals, Drawers, etc.) to intercept the closing process.
- */
-export interface TkCanClose {
-    /**
-     * Function or Signal indicating if the component can be closed.
-     * When returning false, the overlay will prevent closure.
-     */
-    canClose?: () => boolean;
-    /**
-     * Optional hook called when a user attempt to close the overlay is blocked
-     * by the canClose() returning false.
-     */
-    onBlockedClose?(): void;
-}
-/**
- * Type definition for the overlay closing interceptor.
- * It must be a synchronous function returning the "allowed" state.
- */
-export type TkCloseInterceptor = () => boolean;

package/core/types/src/option/index.d.ts

@@ -1 +0,0 @@
-export * from './option.model';

package/core/types/src/option/option.model.d.ts

@@ -1,8 +0,0 @@
-export interface Option {
-    ViewValue: string;
-    Value: number | string;
-}
-export interface DropdownListItem<T> {
-    ViewValue: string;
-    Value: T;
-}

package/core/types/src/theme/theme.provider.d.ts

@@ -1 +0,0 @@
-export declare function provideTkTheme(): import("@angular/core").EnvironmentProviders;

package/core/types/src/theme/tk-preset.d.ts

@@ -1 +0,0 @@
-export declare const TkPreset: any;

package/core/types/src/typography-styles/index.d.ts

@@ -1 +0,0 @@
-export * from './typographyStyles.model';