@testgorilla/tgo-ui 11.22.2 → 12.0.0

package/types/testgorilla-tgo-ui-components-segmented-toggle.d.ts

@@ -1,108 +1,141 @@
-import * as _angular_core from '@angular/core';
-import { TooltipPosition } from '@angular/material/tooltip';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import { TooltipPositionType } from '@testgorilla/tgo-ui/components/tooltip';
-
-interface SegmentedToggleOption<T> {
-    value: T;
-    /**
-     * Visible text label. Optional so an option can be icon-only — in that case
-     * provide `icon` and `iconAriaLabel` so the segment still has an accessible name.
-     */
-    label?: string;
-    /**
-     * Optional quantity shown to the right of the label (e.g. `Saved 12`). While
-     * the toggle is `loading`, a skeleton is shown in its place.
-     */
-    count?: number;
-    /** Optional leading icon, typed to the Canopy icon set. */
-    icon?: IconName;
-    /**
-     * When set, the icon is informational and this text is exposed to assistive
-     * tech via a visually-hidden label. When omitted, the icon is decorative and
-     * marked `aria-hidden`.
-     */
-    iconAriaLabel?: string;
-    /**
-     * When true, selecting this option shows the brand (magenta) pill; selecting
-     * any non-brand option shows the neutral pill.
-     */
-    brand?: boolean;
-    testId?: string;
-    /** Optional tooltip text shown when hovering or focusing this segment. */
-    tooltip?: string;
-    /**
-     * Position of the tooltip relative to the segment. Only relevant when
-     * `tooltip` is set. Defaults to `TooltipPositionType.TOP`.
-     */
-    tooltipPosition?: TooltipPositionType;
+import { TooltipPosition } from "@angular/material/tooltip";
+import { ApplicationTheme, ApplicationTheme as ApplicationTheme$1 } from "@testgorilla/tgo-ui/components/core";
+import { IconName } from "@testgorilla/tgo-ui/components/icon";
+import { TooltipPositionType } from "@testgorilla/tgo-ui/components/tooltip";
+import * as i0 from "@angular/core";
+export interface SegmentedToggleOption<T> {
+  value: T;
+  /**
+   * Visible text label. Optional so an option can be icon-only — in that case
+   * provide `icon` and `iconAriaLabel` so the segment still has an accessible name.
+   */
+  label?: string;
+  /**
+   * Optional quantity shown to the right of the label (e.g. `Saved 12`). While
+   * the toggle is `loading`, a skeleton is shown in its place.
+   */
+  count?: number;
+  /** Optional leading icon, typed to the Canopy icon set. */
+  icon?: IconName;
+  /**
+   * When set, the icon is informational and this text is exposed to assistive
+   * tech via a visually-hidden label. When omitted, the icon is decorative and
+   * marked `aria-hidden`.
+   */
+  iconAriaLabel?: string;
+  /**
+   * When true, selecting this option shows the brand (magenta) pill; selecting
+   * any non-brand option shows the neutral pill.
+   */
+  brand?: boolean;
+  testId?: string;
+  /** Optional tooltip text shown when hovering or focusing this segment. */
+  tooltip?: string;
+  /**
+   * Position of the tooltip relative to the segment. Only relevant when
+   * `tooltip` is set. Defaults to `TooltipPositionType.TOP`.
+   */
+  tooltipPosition?: TooltipPositionType;
 }
-
-declare class SegmentedToggleComponent<T> {
-    private readonly hostRef;
-    private readonly destroyRef;
-    readonly options: _angular_core.InputSignal<SegmentedToggleOption<T>[]>;
-    readonly value: _angular_core.ModelSignal<T | undefined>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Shows a small skeleton to the right of each option's content, in place of
-     * its `count`, while the quantities are being fetched. Segments stay selectable.
-     */
-    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
-    readonly testId: _angular_core.InputSignal<string | null>;
-    readonly applicationTheme: _angular_core.InputSignal<ApplicationTheme | undefined>;
-    private readonly defaultAppTheme;
-    readonly theme: _angular_core.Signal<ApplicationTheme>;
-    /**
-     * Pill-shaped placeholder sized to a short count next to a 16px icon/label.
-     * Tinted from the segment's text colour so it follows every state (unselected,
-     * selected, brand, disabled); the library's fixed light grey vanishes on white
-     * and glares on the black pill.
-     */
-    protected readonly skeletonTheme: {
-        'background-color': string;
-        width: string;
-        height: string;
-        margin: string;
-        'border-radius': string;
-        'vertical-align': string;
+export declare class SegmentedToggleComponent<T> {
+  private readonly hostRef;
+  private readonly destroyRef;
+  readonly options: import("@angular/core").InputSignal<SegmentedToggleOption<T>[]>;
+  readonly value: import("@angular/core").ModelSignal<T | undefined>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Shows a small skeleton to the right of each option's content, in place of
+   * its `count`, while the quantities are being fetched. Segments stay selectable.
+   */
+  readonly loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  readonly testId: import("@angular/core").InputSignal<string | null>;
+  readonly applicationTheme: import("@angular/core").InputSignal<ApplicationTheme$1 | undefined>;
+  private readonly defaultAppTheme;
+  readonly theme: import("@angular/core").Signal<ApplicationTheme$1>;
+  /**
+   * Pill-shaped placeholder sized to a short count next to a 16px icon/label.
+   * Tinted from the segment's text colour so it follows every state (unselected,
+   * selected, brand, disabled); the library's fixed light grey vanishes on white
+   * and glares on the black pill.
+   */
+  protected readonly skeletonTheme: {
+    'background-color': string;
+    width: string;
+    height: string;
+    margin: string;
+    'border-radius': string;
+    'vertical-align': string;
+  };
+  /** One ElementRef per segment button; used to measure the active pill geometry. */
+  private readonly optionButtons;
+  /** Index of the selected option; -1 when value() matches no option. */
+  protected readonly selectedIndex: import("@angular/core").Signal<number>;
+  /** True when the currently-selected option is flagged `brand: true`. */
+  protected readonly selectedOptionIsBrand: import("@angular/core").Signal<boolean>;
+  /** Measured pixel geometry of the active button, driving the sliding indicator. */
+  protected readonly indicatorOffset: import("@angular/core").WritableSignal<number>;
+  protected readonly indicatorTop: import("@angular/core").WritableSignal<number>;
+  protected readonly indicatorWidth: import("@angular/core").WritableSignal<number>;
+  protected readonly indicatorHeight: import("@angular/core").WritableSignal<number>;
+  /** Enables the slide transition only after the initial position is painted. */
+  protected readonly animated: import("@angular/core").WritableSignal<boolean>;
+  constructor();
+  protected select(optionValue: T): void;
+  protected isSelected(optionValue: T): boolean;
+  /**
+   * Last-resort accessible name for a segment. Used only for an icon-only option
+   * that provides neither a visible `label` nor an `iconAriaLabel`, so the button
+   * is never a nameless control. When a label or icon label is present those name
+   * the button and this returns `null` (no `aria-label` attribute). The `aria-label`
+   * replaces the button's content as its name, so a visible `count` is appended
+   * here or it would never be announced.
+   */
+  protected fallbackAriaLabel(option: SegmentedToggleOption<T>): string | null;
+  protected optionTestId(option: SegmentedToggleOption<T>): string | null;
+  /** Maps the option's Canopy tooltip position (default TOP) to the MatTooltip position. */
+  protected tooltipPosition(option: SegmentedToggleOption<T>): TooltipPosition;
+  /** Reads the active button's box and writes it to the indicator signals. */
+  private measureIndicator;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedToggleComponent<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedToggleComponent<any>, "ui-segmented-toggle", never, {
+    "options": {
+      "alias": "options";
+      "required": true;
+      "isSignal": true;
     };
-    /** One ElementRef per segment button; used to measure the active pill geometry. */
-    private readonly optionButtons;
-    /** Index of the selected option; -1 when value() matches no option. */
-    protected readonly selectedIndex: _angular_core.Signal<number>;
-    /** True when the currently-selected option is flagged `brand: true`. */
-    protected readonly selectedOptionIsBrand: _angular_core.Signal<boolean>;
-    /** Measured pixel geometry of the active button, driving the sliding indicator. */
-    protected readonly indicatorOffset: _angular_core.WritableSignal<number>;
-    protected readonly indicatorTop: _angular_core.WritableSignal<number>;
-    protected readonly indicatorWidth: _angular_core.WritableSignal<number>;
-    protected readonly indicatorHeight: _angular_core.WritableSignal<number>;
-    /** Enables the slide transition only after the initial position is painted. */
-    protected readonly animated: _angular_core.WritableSignal<boolean>;
-    constructor();
-    protected select(optionValue: T): void;
-    protected isSelected(optionValue: T): boolean;
-    /**
-     * Last-resort accessible name for a segment. Used only for an icon-only option
-     * that provides neither a visible `label` nor an `iconAriaLabel`, so the button
-     * is never a nameless control. When a label or icon label is present those name
-     * the button and this returns `null` (no `aria-label` attribute). The `aria-label`
-     * replaces the button's content as its name, so a visible `count` is appended
-     * here or it would never be announced.
-     */
-    protected fallbackAriaLabel(option: SegmentedToggleOption<T>): string | null;
-    protected optionTestId(option: SegmentedToggleOption<T>): string | null;
-    /** Maps the option's Canopy tooltip position (default TOP) to the MatTooltip position. */
-    protected tooltipPosition(option: SegmentedToggleOption<T>): TooltipPosition;
-    /** Reads the active button's box and writes it to the indicator signals. */
-    private measureIndicator;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedToggleComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedToggleComponent<any>, "ui-segmented-toggle", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "testId": {
+      "alias": "testId";
+      "required": false;
+      "isSignal": true;
+    };
+    "applicationTheme": {
+      "alias": "applicationTheme";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, never>;
 }
-
-export { SegmentedToggleComponent };
-export type { SegmentedToggleOption };
+export { ApplicationTheme };

package/types/testgorilla-tgo-ui-components-selectable-card.d.ts

@@ -1,57 +1,91 @@
-import * as _angular_core from '@angular/core';
-import * as i2 from '@testgorilla/tgo-ui/components/card';
-import { CardSize, CardVariant } from '@testgorilla/tgo-ui/components/card';
-import * as i1 from '@angular/common';
-import * as i3 from '@testgorilla/tgo-ui/components/checkbox';
-
-declare class SelectableCardComponent {
-    /**
-     * Card size. Defaults to "medium".
-     */
-    size: _angular_core.InputSignal<CardSize>;
-    /**
-     * Card variant/design for selected state. Defaults to "default".
-     */
-    selectedVariant: _angular_core.InputSignal<CardVariant>;
-    /**
-     * Whether the card is selected (input from parent).
-     */
-    selected: _angular_core.InputSignal<boolean>;
-    /**
-     * Whether the checkbox is disabled.
-     */
-    isCheckboxDisabled: _angular_core.InputSignal<boolean>;
-    /**
-     * Whether the card is in an error state, which renders the checkbox in red.
-     */
-    hasError: _angular_core.InputSignal<boolean>;
-    testId: _angular_core.InputSignal<string | null>;
-    ariaLabel: _angular_core.InputSignal<string>;
-    protected readonly checkboxTestId: _angular_core.Signal<string | null>;
-    /**
-     * Event emitted when the card is selected, with the current selected state.
-     */
-    cardSelected: _angular_core.OutputEmitterRef<boolean>;
-    /**
-     * Internal override for selected state (when user interacts).
-     */
-    private readonly internalSelectedOverride;
-    /**
-     * Computed selected state that prioritizes user interaction over input.
-     */
-    isSelected: _angular_core.Signal<boolean>;
-    /**
-     * Handles card selection, toggles internal state and emits the new value.
-     */
-    handleSelect(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectableCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectableCardComponent, "ui-selectable-card", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "selectedVariant": { "alias": "selectedVariant"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "isCheckboxDisabled": { "alias": "isCheckboxDisabled"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "cardSelected": "cardSelected"; }, never, ["[ui-selectable-card-label]", "[ui-selectable-card-content]"], true, never>;
+import * as i2 from "@testgorilla/tgo-ui/components/card";
+import { CardSize, CardVariant } from "@testgorilla/tgo-ui/components/card";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i3 from "@testgorilla/tgo-ui/components/checkbox";
+export declare class SelectableCardComponent {
+  /**
+   * Card size. Defaults to "medium".
+   */
+  size: import("@angular/core").InputSignal<CardSize>;
+  /**
+   * Card variant/design for selected state. Defaults to "default".
+   */
+  selectedVariant: import("@angular/core").InputSignal<CardVariant>;
+  /**
+   * Whether the card is selected (input from parent).
+   */
+  selected: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Whether the checkbox is disabled.
+   */
+  isCheckboxDisabled: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Whether the card is in an error state, which renders the checkbox in red.
+   */
+  hasError: import("@angular/core").InputSignal<boolean>;
+  testId: import("@angular/core").InputSignal<string | null>;
+  ariaLabel: import("@angular/core").InputSignal<string>;
+  protected readonly checkboxTestId: import("@angular/core").Signal<string | null>;
+  /**
+   * Event emitted when the card is selected, with the current selected state.
+   */
+  cardSelected: import("@angular/core").OutputEmitterRef<boolean>;
+  /**
+   * Internal override for selected state (when user interacts).
+   */
+  private readonly internalSelectedOverride;
+  /**
+   * Computed selected state that prioritizes user interaction over input.
+   */
+  isSelected: import("@angular/core").Signal<boolean>;
+  /**
+   * Handles card selection, toggles internal state and emits the new value.
+   */
+  handleSelect(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SelectableCardComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<SelectableCardComponent, "ui-selectable-card", never, {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectedVariant": {
+      "alias": "selectedVariant";
+      "required": false;
+      "isSignal": true;
+    };
+    "selected": {
+      "alias": "selected";
+      "required": false;
+      "isSignal": true;
+    };
+    "isCheckboxDisabled": {
+      "alias": "isCheckboxDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "hasError": {
+      "alias": "hasError";
+      "required": false;
+      "isSignal": true;
+    };
+    "testId": {
+      "alias": "testId";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "cardSelected": "cardSelected";
+  }, never, ["[ui-selectable-card-label]", "[ui-selectable-card-content]"], true, never>;
 }
-
-declare class SelectableCardComponentModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectableCardComponentModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SelectableCardComponentModule, never, [typeof i1.CommonModule, typeof i2.CardComponentModule, typeof i3.CheckboxComponentModule, typeof SelectableCardComponent], [typeof SelectableCardComponent]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SelectableCardComponentModule>;
-}
-
-export { SelectableCardComponent, SelectableCardComponentModule };
+export declare class SelectableCardComponentModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<SelectableCardComponentModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<SelectableCardComponentModule, never, [typeof i1.CommonModule, typeof i2.CardComponentModule, typeof i3.CheckboxComponentModule, typeof SelectableCardComponent], [typeof SelectableCardComponent]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<SelectableCardComponentModule>;
+}