@vadem/ui 0.0.0-stage → 0.0.1

package/types/vadem-ui-avatar.d.ts

@@ -0,0 +1,59 @@
+import * as i0 from "@angular/core";
+type VdAvatarSize = 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * A person or team picture with an initials fallback (no image, or it failed to load).
+ * Spec: specs/avatar.md
+ */
+export declare class VdAvatar {
+  /** Who it is: the accessible name and the source of the initials. */
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly src: import("@angular/core").InputSignal<string | undefined>;
+  readonly size: import("@angular/core").InputSignal<VdAvatarSize>;
+  /** Overrides the computed initials (e.g. "+3" in a group). */
+  readonly initials: import("@angular/core").InputSignal<string | undefined>;
+  /** Hide from assistive tech when the name is already shown next to the avatar. */
+  readonly decorative: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly text: import("@angular/core").Signal<string>;
+  /** Reset whenever the source changes. */
+  protected readonly failed: import("@angular/core").WritableSignal<boolean>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<VdAvatar, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<VdAvatar, "vd-avatar", never, {
+    "name": {
+      "alias": "name";
+      "required": true;
+      "isSignal": true;
+    };
+    "src": {
+      "alias": "src";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "initials": {
+      "alias": "initials";
+      "required": false;
+      "isSignal": true;
+    };
+    "decorative": {
+      "alias": "decorative";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** Overlapping stack of avatars. */
+export declare class VdAvatarGroup {
+  static ɵfac: i0.ɵɵFactoryDeclaration<VdAvatarGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<VdAvatarGroup, "[vdAvatarGroup]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Initials for an avatar fallback: the first letter of the first and last word
+ * ("Олена Коваленко" -> "ОК", "Prince" -> "P"). Grapheme-safe for surrogate pairs and
+ * locale-aware uppercasing; words without letters or digits (dashes, emoji) are skipped.
+ */
+export declare function vdInitials(name: string, locale?: string): string;
+export type { VdAvatarSize };

package/types/vadem-ui-badge.d.ts

@@ -0,0 +1,25 @@
+import * as i0 from "@angular/core";
+type VdBadgeVariant = 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | 'info';
+/**
+ * Small status or metadata label in the mono eyebrow style. Not interactive.
+ * Spec: specs/badge.md
+ */
+export declare class VdBadge {
+  readonly variant: import("@angular/core").InputSignal<VdBadgeVariant>;
+  /** Leading status dot in the variant's solid color. */
+  readonly dot: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<VdBadge, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<VdBadge, "[vdBadge]", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "dot": {
+      "alias": "dot";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export type { VdBadgeVariant };

package/types/vadem-ui-breadcrumbs.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+/**
+ * Breadcrumb trail on a `<nav>` holding an `<ol>` of links; the last item is the current page
+ * (`aria-current="page"`, not a link). Separators are drawn in CSS and mirror in RTL.
+ * Spec: specs/breadcrumbs.md
+ */
+export declare class VdBreadcrumbs {
+  /** Landmark name. */
+  readonly label: import("@angular/core").InputSignal<string | undefined>;
+  /** Text inputs resolved against the active VD_LOCALE. */
+  protected readonly t: import("@angular/core").Signal<Pick<{
+    label: string;
+  }, "label">>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<VdBreadcrumbs, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<VdBreadcrumbs, "nav[vdBreadcrumbs]", never, {
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/vadem-ui-button.d.ts

@@ -0,0 +1,52 @@
+import * as i0 from "@angular/core";
+type VdButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
+type VdButtonSize = 'sm' | 'md' | 'lg';
+/**
+ * Styles a native `<button>` or `<a>` and adds loading and consistent disabled behavior.
+ * Spec: specs/button.md
+ */
+export declare class VdButton {
+  readonly variant: import("@angular/core").InputSignal<VdButtonVariant>;
+  readonly size: import("@angular/core").InputSignal<VdButtonSize>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly iconOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly type: import("@angular/core").InputSignal<"button" | "submit" | "reset">;
+  private readonly el;
+  protected readonly isButton: boolean;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<VdButton, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<VdButton, "button[vdButton], a[vdButton]", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "iconOnly": {
+      "alias": "iconOnly";
+      "required": false;
+      "isSignal": true;
+    };
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[slot=start]", "*", "[slot=end]"], true, never>;
+}
+export type { VdButtonSize, VdButtonVariant };

package/types/vadem-ui-calendar.d.ts

@@ -0,0 +1,327 @@
+import * as i0 from "@angular/core";
+import { OnInit, Signal } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
+/**
+ * Plain calendar dates as ISO strings ("2026-10-02"): no time, no time zone, so a date never
+ * shifts by a day between server, client and DST changes. All math goes through UTC.
+ */
+type VdIsoDate = string;
+/** Parses "YYYY-MM-DD"; null when malformed or not a real date (e.g. 2026-02-30). */
+export declare function vdParseIso(value: string | null | undefined): Date | null;
+export declare function vdToIso(date: Date): VdIsoDate;
+/** Today in the user's local calendar (not UTC). */
+export declare function vdToday(now?: Date): VdIsoDate;
+export declare function vdAddDays(iso: VdIsoDate, days: number): VdIsoDate;
+/** Adds months, clamping the day (Jan 31 + 1 month = Feb 28/29). */
+export declare function vdAddMonths(iso: VdIsoDate, months: number): VdIsoDate;
+/** 0 = Sunday ... 6 = Saturday. */
+declare function vdWeekday(iso: VdIsoDate): number;
+declare function vdStartOfMonth(iso: VdIsoDate): VdIsoDate;
+/** Earlier/later than, as strings compare lexicographically for ISO dates. */
+export declare function vdClampDate(iso: VdIsoDate, min?: VdIsoDate | null, max?: VdIsoDate | null): VdIsoDate;
+interface VdCalendarDay {
+  date: VdIsoDate;
+  day: number;
+  inMonth: boolean;
+}
+/**
+ * Weeks of the month that contains `month` (any date in it), starting on `firstDay`
+ * (0 = Sunday, 1 = Monday...). Always 6 weeks, so the grid height never jumps between months.
+ */
+export declare function vdMonthGrid(month: VdIsoDate, firstDay: number): VdCalendarDay[][];
+/** First day of the week for a locale (0 = Sunday), from Intl when available. */
+export declare function vdFirstDayOfWeek(locale: string): number;
+/** Narrow/short weekday names in grid order. */
+export declare function vdWeekdayNames(locale: string, firstDay: number, width?: 'narrow' | 'short' | 'long'): string[];
+export declare function vdFormatDate(iso: VdIsoDate, locale: string, options: Intl.DateTimeFormatOptions): string;
+/**
+ * Order of the numeric parts in the locale's short date ("dd.mm.yyyy" for uk, "mm/dd/yyyy" for
+ * en-US), used to parse typed dates and to show a placeholder.
+ */
+export declare function vdDateOrder(locale: string): ('day' | 'month' | 'year')[];
+/**
+ * Parses a typed date: ISO ("2026-10-02") or three numbers in the locale's order with any
+ * separators ("2.10.2026", "02/10/26"). Two-digit years map to 2000-2099. Null when invalid.
+ */
+export declare function vdParseDate(text: string, locale: string): VdIsoDate | null;
+/** Numeric short format used in the text field ("02.10.2026" for uk). */
+export declare function vdFormatShort(iso: VdIsoDate, locale: string): string;
+/**
+ * APG date-grid keys. Returns the date focus should move to, or null for keys the grid ignores.
+ * Arrows move by day/week (mirrored when `rtl`), Home/End to the week start/end, PageUp/Down
+ * by month, Shift+PageUp/Down by year.
+ */
+export declare function vdCalendarKey(key: string, current: VdIsoDate, options: {
+  firstDay: number;
+  rtl?: boolean;
+  shift?: boolean;
+}): VdIsoDate | null;
+/**
+ * Month grid for picking one date (APG date picker grid). Arrows, Home/End, PageUp/PageDown
+ * (Shift: by year), Enter/Space to choose. Value is an ISO date string. Spec: specs/calendar.md
+ */
+export declare class VdCalendar {
+  /** Selected date, "YYYY-MM-DD" (two-way). */
+  readonly value: import("@angular/core").ModelSignal<string | null>;
+  readonly selectionMode: import("@angular/core").InputSignal<"single" | "range">;
+  readonly rangeStart: import("@angular/core").InputSignal<string | null>;
+  readonly rangeEnd: import("@angular/core").InputSignal<string | null>;
+  /** Every explicit available date activation, including repeated same-day choices. */
+  readonly dateSelected: import("@angular/core").OutputEmitterRef<string>;
+  readonly min: import("@angular/core").InputSignal<string | null>;
+  readonly max: import("@angular/core").InputSignal<string | null>;
+  /** Extra rule for unavailable dates (weekends, booked days...). */
+  readonly dateDisabled: import("@angular/core").InputSignal<(date: VdIsoDate) => boolean>;
+  /** BCP 47 locale for names, week start and labels. Defaults to the app's LOCALE_ID. */
+  readonly locale: import("@angular/core").InputSignal<string>;
+  /** 0 = Sunday ... 6 = Saturday. Defaults to the locale's week start. */
+  readonly firstDayOfWeek: import("@angular/core").InputSignal<number | undefined>;
+  readonly previousLabel: import("@angular/core").InputSignal<string | undefined>;
+  readonly nextLabel: import("@angular/core").InputSignal<string | undefined>;
+  /** Text inputs resolved against the active VD_LOCALE. */
+  protected readonly t: import("@angular/core").Signal<Pick<{
+    previousLabel: string;
+    nextLabel: string;
+  }, "previousLabel" | "nextLabel">>;
+  protected readonly today: string;
+  protected readonly titleId: string;
+  private readonly el;
+  private readonly initialDate;
+  /** The date that has (or would get) keyboard focus. */
+  readonly focused: import("@angular/core").WritableSignal<string>;
+  private readonly displayed;
+  /** Set when the keyboard moved focus, so the grid moves DOM focus after rendering. */
+  private readonly focusRequested;
+  protected readonly firstDay: import("@angular/core").Signal<number>;
+  protected readonly grid: import("@angular/core").Signal<VdCalendarDay[][]>;
+  /** Short names, or narrow ones where "short" is a whole word (e.g. Arabic). */
+  protected readonly weekdays: import("@angular/core").Signal<string[]>;
+  private readonly numbers;
+  protected readonly weekdaysLong: import("@angular/core").Signal<string[]>;
+  protected readonly title: import("@angular/core").Signal<string>;
+  protected readonly canGoBack: import("@angular/core").Signal<boolean>;
+  protected readonly canGoForward: import("@angular/core").Signal<boolean>;
+  constructor();
+  /** Moves DOM focus to the focused date (e.g. when a date picker opens). */
+  focus(): void;
+  isSelected(date: VdIsoDate): boolean;
+  isDisabled(date: VdIsoDate): boolean;
+  /** The date itself if available, else the closest available one (forward first, within a year). */
+  private nearestAvailable;
+  protected dayLabel(day: VdCalendarDay): string;
+  protected onDayFocus(date: VdIsoDate, event: FocusEvent): void;
+  protected choose(date: VdIsoDate): void;
+  protected shiftMonth(months: number): void;
+  protected onKey(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<VdCalendar, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<VdCalendar, "vd-calendar", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectionMode": {
+      "alias": "selectionMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "rangeStart": {
+      "alias": "rangeStart";
+      "required": false;
+      "isSignal": true;
+    };
+    "rangeEnd": {
+      "alias": "rangeEnd";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "dateDisabled": {
+      "alias": "dateDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "firstDayOfWeek": {
+      "alias": "firstDayOfWeek";
+      "required": false;
+      "isSignal": true;
+    };
+    "previousLabel": {
+      "alias": "previousLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "nextLabel": {
+      "alias": "nextLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "dateSelected": "dateSelected";
+  }, never, never, true, never>;
+}
+/**
+ * Date field: type a date in the locale's numeric format or pick it from a calendar popover
+ * (APG date picker dialog). Value is an ISO date string; works with forms and `vd-field`.
+ * Spec: specs/calendar.md
+ */
+export declare class VdDatePicker implements ControlValueAccessor, OnInit {
+  readonly value: import("@angular/core").ModelSignal<string | null>;
+  readonly min: import("@angular/core").InputSignal<string | null>;
+  readonly max: import("@angular/core").InputSignal<string | null>;
+  readonly dateDisabled: import("@angular/core").InputSignal<(date: VdIsoDate) => boolean>;
+  readonly locale: import("@angular/core").InputSignal<string>;
+  readonly firstDayOfWeek: import("@angular/core").InputSignal<number | undefined>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Defaults to an example date in the locale's format ("31.12.2026"). */
+  readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
+  /** Name of the text field when there is no `vd-field` label. */
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  readonly openLabel: import("@angular/core").InputSignal<string | undefined>;
+  readonly dialogLabel: import("@angular/core").InputSignal<string | undefined>;
+  readonly previousLabel: import("@angular/core").InputSignal<string | undefined>;
+  readonly nextLabel: import("@angular/core").InputSignal<string | undefined>;
+  /** Text inputs resolved against the active VD_LOCALE. */
+  protected readonly t: Signal<Pick<{
+    openLabel: string;
+    dialogLabel: string;
+    previousLabel: string;
+    nextLabel: string;
+  }, "previousLabel" | "nextLabel" | "openLabel" | "dialogLabel">>;
+  protected readonly open: import("@angular/core").WritableSignal<boolean>;
+  /** What the user typed; follows the value until they type. */
+  protected readonly text: import("@angular/core").WritableSignal<string>;
+  /** Typed text that isn't a valid, available date. */
+  private readonly parseError;
+  private readonly formDisabled;
+  private readonly ngSource;
+  private readonly ngState;
+  protected readonly isDisabled: Signal<boolean>;
+  protected readonly isRequired: Signal<boolean>;
+  protected readonly showInvalid: Signal<boolean>;
+  /** Gate for the inner input: never hide our own invalid state. */
+  protected readonly touchedState: Signal<true | undefined>;
+  protected readonly placeholderText: Signal<string>;
+  private readonly panel;
+  private readonly group;
+  private readonly field;
+  private readonly calendar;
+  private readonly injector;
+  private readonly destroyRef;
+  private readonly anchorName;
+  private openAtPress;
+  private onChange;
+  private onTouched;
+  constructor();
+  ngOnInit(): void;
+  protected rememberState(): void;
+  protected toggle(): void;
+  protected pick(date: VdIsoDate | null): void;
+  protected onType(event: Event): void;
+  protected onBlur(): void;
+  /** Turns the typed text into the value (or flags it). */
+  protected commit(): void;
+  private setValue;
+  writeValue(value: VdIsoDate | null): void;
+  registerOnChange(fn: (value: VdIsoDate | null) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(disabled: boolean): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<VdDatePicker, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<VdDatePicker, "vd-date-picker", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "dateDisabled": {
+      "alias": "dateDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "firstDayOfWeek": {
+      "alias": "firstDayOfWeek";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "invalid": {
+      "alias": "invalid";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "aria-label";
+      "required": false;
+      "isSignal": true;
+    };
+    "openLabel": {
+      "alias": "openLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "dialogLabel": {
+      "alias": "dialogLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "previousLabel": {
+      "alias": "previousLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "nextLabel": {
+      "alias": "nextLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, never>;
+}
+export type { VdCalendarDay, VdIsoDate };

package/types/vadem-ui-card.d.ts

@@ -0,0 +1,58 @@
+import * as i0 from "@angular/core";
+type VdCardVariant = 'default' | 'raised';
+/**
+ * Surface container. Interactive cards (links, buttons, or `interactive`) get the
+ * cursor-following glow. Spec: specs/card.md
+ */
+export declare class VdCard {
+  readonly variant: import("@angular/core").InputSignal<VdCardVariant>;
+  /**
+   * Hover/glow treatment for cards that act as one target. Automatic on `<a>`/`<button>`;
+   * set it on a container whose primary link uses `vdCardLink`.
+   */
+  readonly interactive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  private readonly el;
+  private readonly nativeInteractive;
+  protected readonly isInteractive: import("@angular/core").Signal<boolean>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<VdCard, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<VdCard, "[vdCard]", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "interactive": {
+      "alias": "interactive";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** Card header: title, description, and optional actions at the end. */
+export declare class VdCardHeader {
+  static ɵfac: i0.ɵɵFactoryDeclaration<VdCardHeader, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<VdCardHeader, "[vdCardHeader]", never, {}, {}, never, never, true, never>;
+}
+export declare class VdCardTitle {
+  static ɵfac: i0.ɵɵFactoryDeclaration<VdCardTitle, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<VdCardTitle, "[vdCardTitle]", never, {}, {}, never, never, true, never>;
+}
+export declare class VdCardDescription {
+  static ɵfac: i0.ɵɵFactoryDeclaration<VdCardDescription, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<VdCardDescription, "[vdCardDescription]", never, {}, {}, never, never, true, never>;
+}
+export declare class VdCardFooter {
+  static ɵfac: i0.ɵɵFactoryDeclaration<VdCardFooter, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<VdCardFooter, "[vdCardFooter]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * The card's primary link. Its hit area stretches over the whole card (pseudo-element), so the
+ * card is clickable while keeping one tab stop and a short accessible name.
+ */
+export declare class VdCardLink {
+  static ɵfac: i0.ɵɵFactoryDeclaration<VdCardLink, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<VdCardLink, "a[vdCardLink]", never, {}, {}, never, never, true, never>;
+}
+export declare const VD_CARD: readonly [typeof VdCard, typeof VdCardHeader, typeof VdCardTitle, typeof VdCardDescription, typeof VdCardFooter, typeof VdCardLink];
+export type { VdCardVariant };

package/types/vadem-ui-character-count.d.ts

@@ -0,0 +1,71 @@
+import * as i0 from "@angular/core";
+/** Advisory text length; validation, native value binding and IME remain application-owned. */
+export declare class VdCharacterCount {
+  readonly value: import("@angular/core").InputSignal<string>;
+  readonly maxLength: import("@angular/core").InputSignal<number | null>;
+  readonly descriptionId: import("@angular/core").InputSignal<string>;
+  readonly controlId: import("@angular/core").InputSignal<string | undefined>;
+  readonly countText: import("@angular/core").InputSignal<((used: number, limit: number | null) => string) | undefined>;
+  readonly remainingText: import("@angular/core").InputSignal<((remaining: number) => string) | undefined>;
+  readonly overText: import("@angular/core").InputSignal<((excess: number) => string) | undefined>;
+  readonly limitText: import("@angular/core").InputSignal<string | undefined>;
+  protected readonly t: import("@angular/core").Signal<Pick<{
+    countText: (used: number, limit: number | null) => string;
+    remainingText: (remaining: number) => string;
+    overText: (excess: number) => string;
+    limitText: string;
+  }, "countText" | "remainingText" | "overText" | "limitText">>;
+  protected readonly count: import("@angular/core").Signal<{
+    readonly used: number;
+    readonly limit: number | null;
+    readonly remaining: number | null;
+    readonly state: "unlimited" | "over" | "limit" | "within";
+  }>;
+  protected readonly message: import("@angular/core").Signal<string>;
+  protected readonly announcement: import("@angular/core").WritableSignal<string>;
+  private readonly host;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<VdCharacterCount, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<VdCharacterCount, "vd-character-count", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxLength": {
+      "alias": "maxLength";
+      "required": false;
+      "isSignal": true;
+    };
+    "descriptionId": {
+      "alias": "descriptionId";
+      "required": false;
+      "isSignal": true;
+    };
+    "controlId": {
+      "alias": "controlId";
+      "required": false;
+      "isSignal": true;
+    };
+    "countText": {
+      "alias": "countText";
+      "required": false;
+      "isSignal": true;
+    };
+    "remainingText": {
+      "alias": "remainingText";
+      "required": false;
+      "isSignal": true;
+    };
+    "overText": {
+      "alias": "overText";
+      "required": false;
+      "isSignal": true;
+    };
+    "limitText": {
+      "alias": "limitText";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}