@lifecorner/angular-ui-kit 3.4.1 → 3.5.1

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

@@ -0,0 +1,116 @@
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+export type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg';
+export declare class CheckboxComponent implements ControlValueAccessor {
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly error: import("@angular/core").InputSignal<boolean>;
+  readonly errorMessage: import("@angular/core").InputSignal<string>;
+  readonly helpText: import("@angular/core").InputSignal<string>;
+  readonly size: import("@angular/core").InputSignal<CheckboxSize>;
+  readonly required: import("@angular/core").InputSignal<boolean>;
+  readonly disabled: import("@angular/core").InputSignal<boolean>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly ariaLabelledBy: import("@angular/core").InputSignal<string>;
+  readonly ariaDescribedBy: import("@angular/core").InputSignal<string>;
+  /**
+   * Checked state (two-way bindable). Emits `checkedChange` whenever the
+   * value changes — on user toggle as well as on form writes.
+   */
+  readonly checked: import("@angular/core").ModelSignal<boolean>;
+  /**
+   * Indeterminate ("partially checked") state (two-way bindable). Cleared
+   * automatically on the next user interaction; emits `indeterminateChange`.
+   */
+  readonly indeterminate: import("@angular/core").ModelSignal<boolean>;
+  /** Disabled state pushed by a form control (`setDisabledState`). */
+  private readonly formDisabled;
+  /** Effective disabled state: `disabled` input OR form control disabled. */
+  readonly isDisabled: import("@angular/core").Signal<boolean>;
+  readonly labelClasses: import("@angular/core").Signal<string>;
+  /** id of the rendered help text (only while it is shown). */
+  readonly helpTextId: import("@angular/core").Signal<string | null>;
+  /** id of the rendered error message (only while it is shown). */
+  readonly errorMessageId: import("@angular/core").Signal<string | null>;
+  /** aria-describedby: consumer-supplied ids plus the rendered help/error text. */
+  readonly describedBy: import("@angular/core").Signal<string | null>;
+  writeValue(value: boolean | null): void;
+  registerOnChange(fn: (value: boolean) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(isDisabled: boolean): void;
+  handleChange(event: Event): void;
+  handleBlur(): void;
+  private onChange;
+  private onTouched;
+  static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "lc-checkbox", never, {
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "error": {
+      "alias": "error";
+      "required": false;
+      "isSignal": true;
+    };
+    "errorMessage": {
+      "alias": "errorMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "helpText": {
+      "alias": "helpText";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabelledBy": {
+      "alias": "ariaLabelledBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaDescribedBy": {
+      "alias": "ariaDescribedBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "checked": {
+      "alias": "checked";
+      "required": false;
+      "isSignal": true;
+    };
+    "indeterminate": {
+      "alias": "indeterminate";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "checked": "checkedChange";
+    "indeterminate": "indeterminateChange";
+  }, never, never, true, never>;
+}

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

@@ -0,0 +1,104 @@
+import * as i0 from "@angular/core";
+export type ChipVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+export type ChipSize = 'sm' | 'md' | 'lg';
+/**
+ * Chip component for displaying tags, filters, or selections.
+ *
+ * Features:
+ * - Color variants (primary, secondary, success, warning, error, info, neutral)
+ * - Multiple size options (sm, md, lg)
+ * - Optional leading icon
+ * - Removable with a labelled close button and `remove` event
+ * - Clickable variant that renders as a button and emits `chipClick`;
+ *   clickable + removable renders two sibling buttons (activate / remove) so
+ *   no interactive control is ever nested in another
+ * - Disabled state support
+ *
+ * @example
+ * ```html
+ * <lc-chip variant="primary" [removable]="true" (remove)="onRemove()">
+ *   Tag Name
+ * </lc-chip>
+ *
+ * <lc-chip [clickable]="true" (chipClick)="onNavigate()">
+ *   Linked item
+ * </lc-chip>
+ * ```
+ */
+export declare class ChipComponent {
+  /** Visual variant of the chip */
+  variant: import("@angular/core").InputSignal<ChipVariant>;
+  /** Size of the chip */
+  size: import("@angular/core").InputSignal<ChipSize>;
+  /** Icon name from Tabler Icons */
+  icon: import("@angular/core").InputSignal<string | undefined>;
+  /** Whether the chip can be removed */
+  removable: import("@angular/core").InputSignal<boolean>;
+  /** Accessible name of the remove button (`removable`). */
+  removeAriaLabel: import("@angular/core").InputSignal<string>;
+  /**
+   * Whether the chip acts as a button (e.g. for navigation). Renders the chip
+   * as a `<button type="button">` with hover / active / focus-visible states.
+   */
+  clickable: import("@angular/core").InputSignal<boolean>;
+  /** Whether the chip is disabled */
+  disabled: import("@angular/core").InputSignal<boolean>;
+  /** Emitted when the chip is removed */
+  readonly remove: import("@angular/core").OutputEmitterRef<void>;
+  /** Emitted when a clickable chip is activated (click, Enter or Space). */
+  readonly chipClick: import("@angular/core").OutputEmitterRef<void>;
+  /**
+   * Computed CSS classes for the chip
+   */
+  chipClasses: import("@angular/core").Signal<string>;
+  /**
+   * Handle activation of a clickable chip
+   */
+  onChipClick(): void;
+  /**
+   * Handle remove button click. The remove button is a real, labelled
+   * `<button>` (Enter / Space work natively), so no extra key handling here.
+   */
+  onRemove(event: Event): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "lc-chip", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "removable": {
+      "alias": "removable";
+      "required": false;
+      "isSignal": true;
+    };
+    "removeAriaLabel": {
+      "alias": "removeAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "clickable": {
+      "alias": "clickable";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "remove": "remove";
+    "chipClick": "chipClick";
+  }, never, ["*"], true, never>;
+}

package/types/lifecorner-angular-ui-kit-choice-prompt.d.ts

@@ -0,0 +1,186 @@
+import * as i0 from "@angular/core";
+/** One selectable answer of an `lc-choice-prompt`. */
+export interface ChoicePromptOption {
+  id: string;
+  label: string;
+  /** Optional second line inside the option button. */
+  description?: string;
+  /** Marks the recommended answer: badge + first position. */
+  recommended?: boolean;
+}
+/** A subordinate exit of the prompt (e.g. "Selbst gelöst" / "Ignorieren"). */
+export interface ChoicePromptSecondaryAction {
+  id: string;
+  label: string;
+  tooltip?: string;
+}
+/** Payload of the `(decided)` output — exactly one of the two fields is set. */
+export interface ChoicePromptDecision {
+  optionId?: string;
+  customText?: string;
+}
+export type ChoicePromptSize = 'sm' | 'md';
+/**
+ * Inline decision prompt: predefined answer options (with a marked
+ * recommendation) plus an optional free-text answer — no modal, directly in
+ * the flow.
+ *
+ * Features:
+ * - Options as buttons; `recommended` carries the badge and is sorted first
+ * - Free-text lane behind a toggle link (`allowCustom`), submit via button or
+ *   Enter; empty text is never submittable
+ * - `busy` after a decision: the clicked option shows a spinner, everything
+ *   else is disabled — prevents double submits. Focus stays on the triggering
+ *   element when `busy` ends.
+ * - `disabled` requires a `disabledReason` (tooltip); missing reason logs a
+ *   dev warning
+ * - Subordinate exits via `secondaryActions`
+ * - `role="group"` labelled via `promptLabel` (the question itself lives in
+ *   the surrounding layout)
+ *
+ * @example
+ * ```html
+ * <lc-choice-prompt
+ *   promptLabel="Wie soll der Konflikt gelöst werden?"
+ *   [options]="[
+ *     { id: 'a', label: 'Variante A übernehmen', recommended: true },
+ *     { id: 'b', label: 'Beide behalten' },
+ *   ]"
+ *   [busy]="saving()"
+ *   (decided)="resolve($event)"
+ * />
+ * ```
+ */
+export declare class ChoicePromptComponent {
+  /** Answer options. The recommended option is sorted to the front. */
+  options: import("@angular/core").InputSignal<ChoicePromptOption[]>;
+  /**
+   * Whether the free-text lane is offered.
+   * @default true
+   */
+  allowCustom: import("@angular/core").InputSignal<boolean>;
+  /** Label of the link that opens the free-text lane. */
+  customToggleLabel: import("@angular/core").InputSignal<string>;
+  /** Placeholder of the free-text input. */
+  customPlaceholder: import("@angular/core").InputSignal<string>;
+  /** Label of the free-text submit button. */
+  submitLabel: import("@angular/core").InputSignal<string>;
+  /**
+   * Set after a decision while it is being processed: the chosen element shows
+   * a spinner, every other interaction is blocked (including Enter in the
+   * free-text input).
+   * @default false
+   */
+  busy: import("@angular/core").InputSignal<boolean>;
+  /** Disables the whole prompt. Requires `disabledReason`. */
+  disabled: import("@angular/core").InputSignal<boolean>;
+  /** Why the prompt is disabled — shown as tooltip. */
+  disabledReason: import("@angular/core").InputSignal<string>;
+  /** Subordinate exits, rendered as quiet text buttons after the options. */
+  secondaryActions: import("@angular/core").InputSignal<ChoicePromptSecondaryAction[]>;
+  /**
+   * `sm` for dense lists (inbox rows).
+   * @default 'md'
+   */
+  size: import("@angular/core").InputSignal<ChoicePromptSize>;
+  /** Accessible name of the group — the question shown in the surroundings. */
+  promptLabel: import("@angular/core").InputSignal<string>;
+  /** Label of the recommendation badge. */
+  recommendedLabel: import("@angular/core").InputSignal<string>;
+  /** Fires immediately on option click, or on free-text submit. */
+  decided: import("@angular/core").OutputEmitterRef<ChoicePromptDecision>;
+  /** Fires with the id of a clicked secondary action. */
+  secondaryAction: import("@angular/core").OutputEmitterRef<string>;
+  /** Whether the free-text lane is open. */
+  protected customOpen: import("@angular/core").WritableSignal<boolean>;
+  /** Current free-text value. */
+  protected customText: import("@angular/core").WritableSignal<string>;
+  /** Option that triggered the pending decision (spinner + focus anchor). */
+  protected pendingOptionId: import("@angular/core").WritableSignal<string | null>;
+  /** Whether the pending decision came from the free-text lane. */
+  protected pendingCustom: import("@angular/core").WritableSignal<boolean>;
+  private customInput;
+  private optionButtons;
+  private submitButton;
+  /** Options with the recommended one(s) first, original order otherwise. */
+  protected sortedOptions: import("@angular/core").Signal<ChoicePromptOption[]>;
+  /** No interaction while busy or disabled. */
+  protected locked: import("@angular/core").Signal<boolean>;
+  protected canSubmitCustom: import("@angular/core").Signal<boolean>;
+  protected disabledTitle: import("@angular/core").Signal<string | null>;
+  protected groupClasses: import("@angular/core").Signal<string>;
+  constructor();
+  protected isPendingOption(id: string): boolean;
+  protected chooseOption(option: ChoicePromptOption): void;
+  protected openCustom(): void;
+  protected onCustomInput(event: Event): void;
+  protected submitCustom(): void;
+  protected triggerSecondary(action: ChoicePromptSecondaryAction): void;
+  private restoreFocus;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ChoicePromptComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ChoicePromptComponent, "lc-choice-prompt", never, {
+    "options": {
+      "alias": "options";
+      "required": true;
+      "isSignal": true;
+    };
+    "allowCustom": {
+      "alias": "allowCustom";
+      "required": false;
+      "isSignal": true;
+    };
+    "customToggleLabel": {
+      "alias": "customToggleLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "customPlaceholder": {
+      "alias": "customPlaceholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "submitLabel": {
+      "alias": "submitLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "busy": {
+      "alias": "busy";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabledReason": {
+      "alias": "disabledReason";
+      "required": false;
+      "isSignal": true;
+    };
+    "secondaryActions": {
+      "alias": "secondaryActions";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "promptLabel": {
+      "alias": "promptLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "recommendedLabel": {
+      "alias": "recommendedLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "decided": "decided";
+    "secondaryAction": "secondaryAction";
+  }, never, never, true, never>;
+}

package/types/lifecorner-angular-ui-kit-code-block.d.ts

@@ -0,0 +1,85 @@
+import { SafeHtml } from "@angular/platform-browser";
+import * as i0 from "@angular/core";
+export type CodeBlockLanguage = 'typescript' | 'javascript' | 'html' | 'css' | 'scss' | 'json' | 'bash' | 'python' | 'java' | 'text';
+export declare class CodeBlockComponent {
+  /** Code content to display */
+  code: import("@angular/core").InputSignal<string>;
+  /** Language label */
+  language: import("@angular/core").InputSignal<CodeBlockLanguage>;
+  /** Optional filename to display */
+  filename: import("@angular/core").InputSignal<string | undefined>;
+  /** Whether to show line numbers */
+  showLineNumbers: import("@angular/core").InputSignal<boolean>;
+  /** Whether to show copy button */
+  showCopy: import("@angular/core").InputSignal<boolean>;
+  /** Whether the code block has a header bar */
+  showHeader: import("@angular/core").InputSignal<boolean>;
+  /** Visible label of the copy button. */
+  copyLabel: import("@angular/core").InputSignal<string>;
+  /** Accessible name of the copy button. */
+  copyAriaLabel: import("@angular/core").InputSignal<string>;
+  /** Label of the copy button after copying (also its accessible name). */
+  copiedLabel: import("@angular/core").InputSignal<string>;
+  /** Announced to screen readers after copying. */
+  copiedAnnouncement: import("@angular/core").InputSignal<string>;
+  protected copied: import("@angular/core").WritableSignal<boolean>;
+  private readonly sanitizer;
+  protected highlightedLines: import("@angular/core").Signal<SafeHtml[]>;
+  protected lineNumbers: import("@angular/core").Signal<number[]>;
+  protected headerLabel: import("@angular/core").Signal<string>;
+  protected codeClasses: import("@angular/core").Signal<string>;
+  protected copyToClipboard(): Promise<void>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<CodeBlockComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<CodeBlockComponent, "lc-code-block", never, {
+    "code": {
+      "alias": "code";
+      "required": true;
+      "isSignal": true;
+    };
+    "language": {
+      "alias": "language";
+      "required": false;
+      "isSignal": true;
+    };
+    "filename": {
+      "alias": "filename";
+      "required": false;
+      "isSignal": true;
+    };
+    "showLineNumbers": {
+      "alias": "showLineNumbers";
+      "required": false;
+      "isSignal": true;
+    };
+    "showCopy": {
+      "alias": "showCopy";
+      "required": false;
+      "isSignal": true;
+    };
+    "showHeader": {
+      "alias": "showHeader";
+      "required": false;
+      "isSignal": true;
+    };
+    "copyLabel": {
+      "alias": "copyLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "copyAriaLabel": {
+      "alias": "copyAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "copiedLabel": {
+      "alias": "copiedLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "copiedAnnouncement": {
+      "alias": "copiedAnnouncement";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/lifecorner-angular-ui-kit-color-picker.d.ts

@@ -0,0 +1,88 @@
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class ColorPickerComponent implements ControlValueAccessor {
+  private static nextId;
+  /** Label text */
+  label: import("@angular/core").InputSignal<string | undefined>;
+  /** Predefined color swatches */
+  swatches: import("@angular/core").InputSignal<string[]>;
+  /** Whether to show the hex input field */
+  showInput: import("@angular/core").InputSignal<boolean>;
+  /** Whether the picker is disabled */
+  disabled: import("@angular/core").InputSignal<boolean>;
+  /** Accessible name of the picker when no visible `label` is set. */
+  ariaLabel: import("@angular/core").InputSignal<string>;
+  /** Accessible name of the hex field (after `label` and a dash when set). */
+  hexAriaLabel: import("@angular/core").InputSignal<string>;
+  /** Accessible name of the swatch group (after `label` and a dash when set). */
+  swatchesAriaLabel: import("@angular/core").InputSignal<string>;
+  /** Emits the selected color hex value */
+  colorChange: import("@angular/core").OutputEmitterRef<string>;
+  /** Per-instance id wiring the label to the native colour input. */
+  readonly inputId: string;
+  protected value: 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 swatchButtons;
+  /**
+   * The swatch carrying the group's single tab stop (roving tabindex): the
+   * selected one, or the first when the current colour is not in the palette.
+   */
+  protected readonly focusableSwatchIndex: import("@angular/core").Signal<number>;
+  protected pickerClasses: import("@angular/core").Signal<string>;
+  private onChange;
+  private onTouched;
+  protected selectSwatch(color: string): void;
+  /** Arrow keys / Home / End move selection (and focus) through the palette like a radiogroup. */
+  protected onSwatchKeydown(event: KeyboardEvent, index: number): void;
+  protected onNativeInput(event: Event): void;
+  protected onHexInput(event: Event): void;
+  protected onBlur(): void;
+  private setValue;
+  writeValue(val: string): void;
+  registerOnChange(fn: (val: string) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(isDisabled: boolean): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "lc-color-picker", never, {
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "swatches": {
+      "alias": "swatches";
+      "required": false;
+      "isSignal": true;
+    };
+    "showInput": {
+      "alias": "showInput";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "hexAriaLabel": {
+      "alias": "hexAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "swatchesAriaLabel": {
+      "alias": "swatchesAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "colorChange": "colorChange";
+  }, never, never, true, never>;
+}