@testgorilla/tgo-ui 11.22.3 → 12.0.0

package/fesm2022/testgorilla-tgo-ui-components-device-control.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-device-control.mjs","sources":["../../../components/device-control/device-control.component.ts","../../../components/device-control/device-control.component.html","../../../components/device-control/device-control.component.module.ts","../../../components/device-control/testgorilla-tgo-ui-components-device-control.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  output,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponent, IconName } from '@testgorilla/tgo-ui/components/icon';\nimport {\n  MenuConfig,\n  OverflowMenuButtonsType,\n  OverflowMenuComponent,\n} from '@testgorilla/tgo-ui/components/overflow-menu';\nimport { TooltipComponent, TooltipPositionType } from '@testgorilla/tgo-ui/components/tooltip';\n\nimport { DeviceControlOption, DeviceControlVariant } from './device-control.model';\n\n/**\n * Media device control: an on/off button paired with a device dropdown, generic across microphones,\n * speakers and similar. The dropdown is `ui-overflow-menu`, so it behaves like every other menu.\n */\n@Component({\n  selector: 'ui-device-control',\n  templateUrl: './device-control.component.html',\n  styleUrls: ['./device-control.component.scss'],\n  // The dropdown renders in the CDK overlay, outside this component's subtree, so its styles have\n  // to stay global.\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'ui-device-control',\n    '[attr.theme]': 'theme()',\n  },\n  imports: [IconComponent, OverflowMenuComponent, TooltipComponent],\n})\nexport class DeviceControlComponent {\n  /**\n   * Shape of the control: `toggle` pairs an on/off button with the dropdown chevron; `menu` is a\n   * single button that opens the dropdown. Default: 'toggle'.\n   */\n  readonly variant = input<DeviceControlVariant>('toggle');\n\n  readonly iconName = input<IconName>('');\n\n  /** Icon shown while the device is off. Only used by the toggle variant. */\n  readonly offIconName = input<IconName>('');\n\n  readonly isOn = input(true, { transform: booleanAttribute });\n\n  /** Plays the icon's activity animation, for example while a test sound runs. */\n  readonly isActive = input(false, { transform: booleanAttribute });\n\n  readonly options = input<DeviceControlOption[]>([]);\n\n  readonly selectedValue = input('');\n\n  /** Tooltip and accessible name of the main button while the device is on. Rendered by the toggle variant. */\n  readonly onTooltip = input.required<string>();\n\n  /** Tooltip and accessible name of the main button while the device is off. Rendered by the toggle variant. */\n  readonly offTooltip = input.required<string>();\n\n  /** Tooltip and accessible name of the button that opens the dropdown, which every variant renders. */\n  readonly menuTooltip = input.required<string>();\n\n  /** Shows the error badge, for example when the device cannot be opened. */\n  readonly hasError = input(false, { transform: booleanAttribute });\n\n  readonly errorLabel = input('');\n\n  /**\n   * Defines the application theme. Defaults to dark, the primary use case for this control; the\n   * light variant is available for reuse on light surfaces.\n   */\n  readonly applicationTheme = input<ApplicationTheme | undefined>(undefined);\n\n  readonly testId = input<string | null>(null);\n\n  protected readonly mainTestId = computed(() => (this.testId() ? `${this.testId()}-toggle` : 'device-control-main'));\n\n  protected readonly menuTestId = computed(() => (this.testId() ? `${this.testId()}-menu` : null));\n\n  /** Emits when the main button is used to switch the device on or off, with the new state. */\n  readonly toggled = output<boolean>();\n\n  /**\n   * Emits the value of the entry the user picked. An entry with an empty value is a placeholder,\n   * not a selectable option: picking it closes the dropdown without emitting.\n   */\n  readonly optionSelected = output<string>();\n\n  /** Emits when the dropdown opens, so the consumer can refresh the entries. */\n  readonly menuOpened = output<void>();\n\n  readonly menuClosed = output<void>();\n\n  private readonly overflowMenu = viewChild(OverflowMenuComponent);\n  private readonly defaultAppTheme = inject<ApplicationTheme>('CANOPYUI_DEFAULT_APPLICATION_THEME' as never, {\n    optional: true,\n  });\n\n  protected readonly theme = computed<ApplicationTheme>(\n    () => this.applicationTheme() ?? this.defaultAppTheme ?? 'dark'\n  );\n\n  /** Open state of the dropdown, derived from the overflow menu so there is no mirror to drift. */\n  readonly isMenuOpen = computed(() => this.overflowMenu()?.isMenuOpened() ?? false);\n\n  /** Tooltips sit above the control, which is anchored to the bottom of a call surface. */\n  protected readonly tooltipPosition = TooltipPositionType.TOP;\n\n  /** The dropdown opens upwards, over the call surface the control sits at the bottom of. */\n  protected readonly menuConfig: MenuConfig = {\n    xPosition: 'after',\n    yPosition: 'above',\n    overlapTrigger: false,\n    panelClass: 'ui-device-control-panel',\n  };\n\n  protected readonly menuButtons = computed<OverflowMenuButtonsType[]>(() =>\n    this.options().map(option => ({\n      label: option.label,\n      value: option.value,\n      isSelected: option.value === this.selectedValue(),\n    }))\n  );\n\n  protected readonly mainTooltip = computed(() => (this.isOn() ? this.onTooltip() : this.offTooltip()));\n\n  protected readonly currentIconName = computed<IconName>(() => (this.isOn() ? this.iconName() : this.offIconName()));\n\n  toggleDevice(): void {\n    this.closeMenu();\n    this.toggled.emit(!this.isOn());\n  }\n\n  closeMenu(): void {\n    this.overflowMenu()?.closeMenu();\n  }\n\n  selectOption(value: string): void {\n    this.optionSelected.emit(value);\n  }\n}\n","@if (variant() === 'toggle') {\n  <ui-tooltip [position]=\"tooltipPosition\" [message]=\"mainTooltip()\" [applicationTheme]=\"theme()\">\n    <button\n      type=\"button\"\n      class=\"ui-device-control__main\"\n      [attr.data-testid]=\"mainTestId()\"\n      [class.ui-device-control__main--off]=\"!isOn()\"\n      [class.ui-device-control__main--active]=\"isActive()\"\n      [attr.aria-label]=\"mainTooltip()\"\n      (click)=\"toggleDevice()\"\n    >\n      <ui-icon size=\"24\" color=\"currentColor\" [name]=\"currentIconName()\"></ui-icon>\n    </button>\n  </ui-tooltip>\n}\n\n<ui-tooltip [position]=\"tooltipPosition\" [message]=\"menuTooltip()\" [applicationTheme]=\"theme()\">\n  <ui-overflow-menu\n    data-testid=\"device-control-menu-toggle\"\n    [testId]=\"menuTestId()\"\n    selectionMode=\"single\"\n    [buttons]=\"menuButtons()\"\n    [isDynamicMenu]=\"true\"\n    [menuConfig]=\"menuConfig\"\n    [contentTemplateRef]=\"opener\"\n    [applicationTheme]=\"theme()\"\n    [ariaLabel]=\"menuTooltip()\"\n    (selectItem)=\"selectOption($event)\"\n    (menuOpened)=\"menuOpened.emit()\"\n    (menuClosed)=\"menuClosed.emit()\"\n  >\n    <div menu-content class=\"ui-device-control__menu-footer\">\n      <ng-content select=\"[uiDeviceControlMenuFooter]\"></ng-content>\n    </div>\n  </ui-overflow-menu>\n</ui-tooltip>\n\n<ng-template #opener>\n  @if (variant() === 'menu') {\n    <span\n      class=\"ui-device-control__opener-icon\"\n      [class.ui-device-control__opener-icon--active]=\"isActive()\"\n      data-testid=\"device-control-opener-icon\"\n    >\n      <ui-icon size=\"24\" color=\"currentColor\" [name]=\"iconName()\"></ui-icon>\n    </span>\n  }\n  <span class=\"ui-device-control__opener-chevron\">\n    <ui-icon\n      size=\"16\"\n      color=\"currentColor\"\n      [name]=\"isMenuOpen() ? 'Arrow-chevron-up-in-line' : 'Arrow-chevron-down-in-line'\"\n    ></ui-icon>\n  </span>\n</ng-template>\n\n@if (hasError()) {\n  <span class=\"ui-device-control__error\" role=\"img\" [attr.aria-label]=\"errorLabel()\" data-testid=\"device-control-error\">\n    <ui-icon size=\"16\" color=\"currentColor\" name=\"Error-filled\"></ui-icon>\n  </span>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DeviceControlComponent } from './device-control.component';\n\n@NgModule({\n  imports: [CommonModule, DeviceControlComponent],\n  exports: [DeviceControlComponent],\n})\nexport class DeviceControlComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-device-control.mjs","names":[],"sources":["../../../components/device-control/device-control.component.ts","../../../components/device-control/device-control.component.html","../../../components/device-control/device-control.component.module.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  output,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponent, IconName } from '@testgorilla/tgo-ui/components/icon';\nimport {\n  MenuConfig,\n  OverflowMenuButtonsType,\n  OverflowMenuComponent,\n} from '@testgorilla/tgo-ui/components/overflow-menu';\nimport { TooltipComponent, TooltipPositionType } from '@testgorilla/tgo-ui/components/tooltip';\n\nimport { DeviceControlOption, DeviceControlVariant } from './device-control.model';\n\n/**\n * Media device control: an on/off button paired with a device dropdown, generic across microphones,\n * speakers and similar. The dropdown is `ui-overflow-menu`, so it behaves like every other menu.\n */\n@Component({\n  selector: 'ui-device-control',\n  templateUrl: './device-control.component.html',\n  styleUrls: ['./device-control.component.scss'],\n  // The dropdown renders in the CDK overlay, outside this component's subtree, so its styles have\n  // to stay global.\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'ui-device-control',\n    '[attr.theme]': 'theme()',\n  },\n  imports: [IconComponent, OverflowMenuComponent, TooltipComponent],\n})\nexport class DeviceControlComponent {\n  /**\n   * Shape of the control: `toggle` pairs an on/off button with the dropdown chevron; `menu` is a\n   * single button that opens the dropdown. Default: 'toggle'.\n   */\n  readonly variant = input<DeviceControlVariant>('toggle');\n\n  readonly iconName = input<IconName>('');\n\n  /** Icon shown while the device is off. Only used by the toggle variant. */\n  readonly offIconName = input<IconName>('');\n\n  readonly isOn = input(true, { transform: booleanAttribute });\n\n  /** Plays the icon's activity animation, for example while a test sound runs. */\n  readonly isActive = input(false, { transform: booleanAttribute });\n\n  readonly options = input<DeviceControlOption[]>([]);\n\n  readonly selectedValue = input('');\n\n  /** Tooltip and accessible name of the main button while the device is on. Rendered by the toggle variant. */\n  readonly onTooltip = input.required<string>();\n\n  /** Tooltip and accessible name of the main button while the device is off. Rendered by the toggle variant. */\n  readonly offTooltip = input.required<string>();\n\n  /** Tooltip and accessible name of the button that opens the dropdown, which every variant renders. */\n  readonly menuTooltip = input.required<string>();\n\n  /** Shows the error badge, for example when the device cannot be opened. */\n  readonly hasError = input(false, { transform: booleanAttribute });\n\n  readonly errorLabel = input('');\n\n  /**\n   * Defines the application theme. Defaults to dark, the primary use case for this control; the\n   * light variant is available for reuse on light surfaces.\n   */\n  readonly applicationTheme = input<ApplicationTheme | undefined>(undefined);\n\n  readonly testId = input<string | null>(null);\n\n  protected readonly mainTestId = computed(() => (this.testId() ? `${this.testId()}-toggle` : 'device-control-main'));\n\n  protected readonly menuTestId = computed(() => (this.testId() ? `${this.testId()}-menu` : null));\n\n  /** Emits when the main button is used to switch the device on or off, with the new state. */\n  readonly toggled = output<boolean>();\n\n  /**\n   * Emits the value of the entry the user picked. An entry with an empty value is a placeholder,\n   * not a selectable option: picking it closes the dropdown without emitting.\n   */\n  readonly optionSelected = output<string>();\n\n  /** Emits when the dropdown opens, so the consumer can refresh the entries. */\n  readonly menuOpened = output<void>();\n\n  readonly menuClosed = output<void>();\n\n  private readonly overflowMenu = viewChild(OverflowMenuComponent);\n  private readonly defaultAppTheme = inject<ApplicationTheme>('CANOPYUI_DEFAULT_APPLICATION_THEME' as never, {\n    optional: true,\n  });\n\n  protected readonly theme = computed<ApplicationTheme>(\n    () => this.applicationTheme() ?? this.defaultAppTheme ?? 'dark'\n  );\n\n  /** Open state of the dropdown, derived from the overflow menu so there is no mirror to drift. */\n  readonly isMenuOpen = computed(() => this.overflowMenu()?.isMenuOpened() ?? false);\n\n  /** Tooltips sit above the control, which is anchored to the bottom of a call surface. */\n  protected readonly tooltipPosition = TooltipPositionType.TOP;\n\n  /** The dropdown opens upwards, over the call surface the control sits at the bottom of. */\n  protected readonly menuConfig: MenuConfig = {\n    xPosition: 'after',\n    yPosition: 'above',\n    overlapTrigger: false,\n    panelClass: 'ui-device-control-panel',\n  };\n\n  protected readonly menuButtons = computed<OverflowMenuButtonsType[]>(() =>\n    this.options().map(option => ({\n      label: option.label,\n      value: option.value,\n      isSelected: option.value === this.selectedValue(),\n    }))\n  );\n\n  protected readonly mainTooltip = computed(() => (this.isOn() ? this.onTooltip() : this.offTooltip()));\n\n  protected readonly currentIconName = computed<IconName>(() => (this.isOn() ? this.iconName() : this.offIconName()));\n\n  toggleDevice(): void {\n    this.closeMenu();\n    this.toggled.emit(!this.isOn());\n  }\n\n  closeMenu(): void {\n    this.overflowMenu()?.closeMenu();\n  }\n\n  selectOption(value: string): void {\n    this.optionSelected.emit(value);\n  }\n}\n","@if (variant() === 'toggle') {\n  <ui-tooltip [position]=\"tooltipPosition\" [message]=\"mainTooltip()\" [applicationTheme]=\"theme()\">\n    <button\n      type=\"button\"\n      class=\"ui-device-control__main\"\n      [attr.data-testid]=\"mainTestId()\"\n      [class.ui-device-control__main--off]=\"!isOn()\"\n      [class.ui-device-control__main--active]=\"isActive()\"\n      [attr.aria-label]=\"mainTooltip()\"\n      (click)=\"toggleDevice()\"\n    >\n      <ui-icon size=\"24\" color=\"currentColor\" [name]=\"currentIconName()\"></ui-icon>\n    </button>\n  </ui-tooltip>\n}\n\n<ui-tooltip [position]=\"tooltipPosition\" [message]=\"menuTooltip()\" [applicationTheme]=\"theme()\">\n  <ui-overflow-menu\n    data-testid=\"device-control-menu-toggle\"\n    [testId]=\"menuTestId()\"\n    selectionMode=\"single\"\n    [buttons]=\"menuButtons()\"\n    [isDynamicMenu]=\"true\"\n    [menuConfig]=\"menuConfig\"\n    [contentTemplateRef]=\"opener\"\n    [applicationTheme]=\"theme()\"\n    [ariaLabel]=\"menuTooltip()\"\n    (selectItem)=\"selectOption($event)\"\n    (menuOpened)=\"menuOpened.emit()\"\n    (menuClosed)=\"menuClosed.emit()\"\n  >\n    <div menu-content class=\"ui-device-control__menu-footer\">\n      <ng-content select=\"[uiDeviceControlMenuFooter]\"></ng-content>\n    </div>\n  </ui-overflow-menu>\n</ui-tooltip>\n\n<ng-template #opener>\n  @if (variant() === 'menu') {\n    <span\n      class=\"ui-device-control__opener-icon\"\n      [class.ui-device-control__opener-icon--active]=\"isActive()\"\n      data-testid=\"device-control-opener-icon\"\n    >\n      <ui-icon size=\"24\" color=\"currentColor\" [name]=\"iconName()\"></ui-icon>\n    </span>\n  }\n  <span class=\"ui-device-control__opener-chevron\">\n    <ui-icon\n      size=\"16\"\n      color=\"currentColor\"\n      [name]=\"isMenuOpen() ? 'Arrow-chevron-up-in-line' : 'Arrow-chevron-down-in-line'\"\n    ></ui-icon>\n  </span>\n</ng-template>\n\n@if (hasError()) {\n  <span class=\"ui-device-control__error\" role=\"img\" [attr.aria-label]=\"errorLabel()\" data-testid=\"device-control-error\">\n    <ui-icon size=\"16\" color=\"currentColor\" name=\"Error-filled\"></ui-icon>\n  </span>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DeviceControlComponent } from './device-control.component';\n\n@NgModule({\n  imports: [CommonModule, DeviceControlComponent],\n  exports: [DeviceControlComponent],\n})\nexport class DeviceControlComponentModule {}\n"],"mappings":"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"}