@testgorilla/tgo-ui 11.22.2 → 12.0.0

package/types/testgorilla-tgo-ui-components-device-control.d.ts

@@ -1,94 +1,164 @@
-import * as _angular_core from '@angular/core';
-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 { MenuConfig, OverflowMenuButtonsType } from '@testgorilla/tgo-ui/components/overflow-menu';
-import { TooltipPositionType } from '@testgorilla/tgo-ui/components/tooltip';
-import * as i1 from '@angular/common';
-
+import { ApplicationTheme, ApplicationTheme as ApplicationTheme$1 } from "@testgorilla/tgo-ui/components/core";
+import { IconName } from "@testgorilla/tgo-ui/components/icon";
+import { MenuConfig, OverflowMenuButtonsType } from "@testgorilla/tgo-ui/components/overflow-menu";
+import { TooltipPositionType } from "@testgorilla/tgo-ui/components/tooltip";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 /** One entry of the device dropdown. */
-interface DeviceControlOption {
-    /** Value handed back when the entry is picked. */
-    value: string;
-    /** Text shown in the dropdown. */
-    label: string;
+export interface DeviceControlOption {
+  /** Value handed back when the entry is picked. */
+  value: string;
+  /** Text shown in the dropdown. */
+  label: string;
 }
 /**
  * Shape of the control.
  * `toggle` renders a main button that switches the device on and off, plus a chevron that opens the
  * dropdown. `menu` renders a single control where both halves open the dropdown.
  */
-type DeviceControlVariant = 'toggle' | 'menu';
-
+export type DeviceControlVariant = 'toggle' | 'menu';
 /**
  * Media device control: an on/off button paired with a device dropdown, generic across microphones,
  * speakers and similar. The dropdown is `ui-overflow-menu`, so it behaves like every other menu.
  */
-declare class DeviceControlComponent {
-    /**
-     * Shape of the control: `toggle` pairs an on/off button with the dropdown chevron; `menu` is a
-     * single button that opens the dropdown. Default: 'toggle'.
-     */
-    readonly variant: _angular_core.InputSignal<DeviceControlVariant>;
-    readonly iconName: _angular_core.InputSignal<IconName>;
-    /** Icon shown while the device is off. Only used by the toggle variant. */
-    readonly offIconName: _angular_core.InputSignal<IconName>;
-    readonly isOn: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Plays the icon's activity animation, for example while a test sound runs. */
-    readonly isActive: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly options: _angular_core.InputSignal<DeviceControlOption[]>;
-    readonly selectedValue: _angular_core.InputSignal<string>;
-    /** Tooltip and accessible name of the main button while the device is on. Rendered by the toggle variant. */
-    readonly onTooltip: _angular_core.InputSignal<string>;
-    /** Tooltip and accessible name of the main button while the device is off. Rendered by the toggle variant. */
-    readonly offTooltip: _angular_core.InputSignal<string>;
-    /** Tooltip and accessible name of the button that opens the dropdown, which every variant renders. */
-    readonly menuTooltip: _angular_core.InputSignal<string>;
-    /** Shows the error badge, for example when the device cannot be opened. */
-    readonly hasError: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly errorLabel: _angular_core.InputSignal<string>;
-    /**
-     * Defines the application theme. Defaults to dark, the primary use case for this control; the
-     * light variant is available for reuse on light surfaces.
-     */
-    readonly applicationTheme: _angular_core.InputSignal<ApplicationTheme | undefined>;
-    readonly testId: _angular_core.InputSignal<string | null>;
-    protected readonly mainTestId: _angular_core.Signal<string>;
-    protected readonly menuTestId: _angular_core.Signal<string | null>;
-    /** Emits when the main button is used to switch the device on or off, with the new state. */
-    readonly toggled: _angular_core.OutputEmitterRef<boolean>;
-    /**
-     * Emits the value of the entry the user picked. An entry with an empty value is a placeholder,
-     * not a selectable option: picking it closes the dropdown without emitting.
-     */
-    readonly optionSelected: _angular_core.OutputEmitterRef<string>;
-    /** Emits when the dropdown opens, so the consumer can refresh the entries. */
-    readonly menuOpened: _angular_core.OutputEmitterRef<void>;
-    readonly menuClosed: _angular_core.OutputEmitterRef<void>;
-    private readonly overflowMenu;
-    private readonly defaultAppTheme;
-    protected readonly theme: _angular_core.Signal<ApplicationTheme>;
-    /** Open state of the dropdown, derived from the overflow menu so there is no mirror to drift. */
-    readonly isMenuOpen: _angular_core.Signal<boolean>;
-    /** Tooltips sit above the control, which is anchored to the bottom of a call surface. */
-    protected readonly tooltipPosition = TooltipPositionType.TOP;
-    /** The dropdown opens upwards, over the call surface the control sits at the bottom of. */
-    protected readonly menuConfig: MenuConfig;
-    protected readonly menuButtons: _angular_core.Signal<OverflowMenuButtonsType[]>;
-    protected readonly mainTooltip: _angular_core.Signal<string>;
-    protected readonly currentIconName: _angular_core.Signal<IconName>;
-    toggleDevice(): void;
-    closeMenu(): void;
-    selectOption(value: string): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeviceControlComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeviceControlComponent, "ui-device-control", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "offIconName": { "alias": "offIconName"; "required": false; "isSignal": true; }; "isOn": { "alias": "isOn"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "onTooltip": { "alias": "onTooltip"; "required": true; "isSignal": true; }; "offTooltip": { "alias": "offTooltip"; "required": true; "isSignal": true; }; "menuTooltip": { "alias": "menuTooltip"; "required": true; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "errorLabel": { "alias": "errorLabel"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; }, { "toggled": "toggled"; "optionSelected": "optionSelected"; "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }, never, ["[uiDeviceControlMenuFooter]"], true, never>;
+export declare class DeviceControlComponent {
+  /**
+   * Shape of the control: `toggle` pairs an on/off button with the dropdown chevron; `menu` is a
+   * single button that opens the dropdown. Default: 'toggle'.
+   */
+  readonly variant: import("@angular/core").InputSignal<DeviceControlVariant>;
+  readonly iconName: import("@angular/core").InputSignal<IconName>;
+  /** Icon shown while the device is off. Only used by the toggle variant. */
+  readonly offIconName: import("@angular/core").InputSignal<IconName>;
+  readonly isOn: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Plays the icon's activity animation, for example while a test sound runs. */
+  readonly isActive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly options: import("@angular/core").InputSignal<DeviceControlOption[]>;
+  readonly selectedValue: import("@angular/core").InputSignal<string>;
+  /** Tooltip and accessible name of the main button while the device is on. Rendered by the toggle variant. */
+  readonly onTooltip: import("@angular/core").InputSignal<string>;
+  /** Tooltip and accessible name of the main button while the device is off. Rendered by the toggle variant. */
+  readonly offTooltip: import("@angular/core").InputSignal<string>;
+  /** Tooltip and accessible name of the button that opens the dropdown, which every variant renders. */
+  readonly menuTooltip: import("@angular/core").InputSignal<string>;
+  /** Shows the error badge, for example when the device cannot be opened. */
+  readonly hasError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly errorLabel: import("@angular/core").InputSignal<string>;
+  /**
+   * Defines the application theme. Defaults to dark, the primary use case for this control; the
+   * light variant is available for reuse on light surfaces.
+   */
+  readonly applicationTheme: import("@angular/core").InputSignal<ApplicationTheme$1 | undefined>;
+  readonly testId: import("@angular/core").InputSignal<string | null>;
+  protected readonly mainTestId: import("@angular/core").Signal<string>;
+  protected readonly menuTestId: import("@angular/core").Signal<string | null>;
+  /** Emits when the main button is used to switch the device on or off, with the new state. */
+  readonly toggled: import("@angular/core").OutputEmitterRef<boolean>;
+  /**
+   * Emits the value of the entry the user picked. An entry with an empty value is a placeholder,
+   * not a selectable option: picking it closes the dropdown without emitting.
+   */
+  readonly optionSelected: import("@angular/core").OutputEmitterRef<string>;
+  /** Emits when the dropdown opens, so the consumer can refresh the entries. */
+  readonly menuOpened: import("@angular/core").OutputEmitterRef<void>;
+  readonly menuClosed: import("@angular/core").OutputEmitterRef<void>;
+  private readonly overflowMenu;
+  private readonly defaultAppTheme;
+  protected readonly theme: import("@angular/core").Signal<ApplicationTheme$1>;
+  /** Open state of the dropdown, derived from the overflow menu so there is no mirror to drift. */
+  readonly isMenuOpen: import("@angular/core").Signal<boolean>;
+  /** Tooltips sit above the control, which is anchored to the bottom of a call surface. */
+  protected readonly tooltipPosition = TooltipPositionType.TOP;
+  /** The dropdown opens upwards, over the call surface the control sits at the bottom of. */
+  protected readonly menuConfig: MenuConfig;
+  protected readonly menuButtons: import("@angular/core").Signal<OverflowMenuButtonsType[]>;
+  protected readonly mainTooltip: import("@angular/core").Signal<string>;
+  protected readonly currentIconName: import("@angular/core").Signal<IconName>;
+  toggleDevice(): void;
+  closeMenu(): void;
+  selectOption(value: string): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<DeviceControlComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<DeviceControlComponent, "ui-device-control", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "iconName": {
+      "alias": "iconName";
+      "required": false;
+      "isSignal": true;
+    };
+    "offIconName": {
+      "alias": "offIconName";
+      "required": false;
+      "isSignal": true;
+    };
+    "isOn": {
+      "alias": "isOn";
+      "required": false;
+      "isSignal": true;
+    };
+    "isActive": {
+      "alias": "isActive";
+      "required": false;
+      "isSignal": true;
+    };
+    "options": {
+      "alias": "options";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectedValue": {
+      "alias": "selectedValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "onTooltip": {
+      "alias": "onTooltip";
+      "required": true;
+      "isSignal": true;
+    };
+    "offTooltip": {
+      "alias": "offTooltip";
+      "required": true;
+      "isSignal": true;
+    };
+    "menuTooltip": {
+      "alias": "menuTooltip";
+      "required": true;
+      "isSignal": true;
+    };
+    "hasError": {
+      "alias": "hasError";
+      "required": false;
+      "isSignal": true;
+    };
+    "errorLabel": {
+      "alias": "errorLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "applicationTheme": {
+      "alias": "applicationTheme";
+      "required": false;
+      "isSignal": true;
+    };
+    "testId": {
+      "alias": "testId";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "toggled": "toggled";
+    "optionSelected": "optionSelected";
+    "menuOpened": "menuOpened";
+    "menuClosed": "menuClosed";
+  }, never, ["[uiDeviceControlMenuFooter]"], true, never>;
 }
-
-declare class DeviceControlComponentModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeviceControlComponentModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DeviceControlComponentModule, never, [typeof i1.CommonModule, typeof DeviceControlComponent], [typeof DeviceControlComponent]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<DeviceControlComponentModule>;
+export declare class DeviceControlComponentModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<DeviceControlComponentModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<DeviceControlComponentModule, never, [typeof i1.CommonModule, typeof DeviceControlComponent], [typeof DeviceControlComponent]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<DeviceControlComponentModule>;
 }
-
-export { DeviceControlComponent, DeviceControlComponentModule };
-export type { DeviceControlOption, DeviceControlVariant };
+export { ApplicationTheme };