@lifecorner/angular-ui-kit 3.4.1 → 3.5.0

package/types/lifecorner-angular-ui-kit-models.d.ts

@@ -0,0 +1,62 @@
+/**
+ * NavigationItem interface for sidenav navigation
+ *
+ * Represents a navigation item with icon, label, route, and optional role requirement.
+ * Can also represent a section header (group) when `isSection` is true.
+ */
+export interface NavigationItem {
+  /**
+   * Unique identifier for the navigation item
+   */
+  id: string;
+  /**
+   * Icon name from lc-icons library (e.g., 'home', 'paint-brush')
+   */
+  icon: string;
+  /**
+   * Display label for the navigation item
+   */
+  label: string;
+  /**
+   * Angular route path (e.g., '/', '/trading')
+   */
+  route: string;
+  /**
+   * Optional required Cognito role (e.g., 'LC.Trader')
+   * If specified, item only visible to users with this role
+   */
+  requiredRole?: string;
+  /**
+   * Display order in sidebar (1 = first)
+   */
+  displayOrder: number;
+  /**
+   * Optional nested navigation items for multi-level navigation
+   */
+  children?: NavigationItem[];
+  /**
+   * When true, this item acts as a non-clickable section header/headline.
+   * Children are displayed beneath it with the label as a group title.
+   */
+  isSection?: boolean;
+  /**
+   * Optional action button displayed on the right side of the item.
+   * Emits `itemAction` when clicked (e.g. to open a modal or context menu).
+   */
+  action?: {
+    /** Icon name from lc-icons library (e.g., 'plus', 'ellipsis-horizontal') */
+    icon: string;
+    /** Accessible label for the action button */
+    ariaLabel?: string;
+  };
+  /**
+   * Optional badge displayed on the right side of the item (e.g. count).
+   * Rendered as a small pill badge.
+   */
+  badge?: {
+    /** Text or number to display inside the badge */
+    value: string | number;
+    /** Badge color variant */
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+  };
+}

package/types/lifecorner-angular-ui-kit-next-step-card.d.ts

@@ -0,0 +1,262 @@
+import * as i0 from "@angular/core";
+import { AfterViewChecked } from "@angular/core";
+export type NextStepCardTone = 'neutral' | 'primary' | 'success' | 'warning' | 'info';
+/**
+ * Appearance of the card.
+ * - `default`: white surface, hairline border, 4 px tonal rail, 36 px tinted bubble
+ * - `soft`: tinted fill per tone, radius 24 px (28 px from 1024 px), no rail,
+ *   border or shadow, a larger white bubble with a 1 px ring (the "Weite" look)
+ */
+export type NextStepCardVariant = 'default' | 'soft';
+/**
+ * How several actions are laid out.
+ * - `inline`: side by side at the end of the card; below 480 px card width in
+ *   their own row, stretched
+ * - `stacked`: always in their own row, one per line at equal width, 8 px apart
+ */
+export type NextStepCardActionsLayout = 'inline' | 'stacked';
+/** Element that renders the title (semantics only, the look stays the same). */
+export type NextStepCardTitleTag = 'div' | 'h2' | 'h3';
+/** Size of the built-in action buttons (`sm` 32 px, `md` 42 px, `lg` 48.5 px). */
+export type NextStepCardActionSize = 'sm' | 'md' | 'lg';
+/**
+ * Next-step card — the single status-and-action surface of a page: "where does
+ * this stand, and what is the one next step?".
+ *
+ * Features:
+ * - Tonal accent rail (4px left) + tinted icon bubble, token colors only
+ * - Title, message (string input or default slot for markup)
+ * - Primary action (with loading / disabled + mandatory disabled reason),
+ *   ghost secondary action, or an external link instead of the primary button
+ * - `[slot='blockers']`: rows inside the card under a subtle divider (dot
+ *   prefix); each projected element with `slot="blockers"` becomes one row —
+ *   blockers are rows IN the card, never additional banners
+ * - `[slot='meta']`: one footer line (icon + text)
+ * - `[slot='actions']`: fully replaces the built-in action buttons
+ * - `[slot='body']`: content below the message without the message's text
+ *   styles, so form fields, lists or a description list keep their own look
+ * - `role="region"` labelled by the title; optional polite live announcement
+ *   of title changes via `announce`
+ * - Narrow layout: below 480 px of card width (a CSS container query on the
+ *   host) the icon sits beside the title, message, body, blockers and meta
+ *   take the full inner width, the inline padding drops to `padding-md`, and
+ *   the actions take their own row with every action stretched. A projected
+ *   `fullWidth` button gets its own row at every width.
+ * - `variant="soft"`: the tinted card of the "Weite" look; `actionsLayout`
+ *   `stacked` for several equal-width actions; `titleTag` for a heading
+ *
+ * The host is a size container (`container-type: inline-size`) and takes the
+ * full inline size of its parent.
+ *
+ * Usage rule: exactly ONE next-step card per page.
+ *
+ * @example
+ * ```html
+ * <lc-next-step-card
+ *   tone="warning"
+ *   icon="clock"
+ *   cardTitle="Wartet auf Freigabe"
+ *   message="Der Entwurf ist vollständig und kann geprüft werden."
+ *   primaryLabel="Freigeben"
+ *   secondaryLabel="Änderungen anfordern"
+ *   (primaryClick)="approve()"
+ * />
+ * ```
+ */
+export declare class NextStepCardComponent implements AfterViewChecked {
+  /**
+   * Tone of the accent rail and icon bubble. Colors come exclusively from the
+   * semantic tokens (`--color-*` rail, `--color-*-subtle` bubble tint,
+   * `--color-on-*-subtle` icon ink).
+   * @default 'neutral'
+   */
+  tone: import("@angular/core").InputSignal<NextStepCardTone>;
+  /**
+   * Appearance: `default` (surface, border, 4 px rail) or `soft` (tinted fill
+   * per tone, radius 24 px / 28 px from 1024 px, no rail, border or shadow,
+   * a 48 px white bubble with a 1 px ring; 56 px from 1024 px, 60 px from
+   * 1440 px). Soft fills come from `--color-next-step-soft-neutral` /
+   * `--color-next-step-soft-primary` and the tone's `-subtle` token; the bubble
+   * from `--color-bubble`, `--color-bubble-ring`, `--color-bubble-icon`.
+   * @default 'default'
+   */
+  variant: import("@angular/core").InputSignal<NextStepCardVariant>;
+  /** Icon name for the round bubble (36 px; 48–60 px in the soft variant). */
+  icon: import("@angular/core").InputSignal<string>;
+  /** Title (1rem semibold; 20–28 px bold in the soft variant). Also the card's accessible name. */
+  cardTitle: import("@angular/core").InputSignal<string>;
+  /**
+   * Element that renders the title: `div` (default), `h2` or `h3`. Use a
+   * heading when the page has sections, so heading navigation reaches the
+   * most important item. Semantics only, the look stays the same.
+   * @default 'div'
+   */
+  titleTag: import("@angular/core").InputSignal<NextStepCardTitleTag>;
+  /**
+   * Layout of several actions. `inline`: side by side at the end of the card
+   * (below 480 px card width in their own row, stretched). `stacked`: always
+   * in their own row, one per line at equal width, 8 px apart (e.g. a list of
+   * sign-in methods).
+   * @default 'inline'
+   */
+  actionsLayout: import("@angular/core").InputSignal<NextStepCardActionsLayout>;
+  /**
+   * Size of the built-in action buttons and link: `sm` (32 px, the 3.2
+   * default), `md` (42 px) or `lg` (48.5 px, meets the 44 px touch target).
+   * @default 'sm'
+   */
+  actionSize: import("@angular/core").InputSignal<NextStepCardActionSize>;
+  /** Message below the title. For markup, use the default slot instead. */
+  message: import("@angular/core").InputSignal<string | undefined>;
+  /** Label of the primary action. Omit to render no primary button. */
+  primaryLabel: import("@angular/core").InputSignal<string | undefined>;
+  /** Optional leading icon of the primary action. */
+  primaryIcon: import("@angular/core").InputSignal<string | undefined>;
+  /** Shows a spinner on the primary action. */
+  primaryLoading: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Disables the primary action. A disabled primary REQUIRES
+   * `primaryDisabledReason`; disabled without a reason logs a dev warning.
+   */
+  primaryDisabled: import("@angular/core").InputSignal<boolean>;
+  /** Why the primary action is disabled — shown as tooltip on the button. */
+  primaryDisabledReason: import("@angular/core").InputSignal<string>;
+  /** Label of the ghost secondary action (rendered with a chevron). */
+  secondaryLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Label of an external link rendered instead of the primary button
+   * (opens in a new tab). Requires `linkHref`.
+   */
+  linkLabel: import("@angular/core").InputSignal<string | undefined>;
+  /** Target URL of the external link. */
+  linkHref: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Where the link opens: `_blank` (a new tab, with `rel="noopener noreferrer"`,
+   * the 3.2 behaviour) or `_self` (the same tab, no `rel`).
+   * @default '_blank'
+   */
+  linkTarget: import("@angular/core").InputSignal<"_blank" | "_self">;
+  /**
+   * Announce title changes to screen readers via `aria-live="polite"` —
+   * for cards whose state advances in place.
+   * @default false
+   */
+  announce: import("@angular/core").InputSignal<boolean>;
+  /** Emits when the primary action is clicked. */
+  primaryClick: import("@angular/core").OutputEmitterRef<void>;
+  /** Emits when the secondary action is clicked. */
+  secondaryClick: import("@angular/core").OutputEmitterRef<void>;
+  private actionsSlot;
+  /**
+   * Whether content was projected into `[slot='actions']` — projected actions
+   * fully replace the built-in buttons.
+   */
+  protected hasProjectedActions: import("@angular/core").WritableSignal<boolean>;
+  protected cardClasses: import("@angular/core").Signal<string>;
+  /** `rel` of the external link: only a new tab needs `noopener noreferrer`. */
+  protected linkRel: import("@angular/core").Signal<"noopener noreferrer" | null>;
+  protected showLink: import("@angular/core").Signal<boolean>;
+  /**
+   * Whether the card renders any action: hides the empty actions box, so the
+   * narrow layout gets no empty row.
+   */
+  protected hasActions: import("@angular/core").Signal<boolean>;
+  constructor();
+  ngAfterViewChecked(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NextStepCardComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NextStepCardComponent, "lc-next-step-card", never, {
+    "tone": {
+      "alias": "tone";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "cardTitle": {
+      "alias": "cardTitle";
+      "required": true;
+      "isSignal": true;
+    };
+    "titleTag": {
+      "alias": "titleTag";
+      "required": false;
+      "isSignal": true;
+    };
+    "actionsLayout": {
+      "alias": "actionsLayout";
+      "required": false;
+      "isSignal": true;
+    };
+    "actionSize": {
+      "alias": "actionSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "message": {
+      "alias": "message";
+      "required": false;
+      "isSignal": true;
+    };
+    "primaryLabel": {
+      "alias": "primaryLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "primaryIcon": {
+      "alias": "primaryIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "primaryLoading": {
+      "alias": "primaryLoading";
+      "required": false;
+      "isSignal": true;
+    };
+    "primaryDisabled": {
+      "alias": "primaryDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "primaryDisabledReason": {
+      "alias": "primaryDisabledReason";
+      "required": false;
+      "isSignal": true;
+    };
+    "secondaryLabel": {
+      "alias": "secondaryLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "linkLabel": {
+      "alias": "linkLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "linkHref": {
+      "alias": "linkHref";
+      "required": false;
+      "isSignal": true;
+    };
+    "linkTarget": {
+      "alias": "linkTarget";
+      "required": false;
+      "isSignal": true;
+    };
+    "announce": {
+      "alias": "announce";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "primaryClick": "primaryClick";
+    "secondaryClick": "secondaryClick";
+  }, never, ["*", "[slot='body']", "[slot='blockers']", "[slot='meta']", "[slot='actions']"], true, never>;
+}

package/types/lifecorner-angular-ui-kit-notification-center.d.ts

@@ -0,0 +1,237 @@
+import * as i0 from "@angular/core";
+export type NotificationType = 'info' | 'success' | 'warning' | 'error';
+export type NotificationPriority = 'low' | 'normal' | 'high' | 'urgent';
+export interface Notification {
+  id: string;
+  title: string;
+  message?: string;
+  type?: NotificationType;
+  priority?: NotificationPriority;
+  timestamp: Date;
+  read?: boolean;
+  icon?: string;
+  category?: string;
+  actionLabel?: string;
+  actionUrl?: string;
+}
+export declare class NotificationCenterComponent {
+  readonly notifications: import("@angular/core").InputSignal<Notification[]>;
+  readonly title: import("@angular/core").InputSignal<string>;
+  readonly showFilter: import("@angular/core").InputSignal<boolean>;
+  readonly showTimestamp: import("@angular/core").InputSignal<boolean>;
+  readonly showPriority: import("@angular/core").InputSignal<boolean>;
+  readonly emptyMessage: import("@angular/core").InputSignal<string>;
+  readonly maxHeight: import("@angular/core").InputSignal<string>;
+  readonly groupByCategory: import("@angular/core").InputSignal<boolean>;
+  /** Locale used for absolute dates (older than a week). */
+  readonly dateLocale: import("@angular/core").InputSignal<string>;
+  /** Label of the mark-all-read action. */
+  readonly markAllReadLabel: import("@angular/core").InputSignal<string>;
+  /** Label of the clear-all action. */
+  readonly clearAllLabel: import("@angular/core").InputSignal<string>;
+  /** Placeholder of the search field. */
+  readonly searchPlaceholder: import("@angular/core").InputSignal<string>;
+  /** Label of the "all" filter (the count follows in parentheses). */
+  readonly filterAllLabel: import("@angular/core").InputSignal<string>;
+  /** Label of the error filter. */
+  readonly filterErrorLabel: import("@angular/core").InputSignal<string>;
+  /** Label of the warning filter. */
+  readonly filterWarningLabel: import("@angular/core").InputSignal<string>;
+  /** Label of the success filter. */
+  readonly filterSuccessLabel: import("@angular/core").InputSignal<string>;
+  /** Label of the info filter. */
+  readonly filterInfoLabel: import("@angular/core").InputSignal<string>;
+  /** Accessible name of a dismiss button, followed by the notification's title. */
+  readonly dismissAriaLabel: import("@angular/core").InputSignal<string>;
+  /** Group header for notifications without `category` (`groupByCategory`). */
+  readonly otherCategoryLabel: import("@angular/core").InputSignal<string>;
+  /** Priority badge for `low` (`showPriority`). */
+  readonly lowPriorityLabel: import("@angular/core").InputSignal<string>;
+  /** Priority badge for `high` (`showPriority`). */
+  readonly highPriorityLabel: import("@angular/core").InputSignal<string>;
+  /** Priority badge for `urgent` (`showPriority`). */
+  readonly urgentPriorityLabel: import("@angular/core").InputSignal<string>;
+  /** Timestamp of notifications younger than a minute. */
+  readonly justNowLabel: import("@angular/core").InputSignal<string>;
+  /** Timestamp under an hour; `{n}` is replaced by the minutes. */
+  readonly minutesAgoLabel: import("@angular/core").InputSignal<string>;
+  /** Timestamp under a day; `{n}` is replaced by the hours. */
+  readonly hoursAgoLabel: import("@angular/core").InputSignal<string>;
+  /** Timestamp under a week; `{n}` is replaced by the days (older ones show the date in `dateLocale`). */
+  readonly daysAgoLabel: import("@angular/core").InputSignal<string>;
+  readonly notificationClick: import("@angular/core").OutputEmitterRef<Notification>;
+  readonly notificationDismiss: import("@angular/core").OutputEmitterRef<string>;
+  readonly notificationAction: import("@angular/core").OutputEmitterRef<Notification>;
+  readonly markAllRead: import("@angular/core").OutputEmitterRef<void>;
+  readonly clearAll: import("@angular/core").OutputEmitterRef<void>;
+  protected activeFilter: import("@angular/core").WritableSignal<NotificationType | "all">;
+  protected searchQuery: import("@angular/core").WritableSignal<string>;
+  protected readonly unreadCount: import("@angular/core").Signal<number>;
+  protected readonly filteredNotifications: import("@angular/core").Signal<Notification[]>;
+  /**
+   * The list as rendered: one group per category, or a single group without a
+   * category (`null`, no header) when grouping is off.
+   */
+  protected readonly groupedNotifications: import("@angular/core").Signal<{
+    category: string | null;
+    items: Notification[];
+  }[]>;
+  protected readonly filterCounts: import("@angular/core").Signal<{
+    all: number;
+    info: number;
+    success: number;
+    warning: number;
+    error: number;
+  }>;
+  protected readonly hasNotifications: import("@angular/core").Signal<boolean>;
+  protected getTypeIcon(type?: NotificationType): string;
+  protected getPriorityLabel(priority?: NotificationPriority): string;
+  protected formatTime(date: Date): string;
+  protected setFilter(filter: NotificationType | 'all'): void;
+  protected onSearch(query: string): void;
+  protected onClick(notification: Notification): void;
+  protected onDismiss(id: string, event: Event): void;
+  protected onAction(notification: Notification, event: Event): void;
+  protected onMarkAllRead(): void;
+  protected onClearAll(): void;
+  private priorityWeight;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NotificationCenterComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NotificationCenterComponent, "lc-notification-center", never, {
+    "notifications": {
+      "alias": "notifications";
+      "required": true;
+      "isSignal": true;
+    };
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
+    "showFilter": {
+      "alias": "showFilter";
+      "required": false;
+      "isSignal": true;
+    };
+    "showTimestamp": {
+      "alias": "showTimestamp";
+      "required": false;
+      "isSignal": true;
+    };
+    "showPriority": {
+      "alias": "showPriority";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyMessage": {
+      "alias": "emptyMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxHeight": {
+      "alias": "maxHeight";
+      "required": false;
+      "isSignal": true;
+    };
+    "groupByCategory": {
+      "alias": "groupByCategory";
+      "required": false;
+      "isSignal": true;
+    };
+    "dateLocale": {
+      "alias": "dateLocale";
+      "required": false;
+      "isSignal": true;
+    };
+    "markAllReadLabel": {
+      "alias": "markAllReadLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "clearAllLabel": {
+      "alias": "clearAllLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "searchPlaceholder": {
+      "alias": "searchPlaceholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterAllLabel": {
+      "alias": "filterAllLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterErrorLabel": {
+      "alias": "filterErrorLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterWarningLabel": {
+      "alias": "filterWarningLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterSuccessLabel": {
+      "alias": "filterSuccessLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterInfoLabel": {
+      "alias": "filterInfoLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "dismissAriaLabel": {
+      "alias": "dismissAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "otherCategoryLabel": {
+      "alias": "otherCategoryLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "lowPriorityLabel": {
+      "alias": "lowPriorityLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "highPriorityLabel": {
+      "alias": "highPriorityLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "urgentPriorityLabel": {
+      "alias": "urgentPriorityLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "justNowLabel": {
+      "alias": "justNowLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "minutesAgoLabel": {
+      "alias": "minutesAgoLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "hoursAgoLabel": {
+      "alias": "hoursAgoLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "daysAgoLabel": {
+      "alias": "daysAgoLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "notificationClick": "notificationClick";
+    "notificationDismiss": "notificationDismiss";
+    "notificationAction": "notificationAction";
+    "markAllRead": "markAllRead";
+    "clearAll": "clearAll";
+  }, never, never, true, never>;
+}

package/types/lifecorner-angular-ui-kit-number-input.d.ts

@@ -0,0 +1,126 @@
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class NumberInputComponent implements ControlValueAccessor {
+  private static nextId;
+  /** Minimum value */
+  min: import("@angular/core").InputSignal<number | undefined>;
+  /** Maximum value */
+  max: import("@angular/core").InputSignal<number | undefined>;
+  /** Step increment */
+  step: import("@angular/core").InputSignal<number>;
+  /** Label text */
+  label: import("@angular/core").InputSignal<string | undefined>;
+  /** Accessible name for the field when no visible `label` is rendered. */
+  ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /** Placeholder */
+  placeholder: import("@angular/core").InputSignal<string>;
+  /** Helper text shown below the control (linked via `aria-describedby`). */
+  helperText: import("@angular/core").InputSignal<string | undefined>;
+  /** Error message shown below the control; marks the field `aria-invalid`. */
+  error: import("@angular/core").InputSignal<string | undefined>;
+  /** Disabled state */
+  disabled: import("@angular/core").InputSignal<boolean>;
+  /** Accessible name of the minus button. */
+  decrementAriaLabel: import("@angular/core").InputSignal<string>;
+  /** Accessible name of the plus button. */
+  incrementAriaLabel: import("@angular/core").InputSignal<string>;
+  /** Emits value on change */
+  valueChange: import("@angular/core").OutputEmitterRef<number>;
+  /** Per-instance id wiring the label, hint and error to the field. */
+  readonly inputId: string;
+  protected value: import("@angular/core").WritableSignal<number | null>;
+  /**
+   * Text shown in the field. It is re-derived from the model on `writeValue`,
+   * stepping and blur — never while typing — so an in-progress entry such as
+   * "1." or "-" is not snapped back to "1" under the user's cursor.
+   */
+  protected readonly text: import("@angular/core").WritableSignal<string>;
+  /** Disabled through the form control (`setDisabledState`), as opposed to the input. */
+  private readonly formDisabled;
+  /** Disabled by either route — the one flag the template consults. */
+  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  private readonly inputEl;
+  /** Decimals implied by `step` — stepped results are rounded to it so 0.1 + 0.2 does not drift. */
+  private readonly stepPrecision;
+  /** Fractions need a decimal key on touch keyboards; integers do not. */
+  protected readonly inputMode: import("@angular/core").Signal<"decimal" | "numeric">;
+  protected readonly describedBy: import("@angular/core").Signal<string | null>;
+  protected containerClasses: import("@angular/core").Signal<string>;
+  protected canDecrement: import("@angular/core").Signal<boolean>;
+  protected canIncrement: import("@angular/core").Signal<boolean>;
+  private onChange;
+  private onTouched;
+  decrement(): void;
+  increment(): void;
+  private stepBy;
+  onKeydown(event: KeyboardEvent): void;
+  onInput(event: Event): void;
+  onBlur(): void;
+  private format;
+  private clamp;
+  private setValue;
+  writeValue(val: number | null): void;
+  registerOnChange(fn: (val: number | null) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(isDisabled: boolean): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NumberInputComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NumberInputComponent, "lc-number-input", never, {
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "step": {
+      "alias": "step";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "helperText": {
+      "alias": "helperText";
+      "required": false;
+      "isSignal": true;
+    };
+    "error": {
+      "alias": "error";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "decrementAriaLabel": {
+      "alias": "decrementAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "incrementAriaLabel": {
+      "alias": "incrementAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "valueChange": "valueChange";
+  }, never, never, true, never>;
+}