@angular/material 21.0.0-next.8 → 21.0.0-rc.0

package/fesm2022/bottom-sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-sheet.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/material/bottom-sheet/bottom-sheet-container.ts","../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/material/bottom-sheet/bottom-sheet-container.html","../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/material/bottom-sheet/bottom-sheet-config.ts","../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/material/bottom-sheet/bottom-sheet-ref.ts","../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/material/bottom-sheet/bottom-sheet.ts","../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/material/bottom-sheet/bottom-sheet-module.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {CdkDialogContainer} from '@angular/cdk/dialog';\nimport {BreakpointObserver, Breakpoints} from '@angular/cdk/layout';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  OnDestroy,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport {Subscription} from 'rxjs';\nimport {CdkPortalOutlet} from '@angular/cdk/portal';\nimport {_animationsDisabled} from '../core';\n\nconst ENTER_ANIMATION = '_mat-bottom-sheet-enter';\nconst EXIT_ANIMATION = '_mat-bottom-sheet-exit';\n\n/**\n * Internal component that wraps user-provided bottom sheet content.\n * @docs-private\n */\n@Component({\n  selector: 'mat-bottom-sheet-container',\n  templateUrl: 'bottom-sheet-container.html',\n  styleUrl: 'bottom-sheet-container.css',\n  // In Ivy embedded views will be change detected from their declaration place, rather than where\n  // they were stamped out. This means that we can't have the bottom sheet container be OnPush,\n  // because it might cause the sheets that were opened from a template not to be out of date.\n  // tslint:disable-next-line:validate-decorators\n  changeDetection: ChangeDetectionStrategy.Default,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'class': 'mat-bottom-sheet-container',\n    '[class.mat-bottom-sheet-container-animations-enabled]': '!_animationsDisabled',\n    '[class.mat-bottom-sheet-container-enter]': '_animationState === \"visible\"',\n    '[class.mat-bottom-sheet-container-exit]': '_animationState === \"hidden\"',\n    'tabindex': '-1',\n    '[attr.role]': '_config.role',\n    '[attr.aria-modal]': '_config.ariaModal',\n    '[attr.aria-label]': '_config.ariaLabel',\n    '(animationstart)': '_handleAnimationEvent(true, $event.animationName)',\n    '(animationend)': '_handleAnimationEvent(false, $event.animationName)',\n    '(animationcancel)': '_handleAnimationEvent(false, $event.animationName)',\n  },\n  imports: [CdkPortalOutlet],\n})\nexport class MatBottomSheetContainer extends CdkDialogContainer implements OnDestroy {\n  private _breakpointSubscription: Subscription;\n  protected _animationsDisabled = _animationsDisabled();\n\n  /** The state of the bottom sheet animations. */\n  _animationState: 'void' | 'visible' | 'hidden' = 'void';\n\n  /** Emits whenever the state of the animation changes. */\n  _animationStateChanged = new EventEmitter<{\n    toState: 'visible' | 'hidden';\n    phase: 'start' | 'done';\n  }>();\n\n  /** Whether the component has been destroyed. */\n  private _destroyed: boolean;\n\n  constructor(...args: unknown[]);\n\n  constructor() {\n    super();\n\n    const breakpointObserver = inject(BreakpointObserver);\n\n    this._breakpointSubscription = breakpointObserver\n      .observe([Breakpoints.Medium, Breakpoints.Large, Breakpoints.XLarge])\n      .subscribe(() => {\n        const classList = (this._elementRef.nativeElement as HTMLElement).classList;\n\n        classList.toggle(\n          'mat-bottom-sheet-container-medium',\n          breakpointObserver.isMatched(Breakpoints.Medium),\n        );\n        classList.toggle(\n          'mat-bottom-sheet-container-large',\n          breakpointObserver.isMatched(Breakpoints.Large),\n        );\n        classList.toggle(\n          'mat-bottom-sheet-container-xlarge',\n          breakpointObserver.isMatched(Breakpoints.XLarge),\n        );\n      });\n  }\n\n  /** Begin animation of bottom sheet entrance into view. */\n  enter(): void {\n    if (!this._destroyed) {\n      this._animationState = 'visible';\n      this._changeDetectorRef.markForCheck();\n      this._changeDetectorRef.detectChanges();\n      if (this._animationsDisabled) {\n        this._simulateAnimation(ENTER_ANIMATION);\n      }\n    }\n  }\n\n  /** Begin animation of the bottom sheet exiting from view. */\n  exit(): void {\n    if (!this._destroyed) {\n      this._elementRef.nativeElement.setAttribute('mat-exit', '');\n      this._animationState = 'hidden';\n      this._changeDetectorRef.markForCheck();\n      if (this._animationsDisabled) {\n        this._simulateAnimation(EXIT_ANIMATION);\n      }\n    }\n  }\n\n  override ngOnDestroy() {\n    super.ngOnDestroy();\n    this._breakpointSubscription.unsubscribe();\n    this._destroyed = true;\n  }\n\n  private _simulateAnimation(name: typeof ENTER_ANIMATION | typeof EXIT_ANIMATION) {\n    this._ngZone.run(() => {\n      this._handleAnimationEvent(true, name);\n      setTimeout(() => this._handleAnimationEvent(false, name));\n    });\n  }\n\n  protected override _trapFocus(): void {\n    // The bottom sheet starts off-screen and animates in, and at the same time we trap focus\n    // within it. With some styles this appears to cause the page to jump around. See:\n    // https://github.com/angular/components/issues/30774. Preventing the browser from\n    // scrolling resolves the issue and isn't really necessary since the bottom sheet\n    // normally isn't scrollable.\n    super._trapFocus({preventScroll: true});\n  }\n\n  protected _handleAnimationEvent(isStart: boolean, animationName: string) {\n    const isEnter = animationName === ENTER_ANIMATION;\n    const isExit = animationName === EXIT_ANIMATION;\n\n    if (isEnter || isExit) {\n      this._animationStateChanged.emit({\n        toState: isEnter ? 'visible' : 'hidden',\n        phase: isStart ? 'start' : 'done',\n      });\n    }\n  }\n}\n","<ng-template cdkPortalOutlet></ng-template>\r\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {InjectionToken, Injector, ViewContainerRef} from '@angular/core';\nimport {Direction} from '@angular/cdk/bidi';\nimport {ScrollStrategy} from '@angular/cdk/overlay';\n\n/** Options for where to set focus to automatically on dialog open */\nexport type AutoFocusTarget = 'dialog' | 'first-tabbable' | 'first-heading';\n\n/** Injection token that can be used to access the data that was passed in to a bottom sheet. */\nexport const MAT_BOTTOM_SHEET_DATA = new InjectionToken<any>('MatBottomSheetData');\n\n/**\n * Configuration used when opening a bottom sheet.\n */\nexport class MatBottomSheetConfig<D = any> {\n  /** The view container to place the overlay for the bottom sheet into. */\n  viewContainerRef?: ViewContainerRef;\n\n  /**\n   * Injector used for the instantiation of the component to be attached. If provided,\n   * takes precedence over the injector indirectly provided by `ViewContainerRef`.\n   */\n  injector?: Injector;\n\n  /** Extra CSS classes to be added to the bottom sheet container. */\n  panelClass?: string | string[];\n\n  /** Text layout direction for the bottom sheet. */\n  direction?: Direction;\n\n  /** Data being injected into the child component. */\n  data?: D | null = null;\n\n  /** Whether the bottom sheet has a backdrop. */\n  hasBackdrop?: boolean = true;\n\n  /** Custom class for the backdrop. */\n  backdropClass?: string;\n\n  /** Whether the user can use escape or clicking outside to close the bottom sheet. */\n  disableClose?: boolean = false;\n\n  /** Aria label to assign to the bottom sheet element. */\n  ariaLabel?: string | null = null;\n\n  /**\n   * Whether this is a modal dialog. Used to set the `aria-modal` attribute. Off by default,\n   * because it can interfere with other overlay-based components (e.g. `mat-select`) and because\n   * it is redundant since the dialog marks all outside content as `aria-hidden` anyway.\n   */\n  ariaModal?: boolean = false;\n\n  /**\n   * Whether the bottom sheet should close when the user goes backwards/forwards in history.\n   * Note that this usually doesn't include clicking on links (unless the user is using\n   * the `HashLocationStrategy`).\n   */\n  closeOnNavigation?: boolean = true;\n\n  /**\n   * Where the bottom sheet should focus on open.\n   * @breaking-change 14.0.0 Remove boolean option from autoFocus. Use string or\n   * AutoFocusTarget instead.\n   */\n  autoFocus?: AutoFocusTarget | string | boolean = 'first-tabbable';\n\n  /**\n   * Whether the bottom sheet should restore focus to the\n   * previously-focused element, after it's closed.\n   */\n  restoreFocus?: boolean = true;\n\n  /** Scroll strategy to be used for the bottom sheet. */\n  scrollStrategy?: ScrollStrategy;\n\n  /** Height for the bottom sheet. */\n  height?: string = '';\n\n  /** Minimum height for the bottom sheet. If a number is provided, assumes pixel units. */\n  minHeight?: number | string;\n\n  /** Maximum height for the bottom sheet. If a number is provided, assumes pixel units. */\n  maxHeight?: number | string;\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {ComponentRef} from '@angular/core';\nimport {DialogRef} from '@angular/cdk/dialog';\nimport {ESCAPE, hasModifierKey} from '@angular/cdk/keycodes';\nimport {merge, Observable, Subject} from 'rxjs';\nimport {filter, take} from 'rxjs/operators';\nimport {MatBottomSheetConfig} from './bottom-sheet-config';\nimport {MatBottomSheetContainer} from './bottom-sheet-container';\n\n/**\n * Reference to a bottom sheet dispatched from the bottom sheet service.\n */\nexport class MatBottomSheetRef<T = any, R = any> {\n  /** Instance of the component making up the content of the bottom sheet. */\n  get instance(): T {\n    return this._ref.componentInstance!;\n  }\n\n  /**\n   * `ComponentRef` of the component opened into the bottom sheet. Will be\n   * null when the bottom sheet is opened using a `TemplateRef`.\n   */\n  get componentRef(): ComponentRef<T> | null {\n    return this._ref.componentRef;\n  }\n\n  /**\n   * Instance of the component into which the bottom sheet content is projected.\n   * @docs-private\n   */\n  containerInstance: MatBottomSheetContainer;\n\n  /** Whether the user is allowed to close the bottom sheet. */\n  disableClose: boolean | undefined;\n\n  /** Subject for notifying the user that the bottom sheet has opened and appeared. */\n  private readonly _afterOpened = new Subject<void>();\n\n  /** Result to be passed down to the `afterDismissed` stream. */\n  private _result: R | undefined;\n\n  /** Handle to the timeout that's running as a fallback in case the exit animation doesn't fire. */\n  private _closeFallbackTimeout: ReturnType<typeof setTimeout>;\n\n  constructor(\n    private _ref: DialogRef<R, T>,\n    config: MatBottomSheetConfig,\n    containerInstance: MatBottomSheetContainer,\n  ) {\n    this.containerInstance = containerInstance;\n    this.disableClose = config.disableClose;\n\n    // Emit when opening animation completes\n    containerInstance._animationStateChanged\n      .pipe(\n        filter(event => event.phase === 'done' && event.toState === 'visible'),\n        take(1),\n      )\n      .subscribe(() => {\n        this._afterOpened.next();\n        this._afterOpened.complete();\n      });\n\n    // Dispose overlay when closing animation is complete\n    containerInstance._animationStateChanged\n      .pipe(\n        filter(event => event.phase === 'done' && event.toState === 'hidden'),\n        take(1),\n      )\n      .subscribe(() => {\n        clearTimeout(this._closeFallbackTimeout);\n        this._ref.close(this._result);\n      });\n\n    _ref.overlayRef.detachments().subscribe(() => {\n      this._ref.close(this._result);\n    });\n\n    merge(\n      this.backdropClick(),\n      this.keydownEvents().pipe(filter(event => event.keyCode === ESCAPE)),\n    ).subscribe(event => {\n      if (\n        !this.disableClose &&\n        (event.type !== 'keydown' || !hasModifierKey(event as KeyboardEvent))\n      ) {\n        event.preventDefault();\n        this.dismiss();\n      }\n    });\n  }\n\n  /**\n   * Dismisses the bottom sheet.\n   * @param result Data to be passed back to the bottom sheet opener.\n   */\n  dismiss(result?: R): void {\n    if (!this.containerInstance) {\n      return;\n    }\n\n    // Transition the backdrop in parallel to the bottom sheet.\n    this.containerInstance._animationStateChanged\n      .pipe(\n        filter(event => event.phase === 'start'),\n        take(1),\n      )\n      .subscribe(() => {\n        // The logic that disposes of the overlay depends on the exit animation completing, however\n        // it isn't guaranteed if the parent view is destroyed while it's running. Add a fallback\n        // timeout which will clean everything up if the animation hasn't fired within the specified\n        // amount of time plus 100ms. We don't need to run this outside the NgZone, because for the\n        // vast majority of cases the timeout will have been cleared before it has fired.\n        this._closeFallbackTimeout = setTimeout(() => this._ref.close(this._result), 500);\n        this._ref.overlayRef.detachBackdrop();\n      });\n\n    this._result = result;\n    this.containerInstance.exit();\n    this.containerInstance = null!;\n  }\n\n  /** Gets an observable that is notified when the bottom sheet is finished closing. */\n  afterDismissed(): Observable<R | undefined> {\n    return this._ref.closed;\n  }\n\n  /** Gets an observable that is notified when the bottom sheet has opened and appeared. */\n  afterOpened(): Observable<void> {\n    return this._afterOpened;\n  }\n\n  /**\n   * Gets an observable that emits when the overlay's backdrop has been clicked.\n   */\n  backdropClick(): Observable<MouseEvent> {\n    return this._ref.backdropClick;\n  }\n\n  /**\n   * Gets an observable that emits when keydown events are targeted on the overlay.\n   */\n  keydownEvents(): Observable<KeyboardEvent> {\n    return this._ref.keydownEvents;\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Dialog} from '@angular/cdk/dialog';\nimport {createBlockScrollStrategy, createGlobalPositionStrategy} from '@angular/cdk/overlay';\nimport {ComponentType} from '@angular/cdk/portal';\nimport {Injectable, TemplateRef, InjectionToken, OnDestroy, inject, Injector} from '@angular/core';\nimport {MAT_BOTTOM_SHEET_DATA, MatBottomSheetConfig} from './bottom-sheet-config';\nimport {MatBottomSheetContainer} from './bottom-sheet-container';\nimport {MatBottomSheetRef} from './bottom-sheet-ref';\nimport {_animationsDisabled} from '../core';\n\n/** Injection token that can be used to specify default bottom sheet options. */\nexport const MAT_BOTTOM_SHEET_DEFAULT_OPTIONS = new InjectionToken<MatBottomSheetConfig>(\n  'mat-bottom-sheet-default-options',\n);\n\n/**\n * Service to trigger Material Design bottom sheets.\n */\n@Injectable({providedIn: 'root'})\nexport class MatBottomSheet implements OnDestroy {\n  private _injector = inject(Injector);\n  private _parentBottomSheet = inject(MatBottomSheet, {optional: true, skipSelf: true});\n  private _animationsDisabled = _animationsDisabled();\n  private _defaultOptions = inject<MatBottomSheetConfig>(MAT_BOTTOM_SHEET_DEFAULT_OPTIONS, {\n    optional: true,\n  });\n\n  private _bottomSheetRefAtThisLevel: MatBottomSheetRef<any> | null = null;\n  private _dialog = inject(Dialog);\n\n  /** Reference to the currently opened bottom sheet. */\n  get _openedBottomSheetRef(): MatBottomSheetRef<any> | null {\n    const parent = this._parentBottomSheet;\n    return parent ? parent._openedBottomSheetRef : this._bottomSheetRefAtThisLevel;\n  }\n\n  set _openedBottomSheetRef(value: MatBottomSheetRef<any> | null) {\n    if (this._parentBottomSheet) {\n      this._parentBottomSheet._openedBottomSheetRef = value;\n    } else {\n      this._bottomSheetRefAtThisLevel = value;\n    }\n  }\n\n  constructor(...args: unknown[]);\n  constructor() {}\n\n  /**\n   * Opens a bottom sheet containing the given component.\n   * @param component Type of the component to load into the bottom sheet.\n   * @param config Extra configuration options.\n   * @returns Reference to the newly-opened bottom sheet.\n   */\n  open<T, D = any, R = any>(\n    component: ComponentType<T>,\n    config?: MatBottomSheetConfig<D>,\n  ): MatBottomSheetRef<T, R>;\n\n  /**\n   * Opens a bottom sheet containing the given template.\n   * @param template TemplateRef to instantiate as the bottom sheet content.\n   * @param config Extra configuration options.\n   * @returns Reference to the newly-opened bottom sheet.\n   */\n  open<T, D = any, R = any>(\n    template: TemplateRef<T>,\n    config?: MatBottomSheetConfig<D>,\n  ): MatBottomSheetRef<T, R>;\n\n  open<T, D = any, R = any>(\n    componentOrTemplateRef: ComponentType<T> | TemplateRef<T>,\n    config?: MatBottomSheetConfig<D>,\n  ): MatBottomSheetRef<T, R> {\n    const _config = {...(this._defaultOptions || new MatBottomSheetConfig()), ...config};\n    let ref: MatBottomSheetRef<T, R>;\n\n    this._dialog.open<R, D, T>(componentOrTemplateRef, {\n      ..._config,\n      // Disable closing since we need to sync it up to the animation ourselves.\n      disableClose: true,\n      // Disable closing on detachments so that we can sync up the animation.\n      closeOnOverlayDetachments: false,\n      maxWidth: '100%',\n      container: MatBottomSheetContainer,\n      scrollStrategy: _config.scrollStrategy || createBlockScrollStrategy(this._injector),\n      positionStrategy: createGlobalPositionStrategy(this._injector)\n        .centerHorizontally()\n        .bottom('0'),\n      disableAnimations: this._animationsDisabled,\n      templateContext: () => ({bottomSheetRef: ref}),\n      providers: (cdkRef, _cdkConfig, container) => {\n        ref = new MatBottomSheetRef(cdkRef, _config, container as MatBottomSheetContainer);\n        return [\n          {provide: MatBottomSheetRef, useValue: ref},\n          {provide: MAT_BOTTOM_SHEET_DATA, useValue: _config.data},\n        ];\n      },\n    });\n\n    // When the bottom sheet is dismissed, clear the reference to it.\n    ref!.afterDismissed().subscribe(() => {\n      // Clear the bottom sheet ref if it hasn't already been replaced by a newer one.\n      if (this._openedBottomSheetRef === ref) {\n        this._openedBottomSheetRef = null;\n      }\n    });\n\n    if (this._openedBottomSheetRef) {\n      // If a bottom sheet is already in view, dismiss it and enter the\n      // new bottom sheet after exit animation is complete.\n      this._openedBottomSheetRef.afterDismissed().subscribe(() => ref.containerInstance?.enter());\n      this._openedBottomSheetRef.dismiss();\n    } else {\n      // If no bottom sheet is in view, enter the new bottom sheet.\n      ref!.containerInstance.enter();\n    }\n\n    this._openedBottomSheetRef = ref!;\n    return ref!;\n  }\n\n  /**\n   * Dismisses the currently-visible bottom sheet.\n   * @param result Data to pass to the bottom sheet instance.\n   */\n  dismiss<R = any>(result?: R): void {\n    if (this._openedBottomSheetRef) {\n      this._openedBottomSheetRef.dismiss(result);\n    }\n  }\n\n  ngOnDestroy() {\n    if (this._bottomSheetRefAtThisLevel) {\n      this._bottomSheetRefAtThisLevel.dismiss();\n    }\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {DialogModule} from '@angular/cdk/dialog';\nimport {PortalModule} from '@angular/cdk/portal';\nimport {NgModule} from '@angular/core';\nimport {BidiModule} from '@angular/cdk/bidi';\nimport {MatBottomSheetContainer} from './bottom-sheet-container';\nimport {MatBottomSheet} from './bottom-sheet';\n\n@NgModule({\n  imports: [DialogModule, PortalModule, MatBottomSheetContainer],\n  exports: [MatBottomSheetContainer, BidiModule],\n  providers: [MatBottomSheet],\n})\nexport class MatBottomSheetModule {}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bottom-sheet.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/material/bottom-sheet/bottom-sheet-container.ts","../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/material/bottom-sheet/bottom-sheet-config.ts","../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/material/bottom-sheet/bottom-sheet-ref.ts","../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/material/bottom-sheet/bottom-sheet.ts","../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/material/bottom-sheet/bottom-sheet-module.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {CdkDialogContainer} from '@angular/cdk/dialog';\nimport {BreakpointObserver, Breakpoints} from '@angular/cdk/layout';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  OnDestroy,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport {Subscription} from 'rxjs';\nimport {CdkPortalOutlet} from '@angular/cdk/portal';\nimport {_animationsDisabled} from '../core';\n\nconst ENTER_ANIMATION = '_mat-bottom-sheet-enter';\nconst EXIT_ANIMATION = '_mat-bottom-sheet-exit';\n\n/**\n * Internal component that wraps user-provided bottom sheet content.\n * @docs-private\n */\n@Component({\n  selector: 'mat-bottom-sheet-container',\n  templateUrl: 'bottom-sheet-container.html',\n  styleUrl: 'bottom-sheet-container.css',\n  // In Ivy embedded views will be change detected from their declaration place, rather than where\n  // they were stamped out. This means that we can't have the bottom sheet container be OnPush,\n  // because it might cause the sheets that were opened from a template not to be out of date.\n  // tslint:disable-next-line:validate-decorators\n  changeDetection: ChangeDetectionStrategy.Default,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'class': 'mat-bottom-sheet-container',\n    '[class.mat-bottom-sheet-container-animations-enabled]': '!_animationsDisabled',\n    '[class.mat-bottom-sheet-container-enter]': '_animationState === \"visible\"',\n    '[class.mat-bottom-sheet-container-exit]': '_animationState === \"hidden\"',\n    'tabindex': '-1',\n    '[attr.role]': '_config.role',\n    '[attr.aria-modal]': '_config.ariaModal',\n    '[attr.aria-label]': '_config.ariaLabel',\n    '(animationstart)': '_handleAnimationEvent(true, $event.animationName)',\n    '(animationend)': '_handleAnimationEvent(false, $event.animationName)',\n    '(animationcancel)': '_handleAnimationEvent(false, $event.animationName)',\n  },\n  imports: [CdkPortalOutlet],\n})\nexport class MatBottomSheetContainer extends CdkDialogContainer implements OnDestroy {\n  private _breakpointSubscription: Subscription;\n  protected _animationsDisabled = _animationsDisabled();\n\n  /** The state of the bottom sheet animations. */\n  _animationState: 'void' | 'visible' | 'hidden' = 'void';\n\n  /** Emits whenever the state of the animation changes. */\n  _animationStateChanged = new EventEmitter<{\n    toState: 'visible' | 'hidden';\n    phase: 'start' | 'done';\n  }>();\n\n  /** Whether the component has been destroyed. */\n  private _destroyed: boolean;\n\n  constructor(...args: unknown[]);\n\n  constructor() {\n    super();\n\n    const breakpointObserver = inject(BreakpointObserver);\n\n    this._breakpointSubscription = breakpointObserver\n      .observe([Breakpoints.Medium, Breakpoints.Large, Breakpoints.XLarge])\n      .subscribe(() => {\n        const classList = (this._elementRef.nativeElement as HTMLElement).classList;\n\n        classList.toggle(\n          'mat-bottom-sheet-container-medium',\n          breakpointObserver.isMatched(Breakpoints.Medium),\n        );\n        classList.toggle(\n          'mat-bottom-sheet-container-large',\n          breakpointObserver.isMatched(Breakpoints.Large),\n        );\n        classList.toggle(\n          'mat-bottom-sheet-container-xlarge',\n          breakpointObserver.isMatched(Breakpoints.XLarge),\n        );\n      });\n  }\n\n  /** Begin animation of bottom sheet entrance into view. */\n  enter(): void {\n    if (!this._destroyed) {\n      this._animationState = 'visible';\n      this._changeDetectorRef.markForCheck();\n      this._changeDetectorRef.detectChanges();\n      if (this._animationsDisabled) {\n        this._simulateAnimation(ENTER_ANIMATION);\n      }\n    }\n  }\n\n  /** Begin animation of the bottom sheet exiting from view. */\n  exit(): void {\n    if (!this._destroyed) {\n      this._elementRef.nativeElement.setAttribute('mat-exit', '');\n      this._animationState = 'hidden';\n      this._changeDetectorRef.markForCheck();\n      if (this._animationsDisabled) {\n        this._simulateAnimation(EXIT_ANIMATION);\n      }\n    }\n  }\n\n  override ngOnDestroy() {\n    super.ngOnDestroy();\n    this._breakpointSubscription.unsubscribe();\n    this._destroyed = true;\n  }\n\n  private _simulateAnimation(name: typeof ENTER_ANIMATION | typeof EXIT_ANIMATION) {\n    this._ngZone.run(() => {\n      this._handleAnimationEvent(true, name);\n      setTimeout(() => this._handleAnimationEvent(false, name));\n    });\n  }\n\n  protected override _trapFocus(): void {\n    // The bottom sheet starts off-screen and animates in, and at the same time we trap focus\n    // within it. With some styles this appears to cause the page to jump around. See:\n    // https://github.com/angular/components/issues/30774. Preventing the browser from\n    // scrolling resolves the issue and isn't really necessary since the bottom sheet\n    // normally isn't scrollable.\n    super._trapFocus({preventScroll: true});\n  }\n\n  protected _handleAnimationEvent(isStart: boolean, animationName: string) {\n    const isEnter = animationName === ENTER_ANIMATION;\n    const isExit = animationName === EXIT_ANIMATION;\n\n    if (isEnter || isExit) {\n      this._animationStateChanged.emit({\n        toState: isEnter ? 'visible' : 'hidden',\n        phase: isStart ? 'start' : 'done',\n      });\n    }\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {InjectionToken, Injector, ViewContainerRef} from '@angular/core';\nimport {Direction} from '@angular/cdk/bidi';\nimport {ScrollStrategy} from '@angular/cdk/overlay';\n\n/** Options for where to set focus to automatically on dialog open */\nexport type AutoFocusTarget = 'dialog' | 'first-tabbable' | 'first-heading';\n\n/** Injection token that can be used to access the data that was passed in to a bottom sheet. */\nexport const MAT_BOTTOM_SHEET_DATA = new InjectionToken<any>('MatBottomSheetData');\n\n/**\n * Configuration used when opening a bottom sheet.\n */\nexport class MatBottomSheetConfig<D = any> {\n  /** The view container to place the overlay for the bottom sheet into. */\n  viewContainerRef?: ViewContainerRef;\n\n  /**\n   * Injector used for the instantiation of the component to be attached. If provided,\n   * takes precedence over the injector indirectly provided by `ViewContainerRef`.\n   */\n  injector?: Injector;\n\n  /** Extra CSS classes to be added to the bottom sheet container. */\n  panelClass?: string | string[];\n\n  /** Text layout direction for the bottom sheet. */\n  direction?: Direction;\n\n  /** Data being injected into the child component. */\n  data?: D | null = null;\n\n  /** Whether the bottom sheet has a backdrop. */\n  hasBackdrop?: boolean = true;\n\n  /** Custom class for the backdrop. */\n  backdropClass?: string;\n\n  /** Whether the user can use escape or clicking outside to close the bottom sheet. */\n  disableClose?: boolean = false;\n\n  /** Aria label to assign to the bottom sheet element. */\n  ariaLabel?: string | null = null;\n\n  /**\n   * Whether this is a modal dialog. Used to set the `aria-modal` attribute. Off by default,\n   * because it can interfere with other overlay-based components (e.g. `mat-select`) and because\n   * it is redundant since the dialog marks all outside content as `aria-hidden` anyway.\n   */\n  ariaModal?: boolean = false;\n\n  /**\n   * Whether the bottom sheet should close when the user goes backwards/forwards in history.\n   * Note that this usually doesn't include clicking on links (unless the user is using\n   * the `HashLocationStrategy`).\n   */\n  closeOnNavigation?: boolean = true;\n\n  /**\n   * Where the bottom sheet should focus on open.\n   * @breaking-change 14.0.0 Remove boolean option from autoFocus. Use string or\n   * AutoFocusTarget instead.\n   */\n  autoFocus?: AutoFocusTarget | string | boolean = 'first-tabbable';\n\n  /**\n   * Whether the bottom sheet should restore focus to the\n   * previously-focused element, after it's closed.\n   */\n  restoreFocus?: boolean = true;\n\n  /** Scroll strategy to be used for the bottom sheet. */\n  scrollStrategy?: ScrollStrategy;\n\n  /** Height for the bottom sheet. */\n  height?: string = '';\n\n  /** Minimum height for the bottom sheet. If a number is provided, assumes pixel units. */\n  minHeight?: number | string;\n\n  /** Maximum height for the bottom sheet. If a number is provided, assumes pixel units. */\n  maxHeight?: number | string;\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {ComponentRef} from '@angular/core';\nimport {DialogRef} from '@angular/cdk/dialog';\nimport {ESCAPE, hasModifierKey} from '@angular/cdk/keycodes';\nimport {merge, Observable, Subject} from 'rxjs';\nimport {filter, take} from 'rxjs/operators';\nimport {MatBottomSheetConfig} from './bottom-sheet-config';\nimport {MatBottomSheetContainer} from './bottom-sheet-container';\n\n/**\n * Reference to a bottom sheet dispatched from the bottom sheet service.\n */\nexport class MatBottomSheetRef<T = any, R = any> {\n  /** Instance of the component making up the content of the bottom sheet. */\n  get instance(): T {\n    return this._ref.componentInstance!;\n  }\n\n  /**\n   * `ComponentRef` of the component opened into the bottom sheet. Will be\n   * null when the bottom sheet is opened using a `TemplateRef`.\n   */\n  get componentRef(): ComponentRef<T> | null {\n    return this._ref.componentRef;\n  }\n\n  /**\n   * Instance of the component into which the bottom sheet content is projected.\n   * @docs-private\n   */\n  containerInstance: MatBottomSheetContainer;\n\n  /** Whether the user is allowed to close the bottom sheet. */\n  disableClose: boolean | undefined;\n\n  /** Subject for notifying the user that the bottom sheet has opened and appeared. */\n  private readonly _afterOpened = new Subject<void>();\n\n  /** Result to be passed down to the `afterDismissed` stream. */\n  private _result: R | undefined;\n\n  /** Handle to the timeout that's running as a fallback in case the exit animation doesn't fire. */\n  private _closeFallbackTimeout: ReturnType<typeof setTimeout>;\n\n  constructor(\n    private _ref: DialogRef<R, T>,\n    config: MatBottomSheetConfig,\n    containerInstance: MatBottomSheetContainer,\n  ) {\n    this.containerInstance = containerInstance;\n    this.disableClose = config.disableClose;\n\n    // Emit when opening animation completes\n    containerInstance._animationStateChanged\n      .pipe(\n        filter(event => event.phase === 'done' && event.toState === 'visible'),\n        take(1),\n      )\n      .subscribe(() => {\n        this._afterOpened.next();\n        this._afterOpened.complete();\n      });\n\n    // Dispose overlay when closing animation is complete\n    containerInstance._animationStateChanged\n      .pipe(\n        filter(event => event.phase === 'done' && event.toState === 'hidden'),\n        take(1),\n      )\n      .subscribe(() => {\n        clearTimeout(this._closeFallbackTimeout);\n        this._ref.close(this._result);\n      });\n\n    _ref.overlayRef.detachments().subscribe(() => {\n      this._ref.close(this._result);\n    });\n\n    merge(\n      this.backdropClick(),\n      this.keydownEvents().pipe(filter(event => event.keyCode === ESCAPE)),\n    ).subscribe(event => {\n      if (\n        !this.disableClose &&\n        (event.type !== 'keydown' || !hasModifierKey(event as KeyboardEvent))\n      ) {\n        event.preventDefault();\n        this.dismiss();\n      }\n    });\n  }\n\n  /**\n   * Dismisses the bottom sheet.\n   * @param result Data to be passed back to the bottom sheet opener.\n   */\n  dismiss(result?: R): void {\n    if (!this.containerInstance) {\n      return;\n    }\n\n    // Transition the backdrop in parallel to the bottom sheet.\n    this.containerInstance._animationStateChanged\n      .pipe(\n        filter(event => event.phase === 'start'),\n        take(1),\n      )\n      .subscribe(() => {\n        // The logic that disposes of the overlay depends on the exit animation completing, however\n        // it isn't guaranteed if the parent view is destroyed while it's running. Add a fallback\n        // timeout which will clean everything up if the animation hasn't fired within the specified\n        // amount of time plus 100ms. We don't need to run this outside the NgZone, because for the\n        // vast majority of cases the timeout will have been cleared before it has fired.\n        this._closeFallbackTimeout = setTimeout(() => this._ref.close(this._result), 500);\n        this._ref.overlayRef.detachBackdrop();\n      });\n\n    this._result = result;\n    this.containerInstance.exit();\n    this.containerInstance = null!;\n  }\n\n  /** Gets an observable that is notified when the bottom sheet is finished closing. */\n  afterDismissed(): Observable<R | undefined> {\n    return this._ref.closed;\n  }\n\n  /** Gets an observable that is notified when the bottom sheet has opened and appeared. */\n  afterOpened(): Observable<void> {\n    return this._afterOpened;\n  }\n\n  /**\n   * Gets an observable that emits when the overlay's backdrop has been clicked.\n   */\n  backdropClick(): Observable<MouseEvent> {\n    return this._ref.backdropClick;\n  }\n\n  /**\n   * Gets an observable that emits when keydown events are targeted on the overlay.\n   */\n  keydownEvents(): Observable<KeyboardEvent> {\n    return this._ref.keydownEvents;\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Dialog} from '@angular/cdk/dialog';\nimport {createBlockScrollStrategy, createGlobalPositionStrategy} from '@angular/cdk/overlay';\nimport {ComponentType} from '@angular/cdk/portal';\nimport {Injectable, TemplateRef, InjectionToken, OnDestroy, inject, Injector} from '@angular/core';\nimport {MAT_BOTTOM_SHEET_DATA, MatBottomSheetConfig} from './bottom-sheet-config';\nimport {MatBottomSheetContainer} from './bottom-sheet-container';\nimport {MatBottomSheetRef} from './bottom-sheet-ref';\nimport {_animationsDisabled} from '../core';\n\n/** Injection token that can be used to specify default bottom sheet options. */\nexport const MAT_BOTTOM_SHEET_DEFAULT_OPTIONS = new InjectionToken<MatBottomSheetConfig>(\n  'mat-bottom-sheet-default-options',\n);\n\n/**\n * Service to trigger Material Design bottom sheets.\n */\n@Injectable({providedIn: 'root'})\nexport class MatBottomSheet implements OnDestroy {\n  private _injector = inject(Injector);\n  private _parentBottomSheet = inject(MatBottomSheet, {optional: true, skipSelf: true});\n  private _animationsDisabled = _animationsDisabled();\n  private _defaultOptions = inject<MatBottomSheetConfig>(MAT_BOTTOM_SHEET_DEFAULT_OPTIONS, {\n    optional: true,\n  });\n\n  private _bottomSheetRefAtThisLevel: MatBottomSheetRef<any> | null = null;\n  private _dialog = inject(Dialog);\n\n  /** Reference to the currently opened bottom sheet. */\n  get _openedBottomSheetRef(): MatBottomSheetRef<any> | null {\n    const parent = this._parentBottomSheet;\n    return parent ? parent._openedBottomSheetRef : this._bottomSheetRefAtThisLevel;\n  }\n\n  set _openedBottomSheetRef(value: MatBottomSheetRef<any> | null) {\n    if (this._parentBottomSheet) {\n      this._parentBottomSheet._openedBottomSheetRef = value;\n    } else {\n      this._bottomSheetRefAtThisLevel = value;\n    }\n  }\n\n  constructor(...args: unknown[]);\n  constructor() {}\n\n  /**\n   * Opens a bottom sheet containing the given component.\n   * @param component Type of the component to load into the bottom sheet.\n   * @param config Extra configuration options.\n   * @returns Reference to the newly-opened bottom sheet.\n   */\n  open<T, D = any, R = any>(\n    component: ComponentType<T>,\n    config?: MatBottomSheetConfig<D>,\n  ): MatBottomSheetRef<T, R>;\n\n  /**\n   * Opens a bottom sheet containing the given template.\n   * @param template TemplateRef to instantiate as the bottom sheet content.\n   * @param config Extra configuration options.\n   * @returns Reference to the newly-opened bottom sheet.\n   */\n  open<T, D = any, R = any>(\n    template: TemplateRef<T>,\n    config?: MatBottomSheetConfig<D>,\n  ): MatBottomSheetRef<T, R>;\n\n  open<T, D = any, R = any>(\n    componentOrTemplateRef: ComponentType<T> | TemplateRef<T>,\n    config?: MatBottomSheetConfig<D>,\n  ): MatBottomSheetRef<T, R> {\n    const _config = {...(this._defaultOptions || new MatBottomSheetConfig()), ...config};\n    let ref: MatBottomSheetRef<T, R>;\n\n    this._dialog.open<R, D, T>(componentOrTemplateRef, {\n      ..._config,\n      // Disable closing since we need to sync it up to the animation ourselves.\n      disableClose: true,\n      // Disable closing on detachments so that we can sync up the animation.\n      closeOnOverlayDetachments: false,\n      maxWidth: '100%',\n      container: MatBottomSheetContainer,\n      scrollStrategy: _config.scrollStrategy || createBlockScrollStrategy(this._injector),\n      positionStrategy: createGlobalPositionStrategy(this._injector)\n        .centerHorizontally()\n        .bottom('0'),\n      disableAnimations: this._animationsDisabled,\n      templateContext: () => ({bottomSheetRef: ref}),\n      providers: (cdkRef, _cdkConfig, container) => {\n        ref = new MatBottomSheetRef(cdkRef, _config, container as MatBottomSheetContainer);\n        return [\n          {provide: MatBottomSheetRef, useValue: ref},\n          {provide: MAT_BOTTOM_SHEET_DATA, useValue: _config.data},\n        ];\n      },\n    });\n\n    // When the bottom sheet is dismissed, clear the reference to it.\n    ref!.afterDismissed().subscribe(() => {\n      // Clear the bottom sheet ref if it hasn't already been replaced by a newer one.\n      if (this._openedBottomSheetRef === ref) {\n        this._openedBottomSheetRef = null;\n      }\n    });\n\n    if (this._openedBottomSheetRef) {\n      // If a bottom sheet is already in view, dismiss it and enter the\n      // new bottom sheet after exit animation is complete.\n      this._openedBottomSheetRef.afterDismissed().subscribe(() => ref.containerInstance?.enter());\n      this._openedBottomSheetRef.dismiss();\n    } else {\n      // If no bottom sheet is in view, enter the new bottom sheet.\n      ref!.containerInstance.enter();\n    }\n\n    this._openedBottomSheetRef = ref!;\n    return ref!;\n  }\n\n  /**\n   * Dismisses the currently-visible bottom sheet.\n   * @param result Data to pass to the bottom sheet instance.\n   */\n  dismiss<R = any>(result?: R): void {\n    if (this._openedBottomSheetRef) {\n      this._openedBottomSheetRef.dismiss(result);\n    }\n  }\n\n  ngOnDestroy() {\n    if (this._bottomSheetRefAtThisLevel) {\n      this._bottomSheetRefAtThisLevel.dismiss();\n    }\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {DialogModule} from '@angular/cdk/dialog';\nimport {PortalModule} from '@angular/cdk/portal';\nimport {NgModule} from '@angular/core';\nimport {BidiModule} from '@angular/cdk/bidi';\nimport {MatBottomSheetContainer} from './bottom-sheet-container';\nimport {MatBottomSheet} from './bottom-sheet';\n\n@NgModule({\n  imports: [DialogModule, PortalModule, MatBottomSheetContainer],\n  exports: [MatBottomSheetContainer, BidiModule],\n  providers: [MatBottomSheet],\n})\nexport class MatBottomSheetModule {}\n"],"names":["ENTER_ANIMATION","EXIT_ANIMATION","_breakpointSubscription","_animationsDisabled","_animationStateChanged","EventEmitter","_destroyed","constructor","inject","BreakpointObserver","breakpointObserver","observe","Breakpoints","Medium","Large","XLarge","classList","_elementRef","nativeElement","toggle","isMatched","_changeDetectorRef","markForCheck","detectChanges","_simulateAnimation","CdkPortalOutlet","template","styles","ctorParameters","MatBottomSheetConfig","viewContainerRef","panelClass","backdropClass","ariaLabel","ariaModal","MatBottomSheetRef","_ref","instance","componentInstance","componentRef","containerInstance","disableClose","config","pipe","filter","event","phase","toState","take","_afterOpened","next","complete","subscribe","clearTimeout","_closeFallbackTimeout","close","_result","keydownEvents","keyCode","ESCAPE","hasModifierKey","preventDefault","dismiss","result","MatBottomSheet","_parentBottomSheet","optional","skipSelf","_dialog","Dialog","_openedBottomSheetRef","parent","_bottomSheetRefAtThisLevel","value","_config","_defaultOptions","closeOnOverlayDetachments","maxWidth","scrollStrategy","createBlockScrollStrategy","_injector","positionStrategy","createGlobalPositionStrategy","centerHorizontally","bottom","templateContext","bottomSheetRef","ref","providers","cdkRef","_cdkConfig","container","provide","useValue","MAT_BOTTOM_SHEET_DATA","data","minVersion","version","ngImport","i0","type","MatBottomSheetModule","decorators"],"mappings":"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"}

package/fesm2022/button-testing.mjs

@@ -2,112 +2,78 @@ import { booleanAttribute } from '@angular/core';
 import { ContentContainerComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
 import { MatIconHarness } from '@angular/material/icon/testing';
 
-/** Harness for interacting with a mat-button in tests. */
 class MatButtonHarness extends ContentContainerComponentHarness {
-    // Note: `.mat-mdc-button-base` should be enough for all buttons, however some apps are using
-    // the harness without actually having an applied button. Keep the attributes for backwards
-    // compatibility.
-    /** Selector for the harness. */
-    static hostSelector = `.mat-mdc-button-base, [matButton], [mat-button], [matIconButton],
+  static hostSelector = `.mat-mdc-button-base, [matButton], [mat-button], [matIconButton],
     [matFab], [matMiniFab], [mat-raised-button], [mat-flat-button], [mat-icon-button],
     [mat-stroked-button], [mat-fab], [mat-mini-fab]`;
-    /**
-     * Gets a `HarnessPredicate` that can be used to search for a button with specific attributes.
-     * @param options Options for narrowing the search:
-     *   - `selector` finds a button whose host element matches the given selector.
-     *   - `text` finds a button with specific text content.
-     *   - `variant` finds buttons matching a specific variant.
-     *   - `appearance` finds buttons matching a specific appearance.
-     * @return a `HarnessPredicate` configured with the given options.
-     */
-    static with(options = {}) {
-        return new HarnessPredicate(this, options)
-            .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text))
-            .addOption('variant', options.variant, (harness, variant) => HarnessPredicate.stringMatches(harness.getVariant(), variant))
-            .addOption('appearance', options.appearance, (harness, appearance) => HarnessPredicate.stringMatches(harness.getAppearance(), appearance))
-            .addOption('disabled', options.disabled, async (harness, disabled) => {
-            return (await harness.isDisabled()) === disabled;
-        })
-            .addOption('buttonType', options.buttonType, (harness, buttonType) => HarnessPredicate.stringMatches(harness.getType(), buttonType))
-            .addOption('iconName', options.iconName, (harness, iconName) => {
-            return harness.hasHarness(MatIconHarness.with({ name: iconName }));
-        });
+  static with(options = {}) {
+    return new HarnessPredicate(this, options).addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text)).addOption('variant', options.variant, (harness, variant) => HarnessPredicate.stringMatches(harness.getVariant(), variant)).addOption('appearance', options.appearance, (harness, appearance) => HarnessPredicate.stringMatches(harness.getAppearance(), appearance)).addOption('disabled', options.disabled, async (harness, disabled) => {
+      return (await harness.isDisabled()) === disabled;
+    }).addOption('buttonType', options.buttonType, (harness, buttonType) => HarnessPredicate.stringMatches(harness.getType(), buttonType)).addOption('iconName', options.iconName, (harness, iconName) => {
+      return harness.hasHarness(MatIconHarness.with({
+        name: iconName
+      }));
+    });
+  }
+  async click(...args) {
+    return (await this.host()).click(...args);
+  }
+  async isDisabled() {
+    const host = await this.host();
+    return booleanAttribute(await host.getAttribute('disabled')) || (await host.hasClass('mat-mdc-button-disabled'));
+  }
+  async getText() {
+    return (await this.host()).text();
+  }
+  async focus() {
+    return (await this.host()).focus();
+  }
+  async blur() {
+    return (await this.host()).blur();
+  }
+  async isFocused() {
+    return (await this.host()).isFocused();
+  }
+  async getVariant() {
+    const host = await this.host();
+    if ((await host.hasClass('mat-mdc-icon-button')) || (await host.getAttribute('mat-icon-button')) != null) {
+      return 'icon';
     }
-    async click(...args) {
-        return (await this.host()).click(...args);
+    if ((await host.hasClass('mat-mdc-mini-fab')) || (await host.getAttribute('mat-mini-fab')) != null) {
+      return 'mini-fab';
     }
-    /** Gets a boolean promise indicating if the button is disabled. */
-    async isDisabled() {
-        const host = await this.host();
-        return (booleanAttribute(await host.getAttribute('disabled')) ||
-            (await host.hasClass('mat-mdc-button-disabled')));
+    if ((await host.hasClass('mat-mdc-fab')) || (await host.getAttribute('mat-fab')) != null) {
+      return 'fab';
     }
-    /** Gets a promise for the button's label text. */
-    async getText() {
-        return (await this.host()).text();
+    return 'basic';
+  }
+  async getAppearance() {
+    const host = await this.host();
+    if (await host.hasClass('mat-mdc-outlined-button')) {
+      return 'outlined';
     }
-    /** Focuses the button and returns a void promise that indicates when the action is complete. */
-    async focus() {
-        return (await this.host()).focus();
+    if (await host.hasClass('mat-mdc-raised-button')) {
+      return 'elevated';
     }
-    /** Blurs the button and returns a void promise that indicates when the action is complete. */
-    async blur() {
-        return (await this.host()).blur();
+    if (await host.hasClass('mat-mdc-unelevated-button')) {
+      return 'filled';
     }
-    /** Whether the button is focused. */
-    async isFocused() {
-        return (await this.host()).isFocused();
+    if (await host.hasClass('mat-mdc-button')) {
+      return 'text';
     }
-    /** Gets the variant of the button. */
-    async getVariant() {
-        const host = await this.host();
-        // TODO(crisbeto): we're checking both classes and attributes for backwards compatibility
-        // with some internal apps that were applying the attribute without importing the directive.
-        // Really we should be only targeting the classes.
-        if ((await host.hasClass('mat-mdc-icon-button')) ||
-            (await host.getAttribute('mat-icon-button')) != null) {
-            return 'icon';
-        }
-        if ((await host.hasClass('mat-mdc-mini-fab')) ||
-            (await host.getAttribute('mat-mini-fab')) != null) {
-            return 'mini-fab';
-        }
-        if ((await host.hasClass('mat-mdc-fab')) || (await host.getAttribute('mat-fab')) != null) {
-            return 'fab';
-        }
-        return 'basic';
+    if (await host.hasClass('mat-tonal-button')) {
+      return 'tonal';
     }
-    /** Gets the appearance of the button. */
-    async getAppearance() {
-        const host = await this.host();
-        if (await host.hasClass('mat-mdc-outlined-button')) {
-            return 'outlined';
-        }
-        if (await host.hasClass('mat-mdc-raised-button')) {
-            return 'elevated';
-        }
-        if (await host.hasClass('mat-mdc-unelevated-button')) {
-            return 'filled';
-        }
-        if (await host.hasClass('mat-mdc-button')) {
-            return 'text';
-        }
-        if (await host.hasClass('mat-tonal-button')) {
-            return 'tonal';
-        }
-        return null;
-    }
-    /**
-     * Gets the type of the button. Supported values are 'button', 'submit', and 'reset'.
-     */
-    async getType() {
-        const host = await this.host();
-        const buttonType = await host.getAttribute('type');
-        if (buttonType === 'button' || buttonType === 'submit' || buttonType === 'reset') {
-            return buttonType;
-        }
-        return null;
+    return null;
+  }
+  async getType() {
+    const host = await this.host();
+    const buttonType = await host.getAttribute('type');
+    if (buttonType === 'button' || buttonType === 'submit' || buttonType === 'reset') {
+      return buttonType;
     }
+    return null;
+  }
 }
 
 export { MatButtonHarness };

package/fesm2022/button-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button-testing.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/material/button/testing/button-harness.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {booleanAttribute} from '@angular/core';\nimport {\n  ComponentHarnessConstructor,\n  ContentContainerComponentHarness,\n  HarnessPredicate,\n} from '@angular/cdk/testing';\nimport {MatIconHarness} from '@angular/material/icon/testing';\nimport {\n  ButtonAppearance,\n  ButtonHarnessFilters,\n  ButtonType,\n  ButtonVariant,\n} from './button-harness-filters';\n\n/** Harness for interacting with a mat-button in tests. */\nexport class MatButtonHarness extends ContentContainerComponentHarness {\n  // Note: `.mat-mdc-button-base` should be enough for all buttons, however some apps are using\n  // the harness without actually having an applied button. Keep the attributes for backwards\n  // compatibility.\n\n  /** Selector for the harness. */\n  static hostSelector = `.mat-mdc-button-base, [matButton], [mat-button], [matIconButton],\n    [matFab], [matMiniFab], [mat-raised-button], [mat-flat-button], [mat-icon-button],\n    [mat-stroked-button], [mat-fab], [mat-mini-fab]`;\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a button with specific attributes.\n   * @param options Options for narrowing the search:\n   *   - `selector` finds a button whose host element matches the given selector.\n   *   - `text` finds a button with specific text content.\n   *   - `variant` finds buttons matching a specific variant.\n   *   - `appearance` finds buttons matching a specific appearance.\n   * @return a `HarnessPredicate` configured with the given options.\n   */\n  static with<T extends MatButtonHarness>(\n    this: ComponentHarnessConstructor<T>,\n    options: ButtonHarnessFilters = {},\n  ): HarnessPredicate<T> {\n    return new HarnessPredicate(this, options)\n      .addOption('text', options.text, (harness, text) =>\n        HarnessPredicate.stringMatches(harness.getText(), text),\n      )\n      .addOption('variant', options.variant, (harness, variant) =>\n        HarnessPredicate.stringMatches(harness.getVariant(), variant),\n      )\n      .addOption('appearance', options.appearance, (harness, appearance) =>\n        HarnessPredicate.stringMatches(harness.getAppearance(), appearance),\n      )\n      .addOption('disabled', options.disabled, async (harness, disabled) => {\n        return (await harness.isDisabled()) === disabled;\n      })\n      .addOption('buttonType', options.buttonType, (harness, buttonType) =>\n        HarnessPredicate.stringMatches(harness.getType(), buttonType),\n      )\n      .addOption('iconName', options.iconName, (harness, iconName) => {\n        return harness.hasHarness(MatIconHarness.with({name: iconName}));\n      });\n  }\n\n  /**\n   * Clicks the button at the given position relative to its top-left.\n   * @param relativeX The relative x position of the click.\n   * @param relativeY The relative y position of the click.\n   */\n  click(relativeX: number, relativeY: number): Promise<void>;\n  /** Clicks the button at its center. */\n  click(location: 'center'): Promise<void>;\n  /** Clicks the button. */\n  click(): Promise<void>;\n  async click(...args: [] | ['center'] | [number, number]): Promise<void> {\n    return (await this.host()).click(...(args as []));\n  }\n\n  /** Gets a boolean promise indicating if the button is disabled. */\n  async isDisabled(): Promise<boolean> {\n    const host = await this.host();\n    return (\n      booleanAttribute(await host.getAttribute('disabled')) ||\n      (await host.hasClass('mat-mdc-button-disabled'))\n    );\n  }\n\n  /** Gets a promise for the button's label text. */\n  async getText(): Promise<string> {\n    return (await this.host()).text();\n  }\n\n  /** Focuses the button and returns a void promise that indicates when the action is complete. */\n  async focus(): Promise<void> {\n    return (await this.host()).focus();\n  }\n\n  /** Blurs the button and returns a void promise that indicates when the action is complete. */\n  async blur(): Promise<void> {\n    return (await this.host()).blur();\n  }\n\n  /** Whether the button is focused. */\n  async isFocused(): Promise<boolean> {\n    return (await this.host()).isFocused();\n  }\n\n  /** Gets the variant of the button. */\n  async getVariant(): Promise<ButtonVariant> {\n    const host = await this.host();\n\n    // TODO(crisbeto): we're checking both classes and attributes for backwards compatibility\n    // with some internal apps that were applying the attribute without importing the directive.\n    // Really we should be only targeting the classes.\n    if (\n      (await host.hasClass('mat-mdc-icon-button')) ||\n      (await host.getAttribute('mat-icon-button')) != null\n    ) {\n      return 'icon';\n    }\n\n    if (\n      (await host.hasClass('mat-mdc-mini-fab')) ||\n      (await host.getAttribute('mat-mini-fab')) != null\n    ) {\n      return 'mini-fab';\n    }\n\n    if ((await host.hasClass('mat-mdc-fab')) || (await host.getAttribute('mat-fab')) != null) {\n      return 'fab';\n    }\n\n    return 'basic';\n  }\n\n  /** Gets the appearance of the button. */\n  async getAppearance(): Promise<ButtonAppearance | null> {\n    const host = await this.host();\n\n    if (await host.hasClass('mat-mdc-outlined-button')) {\n      return 'outlined';\n    }\n\n    if (await host.hasClass('mat-mdc-raised-button')) {\n      return 'elevated';\n    }\n\n    if (await host.hasClass('mat-mdc-unelevated-button')) {\n      return 'filled';\n    }\n\n    if (await host.hasClass('mat-mdc-button')) {\n      return 'text';\n    }\n\n    if (await host.hasClass('mat-tonal-button')) {\n      return 'tonal';\n    }\n\n    return null;\n  }\n\n  /**\n   * Gets the type of the button. Supported values are 'button', 'submit', and 'reset'.\n   */\n  async getType(): Promise<ButtonType | null> {\n    const host = await this.host();\n    const buttonType = await host.getAttribute('type');\n    if (buttonType === 'button' || buttonType === 'submit' || buttonType === 'reset') {\n      return buttonType;\n    }\n    return null;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"button-testing.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/material/button/testing/button-harness.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {booleanAttribute} from '@angular/core';\nimport {\n  ComponentHarnessConstructor,\n  ContentContainerComponentHarness,\n  HarnessPredicate,\n} from '@angular/cdk/testing';\nimport {MatIconHarness} from '@angular/material/icon/testing';\nimport {\n  ButtonAppearance,\n  ButtonHarnessFilters,\n  ButtonType,\n  ButtonVariant,\n} from './button-harness-filters';\n\n/** Harness for interacting with a mat-button in tests. */\nexport class MatButtonHarness extends ContentContainerComponentHarness {\n  // Note: `.mat-mdc-button-base` should be enough for all buttons, however some apps are using\n  // the harness without actually having an applied button. Keep the attributes for backwards\n  // compatibility.\n\n  /** Selector for the harness. */\n  static hostSelector = `.mat-mdc-button-base, [matButton], [mat-button], [matIconButton],\n    [matFab], [matMiniFab], [mat-raised-button], [mat-flat-button], [mat-icon-button],\n    [mat-stroked-button], [mat-fab], [mat-mini-fab]`;\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a button with specific attributes.\n   * @param options Options for narrowing the search:\n   *   - `selector` finds a button whose host element matches the given selector.\n   *   - `text` finds a button with specific text content.\n   *   - `variant` finds buttons matching a specific variant.\n   *   - `appearance` finds buttons matching a specific appearance.\n   * @return a `HarnessPredicate` configured with the given options.\n   */\n  static with<T extends MatButtonHarness>(\n    this: ComponentHarnessConstructor<T>,\n    options: ButtonHarnessFilters = {},\n  ): HarnessPredicate<T> {\n    return new HarnessPredicate(this, options)\n      .addOption('text', options.text, (harness, text) =>\n        HarnessPredicate.stringMatches(harness.getText(), text),\n      )\n      .addOption('variant', options.variant, (harness, variant) =>\n        HarnessPredicate.stringMatches(harness.getVariant(), variant),\n      )\n      .addOption('appearance', options.appearance, (harness, appearance) =>\n        HarnessPredicate.stringMatches(harness.getAppearance(), appearance),\n      )\n      .addOption('disabled', options.disabled, async (harness, disabled) => {\n        return (await harness.isDisabled()) === disabled;\n      })\n      .addOption('buttonType', options.buttonType, (harness, buttonType) =>\n        HarnessPredicate.stringMatches(harness.getType(), buttonType),\n      )\n      .addOption('iconName', options.iconName, (harness, iconName) => {\n        return harness.hasHarness(MatIconHarness.with({name: iconName}));\n      });\n  }\n\n  /**\n   * Clicks the button at the given position relative to its top-left.\n   * @param relativeX The relative x position of the click.\n   * @param relativeY The relative y position of the click.\n   */\n  click(relativeX: number, relativeY: number): Promise<void>;\n  /** Clicks the button at its center. */\n  click(location: 'center'): Promise<void>;\n  /** Clicks the button. */\n  click(): Promise<void>;\n  async click(...args: [] | ['center'] | [number, number]): Promise<void> {\n    return (await this.host()).click(...(args as []));\n  }\n\n  /** Gets a boolean promise indicating if the button is disabled. */\n  async isDisabled(): Promise<boolean> {\n    const host = await this.host();\n    return (\n      booleanAttribute(await host.getAttribute('disabled')) ||\n      (await host.hasClass('mat-mdc-button-disabled'))\n    );\n  }\n\n  /** Gets a promise for the button's label text. */\n  async getText(): Promise<string> {\n    return (await this.host()).text();\n  }\n\n  /** Focuses the button and returns a void promise that indicates when the action is complete. */\n  async focus(): Promise<void> {\n    return (await this.host()).focus();\n  }\n\n  /** Blurs the button and returns a void promise that indicates when the action is complete. */\n  async blur(): Promise<void> {\n    return (await this.host()).blur();\n  }\n\n  /** Whether the button is focused. */\n  async isFocused(): Promise<boolean> {\n    return (await this.host()).isFocused();\n  }\n\n  /** Gets the variant of the button. */\n  async getVariant(): Promise<ButtonVariant> {\n    const host = await this.host();\n\n    // TODO(crisbeto): we're checking both classes and attributes for backwards compatibility\n    // with some internal apps that were applying the attribute without importing the directive.\n    // Really we should be only targeting the classes.\n    if (\n      (await host.hasClass('mat-mdc-icon-button')) ||\n      (await host.getAttribute('mat-icon-button')) != null\n    ) {\n      return 'icon';\n    }\n\n    if (\n      (await host.hasClass('mat-mdc-mini-fab')) ||\n      (await host.getAttribute('mat-mini-fab')) != null\n    ) {\n      return 'mini-fab';\n    }\n\n    if ((await host.hasClass('mat-mdc-fab')) || (await host.getAttribute('mat-fab')) != null) {\n      return 'fab';\n    }\n\n    return 'basic';\n  }\n\n  /** Gets the appearance of the button. */\n  async getAppearance(): Promise<ButtonAppearance | null> {\n    const host = await this.host();\n\n    if (await host.hasClass('mat-mdc-outlined-button')) {\n      return 'outlined';\n    }\n\n    if (await host.hasClass('mat-mdc-raised-button')) {\n      return 'elevated';\n    }\n\n    if (await host.hasClass('mat-mdc-unelevated-button')) {\n      return 'filled';\n    }\n\n    if (await host.hasClass('mat-mdc-button')) {\n      return 'text';\n    }\n\n    if (await host.hasClass('mat-tonal-button')) {\n      return 'tonal';\n    }\n\n    return null;\n  }\n\n  /**\n   * Gets the type of the button. Supported values are 'button', 'submit', and 'reset'.\n   */\n  async getType(): Promise<ButtonType | null> {\n    const host = await this.host();\n    const buttonType = await host.getAttribute('type');\n    if (buttonType === 'button' || buttonType === 'submit' || buttonType === 'reset') {\n      return buttonType;\n    }\n    return null;\n  }\n}\n"],"names":["addOption","options","buttonType","harness","HarnessPredicate","stringMatches","getType","iconName","hasHarness","MatIconHarness","with","name","click","args","host","isDisabled","hasClass","text","focus","isFocused","getVariant"],"mappings":";;;;;;AA8CI;mDAC4B,CAAA;;;;MAyC9B,CAKAA,SAAA,CAAA,YAAA,EAAAC,OAAA,CAAAC,UAAA,EAAAC,CAAAA,OAAA,EAAAD,UAAA,KAAAE,gBAAA,CAAAC,aAAA,CAAAF,OAAA,CAAAG,OAAA,EAAA,EAAAJ,UAAA,CAAA,CAAA,CAEgGF,SAAA,CAAA,UAAA,EAAAC,OAAA,CAAAM,QAAA,EAAA,CAAAJ,OAAA,EAAAI,QAChG,KAAA;AAEAJ,MAAAA,OAAAA,OAAA,CAAAK,UAAA,CAAAC,cAAA,CAAAC,IAAA,CAAA;AAAAC,QAAAA,IAAA,EAAAJ;AAE8F,OAAA,CAAA,CAAA;;;AAO5FK,EAAAA,MAAAA,KAAAA,CAAA,GAAOC,IAAC,EAAA;AACV,IAAA,OAAA,CAAAC,MAAAA,IAAAA,CAAAA,IAAA,EAAAF,EAAAA,KAAA,IAAAC,IAAA,CAAA;;kBAO8FE,GAAA;UAC1CD,IAAA,cAAAA,IAAA,EAAA;oDAoBpD,UAAA,CAAA,CAAA,KAAA,MAAAA,IAAA,CAAAE,QAAA,CAAA,yBAAA,CAAA,CAAA;;;AAOI,IAAA,OAAA,CAAA,MAAA,IAAA,CAAAF,IAAA,EAAA,EAAAG,IAAA,EAAA;;;IAQA,OAAAH,CAAAA,MAAAA,IAAAA,CAAAA,IAAA,IAAAI,KAAA,EAAA;;eAKF;;;AAOFC,EAAAA,MAAAA,SAAAA,GAAA;IAEA,OAAAL,CAAAA,MAAAA,IAAAA,CAAAA,IAAA,IAAAK,SAAA,EAAA;AAEG;AAEDC,EAAAA,MAAAA,UAAAA,GAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/fesm2022/button-toggle-testing.mjs

@@ -1,135 +1,86 @@
 import { ComponentHarness, HarnessPredicate, parallel } from '@angular/cdk/testing';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 
-/** Harness for interacting with a standard mat-button-toggle in tests. */
 class MatButtonToggleHarness extends ComponentHarness {
-    /** The selector for the host element of a `MatButton` instance. */
-    static hostSelector = '.mat-button-toggle';
-    _label = this.locatorFor('.mat-button-toggle-label-content');
-    _button = this.locatorFor('.mat-button-toggle-button');
-    /**
-     * Gets a `HarnessPredicate` that can be used to search for a `MatButtonToggleHarness` that meets
-     * certain criteria.
-     * @param options Options for filtering which button toggle instances are considered a match.
-     * @return a `HarnessPredicate` configured with the given options.
-     */
-    static with(options = {}) {
-        return new HarnessPredicate(MatButtonToggleHarness, options)
-            .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text))
-            .addOption('name', options.name, (harness, name) => HarnessPredicate.stringMatches(harness.getName(), name))
-            .addOption('checked', options.checked, async (harness, checked) => (await harness.isChecked()) === checked)
-            .addOption('disabled', options.disabled, async (harness, disabled) => {
-            return (await harness.isDisabled()) === disabled;
-        });
-    }
-    /** Gets a boolean promise indicating if the button toggle is checked. */
-    async isChecked() {
-        const button = await this._button();
-        const [checked, pressed] = await parallel(() => [
-            button.getAttribute('aria-checked'),
-            button.getAttribute('aria-pressed'),
-        ]);
-        return coerceBooleanProperty(checked) || coerceBooleanProperty(pressed);
-    }
-    /** Gets a boolean promise indicating if the button toggle is disabled. */
-    async isDisabled() {
-        const host = await this.host();
-        return host.hasClass('mat-button-toggle-disabled');
-    }
-    /** Gets a promise for the button toggle's name. */
-    async getName() {
-        return (await this._button()).getAttribute('name');
-    }
-    /** Gets a promise for the button toggle's aria-label. */
-    async getAriaLabel() {
-        return (await this._button()).getAttribute('aria-label');
-    }
-    /** Gets a promise for the button toggles's aria-labelledby. */
-    async getAriaLabelledby() {
-        return (await this._button()).getAttribute('aria-labelledby');
-    }
-    /** Gets a promise for the button toggle's text. */
-    async getText() {
-        return (await this._label()).text();
-    }
-    /** Gets the appearance that the button toggle is using. */
-    async getAppearance() {
-        const host = await this.host();
-        const className = 'mat-button-toggle-appearance-standard';
-        return (await host.hasClass(className)) ? 'standard' : 'legacy';
-    }
-    /** Focuses the toggle. */
-    async focus() {
-        return (await this._button()).focus();
-    }
-    /** Blurs the toggle. */
-    async blur() {
-        return (await this._button()).blur();
-    }
-    /** Whether the toggle is focused. */
-    async isFocused() {
-        return (await this._button()).isFocused();
-    }
-    /** Toggle the checked state of the buttons toggle. */
-    async toggle() {
-        return (await this._button()).click();
-    }
-    /**
-     * Puts the button toggle in a checked state by toggling it if it's
-     * currently unchecked, or doing nothing if it is already checked.
-     */
-    async check() {
-        if (!(await this.isChecked())) {
-            await this.toggle();
-        }
-    }
-    /**
-     * Puts the button toggle in an unchecked state by toggling it if it's
-     * currently checked, or doing nothing if it's already unchecked.
-     */
-    async uncheck() {
-        if (await this.isChecked()) {
-            await this.toggle();
-        }
-    }
+  static hostSelector = '.mat-button-toggle';
+  _label = this.locatorFor('.mat-button-toggle-label-content');
+  _button = this.locatorFor('.mat-button-toggle-button');
+  static with(options = {}) {
+    return new HarnessPredicate(MatButtonToggleHarness, options).addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text)).addOption('name', options.name, (harness, name) => HarnessPredicate.stringMatches(harness.getName(), name)).addOption('checked', options.checked, async (harness, checked) => (await harness.isChecked()) === checked).addOption('disabled', options.disabled, async (harness, disabled) => {
+      return (await harness.isDisabled()) === disabled;
+    });
+  }
+  async isChecked() {
+    const button = await this._button();
+    const [checked, pressed] = await parallel(() => [button.getAttribute('aria-checked'), button.getAttribute('aria-pressed')]);
+    return coerceBooleanProperty(checked) || coerceBooleanProperty(pressed);
+  }
+  async isDisabled() {
+    const host = await this.host();
+    return host.hasClass('mat-button-toggle-disabled');
+  }
+  async getName() {
+    return (await this._button()).getAttribute('name');
+  }
+  async getAriaLabel() {
+    return (await this._button()).getAttribute('aria-label');
+  }
+  async getAriaLabelledby() {
+    return (await this._button()).getAttribute('aria-labelledby');
+  }
+  async getText() {
+    return (await this._label()).text();
+  }
+  async getAppearance() {
+    const host = await this.host();
+    const className = 'mat-button-toggle-appearance-standard';
+    return (await host.hasClass(className)) ? 'standard' : 'legacy';
+  }
+  async focus() {
+    return (await this._button()).focus();
+  }
+  async blur() {
+    return (await this._button()).blur();
+  }
+  async isFocused() {
+    return (await this._button()).isFocused();
+  }
+  async toggle() {
+    return (await this._button()).click();
+  }
+  async check() {
+    if (!(await this.isChecked())) {
+      await this.toggle();
+    }
+  }
+  async uncheck() {
+    if (await this.isChecked()) {
+      await this.toggle();
+    }
+  }
 }
 
-/** Harness for interacting with a standard mat-button-toggle in tests. */
 class MatButtonToggleGroupHarness extends ComponentHarness {
-    /** The selector for the host element of a `MatButton` instance. */
-    static hostSelector = '.mat-button-toggle-group';
-    /**
-     * Gets a `HarnessPredicate` that can be used to search for a `MatButtonToggleGroupHarness`
-     * that meets certain criteria.
-     * @param options Options for filtering which button toggle instances are considered a match.
-     * @return a `HarnessPredicate` configured with the given options.
-     */
-    static with(options = {}) {
-        return new HarnessPredicate(MatButtonToggleGroupHarness, options).addOption('disabled', options.disabled, async (harness, disabled) => {
-            return (await harness.isDisabled()) === disabled;
-        });
-    }
-    /**
-     * Gets the button toggles that are inside the group.
-     * @param filter Optionally filters which toggles are included.
-     */
-    async getToggles(filter = {}) {
-        return this.locatorForAll(MatButtonToggleHarness.with(filter))();
-    }
-    /** Gets whether the button toggle group is disabled. */
-    async isDisabled() {
-        return (await (await this.host()).getAttribute('aria-disabled')) === 'true';
-    }
-    /** Gets whether the button toggle group is laid out vertically. */
-    async isVertical() {
-        return (await this.host()).hasClass('mat-button-toggle-vertical');
-    }
-    /** Gets the appearance that the group is using. */
-    async getAppearance() {
-        const host = await this.host();
-        const className = 'mat-button-toggle-group-appearance-standard';
-        return (await host.hasClass(className)) ? 'standard' : 'legacy';
-    }
+  static hostSelector = '.mat-button-toggle-group';
+  static with(options = {}) {
+    return new HarnessPredicate(MatButtonToggleGroupHarness, options).addOption('disabled', options.disabled, async (harness, disabled) => {
+      return (await harness.isDisabled()) === disabled;
+    });
+  }
+  async getToggles(filter = {}) {
+    return this.locatorForAll(MatButtonToggleHarness.with(filter))();
+  }
+  async isDisabled() {
+    return (await (await this.host()).getAttribute('aria-disabled')) === 'true';
+  }
+  async isVertical() {
+    return (await this.host()).hasClass('mat-button-toggle-vertical');
+  }
+  async getAppearance() {
+    const host = await this.host();
+    const className = 'mat-button-toggle-group-appearance-standard';
+    return (await host.hasClass(className)) ? 'standard' : 'legacy';
+  }
 }
 
 export { MatButtonToggleGroupHarness, MatButtonToggleHarness };