@area8975/ui 0.2.2-dev.48 → 0.2.2-dev.50

package/types/area8975-ui-modal.d.ts

@@ -0,0 +1,45 @@
+import * as i0 from "@angular/core";
+import { ElementRef, TemplateRef } from "@angular/core";
+import { UiOverlayCloseBehaviour } from "@area8975/ui/overlay";
+type ModalSize = 'sm' | 'md' | 'lg';
+export declare class UiModalComponent {
+  readonly isOpen: import("@angular/core").ModelSignal<boolean>;
+  readonly closeBehaviour: import("@angular/core").InputSignal<UiOverlayCloseBehaviour>;
+  readonly title: import("@angular/core").InputSignal<string>;
+  readonly size: import("@angular/core").InputSignal<ModalSize>;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly headerElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  readonly footerElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  readonly panelElement: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiModalComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiModalComponent, "ui-modal", never, {
+    "isOpen": {
+      "alias": "isOpen";
+      "required": true;
+      "isSignal": true;
+    };
+    "closeBehaviour": {
+      "alias": "closeBehaviour";
+      "required": false;
+      "isSignal": true;
+    };
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "isOpen": "isOpenChange";
+  }, ["headerElement", "footerElement"], ["*"], true, never>;
+}

package/types/area8975-ui-money.d.ts

@@ -0,0 +1,77 @@
+import * as i0 from "@angular/core";
+/**
+ * Formats a money value, e.g. -42.1 as "-£42.10".
+ */
+export declare class UiMoneyComponent {
+  private readonly defaults;
+  private readonly privacy;
+  readonly value: import("@angular/core").InputSignal<number | null>;
+  /** Defaults to the currency from `provideUiFormat`. */
+  readonly currency: import("@angular/core").InputSignal<string>;
+  /** Defaults to the locale from `provideUiFormat`. */
+  readonly locale: import("@angular/core").InputSignal<string>;
+  readonly signDisplay: import("@angular/core").InputSignal<"auto" | "always" | "exceptZero" | "never">;
+  /** Green for money in, red for money out. */
+  readonly colourBySign: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Rounds to whole units, e.g. "£2,235" for headline figures where pence are noise. */
+  readonly wholeUnits: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Short form like "£12K", the full amount goes in the title. */
+  readonly compact: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Shown when there's no value. */
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  private readonly amount;
+  protected readonly masked: import("@angular/core").Signal<boolean>;
+  protected readonly mask: import("@angular/core").Signal<string>;
+  protected readonly formatted: import("@angular/core").Signal<string>;
+  protected readonly title: import("@angular/core").Signal<string | null>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  private readonly signClass;
+  private format;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMoneyComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiMoneyComponent, "ui-money", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "currency": {
+      "alias": "currency";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "signDisplay": {
+      "alias": "signDisplay";
+      "required": false;
+      "isSignal": true;
+    };
+    "colourBySign": {
+      "alias": "colourBySign";
+      "required": false;
+      "isSignal": true;
+    };
+    "wholeUnits": {
+      "alias": "wholeUnits";
+      "required": false;
+      "isSignal": true;
+    };
+    "compact": {
+      "alias": "compact";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** Intl signDisplay values, controls when a + or - is shown. */
+export declare const MoneySignDisplays: readonly ["auto", "always", "exceptZero", "never"];
+/** @see {@link MoneySignDisplays} */
+export type MoneySignDisplay = typeof MoneySignDisplays[number];

package/types/area8975-ui-overlay.d.ts

@@ -0,0 +1,75 @@
+import * as i0 from "@angular/core";
+import { ElementRef, WritableSignal } from "@angular/core";
+import { Placement } from "@floating-ui/dom";
+/** Defines if and when a `ui-overlay` should close when the user clicks. */
+export type UiOverlayCloseBehaviour = 'none' | 'whenClickOutside' | 'whenClickAnywhere';
+export type UiOverlayMatchWidth = 'minWidth' | 'maxWidth' | 'both';
+export interface UiOverlayOptions {
+  placement: Placement;
+  offset: number;
+  viewportPadding: number;
+}
+export interface UiOverlayStackEntry {
+  onDocumentClick: (event: MouseEvent) => void;
+  onKeyDown: (event: KeyboardEvent) => void;
+}
+export declare class UiOverlayComponent implements UiOverlayStackEntry {
+  private readonly positioner;
+  private readonly stack;
+  readonly content: import("@angular/core").InputSignal<ElementRef<HTMLInputElement> | undefined>;
+  readonly anchor: import("@angular/core").InputSignal<ElementRef<HTMLElement> | undefined>;
+  readonly closeBehaviour: import("@angular/core").InputSignal<UiOverlayCloseBehaviour>;
+  readonly isOpen: import("@angular/core").InputSignal<WritableSignal<boolean>>;
+  readonly placement: import("@angular/core").InputSignal<Placement>;
+  readonly offset: import("@angular/core").InputSignal<number>;
+  readonly viewportPadding: import("@angular/core").InputSignal<number>;
+  /** Forces this element to match the width of its anchor element. */
+  readonly matchWidth: import("@angular/core").InputSignal<UiOverlayMatchWidth | null>;
+  constructor();
+  private readonly close;
+  readonly onDocumentClick: (event: MouseEvent) => void;
+  readonly onKeyDown: (event: KeyboardEvent) => void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiOverlayComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiOverlayComponent, "ui-overlay", ["uiOverlay"], {
+    "content": {
+      "alias": "content";
+      "required": false;
+      "isSignal": true;
+    };
+    "anchor": {
+      "alias": "anchor";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeBehaviour": {
+      "alias": "closeBehaviour";
+      "required": false;
+      "isSignal": true;
+    };
+    "isOpen": {
+      "alias": "isOpen";
+      "required": true;
+      "isSignal": true;
+    };
+    "placement": {
+      "alias": "placement";
+      "required": false;
+      "isSignal": true;
+    };
+    "offset": {
+      "alias": "offset";
+      "required": false;
+      "isSignal": true;
+    };
+    "viewportPadding": {
+      "alias": "viewportPadding";
+      "required": false;
+      "isSignal": true;
+    };
+    "matchWidth": {
+      "alias": "matchWidth";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}

package/types/area8975-ui-pagination.d.ts

@@ -0,0 +1,27 @@
+import * as i0 from "@angular/core";
+/** A page index, or a gap between page numbers. */
+export type PaginationItem = number | 'ellipsis';
+export declare class UiPaginationComponent {
+  readonly page: import("@angular/core").ModelSignal<number>;
+  readonly totalPages: import("@angular/core").InputSignal<number>;
+  readonly isFirstPage: import("@angular/core").Signal<boolean>;
+  readonly isLastPage: import("@angular/core").Signal<boolean>;
+  readonly items: import("@angular/core").Signal<PaginationItem[]>;
+  pageLabel(page: number): string;
+  goToPage(page: number): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiPaginationComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiPaginationComponent, "ui-pagination", never, {
+    "page": {
+      "alias": "page";
+      "required": false;
+      "isSignal": true;
+    };
+    "totalPages": {
+      "alias": "totalPages";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {
+    "page": "pageChange";
+  }, never, never, true, never>;
+}

package/types/area8975-ui-private.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+/**
+ * Text that privacy mode masks, e.g. a transaction's description.
+ */
+export declare class UiPrivateComponent {
+  private readonly privacy;
+  readonly text: import("@angular/core").InputSignal<string | null | undefined>;
+  protected readonly mask = "- - -";
+  protected readonly label = "text hidden";
+  protected readonly masked: import("@angular/core").Signal<boolean>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiPrivateComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiPrivateComponent, "ui-private", never, {
+    "text": {
+      "alias": "text";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/area8975-ui-progress.d.ts

@@ -0,0 +1,127 @@
+import * as i0 from "@angular/core";
+/** Same names as badges, so a status reads the same wherever it shows. */
+export declare const ProgressIntents: readonly ["primary", "secondary", "success", "warning", "danger"];
+/** @see {@link ProgressIntents} */
+export type ProgressIntent = typeof ProgressIntents[number];
+/** Track thickness, md matches Preline's default and xl fits a label inside. */
+export declare const ProgressSizes: readonly ["sm", "md", "lg", "xl"];
+/** @see {@link ProgressSizes} */
+export type ProgressSize = typeof ProgressSizes[number];
+/** Where the value label goes, if anywhere. */
+export declare const ProgressLabelPositions: readonly ["none", "inside", "end", "top", "floating"];
+/** @see {@link ProgressLabelPositions} */
+export type ProgressLabelPosition = typeof ProgressLabelPositions[number];
+/** rounded: both ends round, square: no rounding, straight: square track with a round fill. */
+export declare const ProgressShapes: readonly ["rounded", "square", "straight"];
+/** @see {@link ProgressShapes} */
+export type ProgressShape = typeof ProgressShapes[number];
+export declare const ProgressOrientations: readonly ["horizontal", "vertical"];
+/** @see {@link ProgressOrientations} */
+export type ProgressOrientation = typeof ProgressOrientations[number];
+/** One part of a stacked bar, e.g. spending in one category. */
+export interface ProgressSegment {
+  value: number;
+  intent?: ProgressIntent;
+  label?: string;
+}
+interface SegmentView {
+  percent: number;
+  intent: ProgressIntent;
+  label: string;
+}
+/**
+ * A progress bar. Leave `value` null for work of unknown length, a value over
+ * `max` fills the bar but the label still shows the real amount.
+ */
+export declare class UiProgressComponent {
+  readonly value: import("@angular/core").InputSignal<number | null>;
+  readonly max: import("@angular/core").InputSignal<number>;
+  readonly intent: import("@angular/core").InputSignal<"primary" | "secondary" | "success" | "warning" | "danger">;
+  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | "xl">;
+  readonly shape: import("@angular/core").InputSignal<"rounded" | "square" | "straight">;
+  readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+  readonly title: import("@angular/core").InputSignal<string>;
+  readonly labelPosition: import("@angular/core").InputSignal<"none" | "inside" | "end" | "top" | "floating">;
+  readonly labelWith: import("@angular/core").InputSignal<(value: number, max: number) => string>;
+  /** Splits the bar into this many blocks. */
+  readonly steps: import("@angular/core").InputSignal<number | null>;
+  /** Several fills stacked in one track, each with its own colour. */
+  readonly segments: import("@angular/core").InputSignal<ProgressSegment[] | null>;
+  /** Needed when there's no visible title. */
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  protected readonly isIndeterminate: import("@angular/core").Signal<boolean>;
+  protected readonly total: import("@angular/core").Signal<number>;
+  /** 0 to 100, what the bar actually draws. */
+  protected readonly fillPercent: import("@angular/core").Signal<number>;
+  protected readonly label: import("@angular/core").Signal<string>;
+  protected readonly segmentViews: import("@angular/core").Signal<SegmentView[]>;
+  protected readonly stepStates: import("@angular/core").Signal<boolean[]>;
+  protected readonly floatingOffset: import("@angular/core").Signal<string>;
+  protected readonly isVertical: import("@angular/core").Signal<boolean>;
+  protected readonly rootClasses: import("@angular/core").Signal<string>;
+  protected fillClasses(intent: ProgressIntent): string;
+  private clampPercent;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiProgressComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiProgressComponent, "ui-progress", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "intent": {
+      "alias": "intent";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "shape": {
+      "alias": "shape";
+      "required": false;
+      "isSignal": true;
+    };
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
+    "labelPosition": {
+      "alias": "labelPosition";
+      "required": false;
+      "isSignal": true;
+    };
+    "labelWith": {
+      "alias": "labelWith";
+      "required": false;
+      "isSignal": true;
+    };
+    "steps": {
+      "alias": "steps";
+      "required": false;
+      "isSignal": true;
+    };
+    "segments": {
+      "alias": "segments";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/area8975-ui-radio.d.ts

@@ -0,0 +1,61 @@
+import { InputValidation } from "@area8975/ui/input";
+import * as i0 from "@angular/core";
+export declare class UiRadioComponent<ValueType = unknown> {
+  readonly value: import("@angular/core").ModelSignal<ValueType>;
+  readonly option: import("@angular/core").InputSignal<ValueType>;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** true/false shows valid/invalid styling. null means not validated yet. */
+  readonly validationState: import("@angular/core").ModelSignal<InputValidation>;
+  readonly compareWith: import("@angular/core").InputSignal<(a: ValueType, b: ValueType) => boolean>;
+  readonly checked: import("@angular/core").Signal<boolean>;
+  select(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiRadioComponent<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiRadioComponent<any>, "ui-radio", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "option": {
+      "alias": "option";
+      "required": true;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "validationState": {
+      "alias": "validationState";
+      "required": false;
+      "isSignal": true;
+    };
+    "compareWith": {
+      "alias": "compareWith";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "validationState": "validationStateChange";
+  }, never, never, true, never>;
+}

package/types/area8975-ui-rich-text-editor.d.ts

@@ -0,0 +1,165 @@
+import { ChainedCommands, Editor } from "@tiptap/core";
+import * as i0 from "@angular/core";
+/**
+ * Every tool the editor's toolbar can show. Leaving a formatting tool out of
+ * `tools` also turns that formatting off - its shortcut stops working and
+ * pasted content loses it - so the value only ever holds what the toolbar offers.
+ * `undo` and `redo` only control the buttons; history and its shortcuts are always on.
+ */
+export declare const RichTextTools: readonly ["bold", "italic", "underline", "strike", "code", "heading1", "heading2", "heading3", "bulletList", "orderedList", "blockquote", "codeBlock", "horizontalRule", "link", "undo", "redo"];
+/** @see {@link RichTextTools} */
+export type RichTextTool = typeof RichTextTools[number];
+/** The toolbar's groups, in order, with a divider drawn between each. */
+export declare const RichTextToolGroups: readonly (readonly RichTextTool[])[];
+/** true is valid, false is invalid, null is not yet validated. */
+export type RichTextEditorValidation = boolean | null;
+interface ToolDefinition {
+  label: string;
+  icon: string;
+  /** Whether the tool is "on" at the cursor. Tools without it aren't toggles. */
+  active?: (editor: Editor) => boolean;
+  run: (chain: ChainedCommands) => ChainedCommands;
+}
+/**
+ * A WYSIWYG editor whose value is an HTML string, with a toolbar of formatting tools.
+ */
+export declare class UiRichTextEditorComponent {
+  /** The content as HTML. An empty editor is `''`. */
+  readonly value: import("@angular/core").ModelSignal<string>;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  /** Which toolbar tools to show, and so which formatting is allowed. @see {@link RichTextTools} */
+  readonly tools: import("@angular/core").InputSignal<readonly ("bold" | "italic" | "underline" | "strike" | "code" | "heading1" | "heading2" | "heading3" | "bulletList" | "orderedList" | "blockquote" | "codeBlock" | "horizontalRule" | "link" | "undo" | "redo")[]>;
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** true/false shows valid/invalid styling. null means not validated yet. */
+  readonly validationState: import("@angular/core").ModelSignal<RichTextEditorValidation>;
+  readonly spellcheck: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly describedBy: import("@angular/core").InputSignal<string>;
+  /**
+   * Ids of the elements that name the editor. Defaults to the label of the
+   * `ui-field` it sits in, when that field's `for` is this editor's `id` -
+   * a `<label for>` can't name a contenteditable on its own.
+   */
+  readonly labelledBy: import("@angular/core").InputSignal<string>;
+  readonly focused: import("@angular/core").OutputEmitterRef<FocusEvent>;
+  readonly blurred: import("@angular/core").OutputEmitterRef<FocusEvent>;
+  private readonly injector;
+  private readonly field;
+  private readonly host;
+  private readonly content;
+  private readonly editor;
+  /** Bumped on every editor transaction, so toolbar state re-reads the editor. */
+  private readonly revision;
+  /** The HTML the editor last held, to tell our own updates from outside ones. */
+  private lastHtml;
+  protected readonly contentId: string;
+  protected readonly linkInputId: string;
+  protected readonly linkOpen: import("@angular/core").WritableSignal<boolean>;
+  protected readonly linkHref: import("@angular/core").WritableSignal<string>;
+  /** Index of the toolbar button that takes the toolbar's single tab stop. */
+  protected readonly focusIndex: import("@angular/core").WritableSignal<number>;
+  private readonly resolvedLabelledBy;
+  protected readonly editable: import("@angular/core").Signal<boolean>;
+  protected readonly toolGroups: import("@angular/core").Signal<("bold" | "italic" | "underline" | "strike" | "code" | "heading1" | "heading2" | "heading3" | "bulletList" | "orderedList" | "blockquote" | "codeBlock" | "horizontalRule" | "link" | "undo" | "redo")[][]>;
+  protected readonly flatTools: import("@angular/core").Signal<("bold" | "italic" | "underline" | "strike" | "code" | "heading1" | "heading2" | "heading3" | "bulletList" | "orderedList" | "blockquote" | "codeBlock" | "horizontalRule" | "link" | "undo" | "redo")[]>;
+  protected readonly showToolbar: import("@angular/core").Signal<boolean>;
+  /** Per tool: whether it's on at the cursor, and whether it can run right now. */
+  protected readonly toolState: import("@angular/core").Signal<Record<"bold" | "italic" | "underline" | "strike" | "code" | "heading1" | "heading2" | "heading3" | "bulletList" | "orderedList" | "blockquote" | "codeBlock" | "horizontalRule" | "link" | "undo" | "redo", {
+    active: boolean;
+    enabled: boolean;
+  }>>;
+  protected readonly generatedClasses: import("@angular/core").Signal<string>;
+  /** Attributes for the contenteditable element, which Tiptap renders. */
+  private readonly contentAttributes;
+  /** Each tool left out of `tools` switches its extension off. */
+  private readonly extensions;
+  constructor();
+  protected toolDefinition(tool: RichTextTool): ToolDefinition;
+  protected readonly runTool: (tool: RichTextTool) => void;
+  /** Arrow keys move between toolbar buttons, so the toolbar is one tab stop. */
+  protected readonly onToolbarKeydown: (event: KeyboardEvent) => void;
+  protected readonly openLink: () => void;
+  protected readonly applyLink: () => void;
+  protected readonly removeLink: () => void;
+  protected readonly closeLink: () => void;
+  protected readonly onLinkKeydown: (event: KeyboardEvent) => void;
+  private createEditor;
+  private htmlOf;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiRichTextEditorComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiRichTextEditorComponent, "ui-rich-text-editor", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
+    "tools": {
+      "alias": "tools";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "readonly": {
+      "alias": "readonly";
+      "required": false;
+      "isSignal": true;
+    };
+    "validationState": {
+      "alias": "validationState";
+      "required": false;
+      "isSignal": true;
+    };
+    "spellcheck": {
+      "alias": "spellcheck";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "describedBy": {
+      "alias": "describedBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "labelledBy": {
+      "alias": "labelledBy";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "validationState": "validationStateChange";
+    "focused": "focused";
+    "blurred": "blurred";
+  }, never, never, true, never>;
+}

package/types/area8975-ui-search.d.ts

@@ -0,0 +1,56 @@
+import * as i0 from "@angular/core";
+export declare class UiSearchComponent {
+  private readonly host;
+  private readonly registry;
+  readonly value: import("@angular/core").ModelSignal<string>;
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** How long typing has to pause before `searched` fires, in milliseconds. */
+  readonly debounce: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** The `tableId` of a ui-table to search, it can render before or after this. */
+  readonly table: import("@angular/core").InputSignal<string | null>;
+  /** The value once typing pauses, for running a search. Clearing fires straight away. */
+  readonly searched: import("@angular/core").OutputEmitterRef<string>;
+  private readonly linked;
+  private timer;
+  constructor();
+  protected onInput(value: string): void;
+  protected clear(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSearchComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiSearchComponent, "ui-search", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "debounce": {
+      "alias": "debounce";
+      "required": false;
+      "isSignal": true;
+    };
+    "table": {
+      "alias": "table";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "searched": "searched";
+  }, never, never, true, never>;
+}