@lifecorner/angular-ui-kit 3.4.1 → 3.5.1

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

@@ -0,0 +1,113 @@
+import * as i0 from "@angular/core";
+export interface StepperStep {
+  readonly label: string;
+  readonly description?: string;
+  readonly optional?: boolean;
+}
+export type StepState = 'pending' | 'active' | 'completed';
+/**
+ * Stepper component for multi-step wizard workflows.
+ *
+ * Features:
+ * - Horizontal and vertical orientations
+ * - Active, completed, and pending step states
+ * - Numbered step indicators with checkmark on completion
+ * - Optional step descriptions and "optional" labels
+ * - Linear mode restricting navigation to sequential steps
+ * - Two-way active step binding
+ * - Content projection for step body
+ * - Accessible: steps are real buttons in an ordered list, the active step
+ *   carries `aria-current="step"`, non-navigable steps are disabled
+ *
+ * @example
+ * ```html
+ * <lc-stepper [steps]="steps" [(activeStep)]="currentStep">
+ *   <div>Step content here</div>
+ * </lc-stepper>
+ * ```
+ */
+export declare class StepperComponent {
+  /** Step definitions */
+  readonly steps: import("@angular/core").InputSignal<readonly StepperStep[]>;
+  /** Active step index (0-based, two-way binding) */
+  readonly activeStep: import("@angular/core").ModelSignal<number>;
+  /** Whether completed steps can be clicked to navigate back */
+  readonly linear: import("@angular/core").InputSignal<boolean>;
+  /** Orientation */
+  readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+  /** Text shown under optional steps */
+  readonly optionalLabel: import("@angular/core").InputSignal<string>;
+  /**
+   * Accessible name template for each step button. Placeholders: `{n}`
+   * (1-based step number), `{m}` (step count), `{label}`. Optional steps get
+   * `optionalLabel` appended.
+   */
+  readonly stepAriaLabel: import("@angular/core").InputSignal<string>;
+  /** Emitted when active step changes */
+  readonly stepChange: import("@angular/core").OutputEmitterRef<number>;
+  /** Per-instance id prefix so description ids stay unique across steppers */
+  private readonly instanceId;
+  /** Computed total step count */
+  readonly totalSteps: import("@angular/core").Signal<number>;
+  /** Whether we're on the first step */
+  readonly isFirstStep: import("@angular/core").Signal<boolean>;
+  /** Whether we're on the last step */
+  readonly isLastStep: import("@angular/core").Signal<boolean>;
+  /** Get the state of a step */
+  getStepState(index: number): StepState;
+  /**
+   * Whether the step at `index` can be activated by the user. In linear mode
+   * only completed steps (and the active one) are reachable.
+   */
+  isStepNavigable(index: number): boolean;
+  /** Accessible name for the step button at `index` */
+  getStepAriaLabel(index: number): string;
+  /** Id of the description element for `aria-describedby` (or null) */
+  getDescriptionId(index: number): string | null;
+  /** Navigate to a specific step (only if navigable, see `isStepNavigable`) */
+  goToStep(index: number): void;
+  /** Go to next step */
+  next(): void;
+  /** Go to previous step */
+  previous(): void;
+  /** Get CSS classes for step indicator */
+  getStepClasses(index: number): string;
+  /** Get CSS classes for connector line */
+  getConnectorClasses(index: number): string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "lc-stepper", never, {
+    "steps": {
+      "alias": "steps";
+      "required": true;
+      "isSignal": true;
+    };
+    "activeStep": {
+      "alias": "activeStep";
+      "required": false;
+      "isSignal": true;
+    };
+    "linear": {
+      "alias": "linear";
+      "required": false;
+      "isSignal": true;
+    };
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "optionalLabel": {
+      "alias": "optionalLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "stepAriaLabel": {
+      "alias": "stepAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "activeStep": "activeStepChange";
+    "stepChange": "stepChange";
+  }, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,141 @@
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+/**
+ * Switch component for boolean toggle functionality.
+ *
+ * Features:
+ * - Color variants (primary, secondary, success, warning, danger)
+ * - Size options (sm, md, lg)
+ * - Loading state with spinner
+ * - Configurable label positioning (left/right)
+ * - Keyboard toggle support
+ * - Disabled and required states
+ * - ControlValueAccessor integration for reactive forms
+ *
+ * @example
+ * ```html
+ * <lc-switch label="Enable notifications" [(ngModel)]="isEnabled" />
+ * ```
+ */
+export declare class SwitchComponent implements ControlValueAccessor {
+  /**
+   * Visual variant of the switch
+   */
+  readonly variant: import("@angular/core").InputSignal<"primary" | "secondary" | "success" | "warning" | "danger">;
+  /**
+   * Size of the switch
+   */
+  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg">;
+  /**
+   * Whether the switch is checked (template-driven usage; forms write via `writeValue`)
+   */
+  readonly checked: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Whether the switch is disabled
+   */
+  readonly disabled: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Whether the switch is required
+   */
+  readonly required: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Whether the switch is in loading state
+   */
+  readonly loading: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Label text
+   */
+  readonly label: import("@angular/core").InputSignal<string>;
+  /**
+   * Label position relative to switch
+   */
+  readonly labelPosition: import("@angular/core").InputSignal<"left" | "right">;
+  /**
+   * ARIA label for accessibility (overrides the visible label as accessible name)
+   */
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Emitted when checked state changes
+   */
+  readonly checkedChange: import("@angular/core").OutputEmitterRef<boolean>;
+  /** Per-instance id so the visible `<label for>` points at this switch. */
+  readonly switchId: string;
+  /**
+   * Effective checked state: follows the `checked` input, overridden by
+   * form writes (`writeValue`) and user toggles.
+   */
+  readonly checkedState: import("@angular/core").WritableSignal<boolean>;
+  private readonly formDisabled;
+  /**
+   * Computed disabled state from both input and form control
+   */
+  readonly isDisabled: import("@angular/core").Signal<boolean>;
+  /**
+   * Computed classes for the switch element
+   */
+  readonly switchClasses: import("@angular/core").Signal<string>;
+  private onChange;
+  private onTouched;
+  /**
+   * Toggle the switch state
+   */
+  toggle(): void;
+  /**
+   * Handle click event (the control is a native button, so Space/Enter arrive here too)
+   */
+  onClick(): void;
+  writeValue(value: boolean | null | undefined): void;
+  registerOnChange(fn: (value: boolean) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(isDisabled: boolean): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "lc-switch", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "checked": {
+      "alias": "checked";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "labelPosition": {
+      "alias": "labelPosition";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "checkedChange": "checkedChange";
+  }, never, never, true, never>;
+}