@lifecorner/angular-ui-kit 3.4.1 → 3.5.0

package/types/lifecorner-angular-ui-kit-bottom-nav.d.ts

@@ -0,0 +1,184 @@
+import * as i0 from "@angular/core";
+/**
+ * A destination in the bottom navigation bar. A subset of `NavigationItem`, so
+ * the side navigation's items can be passed as they are (sections and children
+ * are ignored).
+ */
+export interface BottomNavItem {
+  /** Unique id. */
+  id: string;
+  /** Visible label, always shown below the icon. */
+  label: string;
+  /** Icon name (`lc-icon`), drawn at 24 px. */
+  icon: string;
+  /** Router path the item links to (`routerLink`). */
+  route: string;
+  /** Sort order; items without one keep their array order. */
+  displayOrder?: number;
+  /** Count or status shown on the icon; read out through `badgeAriaLabel`. */
+  badge?: {
+    /** Text or number inside the badge. */
+    value: string | number;
+    /** Badge colour (`lc-badge` variant). */
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+  };
+}
+/** Surface of the bar: `docked` spans the bottom edge, `floating` is an inset pill. */
+export type BottomNavVariant = 'docked' | 'floating';
+/** One rendered entry: a destination or the overflow entry ("More"). */
+interface BottomNavEntry {
+  item: BottomNavItem;
+  current: boolean;
+  more: boolean;
+}
+/**
+ * Bottom navigation bar for phones and tablets: the app's main destinations as
+ * links in the thumb zone.
+ *
+ * - Renders `<nav aria-label><ul><li><a routerLink>` — links, not tabs — with
+ *   `aria-current="page"` on the current destination.
+ * - Items are at least 48 px high and 64 px wide: a 24 px icon over a 12 px
+ *   label that is always visible and wraps at large text sizes.
+ * - The current item sits on a 56 × 32 px pill in `--color-surface-selected`,
+ *   its icon drawn heavier and its label bold in `--color-on-surface-selected`.
+ * - The current item follows `activeRoute` by its first path segment, so a
+ *   sub-page (`/household/members`) keeps its destination current; `/` only
+ *   matches itself. Query and fragment are ignored.
+ * - More than `maxItems` destinations: the first `maxItems − 1` stay, the
+ *   rest move behind a "More" entry (`moreLabel`, `moreIcon`, `moreRoute`);
+ *   without `moreRoute` the entry is a button that emits `moreClick`.
+ * - Tapping the current item emits `reselect` (scroll the page to the top).
+ * - `variant="floating"`: an inset pill 16 px from the sides and 16 px above
+ *   the safe-area inset, radius 28 px, elevated. `docked` (default) spans the
+ *   bottom edge with a top border and pads the safe-area inset.
+ * - Fixed to the viewport by default (`fixed`), below menus and dialogs
+ *   (`z-index` 900). Reserve space for it at the end of the page (see
+ *   `lc-app-shell`, which does that for you).
+ * - Light and dark from the semantic tokens; no hover-only information;
+ *   transitions are off under `prefers-reduced-motion`.
+ *
+ * @example
+ * ```html
+ * <lc-bottom-nav
+ *   variant="floating"
+ *   ariaLabel="Hauptnavigation"
+ *   [items]="[
+ *     { id: 'today', label: 'Heute', icon: 'sun', route: '/' },
+ *     { id: 'household', label: 'Haushalt', icon: 'home', route: '/household' }
+ *   ]"
+ *   [activeRoute]="router.url"
+ *   (reselect)="scrollToTop()"
+ * />
+ * ```
+ */
+export declare class BottomNavComponent {
+  /** Destinations, left to right (sorted by `displayOrder` when given). */
+  readonly items: import("@angular/core").InputSignal<readonly BottomNavItem[]>;
+  /**
+   * The current URL (e.g. `router.url`). The item whose route matches its
+   * first path segment is current; `/` matches only itself.
+   */
+  readonly activeRoute: import("@angular/core").InputSignal<string>;
+  /** Accessible name of the `<nav>` landmark. */
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  /** `docked` spans the bottom edge; `floating` is the inset, elevated pill (LK-5). */
+  readonly variant: import("@angular/core").InputSignal<BottomNavVariant>;
+  /**
+   * Pin the bar to the bottom of the viewport. Turn off to render it in the
+   * document flow (previews, tests, a custom container).
+   */
+  readonly fixed: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Most entries the bar shows. With more destinations the first
+   * `maxItems − 1` stay and the rest go behind the "More" entry.
+   */
+  readonly maxItems: import("@angular/core").InputSignal<number>;
+  /** Label of the overflow entry. */
+  readonly moreLabel: import("@angular/core").InputSignal<string>;
+  /** Icon of the overflow entry. */
+  readonly moreIcon: import("@angular/core").InputSignal<string>;
+  /**
+   * Route of the overflow entry (a page that lists the remaining
+   * destinations). Empty renders the entry as a button that emits `moreClick`.
+   */
+  readonly moreRoute: import("@angular/core").InputSignal<string>;
+  /**
+   * Text read after an item's label when it has a badge; `{value}` is
+   * replaced with the badge value (e.g. "3 new").
+   */
+  readonly badgeAriaLabel: import("@angular/core").InputSignal<string>;
+  /** The current item was tapped again (e.g. scroll the page to the top). */
+  readonly reselect: import("@angular/core").OutputEmitterRef<BottomNavItem>;
+  /** The overflow entry was tapped while it has no `moreRoute`. */
+  readonly moreClick: import("@angular/core").OutputEmitterRef<void>;
+  /** Destinations in display order. */
+  private readonly sortedItems;
+  /** Path of `activeRoute` without query and fragment. */
+  private readonly activePath;
+  /** Entries as rendered: destinations plus, on overflow, the "More" entry. */
+  protected readonly entries: import("@angular/core").Signal<BottomNavEntry[]>;
+  protected readonly navClasses: import("@angular/core").Signal<string>;
+  /** Visually hidden badge text for screen readers. */
+  protected badgeText(item: BottomNavItem): string;
+  protected onItemClick(entry: BottomNavEntry): void;
+  protected onMoreButtonClick(): void;
+  /** First-segment match: `/household/members` keeps `/household` current. */
+  private matches;
+  static ɵfac: i0.ɵɵFactoryDeclaration<BottomNavComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<BottomNavComponent, "lc-bottom-nav", never, {
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "activeRoute": {
+      "alias": "activeRoute";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "fixed": {
+      "alias": "fixed";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxItems": {
+      "alias": "maxItems";
+      "required": false;
+      "isSignal": true;
+    };
+    "moreLabel": {
+      "alias": "moreLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "moreIcon": {
+      "alias": "moreIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "moreRoute": {
+      "alias": "moreRoute";
+      "required": false;
+      "isSignal": true;
+    };
+    "badgeAriaLabel": {
+      "alias": "badgeAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "reselect": "reselect";
+    "moreClick": "moreClick";
+  }, never, never, true, never>;
+}
+export {};

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

@@ -0,0 +1,55 @@
+import * as i0 from "@angular/core";
+export interface BreadcrumbItem {
+  label: string;
+  url?: string;
+  /** Optional stable identifier, useful when handling `itemClick`. */
+  id?: string;
+}
+export type BreadcrumbSize = 'sm' | 'md' | 'lg';
+export declare class BreadcrumbsComponent {
+  readonly items: import("@angular/core").InputSignal<BreadcrumbItem[]>;
+  readonly separator: import("@angular/core").InputSignal<string>;
+  readonly maxItems: import("@angular/core").InputSignal<number>;
+  readonly size: import("@angular/core").InputSignal<BreadcrumbSize>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  /**
+   * Emitted when an item without `url` is activated. Items with `url` keep
+   * their link navigation and do not emit.
+   */
+  readonly itemClick: import("@angular/core").OutputEmitterRef<BreadcrumbItem>;
+  breadcrumbClasses: import("@angular/core").Signal<string>;
+  visibleItems: import("@angular/core").Signal<BreadcrumbItem[]>;
+  isLastItem(index: number): boolean;
+  isEllipsis(item: BreadcrumbItem): boolean;
+  onItemClick(item: BreadcrumbItem): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "lc-breadcrumbs", never, {
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "separator": {
+      "alias": "separator";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxItems": {
+      "alias": "maxItems";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "itemClick": "itemClick";
+  }, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,181 @@
+import * as i0 from "@angular/core";
+import { ElementRef } from "@angular/core";
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'link' | 'danger' | 'warning' | 'info';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+export type ButtonType = 'button' | 'submit' | 'reset';
+export declare class ButtonComponent {
+  readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
+  readonly size: import("@angular/core").InputSignal<ButtonSize>;
+  readonly disabled: import("@angular/core").InputSignal<boolean>;
+  readonly loading: import("@angular/core").InputSignal<boolean>;
+  readonly iconOnly: import("@angular/core").InputSignal<boolean>;
+  readonly fullWidth: import("@angular/core").InputSignal<boolean>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly type: import("@angular/core").InputSignal<ButtonType>;
+  /**
+   * Native tooltip (title attribute) on the button.
+   */
+  readonly title: import("@angular/core").InputSignal<string>;
+  /**
+   * Reason shown as tooltip while the button is disabled (or loading).
+   * Takes precedence over `title` in that state. The tooltip also appears
+   * over the disabled button — the component guarantees the inner button
+   * never gets `pointer-events: none`.
+   */
+  readonly disabledReason: import("@angular/core").InputSignal<string>;
+  /**
+   * Render as an inline text button that inherits font size, weight and
+   * line-height from the surrounding text (for links inside copy, clickable
+   * row titles, linked counters). Pair with `variant="link"`.
+   * @default false
+   */
+  readonly inline: import("@angular/core").InputSignal<boolean>;
+  readonly clicked: import("@angular/core").OutputEmitterRef<void>;
+  readonly focused: import("@angular/core").OutputEmitterRef<void>;
+  readonly blurred: import("@angular/core").OutputEmitterRef<void>;
+  buttonElement: ElementRef<HTMLButtonElement>;
+  readonly isDisabled: import("@angular/core").Signal<boolean>;
+  /**
+   * Tooltip actually applied to the button: `disabledReason` while disabled,
+   * `title` otherwise.
+   */
+  readonly effectiveTitle: import("@angular/core").Signal<string | null>;
+  handleClick(): void;
+  handleFocus(): void;
+  handleBlur(): void;
+  focus(): void;
+  blur(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lc-button", 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;
+    };
+    "fullWidth": {
+      "alias": "fullWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabledReason": {
+      "alias": "disabledReason";
+      "required": false;
+      "isSignal": true;
+    };
+    "inline": {
+      "alias": "inline";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "clicked": "clicked";
+    "focused": "focused";
+    "blurred": "blurred";
+  }, never, ["[slot='icon-before']", "*", "[slot='icon-after']"], true, never>;
+}
+/**
+ * `lc-button` styling on a native link: `<a lcButton href="…">`.
+ *
+ * Use it for navigation that looks like a button — calls to action, "read
+ * more" links, a language switch. The host *is* the anchor, so every native
+ * link attribute (`href`, `hreflang`, `lang`, `rel`, `target`, `download`,
+ * `title`, `aria-*`) passes through untouched, and the component adds no event
+ * listeners: after server-side rendering or prerendering the markup is a plain
+ * `<a class="btn btn-primary btn-md" href="…">` that works without JavaScript.
+ * `routerLink` can sit on the same anchor for in-app navigation.
+ *
+ * Same variants, sizes and modifiers as `lc-button` (it shares its stylesheet).
+ * Use `size="lg"` (48.5 px) where the link must meet the 44 px touch target. A link
+ * cannot be disabled or busy — render plain text or an `lc-button` for those
+ * states. An `iconOnly` link needs an `aria-label`.
+ *
+ * @example
+ * ```html
+ * <a lcButton variant="primary" size="lg" href="/de/neuigkeiten">Schau uns beim Bauen zu</a>
+ * <a lcButton variant="ghost" href="/en/security" hreflang="en" lang="en">English</a>
+ * <a lcButton variant="outline" href="https://www.linkedin.com/in/…" rel="me">
+ *   <lc-icon slot="icon-before" name="external-link" size="sm" [decorative]="true" />
+ *   LinkedIn
+ * </a>
+ * ```
+ */
+export declare class ButtonLinkComponent {
+  /** Visual variant, as on `lc-button`. */
+  readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
+  /** Size, as on `lc-button`. `lg` (48.5 px high) meets the 44 px touch target. */
+  readonly size: import("@angular/core").InputSignal<ButtonSize>;
+  /** Stretch the link to the full width of its container. */
+  readonly fullWidth: import("@angular/core").InputSignal<boolean>;
+  /** Square icon-only link. Give the anchor an `aria-label`. */
+  readonly iconOnly: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Flow with the surrounding text instead of forming a pill (inherits font
+   * size, weight and line-height). Pair with `variant="link"`.
+   */
+  readonly inline: import("@angular/core").InputSignal<boolean>;
+  /** Classes on the anchor; merged with the consumer's own `class`. */
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ButtonLinkComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ButtonLinkComponent, "a[lcButton]", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "fullWidth": {
+      "alias": "fullWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "iconOnly": {
+      "alias": "iconOnly";
+      "required": false;
+      "isSignal": true;
+    };
+    "inline": {
+      "alias": "inline";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[slot='icon-before']", "*", "[slot='icon-after']"], true, never>;
+}

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

@@ -0,0 +1,136 @@
+import * as i0 from "@angular/core";
+export type CalendarView = 'day' | 'week' | 'month';
+/** UI strings of the calendar chrome; override individual keys via the `labels` input. */
+export interface CalendarLabels {
+  today: string;
+  day: string;
+  week: string;
+  month: string;
+  previous: string;
+  next: string;
+}
+export interface CalendarEvent {
+  id: string;
+  title: string;
+  start: Date | string;
+  end: Date | string;
+  color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+  allDay?: boolean;
+}
+interface DayCell {
+  date: Date;
+  isToday: boolean;
+  isCurrentMonth: boolean;
+  events: CalendarEvent[];
+}
+interface HourSlot {
+  hour: number;
+  label: string;
+}
+export declare class CalendarComponent {
+  /** Current view mode. Two-way bindable; the view toggle writes it and emits `viewChange`. */
+  view: import("@angular/core").ModelSignal<CalendarView>;
+  /** Events to display. */
+  events: import("@angular/core").InputSignal<CalendarEvent[]>;
+  /** First day of week (0=Sunday, 1=Monday). */
+  firstDayOfWeek: import("@angular/core").InputSignal<number>;
+  /** Locale for date formatting. */
+  locale: import("@angular/core").InputSignal<string>;
+  /** Overrides for the built-in UI strings (defaults are German, matching the default locale). */
+  labels: import("@angular/core").InputSignal<Partial<CalendarLabels>>;
+  /** Start hour for day/week view. */
+  startHour: import("@angular/core").InputSignal<number>;
+  /** End hour for day/week view. */
+  endHour: import("@angular/core").InputSignal<number>;
+  /** Emits when an event is clicked. */
+  eventClick: import("@angular/core").OutputEmitterRef<CalendarEvent>;
+  /** Emits when a date cell is clicked. */
+  dateClick: import("@angular/core").OutputEmitterRef<Date>;
+  protected readonly currentDate: import("@angular/core").WritableSignal<Date>;
+  protected readonly text: import("@angular/core").Signal<CalendarLabels>;
+  protected readonly headerTitle: import("@angular/core").Signal<string>;
+  protected readonly weekDayNames: import("@angular/core").Signal<string[]>;
+  protected readonly monthGrid: import("@angular/core").Signal<DayCell[][]>;
+  protected readonly hourSlots: import("@angular/core").Signal<HourSlot[]>;
+  protected readonly weekDays: import("@angular/core").Signal<{
+    date: Date;
+    label: string;
+    isToday: boolean;
+    events: {
+      start: Date;
+      end: Date;
+      id: string;
+      title: string;
+      color?: "primary" | "secondary" | "success" | "warning" | "error" | "info";
+      allDay?: boolean;
+    }[];
+  }[]>;
+  protected readonly dayEvents: import("@angular/core").Signal<{
+    start: Date;
+    end: Date;
+    id: string;
+    title: string;
+    color?: "primary" | "secondary" | "success" | "warning" | "error" | "info";
+    allDay?: boolean;
+  }[]>;
+  private readonly normalizedEvents;
+  protected navigatePrev(): void;
+  protected navigateNext(): void;
+  protected navigateToday(): void;
+  protected setView(v: CalendarView): void;
+  protected onEventClick(event: CalendarEvent, e: Event): void;
+  protected onDateClick(date: Date, e?: Event): void;
+  /** Full, localized accessible name for a day button (e.g. "Montag, 15. Januar 2024"). */
+  protected dateLabel(date: Date): string;
+  /** Accessible name for an event button: title plus its time range (or "all day"). */
+  protected eventLabel(event: CalendarEvent): string;
+  protected eventTop(event: CalendarEvent): number;
+  protected eventHeight(event: CalendarEvent): number;
+  private navigate;
+  private weekStart;
+  private isSameDay;
+  private isEventOnDate;
+  static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "lc-calendar", never, {
+    "view": {
+      "alias": "view";
+      "required": false;
+      "isSignal": true;
+    };
+    "events": {
+      "alias": "events";
+      "required": false;
+      "isSignal": true;
+    };
+    "firstDayOfWeek": {
+      "alias": "firstDayOfWeek";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "labels": {
+      "alias": "labels";
+      "required": false;
+      "isSignal": true;
+    };
+    "startHour": {
+      "alias": "startHour";
+      "required": false;
+      "isSignal": true;
+    };
+    "endHour": {
+      "alias": "endHour";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "view": "viewChange";
+    "eventClick": "eventClick";
+    "dateClick": "dateClick";
+  }, never, never, true, never>;
+}
+export {};

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

@@ -0,0 +1,77 @@
+import * as i0 from "@angular/core";
+export type CalloutVariant = 'info' | 'success' | 'warning' | 'error' | 'neutral';
+export declare class CalloutComponent {
+  /** Visual variant */
+  variant: import("@angular/core").InputSignal<CalloutVariant>;
+  /** Title text (optional) */
+  title: import("@angular/core").InputSignal<string | undefined>;
+  /** Icon name instead of the variant's default icon. */
+  icon: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Accessible name of the icon, e.g. „Hinweis“. Leave it unset when the
+   * title or text already says what kind of note this is: the icon is then
+   * decorative (`aria-hidden`). The kit sets no default text, so no English
+   * word is read on a page in another language.
+   */
+  iconAriaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /** Whether the callout can be dismissed */
+  dismissible: import("@angular/core").InputSignal<boolean>;
+  /** Accessible name of the dismiss button (`dismissible`). */
+  dismissAriaLabel: import("@angular/core").InputSignal<string>;
+  /** Emits when dismiss button is clicked */
+  dismissed: import("@angular/core").OutputEmitterRef<void>;
+  /**
+   * Visibility (two-way bindable). Dismissing sets it to `false`; the parent
+   * can set it back to `true` to show the callout again.
+   */
+  visible: import("@angular/core").ModelSignal<boolean>;
+  protected calloutClasses: import("@angular/core").Signal<string>;
+  /**
+   * Live-region semantics: only error / warning callouts interrupt the user
+   * (`alert`); informational ones are announced politely (`status`).
+   */
+  protected role: import("@angular/core").Signal<"alert" | "status">;
+  protected iconName: import("@angular/core").Signal<string>;
+  dismiss(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<CalloutComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<CalloutComponent, "lc-callout", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "iconAriaLabel": {
+      "alias": "iconAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "dismissible": {
+      "alias": "dismissible";
+      "required": false;
+      "isSignal": true;
+    };
+    "dismissAriaLabel": {
+      "alias": "dismissAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "visible": {
+      "alias": "visible";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "dismissed": "dismissed";
+    "visible": "visibleChange";
+  }, never, ["*"], true, never>;
+}