@tociva/tailng-ui 0.8.0 → 0.11.0

package/types/tociva-tailng-ui-popups-overlays.d.ts

@@ -0,0 +1,408 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+import { OptionTplContext } from '@tociva/tailng-cdk/util';
+
+type TngOverlayPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+type TngConnectedOverlayCloseReason = 'outside-click' | 'inside-click' | 'escape' | 'programmatic' | 'detach';
+declare class TngConnectedOverlay {
+    /**
+     * Control
+     */
+    readonly open: _angular_core.InputSignal<boolean>;
+    /**
+     * Anchor: pass either ElementRef<HTMLElement> or HTMLElement
+     * Example: [anchor]="inputEl" where inputEl is ElementRef<HTMLInputElement>
+     */
+    readonly anchor: _angular_core.InputSignal<HTMLElement | ElementRef<HTMLElement> | null>;
+    /**
+     * Position / size
+     */
+    readonly placement: _angular_core.InputSignal<TngOverlayPlacement>;
+    readonly offset: _angular_core.InputSignal<number>;
+    readonly width: _angular_core.InputSignal<number | "anchor">;
+    /**
+     * Close behavior
+     */
+    readonly closeOnOutsideClick: _angular_core.InputSignal<boolean>;
+    readonly closeOnInsideClick: _angular_core.InputSignal<boolean>;
+    readonly closeOnEscape: _angular_core.InputSignal<boolean>;
+    /**
+     * Backdrop (modal semantics)
+     */
+    readonly hasBackdrop: _angular_core.InputSignal<boolean>;
+    readonly backdropClass: _angular_core.InputSignal<string>;
+    /**
+     * Events
+     */
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<TngConnectedOverlayCloseReason>;
+    readonly backdropClick: _angular_core.OutputEmitterRef<void>;
+    private overlayRoot?;
+    private readonly topPx;
+    private readonly leftPx;
+    private readonly widthPx;
+    private readonly minWidthPx;
+    private didEmitOpened;
+    private raf;
+    /**
+     * Resolve anchor element
+     */
+    readonly anchorEl: _angular_core.Signal<HTMLElement | null>;
+    /**
+     * Overlay style for template
+     */
+    readonly overlayStyle: _angular_core.Signal<Record<string, string | undefined>>;
+    constructor();
+    /**
+     * Public API: parent can call close programmatically (optional)
+     */
+    close(reason?: TngConnectedOverlayCloseReason): void;
+    /**
+     * Recompute overlay position
+     */
+    updatePosition(): void;
+    private getOverlayWidthForPosition;
+    private requestReposition;
+    /**
+     * Backdrop pointerdown (if enabled)
+     */
+    onBackdropPointerDown(ev: PointerEvent): void;
+    /**
+     * Close on escape
+     */
+    onDocKeydown(ev: KeyboardEvent): void;
+    /**
+     * Close on outside click (and optionally inside click)
+     * Use pointerdown so it works for mouse/touch/pen and is earlier than click.
+     */
+    onDocPointerDown(ev: PointerEvent): void;
+    /**
+     * Keep position in sync on viewport changes
+     */
+    onResize(): void;
+    onScroll(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngConnectedOverlay, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngConnectedOverlay, "tng-connected-overlay", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "closeOnInsideClick": { "alias": "closeOnInsideClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "backdropClick": "backdropClick"; }, never, ["*"], true, never>;
+}
+
+type TngOverlayCloseReason = 'selection' | 'escape' | 'outside-click' | 'blur' | 'programmatic';
+declare class TngOverlayRef<R = TngOverlayCloseReason> {
+    /**
+     * Controlled open state (parent owns state).
+     * Use [(open)]="signal()" style with openChange.
+     */
+    readonly open: _angular_core.InputSignal<boolean>;
+    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
+    /** Lifecycle outputs */
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<R>;
+    /** Read-only computed */
+    readonly isOpen: _angular_core.Signal<boolean>;
+    /** Request open (controlled) */
+    requestOpen(): void;
+    /** Request close (controlled) */
+    requestClose(reason: R): void;
+    /** Convenience aliases */
+    openOverlay(): void;
+    close(reason: R): void;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngOverlayRef<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngOverlayRef<any>, "tng-overlay-ref", ["tngOverlayRef"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; "opened": "opened"; "closed": "closed"; }, never, ["*"], true, never>;
+}
+
+declare class TngOverlayPanel {
+    /** Consumer-provided class overrides / extensions */
+    readonly klass: _angular_core.InputSignal<string>;
+    /**
+     * When true, treat panel as modal surface:
+     * - trap focus
+     * - restore focus on destroy
+     * - aria-modal="true"
+     */
+    readonly modal: _angular_core.InputSignal<boolean>;
+    /** a11y */
+    readonly role: _angular_core.InputSignal<"dialog" | "menu" | "listbox" | "region" | "presentation">;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string>;
+    readonly ariaDescribedby: _angular_core.InputSignal<string>;
+    /** Focus trap options (only meaningful when modal=true) */
+    readonly restoreFocus: _angular_core.InputSignal<boolean>;
+    readonly autoCapture: _angular_core.InputSignal<boolean>;
+    readonly deferCaptureElements: _angular_core.InputSignal<boolean>;
+    /** Base themed Tailwind classes */
+    private readonly baseClasses;
+    /** Final merged class string */
+    readonly classes: _angular_core.Signal<string>;
+    /** For ARIA: only true when modal */
+    readonly ariaModal: _angular_core.Signal<"true" | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngOverlayPanel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngOverlayPanel, "tng-overlay-panel", never, { "klass": { "alias": "klass"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "autoCapture": { "alias": "autoCapture"; "required": false; "isSignal": true; }; "deferCaptureElements": { "alias": "deferCaptureElements"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type TngDialogCloseReason = 'confirm' | 'cancel' | 'escape' | 'outside-click' | 'programmatic';
+declare class TngDialog {
+    /** Controlled open state */
+    readonly open: _angular_core.InputSignal<boolean>;
+    /** Close behavior */
+    readonly closeOnBackdropClick: _angular_core.InputSignal<boolean>;
+    readonly closeOnEscape: _angular_core.InputSignal<boolean>;
+    /** a11y */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Focus trap (a11y) */
+    readonly trapFocus: _angular_core.InputSignal<boolean>;
+    readonly restoreFocus: _angular_core.InputSignal<boolean>;
+    readonly autoCapture: _angular_core.InputSignal<boolean>;
+    readonly deferCaptureElements: _angular_core.InputSignal<boolean>;
+    /** When no tabbables exist, focus the panel */
+    readonly autoFocusPanelWhenEmpty: _angular_core.InputSignal<boolean>;
+    /** Klass inputs */
+    readonly backdropKlass: _angular_core.InputSignal<string>;
+    readonly panelKlass: _angular_core.InputSignal<string>;
+    readonly headerWrapKlass: _angular_core.InputSignal<string>;
+    readonly bodyWrapKlass: _angular_core.InputSignal<string>;
+    readonly footerWrapKlass: _angular_core.InputSignal<string>;
+    /** Outputs */
+    readonly closed: _angular_core.OutputEmitterRef<TngDialogCloseReason>;
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    /** Derived */
+    readonly isOpen: _angular_core.Signal<boolean>;
+    /** Panel ref */
+    private readonly panelRef;
+    private readonly injector;
+    private didEmitOpened;
+    constructor();
+    ngDoCheck(): void;
+    requestClose(reason: TngDialogCloseReason): void;
+    onBackdropClick(): void;
+    onPanelKeydown(ev: KeyboardEvent): void;
+    private focusPanelIfNoTabbable;
+    private hasTabbable;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngDialog, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngDialog, "tng-dialog", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "trapFocus": { "alias": "trapFocus"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "autoCapture": { "alias": "autoCapture"; "required": false; "isSignal": true; }; "deferCaptureElements": { "alias": "deferCaptureElements"; "required": false; "isSignal": true; }; "autoFocusPanelWhenEmpty": { "alias": "autoFocusPanelWhenEmpty"; "required": false; "isSignal": true; }; "backdropKlass": { "alias": "backdropKlass"; "required": false; "isSignal": true; }; "panelKlass": { "alias": "panelKlass"; "required": false; "isSignal": true; }; "headerWrapKlass": { "alias": "headerWrapKlass"; "required": false; "isSignal": true; }; "bodyWrapKlass": { "alias": "bodyWrapKlass"; "required": false; "isSignal": true; }; "footerWrapKlass": { "alias": "footerWrapKlass"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "opened": "opened"; }, never, ["[tngDialogHeader]", "*", "[tngDialogFooter]"], true, never>;
+}
+
+declare class TngDialogInitialFocus {
+    readonly cdkFocusInitialAttr = "";
+    readonly cdkFocusInitialCamelAttr = "";
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngDialogInitialFocus, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TngDialogInitialFocus, "[tngDialogInitialFocus]", never, {}, {}, never, never, true, never>;
+}
+
+type TypeaheadMatchMode = 'startsWith' | 'includes';
+type TngOptionListKeyAction = 'move' | 'select' | 'typeahead' | 'none';
+type TngOptionListKeyStroke = {
+    key: string;
+    handled: boolean;
+    prevented: boolean;
+    action: TngOptionListKeyAction;
+    nextActiveIndex?: number;
+    query?: string;
+    originalEvent: KeyboardEvent;
+};
+declare class TngOptionList<T> {
+    listbox?: ElementRef<HTMLElement>;
+    readonly modal: _angular_core.InputSignal<boolean>;
+    /** overlay-panel options (only used when modal=true) */
+    readonly panelKlass: _angular_core.InputSignal<string>;
+    readonly restoreFocus: _angular_core.InputSignal<boolean>;
+    readonly autoCapture: _angular_core.InputSignal<boolean>;
+    readonly deferCaptureElements: _angular_core.InputSignal<boolean>;
+    /** a11y (for listbox container) */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string>;
+    readonly ariaDescribedby: _angular_core.InputSignal<string>;
+    /**
+     * tabindex for listbox container:
+     * - Default: 0 (focusable, good for keyboard + typeahead)
+     * - Set -1 for programmatic focus only
+     * - Set null to omit tabindex attribute
+     */
+    readonly tabindex: _angular_core.InputSignal<number | null>;
+    readonly optionTemplate: _angular_core.InputSignal<TemplateRef<OptionTplContext<T>> | null>;
+    readonly items: _angular_core.InputSignal<T[]>;
+    readonly activeIndex: _angular_core.InputSignal<number>;
+    readonly displayWith: _angular_core.InputSignal<(item: T) => string>;
+    readonly emptyText: _angular_core.InputSignal<string>;
+    readonly containerKlass: _angular_core.InputSignal<string>;
+    readonly optionKlass: _angular_core.InputSignal<string>;
+    readonly optionActiveKlass: _angular_core.InputSignal<string>;
+    readonly optionInactiveKlass: _angular_core.InputSignal<string>;
+    readonly emptyKlass: _angular_core.InputSignal<string>;
+    optionTpl?: TemplateRef<OptionTplContext<T>>;
+    readonly optionMouseDown: _angular_core.OutputEmitterRef<{
+        item: T;
+        index: number;
+    }>;
+    readonly optionHover: _angular_core.OutputEmitterRef<number>;
+    /** Parent-controlled active index */
+    readonly activeIndexChange: _angular_core.OutputEmitterRef<number>;
+    /** Parent decides what selection means */
+    readonly requestSelectActive: _angular_core.OutputEmitterRef<void>;
+    /** Optional: parent can observe typeahead match */
+    readonly requestTypeaheadMatch: _angular_core.OutputEmitterRef<{
+        query: string;
+        index: number;
+    }>;
+    /** Optional: key stroke propagation */
+    readonly propagateKeys: _angular_core.InputSignal<boolean>;
+    readonly keyStroke: _angular_core.OutputEmitterRef<TngOptionListKeyStroke>;
+    readonly keyboard: _angular_core.InputSignal<boolean>;
+    readonly loop: _angular_core.InputSignal<boolean>;
+    readonly selectOnEnter: _angular_core.InputSignal<boolean>;
+    readonly typeahead: _angular_core.InputSignal<boolean>;
+    readonly typeaheadMode: _angular_core.InputSignal<TypeaheadMatchMode>;
+    readonly typeaheadResetMs: _angular_core.InputSignal<number>;
+    readonly pageJumpSize: _angular_core.InputSignal<number>;
+    private readonly typeaheadQuery;
+    private typeaheadTimer;
+    readonly hasItems: _angular_core.Signal<boolean>;
+    constructor();
+    get tpl(): TemplateRef<OptionTplContext<T>> | undefined;
+    display(item: T): string;
+    isActive(i: number): boolean;
+    optionClasses(i: number): string;
+    onMouseDown(item: T, index: number, ev: MouseEvent): void;
+    onMouseEnter(index: number): void;
+    onKeydown(ev: KeyboardEvent): void;
+    private emitKeyStroke;
+    private computeNextIndex;
+    /**
+     * Controlled activeIndex
+     * - Emit activeIndexChange (parent owns state)
+     * - Scrolling is handled by the effect() reacting to activeIndex()
+     */
+    private commitActive;
+    /**
+     * Scroll the active option into view.
+     * Let the browser pick the nearest scrollable ancestor.
+     */
+    private scrollIndexIntoView;
+    private onTypeaheadKey;
+    private findTypeaheadMatch;
+    private isPrintableKey;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngOptionList<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngOptionList<any>, "tng-option-list", never, { "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "panelKlass": { "alias": "panelKlass"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "autoCapture": { "alias": "autoCapture"; "required": false; "isSignal": true; }; "deferCaptureElements": { "alias": "deferCaptureElements"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "containerKlass": { "alias": "containerKlass"; "required": false; "isSignal": true; }; "optionKlass": { "alias": "optionKlass"; "required": false; "isSignal": true; }; "optionActiveKlass": { "alias": "optionActiveKlass"; "required": false; "isSignal": true; }; "optionInactiveKlass": { "alias": "optionInactiveKlass"; "required": false; "isSignal": true; }; "emptyKlass": { "alias": "emptyKlass"; "required": false; "isSignal": true; }; "propagateKeys": { "alias": "propagateKeys"; "required": false; "isSignal": true; }; "keyboard": { "alias": "keyboard"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "selectOnEnter": { "alias": "selectOnEnter"; "required": false; "isSignal": true; }; "typeahead": { "alias": "typeahead"; "required": false; "isSignal": true; }; "typeaheadMode": { "alias": "typeaheadMode"; "required": false; "isSignal": true; }; "typeaheadResetMs": { "alias": "typeaheadResetMs"; "required": false; "isSignal": true; }; "pageJumpSize": { "alias": "pageJumpSize"; "required": false; "isSignal": true; }; }, { "optionMouseDown": "optionMouseDown"; "optionHover": "optionHover"; "activeIndexChange": "activeIndexChange"; "requestSelectActive": "requestSelectActive"; "requestTypeaheadMatch": "requestTypeaheadMatch"; "keyStroke": "keyStroke"; }, ["optionTpl"], never, true, never>;
+}
+
+type TngPopoverPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+type TngPopoverCloseReason = 'outside-click' | 'escape' | 'programmatic';
+declare class TngPopover {
+    contentTpl?: TemplateRef<unknown>;
+    triggerEl: ElementRef<HTMLElement>;
+    readonly open: _angular_core.InputSignal<boolean | null>;
+    readonly placement: _angular_core.InputSignal<TngPopoverPlacement>;
+    readonly offset: _angular_core.InputSignal<number>;
+    readonly width: _angular_core.InputSignal<number | "anchor">;
+    readonly closeOnOutsideClick: _angular_core.InputSignal<boolean>;
+    readonly closeOnEscape: _angular_core.InputSignal<boolean>;
+    readonly rootKlass: _angular_core.InputSignal<string>;
+    readonly triggerKlass: _angular_core.InputSignal<string>;
+    readonly panelKlass: _angular_core.InputSignal<string>;
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<TngPopoverCloseReason>;
+    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly internalOpen;
+    readonly isOpen: _angular_core.Signal<boolean>;
+    constructor();
+    toggle(): void;
+    requestOpen(): void;
+    requestClose(reason: TngPopoverCloseReason): void;
+    onOverlayClosed(reason: any): void;
+    onTriggerClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngPopover, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngPopover, "tng-popover", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "triggerKlass": { "alias": "triggerKlass"; "required": false; "isSignal": true; }; "panelKlass": { "alias": "panelKlass"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "openChange": "openChange"; }, ["contentTpl"], ["[tngPopoverTrigger]", "[tngPopoverContent]"], true, never>;
+}
+
+type TngSnackbarIntent = 'default' | 'success' | 'info' | 'warning' | 'error';
+type TngSnackbarItem = {
+    id: string;
+    message: string;
+    intent?: TngSnackbarIntent;
+    /** Optional action button */
+    actionLabel?: string;
+    /** Auto-dismiss duration (ms). 0/undefined disables auto-dismiss. */
+    durationMs?: number;
+};
+
+type TngSnackbarPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+declare class TngSnackbarHost {
+    /** Controlled items array */
+    readonly items: _angular_core.InputSignal<TngSnackbarItem[]>;
+    /** Placement on screen */
+    readonly position: _angular_core.InputSignal<TngSnackbarPosition>;
+    /** Max stack size (visual). Consumer should also enforce if desired. */
+    readonly max: _angular_core.InputSignal<number>;
+    /** Outputs */
+    readonly dismiss: _angular_core.OutputEmitterRef<{
+        id: string;
+        reason: "timeout" | "dismiss" | "action";
+    }>;
+    readonly hostKlass: _angular_core.InputSignal<string>;
+    readonly itemKlass: _angular_core.InputSignal<string>;
+    readonly itemInnerKlass: _angular_core.InputSignal<string>;
+    readonly messageKlass: _angular_core.InputSignal<string>;
+    readonly actionKlass: _angular_core.InputSignal<string>;
+    readonly dismissBtnKlass: _angular_core.InputSignal<string>;
+    /** Intent -> klass mapping */
+    readonly intentKlass: _angular_core.InputSignal<(intent: TngSnackbarIntent) => string>;
+    readonly hostPositionKlass: _angular_core.Signal<string>;
+    /** Track which ids have active timers */
+    private readonly timers;
+    constructor();
+    itemClasses(item: TngSnackbarItem): string;
+    onDismiss(id: string): void;
+    onAction(id: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngSnackbarHost, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngSnackbarHost, "tng-snackbar-host", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "hostKlass": { "alias": "hostKlass"; "required": false; "isSignal": true; }; "itemKlass": { "alias": "itemKlass"; "required": false; "isSignal": true; }; "itemInnerKlass": { "alias": "itemInnerKlass"; "required": false; "isSignal": true; }; "messageKlass": { "alias": "messageKlass"; "required": false; "isSignal": true; }; "actionKlass": { "alias": "actionKlass"; "required": false; "isSignal": true; }; "dismissBtnKlass": { "alias": "dismissBtnKlass"; "required": false; "isSignal": true; }; "intentKlass": { "alias": "intentKlass"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, never, true, never>;
+}
+
+type TngTooltipPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+type TngTooltipCloseReason = 'escape' | 'blur' | 'programmatic';
+declare class TngTooltip {
+    triggerEl: ElementRef<HTMLElement>;
+    /**
+     * Option B: projected template support
+     * Usage:
+     * <tng-tooltip>
+     *   <ng-template #tooltipContent>...</ng-template>
+     *   <button>...</button>
+     * </tng-tooltip>
+     */
+    projectedTpl?: TemplateRef<unknown>;
+    /** Option A: explicit input template (kept for flexibility) */
+    readonly contentTpl: _angular_core.InputSignal<TemplateRef<unknown> | null>;
+    /** Simple text tooltip */
+    readonly text: _angular_core.InputSignal<string>;
+    /** Behavior */
+    readonly placement: _angular_core.InputSignal<TngTooltipPlacement>;
+    readonly offset: _angular_core.InputSignal<number>;
+    readonly showDelay: _angular_core.InputSignal<number>;
+    readonly hideDelay: _angular_core.InputSignal<number>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Klass */
+    readonly panelKlass: _angular_core.InputSignal<string>;
+    readonly surfaceKlass: _angular_core.InputSignal<string>;
+    /** Events */
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<TngTooltipCloseReason>;
+    readonly open: _angular_core.WritableSignal<boolean>;
+    private showTimer;
+    private hideTimer;
+    /** Resolved template (Option A overrides Option B) */
+    readonly tpl: _angular_core.Signal<TemplateRef<unknown> | null>;
+    readonly hasContent: _angular_core.Signal<boolean>;
+    private clearTimers;
+    private requestOpen;
+    private requestClose;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onFocusIn(): void;
+    onFocusOut(): void;
+    onDocKeydown(ev: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngTooltip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngTooltip, "tng-tooltip", never, { "contentTpl": { "alias": "contentTpl"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "showDelay": { "alias": "showDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "hideDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "panelKlass": { "alias": "panelKlass"; "required": false; "isSignal": true; }; "surfaceKlass": { "alias": "surfaceKlass"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, ["projectedTpl"], ["*"], true, never>;
+}
+
+export { TngConnectedOverlay, TngDialog, TngDialogInitialFocus, TngOptionList, TngOverlayPanel, TngOverlayRef, TngPopover, TngSnackbarHost, TngTooltip };
+export type { TngConnectedOverlayCloseReason, TngDialogCloseReason, TngOptionListKeyAction, TngOptionListKeyStroke, TngOverlayCloseReason, TngOverlayPlacement, TngPopoverCloseReason, TngPopoverPlacement, TngSnackbarIntent, TngSnackbarItem, TngSnackbarPosition, TngTooltipCloseReason, TngTooltipPlacement };
+//# sourceMappingURL=tociva-tailng-ui-popups-overlays.d.ts.map

package/types/tociva-tailng-ui-popups-overlays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tociva-tailng-ui-popups-overlays.d.ts","sources":["../../../../libs/ui/popups-overlays/src/lib/connected-overlay/connected-overlay.component.ts","../../../../libs/ui/popups-overlays/src/lib/overlay-ref/overlay-ref.component.ts","../../../../libs/ui/popups-overlays/src/lib/overlay-panel/overlay-panel.component.ts","../../../../libs/ui/popups-overlays/src/lib/dialog/dialog.component.ts","../../../../libs/ui/popups-overlays/src/lib/dialog/dialog-initial-focus.directive.ts","../../../../libs/ui/popups-overlays/src/lib/option-list/option-list.component.ts","../../../../libs/ui/popups-overlays/src/lib/popover/popover.component.ts","../../../../libs/ui/popups-overlays/src/lib/snackbar/snackbar.types.ts","../../../../libs/ui/popups-overlays/src/lib/snackbar/snackbar-host.component.ts","../../../../libs/ui/popups-overlays/src/lib/tooltip/tooltip.component.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null],"names":[],"mappings":"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"}

package/types/tociva-tailng-ui-utilities.d.ts

@@ -0,0 +1,74 @@
+import * as _angular_core from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+
+type TngCodeLanguage = 'text' | 'bash' | 'json' | 'typescript' | 'ts' | 'html' | 'css';
+type TngHighlightedHtml = string;
+interface TngCodeHighlighter {
+    /**
+     * Must return HTML-safe highlighted output (no <script>, etc).
+     * Code-block will inject this via [innerHTML].
+     */
+    highlight(code: string, language: TngCodeLanguage): TngHighlightedHtml;
+}
+
+declare class TngCodeBlock {
+    private sanitizer;
+    content: _angular_core.InputSignal<string | null>;
+    language: _angular_core.InputSignal<TngCodeLanguage>;
+    showLineNumbers: _angular_core.InputSignal<boolean>;
+    wrap: _angular_core.InputSignal<boolean>;
+    highlighter: _angular_core.InputSignal<TngCodeHighlighter | null>;
+    rootKlass: _angular_core.InputSignal<string>;
+    bodyKlass: _angular_core.InputSignal<string>;
+    gutterKlass: _angular_core.InputSignal<string>;
+    preKlass: _angular_core.InputSignal<string>;
+    codeKlass: _angular_core.InputSignal<string>;
+    private projectedEl;
+    readonly code: _angular_core.Signal<string>;
+    readonly lines: _angular_core.Signal<number>;
+    readonly lineNumbers: _angular_core.Signal<number[]>;
+    /**
+     * IMPORTANT:
+     * - Without highlighter: return escaped string (safe)
+     * - With highlighter: return SafeHtml via bypassSecurityTrustHtml
+     *   because Shiki uses inline styles which Angular sanitization strips.
+     */
+    readonly renderedHtml: _angular_core.Signal<string | SafeHtml>;
+    readonly rootKlassFinal: _angular_core.Signal<string>;
+    readonly bodyKlassFinal: _angular_core.Signal<string>;
+    readonly gutterKlassFinal: _angular_core.Signal<string>;
+    readonly preKlassFinal: _angular_core.Signal<string>;
+    readonly codeKlassFinal: _angular_core.Signal<string>;
+    private join;
+    private escapeHtml;
+    copyklass: _angular_core.InputSignal<string>;
+    copyLabel: _angular_core.InputSignal<string>;
+    text: _angular_core.InputSignal<string>;
+    copied: _angular_core.WritableSignal<boolean>;
+    copyCode(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngCodeBlock, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngCodeBlock, "tng-code-block", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "showLineNumbers": { "alias": "showLineNumbers"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "highlighter": { "alias": "highlighter"; "required": false; "isSignal": true; }; "rootKlass": { "alias": "rootKlass"; "required": false; "isSignal": true; }; "bodyKlass": { "alias": "bodyKlass"; "required": false; "isSignal": true; }; "gutterKlass": { "alias": "gutterKlass"; "required": false; "isSignal": true; }; "preKlass": { "alias": "preKlass"; "required": false; "isSignal": true; }; "codeKlass": { "alias": "codeKlass"; "required": false; "isSignal": true; }; "copyklass": { "alias": "copyklass"; "required": false; "isSignal": true; }; "copyLabel": { "alias": "copyLabel"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type CopyButtonVariant = 'ghost' | 'outline' | 'solid';
+type CopyButtonSize = 'sm' | 'md';
+declare class TngCopyButton {
+    text: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<CopyButtonVariant>;
+    size: _angular_core.InputSignal<CopyButtonSize>;
+    /** how long to show "copied" state */
+    resetAfterMs: _angular_core.InputSignal<number>;
+    copied: _angular_core.WritableSignal<boolean>;
+    private resetTimer;
+    copy(): Promise<void>;
+    private base;
+    private sizes;
+    private variants;
+    klass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngCopyButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngCopyButton, "tng-copy-button", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "resetAfterMs": { "alias": "resetAfterMs"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[tngCopied]"], true, never>;
+}
+
+export { TngCodeBlock, TngCopyButton };
+export type { TngCodeHighlighter, TngCodeLanguage, TngHighlightedHtml };
+//# sourceMappingURL=tociva-tailng-ui-utilities.d.ts.map

package/types/tociva-tailng-ui-utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tociva-tailng-ui-utilities.d.ts","sources":["../../../../libs/ui/utilities/src/lib/code-block/code-highlighter.type.ts","../../../../libs/ui/utilities/src/lib/code-block/code-block.component.ts","../../../../libs/ui/utilities/src/lib/copy-button/copy-button.component.ts"],"sourcesContent":[null,null,null],"names":[],"mappings":";;;;AASM,KAAA,kBAAA;;AAGJ;;;AAGG;;AAEJ;;ACbD,cAAA,YAAA;;AAWE,aAAO,aAAA,CAAA,WAAA;AACP,cAAQ,aAAA,CAAA,WAAA,CAAA,eAAA;AACR,qBAAe,aAAA,CAAA,WAAA;AACf,UAAI,aAAA,CAAA,WAAA;AACJ,iBAAW,aAAA,CAAA,WAAA,CAAA,kBAAA;AAKX,eAAS,aAAA,CAAA,WAAA;AACT,eAAS,aAAA,CAAA,WAAA;AACT,iBAAW,aAAA,CAAA,WAAA;AACX,cAAQ,aAAA,CAAA,WAAA;AACR,eAAS,aAAA,CAAA,WAAA;;mBAII,aAAA,CAAA,MAAA;oBAMC,aAAA,CAAA,MAAA;0BAKM,aAAA,CAAA,MAAA;AAIpB;;;;;AAKG;2BACkB,aAAA,CAAA,MAAA,UAAA,QAAA;6BAcE,aAAA,CAAA,MAAA;6BAOA,aAAA,CAAA,MAAA;+BAEE,aAAA,CAAA,MAAA;4BAOH,aAAA,CAAA,MAAA;6BASC,aAAA,CAAA,MAAA;AAEvB;AAIA;AASF,eAAS,aAAA,CAAA,WAAA;AAIT,eAAS,aAAA,CAAA,WAAA;AAEP,UAAI,aAAA,CAAA,WAAA;AACJ,YAAM,aAAA,CAAA,cAAA;;;;AAOP;;ACvHD,KAAA,iBAAA;AACA,KAAA,cAAA;AAEA,cAAA,aAAA;AAME,UAAI,aAAA,CAAA,WAAA;AAEJ,aAAO,aAAA,CAAA,WAAA,CAAA,iBAAA;AACP,UAAI,aAAA,CAAA,WAAA,CAAA,cAAA;;AAGJ,kBAAY,aAAA,CAAA,WAAA;AAEZ,YAAM,aAAA,CAAA,cAAA;;AAGA,YAAA,OAAA;;;;AA0BN,WAAK,aAAA,CAAA,MAAA;;;AACN;;;;"}