@lifecorner/angular-ui-kit 3.4.1 → 3.5.0

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

@@ -0,0 +1,367 @@
+import * as i0 from "@angular/core";
+import { OnDestroy } from "@angular/core";
+import { NavigationItem } from "@lifecorner/angular-ui-kit/models";
+export type SidenavPosition = 'left' | 'right';
+export type SidenavMode = 'drawer' | 'docked';
+/**
+ * Surface of the docked sidenav: `default` is the rail on `--color-sidebar`
+ * with a border; `transparent` has no background and no border and draws the
+ * items as 48 px pills (the side navigation on the page, "Weite"). A drawer
+ * keeps its surface in both.
+ */
+export type SidenavVariant = 'default' | 'transparent';
+/**
+ * Sidenav component for application navigation sidebar.
+ *
+ * Features:
+ * - Drawer (overlay) and docked (persistent) modes
+ * - Responsive mobile mode — docked automatically switches to drawer below a configurable breakpoint
+ * - Collapsed icon-rail mode (narrow 56px sidebar with icons only and hover tooltips)
+ * - Integrated logo area with collapse-toggle (sidebar-first layouts)
+ * - Hierarchical navigation with collapsible groups (up to 3 levels)
+ * - Section headlines for item grouping with optional action buttons
+ * - Action buttons on any item (hover-reveal)
+ * - Badge support on items (count / status indicator)
+ * - One current item, announced and painted alike: the link for `activeRoute`
+ *   (or, without it, the one the router's URL matches) gets
+ *   `aria-current="page"` and the current look, every other link neither
+ *   (AS-16). No hover color change on the current item
+ * - Keyboard navigation support (Escape closes drawer)
+ * - Configurable width and position (left/right)
+ * - Optional backdrop overlay
+ * - Theme variants: auto, light, dark (with teal accent for dark mode)
+ * - `variant="transparent"`: no rail background or border, items as 48 px
+ *   pills with 16 px labels, the current one on `--color-surface-selected`
+ * - Items are at least 44 px high in every density; the current item's ink is
+ *   `--color-on-surface-selected` (AA on the selected tint)
+ * - Accessible: the inner `<nav>` is the navigation landmark; in drawer mode
+ *   the panel is a modal dialog (`role="dialog"`, focus moved to the close
+ *   button on open, trapped while open, restored on close)
+ *
+ * @example
+ * ```html
+ * <lc-sidenav
+ *   [isOpen]="isOpen"
+ *   mode="docked"
+ *   [(collapsed)]="isCollapsed"
+ *   [showLogo]="true"
+ *   logoSize="md"
+ *   [mobileBreakpoint]="768"
+ *   [items]="navItems"
+ *   activeRoute="/dashboard"
+ *   theme="dark"
+ *   (closed)="isOpen = false"
+ *   (itemClicked)="navigate($event)"
+ *   (itemAction)="onAction($event)" />
+ * ```
+ */
+export declare class SidenavComponent implements OnDestroy {
+  private readonly router;
+  /**
+   * The router's URL, updated on every `NavigationEnd`. Before the first
+   * navigation it is the router's initial URL (`/`). Read only when
+   * `activeRoute` is empty.
+   */
+  private readonly routerUrl;
+  /** Whether the sidenav is collapsed to icon-only rail (two-way bindable) */
+  readonly collapsed: import("@angular/core").ModelSignal<boolean>;
+  /** Whether to show the logo at the top of the sidenav */
+  readonly showLogo: import("@angular/core").InputSignal<boolean>;
+  /** Custom URL for the full brand logo (forwarded to inner `<lc-logo>`). */
+  readonly logoSrc: import("@angular/core").InputSignal<string>;
+  /** Custom URL for the emblem-only brand logo. */
+  readonly logoEmblemSrc: import("@angular/core").InputSignal<string>;
+  /** Optional dark-theme URL for the full brand logo. */
+  readonly logoDarkSrc: import("@angular/core").InputSignal<string>;
+  /** Optional dark-theme URL for the emblem-only brand logo. */
+  readonly logoDarkEmblemSrc: import("@angular/core").InputSignal<string>;
+  /** Alt text for the brand logo. */
+  readonly logoAlt: import("@angular/core").InputSignal<string>;
+  /** Size of the brand logo (forwarded to inner `<lc-logo>`). Defaults to `md` for a prominent brand block aligned with `<lc-header size="md">` (both 64px). */
+  readonly logoSize: import("@angular/core").InputSignal<"xs" | "sm" | "md" | "lg" | "xl">;
+  /** Whether the sidenav is open */
+  readonly isOpen: import("@angular/core").InputSignal<boolean>;
+  /** Display mode: 'drawer' (overlay) or 'docked' (persistent sidebar) */
+  readonly mode: import("@angular/core").InputSignal<SidenavMode>;
+  /** Mobile breakpoint in pixels. Below this width, docked mode switches to drawer. */
+  readonly mobileBreakpoint: import("@angular/core").InputSignal<number>;
+  /** Whether the viewport is below the mobile breakpoint */
+  readonly isMobile: import("@angular/core").WritableSignal<boolean>;
+  /** Effective mode: switches docked → drawer on mobile */
+  readonly effectiveMode: import("@angular/core").Signal<SidenavMode>;
+  private mediaQuery;
+  private mediaHandler;
+  /** Position of the sidenav (left or right) */
+  readonly position: import("@angular/core").InputSignal<SidenavPosition>;
+  /** Width of the sidenav drawer */
+  readonly width: import("@angular/core").InputSignal<string>;
+  /**
+   * ARIA label of the navigation landmark (the inner `<nav>`) and, in drawer
+   * mode, of the dialog panel.
+   */
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  /** Whether to show the overlay backdrop */
+  readonly hasOverlay: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Navigation items (`NavigationItem[]`): `id`, `icon`, `label`, `route`,
+   * `displayOrder` (sort order, 1 = first); optional `children`
+   * (`NavigationItem[]`, a collapsible group, up to 3 levels), `isSection`
+   * (renders `label` as a section headline over its `children`), `badge`
+   * (`{ value: string | number; variant?: 'default' | 'primary' | 'success' |
+   * 'warning' | 'error' | 'info' }`), `action` (`{ icon: string; ariaLabel?:
+   * string }`, a button that emits `itemAction`), `requiredRole` (for the
+   * app's own filtering; not evaluated here). Items link with `routerLink`;
+   * exactly one link, the current item (see `activeRoute`), gets
+   * `aria-current="page"`.
+   * @default []
+   */
+  readonly items: import("@angular/core").InputSignal<NavigationItem[]>;
+  /**
+   * The current route. When set, the first link (in display order) whose
+   * `route` equals it is the current item: it alone gets `aria-current="page"`
+   * and the current look, whatever the router matches. When empty, the
+   * sidenav follows the router: the link whose route equals the URL's path is
+   * current, otherwise the one with the longest route the path starts with
+   * (`/household` on `/household/members`; `/` only on `/`).
+   * @default ''
+   */
+  readonly activeRoute: import("@angular/core").InputSignal<string>;
+  /** Theme variant for the sidenav */
+  readonly theme: import("@angular/core").InputSignal<"light" | "dark" | "auto">;
+  /**
+   * Surface of the docked sidenav: `default` (the rail with background and
+   * border) or `transparent` (no background, no border, items as 48 px pills
+   * with radius full and 16 px labels; the current one on
+   * `--color-surface-selected`). A drawer keeps its surface.
+   */
+  readonly variant: import("@angular/core").InputSignal<SidenavVariant>;
+  /** Accessible name of the logo button that collapses/expands the sidebar. */
+  readonly toggleAriaLabel: import("@angular/core").InputSignal<string>;
+  /** Accessible name of the collapse button. Empty: "Collapse navigation to the left/right" by `position`. */
+  readonly collapseAriaLabel: import("@angular/core").InputSignal<string>;
+  /** Tooltip of the collapse button. */
+  readonly collapseTitle: import("@angular/core").InputSignal<string>;
+  /** Accessible name of the close button (drawer mode). */
+  readonly closeAriaLabel: import("@angular/core").InputSignal<string>;
+  /**
+   * Ids of the expanded parent items — the single source of truth for
+   * `isExpanded`. Seeded with the current item's parent whenever it changes
+   * (see constructor), so a group opens on navigation but can still
+   * be collapsed by the user. (It used to be OR-ed with `hasActiveChild` at
+   * read time, so toggling such a group flipped the set without ever closing
+   * it — the set drifted out of sync with what was on screen.)
+   */
+  readonly expandedItems: import("@angular/core").WritableSignal<Set<string>>;
+  /** Ids of the collapsible parents (top-level groups, section sub-groups) that contain the current item. */
+  private readonly activeChildParents;
+  /**
+   * Computed sorted navigation items by displayOrder
+   */
+  readonly sortedItems: import("@angular/core").Signal<NavigationItem[]>;
+  /**
+   * Every item rendered as a link, in display order (depth first): simple
+   * items, the children of a group, the children of a section, and the
+   * children of a section's sub-group.
+   */
+  private readonly linkItems;
+  /** The router URL's path: primary outlet only, no query, fragment or matrix parameters. */
+  private readonly routerPath;
+  /**
+   * The one current link (or none). The single source of both the current
+   * look (`lc-sidenav__nav-item--active`) and `aria-current="page"` (AS-16).
+   * With `activeRoute` set: the first link whose route equals it. Without:
+   * the router's path — the exact match wins, otherwise the longest link
+   * route the path continues with a `/` (`/` matches only `/`); ties go to
+   * the first link in display order.
+   */
+  private readonly currentItem;
+  /**
+   * Event emitted when the sidenav should close
+   */
+  readonly closed: import("@angular/core").OutputEmitterRef<void>;
+  /**
+   * Event emitted when a navigation item is clicked
+   */
+  readonly itemClicked: import("@angular/core").OutputEmitterRef<NavigationItem>;
+  /**
+   * Event emitted when an item's action button is clicked
+   */
+  readonly itemAction: import("@angular/core").OutputEmitterRef<NavigationItem>;
+  constructor();
+  ngOnDestroy(): void;
+  private setupMediaQuery;
+  private teardownMediaQuery;
+  /**
+   * Computed CSS classes for the sidenav
+   */
+  sidenavClasses: import("@angular/core").Signal<string>;
+  /**
+   * Computed inline styles for the sidenav
+   */
+  sidenavStyles: import("@angular/core").Signal<{
+    width: string;
+  }>;
+  /**
+   * Toggle collapsed state
+   */
+  toggleCollapsed(): void;
+  /**
+   * Handle close action
+   */
+  handleClose(): void;
+  /**
+   * Handle navigation item click
+   */
+  handleItemClick(item: NavigationItem): void;
+  /**
+   * Handle action button click on a navigation item
+   */
+  handleItemAction(event: Event, item: NavigationItem): void;
+  /**
+   * Whether the item is the current link (see `currentItem`): it alone is
+   * painted current and carries `aria-current="page"`.
+   */
+  isItemActive(item: NavigationItem): boolean;
+  /**
+   * Check if a parent item contains the current link
+   */
+  hasActiveChild(item: NavigationItem): boolean;
+  /**
+   * Toggle expansion of a parent item.
+   * If the sidenav is collapsed, expand it first.
+   */
+  toggleExpanded(item: NavigationItem): void;
+  /**
+   * Check if an item is expanded
+   */
+  isExpanded(item: NavigationItem): boolean;
+  /**
+   * Handle keyboard navigation. Keyed on the EFFECTIVE mode: a docked sidenav
+   * that has become a drawer below the mobile breakpoint must close on Escape
+   * like any drawer.
+   */
+  handleKeydown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SidenavComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<SidenavComponent, "lc-sidenav", never, {
+    "collapsed": {
+      "alias": "collapsed";
+      "required": false;
+      "isSignal": true;
+    };
+    "showLogo": {
+      "alias": "showLogo";
+      "required": false;
+      "isSignal": true;
+    };
+    "logoSrc": {
+      "alias": "logoSrc";
+      "required": false;
+      "isSignal": true;
+    };
+    "logoEmblemSrc": {
+      "alias": "logoEmblemSrc";
+      "required": false;
+      "isSignal": true;
+    };
+    "logoDarkSrc": {
+      "alias": "logoDarkSrc";
+      "required": false;
+      "isSignal": true;
+    };
+    "logoDarkEmblemSrc": {
+      "alias": "logoDarkEmblemSrc";
+      "required": false;
+      "isSignal": true;
+    };
+    "logoAlt": {
+      "alias": "logoAlt";
+      "required": false;
+      "isSignal": true;
+    };
+    "logoSize": {
+      "alias": "logoSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "isOpen": {
+      "alias": "isOpen";
+      "required": false;
+      "isSignal": true;
+    };
+    "mode": {
+      "alias": "mode";
+      "required": false;
+      "isSignal": true;
+    };
+    "mobileBreakpoint": {
+      "alias": "mobileBreakpoint";
+      "required": false;
+      "isSignal": true;
+    };
+    "position": {
+      "alias": "position";
+      "required": false;
+      "isSignal": true;
+    };
+    "width": {
+      "alias": "width";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "hasOverlay": {
+      "alias": "hasOverlay";
+      "required": false;
+      "isSignal": true;
+    };
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "activeRoute": {
+      "alias": "activeRoute";
+      "required": false;
+      "isSignal": true;
+    };
+    "theme": {
+      "alias": "theme";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "toggleAriaLabel": {
+      "alias": "toggleAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "collapseAriaLabel": {
+      "alias": "collapseAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "collapseTitle": {
+      "alias": "collapseTitle";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeAriaLabel": {
+      "alias": "closeAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "collapsed": "collapsedChange";
+    "closed": "closed";
+    "itemClicked": "itemClicked";
+    "itemAction": "itemAction";
+  }, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,61 @@
+import * as i0 from "@angular/core";
+export type SkeletonVariant = 'line' | 'circle' | 'rect';
+/**
+ * Skeleton loader component for placeholder loading states.
+ *
+ * Features:
+ * - Variant shapes (text, rect, circle)
+ * - Shimmer animation effect; a static fill under `prefers-reduced-motion`
+ * - Colours from `--color-skeleton` / `--color-skeleton-highlight`, overridable
+ *   with the `--lc-skeleton-bg` / `--lc-skeleton-highlight` hooks
+ * - Custom width, height, and border radius
+ * - Composable for building complex loading layouts
+ * - Dark mode compatible
+ *
+ * @example
+ * ```html
+ * <lc-skeleton />
+ * <lc-skeleton variant="circle" width="40px" height="40px" />
+ * <lc-skeleton variant="rect" width="100%" height="400px" />
+ * ```
+ */
+export declare class SkeletonComponent {
+  /** Shape variant. */
+  readonly variant: import("@angular/core").InputSignal<SkeletonVariant>;
+  /** Width (CSS value). Defaults to '100%' for line/rect, '40px' for circle. */
+  readonly width: import("@angular/core").InputSignal<string | undefined>;
+  /** Height (CSS value). Defaults to '0.875rem' for line, '40px' for circle, '100px' for rect. */
+  readonly height: import("@angular/core").InputSignal<string | undefined>;
+  /** Border radius override (CSS value). */
+  readonly borderRadius: import("@angular/core").InputSignal<string | undefined>;
+  protected readonly variantClass: import("@angular/core").Signal<string>;
+  protected readonly styles: import("@angular/core").Signal<{
+    width: string;
+    height: string;
+    'border-radius': string;
+  }>;
+  protected readonly hostWidth: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "lc-skeleton", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "width": {
+      "alias": "width";
+      "required": false;
+      "isSignal": true;
+    };
+    "height": {
+      "alias": "height";
+      "required": false;
+      "isSignal": true;
+    };
+    "borderRadius": {
+      "alias": "borderRadius";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,79 @@
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class SliderComponent implements ControlValueAccessor {
+  private static nextId;
+  /** Minimum value */
+  min: import("@angular/core").InputSignal<number>;
+  /** Maximum value */
+  max: import("@angular/core").InputSignal<number>;
+  /** Step increment */
+  step: import("@angular/core").InputSignal<number>;
+  /** Label text */
+  label: import("@angular/core").InputSignal<string | undefined>;
+  /** Whether to show the current value */
+  showValue: import("@angular/core").InputSignal<boolean>;
+  /** Disabled state */
+  disabled: import("@angular/core").InputSignal<boolean>;
+  /** Emits the current value on change */
+  valueChange: import("@angular/core").OutputEmitterRef<number>;
+  /** Per-instance id wiring the label to the range input. */
+  readonly inputId: string;
+  /** Last value written by the user or the form; `null` until one arrives. */
+  private readonly rawValue;
+  /**
+   * The value the template and fill track show — always inside `[min, max]`,
+   * mirroring what the native range input clamps to. Without this, `min="10"`
+   * would show a "0" label over a track filled to −10%.
+   */
+  protected readonly value: import("@angular/core").Signal<number>;
+  /** 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>;
+  /** Percentage for fill track */
+  protected fillPercentage: import("@angular/core").Signal<number>;
+  protected sliderClasses: import("@angular/core").Signal<string>;
+  private onChange;
+  private onTouched;
+  onInput(event: Event): void;
+  onBlur(): void;
+  writeValue(val: number | null): void;
+  registerOnChange(fn: (val: number) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(isDisabled: boolean): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "lc-slider", 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;
+    };
+    "showValue": {
+      "alias": "showValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "valueChange": "valueChange";
+  }, never, never, true, never>;
+}

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

@@ -0,0 +1,27 @@
+import * as i0 from "@angular/core";
+export type SpacerSize = 'auto' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Spacer component for adding vertical or flexible spacing.
+ *
+ * Features:
+ * - Fixed, density-aware spacing sizes (xs, sm, md, lg, xl)
+ * - Auto (flex-grow) mode for filling available space
+ * - Host class binding for layout integration
+ *
+ * @example
+ * ```html
+ * <lc-spacer size="lg" />
+ * ```
+ */
+export declare class SpacerComponent {
+  readonly size: import("@angular/core").InputSignal<SpacerSize>;
+  readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SpacerComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<SpacerComponent, "lc-spacer", never, {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,113 @@
+import { ChartValueFormatter } from "@lifecorner/angular-ui-kit/internal/chart";
+import * as i0 from "@angular/core";
+export type SparklineColor = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+export type SparklineCurve = 'linear' | 'smooth';
+export declare class SparklineComponent {
+  private readonly _el;
+  private readonly _destroyRef;
+  private readonly _containerWidth;
+  constructor();
+  /** Data points to plot. */
+  data: import("@angular/core").InputSignal<number[]>;
+  /** Stroke color theme. */
+  color: import("@angular/core").InputSignal<SparklineColor>;
+  /**
+   * Width of the sparkline in pixels. The host is an inline-block of exactly
+   * this width unless `fluid` is set, in which case the sparkline fills its
+   * container and `width` only serves as the viewBox width until the container
+   * has been measured.
+   */
+  width: import("@angular/core").InputSignal<number>;
+  /** Height of the SVG in pixels. */
+  height: import("@angular/core").InputSignal<number>;
+  /** Stroke width in pixels. */
+  strokeWidth: import("@angular/core").InputSignal<number>;
+  /** Show a filled area under the line. */
+  filled: import("@angular/core").InputSignal<boolean>;
+  /** Curve interpolation mode. */
+  curve: import("@angular/core").InputSignal<SparklineCurve>;
+  /** Show a dot on the last data point. */
+  showEndDot: import("@angular/core").InputSignal<boolean>;
+  /** Stretch to the container width instead of the fixed `width`. */
+  fluid: import("@angular/core").InputSignal<boolean>;
+  /** Formats values in the generated accessible summary. Defaults to a float-safe `String(value)`. */
+  formatValue: import("@angular/core").InputSignal<ChartValueFormatter>;
+  /**
+   * Accessible name of the sparkline. Defaults to a generated summary such as
+   * "Sparkline: 10 points, min 4, max 18, last 18".
+   */
+  ariaLabel: import("@angular/core").InputSignal<string>;
+  protected readonly colorVar: import("@angular/core").Signal<string>;
+  protected readonly fillColorVar: import("@angular/core").Signal<string>;
+  private readonly values;
+  protected readonly effectiveWidth: import("@angular/core").Signal<number>;
+  protected readonly viewBox: import("@angular/core").Signal<string>;
+  /** Plot geometry and the data mapped into it; null with fewer than two points. */
+  private readonly layout;
+  protected readonly pathD: import("@angular/core").Signal<string>;
+  protected readonly areaD: import("@angular/core").Signal<string>;
+  protected readonly endDot: import("@angular/core").Signal<{
+    cx: number;
+    cy: number;
+    r: number;
+  } | null>;
+  protected readonly effectiveAriaLabel: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SparklineComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<SparklineComponent, "lc-sparkline", never, {
+    "data": {
+      "alias": "data";
+      "required": true;
+      "isSignal": true;
+    };
+    "color": {
+      "alias": "color";
+      "required": false;
+      "isSignal": true;
+    };
+    "width": {
+      "alias": "width";
+      "required": false;
+      "isSignal": true;
+    };
+    "height": {
+      "alias": "height";
+      "required": false;
+      "isSignal": true;
+    };
+    "strokeWidth": {
+      "alias": "strokeWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "filled": {
+      "alias": "filled";
+      "required": false;
+      "isSignal": true;
+    };
+    "curve": {
+      "alias": "curve";
+      "required": false;
+      "isSignal": true;
+    };
+    "showEndDot": {
+      "alias": "showEndDot";
+      "required": false;
+      "isSignal": true;
+    };
+    "fluid": {
+      "alias": "fluid";
+      "required": false;
+      "isSignal": true;
+    };
+    "formatValue": {
+      "alias": "formatValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}